/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; margin-top: 5px; float: left}
a { outline: none; text-decoration:none;}
a:hover {text-decoration:underline;}
body {font-family: Arial, Helvetica, sans-serif; background:#f7f7f7 url(../images/template/depth-bg.gif) center top repeat-y; font-size: 14px;}

/* CLEARING */    
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* UTILITY */
.img_float_right {float:right; margin:0 10px 10px 10px;}

.opacity-layer {background:#34354a; position:absolute; right:0; top:0; width: 278px; height:34px; opacity:.9;}
/*== Buttons ==*/
/* Generic Btn */
a.generic_btn:hover, 
a.generic_btn:focus,
a.generic_btn:active,
a.generic_btn:hover span {text-decoration:none; cursor:pointer; outline:none;}
a.generic_btn {float:left!important; position:relative; width:auto; padding-left:13px; display:block; height:24px; font-size:.9em; color:#fff;}
a.generic_btn_right {float:right!important; position:relative; right:20px;}
a.generic_btn {margin-right: 25px; line-height:2.1em; background-image:url('../images/template/Button_Float_Sprite.png'); background-position:0 0; color:#fff; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal;}
a.generic_btn span {position:absolute; right:-15px; width:15px; height:24px; padding:0!important; top:0; background-image:url('../images/template/Button_Float_Sprite.png'); background-position:100% 0px; display:block!important;}
a.print {padding-left:30px!important;}
.print span.print {background:url(../images/template/button-icons.png) 0px 1px !important; width:24px!important; height:20px; float:left; position:absolute; top:0; left:0;}
.video span.video {background:url(../images/template/button-icons.png) 0px -30px !important; width:28px!important; height:20px; float:left; position:absolute; top:0; left:0;}



a.generic_btn:hover {background-position:0 -30px; text-decoration:none;}
a.generic_btn:hover span {background-position:100% -30px; text-decoration:none;}

.generic_btn_grey {}
a.generic_btn_black {background-position:0 -60px;}
a.generic_btn_black span {background-position:100% -60px;}
a.generic_btn_black:hover {background-position:0 -90px;}
a.generic_btn_black:hover span {background-position:100% -90px;}
a.generic_btn_grey {background-position:0 -120px;}
a.generic_btn_grey span {background-position:100% -120px;}
a.generic_btn_grey:hover {background-position:0 -150px;}
a.generic_btn_grey:hover span {background-position:100% -150px;}

.btn-holder {padding-top:8px;}

input.generic_btn {border: none; height: 25px; width: 100px; font-weight: bold !important; color: #FFF; margin-right: 25px; line-height:2.1em; background-image:url('../images/template/Button_Float_Sprite-small.png'); background-position:0 -120px; color:#fff; }
input.generic_btn:hover {background-position:0 -150px;}
/* THE SITE */
#container {margin:0 auto; width:960px;}


#container #header {background:url(../images/template/header.jpg); width:960px; height:125px; padding-top:60px; position:relative;}
#container #header #teacher_horizons_logo {background:url(../images/template/teacher_horizons_logo.jpg); width:262px; height:77px; float:left; margin-left:20px; text-indent:-9999em;}
#container #header #teacher_horizons_subheader {background:url(../images/template/teacher_horizons_subheader.jpg); width:261px; height:55px; float:left; margin:20px 0 0 15px; 
text-indent:-9999em;}
#container #header #top_bar {position:absolute; top:5px; left:0; width:960px; height:34px;}
#container #header #top_bar ul {display:inline; float:left; margin-left:10px;}
#container #header #top_bar ul li {display:inline; float:left;}
#container #header #top_bar ul li a {color:#b7b7e7;}
#container #header #top_bar ul#navigation {margin-top:3px;}
#container #header #top_bar ul#navigation li {padding:0 10px;}
#container #header #top_bar ul#navigation li a {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px;}
#container #header #top_bar ul#navigation li a:hover {color:#fff; text-decoration:none;}
.home #container #header #top_bar ul#navigation li.home a {color:#fff;}
.about #container #header #top_bar ul#navigation li.about a {color:#fff;}
.articles #container #header #top_bar ul#navigation li.articles a {color:#fff;}
.faq #container #header #top_bar ul#navigation li.faq a {color:#fff;}
.contacts #container #header #top_bar ul#navigation li.contacts a {color:#fff;}
.social_media {float:left; margin: 0 0 0 0px;}
.social_media span {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; position:relative; top:5px;}
.social_media ul li a {width:22px; height:22px; float:left; text-indent:-9999em;}
.social_media ul li.twitter a {background:url(../images/template/share.png) center top no-repeat; margin-right:5px; width: 30px; height: 30px;}
.social_media ul li.facebook a {background:url(../images/template/share.png) left top no-repeat; margin-right:0px; width: 30px; height: 30px;}
.social_media ul li.linkedin a {background:url(../images/template/share.png) right top no-repeat; margin-right:5px; width: 30px; height: 30px;}
.social_media ul  li{
		display: inline;		
}
.social_media ul {
	float: left;
}
.share-text {
 color: #564894 !important;
 font-weight: bold;
}

#footer .social_media {margin-left: 350px; width: 200px;}
#footer .social_media span{
		color: #000000;
		font-weight: bold;
}
#container #header #top_bar ul#status_details {float:right; margin-right:6px; position: relative; z-index: 10;}
#container #header #top_bar ul#status_details a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;}
#container #header #top_bar ul#status_details li.sign_in a {background:url(../images/template/login_btn.gif) no-repeat; width:45px; height:17px; float:left; padding:5px 0 0 8px;}
#container #header img.rotating-img {background:url(../images/content/rotating-header-img.jpg); position:absolute; right:0; top:0;}


/* Site "TopTab" Two Tab Split */
#top_tab {height:37px; position:absolute; top:146px; width:960px; border-bottom:7px solid #ccc;}
#top_tab li {height:37px; overflow:hidden;}
#container .schools_tab_selected {border-bottom:7px solid #ffde6d;}
#container .teachers_tab_selected {border-bottom:7px solid #d4dafc;}
#container #top_tab li a {display:block; width:278px; font-family:Georgia, "Times New Roman", Times, serif; text-align: center; font-size: 19px; padding: 9px 0 7px; color:#272737;}
#container #top_tab li a.schools_tab {background:url(../images/template/universal_tabs.gif);}
#container #top_tab li a.teachers_tab {background:url(../images/template/universal_tabs.gif) left bottom;}
#container #top_tab li {width:278px; float:left; margin-right:7px;}
* html #container #top_tab li {position:relative;top:1px;}

#content #left_col {float:left; margin-right:5px;}
#content #right_col {float:left;}

#content {background: none repeat scroll 0 0 #e5e9fd; margin: 5px 0 0; padding: 10px 10px 0; position: relative; top: 1px;}
body.teachers_results #content {background:#fff;}

#content.schools_tab, #container .schools_tab {background:#e5e9fd;}
#content.teachers_tab, #container .teachers_tab {background:#fdf2cc;}

.home #content {background:none; margin:0; padding:0; position:static; width:960px;}
.teachers_content {background:#e5e9fd; margin:5px 0 0 0; position:relative; top:1px; padding:10px 0 10px 10px;  padding-left:8px;}
.schools_content {background:#fdf2cc; margin:5px 0 0 0; position:relative; top:1px; padding:10px 0 10px 10px; padding-left:8px;}

* html #content {position:relative; top:6px;}
#content h1 {font-family:Calibri, Arial, Helvetica, sans-serif; font-size:22px; margin-bottom:15px;}

#content.cols_400 #content .header {width:390px; margin:0 0 5px 10px;}
#content .header_job_results {background:url(../images/template/header_modules.gif) right -160px;}
#content .header_job_results span {background:url(../images/template/header_modules.gif) left -160px;}

#content .header_school_results {background:url(../images/template/header_modules.gif) right top;}
#content .header_school_results span {background:url(../images/template/header_modules.gif) left top;}

.module {padding:10px; margin-bottom:5px; font-size:14px; font-family:Calibri, Arial, Helvetica, sans-serif;}


#content .header {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#fff; padding:3px 10px 7px 10px; position:relative; height:20px;}
#content.homepage .header {margin-left:10px;}
#content .header span {position:absolute; float:left; top:0; left:-10px; padding:5px 10px 0 10px; height:26px; }

#content.cols_308 .column {float:left; width:308px; margin-right:8px;}
#container #content .column_last {margin-right:0;}

#content.cols_308 .header {width:278px; margin:0 0 5px 10px;}

#content .header_teachers_looking {background:url("../images/template/header_modules.gif") no-repeat scroll right -120px transparent;}
#content .header_teachers_looking span {background:url("../images/template/header_modules.gif") no-repeat scroll left -120px transparent;}

#content .header_teachers_considering {background:url("../images/template/header_modules.gif") no-repeat scroll right -80px transparent;}
#content .header_teachers_considering span {background:url("../images/template/header_modules.gif") no-repeat scroll left -80px transparent;}

#content .header_teachers_happy {background:url("../images/template/header_modules.gif") no-repeat scroll right -40px transparent;}
#content .header_teachers_happy span {background:url("../images/template/header_modules.gif") no-repeat scroll left -40px transparent;}

.teachers_looking .module {background:url(../images/template/third_size_modules.gif) no-repeat left -300px; width:308px; height:122px;}
.teachers_considering .module {background:url(../images/template/third_size_modules.gif) no-repeat left -150px; width:308px; height:122px;}
.teachers_happy .module {background:url(../images/template/third_size_modules.gif) no-repeat left top; width:308px; height:122px;}


/* Layout 3x308 */
#content.cols_308 .column {overflow:hidden;}
#content.cols_308 .module {font-size:12px;}
#content.cols_308 .module img {float:left;padding-right: 10px;}
#content.cols_308 .module h3 {margin:-4px 0 0 70px; font-weight:bold; font-size:14px;}
#content.cols_308 .teachers_looking .module h3,
#content.cols_308 .teachers_looking .module h3 a {color:#41ad48;}
#content.cols_308 .teachers_considering .module h3,
#content.cols_308 .teachers_considering .module h3 a {color:#e3971a;}
#content.cols_308 .teachers_happy .module h3,
#content.cols_308 .teachers_happy .module h3 a {color:#c9252c;}
#content.cols_308 .module ul {margin:1px 0 0 70px;}
#content.cols_308 .module ul li {line-height:1.2em; font-size:13px}
#content.cols_308 .module strong {font-weight:bold;}
#content.cols_308 {
	background: none;
}
.cell-img-120{
	width: 120px;
	height: 120px;
	float: left;
	overflow: hidden;
}
/* Layout 2x400 */
#content.cols_400 .column {width:400px; float:left; margin-right:5px;}
#content.cols_400 .header {margin:0 0 5px 10px;}
#content.cols_400 .module {width:380px; height:110px; background:url(../images/template/content_module.gif) left top no-repeat;} 
#content.cols_400 .module img {float:left; margin-right:10px;}
#content.cols_400 .module ul li strong {font-weight:bold;}
#content.cols_400 .module h3 {color:#564894; font-weight:bold; font-size:16px;}
#content.cols_400 {}

#content {overflow:hidden; width:940px;}

/* Layout Generic Left Nav & Content */
#content.generic_layout .left_column {float:left; width:277px; margin-right:10px;}
#content.generic_layout .left_column ul li {background:url(../images/template/generic_left_nav_header_sprite.gif) left top no-repeat; margin-bottom:2px; padding-top:5px; float:left; width:100%; clear:left;}
#content.generic_layout .left_column ul li a {background:url(../images/template/generic_left_nav_header_sprite.gif) left bottom no-repeat; display:block; padding:0 0 5px 10px; overflow:hidden;}
#content.generic_layout .left_column ul li.selected {background:url(../images/template/generic_left_nav_header_sprite.gif) right top no-repeat;}
#content.generic_layout .left_column ul li.selected a {background:url(../images/template/generic_left_nav_header_sprite.gif) right bottom no-repeat; color:#fff;}
#content.generic_layout .column {float:left; width:653px; background:#fff url(../images/template/generic_content_bottomcurve_bg.gif) left bottom no-repeat;}
#content.generic_layout .column div.date {font-weight:bold; padding:0 0 10px 10px;}
#content.generic_layout .column p.subheader {color:#58595b; font-weight:bold;}
#content.generic_layout .column p {line-height:1.3em; font-size:15px; color:#58595b; padding:0 10px 10px}
#content.generic_layout .column h1 {color:#564894; font-weight:bold; padding:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; display:block; font-size:25px; background:url(../images/template/generic_content_topcurve_bg.gif) left top no-repeat; }
#content.generic_layout .column h2 {margin:14px 0 6px; color:#564894; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0 10px;}

/* School Page */
#container .school_profile {background:#fff; margin:10px 0 0;}
#content.school_profile div.school_info {float:left; width:500px;}
#content.school_profile h1 {font-size:32px; line-height:24px;}
#content.school_profile ul.school_photos {float:left; position:relative; left:0px;}
#content.school_profile ul.school_photos li {float:left; width:210px; height:140px; overflow:hidden; padding-left:10px;}
#content.school_profile ul.school_photos li.edit_btn {text-align:center; position:absolute; left:-39px; top:110px; width:39px; padding-left:0; height:16px; background:url(../images/template/edit_btn.gif);}
#content.school_profile ul.school_photos li.edit_btn a {color:#fff; font-size:12px; position:relative; top:-2px;}
#content.school_profile address {padding-bottom:10px;}
#content.school_profile address, 
#content.school_profile ul.school_contact_details {font-family:Arial, Helvetica, sans-serif; font-size:12px;} 
#content.school_profile ul.school_contact_details strong {width:50px; float:left; font-weight:bold;}
#content.school_profile ul.school_contact_details a {color:#686868;}
#content.school_profile ul.school_contact_details li.phone_number {padding-top:3px;}
#content.school_profile ul.school_contact_details li.Skype {padding-top:3px; margin-bottom:10px;}
#content.school_profile .left_column {}
#content.school_profile .right_column {}
.verifcation_info {border:2px solid #369; border-radius: 2px; -moz-border-radius: 2px; }

/* Teacher Page */
#key_school_data {position:relative;}
.btn-holder-right {   left: 300px; position: relative; width: 350px;}
#content.school_profile ul.school_photos {float:left; position:relative; left:0px;}
#content.school_profile ul.school_photos li {float:left;  overflow:hidden; padding-left:10px;}
.teacher-progress {border:2px solid #c0cefb; margin-left: 666px; padding: 10px;}
.teacher-progress strong.availability-title {font-size:13px; display:block; padding:10px 0 5px;}
ul.availability {}
ul.availability a {display:block; text-decoration: none; margin:7px 0; padding-left:40px; padding-top: 5px; }
ul.availability em {display:block; padding-top: 2px; color: #000;}
ul.availability li  {font-size:13px; list-style: none !important;}
ul.availability li a {background:url(../images/template/status-light-sprite.png) left -242px no-repeat;}

ul.availability li.green {border: none; background-color: #fff;} 
ul.availability li.amber {border: none; background-color: #fff;} 
ul.availability li.red {border: none; background-color: #fff;} 
ul.availability li.green a {color:#38b439; font-weight:bold;}
ul.availability li.amber a {color:#e77e00; font-weight:bold;}
ul.availability li.red a {color:#d04046; font-weight:bold;}

ul.availability li.green a:hover,ul.availability li.green a.on {background:url(../images/template/status-light-sprite.png) left 0 no-repeat; border: none;}
ul.availability li.amber a:hover,ul.availability li.amber a.on {background:url(../images/template/status-light-sprite.png) left -82px no-repeat; border: none;}
ul.availability li.red a:hover,ul.availability li.red a.on {background:url(../images/template/status-light-sprite.png) left -159px no-repeat; border: none;}

.teacher #tab_content {width:960px; background:#ccc; position:relative; left:-10px; padding:20px;}
/* colours */
.teacher #tab_content.school {background:#e6ebfd;}
.teacher #tab_content.students_teachers {background:#f9d299;}
.teacher #tab_content.exam_results {background:#dde899;}
.teacher #tab_content.facilities {background:#decadb;}
.teacher #tab_content.contract {background:#e6a1b9;}
.teacher #tab_content.benefits_allowances {background:#fee6a1;}
.teacher #tab_content.city_information {background:#f7d1de;}
.teacher #tab_content.jobs {background:#99e3eb;}
.teacher #tab_content .left-inner {background:#fff; float:left; width:355px; margin-right:10px; padding:10px;}
.teacher #tab_content .right-inner {background:#fff; float:left; width:515px; padding:10px;}
.teacher-progress li.edit_btn a {text-align:center; display:block; width:39px; line-height:1.6em; height:16px; background:url(../images/template/edit_btn.gif); margin-top:10px; color:#fff; font-size:11px;}

.progress-bar {height: 11px; margin:9px 0px; background:url(../images/content/percentage-complete-sprite.png) left top no-repeat; width:192px; overflow:hidden; }
.progress-bar-complete {background:url(../images/content/percentage-complete-sprite.png) left -30px no-repeat; height:25px; }
.p-0 .progress-bar-complete {width:0px;}
.p-1 .progress-bar-complete {width:18px;}
.p-2 .progress-bar-complete {width:36px;} 
.p-3 .progress-bar-complete {width:52px;}
.p-4 .progress-bar-complete {width:70px;}
.p-5 .progress-bar-complete {width:88px;}
.p-6 .progress-bar-complete {width:103px;}
.p-7 .progress-bar-complete {width:121px;}
.p-8 .progress-bar-complete {width:139px;}
.p-9 .progress-bar-complete {width:157px;}
.p-10 .progress-bar-complete {width:174px;}

/* Homepage */
#content.homepage {/*padding-left:8px; padding-right:0;*/ width:960px;}
#content.homepage .left_column {width:507px; float:left; margin-right:10px;}
#content.homepage .right_column {width:427px; float:left;}

.preface p strong {font-weight:bold;}
.header span a {color:#fff;}

/* orange */
#content.homepage #teacher_profile .header {background:url(../images/template/header_modules.gif) right 278px;}
#content.homepage #teacher_profile .header span {background:url(../images/template/header_modules.gif) left 278px;}
#content.homepage .premium_content .header {background:url(../images/template/header_modules.gif) right 278px;}
#content.homepage .premium_content .header span {background:url(../images/template/header_modules.gif) left 278px;}


/* light blue */
#content.homepage .testimonials .header {background:url(../images/template/header_modules.gif) right 40px;} 
#content.homepage .testimonials .header span {background:url(../images/template/header_modules.gif) left 40px;} 
#content.homepage #teacher_profiles .header {background:url(../images/template/header_modules.gif) right 40px;} 
#content.homepage #teacher_profiles .header span {background:url(../images/template/header_modules.gif) left 40px;} 
#content.homepage #teachers_profiles .header {background:url(../images/template/header_modules.gif) right 40px;} 
#content.homepage #teachers_profiles .header span {background:url(../images/template/header_modules.gif) left 40px;} 


/* navy blue */
#content.homepage .useful_resources .header,
#content.homepage .compare_international_schools .header,
#content.homepage .featured_jobs .header,
#content.homepage #school_profile .header,
#content.homepage .search_candidate .header {background:url(../images/template/header_modules.gif) right 200px;} 
#content.homepage .useful_resources .header span,
#content.homepage .compare_international_schools .header span,
#content.homepage .featured_jobs .header span,
#content.homepage #school_profile .header span,
#content.homepage .search_candidate .header span {background:url(../images/template/header_modules.gif) left 200px;} 


/* green */
#content.homepage .search_job .header {background:url(../images/template/header_modules.gif) right 80px;} 
#content.homepage .search_job .header span {background:url(../images/template/header_modules.gif) left 80px;} 
#content.homepage .services_for_schools .header {background:url(../images/template/header_modules.gif) right 80px;} 
#content.homepage .services_for_schools .header span {background:url(../images/template/header_modules.gif) left 80px;} 
#content.homepage .services_for_schools table {margin:10px; font-size:12px;}
#content.homepage .services_for_schools table td.left {text-align:left;}
#content.homepage .services_for_schools table td {text-align:center;}


/* pink */
#content.homepage #teachers_ratings .header {background:url(../images/template/header_modules.gif) right 240px;} 
#content.homepage #teachers_ratings .header span {background:url(../images/template/header_modules.gif) left 240px;}
#content.homepage .schools_content .testimonials .header {background:url(../images/template/header_modules.gif) right 240px;} 
#content.homepage .schools_content .testimonials .header span {background:url(../images/template/header_modules.gif) left 240px;}   

/* mod 427 */
.mod_427 {background:url(../images/template/white_undercurve_427.gif) left bottom; margin-bottom:10px;}
.schools_content .mod_427 {background:url(../images/template/white_undercurve_427.gif) left bottom;} 
/* mod 209 */
.mod_209 {background:url(../images/template/white_undercurve_209.gif) left bottom; margin-bottom:10px;}
.schools_content .mod_209 {background:url(../images/template/white_undercurve_209.gif) left bottom;}
/* mod 507 */
.mod_507 {background:url(../images/template/white_undercurve_507.gif) left bottom; margin-bottom:10px;}
.schools_content .mod_507 {background:url(../images/template/white_undercurve_507.gif) left bottom;}
 
/* Homepage Compare international schools */
.compare_international_schools img {padding:7px 0 5px 6px;}
.compare_international_schools form {padding:0 0 10px 7px;}
.compare_international_schools select {width:125px; margin-right:25px;}
.compare_international_schools input {background:url(../images/template/go_btn_sprite.jpg) left top; width:27px; height:19px; text-indent:-999em; border:none;} 
.compare_international_schools input:hover {background:url(../images/template/go_btn_sprite.jpg) left bottom;}

/* Homepage schools rated by teachers */
#teachers_ratings {}
#teachers_ratings img {float:left; margin-right:10px;}
#teachers_ratings .school {margin:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
#teachers_ratings .last {border-bottom:none;}
#teachers_ratings p.school_title {margin-bottom:3px;} 
#teachers_ratings p {font-size:14px; margin-bottom:1px;}
#teachers_ratings a {color:#ed1164; font-weight:bold; text-decoration:underline;}

/* Homepage teachers profiles */
#teachers_profiles {}
#teachers_profiles img {float:left; margin-right:10px;}
#teachers_profiles .school {margin:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
#teachers_profiles .last {border-bottom:none;}
#teachers_profiles p.teacher_name {margin-bottom:3px;} 
#teachers_profiles p {font-size:14px; margin-bottom:1px;}
#teachers_profiles a {color:#008dd2; font-weight:bold; text-decoration:underline;}

/**/
ul.brand_logos li {float:left; margin:10px;}


/* Homeapage #teacher_profile */
#teacher_profile img {padding-top:10px;}
#teacher_profile ul {padding:10px;}
#teacher_profile ul li {padding:3px 0; font-size:14px; line-height:1.3em;}
#teacher_profile ul li a {color:#f15a22; text-decoration:underline; font-weight:bold;}

/* Homeapage #school_profile */
#school_profile img {padding-top:10px;}
#school_profile ul {padding:10px;}
#school_profile ul li {padding:3px 0; font-size:14px; line-height:1.3em;}
#school_profile ul li a {color:#564894; text-decoration:underline; font-weight:bold;}

/* Homepage .search_candidate */
.search_candidate {width:209px; float:left; margin-right:0px;}
.search_candidate form {padding:15px 10px 10px;}
.search_candidate form select {width:125px; margin-bottom:10px;} 
.search_candidate form input {margin-left:10px; position:relative; top:1px; background:url(../images/template/go_btn_sprite.jpg) left top; width:27px; height:19px; text-indent:-999em; border:none;}
.search_candidate form input:hover {margin-left:10px; background:url(../images/template/go_btn_sprite.jpg) left bottom;}
.search_candidate img {padding: 10px 10px 10px 20px; float:none;}

/* Homepage .search_job */
.search_job {width:209px; float:left; margin-right:9px; height: 330px;}
.search_job form {padding:15px 10px 10px;}
.search_job form select {width:125px; margin-bottom:10px;} 
.search_job form input {margin-left:10px; position:relative; top:1px; background:url(../images/template/go_btn_sprite.jpg) right top; width:27px; height:19px; text-indent:-999em; border:none;}
.search_job form input:hover {margin-left:10px; background:url(../images/template/go_btn_sprite.jpg) right bottom;}
.search_job img {padding:0px 10px 20px;}

/* Homepage .featured_jobs */
.featured_jobs {width:209px; float:left;}

/* Homepage .premium_content */
.premium_content {width:209px; float:left; margin-right:9px; font-size:.9em; height: 295px;}
.premium_content p {padding:10px;}
.premium_content p strong {font-weight:bold;}
.premium_content ul {padding:10px;}
.premium_content ul li {list-style:disc; list-style-position:inside;}

/* services_for_schools */
.services_for_schools {font-size:.9em;}
.services_for_schools p {padding:10px;}
.services_for_schools p.sub_header {color:#41ad49; font-weight:bold;}
.services_for_schools ul li strong {font-weight:bold;}
.services_for_schools ul {padding:10px;}
.services_for_schools ul li {list-style:disc; list-style-position:inside;}

/* Homepage #featured_jobs */
.featured_jobs {font-size:.9em;}
.featured_jobs .job {margin:10px; font-size:14px;}
.featured_jobs .job img {float:left; margin-right:10px;}
.featured_jobs .job p.job_title {padding-bottom:3px;}
.featured_jobs .job p {margin-bottom:1px;}
.featured_jobs .job p a {color:#564894; text-decoration:underline; font-weight:bold;}

/* Homepage .testimonials */
.testimonials {clear:both; padding-bottom:2px;}
.testimonials p {padding:0 0; margin:10px; font-size:14px;}
.testimonials p em {font-weight:bold; color:#008dd2; line-height:1.3em;}
.schools_content .testimonials p em {color:#ed1164;}

/* Homepage .useful_resources */
.useful_resources ul {padding:10px;}
.useful_resources ul li {padding:3px 0; font-size:14px; line-height:1.3em;}
.useful_resources ul li a {color:#564894; text-decoration:underline; font-weight:bold;}





/* Tabs Module */
#tabs {margin-top:20px;  left:-10px; width:960px; background:#fff;}
#tabs li, #tabs li a {width:106px; height:45px; float:left; text-align:center;}
#tabs li {overflow:hidden; margin-right: 5px;}
#tabs li a {line-height:1em; padding-top:8px; color:#fff; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold;}
#tabs li.school {background:url(../images/template/eight_tabs_sprite.gif) left top no-repeat;}
#tabs li.students_teachers {background:url(../images/template/eight_tabs_sprite.gif) -109px top no-repeat;}
#tabs li.exam_results {background:url(../images/template/eight_tabs_sprite.gif) -219px top no-repeat;}
#tabs li.facilities {background:url(../images/template/eight_tabs_sprite.gif) -329px top no-repeat;}
#tabs li.contract {background:url(../images/template/eight_tabs_sprite.gif) -439px top no-repeat;}
#tabs li.benefits_allowances {background:url(../images/template/eight_tabs_sprite.gif) -549px top no-repeat;}
#tabs li.city_information {background:url(../images/template/eight_tabs_sprite.gif) -659px top no-repeat;}
#tabs li.jobs {background:url(../images/template/eight_tabs_sprite.gif) -769px top no-repeat;}
#tabs.school {border-bottom:8px solid #c0cefb;}
#tabs.students_teachers {border-bottom:8px solid #f19000;}
#tabs.exam_results {border-bottom:8px solid #aac600;}
#tabs.facilities {border-bottom:8px solid #ad79a5;}
#tabs.contract {border-bottom:8px solid #c11350;}
#tabs.benefits_allowances {border-bottom:8px solid #fbc014;}
#tabs.city_information {border-bottom:8px solid #ea8bac;}
#tabs.jobs {border-bottom:8px solid #00b9cd;}
#tabs.school .school,
#tabs.students_teachers .students_teachers,
#tabs.exam_results .exam_results,
#tabs.facilities .facilities,
#tabs.contract .contract,
#tabs.benefits_allowances .benefits_allowances,
#tabs.city_information .city_information,
#tabs.jobs .jobs {height:46px;}
/*added by otto*/
body.admin {
	font-size: 0.8em;
}
#footer {
	padding: 10px;	
	font-size: 0.8em;
}
.myaccount {
    position: absolute;
    width: 209px;
	height: auto;
	color: #B7B7E7 !important;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
	background: none repeat scroll 0 0 #34354A;
    z-index: 2000;
	display: none;
	margin-left: -20px;
	margin-top: 8px;
}	

.myaccount ul {
	margin-left: 35px;
	color: #B7B7E7 !important;
	list-style: square;
}
.myaccount ul  li{ 
	padding: 5px;	
  min-width: 80px;
}
.myaccount ul  li ul{ 
	font-size: 70%;
	font-weight: bold;
	padding: 1px;
	margin: 0;
	padding: 2px;
	padding-left: 5px;
}

.myaccount ul  li ul li a{ 
	color: #B7B7E7 !important; 
}

.myaccount ul li a {
	font-weight: bold;
	color: #B7B7E7 !important; 
}

.progressDlg{
	display: none;
	padding: 10px;
}

/*Rating system*/
.stars
{
      position:relative;
      width: 130px;
      height: 16px;
      text-align: right;
}

.rating
{
   font-size: 11px;
   color: #A5A5A5;
}


.star-rate
{
      position:absolute;
      height: 16px;
      width: 17px;
}



#star1
{
   left: 0px;
}

#star2
{
   left: 17px;
}

#star3
{
   left: 34px;
}

#star4
{
   left: 51px;
}

#star5
{
   left: 68px;
}

.star-on
{
    position:absolute;
    height: 16px;
    width: 17px;
    background-position: 0 -16px;
}

.star-off
{
    position:absolute;
    height: 16px;
    width: 17px;
}

.blue .star-rate
{
    background-image: url('/static/images/school-box/blue/star.gif');
}

.blue .star-on
{
    background-image: url('/static/images/school-box/blue/star.png');
}

.blue .star-off
{
    background-image: url('/static/images/school-box/blue/star.png');
}

.orange .star-rate
{
    background-image: url('/static/images/school-box/orange/star.gif');
}

.orange .star-on
{
    background-image: url('/static/images/school-box/orange/star.gif');
}

.orange .star-off
{
    background-image: url('/static/images/school-box/orange/star.gif');
}

.green .star-rate
{
    background-image: url('/static/images/school-box/green/star.gif');
}

.green .star-on
{
    background-image: url('/static/images/school-box/green/star.gif');
}

.green .star-off
{
    background-image: url('/static/images/school-box/green/star.gif');
}

.plum .star-rate
{
    background-image: url('/static/images/school-box/plum/star.gif');
}

.plum .star-on
{
    background-image: url('/static/images/school-box/plum/star.gif');
}

.plum .star-off
{
    background-image: url('/static/images/school-box/plum/star.gif');
}

.crimson .star-rate
{
    background-image: url('/static/images/school-box/crimson/star.gif');
}

.crimson .star-on
{
    background-image: url('/static/images/school-box/crimson/star.gif');
}

.crimson .star-off
{
    background-image: url('/static/images/school-box/crimson/star.gif');
}
.crimson-new .star-on
{
    background-image: url('/static/images/school-box/crimson/star.png');
}

.crimson-new .star-off
{
    background-image: url('/static/images/school-box/crimson/star.png');
}
.gold .star-rate
{
    background-image: url('/static/images/school-box/gold/star.gif');
}

.gold .star-on
{
    background-image: url('/static/images/school-box/gold/star.gif');
}

.gold .star-off
{
    background-image: url('/static/images/school-box/gold/star.gif');
}

.salmon .star-rate
{
    background-image: url('/static/images/school-box/salmon/star.gif');
}

.salmon .star-on
{
    background-image: url('/static/images/school-box/salmon/star.gif');
}

.salmon .star-off
{
    background-image: url('/static/images/school-box/salmon/star.gif');
}
span.error,h2.error {
	color: red;
    font-size: 0.84em;
    font-weight: bold;
}

h2.error {
	font-size: 1em;
	height: 30px;
}
.progress-slot
{
	width: 18px;
	height: 14px;
	float:left;
    background-image: url('/static/images/percentage-slot-sprite.png');
    background-position: 0 1px;
}
.on
{
	background-position: 0 -13px;
}
.off
{
	background-position: 0 0px;
   	margin-top: 2px;
}
.summary-info,.progress {
	margin: 10px;
	text-align: left;
	font-size: 12px;
	height: 30px;
}

.spp-status, .tpp-status
{
	height: 26px;
	float:left;
    background: url('/static/images/spp-verify.png') no-repeat;
    background-position: 0 1px;
    padding-left: 34px;
}
.verified, .approved {
	background-position: 0 -26px;
}

h2 {font-family: Arial,Helvetica,sans-serif; font-size:17px; margin-bottom:10px; margin-top: 10px; font-weight: bold;}
h3 {font-family: Arial,Helvetica,sans-serif; font-size:15px; margin-bottom:10px; margin-top: 10px; font-weight: bold;}
#content.generic_layout .column ul {line-height:1.3em; font-size:15px; color:#58595b; padding:0 10px 10px}
.school-image {
	width: 150px;
	float: left;
	margin-right: 10px;
}
.left{
	float:left
}
.rating {
	padding-right: 20px;
    padding-top: 2px;
}
#content.cols_400 .column {
	width: 460px;
}

#content.cols_400 .module {
	background: none;
	  background-color: #F7F8FA;
	  width: auto;
	  
}

#content.cols_400 .module h3 {
	width: 250px;
}

img.banner{
	padding: 0;
    position: absolute;
    right: 0;
    top: 35px;
}

table.our-services {
        font-size: 12px;
	padding:0;
	margin: 5px !important;
	 border: 2px solid #f3f2f1;
}
table.our-services tr {
  height: 15px;
   border: 2px solid #f3f2f1;
}

table.our-services tr.odd{
  background-color: #f3f2f1;
}

table.our-services tr td {
  text-align: left !important;   
   border: 2px solid #f3f2f1;
 
}

table.our-services tr td.heading {
	font-weight: bold;
	color: 	#000000;
	font-size: 14px;
}

table.our-services tr td.heading2 {
	font-weight: bold;
	color: 	#000000;
	font-size: 12px;
	text-align: center !important;
}

.schools_content{
  padding: 10px 2px 5px 2px;
}

.schools_content  div.left_column {
	width: 520px !important;
	margin-right: 5px !important; 
}

.search_candidate img {
    float: none;
    padding-bottom: 10px;
    padding-left: 10px;
}
.cell-leftpad {
	padding-left: 10px;
}

#container{
	min-height: 400px;
}

.splash {
	display: none;
}

.hide {
	display: none;
}

fieldset.register, fieldset.register-large{
	margin-left: 15px;
	border: 2px solid #C0CEFB;
	width: 200px;
	padding: 10px;
	float:left;
}
fieldset.register-large{
	width: 300px;
}

fieldset.register label, fieldset.register-large label {
    float: left;
    padding: 6px 0 0;
    width: 180px;
}


fieldset.register input,fieldset.register-large input, input.btn-register {
	border: 1px solid #CCCCCC;
    padding: 5px 8px 4px;
	margin-bottom: 10px;
	width: 160px;
}
fieldset input.register-checkbox {	
    padding: 0 !important;
	margin: 0 !important;
	width: 20px;
}
input.btn-register {
	margin-top: 20px;
	margin-left: 15px;
	font-weight: bold;
	width: 100px;
}
fieldset.register select,fieldset.register-large select {
	border: 1px solid #CCCCCC;
    padding: 2px 2px 2px;
    margin-bottom: 10px;
	width: 170px;
}

fieldset legend {
	font-weight: bold;
}

div.userPhotoUploader {
	left: 550px;
    position: absolute;
    top: 340px;
}

div.status-logged-in{
	padding-top: 230px;
}

a.blue-link {
	color: #008dd2 !important;
	font-weight: bold;
}

fieldset.recommend-friend, fieldset.wider {
	border: 2px solid #000;
    padding: 10px;
	width: 480px;
	
}

fieldset.recommend-friend legend, fieldset.wider legend{
	color: #000;
}

.ui-widget-content a {
	text-decoration: underline;
	font-weight: bold;
}

ul.dotted-list{
	list-style: disc !important;
	padding-left: 20px !important;
	width: 270px;
	padding-top: 0;
}

ul.dotted-list li {
    line-height: 1.3em;
    padding-top: 2px;
} 

ul.dotted-list1{
	list-style: disc;
	padding-left: 15px;
	padding-top:0;
}

ul.dotted-list1 li {
    line-height: 1.3em;
    padding-top: 10px;
}
.CookieLaw {position: absolute; top: 0; left: 400px;width: 800px; height: 80px; overflow: hidden; background: #34354a; opacity: .9; color: white; font-weight: bold; padding: 20px; line-height: 2em; border: 1px solid;	display: none;}
.CookieLaw a{color: white; font-weight: bold;text-decoration: none;}
.CookieLaw a.closeCookieDisclaimer{margin-bottom: 10px;float: right;	}
.CookieLaw a.closeCookieDisclaimer span{width: 60px;border: 2px solid #0000;background: white;color: #34354a;font-weight: bold;padding: 10px;margin-top:10px;}