/******************************************************************************/
/******************************************************************************
File: yellowbook_contentArea.css
Comments: Elements that are used only in the main content area of the page.  

Notes: We have set the default font to 62.5% which is equal to 10px.  to increase
by 1px JUST CHANGE THE EM NUMBER.  EXAMPLES BELOW:
1em == 10px
1.1em == 11px
1.2em == 12px
1.3em == 13px                    
This is scalable and accessible and works in IE6, IE7 and FireFox 1.5+

DO NOT USE  TO SET A PX FONT SIZE...EVER.  IT IS NOT NEEDED.  
*******************************************************************************/
#major_content {
	font-size: 1.2em;	
	line-height: 1.5em;
}
.articleDate {
	color: #b49300;
	font-weight: bold;
	padding: 0 0 5px 0;
}

#major_content a {
	color: #1a1a1a;
	text-decoration: underline;
}
#major_content a:hover {
	color: #d5af02;
}
h2.alignment {
	padding: 10px;
}
ul.simple_listing li{
	margin: 15px;
}

p#message {
	width: 350px;
}

p.pArrow {
	background: transparent url(/images/common/ltr_arrow.gif) 0px 7px no-repeat;
	padding: 0 0 7px 15px;
	margin-left: 15px;
	}
	
/***FANCY BULLETED LIST********************************************************/
#major_content ul.fancy_listing li, 
#major_content ul.fancy_listing_arrows li {
	background: transparent url(/images/common/ltr_arrow.gif) 0px 5px no-repeat;
	border-bottom: 1px dashed #cfd2cd;
	padding: 0 0 7px 15px;
}
#major_content ul.fancy_listing li span {
	float: left;
}
#major_content ul.fancy_listing li a, 
#major_content ul.fancy_listing li img {
	float: right;
}
#major_content ul.fancy_listing li img {
	padding: 0 5px;
}
#major_content ul.fancy_listing_arrows li {
	border: none;
}
/***STANDARD BULLETED LIST*****************************************************/
#major_content ul.list {
	list-style-type: disc;
	margin: 0 15px;
}
#major_content ul.list li {
	padding: 5px 0;
}
/***FEATUED INFORMATION ELEMENTS***********************************************/
#major_content div.featured_information {
	margin: 10px 0;
	background: #f6edb3;
}
#major_content div.featured_information h3 {
	background: #575b58;
	color: #fff;
	display: block;
	padding: 5px 10px;
	text-transform: uppercase;
}
#major_content div.featured_information ul {
	margin: 10px;
}
#major_content div.featured_information ul li {
	padding: 5px 0 10px 0;
	border-bottom: 1px dashed #cfd2cd;
}
#major_content div.featured_information ul li#seeAllStories {
	border: none;
	padding: 5px 0;
}
#major_content div.featured_information ul li#seeAllStories a {
	color: #575b58;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#major_content div.featured_information ul li a.articleTitle {
	font-size: 1.1em;
	padding: 0 0 5px 0;
	display: block;
	text-decoration: none;
}
/***COMMON GROUPING ELEMENTS***************************************************/
#major_content div.common_grouping {
	border: 1px solid #ccc;
}
#major_content div.common_grouping h3 {
	background: transparent url(/images/common/common_grouping_header.jpg) left top repeat-x;
	border-bottom: 1px solid #cfd2cd;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 0 5px 10px;
}
#major_content div.common_grouping h3 span {
	float: left;
	font-weight: bold;
}
#major_content div.common_grouping a, 
#major_content div.common_grouping img {
	float: right;

}
#major_content div.common_grouping h3 a {
	padding: 0 10px 0 4px;
	text-transform: none;
	
}
#major_content div.common_grouping ul, 
#major_content div.common_grouping p {
	padding: 5px 10px;
}
/***AWARDS LIST ELEMENTS*******************************************************/
#major_content ul.awardsList li {
	font-weight: bold;
	padding: 2px 0 0 0;
}
#major_content ul.awardsList li ul {
	list-style-type: disc;
	margin: 0 0 2px 20px;
}
#major_content ul.awardsList li ul li {
	font-weight: normal;
	padding: 2px 0;	
}

/***OFFICE AND FEATURES ELEMENTS***********************************************/
.office_description, .features_highlight {
	width: 503px;
}
.office_description h3, .features_highlight h3{
	padding: 10px;
}
ul.office_highlight, ul.features_highlight {
	border: 1px solid #ccc;
	border-top: 3px solid #d6af01;
	width: 95%;
	margin: 0px auto;
	
}

div.features_highlight {
    border: 1px solid #ccc;
	border-top: 3px solid #d6af01;
	/*width: 95%;*/
	width: 460px;
	margin: 0px auto;
	padding:12px;
	}

ul.office_highlight li, ul.features_highlight li {
	float: left;
	width: 25%;
	height: 170px;
	padding: 10px;
}
ul.features_highlight li.sec {
	width: 65%;	
}
ul.office_highlight li img {
	
}
ul.office_highlight li ul.fancy_listing_arrows li, ul.features_highlight li ul.fancy_listing_arrows li {
	width: 100%;
	height: auto;
}
div.office_description.alt, div.features_highlight.alt {
	background: transparent url(/images/common/common_grouping_header.jpg) left top repeat-x;
}

/***SITEMAP ELEMENTS***********************************************************/
#major_content ul.sitemap li {
	font-size: 1.9em;
	padding: 7px 10px 4px 20px;
	
}
#major_content ul.sitemap li ul {
	margin: 10px 0;
}
#major_content ul.sitemap li ul li {
	font-size:.8em;
	padding: 7px 10px 0 20px;
	margin: 0;
}#major_content ul.sitemap li ul li ul {
	margin: 0;
}
#major_content ul.sitemap li a { 
	text-decoration: none;
}

#major_content ul#displayList {
	float: left;
	width: 35%;
}
#major_content ul#displayList li {
	cursor: pointer;
	padding: 5px 0;
}

/* T&Cs */

.termscond h3 em {font-size:12px !important; font-weight:bold !important;}
ul.alpha li {list-style-type:lower-alpha;}

/* opt-out form */

#emailTip {position:absolute; top:710px; left:45%; width:350px; height:200px; border-top:solid 2px #d7d7d7; border-left:solid 2px #d7d7d7; border-right:solid 2px #666; border-bottom:solid 2px #666; background:#eee; padding:8px;}
#emailTip strong {display:block;}
#emailTipLink {font-size:10px; font-style:italic; color:#555;}
#emailTipClose {display:block; margin:20px 0 0 0; font-size:10px; color:#555; float:right;}

/* careers main */

ul.careersMain h4 {font-size:1.2em !important; font-weight:bold; color:#333; margin:5px 0 0 0; height:20px; padding:2px 0 2px 15px;}
ul.careersMain p.socBookmarks {padding-bottom:20px !important;}
ul.careersMain .p50 {height:50px !important; margin-bottom:8px !important;}
ul.careersMain a.stacked {margin-bottom:7px !important;}

.pressSub {font-size:1.1em; margin:12px 0 0 0;}