﻿/********************************************************************************
 Page template overrides
*********************************************************************************/
#page-wrap
{
	margin: 0 auto;
	position: relative;
	width: 770px;
}
.page
{
	width: 770px;
}
.leftCol 
{
    margin-top:34px;
}

#noResults {
    position: relative;
    height: 34px;   /* reserve space - same height as tabs */
}

/********************************************************************************
 Search Criteria section
********************************************************************************/
.search-summary
{
	float: left;
	display: inline;
	width: 579px;
	margin: 0 10px;
}
.search-summary h1
{
	color: #222;
	line-height: 24px;
	font-size: 24px;
}
.search-string
{
    margin: 0 0 -3px;
}
.search-string p
{
	font-size: 14px;
	padding: 14px 0 2px 0;
}
.search-criteria dl dt
{
	float: left;
	width: 100px;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
}
.search-criteria dl dd
{
	float: left;
	line-height: 18px;
	width: 460px;
	margin: 0;
}

/********************************************************************************
 Job Tools section
********************************************************************************/
.job-tools
{
	background-image: url(/img/totaljobs/jobseeker/job-tools-BG.gif);
	width: 164px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.job-tools a, .job-tools a:link, .job-tools a:visited
{
	font-size: 11px;
	font-weight: normal;
	color: #dd5800;
	text-decoration: underline;
}
.job-tools a:hover, .job-tools a:active, .job-tools a:focus
{
	font-size: 11px;
	font-weight: normal;
	color: #dd5800;
	text-decoration: none;
}
.job-tools .top, .job-tools .tl, .job-tools .tr, .job-tools .bottom, .job-tools .bl, .job-tools .br
{
	background-image: url(/img/totaljobs/jobseeker/job-tools-BG.gif);
}
.job-tools .top
{
	height: 1px;
}
.job-tools .tl, .job-tools .tr
{
	width: 9px;
	height: 500px;
	margin-bottom: -500px;
}
.job-tools .inner
{
	margin: 0;
	padding: 0;
}
.job-tools .hd
{
	padding: 5px 0 0 12px;
	color: #000;
}
.job-tools span
{
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.job-tools .bd
{
	margin: 0;
	padding: 7px 0 5px 0;
}
.job-tools ul
{
	margin: 0;
	padding: 0 0 0 6px;
}
.job-tools li
{
	clear: both;
	margin: 0;
	padding: 3px 1px; /* needs enough padding to show focus outline */
	list-style-type: none;
	overflow: hidden;
	_zoom: 1;
}
.job-tools a
{
	background: transparent url(/img/totaljobs/jobseeker/job-tools-results-icons.gif) no-repeat scroll left top;
	height: 21px;
	line-height: 21px;
	padding-left: 26px;
	float: left; /* block mode and shrink wrap */
}
.job-tools .jbe a
{
	background-position: 0px 2px;
}
.job-tools .rss a
{
	background-position: 0px -26px;
}
.job-tools .rss a.rss-help
{
	background: none;
	padding-left: 6px;
}
.job-tools .sav a
{
	background-position: 0px -55px;
}
.job-tools .nsr a
{
	background-position: 0px -82px;
}
.job-tools .last
{
	border: none;
}
.job-tools .bottom
{
	height: 1px;
}
.job-tools .bl, .job-tools .br
{
	width: 9px;
	height: 9px;
	margin-top: -8px;
}


/*******************************************************************************
Sky Scraper
********************************************************************************/
#page-wrap #skyScraper
{
	left: 775px;
	position: absolute;
}
.BannerStyle
{
	position: absolute;
	top: -4px;
	font-size: 0;
	margin: 5px 4px 5px 5px;
	padding-bottom: 0;
	width: 124px;
}


/*******************************************************************************
Page contents 
********************************************************************************/
.pg-cont{width: 750px; float:left; margin:0 0 10px 0; display:inline;}
.pg-cont h1{color:#222; line-height:22px; font-size:21px; font-weight:normal; padding:0;}
.pg-cont p{margin-top:15px;}
/********************************************************************************
Pop Location
*********************************************************************************/
.pop-loc{width: 750px;margin-bottom: 10px;}
.pop-loc p{margin-top:15px; font-size:14px; font-weight:bold;}
.pop-loc ul{margin:7px 0 0 0;}
.pop-loc li {width:218px; float:left; font-size:11px; padding:0 8px; margin:0; background:url(/img/Totaljobs/Jobseeker/orange_bullet.jpg) no-repeat left; line-height:16px;display:block;}
.pop-loc li a{font-size:12px; font-weight:bold;}

/********************************************************************************
 Sort Job section
*********************************************************************************/
.sort-job
{
	margin: 0 0 3px 0;
}
.sort-job .top
{
	background: #fcfcfc url(/img/Totaljobs/Jobseeker/sortJobHD.jpg) no-repeat 0 0;
	height: 12px;
}
.sort-job .inner
{
	background: #f5f5f5 url(/img/Totaljobs/Jobseeker/sortJobBD.jpg) repeat-x 0 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 11px;
	line-height: 20px;
}
.sort-job .hd
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.sort-job input.submit
{
	background: url(/img/Totaljobs/Jobseeker/sort.jpg) no-repeat left top;
	width: 51px;
	height: 20px;
}
.sort-job .bottom
{
	background: url(/img/Totaljobs/Jobseeker/sortJobFT.jpg) no-repeat 0 0;
	height: 10px;
}

/********************************************************************************
 Job Result item
*********************************************************************************/
.jobresults
{
	width: 595px;
	padding: 0;
	margin: 0 0 10px 0;
}
.job-result
{
	background: url(/img/Totaljobs/Jobseeker/NJobGrad.jpg) repeat-x 0 0;
	width: 595px;
	border-bottom: 1px solid #ccc; /*IE6 Hack*/
}
.job-result .hd
{
	padding: 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
}
.job-result-first .hd
{
	background: url(/img/Totaljobs/Jobseeker/JRHD.jpg) no-repeat 0 0;
	border: none;
	height: 24px;
}
.job-result h2
{
	font-weight: bold;
	font-size: 14px;
	color: #222222;
}
.job-result h3 a, .job-result h3 a:visited
{
	font-size: 14px;
}
.job-result .bd
{
	padding: 0 8px;
	margin: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.job-result .bd a
{
	font-weight: bold;
}
.job-result dt
{
	color:#737373;
    text-align: right;
}
.job-result .label-distance,
.job-result .field-distance
{
	color:#5A8C21;
    font-weight:bold;
}
.job-result dl dt
{
	width: 100px;
	font-size: 12px;
	margin-right: 10px;
	float: left;
}
.job-result p
{
	font-size: 12px;
	margin: 10px 0 0 0;
}
.job-result .ft
{
	font-size: 12px;
	padding: 8px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.job-result .ft a
{
	font-weight: bold;
}
.job-result .bd dd
{
	zoom: 1;
}
/* IE6 fix */
.job-result dd h3, .job-result dd
{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.job-result dd h3 a
{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* job basket toggle links */
.job-result .ft ul
{
	margin: 0;
	padding: 1px; /* needs enough padding to show focus outline */
	overflow: hidden;
	_zoom: 1; /* IE6 hasLayout fix */
}
.job-result .ft a
{
	line-height: 11px;
}
.job-result .ft li
{
	float: right;
	list-style-type: none;
	background: transparent url(/img/totaljobs/jobseeker/pipe.gif) no-repeat scroll right center;
	margin: 0 4px 0 0;
	padding: 0 6px 0 0;
}
.job-result .ft .jbd
{
	background: none;
	margin: 0;
	padding: 0;
}
.job-result .ft .jbv
{
	display: none; /* hidden to start with */
}

/********************************************************************************
 Featured Job Result
*********************************************************************************/
.featured-jr
{
	background: #fff url(/img/Totaljobs/Jobseeker/FJobGrd.jpg) repeat-x 0 0;
}
.featured-jr-first
{
	background: url(/img/Totaljobs/Jobseeker/featured_hd.jpg) no-repeat 0 0;
}
.featured-jr-first .hd
{
	border: none;
}
.featured-jr-first h2 span
{
	padding-left: 6px;
	font-size: 11px;
	font-weight: normal;
}
.featured-jr h2 span
{
	padding-left: 6px;
	font-size: 11px;
	font-weight: normal;
}

/********************************************************************************
 Recruiter image in results section
*********************************************************************************/
#recruiterimage
{
    float: right;
    height: 44px;
    margin: 0 10px;
    width: 124px;
    text-align: center;
}

/********************************************************************************
 Refine Search section
********************************************************************************/

.refine-search
{
    color: #fff;
	font-weight: normal;
}
.refine-search .submit
{
	background: url(/img/Totaljobs/Jobseeker/searchBTN.jpg) no-repeat;
	width: 83px;
	height: 29px;
	padding-top: 29px;
}

.refine-search .inner
{
	background: #8dcc09 url(/img/Totaljobs/Jobseeker/rsrchBD.jpg) repeat-x 0 0;
	border-left: 1px solid #5c8c1f;
	border-right: 1px solid #5c8c1f;
	padding: 0 6px;
}
.refine-search .top
{
	background: url(/img/Totaljobs/Jobseeker/rsrchHD.jpg) no-repeat 0 0;
	height: 10px;
}
.refine-search .hd
{
	font-size: 18px;
}
.refine-search .field-label
{
	font-size: 14px;
}
.refine-search input.text
{
	width: 146px;
	font-size: 12px;
}
.refine-search .recruiter-type input
{
    vertical-align:middle;
}
.refine-search .recruiter-type label
{
    vertical-align:middle;
    margin-left:4px;
    line-height:18px;
}
.refine-search .bottom
{
	background: url(/img/Totaljobs/Jobseeker/rsrchFT.jpg) no-repeat bottom;
	height: 10px;
}
.refine-search h3 {
    font-size: 18px;
}

/********************************************************************************
 Left col list modules
*********************************************************************************/
.pop-emp, .rel-jobs, .pop-loca, .rel-hubs
{
	padding: 0;
	margin: 8px 0 0 0;
}
.pop-emp .hd, .rel-jobs .hd, .pop-loca .hd, .rel-hubs .hd
{
	background: url(/img/Totaljobs/Jobseeker/popEmpHD.jpg) no-repeat;
	height: 25px;
}
.pop-emp .hd p, .rel-jobs .hd p, .pop-loca .hd p, .rel-hubs .hd p
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 0 8px;
	line-height: 25px;
}

.pop-emp .bd, .rel-jobs .bd, .pop-loca .bd, .rel-hubs .bd
{
	border-left: 1px solid #5c8c1f;
	border-right: 1px solid #5c8c1f;
	background: url(/img/Totaljobs/Jobseeker/leftcolBG.jpg) no-repeat;
	padding: 5px 0 10px 0;
}
.pop-emp ul li, .rel-jobs ul li, .pop-loca ul li, .rel-hubs ul li
{
	margin: 0;
	list-style-type: none;
	padding: 5px 8px;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	display: block;
}
.pop-emp a, .rel-jobs a, .pop-loca a, .rel-hubs a
{
	font-weight: bold;
}
.pop-emp .ft, .rel-jobs .ft, .pop-loca .ft, .rel-hubs .ft
{
	height: 10px;
	background: url(/img/Totaljobs/Jobseeker/leftlistFT.gif) no-repeat bottom;
}
/*******************************************************************************
Looking to recruit slot
********************************************************************************/
.rec-adv{padding:0; margin-top:8px;}
.rec-adv .hd{background:url(/img/Totaljobs/Jobseeker/LRecHD.gif) no-repeat 0 0; height:10px; overflow:hidden;}
.rec-adv .bd{border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; margin:0; padding:0;}
.rec-adv .bd p{margin:0; padding:5px 10px; font-size:14px; line-height:20px;}
.rec-adv .bd p a{font-weight:bold;}
.rec-adv .ft{background:url(/img/Totaljobs/Jobseeker/LRecFT.gif) no-repeat 0 0; height:10px;}
/***********************************************************************************
 E-Digital closed Survey
************************************************************************/
.e-digitalclose
{
	background: url(/img/Totaljobs/Jobseeker/btn_rate_now.jpg) no-repeat;
	width: 164px;
	height: 35px;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	margin-top: 8px;
}

/********************************************************************************
 Paging section
*********************************************************************************/
.paging
{
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.paging .hd
{
	display: none;
	visibility: hidden;
}
.paging .bd
{
	background: url(/img/Totaljobs/Jobseeker/grayGrad.jpg) repeat-x 0 0 #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px;
	height: 22px;
	line-height: 22px;
}
.paging .bd .current-page
{
	font-weight: bold;
}
.paging .bd ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.paging .bd ul li
{
	float: left;
}
.paging .ft
{
	background: url(/img/Totaljobs/Jobseeker/pagingFT.jpg) #fff no-repeat top;
	height: 8px;
}

/*******************************************************************************
 Broaden Search section
********************************************************************************/
.broaden-search
{
	padding: 0;
	margin: 0;
	background: #efefef url(/img/Totaljobs/Jobseeker/broaden_bg.gif) repeat-x top;
}
.broaden-search .hd
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 593px;
	height: 1px;
	overflow: hidden;
}
.broaden-search-zero .hd
{
	background: url(/img/Totaljobs/Jobseeker/broaden_sprt.gif) no-repeat 0 -12px;
	border: none;
	width: 595px;
	height: 10px;
	overflow: hidden;
}
.broaden-search .bd
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
	padding: 7px 10px 10px 10px;
}
.broaden-search p span
{
	font-size: 14px;
}
.broaden-search p.cross-site-link
{
	padding-top: 14px;
}
.broaden-search ul
{
	padding-top: 14px;
	line-height: 18px;
	list-style: none;
}
.broaden-search .bd a
{
	font-weight: bold;
}
.broaden-search .ft
{
	background: url(/img/Totaljobs/Jobseeker/broaden_sprt.gif) no-repeat 0 0;
	border: none;
	width: 595px;
	height: 10px;
	overflow: hidden;
}

/********************************************************************************
 More results button
*********************************************************************************/
.more
{
	width: 245px;
	display: block;
}
.more .hd
{
	visibility: hidden;
	display: none;
}
.more .bd
{
	background: #ececec url(/img/Totaljobs/Jobseeker/TJ_JobResultpgcut_07.jpg) repeat-x;
	height: 10px;
	line-height: 10px;
	border: 1px solid #B3B3B3;
	overflow: hidden;
}
.more .ft
{
	visibility: hidden;
	display: none;
}
#more
{
	width: 100px;
	padding: 0;
	margin: 0;
}
#more a
{
	font-weight: bold;
	float: left;
}
#more span
{
	background: url(/img/Totaljobs/Jobseeker/TJ_JobResultpgcut_10.jpg) no-repeat;
	width: 9px;
	height: 7px;
	float: right;
	margin-top: 2px;
}

/********************************************************************************
 AutoCompleteExtender override
********************************************************************************/
.pjb-ace
{
	width: 300px;
	_overflow: hidden;
}
.pjb-ace .hd
{
	background: #E6F2D0 url(/img/Totaljobs/jobseeker/dottedline.gif) repeat-x bottom;
	height: 15px;
	display: block;
}
.pjb-ace .bd
{
	border: 0;
	padding: 0;
	overflow: hidden;
}

.eDigitalWrapper
{
	margin:12px 0 0;
	position:relative;
	_zoom:1;
}

#eDigitalSurvey
{
	position:absolute;
	right: 5px;
	top: 0;
	width: 140px;   
}

/********************************************************************************
 Job On A Map Callout & Find Out More Callout
********************************************************************************/

.find-out-more
{
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    padding: 0 !important;
    text-decoration: underline;
    _height:16px;
}

.find-out-more:hover
{
    text-decoration:none;
}

.findoutcalloutwrapper
{
    display:none;
    position:absolute;
    margin:0 0 0 -112px;
    *margin:15px 0 0 -182px;
    z-index:9999;
    width:298px;
}

.findoutcallout-content-hd
{
    background: transparent url(/img/Totaljobs/jobseeker/callout-top2.png) no-repeat scroll 0 0; 
    width:298px;
    height:23px;
}

.findoutcallout-content-bd
{
    background: transparent url(/img/Totaljobs/jobseeker/findoutcallout-bd.png) repeat-y scroll left 0;
    width:268px;
    padding:1px 20px 1px 14px;
    color:#333;
    font-size:14px;
    position: relative;
}

.findoutcallout-content-ft
{
    width:298px;
    height:21px;
    background: url("/img/Totaljobs/jobseeker/findoutcallout-footer.png") no-repeat scroll 0 0 transparent;
}

 .findoutclose
 {
    background: url('/img/Totaljobs/jobseeker/close-btn.png') no-repeat; 
    cursor:pointer;
    position:absolute;
    right:17px;
    height:21px;
    width:21px;
 }
    
.callout-wrapper {
    background: transparent url(/img/Totaljobs/jobseeker/callout-top2.png) no-repeat scroll 0 0;
    display:none;
    position:absolute;
    margin:-7px 0 0 62px;
    z-index:999;
    width:298px;
}

.callout-content
{
    background: transparent url(/img/Totaljobs/jobseeker/callout-bottom2.png) no-repeat scroll left 0;
    width:298px;
    padding:1px 20px 20px 14px;
    color:#333;
    font-size:14px;
    position: relative;
    top: 23px;
}

.callout-content h2, .findoutcallout-content-bd h2
{
    font-size:18px;
    color:#d67800;
    margin: 5px 0 15px 0;
}

.callout-content p
{
    margin-bottom:15px;
    width: 250px;
}

.findoutcallout-content-bd p
{
    margin-bottom:10px;
    width: 250px;
    padding:0;
}
.callout-content label
{
    font-size:12px;
    color: #333;
    font-weight: bold;
}

.callout-content input
{
    margin-right:7px;
    width: auto;
}

.close-btn
{
    background: url('/img/Totaljobs/jobseeker/close-btn.png') no-repeat; 
    cursor:pointer;
    position:absolute;
    right:47px;
    height:21px;
    width:21px;
}

.callout-beta
{
    top:-36px;
    left:145px;
    _left:132px;
    text-align:left;
}

.callout-beta .callout-content
{
    width:248px;
}

.callout-beta h2
{
    font-size:18px;
}

.callout-beta p
{
    font-size:12px;
}

.callout-help-link 
{
    margin-top:10px;        
}

.callout-help-link a,
.callout-help-link a:hover
{
    color:#FFF;    
}

.r-beta-search .beta-callout-help-link
{
    margin-top: 0;
}

#adblock {
    border: 1px solid #CCC;
    margin: 5px 0 5px 0;
    padding: 5px;
}

/********************************************************************************
 Results page more locations pop up
********************************************************************************/

.more-locations-link   
{
    background: url("/img/Totaljobs/jobseeker/dropdown-icon-TJ.png") no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    margin-left: 10px;
    text-decoration: underline;
    width: 104px;    
}
    
.more-locations-link:hover
{
     text-decoration: none;
}

.more-locations-popup {
    background-color: #fff;
    border: 3px solid #DD7E00;
    border-radius: 10px 10px 10px 10px;
    color: #333333;
    font-size: 14px;

    padding: 20px;
    position: relative;
    display: none;
    width: 585px;
    position: absolute;
    margin-top: 15px;
    z-index: 9999;
}

.more-locations-popup h2 { font-size: 19px; margin: 0 10px 20px 0;}
.popup-pointer {
   background: url("/img/totaljobs/jobseeker/TJ-popup-arrow.png") no-repeat scroll left top ;
    display: block;
    height: 27px;
    left: 15px;
    position: absolute;
    top: -17px;
    width: 15px;
    z-index: 9999;
}

.more-locations-popup ul 
{ float: left;}

.more-locations-popup ul li  
{
    font-size: 11px;
    background: url("/img/Totaljobs/Jobseeker/orange_bullet.jpg") no-repeat scroll 0px 5px transparent;
    padding: 0 0 0 10px;
    line-height: 18px;
    width: 275px;
    margin-right: 5px;
    float: left;
}
    
    .more-locations-popup ul li  a
{
    font-size: 12px;
    font-weight: bold;     
}


.more-locations-close {
    background: url("/img/Totaljobs/jobseeker/popup-close-TJ.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 21px;
    position: absolute;
    right: 6px;
    top: 8px;
    width: 21px; }
