﻿@import url(reset.css);
@import url(base.css);
@import url(thumbnails.css);
@import url(forms.css);

/************************/
/* GENERAL ELEMENTS     */
/************************/
body
{
	margin: 0px;
	padding: 0px;
	color: #D9E9EF;
	background-color:#D9E9EF;
    
}
h1 , .newHeaderText
{
    color: White;
    font-family: 'UniversLTW01-67BoldCn',UniversCondensedBold,Arial,"Helvetica",Serif;
    font-size: 30px;
    letter-spacing: 0.04em;
    line-height: 35px;
    margin-bottom: 33px;
}
.newHeaderText
{
    float: left; 
    margin: 45px 0px 32px 47px;
}
h2
{
    color: #036F92;
    font-family: 'UniversLTW01-67BoldCn',UniversCondensedBold,Arial,"Helvetica",Serif;
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 24px;
    margin-bottom: 20px;
}

h3
{
    color: #036F92;
    font-family: 'UniversLTW01-67BoldCn',UniversCondensedBold,Arial,"Helvetica",Serif;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 21px;
    margin-bottom: 10px;
}
h4
{
    font-family: 'UniversLTW01-67BoldCn',UniversCondensedBold,Arial,"Helvetica",Serif;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 19px;
    margin-bottom: 10px;
    color: #036F92;
}
h6
{
    color: #575757;
    font-family: 'UniversLTW01-67BoldCn',UniversCondensedBold,Arial,"Helvetica",Serif;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 21px;
    margin-bottom: 10px;
}
p
{
    color: #707070;
    font-family: Arial,"Helvetica",Serif;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 16px;
    padding-bottom: 10px; 
}
/************************/

/* 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;
	height:100%;
    margin-right:28px;
	margin-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.left_navigation
{
    margin-left:40px;
    margin-right:25px;
    width:187px;
    float:left;
}
div.navigation a
{
	display: block;
	padding-top: 12px;
	font-family: Arial, "Helvetica", Serif;
	font-size: 13px;
	color: #575757;
	line-height:17px;
	text-decoration: none;
    background-repeat : no-repeat;
    background-position:Left 16px; 
    padding-left: 12px;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_GrayA_REV.png);
}

div.navigation a:hover
{
	background-color: Transparent;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;
	/*font-weight:bold;*/
}
div.navigation div.products a.product
{
	background-image:none;
	color: #575757;
}
div.navigation ul li a
{
	font-weight: normal;
}
div.navigation ul li a:hover
{
	/*background-image: none;*/
}
div.navigation a.selected
{
	/*font-weight: bold;*/
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;
}
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: 8px; /*padding-right: 5px;*/
	padding-top: 5px;
    background-position:Left 8px; 
	color: #575757;
	margin-left: 12px;
	font-size:11.5px;
}
div.navigation ul li a:hover, div.navigation ul li a.selected
{
	color: #036F92;
}
div.navigation ul li a.selected
{
	color: #036F92;
}

/*************************************
ADDITIONAL ITEMS
*************************************/
.box {
    background-color:#D9E9EF;
    margin-bottom:8px;
    padding-bottom:15px;
    border-bottom: 1px dotted #707070;
}
a.button
{
    display: block;
	padding-top: 12px;
	font-family: Arial, "Helvetica", Serif;
	font-size: 13px;
	color: #575757;
	line-height:17px;
	text-decoration: none;
    background-repeat : no-repeat;
    background-position:Left 16px; 
    padding-left: 11px;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_GrayA_REV.png);	
}
a.button span.icon
{
	background-repeat : no-repeat;
    background-position:Left 16px; 
}
a.button span.text
{

}
a.button:hover
{
    background-color: Transparent;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;
}
div.additional_items
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
div.additional_items a.button
{

}
div.additional_items a.button:hover
{
	background-color: Transparent;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;
}
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 div.divRequestKits
{
    margin-top:8px;
	padding: 5px;
	font-family: "Lucida Grande" , "Lucida Sans Unicode" ,sans-serif;
	font-size: 11px;
	border: solid 1px #a39b96;
	background-color:#F1F1F1;
}
div.additional_items div.divRequestKits a:Hover, div.additional_items div.moreMaterial a:Hover
{
    background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
    color:#036F92;
}
div.additional_items div.divRequestKits a, div.additional_items div.moreMaterial a
{
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 15px;
    text-decoration:none;
    float: left;
    width:100%;
    color:#575757;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_GrayA_REV.png);
}

div.additional_items a.selected 
{
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;
}

div.additional_items div.materials ul
{
	margin-left: 19px;
}
div.additional_items div.materials ul li
{
	padding:0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
div.additional_items div.materials ul li ul.children
{
	margin-left: 6px;
	padding-left: 7px;
}
div.additional_items div.materials ul li a
{
    display: block;
	padding-top: 7px;
	font-family: Arial, "Helvetica", Serif;
	font-size: 13px;
	color: #575757;
	line-height:17px;
	text-decoration: none;
    background-repeat : no-repeat;
    background-position:Left 11px; 
    padding-left: 11px;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_GrayA_REV.png);	
}
div.additional_items div.materials ul li a:hover
{
	background-color: Transparent;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;
}
div.additional_items div.materials ul li.expanding a.parent
{
	/*background-color: Transparent;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;*/
}
div.additional_items div.materials ul li.expanded a.parent
{
	background-color: Transparent;
	background-image: url(../images/reskinImgs/Altegris_Arrow_5x9_BlueB_REV.png);
	color: #036F92;
}
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;*/
}
div.divMatWithThumb
{
    border-bottom: 1px dotted #707070;
    margin:15px 0px 15px 0px;
    padding:15px 0px 15px 0px;
}
/**********************************************/
/****	PERFORMANCE TABLES	*******************/
/**********************************************/

table.stats
{
	width: 100%;
	border-bottom: solid 1px #C5C5C5;
	margin:8px 0 8px 0;
}
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-bottom: solid 1px #C5C5C5;
	font-family: Arial;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 15px;
    color: #707070;

}
table.stats tbody tr td,
table.stats tbody tr th,
table stats tfoot tr td,
div.row div.cell
{
	/*background-color: #eee;*/
	padding:3px 2px 3px 2px;
}
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
{
    color: #FFFFFF;
    font-family: 'UniversLTW01-67BoldCn',UniversCondensedBold,Arial,"Helvetica",Serif;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 21px;
    background-color: #575757;
    text-align: left;
    padding: 16px;
}
table.stats tbody tr th
{
	background-color: #036F92;
	margin: 8px 16px 8px 16px;
	text-align: center;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 15px;
    color: #FFFFFF;
    vertical-align: middle;
    height: 31px;
}
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;*/
	padding-right:16px;
}
table.stats tr td.data,
table.stats tbody tr td
{
	text-align: right;
}
table.stats tr th.data
{
	text-align: right;
}
table.stats td.negative
{
	color: #900;
}
ul.stars
{
	text-align: left;
	padding-left: 20px;
	margin-top:8px;
}
ul.stars li
{
    color: #707070;
    font-family: Arial,"Helvetica",Serif;
    font-weight:normal;
    font-size: 12px;    
    letter-spacing: 0.03em;
    line-height: 16px;
    list-style-image: url(../images/reskinImgs/Altegris_PlusSign_9x9.png);
}
ul.stars li b
{
    color: #707070;
    font-family: Arial,"Helvetica",Serif;
    font-weight:normal;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 16px;
}
div.scroll
{
	border: solid 1px #666;
	height: 125px;
	overflow: auto;
	background-color: #F1F1F1;
}
div.scroll div.padded
{
	padding: 10px;
}
/*************************************
BREADCRUMBS
*************************************/
span.breadcrumb
{
	display:none;
	font-size: 10px;
	visibility: collapse;
}
span.breadcrumb span.separator
{
	color: #369;
	visibility:collapse;
}
span.breadcrumb span a
{
	text-decoration: underline;
	visibility:collapse;
}
span.breadcrumb span.node
{
	color: #900;
	visibility: collapse;
}


.negative
{
	color: #900;
}

