* { margin: 0; padding: 0; border: 0; }
html { height: 100%; }
body { color: #000000; width: 100%; background: #ebebeb; height: 100%; }
#main-container { min-height: 100%; position: relative; }
a { font-weight: 400; color: #000000; }
a:hover { text-decoration: underline; }
.hide { display: none; }
hr.seam { height: 3px; background: url('/vendors/images/hr-seam.png') top left repeat-x; margin: 4px 0px; }
hr { clear: both; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #e7e8e8; height: 0px; margin: 5px -5px; }
h2 { font-size: 12px; padding-bottom: 10px; }
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.grey-box { background-color: #f4f4f4; border-radius: 0px; margin: 5px 0px 5px 0px; padding: 5px 10px; border: 1px solid #eaeaea; }
.w100 { width: 100%; }
.w50 { width: 50%; }
.va-top { vertical-align: top; }
.yes { display: inline-block; width: 16px; height: 12px; background: url('/vendors/images/elements.png') -14px -27px no-repeat; } 
.no { display: inline-block; width: 12px; height: 12px; background: url('/vendors/images/elements.png') -1px -27px no-repeat; }
.success-message { background-color: #d3e0b6; color: #30323a; border: 1px solid #89c700; text-align: center; padding: 10px; font-weight: bold; }
.error-message { background-color: #ffaaaa; color: #30323a; border: 1px solid #ff0000; text-align: center; padding: 10px; font-weight: bold; }
p { padding: 5px 0px; }


input { border: 1px solid #d2d2d2; background-color: #ffffff; color: #30323a; padding: 4px; min-height: 14px; height: auto; line-height: 14px; }
select { border: 1px solid #d2d2d2; background: #ffffff; color: #30323a; padding: 2px 4px; height: 24px; line-height: 14px; }
select option { background: #ffffff; color: #6a6a6a; height: 22px; line-height: 14px; }
select.multiple { height: auto; }
textarea { border: 1px solid #d2d2d2; background-color: #ffffff; color: #30323a; padding: 4px; font: 11px "Trebuchet MS", sans-serif; line-height: 14px; }
span.error, div.error { color: #e9532d; font-weight: bold; }
input.checkbox { padding: 1px; height: 15px; width: 15px; border-radius: 7px; border-color: #d0d0d0; }
input.radio { height: 15px; width: 15px; color: #454545; }
input.error, select.error, textarea.error { border-color: #c64424 #e75d3a #f3ab99 #e75d3a; box-shadow: inset 1px 1px 1px 1px #f0ffff; }
/*input[type=submit] { padding: 4px 11px; margin-top: -1px; color: #ffffff; background-color: #444444; cursor: pointer; }*/
input[type=submit], .button { border: none; text-decoration: none; display: inline-block; font-weight: bold;  color: #f8fcf4; cursor: pointer; margin: 2px; height: auto; line-height: 26px; border-radius: 4px; min-width:110px;text-align: center; padding: 3px 6px; background-color: #89c700; text-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
input[type=submit]:hover, .button:hover { background-color: #bae55c; text-decoration: none; color: #fff; }
input[type=file] { padding: 1px 4px 7px 1px; }
input.radio { width: auto; height: auto; }
input.small { width: 16px; }
input.blurred { color: #b0b0b0; }
input.upload-hide { width: 1px; height: 1px; positioN: absolute; top: -1000px; left: -1000px; }

.button.pink-button { background-color: #db2b90; }
.button.pink-button:hover { background-color: #e849a3; }

.button.yellow-button { background-color: #ffc710; }
.button.yellow-button:hover { background-color: #ffe168; }

.button.red-button { background-color: #e82a2c; }
.button.red-button:hover { background-color: #e8585a; }

.button.grey-button { background-color: #bbb !important; }
.button.grey-button:hover { background-color: #bbb !important; }

.no-margin { margin: 0px; }
.greenbg { color: #f8fcf4; background-color: #89c700 !important; font-weight: bold; }

.select { position: absolute; overflow: hidden; border-radius: 4px; border: 1px solid; border-color: #989898; background: url('/vendors/images/select-bg.png') right top no-repeat #ffffff; color: #6a6a6a; padding: 4px 20px 4px 4px; font: 11px "Trebuchet MS", sans-serif; height: 14px; line-height: 14px; box-shadow: inset 0px 2px 3px #c9c9c9; }
/*
span.checkbox, span.radio {	width: 15px; height: 15px; background: url('/vendors/images/radio-bg.png') no-repeat; display: block; clear: left; float: left; margin-right: 5px; }
span.radio { background: url('/vendors/images/radio-bg.png') no-repeat; }
*/
span.checkbox, span.radio {	width: 13px; height: 13px; background: url('/vendors/images/checkbox-bg.png') no-repeat -1px -1px #ffffff; display: block; clear: left; float: left; margin-right: 5px; border-radius: 7px; border: 1px solid; border-color: #727272 #979797 #aaaaaa #979797; }
span.radio { background: url('/vendors/images/radio-bg.png') no-repeat -1px -1px #ffffff; }

.form-button { width: auto; height: 34px; color: #ffffff; outline: 0; border: 0px; font: 11px "Trebuchet MS", sans-serif; }
.form-button ins { display: block; height: 100%; width: 7px; background: url('/vendors/images/small-elements.png') -214px -163px no-repeat; float: left; }
.form-button del { display: block; height: 100%; width: 7px; background: url('/vendors/images/small-elements.png') -221px -163px no-repeat; float: left; }
.form-button div.form-button-inner { height: 100%; background: url('/vendors/images/small-elements-repeat.png') 0px -9px repeat-x; float: left; }
.form-button div.form-button-inner a { height: 24px; display: block; text-align: left; font-size: 11px; background-color: transparent; position: relative; cursor: pointer; padding: 10px 4px 0px 4px; font-weight: bold; color: #000000; text-decoration: none; }
.form-button div.form-button-inner a:active { margin: 1px -1px -1px 1px; }
.form-button div.form-button-inner button { height: 100%; text-align: left; vertical-align: middle; font-size: 11px; background-color: transparent; position: relative; cursor: pointer; padding: 0px 4px; font-weight: bold; color: #000000; }
.form-button div.form-button-inner button:active { margin: 1px -1px -1px 1px; }

.form-button.white-button ins { background-position: -228px -163px; }
.form-button.white-button del { background-position: -235px -163px; }
.form-button.white-button div.form-button-inner { background-position: 0px -43px; }


.error-frame { border: 1px solid #f98b0c; border-radius: 6px; background-color: #ffe9ce; margin-bottom: 5px; color: #f98c0e; font-weight: bold; width: 100%; }
.error-frame img { background: url('/vendors/images/style/small-elements.png') no-repeat -11px -118px; width: 24px; height: 22px; margin: 5px 7px; float: left; }
.error-frame ul { list-style: circle; padding-left: 10px; }
.error-frame th { padding: 5px 0px; width: 40px; }
.error-frame td { padding: 5px 0px; text-align: left; }

td.red { font-weight: bold; background-color: #e82a2c !important; color: #f8fcf4 !important; text-align: center !important; }
td.yellow { font-weight: bold; background-color: #ffc710 !important; color: #30323a !important; text-align: center !important; }
td.green { font-weight: bold; background-color: #89c700 !important; color: #f8fcf4 !important; text-align: center !important; }


/* body general */

#body { margin: 5px auto 0px auto; padding-bottom: 30px; position: relative;float:left; }/*height: auto; position: absolute; position: absolute; left: 0px; top: 101px; right: 0px; bottom: 120px; }*/
.body-clear { position: absolute; top: 100%; }
#body.screen-width { width: 100%; margin: 0px; }
#content { height: 100%; /*margin-left: 230px;*/margin:10px;}
#content.left-panel { height: 100%; margin-left: 230px;}
/*#content.left-panel { width: 770px; background-color: #F4F4F4; border-radius: 4px; float: left; margin-left: 9px; padding: 5px; position: relative; }*/

/*
#left-panel { width: 185px; height: auto; background: url('/vendors/images/dashboard-left.png') repeat-y top left; position: absolute; top: 135px; bottom: 120px; left: 0px; z-index: 1; }
#right-panel { width: 196px; height: auto; background: url('/vendors/images/dashboard-right.png') repeat-y top left; position: absolute; top: 135px; bottom: 120px; right: 0px; z-index: 1; }
*/

#body #left-panel { width: 220px; float: left;    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important; margin-left: 3px;}
#left-panel .grey-box { background-color: #f4f4f4; margin-top: 0px; }
#left-panel p { padding: 8px 0px; }
#left-panel h4 { text-decoration: underline; padding: 3px 0px; }
#left-panel h4 a { text-decoration: none; float: right; color: inherit; }
#left-panel h4 a:hover { text-decoration: underline; }
#left-panel hr.separator { clear: both; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #e7e8e8; width: 176px; height: 0px; margin: 5px -5px; }
#left-panel .grey-box.leftmenu { padding: 5px 0px 50px 0px; }
#left-panel .grey-box.leftmenu h4 { font-weight: bold; padding: 5px 10px; color: #565656; border-bottom: 1px solid #e7e8e8; text-decoration: none; }
#left-panel .grey-box.leftmenu a { color: #565656; font-weight: normal; text-decoration: none; display: block; background: none; padding: 4px 10px; line-height: 16px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #e7e8e8; }
#left-panel .grey-box.leftmenu a:hover, #left-panel .grey-box.leftmenu a.active { background-color: #999999; color: #fff; font-weight: bold; }


/* /body general */


/* flags */

.flag { padding: 0px 15px 0px 15px; display: block; height: 26px; line-height: 26px; color: #fff; font-weight: bold;
background: rgb(56,48,46); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMWUxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODMwMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
filter: none;
background: -moz-linear-gradient(left,  rgba(34,30,28,1) 0%, rgba(56,48,46,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(34,30,28,1)), color-stop(100%,rgba(56,48,46,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(34,30,28,1) 0%,rgba(56,48,46,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(34,30,28,1) 0%,rgba(56,48,46,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(34,30,28,1) 0%,rgba(56,48,46,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(34,30,28,1) 0%,rgba(56,48,46,1) 100%); /* W3C */
}
.flag ins { display: block; width: 5px; height: 5px; position: absolute; bottom: -5px; left: 0px; background: url('/vendors/images/style/small-elements.png') 0px -303px no-repeat; }
.flag del { display: block; width: 6px; height: 26px; position: absolute; top: 0px; right: -6px; background: url('/vendors/images/style/small-elements.png') -121px -277px no-repeat; }
.flag-right ins { left: auto; right: 0px; }
.flag-right del { right: auto; left: -6px; }


.flag-yellow {
background: rgb(251,157,40); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2N2UwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjlkMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
filter: none;
background: -moz-linear-gradient(left, rgba(230,126,8,1) 0%, rgba(251,157,40,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,126,8,1)), color-stop(100%,rgba(251,157,40,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(230,126,8,1) 0%,rgba(251,157,40,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(230,126,8,1) 0%,rgba(251,157,40,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(230,126,8,1) 0%,rgba(251,157,40,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(230,126,8,1) 0%,rgba(251,157,40,1) 100%); /* W3C */
}
.flag-yellow ins { background-position: -241px -61px; }
.flag-yellow del { background-position: -241px -35px; }

/* /flags */


/* header */

#header { width: 100%; height: 95px; background: #34bdf0; }
#header-inner { margin: 0px auto 0px auto; }

#header-inner form { float: right; margin-top: 39px; }
#header-inner form input {     
	margin-left: 10px;
    float: left;
    width: 168px;
}
#header-inner form input[type="submit"] {     
	width: 100px;
    height: 34px;
    padding: 0;
    margin: 0;
    margin-left: 10px; }

#header-inner .info { padding-top: 24px; float: right; }
#header-inner .info .logout { margin-left: 10px; }

#header #logo { float: left; background: url('/vendors/images/logo.png') no-repeat top left; display: block; width: 240px; height: 82px; margin-top: 10px; }
#header #agency-logo { float: left; display: block; max-width: 240px; max-height: 82px; margin-top: 10px; }

#header-inner-top .button1 { width: 152px; height: 32px; float: right; display: block; background: url('/vendors/images/small-elements.png') -138px 0px no-repeat; margin-top: 12px; }
#header-inner-top .button1 a, #header-inner-top .button2 a { height: 22px; display: block; text-align: center; padding-top: 10px; font-weight: bold; line-height: 14px; float: left; text-decoration: none; }
#header-inner-top .button1 a.jobs { width: 64px; color: #d3b37c; }
#header-inner-top .button1 a.castings { width: 88px; color: #ffffff; }
#header-inner-top .button2 { width: 154px; height: 34px; float: right; display: block; background: url('/vendors/images/small-elements.png') -138px -32px no-repeat; margin: 12px 0px 0px 16px; }
#header-inner-top .button2 a { height: 25px; padding-top: 9px; }
#header-inner-top .button2 a.sign-in { width: 65px; color: #785c32; }
#header-inner-top .button2 a.sign-up { width: 79px; color: #000000; text-align: left; padding-left: 10px; }

#header-inner-bottom a { font-size: 12px; color: #ffffff; text-decoration: none; display: block; height: 27px; padding-top: 9px; text-align: center; }
#header-inner-bottom a.active, #header-inner-bottom a:hover { text-decoration: underline; }
#header .flat-button { float: left; font-weight: bold; background: none; padding: 9px 30px 0px 30px; width: auto; position: relative; }
#header .flat-button:active { margin: 1px -1px -1px 1px; color: #ffffff; }
#header .flat-button:visited { color: #ffffff; }
#header-inner-bottom img.separator { width: 1px; height: 26px; background: url('/vendors/images/small-elements.png') 0px 0px no-repeat; float: left; margin: 3px 1px 0px 1px; }
#header-inner-bottom .magazines { height: 31px; width: 137px; position: absolute; top: 0px; right: 0px; display: block; background: url('/vendors/images/small-elements.png') -1px 0px no-repeat; z-index: 1; }
#header-inner-bottom .brands { float: right; padding: 9px 15px 0px 15px; margin-right: 137px; }


/* /header */


/* footer */

#footer { width: 100%; background: #ffffff; padding-top: 5px; height: 80px; margin-top: 10px; bottom: 0px; color: #000000; }
#footer-inner { margin: 0px auto 0px auto; position: relative;margin-left: 230px; }

#footer a { color: #000000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { padding: 20px 15px 0px 15px; float: left; background: url('/vendors/images/footer-line.png') 120px 20px no-repeat; }
#footer li { list-style: none; }
#footer .footer-menu span { color: #ffffff; font-weight: bold; }
#footer .footer-menu li a, #footer .footer-menu li { line-height: 13px; }
#footer .footer-menu li {     margin-top: 3px;
    list-style-position: outside;
    display: inline-block;
    margin-left: 5px;
    border-right: 1px solid #333;
    padding-right: 5px;}
	#footer .footer-menu li:last-child { border-right: 0;}
#footer #footer-rest { float: right;width: 250px;height: 70px;position: relative;background: url('/vendors/images/logo-footer.png') right 10px no-repeat;}
#footer #footer-rest .desc { height: 100px; line-height: 13px; }
#footer #footer-mid { width: 530px; float: left; padding:20px 15px 0px 15px; position: relative; background: url('/vendors/images/footer-line.png') right 20px no-repeat; }
#footer .copy {     float: left; width: 200px;}

#footer .share { float: left; width: 100px; margin: 0; }
#footer .share a { display: block; height: 25px; width: 25px; margin: -6px 0px 0px 4px; float: right; }
#footer .share a.fcb { background: url('/vendors/images/elements.png') 0px 0px no-repeat; }
#footer .share a.twi { background: url('/vendors/images/elements.png') -25px 0px no-repeat; }
#footer .share a.yt { background: url('/vendors/images/elements.png') -50px 0px no-repeat; width: 24px; }


/* /footer */

/* submenu */

#submenu { width: 100%; background: #231f20; height: 35px; }
#submenu-inner { width: 1020px; margin: 0px auto 0px auto; height: 100%; color: #ffffff; }

#submenu .separator { display: none; width: 1px; height: 26px; background: -moz-linear-gradient(top, rgba(172,172,172,0) 0%, rgba(172,172,172,1) 51%, rgba(172,172,172,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,172,172,0)), color-stop(51%,rgba(172,172,172,1)), color-stop(100%,rgba(172,172,172,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(172,172,172,0) 0%,rgba(172,172,172,1) 51%,rgba(172,172,172,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(172,172,172,0) 0%,rgba(172,172,172,1) 51%,rgba(172,172,172,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(172,172,172,0) 0%,rgba(172,172,172,1) 51%,rgba(172,172,172,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(172,172,172,0) 0%,rgba(172,172,172,1) 51%,rgba(172,172,172,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acacac', endColorstr='#00acacac',GradientType=0 ); /* IE6-9 */
float: left; margin: 3px 1px 0px 1px; }
#submenu .flat-button { height: 24px; float: left; font-weight: bold; background: none; padding: 9px 15px 0px 15px; width: auto; text-align: left; cursor: pointer; position: relative; font-size: 12px; color: #ffffff; text-decoration: none; line-height: 14px; }
#submenu .flat-button:hover { text-decoration: underline; }


#subsubmenu { width: 100%; background: #808080; height: 35px; }
#subsubmenu-inner { width: 1020px; margin: 0px auto 0px auto; height: 100%; color: #ffffff; }

#subsubmenu .flat-button { height: 24px; float: left; font-weight: bold; background: none; padding: 9px 25px 0px 25px; width: auto; text-align: left; cursor: pointer; position: relative; font-size: 12px; color: #ffffff; text-decoration: none; line-height: 14px; }
#subsubmenu .flat-button:hover { text-decoration: underline; }

/* /submenu */


/* HP */

#banner-big-container { width: 1020px; margin: 0px auto; }
#banner-big { width: 1020px; height: 360px; overflow: hidden; margin: 5px 0px; position: relative; }
.banner img { position: absolute; top: 0px; left: 0px; }
#banner-big .jcarousel li { width: 1020px; height: 360px; border-radius: 5px; overflow: hidden; position: relative; }
#banner-big .jcarousel li .jcitem { display: block; background-position: 0px 0px; width: 1020px; height: 360px; }
/*#banner-big .jcarousel li a.jcitem:hover { background-position: 0px -386px; }*/
.jcarousel { position: relative; overflow: hidden; height: 100%; }
.jcarousel ul { width: 20000em; position: absolute; list-style: none; }
.jcarousel li { float: left; }
.jcarousel-nav { display: block; position: absolute; right: 16px; top: 10px; }
.jcarousel-nav span { display: block; width: 6px; height: 6px; padding: 6px; float: right; border: 0px; margin: 1px; cursor: pointer; }
.jcarousel-nav span ins { display: block; width: 6px; height: 6px; background-color: #ececec; border-radius: 50%; border: 0px; }
.jcarousel-nav span.active ins { background-color: #c8c8c8; }
.jcarousel-nav b { display: block; width: 15px; height: 15px; background: url('/vendors/images/elements.png') no-repeat -41px -245px; float: right; margin-left: 6px; cursor: pointer; }
.jcarousel-nav b.start { background-position: -56px -245px; }

.partners { width: 1020px; height: 100px; overflow: hidden; }
.partners .jcarousel li { display: table; margin-right: 20px; }
.partners .jcarousel li a { display: table-cell; height: 100px; vertical-align: middle; }

#hp-middle-container { background: #f3f3f3; width: 100%; }
#hp-middle { width: 1020px; margin: 0px auto; text-align: center; }

#hp-partners-container { background: #ffffff; width: 100%; }
#hp-partners { width: 1020px; margin: 0px auto; text-align: center; }



/* /HP */


/* user shelf */

.shelf { margin: 0px 20px 0px 20px; position: relative; }
.shelf .arrow-right { position: absolute; bottom: 64px; right: -20px; height: 208px; width: 20px; }
.shelf .arrow-left { position: absolute; top: 13px; left: -20px; height: 208px; width: 20px; display: none; }
.shelf.has-filter .arrow-right { bottom: 64px; }
.shelf.albums .arrow-right { bottom: 84px; }
.shelf .arrow-right:active, .shelf .arrow-left:active { margin: 1px -1px -1px 1px; color: #ffffff; }
.shelf .arrow-right img { background: url('/vendors/images/small-elements.png') no-repeat -127px -40px; width: 11px; height: 17px; margin: 96px 4px 0px 5px; }
.shelf .arrow-right img.loader { background: url('/vendors/images/loader.gif') no-repeat 0px 0px; width: 16px; height: 16px; margin: 96px 2px 0px 2px; }
.shelf .arrow-left img { background: url('/vendors/images/small-elements.png') no-repeat -127px -57px; width: 11px; height: 17px; margin: 96px 5px 0px 4px; }
.shelf .arrow-left img.loader { background: url('/vendors/images/loader.gif') no-repeat 0px 0px; width: 16px; height: 16px; margin: 96px 2px 0px 2px; }
.shelf .inner-fixed-shelf { width: 100%; position: relative; overflow: hidden; height: 235px; }
.shelf .inner-fixed-shelf .inner-wide-shelf { width: 2000px; }
.shelf-rows-2 .shelf .inner-fixed-shelf { height: 400px; }
.shelf-rows-3 .shelf .inner-fixed-shelf { height: 600px; }
.shelf-rows-4 .shelf .inner-fixed-shelf { height: 800px; }
.shelf .page { float: left; }
.shelf span.filter { display: none; }
.shelf .filters { height: 50px; width: 100%; position: relative; text-align: center; font-weight: bold; background: url('/vendors/images/shelf-filter-bg.png') center top no-repeat; }
.shelf .filters .shelf-name { position: absolute; left: 13px; top: 0px; text-decoration: underline; }
.shelf .filters .view-all { position: absolute; right: 13px; top: 0px; color: #9f7d41; text-decoration: underline; }
.shelf .filters ul { display: block; }
.shelf .filters ul li { display: inline; padding: 0px 30px; border-right: 1px solid #000000; }
.shelf .filters ul li.last { border-right: 0px; }
.shelf .filters ul li a { color: #000000; text-decoration: none; }
.shelf .filters ul li.selected a { text-decoration: underline; }
.shelf.albums .inner-fixed-shelf { height: 255px; }

.page .outer .image .link { position: absolute; bottom: 45px; left: 0px; width: 100%; text-align: center; }
.page .outer .image .link a, .page .outer .image .link .provision { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; border-radius: 4px; font-weight: bold; padding: 5px 10px; display: none; z-index: 2; }
.page .outer .image .link .provision { background-color: rgba(0, 0, 0, 0.8); display: inline; }
.page .outer:hover .image .link a { display: inline; }
.page .outer:hover .image .link a:hover { background-color: rgba(0, 0, 0, 0.8); text-decoration: underline; }
.page .outer a span.pub-detail { padding: 7px; position: absolute; left: 95%; top: 50%; display: none; z-index: 2; background-color: #fffae3; border: 1px solid #cebb9a; border-radius: 4px; color: #1b1716; font-weight: normal; text-align: left; margin-top: -59px; white-space:nowrap; }
.page .outer a span.pub-detail img.arrow { display: block; background-color: #ff0000; width: 8px; height: 16px; position: absolute; top: 50%; left: -8px; background: url('/vendors/images/style/small-elements.png') -142px -166px no-repeat; }
.page .outer div.last a span.pub-detail { left: auto; right: 95%; }
.page .outer div.last a span.pub-detail img.arrow { left: auto; right: -8px; background-position: -150px -166px; }
.page .outer a .add-to-lightbox { width: 18px; height: 17px; position: absolute; display: none; bottom: 1px; left: 4px; background: url('/vendors/images/style/small-elements.png') -222px -66px no-repeat; z-index: 10; }
.page .outer a:hover .add-to-lightbox { display: block; }
.page .outer a:hover .add-to-lightbox.hide { display: none; }
.outer a .name { position: absolute; width: 100%; height: 20px; left: 0px; bottom: -25px; } 


/* /user shelf */

/* photo frame */

.outer.photo180 { width: 175px; height: 235px; float: left; text-align: center; position: relative; margin: 0px 5px 0px 5px; background: url('/vendors/images/shelf-item-bg.png') 0px 0px no-repeat; }
.outer.photo180 div.image { position: absolute; top: 13px; left: 6px; width: 163px; height: 208px; }
.outer.photo180 div.image a { position: relative; text-decoration: none; display: table; width: 100%; height: 100%; }
.outer.photo180 div.image a .img { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; }
.outer.photo180 div.image a .gloss { position: absolute; display: block; width: 121px; height: 100%; top: 0px; left: 0px; background: url('/vendors/images/small-elements.png') 0 -40px no-repeat; }
.outer.photo180 div.image a .nametag { position: absolute; bottom: 7px; left: -11px; z-index: 1; display: block; width: 130px; height: 32px; padding: 12px 10px 0px 14px; text-align: left; background: url('/vendors/images/small-elements.png') -138px -66px no-repeat; color: #000000; font-weight: bold; text-shadow: 1px 0px 0px rbga(0,0,0,0.1); overflow: hidden; white-space: nowrap; }
.outer.photo180 div.image a .favtag { position: absolute; top: -3px; right: -3px; z-index: 1; display: none; width: 65px; height: 54px; background: url('/vendors/images/small-elements.png') -227px -110px no-repeat; }
.outer.photo180 div.image a .favtag.added { display: block; }
.outer.photo180 div.image a:hover .favtag { display: block; }
.outer.photo180 div.image a .protag { position: absolute; top: 21px; left: 20px; z-index: 1; display: block; width: 24px; height: 10px; padding: 0px; background: url('/vendors/images/small-elements.png') -203px -110px no-repeat; }
.outer.photo180 div.image a .zoom { display: none; position: absolute; top: 87px; left: 61px; z-index: 1; width: 37px; height: 37px; background: url('/vendors/images/small-elements.png') -132px -126px no-repeat; }
.outer.photo180 div.image a:hover .zoom { display: block; }
.outer.photo180 div.image a .delete { display: none; position: absolute; top: 0px; right: 20px; z-index: 1; width: 26px; height: 41px; background: #000; background: rgba(0,0,0,0.5); }
.outer.photo180 div.image a .delete span { display: block; width: 13px; height: 13px; background: url('/vendors/images/small-elements.png') -163px -233px no-repeat; position: absolute; bottom: 7px; left: 7px; }
.outer.photo180 div.image a:hover .delete { display: block; }
.my-gallery .outer.photo180 div.image a .highlight { display: none; position: absolute; top: 0px; left: 0px; z-index: 1; width: 65px; height: 53px; background: #000; background: url('/vendors/images/small-elements.png') -227px -110px no-repeat; }
.my-gallery .outer.photo180 div.image a:hover .highlight, .my-gallery .outer.photo180 div.image a .highlight.highlighted { display: block; }

.outer.photo320 { width: 280px; height: 385px; text-align: center; position: relative; margin: 0px 7px 0px 17px; background: url('/vendors/images/profile-item-bg.png') 0px 0px no-repeat; }
.outer.photo320 div.image { position: absolute; top: 24px; left: 6px; width: 268px; height: 348px; }
.outer.photo320 div.image a { position: relative; text-decoration: none; display: table; width: 100%; height: 100%; }
.outer.photo320 div.image a .img { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; }
.outer.photo320 div.image a .gloss { position: absolute; display: block; width: 199px; height: 100%; top: 0px; left: 0px; background: url('/vendors/images/profile-item-gloss.png') 0 0px no-repeat; }
.outer.photo320 div.image a .nametag { position: absolute; bottom: 15px; left: -11px; z-index: 1; display: block; width: 205px; height: 32px; padding: 12px 10px 0px 20px; text-align: left; background: url('/vendors/images/small-elements.png') 0px -285px no-repeat; color: #000000; font-weight: bold; text-shadow: 1px 0px 0px rbga(0,0,0,0.1); overflow: hidden; white-space: nowrap; }
.outer.photo320 div.image a .nametag  img { position: absolute; top: 5px; right: 22px; z-index: 1; display: block; width: 25px; height: 25px; }
.outer.photo320 div.image a .protag { position: absolute; top: 21px; left: 20px; z-index: 1; display: block; width: 24px; height: 10px; padding: 0px; background: url('/vendors/images/small-elements.png') -203px -110px no-repeat; }

/* /photo frame */

/* registration */

#registration-box { margin: 5px; }
#registration-box #registration-form th { text-align: left; }
#registration-box #registration-form th, #registration-box #registration-form td { padding: 2px 0px; }
#registration-box #registration-form input { width: 210px; }
#registration-box #registration-form input.radio, #registration-box #registration-form input.checkbox { width: 15px; }
#registration-box #registration-form select { width: 220px; }
#registration-box #registration-form .reg-submit { text-align: center; }
#registration-box #registration-form .reg-submit input { text-align: left; width: 289px; height: 34px; padding-left: 17px; background: url('/vendors/images/small-elements.png') 0px -251px no-repeat; border: 0px; color: #000000; font-weight: bold; }

/* /registration */

/* recaptcha */

#recaptcha_widget #recaptcha_image { border: 1px solid #b3b3b3; background-color: #ffffff; width: 300px !important; }
#recaptcha_widget #recaptcha_image img { margin: 0px auto; }
#recaptcha_widget #recaptcha_image a.recaptcha_audio_cant_hear_link { margin-left: 10px; line-height: 20px; }
#recaptcha_widget .buttons { float: left; }
#recaptcha_widget .buttons a { margin: 2px 1px; display: block; width: 16px; height: 16px; background: url('/vendors/images/small-elements.png') no-repeat -187px -110px; float: left; clear: left; }
#recaptcha_widget .buttons .recaptcha_reload a { margin-bottom: 2px; }
#recaptcha_widget .buttons .recaptcha_only_if_image a { background-position: -139px -110px; }
#recaptcha_widget .buttons .recaptcha_only_if_audio a { background-position: -171px -110px; }
#recaptcha_widget .buttons .recaptcha_help a { background-position: -155px -110px; }
#recaptcha_widget #recaptcha_image a#recaptcha_audio_play_again
#recaptcha_widget #recaptcha_image a#recaptcha_audio_download

/* /recaptcha */

/* login */

#login-form th { text-align: left; }
#login-form th, #login-form td { padding: 2px 0px; }
#login-form input { width: 210px; }
#login-form input.radio, #login-form input.checkbox { width: 15px; }
#rlogin-form select { width: 220px; }
#login-form #login-submit { text-align: center; }
/*#login-form #login-submit input { text-align: left; width: 289px; height: 34px; padding-left: 17px; background: url('/vendors/images/small-elements.png') 0px -251px no-repeat; border: 0px; color: #000000; font-weight: bold; }*/
#login-form #login-submit input {
    border: 0 none;
    font-weight: bold;
    height: 34px;
    text-align: center;
}
#login-form {
 padding: 10px 20px;
}

/* /login */


/* profile */

.user-profile .left-side { float: left; width: 200px; background-color: #30323a; color: #ffffff; font-size: 12px; padding-top: 2px; }
.user-profile .left-side .upload-photo { position: absolute; top: 0px; right: 0px; opacity: 0.5; margin: 0px; }
.user-profile .left-side .upload-photo:hover { opacity: 1; }
.user-profile .left-side .image-outer { width: 200px; height: 200px; background-color: #ffffff; display: table; overflow: hidden; position: relative; }
.user-profile .left-side .image-outer .image { width: 200px; height: 200px; display: table-cell; text-align: center; vertical-align: middle; overflow: hidden; }
.user-profile .left-side .image-outer .image img { max-width: 200px; max-height: 200px; }
.user-profile .left-side .image-outer #imageinput { height: 1px; left: -1px; opacity: 0; position: absolute; top: -1px; width: 1px; z-index: 1; }
.user-profile .left-side p { padding: 10px 25px; margin: 0px; line-height: 22px; font-weight: bold; }
.user-profile .left-side hr { height: 0px; width: 100%; border-top: 1px solid #696d77; margin: 0; }
.user-profile .left-side .name { font-size: 14px; }
.user-profile .left-side p a { color: #ffffff; }

.user-profile .right-side { float: right; width: 810px; line-height: 18px; position: relative; min-height: 315px; }
.user-profile .right-side table { width: 100%; }
.user-profile .right-side .clear { height: 8px; }
.user-profile .right-side .simple-table .button { border-top: 0px; border-bottom: 0px; }
.user-profile .right-side .simple-table .button.unmargin { margin: -4px 0px -4px 0px; }
.user-profile .right-side .simple-table.courses .price { margin: -4px 0px -4px -8px; width: 116px; padding: 0px 5px; }
.user-profile .right-side .map { position: relative; width: 543px; height: 330px; border: 1px solid #d2d2d2; background: #ffffff; }
.user-profile .right-side .map .map-top { position: absolute; top: 0px; left: 0px; }
.user-profile .right-side .map .name { padding: 0px; text-align: center; font-size: 14px; color: #30323a; font-weight: bold; line-height: 28px; height: 28px; width: 50px; float: left; }
.user-profile .right-side .map #locations { float: left; border-top: 0px; border-bottom: 0px; height: 28px; }
.user-profile .right-side .map .address { color: #30323a; float: left; line-height: 28px; height: 28px; padding-left: 8px; } 
.user-profile .right-side .map #gmaps { position: absolute; top: 29px; left: 0px; border: 0px; border-top: 1px solid #d2d2d2;}

.user-profile .right-side .gallery { position: relative; float: right; width: 255px; height: 330px; border: 1px solid #d2d2d2; background: url('/vendors/images/profile-gallery-bg.png') 16px 56px no-repeat #f4f4f4; }
.user-profile .right-side .gallery .gallery-top { position: absolute; top: 0px; left: 0px; padding: 0px 8px; width: 239px; border-bottom: 1px solid #d2d2d2; text-align: left; font-size: 14px; color: #30323a; font-weight: bold; line-height: 28px; height: 28px; }
.user-profile .right-side .gallery .gallery-top .count { display: block; float: right; width: 28px; height: 28px; line-height: 28px; background-color: #d2d2d2; color: #828282; margin: -0px -8px; text-align: center; }
.user-profile .right-side .gallery .gallery-bottom { position: absolute; bottom: 0px; left: 0px; padding: 0px; width: 100%; border-top: 1px solid #d2d2d2; text-align: left; font-size: 14px; color: #30323a; font-weight: bold; line-height: 28px; height: 28px; }
.user-profile .right-side .gallery .gallery-bottom #gallery-next, .user-profile .right-side .gallery .gallery-bottom #gallery-prev { text-decoration: none; font-weight: bold; display: block; float: left; width: 28px; height: 28px; line-height: 28px; background-color: #d2d2d2; color: #828282; margin: 0px; text-align: center; }
.user-profile .right-side .gallery .gallery-bottom #gallery-select { float: left; border-top: 0px; border-bottom: 0px; height: 28px; width: 199px; }
.user-profile .right-side .gallery .image { display: block; width: 100%; height: 212px; margin-top: 62px; }
.user-profile .right-side .gallery .image a { display: table; width: 212px; height: 212px; overflow: hidden; vertical-align: middle; position: relative; margin: 0px auto; }
.user-profile .right-side .gallery .image a .img { display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #d2d2d2; } 
.user-profile .right-side .gallery .image a .img  img { width: 210px; height: 210px; }

.user-profile .right-side .payments .red-button { margin-left: 8px; }
.user-profile .right-side .instalments .yellow-button, .user-profile .right-side .instalments .close-instalment { margin-right: 8px; }
.user-profile .right-side .enrolments .enrolment-docs .button { margin-left: 8px; float: right; }
.user-profile .right-side .enrolments .enrolment-docs .enrolmentdocinput { position: absolute; width: 1px; height: 1px; top: -10000px; left: -10000px; }
.user-profile .right-side .warning-letters .button { margin-left: 8px; float: right; }
.user-profile .right-side .attendance .button { margin-left: 8px; float: right; }
.user-profile .right-side .attendance .permslipinput { position: absolute; width: 1px; height: 1px; top: -10000px; left: -10000px; }

.user-profile textarea.note { width: 782px; margin: 0px; }

.hovertimetable { position: relative; }
.hovertimetable .hovertimetable-inner { position: absolute; padding: 10px; background-color: #ffffff; display: none; bottom: 100%; left: 0px; border: 1px solid #d2d2d2; width: 270px; } 
.hovertimetable:hover .hovertimetable-inner { display: block; } 

/*.user-profile .right-side table td { vertical-align: top; padding: 10px 0px 0px 20px; }
.user-profile .right-side table td.td1 { padding-left: 10px; }
.user-profile .right-side table td img.separator { margin: 10px 0px 0px 10px; float: right; background: url('/vendors/images/small-elements.png') no-repeat -291px -66px; height: 162px; width: 1px; }
.user-profile .right-side p { padding-left: 10px; }
.user-profile .right-side table td.td3 img.separator { margin: 0px 0px 0px 0px; float: right; background: url('/vendors/images/small-elements.png') no-repeat -124px -124px; height: 59px; width: 8px; }
.user-profile .right-side .buttons { position: absolute; bottom: 38px; left: 0px; width: 100%; }
.user-profile .right-side .buttons .offer-job { margin: 0px 10px; }
.user-profile .right-side .buttons .offer-job a { padding-left: 20px; padding-right: 20px; } 
.user-profile .right-side .buttons .share a { padding-right: 30px; } 
.user-profile .right-side .buttons .share img { width: 16px; height: 17px; background: url('/vendors/images/small-elements.png') no-repeat -199px -142px; position: absolute; top: 8px; right: 0px; } 
.user-profile .right-side .buttons .jobs-history { margin: 0px 30px; }
.user-profile .right-side  span.checkbox { float: right; clear: none; }*/

.user-profile .shelf { margin-top: 10px; }

/* /profile */


/* filter */

#pmd-filter { width: 100%; background: rgba(0,0,0,0.1); margin-top: -4px; position: relative; height: 300px; }
#pmd-filter hr { position: absolute; bottom: -5px; width: 100%; left: 0px; }
#pmd-filter-mid { width: 1230px; margin: 0px auto 0px auto; background: url('/vendors/images/filter-bg.png') bottom right no-repeat; }
#pmd-filter-inner { width: 945px; margin: 0px auto 0px auto; height: 300px; padding-left: 20px; }
#pmd-filter-inner table { width: 300px; float: left; margin-top: 5px; }
#pmd-filter-inner table th { text-align: left; white-space: nowrap; padding-left: 2px; }
#pmd-filter-inner table td { padding: 2px 0px; }
#pmd-filter-inner table input { width: 210px; }
#pmd-filter-inner table input.radio { width: 15px; }
#pmd-filter-inner table select { width: 220px; }
#pmd-filter-inner table .select { width: 194px; }
#pmd-filter-inner table span.radio, #pmd-filter-inner table span.checkbox { clear: none; margin-top: 5px; }
#pmd-filter-inner table label { float: left; margin: 5px 10px 0px 0px;  }
#pmd-filter-inner .slider a span { display: block; position: absolute; padding: 10px 2px 0px 2px; height: 18px; width: 26px; top: 8px; left: -4px; background: url('/vendors/images/small-elements.png') no-repeat -169px -126px; color: #000000; font-weight: bold; font-size: 10px; letter-spacing: -1px; text-align: center; }
#pmd-filter-inner table.sliders { width: 290px; }
#pmd-filter-inner table.sliders td { height: 40px; vertical-align: top; padding: 0px; }
#pmd-filter-inner table.sliders th { vertical-align: top; padding-top: 8px; }
#pmd-filter-inner table.sliders td div.slider { margin-top: 9px; }
#pmd-filter-inner .submit-button button img { position: absolute; top: 5px; right: 5px; }
#pmd-filter-inner table td.narrow { padding: 9px 15px 0px 15px; height: 40px; vertical-align: top; }
#pmd-filter .close { position: absolute; bottom: -6px; left: 46%; width: 82px; height: 31px; background: url('/vendors/images/small-elements.png') -132px -163px no-repeat; z-index: 1; }
#pmd-filter .close a { display: block; width: 33px; height: 30px; position: absolute; bottom: 0px; left: 29px; }
#pmd-filter .submit-button { margin-top: 10px; }
#pmd-filter .submit-button div button { width: 278px; }
 

/* /filter */

/* jQuery UI */

#pmd-filter .ui-slider-horizontal .ui-slider-handle { border: 0px; width: 16px; height: 17px; margin-left: -8px; background: url('/vendors/images/small-elements.png') -275px -163px no-repeat; }
#pmd-filter .ui-slider-horizontal .ui-slider-handle.ui-state-hover { background-position: -243px -163px; }
#pmd-filter .ui-slider-horizontal .ui-slider-handle.ui-state-active { background-position: -259px -163px; }
#pmd-filter .ui-slider-horizontal .ui-slider-range { background: url('/vendors/images/small-elements-repeat.png') 0px 0px repeat-x; }

/* /jQuery UI */

/* dashboard */

#dashboard .dashboard-menu { height: 38px; width: 100%; background: url('/vendors/images/dashboard-menu.png') repeat-x top left; margin-top: -4px; }
#dashboard .dashboard-menu .my-dashboard { width: 185px; color: #ffffff; font-weight: bold; text-align: center; font-size: 20px; padding-top: 8px; } 
#dashboard .dashboard-menu a, #dashboard .dashboard-menu .pseudo-a { color: #ffffff; font-weight: bold; padding: 10px 20px 0px 45px; height: 28px; display: block; font-size: 12px; line-height: 16px; text-decoration: none; position: relative; }
#dashboard .dashboard-menu a:hover, #dashboard .dashboard-menu .pseudo-a:hover { text-decoration: underline; }
#dashboard .dashboard-menu a.float-left { padding: 10px 20px 0px 45px; }
#dashboard .dashboard-menu a.float-right, #dashboard .dashboard-menu .pseudo-a.float-right { padding: 10px 10px 0px 30px; cursor: pointer; }
#dashboard .dashboard-menu a.float-left img { position: absolute; left: 12px; top: 8px; }
#dashboard .dashboard-menu a.float-right img, #dashboard .dashboard-menu .pseudo-a.float-right img { position: absolute; left: 0px; top: 8px; }
#dashboard .dashboard-menu .pseudo-a.float-right img.i-tools { left: 3px; }
#dashboard .dashboard-menu img.separator { width: 1px; height: 26px; background: url('/vendors/images/small-elements-repeat.png') 0px -77px no-repeat; margin-top: 6px; }
#dashboard .dashboard-menu .pseudo-a div.submenu { position: absolute; display: block; top: 34px; right: 0px; display: none; z-index: 2; border: 2px solid #ffffff; border-radius: 6px; background-color: rgba(0,0,0,0.85); }
#dashboard .dashboard-menu .pseudo-a div.submenu .arrow { position: absolute; left: auto; right: 15px; top: -9px; width: 16px; height: 9px; background: url('/vendors/images/small-elements.png') -169px -154px no-repeat; z-index: 2; }
#dashboard .dashboard-menu .pseudo-a:hover div.submenu { display: block; padding: 12px 0px; }
#dashboard .dashboard-menu .pseudo-a:hover div.submenu a { float: none; padding: 2px 30px 2px 9px; height: auto; font-weight: normal; }
#dashboard .dashboard-menu .pseudo-a:hover div.submenu hr { height: 0px; border-top: 2px solid #707070; width: 100%; margin: 6px 0px 4px 0px; }

#dashboard .dashboard-content { min-height: 100px; margin: 0px 196px 0px 185px; position: relative; height: 100%; }
#right-panel .outer { margin: 10px 0px 5px 13px; }
#right-panel p { margin: 15px 10px 15px 18px; }
.dashboard-left-panel div.button1 { display: block; width: 185px; height: 35px; background: url('/vendors/images/small-elements.png') no-repeat 0px -368px; position: relative; }
.dashboard-left-panel div.button1 a.button1a { display: block; color: #785c32; font-size: 12px; line-height: 16px; text-transform: uppercase; padding: 10px 0px 0px 41px; height: 25px; width: 144px; }
.dashboard-left-panel div.button1 img { position: absolute; left: 10px; top: 8px; }
.dashboard-left-panel div.button1 img.i-pin { left: 12px; }
.dashboard-left-panel div.button1 a.add { position: absolute; top: 5px; right: 3px; display: block; width: 29px; height: 19px; background: url('/vendors/images/small-elements.png') no-repeat -236px -203px; color: #ffffff; font-weight: bold; padding: 5px 0px 0px 10px; text-decoration: none; }
.dashboard-left-panel div.button1 a.add:hover { text-decoration: underline; }
.dashboard-left-panel a.button2 { display: block; width: 185px; height: 39px; background: url('/vendors/images/small-elements.png') no-repeat 0px -329px; position: relative; padding: 10px 0px 0px 41px; height: 25px; width: 144px; color: #ffffff; }
.dashboard-left-panel a.button2 span { padding-top: 3px; border-radius: 8px; height: 15px; width: 21px; text-align: center; background-color: #d6b782; display: block; position: absolute; top: 9px; right: 9px; text-decoration: none; }
.dashboard-left-panel a.button2 span.new { background-color: #fc0000; 
background: -moz-linear-gradient(top, #a70000 0%, #fc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a70000), color-stop(100%,#fc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a70000 0%,#fc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a70000 0%,#fc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a70000 0%,#fc0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #a70000 0%,#fc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7000000', endColorstr='#fc000000',GradientType=0 ); /* IE6-9 */
 }
.dashboard-left-panel a.button2 img { position: absolute; left: 10px; top: 8px; }
.dashboard-left-panel a.button2 img.i-railbag { top: 9px; }
.dashboard-left-panel a.button2 img.i-nobag-w { top: 6px; left: 9px; }
.dashboard-left-panel a.button2 img.i-star { top: 6px; }
.dashboard-left-panel a.button2:hover, .dashboard-left-panel div.button1 a.button1a:hover { text-decoration: none; }

table.dashboard-jobs { width: 100%; border-spacing: 0px; margin: 0px 15px; }
table.dashboard-jobs tr { height: 40px; background: url('/vendors/images/dashboard-job-bg.png') no-repeat top center; }
table.dashboard-jobs tr:first-child { background: url('/vendors/images/dashboard-job-first-bg.png') no-repeat top center; }
table.dashboard-jobs tr.last { background: url('/vendors/images/dashboard-job-last-bg.png') no-repeat top center; }
table.dashboard-jobs tr td { font-weight: bold; text-align: left; vertical-align: middle; position: relative; }
table.dashboard-jobs tr td.col-name, table.dashboard-jobs tr td.col-date { padding-left: 30px; }
table.dashboard-jobs tr td img { position: absolute; top: 10px; left: 0px; }
table.dashboard-jobs tr td.col-loc a { padding-right: 17px; position: relative; }
table.dashboard-jobs tr td.col-loc img { top: 0px; right: 0px; left: auto; }

/* /dashboard */

/* icons */

img.i-award { width: 21px; height: 20px; background: url('/vendors/images/small-elements.png') no-repeat -124px -194px; }
img.i-pin { width: 16px; height: 20px; background: url('/vendors/images/small-elements.png') no-repeat -145px -194px; }
img.i-card { width: 22px; height: 20px; background: url('/vendors/images/small-elements.png') no-repeat -161px -194px; }
img.i-handbag { width: 20px; height: 20px; background: url('/vendors/images/small-elements.png') no-repeat -183px -194px; }
img.i-tools { width: 18px; height: 18px; background: url('/vendors/images/small-elements.png') no-repeat -124px -214px; }
img.i-bag-g { width: 20px; height: 18px; background: url('/vendors/images/small-elements.png') no-repeat -142px -214px; }
img.i-bag-w { width: 20px; height: 18px; background: url('/vendors/images/small-elements.png') no-repeat -162px -214px; }
img.i-nobag-w { width: 23px; height: 23px; background: url('/vendors/images/small-elements.png') no-repeat -242px -180px; }
img.i-pencil { width: 18px; height: 18px; background: url('/vendors/images/small-elements.png') no-repeat -182px -214px; }
img.i-trash { width: 16px; height: 18px; background: url('/vendors/images/small-elements.png') no-repeat -200px -214px; }
img.i-cal { width: 19px; height: 19px; background: url('/vendors/images/small-elements.png') no-repeat -124px -232px; }
img.i-cal-lg { width: 19px; height: 19px; background: url('/vendors/images/small-elements.png') no-repeat -143px -232px; }
img.i-railbag { width: 19px; height: 15px; background: url('/vendors/images/small-elements.png') no-repeat -215px -197px; }
img.i-star { width: 20px; height: 21px; background: url('/vendors/images/small-elements.png') no-repeat -216px -212px; }
img.i-search { width: 21px; height: 21px; background: url('/vendors/images/small-elements.png') no-repeat -265px -180px; }
img.i-location { width: 12px; height: 15px; background: url('/vendors/images/small-elements.png') no-repeat -203px -197px; }

/* /icons */

#hphp { height: 850px; }
#header-inner-top .button2 a.sign-in2 { width: 65px; color: #785c32; }
#header-inner-top .button2 a.sign-up2 { width: 79px; color: #000000; text-align: left; padding-left: 10px; }


/* my-profile */

.my-profile select { width: 300px; }
.my-profile select.styled { height: 24px; }
.my-profile input, .my-profile textarea { width: 290px; }
.my-profile input.checkbox { width: 15px; }
.my-profile .form-button button { width: 425px; }
.my-profile .select { width: 274px; }


.company-profile .grey-box h4 { padding-bottom: 4px; }
.company-profile .grey-box hr.separator { border-top: 1px solid #d9dada; border-bottom: 0px; width: 100%; height: 0px; margin: 5px 0px; }
.company-profile .grey-box table { width: 100%; }
.company-profile .grey-box table tr { height: 24px; }
.company-profile .grey-box table th { width: 105px; font-weight: normal; text-align: left; }
.company-profile .grey-box table td select { width: 256px; }
.company-profile .grey-box table td input { width: 246px;display: inline-block; }
.company-profile .grey-box table td textarea { width: 246px; }
.company-profile .grey-box table td.td-al { width: 12px; }
.company-profile .grey-box table td.td-al input { width: 12px; }
.company-profile .grey-box table .compulsory { color: #e6512b; }
.company-profile .grey-box table td .shorter { width: 200px; }
.company-profile .grey-box table td textarea.f-desc { width: 226px; height: 80px; }
.company-profile .grey-box table td div.helper { float: right; margin: 4px 4px 0px 0px; }
.company-profile .grey-box table td div.helper div { width: auto; }
.company-profile .grey-box table td input.radio { width: auto; height: auto; }


/* /my-profile */

/* my-gallery */

.my-gallery table { width: 320px; margin: 10px; }
.my-gallery h2 { /*padding: 20px 0px 0px 10px;*/ }
.my-gallery .outer { margin-bottom: 10px; }

/* /my-gallery */

/* upload photo */

#upload-photo-form { width: 280px; margin: 20px auto; }
#upload-photo-form #images { height: 33px; }

#upload-photo-form .photo-preview { display: table; border: 1px solid #bababa; padding: 5px; background-color: #ffffff; float: left; margin-right: 20px; }
#upload-photo-form .photo-preview div { display: table-cell; width: 150px; height: 150px; text-align: center; vertical-align: middle; }
#upload-photo-form .right-side { width: 268px; float: right; }
#upload-photo-form .upload-input { position: relative; width: 100%; height: 27px; margin-top: 10px; }
#upload-photo-form .upload-input input.file { display: block; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2; opacity: 0; -moz-opacity: 0; height: 24px; }
#upload-photo-form .upload-input input.fakeinput { position: absolute; top: 0px; left: 0px; width: 180px; z-index: 1; margin-top: 1px; }
#upload-photo-form .upload-input .form-button { position: absolute; top: -4px; right: 0px; z-index: 1; }
#upload-photo-form #upload-error { min-height: 60px; margin-top: 5px; }
#upload-photo-form .loader { margin: 5px 5px 0px 0px; float: right; display: none; }
.my-photo-notice { text-align: center; font-weight: bold; }

/* /upload photo */

/* contacts */

.contacts { min-height: 450px; }
.contacts .left-panel { width: 672px; float: left; }
.contacts .left-panel .map { width: 672px; height: 322px; background-image: url('/vendors/images/contacts-map.png'); position: relative; }
.contacts .right-panel { width: 271px; float: left; margin-left: 15px; position: relative; }

.contacts .left-panel .map .cnt-flag { position: absolute; width: 20px; height: 20px; background: url('/vendors/images/small-elements.png') no-repeat; cursor: pointer; }
.contacts .left-panel .map .cnt-flag div { display: none; background-color: #ffffff; border-radius: 6px; border: 1px solid #d7d7d7; padding: 10px; position: absolute; top: 36px; right: -16px; width: 150px; z-index: 1; }
.contacts .left-panel .map .cnt-flag div .box-arrow { position: absolute; background: url('/vendors/images/small-elements.png') -177px -232px no-repeat; width: 16px; height: 9px; bottom: 100%; right: 18px; }

.contacts .left-panel .map #sk { top: 61px; left: 344px; background-position: 0px -435px; }
.contacts .left-panel .map #cs { top: 61px; left: 323px; background-position: -20px -435px; }
.contacts .left-panel .map #au { top: 224px; left: 551px; background-position: -40px -435px; }
.contacts .left-panel .map #th { top: 140px; left: 490px; background-position: -60px -435px; }
.contacts .left-panel .map .cnt-flag.highlighted { width: 32px; height: 32px; }
.contacts .left-panel .map .cnt-flag.highlighted div { top: 42px; right: -10px; }
.contacts .left-panel .map .highlighted#sk { top: 55px; left: 338px; background-position: 0px -403px; z-index: 1; }
.contacts .left-panel .map .highlighted#cs { top: 55px; left: 317px; background-position: -32px -403px; z-index: 1; }
.contacts .left-panel .map .highlighted#au { top: 218px; left: 545px; background-position: -64px -403px; z-index: 1; }
.contacts .left-panel .map .highlighted#th { top: 134px; left: 484px; background-position: -96px -403px; z-index: 1; }

.contacts .fi-button .form-button-inner { width: 252px; }
.contacts .fi-button { position: relative; }
.contacts .fi-desc { width: 240px; background-color: #f7d7e9; border: 1px solid #eea9d0; border-radius: 6px; margin: 4px 0px 8px 9px; padding: 10px; color: #565656; }
.contacts .general-address { position: absolute; top: 27px; left: 0px; display: none; width: 240px; background-color: #d9edf3; border: 1px solid #a8dff3; border-radius: 6px; margin: 4px 0px 8px 9px; padding: 10px; }
.contacts .general-address h4, .contacts .general-address p, .contacts .fi-desc h4, .contacts .fi-desc p, .contacts .fi-desc h3, .contacts .fi-desc address  { padding-left: 0px; padding-right: 0px; }
.contacts h3 { padding: 0px 8px; }

/* /contacts */


/* share popup */

.share-popup input.text-input { width: 392px; }
.share-popup .grey-box input.text-input { width: 250px; }

/* /share popup */


#agency-add-model { padding: 10px; }
#agency-add-model .frm { margin-right: 30px; }
#agency-add-model .frm td { height: 25px; } 
#agency-add-model input[type="text"], #agency-add-model input[type="password"], #agency-add-model textarea { width: 200px; }
#agency-add-model select { width: 208px; }
#agency-add-model .select { width: 184px; }



/* portal */


#portal .home { width: 680px; float: left; background-color: #f4f4f4; border-radius: 4px; color: #1b1716; }
#portal .home h1 { height: 29px; line-height: 29px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #e7e8e8; padding-left: 14px; }
#portal .home .news { margin: 5px 8px; padding: 40px 14px 14px 14px; position: relative }
#portal .home .news a { color: #1b1716; }
#portal .home .news .news-title { position: absolute; top: 7px; left: -5px; }
#portal .todo-list { float: left; width: 275px; margin-left: 5px; border-spacing: 0px; border-radius: 5px 5px 0px 0px; }
#portal .todo-list tr, #publisher-portal .todo-list tr.top:hover, #publisher-portal .todo-list tr.bottom:hover { background-color: #fcfce1; }
#portal .todo-list tr:hover { background-color: #fbfba4; }
#portal .todo-list tr th { text-align: left; font-weight: normal; height: 22px; line-height: 22px; border-top: 1px solid #fdfded; border-bottom: 1px solid #efefd6; position: relative; }
#portal .todo-list tr th div { position: relative; padding-left: 27px; }
#portal .todo-list tr th span { position: absolute; top: 6px; left: 7px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; display: block; }
#portal .todo-list tr td { height: 25px; line-height: 25px; border-top: 1px solid #fdfded; border-bottom: 1px solid #efefd6; }
#portal .todo-list tr td img.icon-tick { width: 16px; height: 12px; background: url('/vendors/images/elements.png') -14px -27px no-repeat transparent; margin: 0px 0px 0px 10px; }
#portal .todo-list tr td img.icon-red-x { width: 12px; height: 12px; background: url('/vendors/images/elements.png') -1px -27px no-repeat transparent; margin: 0px 0px 0px 12px; }
#portal .todo-list tr.top { border-radius: 5px 5px 0px 0px; }
#portal .todo-list tr.top td { border-top: 0px; height: 29px; color: #1b1716; text-transform: uppercase; padding-left: 10px; font-weight: bold; position: relative; }
#portal .todo-list tr.top td span { display: block; position: absolute; width: 77px; height: 23px; top: 4px; right: -14px; background: url('/vendors/images/style/small-elements.png') -13px -181px no-repeat; }
#portal .todo-list tr td.tiny { width: 6px; border-left: 1px solid #f9e8cc; border-right: 1px solid #f9e8cc; }
#portal .todo-list tr.bottom { background: none; }
#portal .todo-list tr.bottom td { width: 275px; height: 42px; background: url('/vendors/images/publisher-portal-todo-bottom.png') top left no-repeat transparent; border: none; }

#portal.agency .left-side { width: 500px; float: left; }
#portal.agency .right-side { width: 500px; float: left; margin-left: 20px; }
#portal.agency .right-side .visa .button { border: 0px; }


#left-panel .grey-box.leftmenu { padding: 5px 0px 50px 0px; }
#left-panel .grey-box.leftmenu h4 { font-weight: bold; padding: 5px 10px; color: #565656; border-bottom: 1px solid #e7e8e8; text-decoration: none; }
#left-panel .grey-box.leftmenu a { color: #565656; font-weight: normal; text-decoration: none; display: block; background: none; padding: 4px 10px; line-height: 16px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #e7e8e8; }
#left-panel .grey-box.leftmenu a:hover, #left-panel .grey-box.leftmenu a.active { background-color: #999999; color: #fff; font-weight: bold; }

/* / portal */

/* fancy table */

table.fancy-table { border-spacing: 0; margin: 0px; }
table.fancy-table th { background-color: #eee; color: #444; padding: 8px 10px; text-align: left; border-left: 0px; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; }
table.fancy-table tr:first-child th { border-left: 1px solid #ccc; }
table.fancy-table td { background-color: #ffffff; border-left: 1px solid #ccc; padding: 5px 7px; border-bottom: 1px solid #d2d2d2; }
table.fancy-table td:first-child { border-left: 1px solid #d2d2d2; }
table.fancy-table td.last, table.fancy-table td:last-child { border-right: 1px solid #d2d2d2; }
table.fancy-table tr:first-child td.last, table.fancy-table tr:first-child td:last-child { border-top-right-radius: 0px; }
table.fancy-table tr:first-child th:first-child { border-top-left-radius: 0px; border-left: 1px solid #d2d2d2; }
table.fancy-table th.last, table.fancy-table th:last-child { border-top-right-radius: 0px; border-right: 1px solid #d2d2d2; }
table.fancy-table tr.bottom td { background-color: #79b01a; font-weight: bold; color: #ffffff; }
table.fancy-table tr.bottom td a { color: #fff; }
table.fancy-table tr.subtotal td { background-color: #eaf9cf; }
table.fancy-table tr td.empty { background-color: transparent; }
table.fancy-table tr td.empty:first-child { border-left: none; }
table.fancy-table tr.empty td { background-color: #d2d2d2; height: 5px; padding: 0px; }
table.fancy-table tr.empty th { background-color: transparent; }
table.fancy-table td.total img { height: 15px; width: 15px; background: url('/vendors/images/style/small-elements.png') -28px -145px no-repeat; float: right;  }
table.fancy-table .tar { text-align: right; white-space: nowrap; }
table.fancy-table th button { background-color: transparent; }
table.fancy-table tr.last th:first-child, table.fancy-table tr.last td:first-child, table.fancy-table tr:last-child th:first-child, table.fancy-table tr:last-child td:first-child { border-bottom-left-radius: 0px; }
table.fancy-table tr.last td.last, table.fancy-table tr:last-child td.last, table.fancy-table tr:last-child td:last-child { border-bottom-right-radius: 0px; }

table.fancy-table .nostyle td { padding: 0px; border: none; }

/* /fancy table */


/* simple table */

table.simple-table { border: 1px solid #d2d2d2; border-bottom: 0px; background-color: #ffffff; border-collapse: collapse; }
table.simple-table td, table.simple-table th { border-bottom: 1px solid #d2d2d2; padding: 4px 8px; text-align: left; line-height: 20px; height: 20px; color: #585858; font-size: 12px; vertical-align: middle; }
table.simple-table th { padding-top: 10px; padding-bottom: 10px; }
table.simple-table tr:hover td, table.simple-table tr:hover th { background-color: #e8e8e8; }
table.simple-table th { color: #30323a; font-weight: bold; }
table.simple-table .header th, table.simple-table tr.header:hover th { background-color: #ffffff; font-size: 14px; }
table.simple-table .header th .count { display: block; float: right; width: 28px; height: 28px; line-height: 28px; background-color: #d2d2d2; color: #828282; margin: -4px -8px; text-align: center; }
table.simple-table td a:not(.button), table.simple-table th a:not(.button) { color: #585858; }
/*table.simple-table .button { margin: -4px -8px -4px 0px; }
table.simple-table .button.unmargin { margin: -4px 0px -4px 0px; }*/

table.simple-table .open td, table.simple-table .open th { height: auto; } 
table.simple-table td .perex, table.simple-table .open td .fulltext, table.simple-table th .perex, table.simple-table .open th .fulltext { display: inline; } 
table.simple-table td .fulltext, table.simple-table .open td .perex, table.simple-table th .fulltext, table.simple-table .open th .perex { display: none; } 
table.simple-table td .more, table.simple-table th .more { cursor: pointer; text-align: center; line-height: 28px; font-weight: bold; color: #828282; background-color: #e4e4e4; display: inline-block; width: 28px; height: 28px; margin: -4px -8px -4px 0px; float: right; }
table.simple-table td.subtable { padding: 0px; height: 0px; border-bottom: 0px; }
table.simple-table td.subtable table { display: none; border-collapse: collapse; }
table.simple-table td.subtable table th { padding-left: 20px; }
table.simple-table .open td.subtable { border-bottom: 1px; }
table.simple-table .open > td.subtable > table { display: table; }
.alternate tr:nth-child(even) td, .alternate tr:nth-child(even) th { background-color: #ffffff; }

table.simple-table tr.closed { display: none; }
table.simple-table.open tr.closed { display: table-row; }
table.simple-table th .more { margin: -4px 8px -4px 0px; }
table.simple-table tr.unread td { background-color: #ffdddd; }



/* /simple table */


/* clear table */

table.clear-table td, table.clear-table th { background: none !important; border: none !important; }

/* /clear table */

/* gallery */

.gallery .outer { float: left; box-shadow: 0px 0px 20px #000; margin: 20px; padding: 10px; border-radius: 5px; }
.gallery .outer .image { box-shadow: 0px 0px 5px #000; }
.gallery .outer .image a, .gallery .outer .image .a { display: table; width: 180px; height: 180px; overflow: hidden; vertical-align: middle; position: relative; }
.gallery .outer .image a .img, .gallery .outer .image .a .img { display: table-cell; vertical-align: middle; text-align: center; } 
.gallery .outer .image .uploadinput { width: 150px; height: 50px; padding: 0px; margin: 0px; margin-top: 50px; }
.gallery .outer .image a .delete { display: none; position: absolute; top: 0px; right: 20px; z-index: 1; width: 26px; height: 41px; background: #000; background: rgba(0,0,0,0.5); }
.gallery .outer .image a .delete span { display: block; width: 13px; height: 13px; background: url('/vendors/images/small-elements.png') -163px -233px no-repeat; position: absolute; bottom: 7px; left: 7px; }
.gallery .outer .image a:hover .delete { display: block; }

/* /gallery */

.add-award input[type=text], .add-award textarea { width: 400px; }
.timetable .time-container { padding: 3px; }
.timetable .time-container .remove { border-radius: 5px; display: inline-block; width: 12px; height: 12px; background: none; margin: 2px 0px -2px 3px; cursor: pointer; }
.timetable .time-container:hover { background-color: #f0f0f0; }
.timetable .time-container:hover .remove { background: url('/vendors/images/elements.png') -1px -27px no-repeat; }

.search .search-input { width: 300px; }
/*.search th .button { margin: -3px -6px; }*/
table.simple-table.search tr.header th { font-weight: normal; font-size: 12px; }
table.simple-table.search2 { border-top: 0px; }
table.simple-table td.nopad { padding: 0px; }


.index-student { width: 600px; margin: 50px auto 0px auto; text-align: center; }
.index-student input { padding: 6px 8px; font-size: 13px; margin: 5px; width: 150px; line-height: 16px; }
.index-student-logo { width: 100%; text-align: center; margin: 50px 0px; }

.student-quotes .edit-quote { margin-right: 4px !important; }
.student-quotes th.quote-name form { display: none; }
.student-quotes th.quote-name.edit form { display: block; }
.student-quotes th.quote-name.edit span { display: none; }

/* visa */

.visa-progress tr td { text-align: center; }
.visa-progress .progress-bar-done { background-color: #89c702; color: #ffffff; font-weight: bold; }
.visa-progress .progress-bar-missing { background-color: #ed4a29; color: #ffffff; font-weight: bold; }

.right-side .next-step .actions { width: 300px; }
.right-side .next-step .actions .yellow-button { margin-left: 8px; }


/* /visa */

table.instalments a.button { margin-top: 0px; margin-bottom: 0px; }


.pager a, .pager b { display: inline-block; padding: 1px 4px; margin: 2px; }
.pager a { border: 1px solid #444444; }
.pager a:hover { border: 1px solid #cccccc; }


.analytics .left-side { width: 500px; float: left; }
.analytics .right-side { width: 500px; float: left; margin-left: 20px; }
.analytics .simple-table { margin-bottom: 10px; }

table.payments .red-button { margin-left: 8px; }
table.activities .yellow-button { margin-left: 8px; }
table.search-students .red-button.confirm { margin-left: 8px; width: 60px; }

table.attendance .subtable a.button { float: right; }
table.attendance .subtable a.red-button { margin-left: 8px; }

table.portal-attendance th span { float: right; }
table.portal-attendance .button { float: right; }
table.portal-attendance .red-button { margin-left: 8px; }

#side-menu i { margin-right: 5px; min-width: 18px; }
table.fancy-table td { background: transparent; }
table.simple-table tr, table.fancy-table tr  { background-color: #f7f7f7; }
table.simple-table tr:nth-child(even), table.fancy-table tr:nth-child(even) { background-color: #ffffff; }
.left-panel h2, .left-panel .h2 { padding-bottom: 0; font-size: 24px; margin-left: 3px; border: none; }
table.simple-table .header th, table.simple-table tr.header:hover th { background-color: #eee; color: #444; }
div.user-profile div.right-side { float: left; margin-left: 20px; }
div.user-profile div.right-side table.simple-table .button { margin: 4px; }
table.courses tr { background-color: #fff; }
table.courses table td, table.courses table th { border-bottom: 1px dotted #e0e0e0; }
table.courses .button.price { min-width: 150px; }
#content.left-panel h1:first-of-type { font-size: 24px; margin-left: 3px; }


#osafForm h2 {
    font-size: 20px !important;
}
#osafForm h3 {
    background: #0090d4 !important;
    font-weight: bold !important;
    color: #000000 !important;
    font-size: 17px !important;
    padding: 8px 10px !important;
    display: block !important;
    margin: 20px 0 !important;
}
#osafForm label {
    margin: 0 5px 10px 5px !important;
    font-size: 14px;
}
#osafForm input, #osafForm select, #osafForm textarea {
    padding: 8px !important;
    margin-bottom: 10px !important;
}
#osafForm table td input[type='text'] {
    width: 90%;
}
#osafForm ul {
    padding: 20px !important;
}
#osafForm ul li {
    padding: 0 0 5px 0 !important;
}
#osafForm p {
    line-height: 150% !important;
}
.simple-table.w100.search.changed {
    border: 1px solid #ccc;
    float: left;
    border-radius: 5px;
    background: #3598DB;
	width: 92%;
    margin-left: 40px;
    margin-bottom: 20px;
}
.simple-table.w100.search.changed .agent_search_left {
	float: left;
    width: 48%;
    padding: 20px;
	border-right: 1px solid #ccc;
}
.simple-table.w100.search.changed .agent_search_right {
	float: left;
    width: 48%;
    margin-left: 30px;    
    padding: 20px;
}
.simple-table.w100.search.changed .form-inline label {
width: 116px;
}
.simple-table.w100.search.changed .form-inline  select {
width: 72%;
}
.simple-table.w100.search.changed .form-inline.input-text label {
margin-right: 3px;
}
.simple-table.w100.search.changed .form-inline.input-text input {
width: 157px;
}
.simple-table.w100.search.changed .form-inline .checkbox label {
width: auto;
}
.simple-table.w100.search.changed input[type="submit"]{
margin-right: 15px;
}
.agent-search-top {
	width:100%;
	float:left;
	border-bottom:1px #ccc solid;
	background: #fff none repeat scroll 0 0;
    color: #222;
    height: 100%;
    margin: 0;
}
.agent-search-top  .first_part {
 width: 30%;
 border-right: 1px solid #ccc;
 text-align: center;
}
.agent-search-top  .second_part {
width: 70%;
 border-right: 1px solid #ccc;
}
.agent-search-top  .third_part {
width: 15%;
}
.agent-search-results {
    background: #3598db none repeat scroll 0 0;
    border: 1px solid #0c4298;
    border-radius: 5px;
    margin-top: 0;
    float: left;
    width: 92%;
    margin-left: 40px;
    padding: 20px;
}
.agent-search-results h3 {
	color: #002f79;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 15px;
    margin-top: 0;
}
.agent-search-top .search_info{
	float: left;
    padding: 15px;   
}
.agent-search-top .search_info_header{
	float: left;
    padding: 15px;
    border-right: 1px solid #ccc;
	font-weight: bold;
	background: #333;
	color: #fff;
	text-align:center;
}

.simple-table { border: 1px solid #d2d2d2; border-bottom: 0px; background-color: #ffffff; border-collapse: collapse; }
.simple-table td, .simple-table th { border-bottom: 1px solid #d2d2d2; padding: 4px 8px; text-align: left; line-height: 20px; height: 20px; color: #585858; font-size: 12px; vertical-align: middle; }
.simple-table th { padding-top: 10px; padding-bottom: 10px; }
.simple-table tr:hover td, .simple-table tr:hover th { background-color: #e8e8e8; }
.simple-table th { color: #30323a; font-weight: bold; }
.simple-table .header th, .simple-table tr.header:hover th { background-color: #ffffff; font-size: 14px; }
.simple-table .header th .count { display: block; float: right; width: 28px; height: 28px; line-height: 28px; background-color: #d2d2d2; color: #828282; margin: -4px -8px; text-align: center; }
.simple-table td a:not(.button), .simple-table th a:not(.button) { color: #585858; }
/*.simple-table .button { margin: -4px -8px -4px 0px; }
.simple-table .button.unmargin { margin: -4px 0px -4px 0px; }*/

.simple-table .open td, .simple-table .open th { height: auto; } 
.simple-table td .perex, .simple-table .open td .fulltext, .simple-table th .perex, .simple-table .open th .fulltext { display: inline; } 
.simple-table td .fulltext, .simple-table .open td .perex, .simple-table th .fulltext, .simple-table .open th .perex { display: none; } 
.simple-table td .more, .simple-table th .more { cursor: pointer; text-align: center; line-height: 28px; font-weight: bold; color: #828282; background-color: #e4e4e4; display: inline-block; width: 28px; height: 28px; margin: -4px -8px -4px 0px; float: right; }
.simple-table td.subtable { padding: 0px; height: 0px; border-bottom: 0px; }
.simple-table td.subtable table { display: none; border-collapse: collapse; }
.simple-table td.subtable table th { padding-left: 20px; }
.simple-table .open td.subtable { border-bottom: 1px; }
.simple-table .open > td.subtable > table { display: table; }
.alternate tr:nth-child(even) td, .alternate tr:nth-child(even) th { background-color: #ffffff; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
    float: left;
}

.simple-table tr.closed { display: none; }
.simple-table.open tr.closed { display: table-row; }
.simple-table th .more { margin: -4px 8px -4px 0px; }
.simple-table tr.unread td { background-color: #ffdddd; }

.search_info .open_course .top_row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.search_info .open_course .top_row  .add-course {
    min-width: 20px;
    padding: 6px;
    float: left;
}
.search_info .open_course .top_row .course_name{
color: #30323a;
    font-weight: bold;
    float: left;
    width: 78%;
    margin-top: 3px;
}
.search_info .open_course .top_row  .course_price{
    width: 140px;
    float: right;
    margin-top: 0px;
}
.search_info .open_course .opencourse_row{
	border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 30px;
    float: left;
    margin-top: 10px;
    padding: 10px 20px;
    background: #d4e5f3;
}
.search_info .open_course .opencourse_row .course_row {
line-height: 30px;
}
.search_info .open_course .opencourse_row .course_row .course_row_label {
	font-weight: bold;
    width: 100px;
    float: left;
}
.search_info .open_course .top_row  .more {
cursor: pointer;
}
.opencourse_row {
display: none;
}
.opencourse_row.open {
display:block;
}
.agent-search-top  .first_part .img_part {
width: 25px;
float: left;
margin-top: 5px;
}
.agent-search-top  .first_part .img_part_next {
float: left;
width: 85%;
}
.agent-search-top  .first_part  .college_info{
    margin-bottom: 10px;
    float: left;
    width: 100%;
    line-height: 20px;
    color: #222;
	text-align: left;
}
.agent-search .pager{
    float: left;
    width: 100%;
}

.button.add-course.remove_cart  {
	background: grey;
}

.cart_course_row {
    border: 1px solid #ccc !important;
    box-shadow: 1px 3px 3px 1px #dedede !important;
    float: left;
    margin-bottom: 20px !important;
    margin-left: 30px !important;
    padding: 20px !important;
    width: 90%;
}
.cart_course_row  .college_img {
    float: left;
    width: 50px;
}
.cart_course_row  .course_detail {
    float: left;
    width: 90%;
    color: #3498DB;
}
.cart_course_row  .course_detail  .course_name {
    font-size: 18px;
    font-weight: bold;
}
.cart_course_row  .course_detail  .college_name {
    font-size: 16px;
    font-weight: bold;
}
.cart_course_row  .course_table {
    float: left;
    border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
    width: 100%;
    min-width: 750px;
}
.course_table_header_row {
    float: left;
    background: #333333;
    color: #fff;
	width:100%;
}
.course_table_row {
    float: left;
    width: 100%;
    min-height: 35px;
    border-bottom: 1px solid #ccc;
}
.course_table_row_col {
    float: left;
    border-right: 1px solid #ccc;
    padding: 10px;
    width: 26%;
    min-height: 55px;
}
.course_table_row_col.align_right.invoice_col { width: 12.8%;}
.course_table_row_col.align_right.invoice_col input { height: 35px; width: 90px; text-align: left; margin-left: 6px;}
.course_table_last_row_col.invoice_col { width: 27%; border-left: 0;}
.course_table_last_row_col.invoice_col input, 
.course_table_last_row_col .first_invoice_total {
   border: 0 none;
    border-radius: 0;
    box-shadow: none;
    float: left;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 74px;
}
.course_table_last_row {
    float: right;
    width: 48%;
    font-weight: bold;
	text-align: center;
}
.course_table_last_row_col {
    float: left;
    width: 46%;
    padding: 8px;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	min-height: 70px;
}
.course_table_last_row_col.course_total_col {
	width: 27%;
	border-left: 0;
	text-align:right;
}
.button.cart_submit {
    float: right;
    margin-right: 82px;
}
.course_table_row_col.align_right {
	text-align: right;
	width: 10%;
}
.course_table_row_col.services_col {
    padding: 17px 10px;
}
.course_table_row_col.align_right.course_total_col {
width: 13%;
}
.course_table_row_col.special_fee_total.course_total_col {
min-height: 54px;
}
.add_service_fee{
    float: left;
    padding: 10px;
}
.course_table_last_row_col.course_total_col span,
.course_table_last_row_col.invoice_col span,
.cart_course_row.invoice-table .course_table_last_row_col span{
    float: left;
    width: 32px;
    margin-top: 8px;
    text-align: right;
}
.course_table_last_row_col.course_total_col input {
    width: 74px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    float: left;
    text-align: right;
}
.cart_course_row .college_info {
    float: left;
    width: 65%;
}
.cart_form .form-actions {
float: right;
}
.cart_form .form-group.form-inline {
float: left;
}
.course_table_row_col.align_right.currency, .course_table_row_col.align_right.qty {
width: 6%;
}
.course_detail_table {
    border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    float: left;
    width: 35%;
}
.course_detail_table_row {
    float: left;   
    width: 100%;
}
.course_detail_table_row  .course_detail_table_col {
    border-right: 1px solid #ccc;
    float: left;
    min-height: 40px;
    padding: 10px;
}
.course_detail_table_row.head {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}
.course_detail_table_col.duration{
width: 34%;
}
.course_detail_table_col.start_date{
width: 29%;
}
.course_detail_table_col.end_date{
width: 37%;
}
.cart_empty {
    border: 1px solid #ccc;
    font-size: 18px;
    margin-left: 200px;
    margin-top: 100px;
    padding: 15px 30px;
    text-align: center;
    width: 100%;
}
.my-gallery {
width: 100%; display: inline-block;
}
#regions input[type="text"] {
width: 30%; display: inline-block;
}
#applications_table_wrapper, #students_table_wrapper { display: inline-block;}
#post-body-content table.entry-detail-view {
    float: left;
	width: 48%;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-left: 10px;
	box-shadow: 2px 3px 1px #dedede;
}
#post-body-content table.entry-detail-view tr{
background: #fff;
}
#post-body-content  table tr:nth-child(2n+1) {
background: #eaf2fa;
}
.postbox-container {
float: left;
width: 600px;
}
td.entry-view-section-break {
    font-size: 14px;
    font-weight: 700;
    background-color: #EEE;
    border-bottom: 1px solid #DFDFDF;
    padding: 7px;
}
td.entry-view-field-name {
    font-weight: 700;
    background-color: #EAF2FA;
    border-bottom: 1px solid #FFF;
    line-height: 1.5;
    padding: 7px;
}
td.entry-view-field-value {
    border-bottom: 1px solid #DFDFDF;
    padding: 7px 7px 7px 40px;
    line-height: 1.8;
}
#post-body-content {
    width: 100%;
    min-width: 463px;
    float: left;
}
#portal_admin_form  input, #portal_admin_form  select,#portal_admin_form  textarea {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #dedede;
    min-height: 28px;
    width: 400px;
}
#portal_admin_form  input[type=checkbox],
#portal_admin_form  .timetable_add input[type=checkbox]{
width:20px;
min-height:10px;
}
#portal_admin_form  .timetable_add input,
#portal_admin_form  .timetable_add select {
width:120px;
}
#portal_admin_form  .timetable_add select#newday{
width: 80%;
}
#portal_admin_form  .timetable_display { font-weight: bold;}
#portal_admin_form .detail-label { float: left;width: 20%}
#portal_admin_form ul li { 
    float: left;
    list-style: outside none none;
    margin-bottom: 10px;
    width: 100%;
}
#portal_admin_form .ginput_preview ul { padding: 0; }
#portal_admin_form .ginput_preview ul li a{ 
    float: left;
    width: 32%;
}
#portal_admin_form  input.portal_submit {
    margin-bottom: 20px;
    margin-left: 500px;
    margin-top: 20px;
    padding: 5px 30px;
    text-align: center;
    width: auto;
}
.student_update_button {
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-left: 600px;
    margin-top: 20px;
    width: 150px;
}
#update_student_form  .student_update_button input.button {
width:100%;
text-transform: uppercase;
}
#update_student_form  table td {
    padding: 5px 10px;
}
.other_fee_name { margin-top: 10px;}
.otherfee_height { height: 100px; }
.login_links { 
    float: left;
    font-size: 16px;
    margin: 26px 10px;
    text-transform: uppercase;
}

#login_form {
width: 300px;
height: 300px;
padding: 10px;
}
.fancybox-overlay {
    background: #000 none repeat scroll 0 0;
    height: 100% !important;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100% !important;
}
#login_error {
color: red; margin-top: 5px; height: 20px;
}
#forgot_box {
	height: 320px;
    overflow: hidden;
    width: 320px;
}
.alert-box {
    border: 1px solid red;
    color: red;
    font-size: 15px;
    margin: 5px 0;
    padding: 5px;
}
#sex input {
	vertical-align: top;
	width: auto;
	margin-top: 4px;
	float: left;
}
#sex label {
float: left; margin-right: 5px; vertical-align: bottom;
}
.course_service_row .course_table_row_col.services_col:first-child {
border-left: 1px solid #ccc;
}
.course_table_last_row_col.total {
padding: 15px 0;
}
.cart_course_row.invoice-table{
width:50%;
}
.cart_course_row.invoice-table .course_table {
min-width: 100%;
}
.cart_course_row.invoice-table .course_table .course_table_row_col {
width: 45%;
}
.cart_course_row.invoice-table .course_table .course_table_row_col.align_right {
width: 10%;
}
.cart_course_row.invoice-table .course_table_last_row {
width: 55%;
}
.cart_course_row.invoice-table .course_table_last_row_col.total{
width: 18%;
border-right: 0;
}
.cart_course_row.invoice-table .course_table_last_row_col {
width: 82%;
}
.cart_form .form-actions {
width: 39%;
}
.align_center { text-align: center; }