/*============================================
// File: client.css
//
// Description: Site wide styles
//
// Version: v1.0
//
// History:
// - 2005-05-01
//
============================================*/


/*============================================
// HTML Elements
============================================*/
body{font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 11pt}
td{font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 11pt}
th, p, div, span, li, ul, ol, a {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
/* Use this to force TH-cells to align left */
th.th_Alt { 
	text-align:left;
}

select,option, input, textarea {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

form {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #000000;
	FONT-FAMILY: verdana,helvetica,sans-serif
}

/***************************************
// Div Tags
***************************************/
/* verified */
div.boxBeigeCode
{
	border: #8B4513 1px solid;
	margin: 0px 30px 0px 30px;	
	padding: 2px 5px 2px 5px;
	color: #000066;
	background-color: #EFEFDE;
	font-family: 'Courier New' , Monospace;	
}/* FCstyle*/

div.boxBeige
{
	border: #8B4513 1px solid;
	margin: 0px 30px 0px 30px;	
	padding: 2px 5px 2px 5px;
	color: #000066;
	background-color: #EFEFDE;
}/* FCstyle*/

div.boxHilite
{
	border: #8B4513 1px solid;
	font-weight:bold;
	margin: 0px 30px 0px 30px;	
	padding: 2px 5px 2px 5px;	
	color: #000066;
	background-color: #FFFF33;
}/* FCstyle*/

div.devServer{
	text-align:center;
	margin: 2px 2px 2px 2px; 
	padding: 2px 2px 2px 2px;		
	color: #CC0000; 
	font-weight:bold;
	}

/* un-verified */
div.hr {
  height: 15px;
  background: #F1F1F1 url(/images/hr1.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}
/***************************************
// END - Div Tags
***************************************/

pre {
  color: #660000;
  border: 1px solid #330000;
  padding: 10px;
  margin-left: 2.5%;
  margin-right: 2.5%;
  background-color: #efefcf;
  font-family: "Courier New", Courier, monospace;
  white-space: pre;
  page-break-inside: avoid;
  font-size: 1.0em;
  line-height: 1.0em;
  }

a {color: #333333;text-decoration: underline;}
a:visited {color: #333333;text-decoration: underline;}
a:link {color: #000000; text-decoration: underline}
a:hover {color: #be1e2d;text-decoration: underline;}		/*	a:hover {COLOR: #ff0000;TEXT-DECORATION: underline;}	*/

unknown {
	FONT-SIZE: 70%;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
}


/*============================================
// Custom Classes
============================================*/
.deleted    {background-color: #F43300; font-weight: bold }
.error	   {color:#DD0000}

/* 2005-06-07 for Function Reg screen */
.header1        { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 14pt; text-decoration: none; font-weight: bold }
.header2        { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 12pt; text-decoration: none; font-weight: bold }
.header2_noBold { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 12pt; text-decoration: none }
.header3        { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; text-decoration: none; font-weight: bold }



/* for debugging output */
.highlightYellow {
	background-color:#FFFF33; 
	font-size: 98%; 
	color: #cc0000; 
} 

/* for feedback on error */
span.warning  {
	font-size: 95%; 
	color: #cc0000; 
} 


.TblRightBdr  {border: thin dotted #000000; border-width: 0px 1px 0px 0px; padding-left: 0px}

td.TblRow1 {color: #000000; background-color:#F4F4F4; font-size: 9pt; padding: 0 0 0 0;}
td.TblRow2 {color: #000000; background-color:#E5E5E5; font-size: 9pt; padding: 0 0 0 0; }
td.TblRow3 {color: #000000; background-color:#cccccc; font-size: 9pt; padding: 0 0 0 0; }

td.TblRow1Nb {color: #000000; background-color:#F4F4F4; font-size: 9pt; padding: 0 0 0 0; border:none; }
td.TblRow2Nb {color: #000000; background-color:#E5E5E5; font-size: 9pt;	padding: 0 0 0 0; border:none; }
td.TblRow3Nb {color: #000000; background-color:#cccccc; font-size: 9pt;	padding: 0 0 0 0; border:none; }

td.SpRow1 {color: #000000; background-color:#F4F4F4; font-size: 3px; padding: 0 0 0 0; } 
td.SpRow2 {color: #000000; background-color:#E5E5E5; font-size: 3px; padding: 0 0 0 0; }
td.SpRow3 {color: #000000; background-color:#cccccc; font-size: 3px; padding: 0 0 0 0; }  

td.SpRow1Nb {color: #000000; background-color:#F4F4F4; font-size: 3px; padding: 0 0 0 0; border:none; } 
td.SpRow2Nb {color: #008000; background-color:#E5E5E5; font-size: 3px; padding: 0 0 0 0; border:none; }
td.SpRow3Nb {color: #00ff00; background-color:#cccccc; font-size: 3px; padding: 0 0 0 0; border:none; }  

td.SpRow1Tb {background-color:#F4F4F4; font-size: 3px; padding: 0 0 0 0; border: #000000 solid; border-width: 1px 0px 0px 0px; }  
td.SpRow2Tb {background-color:#E5E5E5; font-size: 3px; padding: 0 0 0 0; border: #000000 solid; border-width: 1px 0px 0px 0px; }  
td.SpRow3Tb {background-color:#cccccc; font-size: 3px; padding: 0 0 0 0; border: #000000 solid; border-width: 1px 0px 0px 0px; } 

td.SpRow1Bb {background-color:#F4F4F4; font-size: 3px; padding: 0 0 0 0; border: #000000 solid; border-width: 0px 0px 1px 0px; }  
td.SpRow2Bb {background-color:#E5E5E5; font-size: 3px; padding: 0 0 0 0; border: #000000 solid; border-width: 0px 0px 1px 0px; }  
td.SpRow3Bb {background-color:#cccccc; font-size: 3px; padding: 0 0 0 0; border: #000000 solid; border-width: 0px 0px 1px 0px; }  

td.cellWidthTemplate {font-size: 1px; padding: 0 0 0 0; } 
td.Spacer {font-size: 3px; padding: 0 0 0 0; } 

td.TblRowRed	{background:#cc0000;}
td.TblRowYellow	{background:#FFFF00;}


a.smltextlink {color: #ffffff;text-decoration:none; font-size: 8pt}
a.smltextlink:visited {color:#ffffff; text-decoration:none}
a.smltextlink:hover {text-decoration:underline; font-size: 8pt}

a.mainnavlink {color: #666666; text-decoration:none; font-size: 10pt}
a.mainnavlink:visited {color:#666666; text-decoration:none}
a.mainnavlink:hover {color:#be1e2d; text-decoration:underline;  font-size: 10pt}

a.subnavlink {color: #666666; text-decoration:none; font-size: 10pt}
a.subnavlink:visited {color:#666666; text-decoration:none}
a.subnavlink:hover {color:#be1e2d; text-decoration:underline;  font-size: 10pt}

a.smltextlinkhighlights {text-decoration:none; color: #336699; font-size: 8pt}
a.smltextlinkhighlights:visited {text-decoration:none; color: #336699; font-size: 8pt}
a.smltextlinkhighlights:hover {text-decoration:underline; font-size: 8pt}

.smltextlogin {font-size: 7pt; color:#ffffff}
.BoldHeadingMain {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold ; color: #9c1724;}
.BoldHeadingsSec {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold ; color: #666666;}
/*	change to H1 & H2 ... increases Google page rank value of text inside tags
*/
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold ; color: #9c1724; margin:0; padding:0;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold ; color: #666666; margin:0; padding:0;}


a.TextLink {text-decoration:underline; color: #336699; }
a.TextLink:visited {text-decoration:underline;       color:#336699}
a.TextLink:hover   {text-decoration:underline;  color:#336699}
/* do we want to add this style? 
a.TextLinkBody {text-decoration:underline; color: #AE2503; }
a.TextLinkBody:visited {text-decoration:underline;    color: #AE2503; }
a.TextLinkBody:hover   {text-decoration:underline;  color: #AE2503; }
*/


a.smltextloginLink {text-decoration:none; font-size: 7pt; color:#ffffff; /* used in the left-column login box area */}
a.smltextloginLink:visited {text-decoration:none; font-size: 7pt; color:#ffffff;}
a.smltextloginLink:hover   {text-decoration:underline; font-size: 7pt; color:#ffffff;}



.verySmallTextGrey {font-size: 7pt; color:#cccccc}
.verySmallTextBlack {font-size: 7pt; color:#000000}

.WhiteTextMedium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;

}

.whiteDivider{	color: #FFFFFF; /* this is used for the divider-lines between the top-right navigation */	}
td.navSpacer{ font-size: 1px; /* used for the divider-line rows in the left-side-right navigation */	}
span.warning  {font-size: 95%; color: #cc0000; /* for feedback on error */} 
.highlightYellow {background-color:#FFFF33;font-size: 98%; color: #cc0000;} 

/*      *********************************************************   */
/*  This will Fix the Size Difference between Input boxes in I.E.   */
/*  and Netscape ....  The boxes are almost identical if you use    */
/*  a span tag and this class around them.    June 1 2001 R.M.  Rok   */
SPAN.input {FONT-FAMILY: Verdana; FONT-SIZE: 9pt;}
/*      *********************************************************   */

td.sectionNavBar {	
	padding: 0 0 8px 2px; 
} 


.footertext {font-size: 8pt ; color: #ffffff;}
/*Forms*/
.textbox
{
	border: 1px solid #f1f1f1;
	background: #f1f1f1;
	color: #333333;
	font-family: verdana, sans-serif;
	font-size: 11px;
	letter-spacing: -0.2pt;	
}
.button
{
	BACKGROUND:none;
	BORDER: 1px solid #333333;
	COLOR: #333333;
	FONT-FAMILY: Verdana, sans-serif;
	FONT-SIZE: 11px;
	LETTER-SPACING: -0.2pt;	
	FONT-WEIGHT: bold;
}

.TblOutline {border: #000000 solid; border-width: 1px 1px 1px 1px; padding-left: 0px;}
.TblHeader  { vertical-align: middle; font-weight: bold; padding: 2px 0px 4px 0px;color: #FFFFFF; border: #000000 solid; border-width: 0px 0px 1px 0px; background-color:#AE2503; }
.TblHeader a:link, .TblHeader  a:visited, .TblHeader  a:active { text-decoration: none;color: #FFFFFF; }
.TblHeader a:hover { text-decoration: underline; }

.admTblHeader  { vertical-align: middle; font-weight: bold; padding: 2px 0px 4px 0px;color: #FFFFFF; border: #000000 solid; border-width: 0px 0px 1px 0px; background-color:#AE2503; font-size: 10pt; }
.admTblHeader a:link, .TblHeader  a:visited, .TblHeader  a:active { text-decoration: none;color: #FFFFFF; font-size: 10pt;  }
.admTblHeader a:hover { text-decoration: underline; font-size: 10pt;  }

.TblFooter { font-size:2px; padding: 0px 0px 0px 0px; border: #000000 solid; border-width: 1px 0px 0px 0px; background-color:#AE2503; }

.txtWhite{ color: #FFFFFF; font-size: 10pt; text-decoration: none; }
.smText{font-size:9px;}
.smTextGrey{font-size:9px; color:#888888;}
.smloginText{font-size:9px;color:#999999}

a.smloginText 			{font-size:9px;color:#999999;text-decoration: none;}
a.smloginText:link 		{font-size:9px;color:#999999;text-decoration: none;}
a.smloginText:visited 	{font-size:9px;color:#999999;text-decoration: none;}
a.smloginText:hover 	{font-size:9px;color:#FF0000;text-decoration: none;}

.txtDrkGrey {font-size: 11px; color:#cccccc;}
.txtDrkGrey_b {font-size: 11px; color:#cccccc; font-weight:bold;}

/*============================================
// Custom Classes - Navigation
============================================*/
a.blueLink      {color: #0000DD; text-decoration: underline }
a.blueLink:active        {color: #0000DD; text-decoration: underline }
a.blueLink:visited       {color: #0000DD; text-decoration: underline }
a.blueLink:hover         {color: #0000DD; text-decoration: underline }

a.nav {color: #333333;text-decoration: none; font-size: 8pt;}
a.nav:visited {color: #333333;text-decoration: none; font-size: 8pt;}
a.nav:hover {color: #333333;text-decoration: underline; font-size: 8pt;}

a.navOn {color: #be1e2d;text-decoration: none; font-size: 8pt;}
a.navOn:visited {color: #be1e2d;text-decoration: none; font-size: 8pt;}
a.navOn:hover {color: #be1e2d;text-decoration: underline; font-size: 8pt;}

a.topnav {color: #000000;text-decoration: none;}
a.topnav:link {color: #000000;text-decoration: none;}
a.topnav:visited {color: #333333;text-decoration: none;}
a.topnav:hover {color: #FF0000;text-decoration: none;}


.navinactive {
	height: 21px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	font-size: 70%;
}
.navactive {
	height: 20px;
	padding-left: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 70%;
}
.navactivesingle {
	height: 21px;
	padding-left: 10px;
	background-color: #FFFFFF;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	font-size: 70%;

}
.navdropdown {
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}

.subnav {
	background-color: #FFFFFF;
	height: 19px;	padding-left: 10px;
	font-size: 70%;
}

.subnav2 {
	background-color: #FFFFFF;	height: 19px;
	padding-left: 20px;
}

.subnavFront {
	background-color: #d8d8d8;
	height: 19px;	padding-left: 10px;
	font-size: 70%;
}

.subnavFront2 {
	background-color: #d8d8d8;	height: 19px;
	padding-left: 20px;
}

.blackDivider{    color: #000000; /* this is used for the divider-lines between the top-right navigation */ }