@import url(reset.css);
@import url(base.css);
@import url(thumbnails.css);
@import url(forms.css);
/************************/
/* GENERAL ELEMENTS     */
/************************/
body
{
	margin: 0px;
	padding: 0px;
	color: #333;
	background-position: 0px -20px;
	background-image: url(../images/v2/header_bkgd.gif);
	background-repeat: repeat-x;
}

/************************/
/* SECTIONS ELEMENTS    */
/************************/
#header
{
	margin: 0;
	height: 184px;
	width: 100%;
	vertical-align: bottom;
	position: relative;
}

.subheader
{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	background-color: #cccccc;
	display: block;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 0px;
	margin-bottom: 3px;
	margin-top: 25px; /*background-image: url(images/bg_gradient_ccc.gif); 	background-repeat: repeat-x;*/
}
.subheader:hover
{
	color: #990000;
	background-color: #999999;
}
.platform
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 14px;
	background-color: #cccccc;
	background-repeat: no-repeat;
	width: 180px;
	height: 100px;
	display: block;
}

.platform .platform_top
{
	background-color: #666666;
	height: 20px;
	padding-left: 8px;
	padding-top: 5px;
	display: block;
}
.platform .platform_bottom
{
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	height: 60px;
}
.platform .follow_link
{
	display: block;
	margin-top: 3px;
	font-weight: bold;
}

.testimonial
{
	font-size: 12px;
	font-family: "arial";
	font-style: italic;
	color: #000000;
}
.testimonial_author
{
	font-size: 10px;
	font-family: "arial";
	color: #666666;
}
.capslink
{
	font-size: 11px;
	font-family: arial;
	color: #ff6600;
	text-transform: uppercase;
	text-decoration: none;
}
.capslink:hover
{
	color: #336699;
}

#featured
{
	float: right;
	width: 180px;
	overflow: hidden;
	padding-top: 25px;
}
.chart .title, .chart h1, .chart h2, .chart .small_title
{
	font-size: 14px;
	display: block;
	color: #000000;
}
.chart .small_title
{
	font-size: 11px;
	font-weight: bold;
}
.chart .date
{
	font-size: 11px;
	display: block;
	color: #666666;
	font-weight: normal;
}
.chart select
{
	font-size: 11px;
}
.chart .dropdown
{
	border: solid 1px #666;
	background-color: #fff;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	margin-right: 5px;
	width: 100px;
	height: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
}
/****************************/
/* LEFT NAVIGATION			*/
/****************************/
ul.main_navigation, ul.main_navigation .sublinks
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.main_navigation li
{
	margin-bottom: 2px;
	background-color: White;
}
ul.main_navigation li a
{
	vertical-align: top;
	display: block;
	height: 18px;
	padding-top: 3px;
	text-decoration: none;
}
ul.main_navigation member a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
}

ul.main_navigation .sublinks
{
	padding-bottom: 2px;
	display: none;
}
ul.main_navigation .selected .sublinks
{
	display: block;
}
ul.main_navigation .sublinks li a.selected_link
{
	color: #990000;
	background-image: url(../images/red_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 9px 5px;
}
ul.main_navigation .sublinks li a
{
	font-size: 11px;
	color: #666666;
	padding: 0px;
	padding-left: 15px;
	height: 15px;
}
ul.main_navigation .sublinks li a:hover
{
	color: #990000;
	background-image: url(../images/red_arrow1.gif);
	background-repeat: no-repeat;
	background-position: 9px 5px;
}
/*******************************/
/* FEATURED ITEMS (RIGHT SIDE) */
/*******************************/
#featured table tr th.title, .featured_item h1, .featured_item h2, .featured_item h3, .featured_item h4, .featured_item h5, .featured_item h6
{
	background-color: #369;
	background-image: url(../images/gradient.aspx?f=369&t=274C72&h=15);
	background-repeat: repeat-x;
	background-position: bottom left;
}
.featured_item h1, .featured_item h2, .featured_item h3, .featured_item h4, .featured_item h5, .featured_item h6
{
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	text-transform: none;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-bottom: 5px;
	margin-top: 25px;
}
.featured_item h1.dynamic_image
{
	background-image: none;
	padding: 0;
	margin: 0;
	line-height: normal;
}
.featured_item
{
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 14px;
}
.featured_item p
{
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.featured_item a
{
	font-size: 11px;
	line-height: 14px;
	color: #990000;
}

.featured_item a.follow_link
{
	display: block;
	margin-top: -5px;
}

.featured_note
{
	font-size: 9px;
	color: #666666;
	line-height: 11px;
}

/*Not Used .featured_item
	background-color: #ccc;
	background-image: url(images/box_border_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 10px;*/
/****************************/
/* CONTENT SECTIONS         */
/****************************/
.content_sections
{
	margin-top: 15px;
}
.content_sections .section
{
	/* height: 78px;*/
	background-color: #ccc;
	clear: both;
	font-size: 12px;
	height: 78px;
	margin-top: 5px;
	background-image: url(../images/box_border_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.content_sections .section a.section_img_link
{
	width: 154px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 10px;
	float: left;
}
.content_sections .section_content
{
	display: block;
	padding: 10px;
}
.content_sections .section .follow_link
{
	position: absolute;
	bottom: 5px;
	left: 164px;
}
.content_sections .testimonial
{
	/* height: 78px;*/
	background-color: #cce0eb;
	clear: both;
	font-size: 11px;
	font-style: italic;
	margin-top: 5px;
	background-image: url(images/box_border_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
.content_sections .testimonial2
{
	font-size: 10px;
	color: #666666;
	font-style: normal;
}

.loading
{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 200px;
	margin-left: -100px;
	margin-top: -20px;
	text-align: center;
}

/*****************************************
PRODUCT NAVIGATION
*****************************************/
div.navigation a
{
	display: block;
	padding-bottom: 3px;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" ,sans-serif;
	font-size: 11px;
	color: #766a62;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
}
div.navigation a:hover
{
	background-color: Transparent;
	/*color: #cc6600;*/
	color: #900;
	background-image: url(../images/bullet_squares.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
div.navigation div.products a.product
{
	background: url(../images/bullet_blue_square.gif) no-repeat 0px 9px;
}
div.navigation ul li a
{
	font-weight: normal;
}
div.navigation ul li a:hover
{
	background-image: none;
}
div.navigation a.selected
{
	font-weight: bold;
}
div.navigation ul, div.navigation ul li
{
	padding: 0;
	margin: 0;
}
div.navigation ul
{
	display: none;
}
div.navigation ul.selected
{
	display: block;
}
div.navigation a.heading
{
	color: #557DD1; /*margin-left: 0; 	margin-top: 7px; 	margin-right: 7px; 	color: #888; 	border-top: solid 1px #ccc; 	background-image: url(../images/gradient.aspx?f=ddd&t=fff); 	background-repeat: repeat-x; 	background-position: top left;*/
}
div.navigation ul li a
{
	padding-left: 5px; /*padding-right: 5px;*/
	/*color: #c60;*/
	color: #369;
	border-left: 1px solid #ccc;
	margin-left: 12px;
}
div.navigation ul li a:hover, div.navigation ul li a.selected
{
	padding-left: 3px;
	text-decoration: underline;
	border-left: 3px solid #557dd1;
}
div.navigation ul li a.selected
{
	border-color: #557dd1;
	text-decoration: none;
	color: #48382e;
}

/*************************************
ADDITIONAL ITEMS
*************************************/
.box {
background-color:#ECEBEA;
border-left:1px solid #ECEBEA;
}
a.button
{
	display: block;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" ,sans-serif;
	font-size: 11px;
	line-height: normal;
	background-color: #d1cdcb;
	border-top-color: #fff;
	border-right-color: #a39b96;
	border-bottom-color: #a39b96;
	border-left-color: #a39b96;
	border-style: solid;
	border-width: 1px;
	color: #48382e;
	background-repeat: repeat-x;
}
a.button span.icon
{
	background-position: 5px 12px;
	background-repeat: no-repeat;
	padding-left: 25px;
	display: block;
}
a.button span.blue
{
	background-image: url(../images/button_icon_blue.gif);
}
a.button span.green
{
	background-image: url(../images/button_icon_green.gif);
}
a.button span.orange
{
	background-image: url(../images/button_icon_orange.gif);
}
a.button span.text
{
	display: block;
	padding: 2px;
	padding-left: 7px;
	border-left: solid 1px #fff;
	border-right: solid 1px #d1cdcb; /*height: 22px;*/
	padding-top: 10px;
	padding-bottom: 7px;
}
a.button:hover
{
	color: #c60;
}
div.additional_items
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
div.additional_items a.button
{
	display: inherit;
	width: auto; /*margin-left: -1px;     margin-right: -1px;*/
	text-decoration: none;
}
div.additional_items a.button:hover
{
	color: #557DD1;
}
div.additional_items div.sub
{
	padding: 5px;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" ,sans-serif;
	font-size: 11px;
	color: #48382e;
	border-bottom: solid 1px #a39b96;
}
div.additional_items a.selected span.blue
{
	background-image: url(../images/button_icon_blue2.gif);
}
div.additional_items a.selected span.green
{
	background-image: url(../images/button_icon_green2.gif);
}
div.additional_items a.selected span.orange
{
	background-image: url(../images/button_icon_orange2.gif);
}

div.additional_items div.materials ul
{
	padding: 0;
	margin: 0;
}
div.additional_items div.materials ul li
{
	padding: 0;
	text-align: left;
}
div.additional_items div.materials ul li ul.children
{
	margin-left: 6px;
	border: dotted 1px #ccc;
	border-right: none;
	border-top: none;
	padding-left: 7px;
}
div.additional_items div.materials ul li a
{
	color: #557DD1;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left 4px;
	background-image: url(../images/icon_pdf_tiny.gif);
}
div.additional_items div.materials ul li a:hover
{
	text-decoration: underline;
	background-color: transparent;
}
div.additional_items div.materials ul li.expanding a.parent
{
	background-image: url(../images/bullet_arrow_blue.gif);
	background-position: 3px center;
}
div.additional_items div.materials ul li.expanded a.parent
{
	background-image: url(../images/bullet_arrow_blue_90.gif);
}
div.additional_items div.materials ul li.audio a
{
	background-image: url(../images/icon_audio.gif);
	background-position: 3px center;
}
div.additional_items div.materials ul li.video a
{
	background-image: url(../images/icon_video.gif);
}
div.additional_items div.materials ul li.disc a
{
	background-image: url(../images/icon_pdf_tiny.gif);
}
div.additional_items div.materials a
{
	display: block; /*border-bottom: solid 1px #E2D6CE;*/
}

/**********************************************/
/****	PERFORMANCE TABLES	*******************/
/**********************************************/

table.stats
{
	width: 100%;
}
table.stats tr td,
table.stats tr th
{
	padding: 2px;
	line-height: normal;
}
table.stats tr td,
table.stats tr th,
div.row div.cell
{
	border-right: solid 1px White;
	border-bottom: solid 1px White;
	font-size: 11px;
}
table.stats tbody tr td,
table.stats tbody tr th,
table stats tfoot tr td,
div.row div.cell
{
	background-color: #eee;
}
table.stats tbody tr:hover td,
table.stats tbody tr.wide:hover td,
table.stats tbody tr.product:hover td,
div.row:hover div.cell,
table.correlation tbody tr:hover td,
table.correlation tbody tr:hover th
{
	background-color: #ddd;
}
table.stats thead tr th
{
	font-weight: bold;
	font-size: 140%;
	font-family: Times New Roman;
}
table.stats tbody tr th
{
	background-color: #d5d5d5;
	text-align: center;
}
table.stats tr th
{
	font-weight: bold;
}
table.stats tr th.data,
table.stats tr td.data
{
	width: 34px;
}
table.stats tr th.ytd,
table.stats tr td.ytd
{
	width: 70px;
}
table.stats tr td.data,
table.stats tbody tr td
{
	text-align: right;
}
table.stats tr th.data
{
	text-align: center;
}
table.stats td.negative
{
	color: #900;
}
ul.stars
{
	text-align: left;
	padding-left: 20px;
}
ul.stars li
{
	list-style-type: disc;
}
ul.stars li b
{
	display: block;
	font-size: 120%;
}
div.scroll
{
	border: solid 1px #666;
	height: 125px;
	overflow: auto;
	background-color: #eee;
}
div.scroll div.padded
{
	padding: 10px;
}