/*
Styles for jobs pages
---------------------------------------
*/

/* options */
ul.resultsContainer li a { padding: 0; }
ul.resultsContainer li span { font-weight: bold; }
ul.resultsContainer li.nextjob { margin-left:0; }
ul.resultsContainer .prevjob, ul.jobresultsfound .nextjob { margin: 0; }
ul.resultsContainer .prevjob a { background: url(graphics/sprite.png) no-repeat -63px -22px; padding: 0 10px 0 13px; margin: 0; }
ul.resultsContainer .nextjob a { background: url(graphics/sprite.png) no-repeat -22px -75px; padding-right: 13px; margin: 0; }

/* postcode popup */
.jobSearchPostcodePopup { display: none; left: 0px; width: 280px; z-index: 2; position: absolute; top: 56px; }
#jobsHubPostcodeSearch { left: auto !important; background-color: #fff;}
.jobSearchPostcodePopup h3 { font: 1.6em Georgia, serif; color: #4F4D45; }
.jobSearchPostcodePopup .column { width: 124px; float: left; }
.jobSearchPostcodePopup .column input, .jobSearchPostcodePopup .column select { width: 118px; border: 1px solid #BFBFBF; color: #959595; font: 1.1em Arial, Helvetica, sans-serif; }
.jobSearchPostcodePopup #runJobSearchPostcode { margin: 10px 0 0 180px; width: 61px; display: inline;}
.jobSearchPostcodePopup .popupPanel_sleeve .close { border-bottom: none; }

/*jobs saved*/
#jobssaved .sections.p2 .sections_sleeve { background-image:url(graphics/jobs_browse_top.png); padding-left:16px; padding-right:18px; }
#jobssaved .sections.p2 { background-image:url(graphics/jobs_browse_bottom.png); }
#jobssaved .sections.p2 .facet_set li { clear: none; }

/*general styles*/
#jobssearchresults .refine form {margin:0; padding:0; background: url(graphics/border_dotted.png) repeat-x top; padding-top: 5px; margin-top: 10px;}
#jobssearchresults .refine form label {padding-right: 5px;}
#jobssearchresults .refine form input.text {width: 320px; margin: 0 8px 0 0;}
#jobssearchresults .refineSearch {padding-top: 7px;}
#jobssearchresults .refineSearch * {vertical-align: middle;}
#jobssearchresults .close img {margin:0;}

.jobsSearchResults { margin: 0; padding:0; }
.jobsSearchResults li { list-style: none; background: #fff url(graphics/jobs_top_bronze.png) no-repeat top; margin: 0 0 20px 0; padding-top: 5px; }
.jobsSearchResults li li { background: none; margin: 0 0 10px; padding: 0 0 0 10px; }
.jobsSearchSleeve { 
	position: relative !important;
  background: url(graphics/jobs_bottom_bronze.png) no-repeat bottom;
  padding:0 0 10px 0;
}
.jobsSearchSleeve .info {margin-bottom:0; font-size: 1.09em;}
.jobsSearchSleeve:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.jobsSearchContentSleeve { margin: 10px 20px 0; position: relative; }
.jobsSearchContentSleeve p.snippet a { text-decoration: none; border-bottom: none; background-color: transparent; color: #404D45; }
.jobsSearchResults .job_status {
  position: absolute;
  right:10px;
  top: -10px;
}
.jobsSearchResults a:hover { text-decoration: none; border-bottom: 1px dotted #959595; }
.jobsSearchResults h2 { margin-bottom: 0; background: url(graphics/standard_head.gif) no-repeat 7px 9px; padding: 0 140px 0 20px; font-size: 2.18em; line-height: 32px; color: #4f4d45;}
.jobsSearchResults h2 a { border-bottom: none; overflow: hidden; color: #4f4d45; }
.jobsSearchResults h2 a:hover { background-color: transparent; color: #000; border-bottom: none; }
.jobsSearchResults h3 { margin: 0; padding: 4px 20px 10px; font: bold 1.18em Arial, sans-serif; color: #959595; }
.jobsSearchResults.bronze h3 { padding-bottom:0; }
.jobsSearchResults.bronze p.info { margin-bottom:0; }
.jobsSearchResults h4 { font: bold 1.1em Arial, sans-serif; color: #000; margin: 0 0 1em; padding: 0 0 5px; border-bottom: 1px dotted #959595; }
.jobsSearchResults .schoolIntro, .jobsSearchResults .schoolIntro a { color: #83827C; }
.jobsSearchResults .schoolIntro p { margin:0; }
.jobsSearchResults .schoolIntro p a { border: none; color: #4f4d45; }
.jobsSearchResults a.representedImage, .jobsSearchResults a.representedImage:hover { border:0; }
.jobsSearchResults .saveJobNoJS, .jobsSearchResults .saveJob, .jobsSearchResults .deleteJob { float: right; background: url(graphics/save_job.png) no-repeat right; color: #4f4d45; padding-right: 20px; text-decoration: underline; border: 0; }
.jobsSearchResults .deleteJob { background-image: url(graphics/delete.png); }
.jobsSearchResults .saveJob:focus, .jobsSearchResults .deleteJob:focus, .jobsSearchResults .saveJob:hover, .jobsSearchResults .deleteJob:hover { text-decoration: none; border:0;}
.jobsSearchResults .representedImage { float: right; margin: 0 0 10px 10px; border: 0; }
.jobsSearchResults .representedImage img { display: block; }
.jobsSearchResults .schoolIntro .info { margin: 8px 0 0; }
.jobsSearchResults .info span { color: #ed1a3a;}
.jobsSearchResults .focussed { background-color: #f5f5f5; }
.jobsSearchResults.bronze .salary { margin-top: 0; }
.jobsSearchResults.bronze .saveJob, .jobsSearchResults.bronze .deleteJob { color: #959595; }
.jobsSearchResults.bronze .focussed { background-image: url(graphics/jobs_top_bronzefocus.png); }
.jobsSearchResults.bronze .focussed .jobsSearchSleeve { background-image: url(graphics/jobs_bottom_bronzefocus.png); }

/*silver styles*/
.jobsSearchResults.silver li{ background-image: url(graphics/jobs_top_silver.png); }
.jobsSearchResults.silver h2 { background: #9A9A9A url(graphics/silver_gold_head.gif) no-repeat 7px 9px; color: #fff}
.jobsSearchResults.silver h2 a { color: #fff; }
.jobsSearchResults.silver h2 a:hover { color: #fff; }
.jobsSearchResults.silver h3 { color: #fff; background: #9A9A9A; }
.jobsSearchResults.silver .jobsSearchSleeve { background-image: url(graphics/jobs_bottom_silver.png); }
.jobsSearchResults.silver .focussed { background-image: url(graphics/jobs_top_silverfocus.png); }
.jobsSearchResults.silver .focussed h2, .jobsSearchResults.silver .focussed h3 { background-color: #797979}
.jobsSearchResults.silver .focussed .jobsSearchSleeve { background-image: url(graphics/jobs_bottom_silverfocus.png); }

/*gold styles*/
.jobsSearchResults.gold li { background-image: url(graphics/jobs_top_gold.png); }
.jobsSearchResults.gold h2 { background: #ed1a3a url(graphics/silver_gold_head.gif) no-repeat 7px 9px;}
.jobsSearchResults.gold h2 a { color: #fff; }
.jobsSearchResults.gold h2 a:hover { color: #fff; }
.jobsSearchResults.gold h3 { color: #fff; background: #ed1a3a; }
.jobsSearchResults.gold .jobsSearchContentSleeve { margin-left: 11px; margin-right: 11px; }
.jobsSearchResults.gold .jobsSearchSleeve { background-image: url(graphics/jobs_bottom_gold.png); }
.jobsSearchResults.gold .focussed { background-image: url(graphics/jobs_top_goldfocus.png); }
.jobsSearchResults.gold .focussed h2, .jobsSearchResults.gold .focussed h3 { background-color: #cd102d; }
.jobsSearchResults.gold .focussed .jobsSearchSleeve { background-image: url(graphics/jobs_bottom_goldfocus.png); }
.jobsSearchResults.gold .focussed .gallery h2 { background-color: transparent; }

/*school tabs*/
.jobsSearchResults .job_tabs ul { padding: 0; margin:0; }
.jobsSearchResults .job_tabs ul:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.jobsSearchResults .job_tabs ul li { float: left; background: url(graphics/taboff_left.png) no-repeat left top; padding: 0; margin: 0 10px 0 0; }
.jobsSearchResults .job_tabs ul li a { display: block; width: 11.6em; background: url(graphics/taboff_right.png) no-repeat right top; padding: 8px 0 5px 10px; border-bottom:0; font-weight: bold; font-size: 1.09em; color: #4F454D; }
.jobsSearchResults .job_tabs ul li.on { background-image: url(graphics/tabon_left.png); position: relative; margin-bottom:-1px; }
.jobsSearchResults .job_tabs ul li.on a { color: #ED1746; background-image: url(graphics/tabon_right.png); padding-bottom: 6px;}
.jobsSearchResults .job_tabs ul li a:hover { border:0; }

/*school details*/
.schoolDetailsContainer { background: url(graphics/details_container_bg.png) no-repeat bottom; margin: 0 11px; clear:left; }
.schoolIntro, .schoolDetails, .schoolMap { background: url(graphics/details_gradient.png) no-repeat top; padding: 11px; overflow: hidden; }
.schoolIntro {padding-bottom:5px;}
.schoolDetails, .schoolMap { display: none; } /* don't show these initially */
.schoolDetails h3 { color: #959595; font-size: 1.455em; margin: 20px 0 10px 0}
.schoolData { float: left; width: 286px; }
.schoolData.wide { float: none; width: auto; }
.schoolData dl { margin: 0 0 25px; padding:0; clear: left;}
.schoolData.wide dl { float: left; width: 49%; }
.schoolData dt { float: left; width: 8.5em; color: #959595; }
.schoolData dd { margin: 0 0 10px 8.5em; }
.schoolMedia { float: left; width: 280px; padding: 0 0 0 10px; }
.schoolMedia .gallery { margin: 0; }
.schoolMedia .gallery h2 { background: none; background-color: transparent; color: #959595; font-size: 1.5em; padding-left:0; margin-bottom: 5px; }
.schoolMedia ul { margin: 10px 0; padding: 0; }
.schoolMedia li, .schoolMedia a { border: 0; padding: 0; margin: 0; }
.schoolData p.more { clear: left; }
.gold .schoolMap ul { padding: 0; margin: 0; _height: 260px; float: left;}
.gold .schoolMap ul li { background: transparent url(graphics/marker.png) no-repeat 0 3px; }
.schoolMap img { float: right; height: 260px; width: 340px; clear: right; }

/* job details custom layout + extras blocks */
#jobDetailsGold #main { margin-top: 15px; margin-bottom: 10px; }
#jobDetailsGold #main_sleeve, #jobDetailsSilver #main_sleeve { background: url(graphics/jobDetails_bg.png) no-repeat 100% 100%; padding-bottom: 20px; }
#jobDetailsGold .options { margin-top: 20px; margin-bottom: 20px; }
#jobDetailsGold .storytext h2 { font-size: 1.69em; }
#jobDetailsGold .storytext ol { margin-top: 20px; }

.js-enabled#jobDetailsGold #more_details { margin: 0 0 -.91em 0; position: relative; background: url(graphics/rounded_box_gradient_bottom.png) no-repeat bottom; clear: both; cursor: pointer; }
.js-enabled#jobDetailsGold #more_details_sleeve { padding: 8px 10px; background: url(graphics/rounded_box_gradient_top.png) no-repeat top; }
.js-enabled#jobDetailsGold #more_details p { margin: 0; padding: 3px 22px; font-weight: bold; font-size: 1.1em; background: url(graphics/buttons/b_arrow_right.png) no-repeat left; }
/* .js-enabled#jobDetailsGold .extra_content { display: none; } */

/*==Jobs Pages==*/
.jobsDetailsTabs { list-style: none; padding: 0; margin:0; }
.jobsDetailsTabs:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.jobsDetailsTabs li { float: left; background: url(graphics/taboff_left.png) no-repeat left top; margin-right: 10px; }
.jobsDetailsTabs li a { display: block; width: 11.6em; background: url(graphics/taboff_right.png) no-repeat right top; padding: 8px 0 5px 10px; border-bottom:0; font-weight: bold; font-size: 1.09em; color: #959595; }
.jobsDetailsTabs li.on { background-image: url(graphics/tabon_left.png); position: relative; top:1px;}
.jobsDetailsTabs li.on a { color: #000; background-image: url(graphics/tabon_right.png); }
.jobsDetailsTabs li a:hover { background-color: transparent; }
.jobDetails_content { background: url(graphics/tabscontent_bg.png) no-repeat left top; padding: 15px 0 0 0; margin:0; clear: both; }
.jobDetails_content .schoollogo { float: right; margin-bottom: 15px; margin-left: 10px;}
.jobDetails_content .storytext { margin: 0 10px; }
.jobDetails_content h1 { margin: 0 0 15px 0; padding:0; line-height: 1em; color: #ed1a3a; }
.jobDetails_content .summarytext { font-weight: bold; }
.jobInformation { float: right; clear: right; background: url(graphics/border_dotted_vertical.png) repeat-y left top; font-size: .925em; margin: 0 0 20px 20px; padding-left: 20px; }
.jobInformation dl { margin: 0; width: 280px; }
.jobInformation dl:after {content:"."; visibility: hidden; height:0; display: block; clear: both;}
.jobInformation dt { float: left; clear: left; color: #959595; width: 100px; margin-bottom: 10px; margin-right: 5px;}
.jobInformation dd { margin-bottom: 10px; float: left; width: 165px;}
.storytext .jobInformation dd {margin-left: 0;}
.storytext .jobInformation dd a {display: block; width: 165px; overflow: hidden; text-overflow: ellipsis;}
.storytext .extra_content h2, .extra_content .storytext h2 { font-size: 1.69em; color: #ed1a3a; }

/* Jobs with no description */
.jobInformationLeft { float: left!important; margin-left: 0; padding-left: 0; background: none; }

.storytext .jobInformationLeft {background: none; width: 100%;}
.storytext .jobInformationLeft dl { width: auto; }
.storytext .jobInformationLeft dd { width: 75%}

/* contact info block */
.contact { background-color: #fff; background-position: bottom right; background-repeat: no-repeat; clear: both; margin-top: 15px;}
.contact_top { background: url(graphics/rounded_box_bottom.png) no-repeat bottom; }
.contact_sleeve { background: url(graphics/rounded_box_top.png) no-repeat top; padding: 15px; margin: 0 0 25px; }
.contact p, .contact dl, .contact .downloads { font-size: 1.09em; }
.contact h2 { margin: 0 0 10px 0; color: #ed1a3a; }
.contact dl { margin: 10px 0 0; line-height: 16px;}
.contact dl:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.contact dt { color: #959595; float: left; clear: left; width: 100px; }
.contact dd { margin: 0 0 5px 100px; }

.contact .downloads { background: url(graphics/border_dotted.png) repeat-x top; padding: 10px 0 0 0; margin: 10px 0 0 0; }
.contact .downloads li, #extras .downloads li { margin: 0; padding: 0 0 10px 48px; list-style: none; background: url(graphics/download_icon_grey.png) no-repeat 0 3px; _background-image: url(graphics/download_icon_grey.gif); } /* :hack: non-alpha graphic for IE6 */
.contact .downloads li a, #extras .downloads li a { font-weight: bold; border-color: #fff; }
.contact .downloads li a:focus, .contact .downloads li a:hover, #extras .downloads li a:focus, #extras .downloads li a:hover { border-color: #4f4d45; }
.contact .downloads li span, #extras .downloads li span { display: block; margin-top: 3px; }
.contact .downloads li span img, #extras .downloads li span img { vertical-align: -3px; }
.contact, .contact_top { padding-bottom: 0; }

/* SAVED JOB POPUP */
#saveJobMessage { position: absolute; padding: 10px; border: 1px solid #ccc; background: #fff; }

/* complete print template */
#complete_print #mast { min-height: 110px; _height: 110px; }
#complete_print .mast_logo { position: static; margin: 20px; }
#complete_print #main { background: none; }
#complete_print #content { float: none; width: auto; }
#complete_print h1, #complete_print h2, #complete_print h3 { color: #000; }

#complete_print .jobDetails_content { background: none; }
#complete_print .storytext { margin: 0; }
#complete_print .contact_top { background: none; }
#complete_print .contact_sleeve { border: 1px solid #959595; -moz-border-radius: .5cm; border-radius: .5cm; background: none; }

#complete_print .local_info { background: none; width: 514px; padding: 0; }
#complete_print .local_info * { margin-left: 0; margin-right: 0; }
#complete_print #mapviewer img { display: block; }
#complete_print #map_show, #complete_print .jobsDetailsTabs, #complete_print #journey_planner, #complete_print #local_amenities { display: none; }

/* Print Job Popup */
#content.jobpopup .smallleft { display: inline; background: #CCC; }
#content.jobpopup .largeright { display: inline; background: #CCC; }

div#TB_title {float: right; border: none; height: auto; width: 100px;}
#TB_iframeContent {clear: none; border: none; overflow: hidden;}

/* awards */
#awardsContainer {background: url(graphics/rounded_box_bottom_610.png) no-repeat bottom left; margin-bottom: 15px; }
#awardsContainer_sleeve {background: url(graphics/rounded_box_top_610.png) no-repeat top left; padding: 10px 10px 0 10px;}
#awardsContainer_sleeve:after {content: "."; visibility: hidden; height:0; display: block; clear: both;}
#awardsContainer_sleeve a {border: 0;}
#awardsContainer_sleeve a:hover img {opacity: .6; filter:alpha(opacity=60);}
#awardsContainer_sleeve img {border: 1px solid #eaeaea; float: left; margin:0 10px 10px 0; display: inline;}

/*my alerts*/
#myalerts .bronze h3 {margin: 0 10px; background:none;}
#myalerts .jobsSearchResults .snippet, #myalerts .jobsSearchResults .info {margin-left:0;}
#myalerts .jobsSearchResults .schoolDetails a {color: #4f4d45; border-color: #4f4d45;}

/* Gold Jobs with no chosen heading colour */
.jobDetailsGold H1, .jobDetailsGold H2, .jobDetailsGold H3, .jobDetailsGold H4	{
	color: #4F454D;
}

/* == jobsCategoryIndex.aspx == */
#jobsIndex .sections.p2_l2 .sections_sleeve {padding: 6px 18px 25px 16px;}

/* == jobsCategoryList.aspx == */
#jobsIndex .jobsSearchResults.gold .jobsSearchSleeve h3 {padding-bottom:0}
#jobsIndex .jobsSearchResults.gold .jobsSearchSleeve {background-image: url(graphics/jobsIndex_gold_bottom.png)}
#jobsIndex .jobsSearchResults.gold .focussed .jobsSearchSleeve {background-image: url(graphics/jobsIndex_gold_bottom_focus.png)}
#jobsIndex .jobsSearchResults.silver .jobsSearchSleeve h3 {padding-bottom:0}
#jobsIndex .jobsSearchResults.silver .jobsSearchSleeve {background-image: url(graphics/jobsIndex_silver_bottom.png)}
#jobsIndex .jobsSearchResults.silver .focussed .jobsSearchSleeve {background-image: url(graphics/jobsIndex_silver_bottom_focus.png)}
#jobsIndex .jobsSearchResults.bronze .jobsSearchSleeve h3 {padding-bottom:0}