﻿/********************************************************************************
 Page template overrides
*********************************************************************************/
#page-wrap
{
	margin: 0 auto;
	position: relative;
	width: 770px;
}
.page
{
    width: 770px;
}
.container
{
	width: 770px;
	padding: 0;
	overflow: hidden;
}
.content-middle
{
	width: 770px;
	margin: 0px;
	float: left;
}
.mainCol
{
	width: 585px;
	margin: 0 8px 0 10px;
	padding: 0;
	display: inline;
}
.leftCol
{
	width: 155px;
	margin: 34px 0 0 10px;
	display: inline;
}
.rightCol
{
	width: 155px;
	margin: 0 10px 10px 0;
	display: inline;
}

/********************************************************************************
 Search Criteria section
********************************************************************************/
.search-summary
{
	float: left;
	width: 572px;
	display: inline;
	padding: 5px 11px;
}
.search-summary h1
{
	font-size: 20px;
	font-weight: bold;
	display:block;
}
.search-string p
{
	font-size: 14px;
	padding: 14px 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;
	font-size: 12px;
	width: 450px;
	margin: 0;
}

/********************************************************************************
 Job Tools section
********************************************************************************/
.job-tools
{
	background-image: url(/img/caterer/jobseeker/job-tools-BG.gif);
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}
.job-tools a, .job-tools a:link, .job-tools a:visited
{
	color: #924199;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
.job-tools a:hover, .job-tools a:active, .job-tools a:focus
{
	color: #924199;
	font-size: 11px;
	font-weight: normal;
	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/caterer/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
{
	height: 33px;
	line-height: 33px;
	padding: 0 0 0 12px;
	color: #000;
}
.job-tools span
{
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #ffcf1a;
}
.job-tools .bd
{
	margin: 0;
	padding: 0 3px;
	background-color: #fff;
}
.job-tools ul
{
	margin: 0;
	padding: 0;
}
.job-tools li
{
	margin: 0;
	padding: 4px 1px 4px 7px;
	list-style-type: none;
	border-bottom: 1px solid #EEE;
	overflow: hidden;
	_zoom: 1;
	clear: both;
}
.job-tools a
{
	background: transparent url(/img/Caterer/Jobseeker/job-tools-results-icons.gif) no-repeat scroll left top;
	height: 21px;
	line-height: 21px;
	padding-left: 27px;
	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;
	width: 124px;
}

/*******************************************************************************
 Page contents 
********************************************************************************/
.pg-cont
{
	width: 750px;
	float: left;
	margin: 0 10px 10px 10px;
	display: inline;
}
.pg-cont h1
{
	display:block;
	font-size: 18px;
	color: #222;
	margin-bottom:10px;
	font-weight: bold;
}
.pg-cont p
{
	margin-top: 15px;
	font-size: 14px;
	margin-bottom: 10px;
}

/*******************************************************************************
 Popular Location
********************************************************************************/
.pop-loc
{
	width: 750px;
	background: #ccc;
	margin-bottom: 10px;
}
.pop-loc .hd p
{
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
}
.pop-loc .bd ul
{
	margin: 7px 0 0 0;
}
.pop-loc .bd li
{
	width: 218px;
	display: block;
	float: left;
	padding: 0 8px;
	margin: 0;
	background: url(/img/Caterer/Jobseeker/Cat_Jre_11.png) no-repeat left;
	line-height: 16px;
}
.pop-loc .bd ul li a
{
	font-size: 12px;
	font-weight: bold;
}
.pop-loc .ft
{
}

/********************************************************************************
 Sort Job section
********************************************************************************/
.sort-job
{
	margin: 0 0 3px 0;
}
.sort-job .inner
{
	background: #fff url(/img/Caterer/Jobseeker/Cat_Jre_18.png) repeat-x top left;
	border: 1px solid #ccc;
	font-size: 11px;
	line-height: 20px;
	padding: 6px 6px 4px 6px;
}
.sort-job .hd
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.sort-job input.submit
{
	background: url(/img/Caterer/Jobseeker/sort.jpg) no-repeat left top;
	width: 47px;
	height: 24px;
}

/********************************************************************************
 Job Result item
*********************************************************************************/
.jobresults
{
	width: 577px;
	padding: 3px;
	border: 1px solid #b3b3b3;
	background: #fff;
	margin-bottom:8px;
}
.job-result
{
	width: 575px;
	background: #fff url(/img/Caterer/Jobseeker/NJGrad.jpg) repeat-x top left;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0;
	margin: 0;
}
.job-result .hd
{
	padding: 8px;
	margin: 0;
}
.job-result-first .hd
{
	border-top: 1px solid #bbb;		
}
.job-result .hd h2
{
	font-weight: bold;
	font-size: 14px;
	color: #222222;
}
.job-result .hd h2 a
{
	float: left; 
	text-decoration: none;
}
.job-result .hd h2 a:hover
{
	text-decoration: underline;
}
.job-result .bd
{
	padding: 8px;
	margin: 0px;
}
.job-result dt
{
	color:#737373;
	text-align: right;
}
.job-result .label-distance,
.job-result .field-distance
{
	color:#FF8D27;
    font-weight:bold;
}
.job-result dl dt
{
	width: 100px;
	font-size: 12px;
	margin-right: 10px;
	float: left;
}
.job-result a
{
	font-weight: bold;
}
.job-result .ft span
{
	font-size: 12px;
	font-weight: bold;
	color: #924199;
	text-decoration: underline;
}
.job-result .bd p
{
	font-size: 12px;
	margin: 10px 0 0 0;
}
.job-result .ft
{
	font-size: 12px;
	border-bottom: 1px solid #bbb;
	padding: 8px;
}
.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
{
	overflow: hidden;
	_zoom: 1; /* IE6 hasLayout fix */
}
.job-result .ft a
{
	float: left;
}
.job-result .jbm-toggle
{
	background: transparent url(/img/caterer/jobseeker/pipe.gif) no-repeat scroll right center;
	margin-right: 5px;
	padding-right: 6px;
}

/* 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: 12px;
}
.job-result .ft li
{
	float: right;
	list-style-type: none;
	background: transparent url(/img/caterer/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 .jb-view
{
	display: none; /* hidden to start with */
}

/********************************************************************************
 Featured Job Result
*********************************************************************************/
.featured-jr
{
	background: #fff url(/img/Caterer/Jobseeker/PurpGrad.png) repeat-x top left;
}
.featured-jr-first
{
	background: #fff url(/img/Caterer/Jobseeker/PurpGrad.png) repeat-x top left;
	border-top: 1px solid #bbb;
}
.featured-jr-first h2 span
{
	background: url(/img/Caterer/Jobseeker/Cat_Jre_38.gif) no-repeat;
	float: right;
	font-size: 11px;
	color: #FF8D27;
	margin-right: 8px;
	padding-left: 16px;
}
.featured-jr h2 span
{
	background: url(/img/Caterer/Jobseeker/Cat_Jre_38.gif) no-repeat;
	float: right;
	font-size: 11px;
	color: #FF8D27;
	margin-right: 8px;
	padding-left: 16px;
}


/******************************************************************************
 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;
    border: 1px solid #A2A2A2;
}
.refine-search .inner
{
    background: #222 url(/img/Caterer/Jobseeker/Cat_Jre_15.png) repeat-x top left; 
    border:3px solid #fff;
}
.refine-search .hd
{
    color:#FFCC33;
    font-size:16px;
    font-weight:bold;
}

.refine-search h3 {
    color: #FFCC33;
    font-size: 16px;
    font-weight: bold;
}
.refine-search input.submit
{
	background: url(/img/Caterer/Jobseeker/Cat_Jre_28.png) no-repeat;
	width: 88px;
	height: 30px;
	padding-top: 30px;
}
.refine-search input.text
{
    width: 123px;
}
.refine-search .field-action 
{
    text-align: center;
}
.refine-search .field-label,
.refine-search .field-radius
{
    font-weight: bold;
}
.refine-search .recruiter-type input
{
    vertical-align:middle;
}
.refine-search .recruiter-type label
{
    vertical-align:middle;
    margin-left:4px;
    line-height:18px;
}

/********************************************************************************
 Left col list modules
*********************************************************************************/
.pop-emp, .rel-jobs, .pop-loca, .rel-hubs{background:#fff; border:1px solid #b3b3b3; padding:3px; margin:10px 0 0 0;}
.pop-emp .hd, .rel-jobs .hd, .pop-loca .hd, .rel-hubs .hd{background:#222222 url(/img/Caterer/Jobseeker/CATJD4_05.jpg) repeat-x top left;}
.pop-emp .hd p, .rel-jobs .hd p, .pop-loca .hd p, .rel-hubs .hd p{font-size:12px; font-weight:bold; color:#ffcc33; padding:0 8px; line-height:28px;}
.pop-emp .bd, .rel-jobs .bd, .pop-loca .bd, .rel-hubs .bd{font-size:11px;}
.pop-emp ul li, .rel-jobs ul li, .pop-loca ul li, .rel-hubs ul li{list-style-type:none; padding:5px 7px; margin:0; border-bottom:solid 1px #bbb;}
.pop-emp .ft, .rel-jobs .ft, .pop-loca .ft, .rel-hubs .ft{display:none;}
/*******************************************************************************
Looking to recruit slot
********************************************************************************/
.rec-adv{background:#000 url(/img/Caterer/Jobseeker/Cat_Jre_45.png) repeat-x top left; padding:0; margin:10px 0; border:1px solid #b3b3b3;}
.rec-adv .hd{display:none;}
.rec-adv .bd{padding:12px 7px; }
.rec-adv .bd p{font-size:14px; color:#fff; line-height:18px;}
.rec-adv .bd p a{font-weight:bold; color:#fff;}
.rec-adv .ft{display:none;}
/***********************************************************************************
 E-Digital survey
************************************************************************/
#eDigitalSurvey
{
	position:absolute;
	right: 5px;
	top: 0;
	width: 140px;    
}

.ng_survey_content
{
	margin-top: 8px;
}
#eDR_Survey
{
	left: 262px !important;
}
#sky-scraper
{
	position: absolute;
	top: 400px;
	left: 1024px;
}

/********************************************************************************
 Paging section
*********************************************************************************/
.paging
{
	padding: 0;
	margin: 0;
	background: #fff url(/img/Caterer/Jobseeker/pag_grad.png) repeat-x top left;
}
.paging .hd
{
	display: none;
}
.paging .bd
{
	border: 1px solid #ccc;
	border-top:0;
	padding: 7px;
	height: 24px;
	line-height: 24px;
}
.paging .bd .current-page
{
	font-weight: bold;
}
.paging a, .paging a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #924199;
}
.paging a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #924199;
}
.paging .bd ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.paging .bd ul li
{
	float: left;
	width: auto;
}
.paging .ft
{
}

/*******************************************************************************
 Broaden Search section
********************************************************************************/
.broaden-search
{
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #B3B3B3;
}
.broaden-search .bd
{
	background: #f8f8f8 url(/img/Caterer/Jobseeker/broaden_bg.gif) repeat-x top;
	border: 1px solid #ccc;
	margin: 3px;
	padding: 15px 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, .broaden-search .bd a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #924199;
}
.broaden-search .bd a:hover
{
	text-decoration: none;
	color: #924199;
}

/********************************************************************************
 More results button
*********************************************************************************/
.more
{
	width: 245px;
	display: block;
}
.more .hd
{
	visibility: hidden;
	display: none;
}
.more .bd
{
	background: #924199 url(/img/Caterer/Jobseeker/morePurp.jpg) repeat-x;
	height: 10px;
	line-height: 10px;
	border: 1px solid #924199;
	overflow: hidden;
}
.more .ft
{
	visibility: hidden;
	display: none;
}
#more
{
	width: 100px;
	padding: 0;
}
#more a
{
	font-weight: bold;
	float: left;
	color: #fff;
}
#more span
{
	background: url(/img/Caterer/Jobseeker/whitearrow.gif) no-repeat;
	width: 17px;
	height: 13px;
	float: right;
	margin-top: -1px;
}

.eDigitalWrapper
{
    margin:12px 8px 0 0;
    position:relative;
    _zoom:1;
}
/********************************************************************************
 Job On A Map Callout
********************************************************************************/

.callout-wrapper {
    background: transparent url(/img/caterer/jobseeker/callout-top2.png) no-repeat scroll 0 0;
    display:none;
    position:absolute;
    margin:-7px 0 0 66px;
    z-index:999;
    width:298px;
}

.callout-content
{
    background: transparent url(/img/caterer/jobseeker/callout-bottom2.png) no-repeat scroll left 0;
    margin-left: 4px;
    width:298px;
    padding:1px 20px 20px 14px;
    color:#333;
    font-size:14px;
    position: relative;
    top: 22px;
     
}

.callout-content h2
{
    font-size:18px;
    color:#333;
    margin: 5px 0 15px 0;
}

.callout-content p
{
    margin-bottom:15px;
    width: 250px;
}

.callout-content label
{
    font-size:12px;
    color: #333;
    font-weight: bold;
}

.callout-content input
{
    margin-right:7px;
    width: auto;
}

.close-btn 
{
    background: url('/img/Caterer/jobseeker/close-btn.png') no-repeat;   
    cursor:pointer;
    position:absolute;
    right:63px;
    top:3px;
    height:22px;
    width:23px;
}

.callout-beta
{
    top:-36px;
    left:145px;
    _left:132px;
    text-align:left;
}

.callout-beta .callout-content
{
    width:248px;
}

.callout-beta h2
{
    font-size:16px;
}

.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/Caterer/jobseeker/dropdown-icon-CAT.png") no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    text-decoration: underline;
    width: 106px;
}
    
.more-locations-link:hover
{
     text-decoration: none;
}

.more-locations-popup {
    background-color: #fff;
    border: 3px solid #924199;
    border-radius: 10px 10px 10px 10px;
    color: #3333
    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/Caterer/jobseeker/popup-arrow-CAT.png") no-repeat scroll left top ;
    display: block;
    height: 27px;
    left: 15px;
    position: absolute;
    top: -18px;
    width: 15px;
    z-index: 9999;
}

.more-locations-popup ul 
{ float: left;}

.more-locations-popup ul li  
{
    background: url("/img/Caterer/Jobseeker/browse-jobs/bullet.gif") no-repeat scroll 0 6px transparent;
    padding: 0 0 0 10px;
    width: 275px;
    margin-right: 5px;
    float: left;
    font-size: 12px;
    line-height: 18px;
}
   
   
.more-locations-popup ul li  a
{
    font-size: 12px;
    font-weight: bold;     
}


.more-locations-close {
    background: url("/img/Caterer/jobseeker/popup-close-CAT.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 21px;
    position: absolute;
    right: 6px;
    top: 8px;
    width: 21px; }
