/* CSS Document */


img { behavior: url(/includes/iepngfix.htc); }

body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#646464; background-image:url(/images/body_strip.jpg); background-repeat:repeat-x; margin:auto; text-align:center; line-height:15px; background-color:#FFF;}
.innerDivRhtBG{ background-image:url(/images/header_bg_rht.jpg); width:100%; background-position:top right; background-repeat:no-repeat;overflow:hidden;}
body div{}/*Use to debug structure*/

h1{ font-size:18px; color:#565656; margin-top:20px;}
h2{ font-size:11px; margin-bottom:5px;}
h3{ padding-bottom:5px;}
a{ color:#3D3D3D;}
ul {list-style-type:none; margin:0; padding:0 }
strong{ float:left; margin:10px 0 10px 5px; width:100%;}
.pointer{ cursor:pointer;}
.viewalljobsbottomHolder{ text-align:center; float:left; width:100%; margin:15px 0 10px 0}
.viewalljobsbottomHolder a { margin:auto;}




ul li a{ text-decoration:none; color:646464;}

a img{ border:none;}

p{ line-height:18px}

.fields{margin:0px 0 0px 10px; color:#0053A0; font-weight:bold;}
.fields label{ width:100%; float:left; margin-left:0px; margin-top:5px}
.fields .control{ width:155px; margin-bottom:10px; float:left;}
.salarycontrol{ width:73px; float:left; margin-left:20px;}
.salarycontrollabel{ width:5px; margin-left:10px; float:left; text-align:center;}
.gradientBoxBody img{ float:right;  margin:20px 20px 0 0px;display:inline;}
.gradientBoxBody .largeSelectBoxes{ width:127px; float:left; margin-left:20px}
.gradientBoxBody .SearchSelectBox{ width:230px; float:left; margin-left:20px}
.gradientBoxBody label{ color:#0053A0; font-weight:bold;}
.gradientBoxBody .searchheaders{  width:200px; float:left;margin:10px 0 0 20px}

/*Structure*/
.pageWrapper{ width:1018px; overflow:visible; text-align:left; margin:auto; position:relative;}
.pageHeader{ width:100%; height:177px; float:left; overflow:hidden; background-repeat:no-repeat; background-image:url(/images/header_bg.jpg); background-position:top center; position:relative; text-align:center;}
.pageHeader .logo{ float:left; margin:20px 0 0 30px;display:inline;}
.pageHeader h1{ font-size:11px; color:#FFFFFF; margin:100px 0 0 480px; font-weight:normal; width:200px}
.headerNavigation{ width:621px; height:28px;  float:left; background-image:url(/images/header_navigationbg.png); background-repeat:no-repeat; behavior: url(/includes/iepngfix.htc); margin-top:112px}
.headerNavigation ul{ padding:0; margin:0 0 0 56px; overflow:hidden; height:28px; width:505px; float:left}
.headerNavigation ul li{ background-image:none; float:left;padding:0; margin:1px 0 0 0; background-image:url(/images/header_navigation_dividerbg.jpg); background-position:right top; height:28px; background-repeat:no-repeat;}
.headerNavigation ul li a{ color:#FFFFFF; float:left; height:28px; width:auto; overflow:hidden; padding:0; margin:5px 15px 0 15px; font-size:11px; text-decoration:none;}
.headerNavigation ul li a:hover{ text-decoration:underline;}


.colGen{ height:auto; float:left;}
.leftCol{ width:262px; overflow:visible;}
.midCol{ width:497px; margin:0 9px 0 8px;display:inline; padding-bottom:20px}
.innerMidWrapper{ width:447px; margin-left:26px; overflow:hidden; clear:both;}
.rightCol{ width:235px}
.footer{ width:100%; float:left;}


/*Section Structure*/
.sectorHeaderWrapper{ float:left; width:498px; overflow:hidden;}
.sectorHeaderWrapper img { border:none; vertical-align:bottom; height:144px;}
.sectorHeaderWrapper .sectorHeaderBGStrip{ height:3px; background-position:left; overflow:hidden;}

.exec_headerbg{ background-image:url(/images/horizontal_strips/exec_search_selection.jpg);}
.engineering_headerbg{ background-image:url(/images/horizontal_strips/engineering_and_technical.jpg);}
.rail_headerbg{ background-image:url(/images/horizontal_strips/rail.jpg);}
.civil_headerbg{ background-image:url(/images/horizontal_strips/civil.jpg)}
.information_headerbg{ background-image:url(/images/horizontal_strips/information_technology.jpg)}
.salesmarketing_headerbg{ background-image:url(/images/horizontal_strips/sales_and_marketing.jpg)}
.financeandpensions_headerbg{ background-image:url(/images/horizontal_strips/finance_and_pensions.jpg)}
.utilities_headerbg{ background-image:url(/images/horizontal_strips/utilities.jpg); }
.medical_headerbg{ background-image:url(/images/horizontal_strips/medical_devices.jpg)}
.HLS_headerbg{ background-image:url(/images/horizontal_strips/hls.jpg)}
.generic_headerbg{background-image:url(/images/forms/applicationStripHeader.gif); background-position:top;}

 .sectorLatestJobsBGStrip{height:3px; background-position:left;overflow:hidden; float:left; width:100%;}
.latestJobsBar{ width:100%; float:left; height:31px; background-repeat:repeat-x; background-image:url(/images/latest_jobs_bg.jpg); background-repeat:repeat-x; font-size:12; color:#606060; font-weight:bold; text-indent:10px; }

.latestJobsBarSector{ width:100%; float:left; height:31px; background-repeat:repeat-x;background-repeat:repeat-x; font-size:12; color:#606060; font-weight:bold; text-indent:10px; background-image:url(/images/latestJobsSectors.jpg); background-repeat:repeat-x; line-height:30px; overflow:hidden; margin-bottom:0px;}

.latestJobsWrapper{ float:left; overflow:hidden; background-repeat:no-repeat; width:430px; overflow:hidden; margin:5px 0 0 7px; height:auto; display:inline;}
.latestJobsWrapper .header{ background-image:url(/images/sectors_generic/jobs_header.jpg); height:21px; color:#FFFFFF; line-height:20px; float:left; font-weight:bold; width:100%; border-top:solid 3px #4C4C4C; padding-bottom:2px; }




.latestJobsWrapper .header a{ color:#FFFFFF; text-decoration:none;}

.latestJobsWrapper .header .title{ width:250px; float:left; margin-left:11px}
.latestJobsWrapper .header .jobtype{ width:130px; float:right; text-align:right; margin-right:11px;}
.latestJobsWrapper .body{ background-color:#F1F1F1; float:left; width:100%; margin-top:3px; border-top:solid 3px #BCBCBC; border-left:1px solid #BCBCBC;background-image:url(/images/sectors_generic/bottm_right_arrow.gif); background-position: right bottom; background-repeat:no-repeat;}
.jobSummary{ margin:15px 15px 15px 15px; float:left; width:380px;}
.latestJobsWrapper .latestjobsBottom{ float:right; color:#3A3A3A; font-weight:bold;}
.latestJobsWrapper .latestjobsBottom .locations{ line-height:22px; margin-left:10px; float:left; width:130px;text-align:left; }
.latestJobsWrapper .latestjobsBottom .salary{ line-height:22px; margin-right:20px;  width:260px;  float:right;text-align:right;}

/*Gradient Boxes Left Column*/
.gradientBoxWrapper{ width:262px; float:left; margin-bottom:20px; background-image:url(/images/revised_gradient_panels/tek_panel_bg.jpg)}
.gradientBoxWrapper div{ width:100%; float:left;}
.gradientBoxTop{background-image:url(../images/revised_gradient_panels/tek_panel_top.jpg); height:69px}
.gradientBoxTop img{ margin:15px 0 0 10px;display:inline;}
.gradientBoxBody{ height:auto; overflow:hidden; padding:10px 0px 10px 0px; background-position:bottom; background-image:url(../images/revised_gradient_panels/tek_panel_btn.jpg); background-repeat:no-repeat; float:left;}

.latestjobsBottom{ height:25px; width:430px; border-top:solid 1px #C8C8C8;}
.latestjobsBottom .locations{ width:88px;}
.gradientBoxBottom{ height:20px; width:100%;}

/*Email Alert Box*/
.emailAlertWrapper{ background-image:url(/images/email_alerts_bg.jpg); height:137px; position:relative; right:0px; float:left; width:265px;margin-bottom:20px; z-index:0;}
.emailAlertWrapper .arrow{position:absolute; right:5px; bottom:13px; float:right; margin-right:8px;}
.emailAlertWrapper .email_alerts{ position:absolute;  top:-5px; left:-10px; z-index:1}
.emailAlertWrapper p{ width:230px; margin:55px 0 0 15px; float:left; color:#434343;}
.emailAlertWrapper span{ position:absolute; right:32px; top:104px}
.emailAlertWrapper a{ text-decoration:none;}

/*Search Results Page*/
.searchHeaderBGStrip{ height:3px; background-position:left; overflow:hidden; float:left; width:100%;}
.searchPageResultWrapper{ background-image:url(/images/search_results_pagebarbg.jpg); background-position:top; background-repeat:no-repeat; background-color:#E1E1E1;}
.searchPageBarBottom{ background-image:url(/images/search_results_pagebarbgbtm.jpg); background-position:bottom; background-repeat:no-repeat; width:100%; overflow:hidden;}
.searchPageBarBottom p{ width:300px; float:left; margin:10px 0 10px 0;}


.searchResultsWrapper{ float:left; margin:10px 0 0 5px; background-image:url(/images/search_results_summary_bg.jpg); background-repeat:repeat-y; width:436px;}
.searchResultHeader{ width:436px; border-top:solid 2px #4C4C4C; border-left: solid 1px #4C4C4C; background-color:#626262; color:#FFFFFF; font-weight:bold; overflow:hidden; padding-bottom:5px}
.searchResultHeader .title{ margin: 3px 0 3px 18px; width:200px; float:left;}
.searchResultHeader .title a{ color:#FFFFFF; text-decoration:none;}
.searchResultHeader .type{ margin:3px 18px 3px 0; width:180px; float:right; text-align:right;}
.locationAndSalaryWrapper{ color:#3A3A3A; font-weight:bold; font-size:10px; float:left; margin-top:5px; width:100%; margin-bottom:10px}
.locationAndSalaryWrapper .location{ float:left; width:180px; margin-left:18px}
.locationAndSalaryWrapper .salary{ float:right; width:200px; text-align:right; margin-right:18px;}
.searchResultSummary{ width:400px; margin:0px 0 23px 18px; }
.searchResultsBtm{ background-image:url(/images/searchResultsBottom.jpg);background-position:top; width:436px; height:25px;text-indent:5px; }
.searchResultsBtm img{ border:none; margin:3px 3px 0 0;}
.searchResultsBtm a {float:right}
.searchpageNavBtn{height:18px; width:22px; float:left; background-repeat:no-repeat; color:#FFFFFF; text-indent:5px; text-decoration:none; padding-top:2px; margin-top:3px; margin-right:5px }
.searchpageNavBtnUnselected{background-image:url(/images/buttons/unselectedpage_btn.gif); padding-top:2px; float:left;}
.searchpageNavBtnSelected{background-image:url(/images/buttons/selectedpage_btn.gif); color:#000000;}
.backandNextButton{height:18px; width:46px; float:left; background-repeat:no-repeat; color:#FFFFFF; text-indent:5px; text-decoration:none; padding-top:2px; margin-top:3px; background-image:url(../images/buttons/next_back_btnbg.gif) }


/*Job details*/
.jobdetailsBtm{ background-image:url(../images/job_details_btm.jpg);background-position:bottom; width:436px; text-indent:5px; border-top:solid 1px #C8C8C8; }
.jobdetailsBtm img{ float:right; margin:20px 10px 10px 5px;}

/*Index body Content*/
.mainLeft{ width:219px; float:left;display:inline; margin-left:12px;}
.mainRight{ width:180px; float:right;display:inline; position:relative; left:11px; height:auto; margin-right:10px}


/*Small Box*/
.firstsmallbox{ margin:24px 24px 24px 27px;}
.secondsmallbox{ margin:24px 0 0 29px;}
.smallBoxWrapper{ background-image:url(/images/smallbox_bg.jpg); width:165px; height:125px; float:left; background-repeat:no-repeat; margin-bottom:20px;display:inline; overflow:visible; z-index:0; cursor:pointer;}

.smallBoxWrapper{position:relative;}
.smallBoxWrapper .arrow{position:absolute; right:10px; float:right;}
*html #arrow2{ right:15px}
.smallBoxWrapper img{ position:relative; bottom:10px; right:5px; z-index:25000;}
.smallBoxhHeadings{ margin-top:20px;}
.smallBoxWrapper div{ margin:0 5px 0 5px; color:#000000; float:right; width:100px; position:relative; right:30px; display:inline;}


.latestJobsPanel{ background-image:url(/images/zig_zag_latestjob_bg.jpg); background-repeat:no-repeat; width:420px;color:#FFFFFF; margin-top:10px; float:left; margin-left:10px; background-color:#020202; height:35px; display:inline;}

.latestJobsPanel a{color:#FFFFFF}
.latestJobsPanel span{ font-size:14px; font-weight:bold;}
.latestJobsPanel h4{  font-size:14px; float:left; margin:10px 0 0 7px;display:inline;}
.latestJobsPanel p{ float:left;margin:10px 0 0 10px}
.latestJobsHomeHeader{overflow:hidden; width:100px; float:left; display:inline;}
.latestJobsHomeHeader p{width:120px; float:left; margin-top:8px;display:inline;}
.scrollingJobsHolder{overflow:hidden; width:305px; float:left; margin:8px 0 0 5px;}
.scrollingJobsHolder span a{ text-decoration:none; font-size:11px; font-weight:normal;}

.latestNewsPanel{ width:420px; height:213px; background-image:url(../images/latest_news_panel.jpg); margin-left:10px;}
.latestNewsPanel h3{ margin:10px 0 20px 10px; float:left; font-size:12px;}


/*News Panels And Pages*/
.newsBody{ position:relative}
.newsLink{ text-align:right; float:right; position:relative; left:40px; top:20px; }
.newsBodyPanel{ float:left; width:190px;margin-left:12px; display:inline; position:relative;  height:120px}
.newsBodyPanel div{ width:100%; margin-top:8px}
.newsHeading { font-weight:bold; color:#43729D; font-size:12px;}
.fullstory {text-align:right; position:absolute; bottom:0; right:0;}
.fullstory a{ color:#43729D; text-decoration:none; }

/*Right Panels*/
.rhtPanel{ width:234px; height:54px; background-repeat:no-repeat; margin-bottom:10px;background-image:url(/images/rightPanel/right_panelunhighlighted.jpg); cursor:pointer; background-position:right top; position:relative;}
.rhtPanel .rhtPanelbody{ float:right; margin-top:10px;display:inline; font-weight:bold; width:226px; }
.rhtPanelbody{ display:inline;}
.rhtPanel div{ width:100%; background-position:right top;}
.stripPanel{ height:3px; background-repeat:no-repeat; float:right; overflow:hidden;}
.engingineeriandTechnicalPanel{ background-image:url(/images/rightPanel/engineering_and_technical.jpg);}
.informationTechnologyPanel{ background-image:url(/images/rightPanel/Information_tech_telecoms.jpg);}
.civilandstructurecontract{ background-image:url(/images/rightPanel/civil_and_structure_contrac.jpg);}
.rail{ background-image:url(/images/rightPanel/rail.jpg);}
.salesandmarketing{ background-image:url(/images/rightPanel/Sales_and_marketing.jpg)}
.financeandpensions{ background-image:url(/images/rightPanel/finance_and_pensions.jpg)}
.utilities{ background-image:url(/images/rightPanel/Utilities.jpg)}
.execserachandselection{ background-image:url(/images/rightPanel/executive_search.jpg);}
.medicaldevices{ background-image:url(/images/rightPanel/medical_devices.jpg);}
.HLS{ background-image:url(/images/rightPanel/hls.jpg);}

/*REC Logo Holder*/
.rhtColImageHolder{ width:100%; text-align:center; float:left; margin:20px 0 0 0}
.rhtColImageHolder img{ float:left; margin:10px 14px 0px 18px; float:left;}

/*Grey Menu Right */
.greyHoverMenu{ background-image:url(/images/greyMenuBg.jpg); width:234px; height:499px; background-repeat:no-repeat;position:absolute; z-index:30000;}
.greyHoverMenu img{ margin:20px 20px 20px 17px; float:left;display:inline;}
.greyHoverMenu h3{ color:#FFFFFF; font-weight:bold; font-size:14px; float:left; margin-left:15px; margin-bottom:5px; height:auto}
.greyHoverMenu p{ text-align:left; color:#FFFFFF;margin-left:15px; width:194px; float:left; display:inline}
.greyHoverMenu a{ color:#FFFFFF; text-decoration:none; text-align:left;; float:left; margin:10px 0 0 15px; display:inline; width:214px;}
.greyHoverMenu a:hover{ color:#FFFFFF; text-decoration:underline; text-align:left;; float:left; margin:10px 0 0 15px;}
.latestJobGreyPanel{ width:214px; background-color:#444444;  color:#FFFFFF;text-align:left; overflow:hidden; float:left; margin:5px 0 0 10px; display:inline;}
.latestJobGreyPanel a{ margin-left:0}
.latestJobGreyPanel	.blackBlock{width:200px; margin-left:7px; font-size:14px; font-weight:bold;margin-top:5px;}
.latestJobGreyPanel .greyBlock{ width:200px; margin-left:7px; background-color:#696767; margin-top:5px; overflow:hidden; }
.latestJobGreyPanel .greyBlock a{ margin:5px; width:200px}
.latestJobGreyPanel .greyBlock a:hover{ margin:5px; width:200px}
.greyBlockBottom{width:100px; float:right; margin:5px 7px 5px 0px;}
.positionVerticalStrip{ position:absolute; top:0; left:0}
.greMenuInner{width:234px; height:499px; position:relative}
.positionVerticalStrip{ position:absolute; top:0; left:0; float:left; margin:0;}

/*footer*/
.footer { width:100%; background-image:url(/images/footerbg_rpt.jpg); background-repeat:repeat-x; color:#FFFFFF; text-align:center;background-color:#2A2D22;}
.footer a {color:#FFFFFF; }
.footer div{ width:980px; background-image:url(/images/footberBottomBg.jpg); background-repeat:no-repeat; height:37px; line-height:30px; margin:auto;}


/*Job application Forms*/
.jobapplicationStrip{ height:6px; width:100%; background-image:url(/images/forms/applicationStripHeader.gif)}
.boxTitle{ width:434px; color:#FFFFFF; height:21px; overflow:hidden; background-image:url(../images/forms/allformHeaders.gif); padding:3px 3px 3px 5px; font-weight:bold; background-repeat:no-repeat; overflow:hidden;margin:25px 0 0 5px;}
table{ background-color:#F6F6F6; width:434px; font-size:11px; text-align:left;color:#3D3D3D; margin-left:5px }
.boxContents{background-color:#F6F6F6; width:434px;font-size:11px; border:solid 1px #757575; overflow:hidden; color:#3D3D3D; padding-top:5px; padding-bottom:5px;margin-left:5px }
.boxContents p{ margin:11px 19px 0 19px; color:#3D3D3D;}
.boxContents select{margin-left:19px;}
.boxContents input{ width:158px; height:22px;}

/*Job Details Forms*/

.searchDetails{background-color:#F6F6F6; padding:10px;border:solid 1px #757575;}
.searchDescription{background-color:#F6F6F6; padding:10px; margin-top:20px;border:solid 1px #757575;}

.topTwentyWrapper{background-color:#FFFFFF; float:left; width:430px; margin:3px 0 0 8px; border-top:solid 3px #FFFFFF; border-left:1px solid #FFFFFF; background-position: right bottom; background-repeat:no-repeat; display:inline; overflow:hidden; height:1px;}
.topTwentyWrapper ul{ padding:0; margin:10px 0 0 10px ; float:left; display:inline;}
.topTwentyWrapper ul li{list-style:none; height:21px; color:#646464; line-height:20px; float:left; font-weight:bold; width:410px;}
.closeButton{height:10px; width:100%; float:left; text-align:center; margin:5px 0 5px 0}

.latestJobsBarSector{ position:relative}
.latestJobsBarSector img{ position:absolute; top:10px; right:10px;}


/*Timesheet Container*/
.timesheetContainer{ background-image:url(/images/timesheet_bg.jpg); background-repeat:no-repeat; width:350px; height:auto;background-position:top; float:left; margin:0 0 20px 40px}
.timesheetContainer_btm{ background-image:url(/images/timesheet_bg_btm.jpg); width:350px; height:auto;background-position:bottom; background-repeat:no-repeat;}
.timesheetHeader{ width:100%; text-indent:10px; line-height:35px; font-weight:bold;}
.filesizeContainer{ width:200px; float:left; border:solid 1px red;}
.timesheetType{ width:80px; float:left; margin:0px 10px 10px 10px;}
.timesheetType img{ position:relative; top:7px;}
.timesheetType span{ position:relative; left:5px; top:5px;}
.timesheetType span a{ text-decoration:none;}

/*Right Hand Column*/
.rightMenu{border:solid 1px #FFFFFF;}
.directionlist li{ background-image:none; padding:0; float:left; width:410px; margin:8px 0 0 4px;}