/***************************************
// File: client.css
//
// Description: Site wide styles
//
// Version: v2.0
//
// History:
// - 2007-03-20 v2.0
//		- organized into classes
//		- TODO clean out whats not beeing used in site, check public, Admin and WC  		
// - 2005-05-01 v1.0
//
***************************************/

/***************************************
// HTML Elements
***************************************/

/* verified */
body{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;

	}
td{font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 13px}
th, p, div, span, li, ul, ol{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*	change to H1 & H2 ... increases Google page rank value of text inside tags*/
h1 {font-size: 14px; font-weight: bold ; color: #041D45; margin:0; padding:0px 2px 0px 2px;}
h2 {font-size: 13px; font-weight: bold ; color: #666666; margin:0; padding:0px 2px 0px 2px;}

/* 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
}

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;
  }

/* ??? */
unknown {
	FONT-SIZE: 700%;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #000000;
}
/* Used for type input and type button ??? should it be here of in custom classes*/
.btn {
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   width:100px;   
   color:#888888;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}
.btnOn {
   color:#6666AA;
   background-color:#EEEEF4;
   border-color:#9999DD;
}

/***************************************
// A - Anchor TAGS for content links
***************************************/
/* verified */
a {COLOR: #336699;TEXT-DECORATION: underline;}
a:visited {COLOR: #336699;TEXT-DECORATION: underline;}
a:link {COLOR: #336699; TEXT-DECORATION: underline}
a:hover {COLOR: #FF0000;TEXT-DECORATION: underline;}

/* unverified */

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;}

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.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}

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.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;}

/*============================================
// A - Anchor TAGS for Navigation Menues
============================================*/
/* verified */
a.topnav 			{color: #FFFFFF; font-size: 8pt; text-decoration: none;}
a.topnav:visited 	{color: #FFFFFF; font-size: 8pt; text-decoration: none;}
a.topnav:hover 		{color: #FFFFFF; font-size: 8pt; text-decoration: underline;}

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

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



/* unverified */
a.mainnavlink {color: #666666; text-decoration:none; font-size: 10pt}
a.mainnavlink:visited {color:#666666; text-decoration:none}
a.mainnavlink:hover {color:#ff0000; 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:#ff0000; text-decoration:underline;  font-size: 10pt}

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 }

/***************************************
// Table Tags
***************************************/
/* verified */
td.adminNavInactive		{height: 21px; padding: 0px 0px 0px 10px; border: 0px solid #999999; font-size: 25px;}
td.adminNavActive 		{height: 21px; padding: 0px 0px 0px 10px; font-weight: bold; background-color: #FFFFFF;	font-size: 70%;}
td.adminNavActiveSingle	{height: 21px; padding: 0px 0px 0px 10px; border: 0px solid #999999; background-color: #FFFFFF;	font-weight: bold; font-size: 70%;}
td.adminNavDropdown 	{padding-left: 10px;	padding-top: 3px; border: 0px solid #999999; padding-bottom: 3px;	background-color: #FFFFFF;}

table.TblOutline  {border: #000000 solid; border-width: 1px 1px 1px; padding-left: 0px}
table.TblOutlineBlue  {border: #000099 solid; border-width: 1px 1px 1px; padding-left: 0px}
td.TblHead {background:#ADBDDB; font-size: 10pt; border: #000000 solid; border-width: 0px 0px 1px 0px;}
td.TblHeadBold {background:#ADBDDB; font-size: 10pt; font-weight: bold; border: #000000 solid; border-width: 0px 0px 1px 0px;}
td.TblSubHead {background:#DAE1EF; font-size: 10pt; border: #000000 solid; border-width: 0px 0px 1px 0px;}
td.TblSubHeadMid {background:#DAE1EF; font-size: 10pt; border: #000000 solid; border-width: 1px 0px 1px 0px;}
td.TblSubHeadBold {background:#DAE1EF; font-size: 10pt; font-weight: bold; font-style: normal; color: #000000}
td.TblRow1 {background:#FFFEFA; font-size: 10pt}
td.TblRow1wBdr {background:#FFFEFA; font-size: 10pt; border: #000000 solid; border-width: 0px 0px 1px 0px;}
td.TblRow2 {background:#F8F6EC; font-size: 10pt}
td.TblRow2wBdr {background:#F8F6EC; font-size: 10pt; border: #000000 solid; border-width: 0px 0px 1px 0px;}
td.TblRow3 {background:#DAE1EF; font-size: 10pt}
/* unverified */

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: 0px 0px 0px 0px; border: #000000 solid; border-width: 1px 0px 0px 0px;}  
td.SpRow2Tb {background-color:#E5E5E5; font-size: 3px; padding: 0px 0px 0px 0px; border: #000000 solid; border-width: 1px 0px 0px 0px;}  
td.SpRow3Tb {background-color:#cccccc; font-size: 3px; padding: 0px 0px 0px 0px; border: #000000 solid; border-width: 1px 0px 0px 0px;} 

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

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

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

td.navSpacer{ font-size: 1px; /* used for the divider-line rows in the left-side-right navigation */	}

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

/* Used in Admin section only*/
td.adminHeaderLogo{background-image:url(/_admin/images/top-topback_n.gif);}
td.adminHeader{background-image:url(/_admin/images/top-topback_n.gif);}

td.adminNavBottomSectionShadow{background-image:url(/_admin/images/leftbk2.gif);}


/***************************************
// Table Tags (not locked to tables, but named that way)
***************************************/
/* verified */
.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:#6AA4C0;
}
.TblFooter { font-size:2px; padding: 0px 0px 0px 0px; border: #000000 solid; 
	border-width: 1px 0px 0px 0px; background-color:#6AA4C0; }
.TblHeader a:link, .TblHeader  a:visited, .TblHeader  a:active { text-decoration: none;color: #FFFFFF; }
.TblHeader a:hover { text-decoration: underline; }

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

/***************************************
// 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;
	}

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

/***************************************
// Span Tags
***************************************/
/* verified */
span.warning {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;}
/* unverified */

/***************************************
// Custom Classes
// - For Navigation menues
***************************************/
/* verified */
.subnav {background-color: #FFFFFF; height: 19px;	padding-left: 10px;}/*admin*/
.subnav2 {background-color: #FFFFFF;	height: 19px; padding-left: 20px;}/*admin*/
/* unverified */




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

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

/***************************************
// Custom Classes
// - Screen Text
***************************************/
/* verified */
.highlightYellow {background-color:#FFFF33;font-size: 98%; color: #cc0000;} 
.smTextGrey{font-size:9px; color:#888888;}
.smTextBlack{font-size:9px; color:#000000;}
.verySmallTextGrey {font-size: 7px; color:#888888}
.verySmallTextBlack {font-size: 7px; color:#000000}

.error {color:#CC0000}

/* unverified */
.txtWhite{ color: #FFFFFF; font-size: 10pt; text-decoration: none; }
.smText{font-size:9px;}

.smloginText{font-size:9px;color:#999999}

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

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



/***************************************
// Custom Classes
// - Screen Elements (non text)
***************************************/
/* verified */
.BoldHeadingMain {font-size: 15px; font-weight: bold ; color: #003366}
.BoldHeadingsSec {font-size: 13px; font-weight: bold ; color: #666666}

/* for debugging output */
.highlightYellow {background-color:#FFFF33; color: #CC0000;} 
.highlightRed {	color: #990000;	font-weight: bold;}

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

.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;
}

.deleted {background-color: #F43300; font-weight: bold }

/* 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 }


.textCenter{
	text-align:center;
}

/***************************************
// Custom Classes
// - Printing
***************************************/
/* verified */

/* unverified */