/* CSS Document for Westat.com internal pages */

/* general definitions*/

body
{

	/*font-size:1em;*/
}

/* do not display header used for print pages*/
#img_header_print
{

	display:none;
}
/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p 
{
  margin-top: 0;
}
/* added 03/11/09 by Vladimir for Reg_SBA_Cert.cfm	*/
legend
{
	font-weight: bold;
	color: #003C79;
}
#st_cert_input {
	float:right;
	width:270px;
	position:relative;
}
#st_cert_label {
	text-align:right;
	width:110px;
	float:left;
}
#st_cert_line	{
	width:390px;
	float:left;
	margin-bottom:5px;
}
/* class to clear spaces on both sides and allow footer to move to the bottom of page */
.clear 
{
	  clear: both;
	  margin:0;
	  padding:0;
}

/* Page Structure */
/* Page layout main areas top/wrapper/left/center/footer */


/* wrapper area  contains left side and center areas*/
#wrapper
{
   margin: 0;
   padding: 0;
   vertical-align:top;
 	max-width:1020px;
}

	/* left area - side navigation */
	#left
	{
	   float: left;
	   width: 200px;
	   margin-left:0;
	   margin-top:2px;
	   margin-right:0;
	   background-color: #FFFFFF;
	   display:inline;
		  
	}
	
	/* center area -  page content */
	#center 
	{
	  margin-left: 202px;
	  margin-top:2px;
	  margin-right:0;
	  padding-top:0;
	  padding-left:0;
	  padding-right:0;
	  background-color:#FFFFFF;
	  line-height:1.2em;
  	  border-left: 1px solid #003C79;
	  /* the line below was added to fix an IE bug, which is that adjacent to a float gets indented by 3px, 
		but only for the length of the float. Once the float ends, so does the bug. So to solve the problem
		a non-existing value for the display property does -- inline-block! was added to eliminate the 3px jog.
		JC 0n 5/30/2006 */
	  display: inline-blocke;
	 
	}


#footer
{
	/*padding-top:.5em;
	padding-bottom:.5em;
	margin:20px 0;*/
}



/* css to make the skip navigation link visible to screen 
   reader users and sighted keyboard users */
   
#skip a, #skip a:hover, #skip a:visited  
{ 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 
  
#skip a:active , #skip a:focus
{ 
  left:5px;
  top:1px;
  width:auto; 
  height:auto;
  color:#FFFFFF;
  font-size:70%;
  z-index:2; 
}	

/* code commented out as new skik to content link is being used (see code above)
a.skip_link {
	font-size:.7em; 
	color: #2D85AB;
	text-decoration: none;
	margin:0;
	padding:0;
	
}
.skip_link:active, .skip_link:focus {
	color: #FFFFFF;
	text-decoration: underline;
	
}
*/



/* code for the LEFT NAV area */

.left_nav
{
	width:200px;
	padding:0;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	margin-top:.7em;
	background-color: #FFFFFF; 
	color: #003C79; 
	font-size:.7em;
	/* change font to match the dropdown menu font - this is the same defintion as the menu */
	font-family: Arial, "MS Sans Serif",Helvetica, Tahoma, sans-serif;
}

.left_nav ul
{
	list-style: none;
	margin: 0; 
	padding: 0;
	 
}


.left_nav li
{
	background-color: #FFFFFF; 
	list-style: none;
	margin: 0;
	/*padding:2px 5px 2px 0px;*/
	padding-right:5px;
}

.left_nav li a, left_nav li a:visited
{
	 display: block; 
	 
	 color: #003C79; 
	 text-decoration: none;
	 margin: 0;
}

.left_nav li
{
	padding: 4px 0 4px 8px; 
}

.left_nav li a:hover
{
	background-color: #FFFFFF; 
	color: #007CA4;
	text-decoration:underline; 
}

/* ID to be used by left side item when page is active (displayed) */
li#left_item_active
{
	background-color: #FFFFFF; 
	color: #0C6585;
	font-weight:bold;
	padding:2px 5px 2px 8px;

	
}

li#left_item_active a
{
	padding-left:0;
}
/* ID to be used by item when its sub items are expanded */
li#left_top_item_active
{
	background-color:#E8DFCD;
	color:#003C79;
	/*padding-left:10px;*/
	/*padding:2px 5px 2px 8px; */
}

li#left_top_item_active a
{
	background-color:#E8DFCD;
	color:#003C79;
	1padding-left:0;
}
/*

/* class to indent second level links */
li.left_second_level
{
	margin-left:1.5em;
	
}
.left_nav li ul li
{
	margin-left:1em;
}
/* class for the top level that does not change backgroung color (eg. Job Openings: */
li.top_no_active
{
	padding:2px 5px 2px 8px;

}

/* class to define the inactive links on the vendor registration folder (working with westat apps)*/
.inactive
{

	color:#999999;
}

div.sideContainer 
{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	float:left;
	margin-top:1.5em;
	margin-left:2px;
	padding-left:6px;
	width:180px;
}

div.sideContainer img.everify, img.everify
{
	float:left;
	padding:3px;
	margin-right:4px;
	margin-left:3px;
	
}
div.sideContainer h2
{
		font-size:.75em;
		font-weight:normal;
		text-align:left;
		margin-bottom:.5em;
}
div.sideContainer h3
{
	font-size:.75em;
	font-weight:normal;
	margin-top:2px;
	margin-bottom:0;
}


ul.quickLinks 
{
	padding:0;
	margin-left:1em;
	margin-bottom:.5em;
	margin-right:0;
	margin-top:.5em;
	font-size:.7em;
	font-family: Arial, "MS Sans Serif",Helvetica, Tahoma, sans-serif;
	list-style-type: none;
	
}
ul.quickLinks li
{
	margin: 0;
	padding:3px 8px 3px 0;
	display:inline;
	
}
ul.inline
{
 margin:.5em 0;
}
ul.inline li
{
	display:inline;
	font-size:.8em;
	list-style-type: none;
	margin:.5em 0 .5em 1em;
	padding:1em;
	

}

/* END code LEFT area */

/* code for page content area */
#page_content
{
	
	background-color:#FFFFFF;
	padding:5px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left:5px;
	width:94%; /*  property added to fix ie6 bug for in-page links (skip to content link) JC*/
	font-size:.9em;

	
} 

/* class definitions for page elements */

/* Clear floating elements. Slightly enhanced, universal clearfix hack 
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
	*/
	.clearfix:after 
	{
		 clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; } 	/* close commented backslash hack */
/*  this class should be used with the H tags, H1, H2, H3, etc. */
.page_title
{
   margin-top:0.2em;
}

 /* contact FORMS */

.contact_form
{
	background-color:#DFEEF5;
	padding:10px;
}
.contact_form fieldset, .job_ad_shortcut fieldset
{
	margin: .5em .5em .5em 0;
	padding: 0 .5em 1em .5em;
}

.contact_form legend, .job_ad_shortcut legend
{
	font-weight: bold;
	color:#003C79;
}
.contact_form select
{
 margin-left:20px;
 margin-bottom:5px
}
.contact_form input[type="text"], .contact_form textbox, .job_ad_shortcut input[type="text"]  { 
	float: left;  
	display: block;
}/**/

.contact_form label.lbl-right, .job_ad_shortcut label.lbl-right{
	text-align: right;  
	width: 25%; 
	padding-top: .2em;
	padding-right: 1.5em; 
	margin-bottom: 1em;
	float: left;
	display: block;
	font-weight: bold;
}

.contact_form label.first, .contact_form input.first, .contact_form span.first, .job_ad_shortcut input.first, .job_ad_shortcut label.first, p.note_job_ad
{
	margin-top: .5em;
}
.contact_form textarea
{
 margin-bottom:1em;
 }

.contact_form br
{
	clear: left;
}

.job_ad_shortcut
{
	width: 70%;
}
.job_ad_shortcut input[type="submit"]
{
	margin-top: .5em;
	display: block;
	
}

#career-search
{
	width:700px;
}
	#career-search h2
	{
		font-size:1.3em;
	}
	#career-search .job-search
	{
		float:left;
		margin-bottom:1em;
		margin-left:5px;
		margin-right:.5em;
		
		padding-left:0;
		width:40%;
	
	}
	
	#career-search .job-search form
	{
		margin-bottom:1em;
	}
	#career-search .left-border
	{
		border-left: 1px solid #003C79;
		padding-left:1.8em;
		
	}
.job-search-left
{
padding-right:1em;
}

/* career area job listings */
/* definition list to display like a table with a border top and bottom  */
dl.job-listing
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	float: left;
	margin: 1em 0;
	padding: 0;
	width: 520px;

}
	dl.job-listing dt
	{
		/*border-top-style:solid;
		border-top-width:1px;*/
		clear: left;
		float: left;
		font-weight:bold;
		margin: 0;
		padding: 5px;
		width: 150px;
	}
	dl.job-listing dd
	{
		/*border-top-style:solid;
		border-top-width:1px;*/
		float: left;
		margin: 0;
		padding: 5px;
		width: 350px;
	}
		dl.job-listing dd ul
		{
			margin-left:0;
			margin-top:0;
			padding-left:0;
			padding-top:0;
		}
			dl.job-listing dd ul li
			{
				margin-top:0;
			
			}
#JobShortcut div
{
	margin-top:.5em;
	margin-left:4em;
}
/* End contact forms */

.img_link
{
 border:none;
 padding-left:2px;
 padding-right:2px;
}


/* class to make the first paragraph in the research area pages italics */
.initial 
{
	
	font-style: italic ;
}

p.note_job_ad
{
	font-size: .8em;
	padding-top:.5em;
	margin-left:5px;
	display:inline;
	float:left;
}
/* it makes the pages under capabilities section have the h4 and their content indented */
body.capabilities_page h4 
{
 text-indent:1em;
}
body.capabilities_page div#center div#page_content h4 + p
{
 padding-left:1em;
}

body.capabilities_page h3 a:visited
{
 color:#223b64;
 
}
.indented
{ 
 
 padding-left:1em;
}
/* it makeds the header (or leading sentence) of a paragraph a little bigger than regular font */
/* Note: this class should be deleted and the elements that use it should be replaced with a header tag */
.heading
{

	font-size:1.07em;
	
}

.note-emphasis
{
	border: solid 1px #003C79;
	background-color:#DFEEF5;
	padding:.5em;
}

.small_1
{ 
	
	font-size: .8em;

}

.small_2
{
	font-size:.8em;
}


.jobs_indent
{
	margin-left:1.5em;

}
/*  classes for the site map page */
.site-map
{
	background-color:#DFEEF5;
	text-align:left;
}
.site-map h3
{
	font-size:	12px ;
}
.site-map h3 a
{
	color: #C00000 ;
	font-weight:normal;
	padding-left:0.5em;
	text-decoration: none ;
}
.site-map h3 a:visited 
{
	color: #C00000 ;
}
	
.site-map h3 a:active
{
	color: #ff3333 ;
}
	
.site-map h3 a:hover 
{
	color: #ff3333 ;
}

.site-map ul.no_bullets
{
	padding-left:1em;
	margin-left:0;
}
 .site-map li
{
	font-size:11px;
	padding-left:1em;
	
	
}
.site-map li a
{
	font-size:11px;
	text-align:left;
	text-decoration:none ;
}
.site-map li a:link
{
	color:#003C79;
}
	
ul.triangle li {
	
	margin: .5em 0 0 0;
	list-style-image: url("/westat_images/triangle.gif");/**/
	list-style-type:disc;
		
}

ul.logo li {
	list-style-image: url("/westat_images/logo_bullet.gif") ;
	list-style-type:disc;
	
	
}

ul.disc li {

	list-style-type:disc;
	margin: 20px 0 0 0 ;
	
}


ol.privacy_list li
{

	margin: 20px 0 0 0 ;

}

div.images_right
{
	float:right;
}

/* Class below to be used in unordered list inside forms as the bullets will not show */

ul.multi-col{
  float: left;
  width: 99%;
  margin: 0 0 1em .7em; 
  padding: 0;
  list-style-type: none;
 
}
 
ul.multi-col li {
  float: left;
  width: 48%;
  margin: .2em 0 0 0;
  padding: 0;
}

ul.double-col
{
  float: left;
  width: 99%;
  margin: 0 0 0 .9em; 
  padding: 0;
  list-style:none;

}
 /* This class was added to create multi-col unordered list in all browsers. IE does not display the bullets, so image was added to mimick the bullets */
ul.double-col li 
{
  float: left;
  width: 40%;
  margin: .2em 0 0 0;
  background-image: url("/westat_images/logo_bullet.gif");
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em;
  list-style:none;
}


/* classes for REDS_2 section*/
.reds_center
{
	text-align:center;

}

/* classes for Blaise tables*/
.blaise_center
{
	text-align:center;

}

.blaise_right
{
text-align:right;

}
tr.blaise_headers
{
	background-color:#DEDEE0;
	
}

/*  Wesvar list links on top of page */

div.wesvar_links_list
{

	margin-left:.5em; 
	margin-right:30%;

}
ul.wesvar_list_left
{
	list-style-type:none;
	margin-top:0;
	float:left; 
}

ul.wesvar_list_right
{
	list-style-type:none;
	margin-top:0;
	float:right;
}

#wesvar_data_import_export 
{
	width:500px;
}

#wesvar_data_import_export_left
{
	float:left;
	width:50%;
}

#wesvar_data_import_export_right
{
	float:right;
	width:50%;
}

.wesvar_how_it_works
{
	margin:2em;
	padding-bottom:10px;
	width:480px;
}

.contact_form fieldset
{
	
	
	margin: .5em .5em .5em 0;
	padding: 0 .5em 1em .5em;
}

.contact_form legend
{
	font-weight: bold;
	
}

.contact_form select, .contact_form input[type="text"], .contact_form textbox  { 
	float: left;  
	display: block;
}/**/

.contact_form label.lbl-right{
	text-align: right;  
	width: 25%; 
	padding-top: .2em;
	padding-right: 1.5em; 
	margin-bottom: 1em;
	float: left;
	display: block;
	font-weight: bold;
}

.contact_form label.first, .contact_form input.first, .contact_form span.first
{
	margin-top: .5em;
}

.contact_form br
{
	clear: left;
}

.align-center
{
	text-align:center;
}

.centered
{
	margin-left:27%;
	margin-right:auto;
}

/* class to define unordered list without bullets for the career section */
ul.no_bullets li
{
	list-style:none;
	list-style-image:none;
	margin: 0.5em 0 0 0;
	padding:0;
	text-indent:0;
}

/* class to define unordered list without bullets for the career section */
ul.video
{
	margin:0;
	padding-left:2em;
	font-size:0.8em;
}
ul.video li
{
	list-style:none;
	list-style-image:none;
	margin: 0;
	padding-bottom:.5em;
	padding-left:0;
	text-indent:0;
}

/*classes to allow lists to the left and right columns */
ul.list_left
{
	margin-top:0;
	margin-left:1em;
	float:left; 	
	list-style-type:disc;
	padding-left:2em;
}

ul.list_right
{	
	margin-top:0;
	margin-right:1em;
	float:right; 
	list-style-type:disc;
	padding-left:2em;
}

/* class to add space on the top of LI tag   */
li.space_top_6
{
	margin-top:.6em;

}

li.space_top_8
{
	margin-top:.8em;

}

li.space_top_12
{
	margin-top:1.2em;

}



li.space_top_20
{
	margin-top:2em;

}

.big_bold
{
	font-weight: bold ;
	font-size: 1.2em ;
}

.red_color
{

  color:#FF0000;

}

.blue_heading
{

	color: #223b64;
	font-size: 1.07em ;
	font-weight: bold ;
}

/* table for the job fairs page*/
table.jobfair td
{
	padding: .5em ;
}
tr.jobfair_headers
{
	background-color:#DEDEE0;
	
}

tr.jobfair_row_odd
{
	background-color:#FFFFFF;

}

tr.jobfair_row_even
{
	background-color:#DFEEF5;

}


/*  classes for research area */

h3.research_main
{
	margin-bottom:0;
}

p.research_main
{ 
	margin-top:0;
}

img.research_photos
{

	margin:.5em;
}


/* style for the maps and locations page */
.locations
{
 	margin-top:3em;
	font-size:.9em;

}

.locations_pdf_icon
{
	margin-right: .8em;
  
}

/* END for page content area */


/*  breadcrumb trail format */

ul.breadcrumb
{
 padding-left:0;
 margin-left:1px;
 margin-top:4px;

}
ul.breadcrumb li
{

	display: inline;
	font-size:.8em; 
}

ul.breadcrumb li a
{
	color: #223b64;
}

/* round corners for page content area */
.cl {background: url(/westat_images/left_corner_interior.gif) 0 100% no-repeat;}

.cr {background: url(/westat_images/right_corner_interior.gif) 100% 100% no-repeat; }

/* ### TRC Questions ### */
ul.trc_questions li
{
 /**/font-weight:bold;
 margin-top:.6em;
 list-style:none;

}

ul.trc_questions li fieldset legend
{
	margin-bottom:.3em;
	color: #223b64;
	font-weight:bold;
}

ul.trc_questions li fieldset
{
	font-weight:normal;
}
ul.trc_questions li fieldset input
{
  margin-left:.4em;
 
}

.ad_list
{
vertical-align:middle;
}

ul.trc_questions li fieldset input.radiobuttons
{
	margin-left:2em;
	

}


ul.trc_questions li select
{
	margin-top:.5em;
	margin-bottom:.5em;
}


ul.languages_list
{
	font-weight:bold;
 	margin-bottom:.5em;
 	list-style:none;
	
}
ul.languages_list li
{

	display:inline;
}

#lbl_zip_code
{
 padding-left:1em;

}

p.prescreening_question, label.prescreening_question
{
 font-weight:bold;
 margin-top:0;
 margin-bottom:.3em;
 margin-left:.4em;

}
/* page contents lists  */

.content_list
{
	/*border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-width:1px;*/
	
	margin-left:.5em; 
	margin-right:10%;
	margin-top:.5em;
}
ul.content_list_left
{
	list-style-type:none;
	margin-top:0;
	float:left;
	margin-top:0;
	margin-left:1em; 
}

ul.content_list_right
{
	list-style-type:none;
	margin-top:0;
	float:right;
	margin-top:0;
	margin-right:1em;
}

 .newWindow img, 
 .newPopup img{
	width: 12px;
	border: none;
	margin-left: .25em;
}

.link_top a
{ 
	text-align:left;
	text-decoration:none;
	font-style:italic;
	color:#00698C;
	font-size:.75em;
	margin:15px;
}

/* Kenexa Talent Gateway style*/

.tg_header
{
	margin-top:0;
	margin-bottom:0;
	padding:0;
	color: #003C79;
}
.tg_label 
{  
	background-color: #2D85AB; 
	color: #FFFFFF; 
	width: 100%; 
	padding-top: 4px; 
	padding-right: 4px; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	margin-top: 15px; 
	margin-bottom: 5px;
}

.table_gq
{
	background-color:#DEF2FE;
	border:1px solid #000099; 
	margin-left:3em; 
	width:500px;

}

.table_gq tr
{
	border-top:1px solid #223b64;;
	border-left:1px solid #223b64;;
}
.table_gq td
{
	border-bottom:1px solid #223b64;
	border-right:1px solid #223b64;
}

/* classes for news items - project awards */
.news_proj_awards
{
	margin-top:.5em;
	margin-bottom:.5em;
}

.news_proj_name, .news_proj_category
{
	font-weight:bold;
	display:block;
}

.news_proj_summary
{
	margin-top: 0;
}


/* ID */

dl#benefits dt
{
	font-weight:bold;
	font-size:1.07em;
	color: #003C79;
	margin-bottom:0;
	padding-bottom:0;

}

dl#benefits dd
{
	margin-top: 0;
	padding:0;
	

}
/* office_location.cfm page */

#main_campus, #off_campus 
{
	width:80%; 
	padding:1em;

}
#main_campus h4, #off_campus h4 
{
	text-align:center;
	margin-bottom:0;
}

#international_offices h4 
{
	padding-left:200px;
	margin-bottom:0;
}

#main_campus address
{

	text-align:center;

}
.locations
{
  width:40%;
  margin-top:1em;
}

.how-apply-box
{
	margin-left:1em; 
	margin-right:100px; 
}

/*research_area/social_services/ Mental health page*/

#ss_wrapper
{
	width:100%;
}

#ss_wrapper_left
{
	float:left;
	width:50%;
}	

#ss_wrapper_right
{
	float:right;
	width:50%;
}

/*
#### LINKS WITH ICONS ####
	The following styles include icons as a background image to visually identify
	the types of links. Note that the HTML code needs to add a pair of span tags
	identifying in text what type of the link is to make it accessible to 
	screen readers and in case the user has CSS disabled.
*/

/* For the links that have icons, hide the span tag text that specifies the liks from visual browsers */
a.icon span
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}
/* Defines the common properties for all links that have icons - add new ones to the list below */
a.icon
{
	padding: 0 20px 0 0;
	margin-right:2px;
	zoom:1;
	/*display:inline-block;  This was added to prevent the wrapping by triggering "haslayout" for IE browsers on this inline element in standards mode*/
}

/* Links to PDF files */
a.pdf:link, a.pdf:visited
{
	background: transparent url(/westat_images/icons/pdf.gif) no-repeat 100% 0;
}