/* CSS Document */

#jobs #maincol { font-size: 1em; }
/*#jobs p a { font-family: Arial, Helvetica, sans-serif; }*/

/* Change of grid for jobs */

#jobs .style2 .twocolumn .col1 {width:49% !important; float: left; padding: 0 !important;}
#jobs .style2 .twocolumn .col2 {width:49% !important; float: right; padding: 0 !important;}

#jobs .picstory .sleeve {padding:0;}
#jobs ul.storylist { list-style: none; }
#jobs.indexpage .storytext p { padding-left: 0; }
#jobs p.more { font-family: Arial, Helvetica, sans-serif; }

#jobs #rightcol_mpus { float: right; text-align: center; background: #F2F2F2; width: 366px; padding-top: 0 !important; }
#jobs #section2_maincol2 { padding: 34px 15px 0 !important; background: #F2F2F2; _padding-left: 13px !important; _padding-top: 25px; }
#jobs #section2_maincol2 .ad.shadow {background: url(/magazine/graphics/bgn_rightcol_shadowad.gif) no-repeat 13px 0; padding: 2px 0 6px 0; margin: 0 -15px 20px;}
#jobs #section2_maincol2 .ad.shadow img { margin: 0 15px; }
#jobs #rightcol_mpus .ad.shadow {margin-bottom: 20px; }
#jobs #section2_maincol2 .colour3 { margin-bottom: 20px; }

/* Jobs Top navigation */

#menu .last a {background-image: none !important;}
#rightmenu .first a {background-image: none !important;}

/* My THE login styles now in screen.css */
/*#thelogin { clear: both; position: relative; float: left; margin: 0 0 -32px 12px; height: 32px; line-height: 32px; width: 575px; font-size: 0.9em; padding: 0; background: #fff; z-index: 10; }
#thelogin span { padding-right: 8px; margin-right: 8px; border-right: 1px solid #333; }*/

/* Searchform styles --------------------------------------------- */
fieldset { margin: 0; padding: 0; border: none;}
legend {display:none;}
.searchbox {padding: 0 10px 10px; margin:0;}
.searchbox p { zoom: 1; margin:5px 5px 5px 0; padding: 0 !important; width: 49%; float: left;}
.searchbox input.text, .searchbox select, .searchbox textarea { font: .9em Arial, Helvetica, sans-serif; }
.searchbox .labelnormal { color: #666; font: bold 1em Arial, Helvetica, sans-serif;}
.searchbox .labelsmall { color: #666; font: bold 0.9em Arial, Helvetica, sans-serif; line-height: 18px;}
.searchbox .selectnormal, .searchbox .inputnormal { padding-left:3px; font: .95em Arial, Helvetica, sans-serif; z-index: 20;}
.searchbox .boxnormal {font-size: .95em; padding-left:3px;}
.searchbox .width0 {width:25px;}
.searchbox .width1 {width:90px; display: block; float: left;}
.searchbox .width2 {width:165px; display: block; float: left;}
.searchbox .searchbutton { float: right; margin-right: 16px; }
#jobs .formbox .floatleft { margin-top: 3px; }
#jobs .formbox .floatleft #e3 {margin: 0 4px 0 0;}
#jobs .formbox .floatleft #terms {margin: 0 4px 0 0;}


/* Category browse styles */
#jobs .categories { margin: 0 0 14px; padding: 0 10px; font-size: 0.95em; float: left; }
#jobs .categories.last { margin: 0; }
#jobs .categories h2 { font-size: 1.2em; }
#jobs .categories ul { margin: 5px 0 0 0; padding: 0; float: left; width: 550px; list-style: none; line-height: 1.7em; }
#jobs .categories li { margin: 0; padding: 0 0 0 20px; width:160px; float:left; background:url(/magazine/graphics/arrow_red.gif) no-repeat 0 5px; }
#jobs .categories li.header { font-weight:bold; background:none transparent; padding-left:0; width: 550px; }

/* Category browse styles in right column */
#jobs .related .categories, .indexpage .related .categories { margin: 0 0 14px; padding: 0; font-size: 1em; float: left; background:url(/magazine/graphics/jobs_categories.gif) no-repeat 165px 10px }
#jobs .related .categories a, .indexpage .related .categories a { font-weight: normal; }
#jobs .related .categories.last, .indexpage .related .categories.last { margin: 0; }
#jobs .related .categories h2, .indexpage .related .categories h2 { font-size: 1.2em; }
#jobs .related .categories ul, .indexpage .related .categories ul { margin: 5px 0 10px 0; padding: 0 0 0 10px; float: left; width:156px; list-style: none; line-height: 1.7em; }
#jobs .related .categories ul.rowstart, .indexpage .related .categories ul.rowstart { clear:left; }
#jobs .related .categories li, .indexpage .related .categories li { margin: 0; padding: 5px 10px; background:none transparent; color: #999; width: 130px; }
#jobs .related .categories li.header, .indexpage .related .categories li.header { font-weight:bold; background:none transparent; padding-left:0; padding-bottom:0; }
#jobs .related .categories li.header a, .indexpage .related .categories li.header a { font-weight: bold; }

#jobs ul.femployer { margin: 0 0 15px 0; padding: 0 5px; list-style: none; float: left; }
#jobs ul.femployer li { background: none; margin: 0; float: left; width: 150px; height: 75px; display: block; padding: 10px 6px 0; line-height: 1.05; }
#jobs ul.femployer li a { color: #666; line-height: 1.05; font-size: 0.9em; text-decoration: none; }
#jobs ul.femployer li a:hover { text-decoration: none; color: #E40428; }

#jobs #section2_maincol2 .colour3 .sectionhead { margin-bottom:5px; }
#jobs ul.fjob { margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 0.9em; }
#jobs ul.fjob li { background: none; margin: 0 10px 10px; display: block; padding: 0 0 10px; line-height: 1.2; border-bottom: 1px solid #ccc; }
#jobs ul.fjob li a { font-weight: bold; }
#jobs ul.fjob li a:hover { color: #E40428; }

#jobs .jobalert { height: 178px; margin: 0; }
#jobs .jobalert h2 { margin-bottom: 0; color: #fff; }
#jobs .jobalert h3 { padding: 0; margin: 5px 0 0 10px; font-size: 1.1em; }
#jobs .jobalert p { margin: 0; padding: 10px 98px 10px 10px; }
#jobs .jobalert .top { background: #fff url(/magazine/graphics/bgn_jobs_alert.gif) repeat-y 0 0; #margin-top: -20px; }
#jobs .jobalertimg { float: right; margin-top: -22px; position: relative; }
#jobs .jobalert .alertlabel { font-weight: bold; padding: 3px 10px; font-size: 0.9em; float: left; position: relative; }
#jobs .jobalert .textbox { width: 70px; font-size: 0.9em; line-height: normal; margin-bottom: 4px; }
#jobs .jobalert .searchbutton { position: relative; }

#jobs #maincol .searchbox { zoom:1; }
#jobs #maincol .searchbox:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: clearing floats for standards compliant */

/* searchresults ------------------------------------------------ */
.results {margin-bottom: 25px; font-size: 1.1em;}
.results ul { list-style: none; }
.results li {clear: both; position: relative; border-top: #ccc 1px solid; padding: 5px 10px 5px 10px; background: none; margin: 0; }
.results li h2 {font-size: 1.06em;}
.results li.gold h2, .results li.silver h2 {font-size: 1.5em;}
.results li h2 a { color:#004F9F; }
.results li p { font-size: 0.9em; padding-right: 130px; font-family: Arial, Helvetica, sans-serif; }
.results li.gold { border: #004f9f 2px solid;margin: 0 0 30px 0; background: #e5edf5 !important; }
.results li.silver {  margin: 0 0 30px 0; border: #004f9f 1px solid; }
.results li .clear {margin: 0; padding: 0; font-size: 0.01em; display: block; height: 5px;}
.results li .employer {margin: 0; text-transform: uppercase; padding-bottom:0; }
.results li .employer a { font-size: 0.9em; text-transform: none; margin-top: 5px; color: #E40428; }
.results li .employer a:hover { text-decoration: none; color: #000; }
.results li .info { margin: 0 0 0; font-family: "Times New Roman", Times, serif; }
.results li.gold .info, .results li.silver .info { margin: -7px 0 0; }
.results li .info2 { margin: 0; padding: 0; }
.results li .logo {float: right; display: block; margin: 0 0 0 10px !important; padding: 0; position: relative; width: 128px; text-align:right;}
.results li.gold .logo, .results li.silver .logo { width:150px; }
.results li .logo img { margin-top: 5px;}
.results li.gold .logo img, .results li.silver .logo img { margin-top:10px }
.results li .logo .new {margin: 0 0 0 0 !important; width: 128px;}
.results .gold .employer, .results .silver .employer { margin:0 0 3px 0; }

/* Jobs search results page */
#jobs .savesearch { background: #eee; margin-bottom: 15px;  font-size: .9em; position: relative; height: 26px;}
#jobs .savesearch ul {position: relative; top: 4px; left: 5px; margin: 0; padding: 0;}
#jobs .savesearch ul li {display: block; border-right: #999 1px solid; position: relative; float: left; margin-right: 8px; padding-right: 8px;}
#jobs .savesearch ul li a {  color: #000; text-decoration: none;}
#jobs .savesearch ul li a span{text-decoration: underline; }
#jobs .savesearch ul li a:hover span {text-decoration: none;}
#jobs .savesearch ul li.last { border: 0; padding: 0; margin: 0; }
#jobs .savesearch ul li.last a { font-weight: normal;}
#jobs .savesearch ul li a img { position: relative; margin-right: 6px; top: 3px; text-decoration: none;}

/* pagetools */
#pagetools.backnext #pagetools2 { top: 5px; }
#pagetools.backnext #pagetools2 a { background: none; padding: 0 1px; margin-left: 1px; }
#pagetools.backnext #pagetools2 a.selected { background-color: #E40428; color: #fff; text-decoration: none; }

/* Refine search */
#jobs .refinesearch { font-size: .9em; margin: 10px 10px 0; }
#jobs .refinesearch h3 { font-size: 1.3em; margin-top: 5px; }
#jobs .refinesearch p { font-family: Arial, Helvetica, sans-serif; margin-bottom: 4px; width: 95%; }
#jobs .refinesearch ul { margin: 0; padding: 0 0 10px; list-style: none; border-bottom: 1px solid #ccc; }
#jobs .refinesearch ul li {display: block; padding-right: 8px;}
#jobs .refinesearch ul li a {  color: #000; text-decoration: none;}
#jobs .refinesearch ul li a span{text-decoration: underline; }
#jobs .refinesearch ul li a:hover span {text-decoration: none;}
#jobs .refinesearch ul li a img { position: relative; margin-right: 6px; top: 3px; text-decoration: none;}
#jobs .refinesearch .searchbutton { margin-left: 90px; float: none; }
#jobs .refinesearch .searchbox .width2 {width:180px; display: block; float: left;}

/* Jobs Ticker */
#jobs .related { border-color: #004F9F; margin: 0 0 20px; text-align: left; }
#jobs .related h2 { background-color: #004F9F; margin-bottom: 0; }

/* Save search */
#jobs .mobile { clear: left; }
#jobs .mobile h2 { font-size: 1em; padding-left: 0; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #999; }

/* Jobs Details page ---------------------------------------------------------------------------- */
#jobs .jobslinks { background: #eee; margin: 20px 0 20px 0; font-size: 1.1em; position: relative; height: 36px; line-height: 36px; }
#jobs .jobslinks ul { margin: 0; padding: 0 0 0 15px; }
#jobs .jobslinks ul li {display: block; position: relative; float: left; margin-right: 8px; padding-right: 8px;}
#jobs .jobslinks ul li a { font-weight: bold; color: #333; text-transform: capitalize; text-decoration: none;}
#jobs .jobslinks ul li a:hover {text-decoration: underline;}
#jobs .jobslinks a img { float: left; margin: 3px 5px 0 0; }
#jobs .details { padding: 10px !important; background-color: #ccdcec; }


#jobs .details p { padding: 2px 0; margin: 0; font-family: Arial, Helvetica, sans-serif; clear: left; }
#jobs .details h1 { font-size: 1.8em; padding: 0; color: #004f9f; }
#jobs .details img { float: right; }
#jobs .details label { width: 90px; padding-right: 5px; display: block; float: left;}
#jobs .details strong { float: left; }
#jobs .text { padding: 12px; }
#jobs .text ul {font-family: Georgia,"Times New Roman",Times,serif}
#jobs .leadstorypic .text, #jobs .leadstory .text { padding: 0; }
#jobs .text h2 { font-size: 1.5em; font-weight: bold; }
#jobs .text p { padding: 5px 0; margin-bottom: 0; font-size: 1em; }
/*#jobs .text p br { display: none; clear: none; }*/
#jobs .text p strong { font-size: 1.1em; }
#jobs .text p.hilite { font-size: 1.1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#jobs .print, #jobs .apply { display: block; width: 125px; height: 45px; margin-top: -12px; float:right; }
#jobs .print a, #jobs .apply a { display: block; width: 85px; height: 43px; background: url(/magazine/graphics/jobs_button_1_w.png) no-repeat left top; color: #fff; font-size: 1.1em; line-height: 1.3; font-weight: bold; padding: 2px 35px 0 5px; }
* html #jobs .print a, * html #jobs .apply a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/magazine/graphics/jobs_button_1_w.png', sizingMethod='scale');} /* hack; make png transparent in IE6 and lower */
#jobs .print a { background-image: url(/magazine/graphics/jobs_button_2_w.gif); height: 35px; padding-top: 10px; }
#jobs .details .print { margin-top: 0; }
#jobs .details .apply { margin-top: -25px; }
#jobs .details .apply a { background-image: url(/magazine/graphics/jobs_button_1_g.png); }
* html #jobs .details .apply a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/magazine/graphics/jobs_button_1_g.png', sizingMethod='scale');} /* hack; make png transparent in IE6 and lower */
#jobs .details .print a { background-image: url(/magazine/graphics/jobs_button_2_g.png); }
* html #jobs .details .print a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/magazine/graphics/jobs_button_2_g.png', sizingMethod='scale');} /* hack; make png transparent in IE6 and lower */
#jobs .details .clear {clear: both;}
#jobs p.back { float: right; display: inline; margin: -35px 10px 0 0; }
#jobs p.back a { color: #fff; }
#jobs p.back a:hover { color: #fff; }
#jobs.jobdetails .sectionhead, #jobs.employerdetails .sectionhead { background-color: #004f9f; margin-top: 10px; }

#jobs .sidedetails { background: #fff url(/magazine/graphics/bgn_rightcol_shadow.gif) no-repeat left top; width: 342px; display: block; margin: 0 -6px 20px 0; padding: 0; }
#jobs .sidedetails .sleeve { margin: 0; padding: 12px 16px 16px 10px; background: url(/magazine/graphics/bgn_rightcol_shadow_b.gif) no-repeat left bottom; width: 316px; }
#jobs .sidedetails .sectionhead { background: #004f9f; color: #fff; padding: 1px 10px; margin-top: 0; }
#jobs .sidedetails p { margin: 0; padding: 0 10px; font-family: Arial, Helvetica, sans-serif; }
#jobs .sidedetails p img { padding: 10px 0; }
#jobs .sidedetails h2 { padding: 8px 10px; font-size: 1.5em; }
#jobs .sidedetails hr { margin: 10px 0; _margin: 1px 0; padding: 0; clear: left; }
#jobs .sidedetails p.description { font-size: 0.95em; line-height: 1.3; }
#jobs .sidedetails .sidebutton { display: block; width: 315px; height: 30px; margin-top: 10px; }
#jobs .sidedetails .sidebutton a { display: block; width: 270px; height: 28px; background: url(/magazine/graphics/jobs_button_2.gif) no-repeat left top; color: #fff; font-size: 1.1em; line-height: 1.5; font-weight: bold; padding: 2px 35px 0 10px; }
#jobs .sidedetails a { line-height: 1.7; font-size: 1.1em; font-weight: bold; }
#jobs .sidedetails .iconlink img { float: left; margin: 0 10px; }
#jobs .sidedetails .iconlink { line-height: 3; font-weight: bold; }
#jobs .sidedetails a.iconlink { line-height: 2; }
#jobs .sidedetails ul { margin: 10px 0 0 10px; padding: 0; list-style: none; clear: left; }
#jobs .sidedetails .note {font-size:0.9em; margin: 5px 0; line-height:1.15em; padding: 5px 10px;}
#jobs .sidedetails li .note {font-size:1em; margin:0 0 5px 0; padding:0; }
#jobs .sidedetails li .note img {vertical-align:-6px; margin-right:3px; padding: 0;}
#jobs .sidedetails li {font-size: 0.9em; line-height: 1.2em;}
#jobs .sidedetails li a { font-size: 1em; }
#jobs .sidedetails label { width: 90px; padding-right: 5px; display: block; float: left;}

#jobs h1 { font-size: 2em; }

/* Jobs Category pages */
#jobs.category .storytext p { padding-left: 0; }

/* My Account Pages */
#jobs.myaccount .catchline {padding-bottom: 5px; margin-top: -3px; padding-left: 10px;}
#jobs.myaccount .catchline p { font-size: 1em; font-weight: normal; }
#jobs.myaccount .mysection {  margin-top: 23px; padding-left: 10px;}
#jobs.myaccount .mysection img {position: relative; top: -7px; left: 7px; float: left;}
#jobs.myaccount .mysection h2 { font-size: 1.2em; background-color: #CCDCEC; padding: 3px 10px 3px 70px; text-transform: uppercase; }
#jobs.myaccount .mysection .info {color: #333; font-size: 1em; padding: 0 10px 0 70px; margin: 5px 0; display: block;}
#jobs.myaccount .mysection .more {margin: 0 0 2px 0; padding-right: 10px;}
#jobs.myaccount .mysection .more a { color: #000; font-weight: bold;}
#jobs.myaccount .mysection .more a:hover {color: #E40428;}

/* Other my jobs pages */
#jobs.mypages .storytext h1 { position: relative;}
/*#jobs.mypages #rightcol {margin-top: 0px;}*/
#jobs.mypages .tableholder { margin: 15px 0; }
#jobs.mypages .mysectiontable {width:100%; font-size:1em; margin: 0;color: #637174; background-color: #fff;}
#jobs.mypages .mysectiontable td {border-bottom: #CCDCEC 1px solid; padding: 15px 10px 10px 10px;}
#jobs.mypages .mysectiontable .alt { background-color: #fff; }
#jobs.mypages .mysectiontable ul { float: right; margin: 0; padding: 0; list-style: none;}
#jobs.mypages .mysectiontable li { float: left; margin-right: 5px; padding-right: 5px;border-right: #666 1px solid;}
#jobs.mypages .mysectiontable li.last {margin: 0; padding: 0; border: 0;}
#jobs.mypages .mysectiontable li a {color: #666; text-decoration: none;}
#jobs.mypages .mysectiontable li a:hover {color: #E40428; text-decoration: underline;}
#jobs.mypages .mysectiontable .title {color: #000; text-decoration: none; font-weight: bold; font-size: 1.1em;}
#jobs.mypages .mysectiontable .title:hover {color: #E40428; text-decoration: underline;}
#jobs.mypages .mysectiontable .joblive {color: #E40428; font-weight: bold;}
#jobs.mypages .mysectiontable .jobexpired {color: #AAA;}
#jobs.mypages .mysectiontable .info {margin: 0; padding-left: 0; color:#333;}
#jobs.mypages .mysectiontable .line {display: block; padding: 5px 0 5px 5px; background: #eee; margin: 10px 0;}
#jobs.mypages .mysectiontable label {color: #E40428; margin: 0 0 0 5px; font-weight: bold;}
#jobs.mypages .mysection {  margin-top:7px; margin-bottom: 20px;}
#jobs.mypages .mysection img {position: relative; top: -7px; left: 7px; float: left;}
#jobs.mypages .mysection h2 { font-size: 1.2em; background-color: #CCDCEC; padding: 3px 10px 3px 70px; text-transform: uppercase; }
#jobs.mypages .mysection .info {padding: 0 10px 0 10px; margin: 50px 0 0 0;}
#jobs.mypages .add { margin-top: 20px; }

#jobs .storylist .col { width: 49%; float: left; margin-right: .5%; }

/* package styles */
#jobs.gold .details {  background-color: #ccdcec; }
#jobs.jobdetails label, #jobs.employerdetails label {width: 11em; }
#jobs.jobdetails span strong, #jobs.employerdetails span strong { width:20em; }
#jobs.gold .jobslinks { margin-bottom: 10px; }
#jobs.silver .details {  background-color: #f2f2f2; }
#jobs.bronze .details {  background-color: #fff; border-bottom:1px solid #ccdcec; }