﻿/********************************************************************************
 Page template overrides
*********************************************************************************/
.page
{
	overflow: hidden;
	width: 960px;
	margin-left: 0;
}
.mod-header .bd .recruiter-row
{
	background: #999 url(/img/cw/jobseeker/header-results.gif) no-repeat;
}
.content
{
	float: left;
	width: 795px;
	padding: 7px;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	overflow: hidden;
}
.container
{
	overflow: hidden;
	padding: 5px;
}
.content-middle
{
	margin-top: 0px;
	float: left;
}
.mainCol
{
	width: 604px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.leftCol
{
	width: 170px;
	margin: 34px 10px 0 0;
	padding: 0;
}
.content img
{
	margin: 0;
}

#noResults {
    position: relative;
    height: 34px;   /* reserve space - same height as tabs */
}

/*******************************************************************************
 Page contents 
********************************************************************************/
.pg-cont
{
	margin: 0;
}
.pg-cont h1
{
	color: #222;
	font-size: 18px;
	font-weight: 700;
}
.pg-cont p
{
	font-size: 12px;
	line-height: 18px;
	margin-top: 15px;
}

/*******************************************************************************
 Popular Location
********************************************************************************/

.pop-loc {
    margin-bottom: 10px;
}

.pop-loc .hd p
{
	font-size: 14px;
	font-weight: 700;
	margin-top: 15px;
}
.pop-loc .bd ul
{
	margin: 7px 0;
	overflow: hidden;
	_zoom: 1;
}
.pop-loc .bd li
{
	background: url(/img/cw/jobseeker/bullet.png) no-repeat left;
	display: block;
	float: left;
	line-height: 16px;
	margin: 0;
	padding: 0 8px;
	width: 247px;
}

/********************************************************************************
 Search Criteria section
********************************************************************************/
.search-summary
{
	float: left;
	display: inline;
	width: 592px;
	margin-right: 12px;
}
.search-summary h1
{
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
.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: 460px;
	margin: 0;
}

/********************************************************************************
 Job Tools section
********************************************************************************/
.job-tools
{
	float: left;
	width: 170px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.job-tools .top, .job-tools .bottom
{
	display: none;
}
.job-tools .inner
{
	margin: 0;
	padding: 0;
	border: solid 1px #e4e4e4;
}
.job-tools .hd
{
	background: transparent url(/img/cw/jobseeker/job-tools-BG.gif) no-repeat scroll center -1px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	border-bottom: solid 1px #e4e4e4;
}
.job-tools a, .job-tools a:link, .job-tools a:visited
{
	color: #ff6600;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.job-tools a:hover, .job-tools a:active, .job-tools a:focus
{
	color: #ff6600;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.job-tools span
{
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.job-tools .bd
{
	margin: 0;
	padding: 5px 0;
	background-color: #fff;
}
.job-tools ul
{
	margin: 0;
	padding: 0;
}
.job-tools li
{
	margin: 0;
	padding: 3px 0 3px 5px;
	list-style-type: none;
	overflow: hidden;
	clear: both;
	_zoom: 1; /* IE6 hasLayout fix */
}
.job-tools a
{
	background: transparent url(/img/cw/jobseeker/job-tools-results-icons.gif) no-repeat scroll left top;
	height: 21px;
	line-height: 21px;
	padding-left: 25px;
	float: left;
}
.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 -56px;
}
.job-tools .nsr a
{
	background-position: 0px -82px;
}

/*******************************************************************************
Sky Scraper
********************************************************************************/
#page-wrap #skyScraper
{
	left: 970px;
	position: absolute;
}

/********************************************************************************
 Refine Search section
********************************************************************************/
.refine-search
{
	color: #fff;
}
.refine-search .inner
{
	background: #585858 url(/img/cw/jobseeker/searchbg.png) repeat-x top left;
	border: 1px solid #000;
	padding: 8px;
}
.refine-search .field-label
{
	font-size: 12px;
	font-weight: bold;
}
.refine-search input.text
{
	width: 148px;
	height: 16px;
}
.refine-search input.submit
{
	background: url(/img/cw/jobseeker/searchBtn.png) no-repeat;
	height: 27px;
	width: 108px;
	padding-top: 27px;
}
.refine-search .hd
{
	color: #f93;
	font-size: 18px;
	margin: 0;
	padding: 0;
}
.refine-search .recruiter-type input
{
    vertical-align:middle;
}
.refine-search .recruiter-type label
{
    vertical-align:middle;
    margin-left:4px;
    line-height:18px;
}
.refine-search h3 {
    color: #FF9933;
    font-size: 18px;
}
/********************************************************************************
 Left col list modules
*********************************************************************************/
.pop-emp, .rel-jobs, .pop-loca, .rel-hubs{background:#fff;border:1px solid #b3b3b3;margin:10px 10px 0 0;padding:0; width:168px;}
.pop-emp .hd, .rel-jobs .hd, .pop-loca .hd, .rel-hubs .hd{background:#000 url(/img/cw/jobseeker/popEmpbg.png) repeat-x top left;height:30px;margin:0;padding:0;}
.pop-emp .hd p, .rel-jobs .hd p, .pop-loca .hd p, .rel-hubs .hd p{color:#fff;font-size:12px;font-weight:700;line-height:21px;margin:0;padding:3px 8px;}
.pop-emp .bd, .rel-jobs .bd, .pop-loca .bd, .rel-hubs .bd{background:#fff;padding-bottom:12px;color:#666666;}
.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;border:none;font-size:11px;}
/*******************************************************************************
Looking to recruit slot
********************************************************************************/
.rec-adv{background:#575757 url(/img/cw/jobseeker/rec_bg.gif) repeat-x top left;border:1px solid #000; margin:10px 0 0 0;padding:0; _zoom:1; *width:170px;}
.rec-adv .bd{padding:12px 7px;}
.rec-adv .bd p{color:#fff;font-size:14px;line-height:22px; padding:0; margin:0;}
.rec-adv .bd p a{font-weight:700;color:#ff9933;}
/***********************************************************************************
E-Digital Survey
************************************************************************/
#eDigitalSurvey
{
	position:absolute;
	right: 5px;
	top: 0;
	width: 140px;  
	_zoom:1;
}


/********************************************************************************
 Sort Job section
*********************************************************************************/
.sort-job
{
	margin: 0 0 3px 0;
}
.sort-job .inner
{
	border: 1px solid #ccc;
	font-size: 11px;
	line-height: 20px;
	padding: 6px;
}
.sort-job .hd
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.sort-job input.submit
{
	background: url(/img/cw/jobseeker/sortBtn.png) no-repeat left top;
	width: 44px;
	height: 20px;
}

/********************************************************************************
 Job Result item
*********************************************************************************/
.jobresults
{
	background: #fff;
	margin: 0 0 10px 0;
}
.job-result a, .job-result .ft span
{
	font-weight: 700;
}
.job-result dt
{
	color:#737373;
    text-align: right;
}
.job-result .label-distance,
.job-result .field-distance
{
	color:#FE9911;
    font-weight:bold;
}
.job-result
{
	background: url(/img/cw/jobseeker/graybg.png) repeat-x top left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
.job-result-first .hd
{
	border-top: 1px solid #ccc;
}
.job-result .hd
{
	margin: 0;
	padding: 10px 8px 0;
}
.job-result .hd h2
{
	color: #222;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}
.job-result .hd h2 a
{
	text-decoration: none;
}
.job-result .hd h2 a:hover
{
	text-decoration: underline;
}
.job-result .bd
{
	font-size: 11px;
	margin: 0;
	padding: 8px;
}
.job-result dl
{
    overflow: hidden;
    _zoom: 1;
}
.job-result dl dt
{
    clear: left;
	float: left;
	font-size: 11px;
	margin-right: 10px;
	width: 100px;
}
.job-result dd h3 a
{
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.job-result dd h3
{
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.job-result .bd p
{
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0 0;
}
.job-result .ft
{
	font-size: 11px;
	padding: 8px;
	border-bottom: 1px solid #bbb;
}

/* 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/cw/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/cw/jobseeker/orangebg.png) repeat-x top left;
}
.featured-jr h3 .featuredjob
{
	font-size: 11px;
	font-weight: normal;
	margin-left: 15px;
}
.featured-jr-first
{
	background: #fff url(/img/cw/jobseeker/orangebg.png) repeat-x top left;
	border-top: 1px solid #bbb;
}
.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 on Job Details summary area
*******************************************************************************/
#recruiterimage
{
    float: right;
    height: 44px;
    margin: 0 10px;
    width: 124px;
    text-align: center;
}

/********************************************************************************
 Paging section
*********************************************************************************/
.paging
{
	margin: 0;
	padding: 0;
}
.paging .bd
{
	border: 1px solid #ccc;
	border-top: 0;
	height: 31px;
	line-height: 31px;
	padding: 7px;
}
.paging .bd ul
{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.paging .bd ul li
{
	float: left;
	width: auto;
}
.paging .bd .current-page
{
	font-weight: bold;
}
.paging a, .paging a:visited
{
	text-decoration: underline;
	color: #FF6600;
	font-weight: bold;
}
.paging a:hover
{
	text-decoration: none;
	color: #FF9933;
	font-weight: bold;
}

/*******************************************************************************
 Broaden search section
********************************************************************************/
.broaden-search
{
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #ccc;
}
.broaden-search .bd
{
	padding: 5px 10px 20px 10px;
}
.broaden-search p
{
	padding: 0;
	margin: 0;
}
.broaden-search p span
{
	padding: 0;
	margin: 0;
	font-size: 12px;
}
.broaden-search p.cross-site-link
{
	padding-top: 14px;
	font-size: 12px;
}
.broaden-search ul
{
	padding-top: 14px;
	line-height: 18px;
	list-style: none;
}
.broaden-search .bd a, .broaden-search .bd a:visited
{
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}
.broaden-search .bd a:hover
{
	font-size: 12px;
	color: #FF9933;
	text-decoration: none;
}

.breadcrumb li a, .pop-loc .bd ul li a
{
	font-size: 11px;
	font-weight: 700;
}

/********************************************************************************
 More results button
*********************************************************************************/
.more
{
	width: 121px;
}
.more .hd
{
	background: url(/img/cw/jobseeker/morehd.gif) no-repeat;
	height: 6px;
	display: block;
	visibility: visible;
	overflow: hidden;
}
.more .bd
{
	background: #fff;
	height: 6px;
	line-height: 6px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: none;
	border-bottom: none;
	*line-height: 8px;
	*height: 8px;
	*padding-bottom: 3px;
	_padding-bottom: 1px;
}
.more .ft
{
	background: url(/img/cw/jobseeker/moreft.gif) no-repeat;
	height: 6px;
}
#more
{
	width: 100px;
	padding: 0;
	margin: -2px 0 0 0;
}
#more a
{
	font-weight: bold;
	float: left;
}
#more span
{
	background: url(/img/cw/jobseeker/doublearrows.png) no-repeat;
	width: 10px;
	height: 7px;
	float: right;
	margin-top: 2px;
	*margin-top:1px;
}
.mod-footer
{ 
	*width:800px;
}

/********************************************************************************
 AutoCompleteExtender override
********************************************************************************/
.pjb-ace .hd
{
	display: block;
}
.pjb-ace .bd
{
	border: 0;
	padding: 0;
	overflow: hidden;
}

.eDigitalWrapper
{
    margin:12px 0 0;
    position:relative;
    _zoom:1;
}

/********************************************************************************
 Job On A Map Callout
********************************************************************************/

.callout-wrapper 
{
    background: transparent url(/img/cw/jobseeker/callout-top2.png) no-repeat scroll 0 0;
    display:none;
    position:absolute;
    margin:-9px 0 0 64px;
    z-index:999;
    width:298px;
}

.callout-content
{
    background: transparent url(/img/cw/jobseeker/callout-bottom2.png) no-repeat scroll left 0;
    width:269px;
    padding:1px 20px 20px 14px;
    color:#FFFFFF;
    font-size:12px;
    position: relative;
    top: 23px;
    margin-left: 4px;
}

.callout-content h2
{
    font-size:17px;
    color:#FFFFFF;
    font-weight:bold;
    margin: 5px 0 15px 0;
}

.callout-content p
{
    margin-bottom:15px;
    width: 250px;
    color:#FFFFFF;
}

.callout-content label
{
    font-size:11px;
    color: #FFFFFF;
    font-weight: bold;
}

.callout-content input
{
    margin-right:7px;
    width: auto;
}

.close-btn 
{
    background: url('/img/cw/jobseeker/close-btn.png') no-repeat; 
    cursor:pointer;
    position:absolute;
    right:37px;
    top:3px;
    height:20px;
    width:21px;
}

.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/cw/jobseeker/dropdown-icon-CW.png") no-repeat scroll right center transparent;
    cursor: pointer;
    display: block;
    height: 13px;
    line-height: 13px;
    font-weight: bold;
    margin-left: 10px;
    text-decoration: underline;
    width: 114px;
}
    
.more-locations-link:hover
{
     text-decoration: none;
}

.more-locations-popup {
    background-color: #fff;
    border: 3px solid #FF9933;
    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-bottom: 0 10px 20px 0;}
.popup-pointer {
   background: url("/img/cw/jobseeker/popup-arrow-CW.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/cw/jobseeker/bullet.png") no-repeat scroll 0 6px transparent;
    padding: 0 0 0 10px;
    line-height: 18px;
    width: 275px;
    margin-right: 5px;
    float: left;
    font-size: 11px;
}
   
   
.more-locations-popup ul li  a
{
    font-size: 11px;
    font-weight: bold;     
}


.more-locations-close {
    background: url("/img/cw/jobseeker/popup-close-CW.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 21px;
    position: absolute;
    right: 6px;
    top: 8px;
    width: 21px; }
