/***************************************
// File: clientEGTP_custom.css
//
// Description: Client specific Site wide styles for EGTP look & feel of CPRA Application
//
// Version: v2.0
//
// History:
// - 2007-03-20 v1.0 RM
//		- TODO clean out whats not being used in the Table Rows section in site, check public, & Admin
//		- TODO Better way of doing tableRow variants IE rows and possibly special Border-styles
// Note: 
//		- Unverified styles are at the bottom of this document	
***************************************/

/***************************************
// HTML Elements
***************************************/
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//		Set the font size for EVERY Ellement to 9pt, unless otherwise specified 
//		in the Rule-Set Declaration-Block 	
//	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {font-family: Verdana, Arial, Helvetica,  Times, sans-serif;  font-size: 10pt;}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body{ 
	font-family: Verdana, sans-serif; font-size:10pt;
	/* 		background-color:#808c5c;  is set in lay_defaultEGTP file 		*/
	color: #333333;
	}
.sitemap li{padding-bottom:2px; padding-top:2px;}

p{ padding-top:2px; padding-bottom:8px; margin:1px 1px 8px 1px;/* turn on border for debug - border:1px solid orange; */  }
h1 {color:#006699; font-weight: bold; font-size:13.5pt; padding:1px 0px; margin:2px 0px; /* turn on border for debug - border:1px solid red; */  }
h2 {color:#0090cc; font-size:12pt; padding:1px 0px; margin:2px 0px; /* turn on border for debug - border:1px solid green; */ }
.BoldHeadingMain {font-size: 18px; font-weight: bold ; color: #006699}  /* emmulate an H1 with any other ellement  */

ul{ list-style-image:url(../images/_egtp/egtp_bullet_whiteBG.gif); padding:1px 0px;}
/* 	background-image:   */
/* 	These did not expand to encase the text because they were a fixed size.   The ones below, are a work-around to handle that ...
		span.leftBox{background-image:url(/images/_egtp/greenBox.jpg);background-repeat:no-repeat; float:left; padding:50px 2px 12px 12px; color:#ffffff; font-size: 9pt; width:205px; height:120px; min-width:205px; max-width:205px; min-height:120px;}
		span.rightBox{background-image:url(/images/_egtp/greenBox.jpg);background-repeat:no-repeat; float:right; padding:50px 2px 12px 12px; color:#ffffff; width:205px; height:120px; min-width:205px; max-width:205px; min-height:120px; }
*/
span.leftBox{ background-image:url(/images/_egtp/greenBoxTop_EN.jpg);  background-position:top; background-repeat:no-repeat; float:left; background-color:#808c5c; padding:50px 0px 12px 0px; margin: 0px;  color:#ffffff; width:205px; min-width:205px; max-width:205px; border:2px solid white;}
span.rightBox{ background-image:url(/images/_egtp/greenBoxTop_EN.jpg); background-position:top; background-repeat:no-repeat; float:right; background-color:#808c5c; padding:50px 0px 12px 0px; margin: 0px;  color:#ffffff; width:205px; min-width:205px; max-width:205px; border:2px solid white; }
span.rightBox_FR{ background-image:url(/images/_egtp/greenBoxTop_FR.jpg); background-position:top; background-repeat:no-repeat; float:right; background-color:#808c5c; padding:50px 0px 12px 0px; margin: 0px;  color:#ffffff; width:205px; min-width:205px; max-width:205px; border:2px solid white; }
span.leftBox_FR{ background-image:url(/images/_egtp/greenBoxTop_FR.jpg); background-position:top; background-repeat:no-repeat; float:left; background-color:#808c5c; padding:50px 0px 12px 0px; margin: 0px;  color:#ffffff; width:205px; min-width:205px; max-width:205px; border:2px solid white; }



/***************************************
// ~~~ Success Stories Tool
***************************************/
.successStoryTblHeader{ color:#566627; background-color:#DCDED1; text-align:center; padding:2px 2px 2px 2px; font-size:12px; font-weight:700; }
.successStoryTblFooter { font-size:2px; padding: 0px 0px 0px 0px; border: #000000 solid; border-width: 1px 0px 0px 0px; background-color:#DCDED1; }
/*	~~~ END: Success Stories Tool styles 	~~~	*/


/***************************************
// Table Tags
***************************************/
.TblOutline {border: #000000 solid; border-width: 1px 1px 1px 1px; padding-left: 0px;}
td.TblRow1 {color: #000000; background-color:#F4F4F4; padding: 0px 0px 0px 0px;}
td.TblRow2 {color: #000000; background-color:#E5E5E5; padding: 0px 0px 0px 0px; }
td.TblRow3 {color: #000000; background-color:#cccccc; padding: 0px 0px 0px 0px; }
td.TblRow4 {color: #000000; background-color:#bbbbc0; padding: 0px 0px 0px 0px; }

td.TblRow1Nb {color: #000000; background-color:#F4F4F4; padding: 0px 0px 0px 0px; border:none; }
td.TblRow2Nb {color: #000000; background-color:#E5E5E5;	padding: 0px 0px 0px 0px; border:none; }
td.TblRow3Nb {color: #000000; background-color:#cccccc;padding: 0px 0px 0px 0px; border:none; }
td.TblRow4Nb {color: #000000; background-color:#bbbbc0;	padding: 0px 0px 0px 0px; border:none; }

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

td.SpRow1Nb {color: #000000; background-color:#F4F4F4; font-size: 3px; padding: 0px 0px 0px 0px; border:none; } 
td.SpRow2Nb {color: #008000; background-color:#E5E5E5; font-size: 3px; padding: 0px 0px 0px 0px; border:none; }
td.SpRow3Nb {color: #00ff00; background-color:#cccccc; font-size: 3px; padding: 0px 0px 0px 0px; border:none; } 
td.SpRow4Nb {color: #00ff00; background-color:#bbbbc0; font-size: 3px; padding: 0px 0px 0px 0px; 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.SpRow4Tb {background-color:#bbbbc0; 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 1px 0px; border: #000000 solid; border-width: 0px 0px 1px 0px;}  
td.SpRow2Bb {background-color:#E5E5E5; font-size: 3px; padding: 0px 0px 1px 0px; border: #000000 solid; border-width: 0px 0px 1px 0px;}  
td.SpRow3Bb {background-color:#cccccc; font-size: 3px; padding: 0px 0px 1px 0px; border: #000000 solid; border-width: 0px 0px 1px 0px;}    
td.SpRow4Bb {background-color:#bbbbc0; font-size: 3px; padding: 0px 0px 1px 0px; border: #000000 solid; border-width: 0px 0px 1px 0px;}  
td.Spacer {font-size: 3px; padding: 0px 0px 0px 0px;} 
/*	~~~ END: Table styles 	~~~	*/


/***************************************
// Anchors
***************************************/
a 			{text-decoration:underline; color:#336699; }
a:visited 	{text-decoration:underline; color:#336699; }
a:hover   	{text-decoration:underline; color:#336699; }

a.MainSectionLink 			{text-decoration:none; font-weight: bold; color: #0099CC; font-size: 8pt; }
a.MainSectionLink:visited 	{text-decoration:none; color:#0099CC; }
a.MainSectionLink:hover   	{text-decoration:underline; color:#0099CC; }

a.MainSectionLink_on 			{text-decoration:none; font-weight: bold; color: #006699; font-size: 8pt; }
a.MainSectionLink_on:visited 	{text-decoration:none; color:#006699; }
a.MainSectionLink_on:hover   	{text-decoration:underline; color:#006699; }

a.SubSectionLink 			{text-decoration:none; font-weight: bold; color: #006699; font-size: 8pt;}
a.SubSectionLink:visited 	{text-decoration:none; color:#006699; }
a.SubSectionLink:hover   	{text-decoration:underline; color:#006699; }

a.smltextlink {color: #336699; font-size: 8pt; }
a.smltextlink:visited {text-decoration:none; font-size: 8pt; }
a.smltextlink:hover {text-decoration:underline; font-size: 8pt; }
/*	~~~ END: anchor styles 	~~~	*/



/***************************************
// Forms 
***************************************/
.textbox{border: 1px solid #CCCCCC; background: #FFFFFF; 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;
}
/*	~~~ END: Forms styles 	~~~	*/


/***************************************
// Custom Classes
// - Screen Text
***************************************/
/* Special Case style */
.highlightYellow {background-color:#FFFF33;font-size: 98%; color: #cc0000;} 

/* verified */
.error {color:#CC0000;}
span.warning {color: #CC0000;} 
.topNavSeparator {color: #ba3c1c; font-weight: bold;}
.WhiteTextMedium {font-size: 8pt; color: #FFFFFF;}   /*  This is what Trent wants to use for the `Did You Know` box text  */
.smltext {font-size: 8pt; color: #000000}
.smltextbold {font-size: 8pt; color: #000000; font-weight: bold;}


/* UnVerified */
.smTextGrey{font-size:9px; color:#888888;}
.smTextGrey_i{font-size:9px; color:#888888; font-style:italic;}
.smTextWhite{font-size:9px; color:#ffffff;}
.smTextBlack{font-size:9px; color:#000000;}
.verySmallTextGrey {font-size: 7px; color:#888888;}
.verySmallTextBlack {font-size: 7px; color:#000000;}
.txtWhite       { color: #FFFFFF; font-size: 10pt; text-decoration: none; }
.txtWhite_b     { color: #FFFFFF; font-size: 10pt; text-decoration: none; font-weight: bold; }
.txtWhite_i     { color: #FFFFFF; font-size: 10pt; text-decoration: none; font-style: italic; }
.txtWhite_b_i   { color: #FFFFFF; font-size: 10pt; text-decoration: none; font-weight: bold; font-style: italic; }