﻿/*******************************************************
*   Standard Classes                                   *
*******************************************************/

td {
  font-size: 11px;
}

body,.txtMain
{
	/*color: #757575;*/
	color: #000000;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
}

h1 
{
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 16px;
  font-weight: bold;
  color: #5982c3;
  text-transform: uppercase;
}

h2 {
  font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
  color: #5982c3;
}

h3 {
  font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: normal;
  color: #5982c3;
}

h4 {
  font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: normal;
  color: #767677;
}

h5 {
  font-family: Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
  color: #767677;
}

h6 {
  font-family: Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: normal;
  color: #767677;
}

hr {
  color: #5982c3;
  height: 1px;
}

ul {
  margin-top: 8px;
}

li {
  list-style-image: url(/App_Themes/2010/images/li.gif);
}

/*******************************************************
*   Image Classes                                      *
********************************************************/

#mainHeader {
  background-image: url("http://www.cscu.net/App_Themes/2010/images/header.gif");
}


#subBarTop {
  background-image: url("/App_Themes/2010/images/subBarTop.gif");
  width: 16px;
  height: 9px; 
}

#subBarBtm {
  background-image: url("/App_Themes/2010/images/subBarBtm.gif");
  width: 16px;
  height: 9px; 
}

.boxBackground {
  background-image: url("/images/box_background.gif");

}
.lftBoxBackground {
  background-image: url("/images/lower_left.gif");
  width: 254px;
  height: 235px; 
}

.midBoxBackground {
  background-image: url("/images/lower_middle.gif");
  width: 254px;
  height: 235px; 
}

.rtBoxBackground {
  background-image: url("/images/lower_rt.gif");
  width: 254px;
  height: 235px; 
}


.photo {
  border: solid 2px #5982c3;
}

/********************************************************
*   Bread Crumb Classes                                 *
********************************************************/

.breadCrumb
{
  font-size: 8pt;
}

.breadCrumb a
{
	color: #5982c3;
	font-weight: normal;
	text-decoration: none;
}

.breadCrumb a:hover
{
	color: #0F1153;
	font-weight: normal;
	text-decoration: underline;
}


/********************************************************
*   ComponentArt Menu Classes for navigation.           *
********************************************************/

.MenuTopGroup
{
	font-family: Helvetica, Arial, Sans-Serif;
  cursor: default; 
}

.MenuGroup
{
	font-family: Helvetica, Arial, Sans-Serif;
  /*border: solid 1px #5982c3;*/
  cursor: default;
}

.TopMenuItem {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
  text-decoration: none;
  background-color: #92add7;
  cursor: hand;
}

.TopMenuItemHover {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #5982c3;
	text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  cursor: hand;
}


.TopMenuSelected {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #5982c3;
	text-align: center;
  text-decoration: none;
  background-color: #FFFFFF;
  cursor: hand;
}

.MenuItem {
	font-family: Helvetica, Arial, Sans-Serif;
	/*font-size: 6px;*/
	font-weight: normal;
	filter:alpha(opacity=95); 
	color: #5982c3;
  text-decoration: none;
  background-color: #FFFFFF;
  cursor: hand;
}

.MenuItemHover {
	font-family: Helvetica, Arial, Sans-Serif;
	/*font-size: 6px;*/
	font-weight: normal;
  text-decoration: none;
  background-color: #92add7;
  cursor: hand;
	color: #ffffff;
}

/********************************************************
*   ComponentArt Menu Classes for the Tabs.             *
********************************************************/

.TopGroup
{
  z-index:99;
  cursor: hand;
  position:relative;
  background-image:url(/images/tabs/gold/top_back.gif);
}

.Level2Group
{

}

.TabDefault {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 8pt;
  font-weight: bold;
  /*color: #486690;*/
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  background-image:url(/images/tabs/gold/tab_back.gif);
}

.TabSelected {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 8pt;
  font-weight: bold;
  /*color: #486690;*/
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  background-image:url(/images/tabs/gold/selected_tab_back.gif);
}

.TabPanel {
  /*
  Original
  background-color: #efefef;
  border-left: solid 1px #a8a393;
  border-right: solid 1px #a8a393;
  border-bottom: solid 1px #a8a393;*/
  
  background-color: #ffffff;
  border-left: solid 1px #788088;
  border-right: solid 1px #788088;
  border-bottom: solid 1px #788088;
}


/*  New Styes for the new ASP.NET Menu */

/*
  For ASP.NET Menu

.MenuTop {
  background-color: #44598b;
  text-align: center;
}

.MenuTopHover {
  background-color: #5f7eb3;
}

.MenuTop a {
  color: White;
  font-family: Arial, Helvetica, Arial, Sans-Serif, sans-serif, Tahoma;
  font-size: small;
  font-weight: bold;
}

.MenuTop a:hover {
  color: White;
  font-family: Arial, Helvetica, Arial, Sans-Serif, sans-serif, Tahoma;
  font-size: small;
  font-weight: bold;
}

.MenuItem {
  background-color: #fdfcfc;
  border: 1px solid #999999;
}

.MenuItem a {
  font-size: 0.6em;
  font-family: Arial, Helvetica, Arial, Sans-Serif, sans-serif, Tahoma;
  font-weight: normal;
  color: black;
}

.MenuItem a:hover {
  font-size: 0.6em;
  font-family: Arial, Helvetica, Arial, Sans-Serif, sans-serif, Tahoma;
  font-weight: normal;
  color: black;
}

.MenuItemHover {
  background-color: #5f7eb3;
  font-family: Arial, Helvetica, Arial, Sans-Serif, sans-serif, Tahoma;
  color: #ffffff;
}

.MenuItemHover a {
  font-size: 0.6em;
  font-family: Arial, Helvetica, Arial, Sans-Serif, sans-serif, Tahoma;
  font-weight: normal;
  color: white;
}

.MenuItemHover a:hover {
  font-size: 0.6em;
  font-family: Arial, Helvetica, Arial, Sans-Serif, sans-serif, Tahoma;
  font-weight: normal;
  color: white;
}

*/


/*******************************************************
*   Table Classes                                      *
********************************************************/

.grayBox {
  background-color: #f9f9f9;
  border: 1px solid #5982c3;
}

.dataBox {
  background-color: #efefef;
  border: outset thin;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  padding-top: 6px;
}

.infoBox {
  background-color: #f9f9f9;
  border: 1px solid #dedede;
  padding: 5px 5px 5px 5px;
}

.thead 
{
	font-family: Helvetica, Arial, Sans-Serif;
	color: #666666;
	font-weight: bold;
	background-color: #cccccc;
}

.thead-asc
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
	color: #666666;
	font-weight: bold;
	background-color: #cccccc;
	background-image: url(/images/header_asc.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

.thead-desc
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
	color: #666666;
	font-weight: bold;
	background-color: #cccccc;
	background-image: url(/images/header_desc.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

.reportCriteria {
  padding: 5px 5px 5px 5px;
  background-color: #f0f0f0; 
}

.tdAlt {
  background-color: #ededed;
}
.tdAltHT 
{
  background-color: #ededed;
  background-image: url(/images/tabs/custom/HT_bar.gif);
  background-repeat: repeat-x;
	background-position: top;
  
}
.tdAltPA {
  background-color: #ededed;
  background-image: url(/images/tabs/custom/PA_bar.gif);
  background-repeat: repeat-x;
	background-position: top;

}
.tdAltFP {
  background-color: #ededed;
  background-image: url(/images/tabs/custom/FP_bar.gif);
  background-repeat: repeat-x;
	background-position: top;
	}

.subBar {
	background-color: #5982c3;
}

.tblNavbar
{
  background-color: #5982c3;
}
/* Color changed from #94A5CA to #5982c3 3.28.08 */
.tdSubmenu {
	background-color: #5982c3;
}

.tdSubmenuGold {
	 /*background-color: #94A5CA; */
  background-color: #FFFFFF;
  color: #ffffff;
  font-weight: bold;
}

.tdHomeMiddle {
  background-color: #ededed;
}

/*.tdShadow {
	background-image: url(/images/shadow.gif);
	background-repeat: repeat-x;/*
}
/* Color changed from #486590 to #5982c3 3.28.08 */
.subRightHeader {
  background-image: url(/App_Themes/2010/images/right_bg.gif);
  background-repeat: no-repeat;
  height: 27px;
  padding-left: 8px;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF
}

.subRight {
  background-color: #ededed;  
  padding: 8px 8px 8px 8px;
}

.tblSimulationMain {
  border-right: #5982c3 thin solid;
  border-top: #5982c3 thin solid;
  border-left: #5982c3 thin solid;
  border-bottom: #5982c3 thin solid;
  background-color: #ffffff
}
/* Color changed from #5f7eb3 to #5982c3 3.28.08 */
.tdHeader {
  background-color: #5982c3;
  color: #ffffff;
}

.tdSeparator {
  background-image: url('../images/blue_white_stripe.gif');
  height: 30px;
}

/*******************************************************
*   Text Style Classes                                 *
********************************************************/

.subHeading {
  font-style: italic;
  font-weight: normal;
  font-size: 10pt;
  color: #5982c3;  
}

.subheader {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 10pt;
  font-weight: bold;
  color: #5982c3;
}

.quoteText {
  font-style: italic;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: medium;
	color: #94A5CA;
	font-weight: bold;
}

.txtGreen
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	color: #009933;
	font-weight: bold;
}

.txtBlue
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color: #5982c3;
	font-weight: bold;
}

.txtGray
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: small;
	color: #767677;
	font-weight: bold;
}

.txtLight {
	font-family: Helvetica, Arial, Sans-Serif;
	color: #767677;
	font-weight: normal;
}

.pageheader
{
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
  color: #5982c3;
  text-transform: uppercase;
  border-bottom: solid 1px #5982c3;
  margin-bottom:10px;
  
  /*
  font-family: Arial;
  font-size: 9pt;
  font-weight: bold;
  color: #44598b;
  border-bottom: dotted 1px #44598b;
  text-transform: uppercase;
  */
}

.pageheaderBig
{
  font-family: Arial;
  font-size: 1.4em;
  font-weight: bold;
  color: #5982c3;
  border-bottom: solid 1px #5982c3;
  text-transform: uppercase;
}


.rightheader
{
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  color: #5982c3;
  text-transform: uppercase;
}


.panelheader
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: small;
  font-weight: bold;
  color: #5982c3;
}

.txtWhiteBold
{
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
}

.txtWhite
{
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
}

.txtSmall
{
  font-size: xx-small;
}

.txtCopyright {
	font-size: 9px;
	color: #767677;
}

.txtSearchDocumentType
{
	color: #36A200;
}

.rule {
  border-bottom: solid 1px #5982c3;
  margin-bottom: 8px;
  margin-top: 8px;
}

/*******************************************************
*   Link Classes                                       *
********************************************************/

a
{
	color: #5982c3;
	text-decoration: underline;
}

a:hover
{
	color: #0F1153;
	text-decoration: underline;
}


.lnkBlue
{
	color: #5982c3;
	text-decoration: none;
}

.lnkBlue:hover
{
	color: #0F1153;
	text-decoration: underline;
}


.lnkWhite
{
  color: #ffffff;
  text-decoration: none;
}

.lnkWhite:hover
{
  color: #ffffff;
  text-decoration: underline;
}

.lnkMainNav {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
  text-decoration: none;
}
.lnkMainNav:hover {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}


/*******************************************************
*   Form Field Classes                                 *
********************************************************/

.formButton {
  background-color: #FFFFFF;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 8pt;
  font-weight: bold;
  color: #5982c3;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1px 1px 1px 1px;
  border: solid 1px #5982c3;
  text-transform: uppercase;
  cursor: hand;
}

.formFieldLabel {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
}

.formFieldRequired, .required, .red {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 8pt;
	color: #ff0000;
}

.formFieldInstructions {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 8pt;
}

.formTextBox {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 8pt;
  color: #000000;
  background-color: #ffffff;
}

.formTextBoxFlat {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 8pt;
  color: #000000;
  background-color: #ffffff;
  border: solid 1px #dfdfdf;
  background-color: #ffffff;
  cursor: default;
}

.formSelectList {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 8pt;
	color: #000000;
  background-color: #ffffff;
}



/*******************************************************
*   Login Box Classes                                  *
********************************************************/
/*background-color: #44598b*/

.loginBox
{
  border: solid 1px #5982c3;
  background-color: #ededed;
  /*padding: 10px 10px 10px 10px;*/
}

.loginBoxHeader
{
  background-color: #5982c3;
  color: #ffffff;
  font-weight: bold;
  font-size: 9pt;
  padding: 5px 5px 5px 5px;
}

.DataForm
{
  background-color: #efefef; 
  border: outset thin;
}

.DataFormFlat {
  background-color: #efefef; 
  border: solid 2px #dfdfdf;
}

.divScroll {
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #eaecee;
  scrollbar-face-color: #eaecee;
  scrollbar-3dlight-color: #f7f7f4;
  scrollbar-highlight-color: #eaecee;
  scrollbar-shadow-color: #eaecee;
  scrollbar-darkshadow-color: #a8a393;
  scrollbar-track-color: #f7f7f4;
}

/*
New stuff - to support existing content from the old site (strategies)
*/

.Report {
  margin-top: 15px;
  margin-bottom: 25px;
}

.ColumnHeader {
  background-color: #ffffff;
}

.ReportTitle {
  color: #666666;
  background-color: #ffffff;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 12pt;
  font-weight: bold;
  margin-top: 12px;
  padding: 2px 2px 2px 2px;
}

.WhatsThis {
  color: #5982c3;
  cursor: help;
}

