/* Layout styles */

/* Zero padding & margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0; padding: 0; font-size: 11px;
}
body { min-width: 970px; }
fieldset, img { border:0; }
h1 { width: 237px; height: 80px; overflow: hidden; float: left; margin-right: 1px; }
h2 { margin: 10px 0; padding: 0; }
h3, h4 { padding: 0 0 1px 0; margin: 0; }
h4 { margin-bottom: 1px; }
blockquote { margin: 7px 0; }

#wrapper { width: 970px; margin: 0 auto; }
#branding { clear: left; width: 970px; height: 80px; position: relative; padding-bottom: 4px; overflow: hidden; }
.main_banner { position: absolute; top: 9px; left: 336px; }
.exclusive_tag { margin-right: 3px; padding: 0 1px; }
.clearing { clear: both; margin: 0; padding: 0; }
.maincontent_stories li, .subcontent_stories li { margin: 2px; }

/* added 120908 */
.mainBanner { position: relative; float: right; text-align: center; /* horizontal in all browsers */ display: table-cell; }
/* .mainBanner img {vertical-align:middle;} center img in line box */
.mainBannerAd { width:728px; height:70px; padding-top: 10px; }
* html .mainBannerAd {font-size:90.5px;} /* 90.5% of box height */

/* Site Nav */
#site_nav { width: 958px; height: 16px; padding: 1px 0 0 10px; position: relative; margin-bottom: 4px; }
#site_nav ul { margin: 0; padding: 0 0 0 70px; display: inline; }
#site_nav ul li { display: inline; padding: 0 6px; }
#site_nav form { display: inline; margin: 0 0 0 20px; }
#site_nav_form ul { padding: 0; }

/* Section Nav */
#section_nav { float: left; margin: 0; position: relative; width: 130px; padding: 0 10px 30px 0; }
#section_nav ul { margin: 0; padding: 0; list-style-type: none; }
#section_nav li { margin: 0 0 1px 0; }
#section_nav ul ul{ margin: 0 0 4px 0; }
#section_nav ul ul li { margin: 0 0 1px 0; }
#section_nav ul ul a { padding: 2px 0 2px 10px; width: 120px; }
#section_nav a { display: block; padding: 2px 10px; width: 110px; }
#section_nav a.non_ul_link { display: inline; margin: 0; padding: 0; }
#section_nav h4 { display: block; margin: 0; padding: 7px; padding-bottom: 3px; }
span.section_nav_header { display: block; padding: 2px 10px; margin: 0; width: 110px; }

#content { float: left; margin: 0; position: relative; width: 700px; padding: 0 0 20px 0; }
#main_content { float: left; position: relative; width: 410px; padding: 0 10px 0 0; }
#sub_content { float: left; position: relative; width: 270px; padding: 0 10px 0 0; }
#side_ads { float: left; margin: 0; position: relative; width: 130px; padding: 0 0 30px 0; text-align: center; }
#side_ads img { margin-bottom: 10px; }

#site_credits { clear: both; width: 700px; margin: 20px 0 0 140px; padding: 10px 0; text-align: center; }
#site_credits p { margin-top: 10px; }
#site_credits ul { display: inline; }
#site_credits li { display: inline; padding: 0 6px 0 7px; }

.subcontent_panel, maincontent_panel { margin-bottom: 12px; }

/* +++ START BUGFIXES +++ */
/* clearing fix for div containing floated elements */
* html .clearfix { /* IE 5-6 */
height: 1%; 
}
.clearfix {
display: inline-block; /* IE7html */
}        
.clearfix:not([class='XXX']) { /* Safari */
display: block; 
}   
@media all and (min-width: 0px) { 
.clearfix {
display: block; /* O */
}   
}
.clearfix:after { /* FF, O, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* +++ END BUGFIXES +++ */

/* home */
#wc_home_search { position: relative; width: 380px; margin: 10px auto; padding: 5px; }
#wc_home_search h3 { display: block; float: left; width: 49%; }
.wc_home_adv_search_link { display: block; float: right; }
#wc_home_search_form { clear: both; }
#form_keywords { margin: 5px 0; padding-top: 8px; }
#form_keywords input { width: 200px; }
#form_keywords label { display: block; width: 80px; float: left; padding-top: 3px; }
#form_method { padding-bottom: 8px; }
#form_method label { margin-right: 8px; }
#form_sector, #form_city, #form_seniority, #form_compensation { padding: 8px 0; }
#form_sector label, #form_city label, #form_seniority label, #form_compensation label { display: block; width: 140px; float: left; padding-top: 3px; }
#form_city label { width: 140px; }
#form_submit { text-align: center; padding: 5px 0; }
#wc_home_JOTW li, #wc_home_latest_positions li { margin: 2px 0; } 
#wc_home_recruiters li { display: block; float: left; padding: 10px 0 0 10px; width: 122px; }

.col_3 { width: 410px; margin: 0 0 10px 0; position: relative; overflow: hidden; }
.col_3 img { float: left; padding: 2px 3px 0 0; }
.col_1 { width: 130px; float: left; padding: 0 10px 0 0}
.col_1_right { width: 130px; float: left; }
#home_latest_features { padding: 1px; margin: 0 0 7px 0; }
#wc_home_JOTW, #wc_home_latest_positions, #wc_home_recruiters { padding: 4px 0; }
#wc_home_JOTW, #wc_home_latest_positions { margin-bottom: 12px; }
#home_subcontent_ad { margin: 17px 0; }
#wc_home_poll { padding: 7px; border: 1px solid #000; margin-bottom: 12px; }
.home_btn { padding: 2px 4px; margin: 4px 0; float: left; position: relative; display: block; }

/* Article */
#article_content h2 { width: 350px; }
#article_content p { margin-bottom: 1em; }
#article_tools { margin-bottom: 10px; }
#article_tools li { display: inline; list-style-type: none; margin-right: 30px; }
#article_author { height: 52px; }
#article_author img { float: left; margin-right: 10px; }
#article_author cite { display: block; float: left; margin-top:15px; }
#article_author cite span { display: block; }
#article_copy { margin: 1em 0 2em 0; }
#article_rate h3 { margin: 0 0 5px 0; padding: 0; }
#article_rate { overflow: hidden; padding: 5px 5px 10px 5px; margin-bottom: 10px; }
#article_rate form { display: block; clear: both; }
#article_rate label { display: block; float: left; margin-right: 30px; }
.article_sub_panel_top img { margin-right: 5px; }
#article_sub_relevant { padding-bottom: 12px; }

/* Search */
#search_content { padding-right: 10px; }
#search_content table { margin: 10px 0; }
#search_content th, #search_content td { padding: 4px; vertical-align: top; }
#search_content th { text-align: left; }
#search_results_ul li { margin: 10px 10px 10px 0; padding: 0 0 8px 0; }
#form_re-search { width: 40%; float: left; margin: 10px 0;}
#form_re-search input, #form_position_options input { margin-right: 20px; }
#form_agent { width: 30%; float: left; margin: 10px 0; }
#wc_results_table { clear: left; }

/* position detail */
#wc_position_detail_ul li { width: 90%; padding: 5px 0; }
#wc_position_detail_ul li dt { clear: left; float: left; width: 23%; display: block; margin: 3px 0; }
#wc_position_detail_ul li dd { float: left; width: 77%; display: block; margin: 3px 0; }
#form_position_options { clear: left; margin: 10px 0; width: 45%; float: left; }