/*d:\matrixservices\wwwroot\css\cshbase.css */
/*===========================================================================*/
/* MULTIPLE PAGES                                                            */
/*===========================================================================*/

/* all text is within a <td>, so this is essentially the default style */
td{ font: 12px verdana,sans-serif; color: #000000; }

/* kills whitespace after forms */
form{ margin-bottom: 0px; }

/* primary link styles, for most normal links */
h2.SEO{font-size: 12px;}
a.link1{ }
a:link.link1{ color: #0033CC; }
a:visited.link1{ color: #000066; }
a:hover.link1{ color: #CC0000; }
a:active.link1{ color: #CC0000; }

/* secondary link styles, for emphasized links */
a.link2{ }
a:link.link2{ color: #0033CC; }
a:visited.link2{ color: #000066; }
a:hover.link2{ color: #CC0000; }
a:active.link2{ color: #CC0000; }

/* links that appear within a section header
    if cell_sectionheader has a dark background, make these light */
a.link3{ }
a:link.link3{ color: #0033CC; }
a:visited.link3{ color: #000066; }
a:hover.link3{ color: #CC0000; }
a:active.link3{ color: #CC0000; }

/* header text at top of page, descriptive text below it, and header text for sections on page */
.cell_pageheader{ padding-bottom: 20px; font-size: 14px; font-weight: bold; }
.cell_subtext{ padding-bottom: 20px; font-size: 11px; color: #666666; }
.cell_sectionheader{ font-weight: bold; color: #FFFFFF; background-color: #AAAAAA; padding: 4px; }

/* for label/info or label/input pairs */
.cell_label{ text-align: right; font-weight: bold; padding: 4px 18px 4px 4px; white-space: nowrap; }
.cell_value{ padding: 2px 24px 4px 0px; }

/* submit styles */
/* there is a .d_cell_submit for the details page, may have unique styles for other pages also in the future */
.cell_submit{ text-align: center; padding-top: 20px; }
.inp_submit{ width: 140px; font-size: 14px;}

/* Legal Links */
div.CareerbuilderLegalHtmlClass{text-align: center }

/*===========================================================================*/
/* SEARCH PAGE                                                               */
/*===========================================================================*/

.s_tbl_outer{ border-collapse: collapse; width: 100%; }
.s_span_help{ font-size: 12px; }

/* cells of the outermost table */
.s_cell_left{ padding-right: 20px; border-right: solid 1px #CCCCCC; width: 50%; }
.s_cell_right{ padding-left: 20px; width: 50%; }

/* inner nested tables, one each in the cells above */
.s_tbl_left{ border-collapse: collapse;	width: 100%; }
.s_tbl_right{ border-collapse: collapse; width: 100%; }

.s_cell_navigatorintro{ font-weight: bold; color: #999999; padding: 10px 0px; }
.s_cell_formintro{ font-weight: bold; color: #999999; padding: 10px 0px; }

/* quick search links section */
.s_tbl_navigator{ margin-bottom: 20px; background-color: #F5F5F5; width: 100%; border: solid 1px #DDDDDD; }
.s_cell_navigator{ font-size: 11px; }
.s_span_navigator{ font-weight: bold; }
.s_ul_navigator{ margin: 4px 0px 0px 30px; padding: 0px; }
.s_li_navigator{ padding-bottom: 2px; }

/* label text above input fields */
.s_cell_label{ font-weight: bold; }

.s_inp_keywords{ width: 100%; margin-bottom: 10px; }
.s_inp_using{ width: 100%; margin-bottom: 10px; }
.s_inp_jobtypes{ height: 70px; width: 100%; margin-bottom: 10px; }
.s_inp_emptypes{ height: 70px; width: 100%; margin-bottom: 10px; }
.s_inp_locations{ height: 90px; width: 100%; margin-bottom: 10px; }
.s_inp_hhnames{ height: 70px; width: 100%; margin-bottom: 10px; }
.s_div_emptypes{ margin-bottom: 10px; }
.s_inp_city{ width: 100%; margin-bottom: 10px; }

/*===========================================================================*/
/* RESULTS PAGE                                                              */
/*===========================================================================*/

.r_tbl_outer{ border-collapse: collapse; width: 100%; }

.r_span_back{ font-size: 12px; }
.r_cell_nav{ padding: 8px 0px; text-align: center; }
.r_row_sorters{ }

/* styles for the items in the results list */
.r_row_odd{ background-color: #EEEEEE; }
.r_row_even{ }
.r_cell_value{ padding: 4px; }

.r_span_noresults{ font-weight: bold; font-size: 14px; }

/*===========================================================================*/
/* DETAILS PAGE                                                              */
/*===========================================================================*/

.d_tbl_outer{ border-collapse: collapse; width: 100%; }

/* the job title, below the page header and subtext */
.d_cell_title{ font-size: 14px; font-weight: bold; padding-bottom: 20px; }

/* the company name, next to the job title. Only used by the generic cobrand */
.d_cell_company{ font-size: 14px; font-weight: bold; padding-bottom: 20px; text-align: right; visibility: hidden; }

/* nested table in the details section */
.d_tbl_details{ border-collapse: collapse; width: 100%; margin-bottom: 20px; }

.d_cell_bodytext{ padding: 4px 4px 20px 4px; }

.d_cell_topapply{ text-align: center; padding: 4px 8px 4px 4px; }
.d_cell_submit{ text-align: center; padding-top: 20px; }

/* controls the display of email if show contact info is enabled */
.d_row_email{display:none;}

/*===========================================================================*/
/* FINISH PAGE                                                               */
/*===========================================================================*/

.f_tbl_outer{ border-collapse: collapse; width: 100%; }

.f_cell_links{ padding-top: 20px; padding-left: 40px; }
.f_span_finishmessage{ font-weight: bold; }
.f_ul_link{ margin-left: 50px; margin-top: 4px; padding: 0px; }
.f_li_link{ padding-top: 6px; font-weight: bold; }

/*===========================================================================*/
/* APPLY ONLINE PAGES                                                        */
/*===========================================================================*/

/* breadcrumb trail stuff  */
/* turning cell_bct off for everyone by default (pos) */
.cell_bct{ width: 100%; padding: 16px 0px 4px 16px; display: none; }
.span_bctheader {font: bold 20px arial,helvetica; color: #FF6600;}
.span_bctpresent{ font-weight: bold; font-size: 13px; color: #FF6600; }
.span_bctfuture{ font-size: 11px; color: #999999; }

/* cell that the "required field" image is in */
.cell_reqfield{ text-align: right; padding: 0px 4px 4px 0px; }

/* short piece of text instructing the user */
.cell_instruction{ padding: 10px 0px 0px 0px; font-style:italic; font-weight: bold; }

/* highlighted text */
.span_attention{ font-weight: bolder; color: #FF6600; }

.cell_tip{ padding: 4px 20px 4px 4px; font-size: 10px; }

/* creates a divider above the table this is applied to */
.tbl_divider{ border-top: solid 1px #AAAAAA; }

/* instructions above screener questions */
.cell_screenerintro{ font-size: 12px; text-align: center; font-style: italic; padding: 10px 34px; }

/* screener questions and answers */
.cell_screenerq{ border-top: solid 1px #CCCCCC; padding-top: 8px; padding-left: 34px; }
.cell_screenera{ padding: 0px 0px 8px 34px; }

.tbl_eeoheadertable { border: 1px solid #ffcc00;  background-color: #ffffcc; width: 758px; } 
.tbl_eeoinnertable { width: 758px;  background-color: #ffffcc; } 
.tbl_eeoinnertablespacer { width: 758px; background-color: #ffcc00; }
.img_eeospacerimage { width: 758px; }

.tbl_resume{ background-color: #F1F1F1; padding: 4px 14px; margin-bottom: 10px; }
.tbl_selectresume{ background-color: #F5F5F5; border: solid 1px #AAAAAA; }
.cell_resumeoption{ padding: 2px; font-size: 11px; }

/* used in some JavaScript on ApplyConfirm */
.inlDesc_shade{ color: #999999; }
.inlDesc_color{ color: #333333; }

/* This is for the "- OR -" text  */
.span_OR {font: bold 17px arial,helvetica;color: #FF6600;}

.screenerbox 
{
	background-color: Blue;
	border: 1px solid #FF0000;
	padding: .5em;
}
.cb_style .btn.lrg { border: 1px solid #ccc; border-top-color: #f1f1f1; 
background: #999 url("http://img.icbdr.com/images/js/elements/buttons/bg_btngry.gif") 0 0 repeat-x !important; /* hold this line for Firefox and Safari */
background: #999 url("http://img.icbdr.com/images/js/elements/buttons/bg_btngry.gif") 0 -1px repeat-x; /* shift the bg up 1px for IE */
}	
	
.cb_style .grad {
	float: left; 
	width: 460px; 
	margin: 0; 
background: #FFFFFF url(http://img.icbdr.com/images/js/elements/gradients/bg_grad.jpg) repeat-x scroll left top;
	border: 1px solid #ccc; 
	line-height: 16px;
}

.cb_style .applyform {
	float: left; 
	width: 100%; 
	margin: 0; 
	background-image: none; 
	background-color: #f1f1f1; 
	border: 1px solid #ccc; 
	line-height: 16px;
}	
	
#applyWrapper { width: 500px; margin: 5px 0 0 10px; text-align: left;}

/* CSH Results page, Saved Search Popup */
.SSPopup
{
	BORDER: 3px solid #000064;
	background-image: url("");
}

/* Activate and Delete Job Alert pages */
.cb_style .confirmSSActionBox 
{
	border:1px solid black; 
	align:center; 
	width:90%; 
	padding:15px 15px 15px 15px; 
	white-space:nowrap;
}

/*CSH Upload Resume Page-side notes*/
.uploadResumeNote1  
{
       float: right; 
       width: 280px; 
       font-size: 11px; 
       padding: 0; 
       margin: 0; 
       line-height: 12px; 
       font-style: italic;
       }
.uploadResumeNote2
{
    float: right; 
    width: 280px; 
    font-size: 11px; 
    line-height: 12px;
}  
.uploadResumeNote3  
{
    width: 282px; 
    float: right;
    font-size: 11px;
}
#quickbar_shadow, #quickSearchBar {
    display: none !important;
}

