@charset "utf-8";
/*
	---------------------------
	
	detail.css :
		This file is used on the sub pages after index.html.
	
	---------------------------
*/


/*
	#
	#
		Global Overrides:
			Use these as the new default in the body. 
			Specified are only the new styles we want to change from main.css.
	#
	#
*/
BODY {
	/* The sub pages do not have the gray horizontal bar.  */
	background	: #fff none;
}

A { 
	color		: #222;
}

/*
	#
	#
		Body Styles:
			The body on detail pages has a different layout, so we are going to override all its styles.
	#
	#
*/
#body {
	position: relative;
	margin	: 0 30px 0 260px;
	/*
		Really stupid IE6 hack.
	*/
	_border-top: 1px solid #dcddde;
	background: url(../img/greyDivider.png) repeat-x top left;
}

/* 
	#
	#
		Sub Nav:
			Reusing the desc_links class, just positioning it differently.
	#
	#
*/

#body #sub_nav {
	position: absolute;
	top		: 25px;
	left	: -240px;
}

#body #sub_nav H3 {
	color		: #aaa;
	font-weight	: bold;
	margin		: 0 0 4px 0;
}

#body #sub_nav UL.desc_links {
	position: static;
	margin	: 0 0 26px 0;
}

#body #sub_nav UL.desc_links LI {
	line-height: 23px;
}

#body #content {
	position:relative;
	top		: 0px;
	/* 
		Overflow hidden is required here, its kind of backwards as you would normally think that you want the
		overflow of content to show, not hide. But since we are using floats, we need to set this to overflow hidden
		to make the box bound around its floating children. If we set this to visible, then the containing box ends up
		with a height of 1px and the children float outside of the box.
	*/
	overflow: hidden;
}

#body #main_content {
	margin	: 20px 0 0 0;
	width	: 440px;
	float	: left;
	color	: #6b6b6b;
}

#more_content {
	float		: right;
	width		: 210px;
	border-top	: 1px solid #ddd;
	margin		: 20px 0 0 0;
	padding		: 15px 0 0 0;
	color		: #6b6b6b;
	line-height	: 16px;
	font-size	: 12px;
}

#more_content strong {
	font-weight	: bold;
}

/* 
	#
	#
		Content Styles
	#
	#
*/

#content {

}

#content H2 {
	font-size	: 28px;
	line-height	: 32px;
	
	/* Stretch the whole width of the div to push the floating elements below down */
	width		: 690px;
	color		: #fcb116;
	margin		: 26px 0 0 0;
}

#content H3 {
	font-size	: 15px;
	color		: #888;
	line-height : 21px;
}

#content #main_content P {
	margin	: 0 0 20px 0;
}

#content #main_content H4 {
	margin		: 0 0 20px 0;
	font-weight	: bold;
}

#content #main_content H5 {
	font-weight : bold;
	color		: #888;
}

#content #main_content H6 {
	font-weight : bold;
	color		: #AAA;
}

#content #main_content EM {
	font-style: italic;
}

#content #main_content DL,
#content #main_content UL,
#mapContainer #mapContent #hints DL {
	float	: none;
	position: static;
	width	: auto;
	height	: auto;
	margin	: 0 0 20px 0;
}

#content #main_content DT,
#mapContainer #mapContent #hints DT {
	float	: none;
	position: static;
	width	: auto;
	height	: auto;
}

#content #main_content DD,
#content #main_content UL LI,
#mapContainer #mapContent #hints DD {
	float		: none;
	position	: static;
	width		: auto;
	height		: auto;
	padding		: 0 0 0 17px;
	background	: url(../img/contentBullet.png) no-repeat 4px 8px;
}
#content #main_content a.back2top {
	background	: url(../images/icon_arw_2top.png) no-repeat 45px 5px;
	padding: 0 20px;
	float: right;
	text-decoration: none;
}
div.clear-left {
	clear: left;
	height: 0px;
}
div.clear-right {
	clear: right;
	height: 0px;
}
#content #main_content div.imgBlock {
	font-size: 11px;
	width: 210px;
	float: left;
	line-height:normal;
	margin-bottom: 20px;
}
#content #main_content div.imgBlockLeft {
	margin-right: 20px;
}
#content #main_content div.imgBlock div.img {
	border: 1px solid #DDD;
	width: 208px;
	height: 208px;
	overflow: hidden;
	text-align: center;
	display:table-cell; 
	vertical-align: middle;
	margin-bottom: 3px;
}

#content #more_content P {
	margin: 0 0 6px 0;
}

#content #more_content div.pod {
	border-bottom: 1px solid #DDD;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#content #more_content div.pod p.last {
	margin: 0;
}
#content #more_content div.pod img {
	margin: 3px 0;
}
#content #more_content div.pod div.xSellImage {
	text-align: center;
	margin-bottom: 6px;
}

#content #more_content A {
	font-size	: 12px;
}

#content #more_content A.pdf {
	padding			: 0 0 0 42px;
	background		: url(../img/pdfIcon.png) no-repeat top left;
	display			: block;
	line-height		: 17px;
}


/*
	#
	#
		Feature List section.
			This is used primarily on the Products and Solutions page.
	#
	#
*/
#list_content {
	clear	: both;
	padding	: 40px 0 0 0;
}

DL.feature_list {
	display		: block;
	width		: 720px;
	*width		: 690px; /* I <3 IE6 */
	border-top	: 1px solid #ddd;
	margin		: 0 0 0px 0;
	clear		: both;
	overflow	: hidden;
}

DL.feature_list DT {
	color		: #6b6b6b;
	margin		: 0px 0 20px 0;
	padding		: 4px 0 0 0;
	line-height : 32px;
}

DL.feature_list DD {
	width	: 210px;
	margin-right: 30px;
	height	: 145px;
	float	: left;
}

DL.feature_list DD.third {
	/* had to do this for ie */
	margin-right: 0;
}

DL.feature_list DD H3 {
	border-top	: 5px solid #ffc220;
	width		: 210px;
	padding		: 8px 0 7px 0;
}

DL.feature_list DD H3 A {
	font-size		: 18px;
	color			: #303134;
	line-height		: 20px;
	text-decoration	: none!important;
}

DL.feature_list DD P {
	font-size	: 12px;
	line-height	: 16px;
	color		: #6a6b6c;
	width		: 210px;
	margin-bottom: 5px;
}


/*
#container {
	padding-left: 20px;
	padding-right: 30px;
}
*/
#footer {
	border-top	: 1px solid #ddd;
	display: block;
}
input.button {
	border: 1px solid #9D9D9D;
	color: black;
	background-color: white;
       background-image: url(../images/head_BG.gif);
       background-repeat: repeat-x;
	background-position: 0 -5px;
	padding: 0 6px;
	*padding: 0;
	margin: 1px;
	font-size: 10px;
	color: #333;
	cursor: pointer;
}
input.leftbutton {
	border: 1px solid #C5C6C8 !important;
	padding: 1px 2px 1px 22px !important;
	text-align: left;
	background-image: url(../img/arrow_left.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	color: black !important;
	font-size: 13px !important;
}
input.rightbutton {
	border: 1px solid #C5C6C8;
	padding: 1px 22px 1px 2px !important;
	text-align: right;
	background-image: url(../img/arrow_right_padded.png);
	background-position: center right;
	background-repeat: no-repeat;
	color: black !important;
	font-size: 13px !important;

}
/* the below two classes get rid of ie's default black border on submit buttons */
span.avoidIEBlackBorder {
	background-color: transparent;
	*border: 1px solid #C5C6C8 !important;
}
span.avoidIEBlackBorder input.rightbutton {
	*border: none;
	*margin: 5px 0;
}



a.rightbutton {
	padding: 0 25px 0 0 !important;
	background-image: url(../img/arrow_right_padded.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-decoration: none !important;
}
/* career detail dynamic content */
blockquote#position_desc {
	font-size: 12px;
}
blockquote#position_desc strong {
	font-weight: bold;
	font-size: 13px;
}
/* newsroom list dynamic content */
#content #main_content #newsroom ul#press_release_list {
	margin-bottom: 0px;
}
#content #main_content #newsroom h4 {
	margin-bottom: 10px;
}
#content #main_content UL#pr_year_list LI {
	background: none;
	border-left	: 1px solid #7b7c73;
	display		: inline;
	padding		: 0 4px 0 7px;
	font-size:  .9em;
	margin: 0;
}
#content #main_content UL#pr_year_list LI.first {
	background: none;
	border		: 0px none;
	padding-left: 0;
}
#content #main_content ul#press_release_list li {
	margin-bottom: 10px;
	background: transparent url(../images/document.gif) no-repeat scroll 0px 3px;
	padding-left: 20px;
}
#content #main_content ul#press_release_list li.pdf {
	background: transparent url(../images/pdf_16x16.gif) no-repeat scroll 0px 3px;
}
#content #main_content ul#press_release_list li.newsLink {
	padding-left: 120px;
	background-image: none;
}
#content #main_content ul#press_release_list li a {
	text-decoration: none;
}
#content #main_content ul#press_release_list li a strong {
	text-decoration: underline;
}
/* newsroom detail dynamic content */
blockquote#pr_body {
	font-size: 12px;
}
blockquote#pr_body img {
	margin-bottom: 20px;
}
blockquote#pr_body strong {
	font-weight: bold;
	font-size: 13px;
}

#content #main_content #marketReportBody h5 {
	margin-bottom: 20px;
}
#content #main_content #marketReportBody h6 {
	margin-bottom: 20px;
	color: #6B6B6B;
}
#content #main_content #marketReportBody div.bigImage {
	margin: 0 0 20px;
}
#content #main_content #marketReportBody div.bigImage strong {
	display: block;
	margin-bottom: 3px;
}
#content #main_content #marketReportBody div.bigImage div.bigImageFooter {
	font-size: 11px;
	text-align: center;
}

/* product options tables */
#main_content #productOptionsGrid {
	padding: 1px; /* this is because of the way some browsers handle the border collapse (border in the margin space) */
	padding-bottom: 10px;
	line-height: normal;
	font-size: 12px;
}
#main_content #productOptionsGrid table {
	width: 100%;
	border: 1px solid #ccc;
}
#main_content #productOptionsGrid table td, 
#main_content #productOptionsGrid table th {
	border: 1px solid #ccc;
	padding: 5px 8px;
	vertical-align: top; 
}
#main_content #productOptionsGrid table th {
	padding-right: 25px;
}
#main_content #productOptionsGrid table td ul {
	margin-bottom: 2px;
}
#main_content #productOptionsGrid table td ul li {
	background-position: 1px 5px;
	padding: 0 0 0 10px;
}

/* product options tables Appraisals */
#main_content #productOptionsGridApp {
	padding: 1px; /* this is because of the way some browsers handle the border collapse (border in the margin space) */
	padding-bottom: 10px;
	line-height: normal;
	font-size: 12px;
}
#main_content #productOptionsGridApp table {
	width: 100%;
	border: 1px solid #B50938;
	color: #6b6b6b;
}
#main_content #productOptionsGridApp table td, 
#main_content #productOptionsGridApp table th {
	border: 1px solid #B50938;
	padding: 5px 8px;
	vertical-align: top;
	color: #6b6b6b;
}
#main_content #productOptionsGridApp table th {
	padding-right: 25px;
	color: #6b6b6b;
}
#main_content #productOptionsGridApp table td ul {
	margin-bottom: 2px;
}
#main_content #productOptionsGridApp table td ul li {
	background-position: 1px 5px;
	padding: 0 0 0 10px;
	color: #6b6b6b;
}

/* product options tables BPO*/
#main_content #productOptionsGridBPO {
	padding: 1px; /* this is because of the way some browsers handle the border collapse (border in the margin space) */
	padding-bottom: 10px;
	line-height: normal;
	font-size: 12px;
}
#main_content #productOptionsGridBPO table {
	width: 100%;
	border: 1px solid #0076c0;
	color: #6b6b6b;
}
#main_content #productOptionsGridBPO table td, 
#main_content #productOptionsGridBPO table th {
	border: 1px solid #0076c0;
	padding: 5px 8px;
	vertical-align: top;
	color: #6b6b6b;
}
#main_content #productOptionsGridBPO table th {
	padding-right: 25px;
	color: #6b6b6b;
}
#main_content #productOptionsGridBPO table td ul {
	margin-bottom: 2px;
}
#main_content #productOptionsGridBPO table td ul li {
	background-position: 1px 5px;
	padding: 0 0 0 10px;
	color: #6b6b6b;
}

/* product options tables HDI*/
#main_content #productOptionsGridHDI {
	padding: 1px; /* this is because of the way some browsers handle the border collapse (border in the margin space) */
	padding-bottom: 10px;
	line-height: normal;
	font-size: 12px;
}
#main_content #productOptionsGridHDI table {
	width: 100%;
	border: 1px solid #03A0A0;
	color: #6b6b6b;
}
#main_content #productOptionsGridHDI table td, 
#main_content #productOptionsGridHDI table th {
	border: 1px solid #03A0A0;
	padding: 5px 8px;
	vertical-align: top;
	color: #6b6b6b;
}
#main_content #productOptionsGridHDI table th {
	padding-right: 25px;
	color: #6b6b6b;
}
#main_content #productOptionsGridHDI table td ul {
	margin-bottom: 2px;
}
#main_content #productOptionsGridHDI table td ul li {
	background-position: 1px 5px;
	padding: 0 0 0 10px;
	color: #6b6b6b;
}

/* product options tables PCI*/
#main_content #productOptionsGridPCI {
	padding: 1px; /* this is because of the way some browsers handle the border collapse (border in the margin space) */
	padding-bottom: 10px;
	line-height: normal;
	font-size: 12px;
}
#main_content #productOptionsGridPCI table {
	width: 100%;
	border: 1px solid #663399;
	color: #6b6b6b;
}
#main_content #productOptionsGridPCI table td, 
#main_content #productOptionsGridPCI table th {
	border: 1px solid #663399;
	padding: 5px 8px;
	vertical-align: top;
	color: #6b6b6b;
}
#main_content #productOptionsGridPCI table th {
	padding-right: 25px;
	color: #6b6b6b;
}
#main_content #productOptionsGridPCI table td ul {
	margin-bottom: 2px;
}
#main_content #productOptionsGridPCI table td ul li {
	background-position: 1px 5px;
	padding: 0 0 0 10px;
	color: #6b6b6b;
}

/* product options tables RECON*/
#main_content #productOptionsGridRECON {
	padding: 1px; /* this is because of the way some browsers handle the border collapse (border in the margin space) */
	padding-bottom: 10px;
	line-height: normal;
	font-size: 12px;
}
#main_content #productOptionsGridRECON table {
	width: 100%;
	border: 1px solid #50A546;
	color: #6b6b6b;
}
#main_content #productOptionsGridRECON table td, 
#main_content #productOptionsGridRECON table th {
	border: 1px solid #50A546;
	padding: 5px 8px;
	vertical-align: top;
	color: #6b6b6b;
}
#main_content #productOptionsGridRECON table th {
	padding-right: 25px;
	color: #6b6b6b;
}
#main_content #productOptionsGridRECON table td ul {
	margin-bottom: 2px;
}
#main_content #productOptionsGridRECON table td ul li {
	background-position: 1px 5px;
	padding: 0 0 0 10px;
	color: #6b6b6b;
}