/* SPIB CSS */

/* Colors and usage (dark to light):

0) 5e6a42 : dark line under all content (greenTwo below)
1) 465031 : text on #3 background (used for upper nav and "Resource" links)
2) 758552 : neutral green background (behind logo)
3) a5cc4c : background for upper nav and "Resource" links, bol text color on home page
4) 7cb300 : bright green solid blocks
5) b1ff00 : nav on color, and headline text if on a #2 background
   b6f529 : slightly toned down version of #5 for larger blocks (ex: sub-page image)
6) ecffbf : html text on #2 background on home page (should be H1 text on home page)
7) cc0000 : red
*/

/* global */
form { margin: 0; }
li { margin:0px 0; }
ul { margin:0px 0; }

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #999999; }

body.pops { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #ffffff; }

td   { font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-size: 11px; line-height: 15px; 
	     color: #444444; 
	     font-style: normal; font-weight: normal; text-decoration: none; }


/* h1 modified for home page */
h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 11px; line-height: 15px;
		 color: #ecffbf; 
		 font-weight: normal; text-decoration: none; }
h1 a:link    { color: #465031; text-decoration: none; }
h1 a:visited { color: #465031; text-decoration: none; }
h1 a:hover   { color: #b1ff00; text-decoration: none; }
h1 a:active  { color: #b1ff00; text-decoration: none; }

/* h2 modified for all body text */
h2 { font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 11px; line-height: 15px;
		 color: #444444; 
		 font-weight: normal; text-decoration: none; }
h2 a:link    { color: #7cb300; font-weight: bold; text-decoration: none; }
h2 a:visited { color: #a5cc4c; font-weight: bold; text-decoration: none; }
h2 a:hover   { color: #b1ff00; font-weight: bold; text-decoration: none; }
h2 a:active  { color: #b1ff00; font-weight: bold; text-decoration: none; }

/* subscriber box in TW section */
.subs { font-family: Verdana, Arial, Helvetica, sans-serif;
		 		font-size: 10px; line-height: 12px;
		 		color: #5e6a42; 
		 		font-weight: normal; text-decoration: none; }
.subs a:link    { color: #5e6a42; font-weight: bold; text-decoration: none; }
.subs a:visited { color: #5e6a42; font-weight: bold; text-decoration: none; }
.subs a:hover   { color: #7cb300; font-weight: bold; text-decoration: none; }
.subs a:active  { color: #7cb300; font-weight: bold; text-decoration: none; }

/* sub-section bottom links */
.bottomLinks a:link    { color: #7cb300; font-weight: normal; text-decoration: none; }
.bottomLinks a:visited { color: #a5cc4c; font-weight: normal; text-decoration: none; }
.bottomLinks a:hover   { color: #b1ff00; font-weight: normal; text-decoration: none; }
.bottomLinks a:active  { color: #b1ff00; font-weight: normal; text-decoration: none; }

.myH { font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 11px; line-height: 15px;
		 color: #444444;
		 font-weight: normal; text-decoration: none; }
.myH a:link    { color: #000000; font-weight: bold; text-decoration: none; }
.myH a:visited { color: #000000; font-weight: bold; text-decoration: none; }
.myH a:hover   { color: #b1ff00; font-weight: bold; text-decoration: none; }
.myH a:active  { color: #b1ff00; font-weight: bold; text-decoration: none; }

.companyinfo { font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 11px; line-height: 15px;
		 color: #000000;
		 font-weight: normal; text-decoration: none; }
.companyinfo a:link    { color: #444444; font-weight: bold; text-decoration: none; }
.companyinfo a:visited { color: #444444; font-weight: bold; text-decoration: none; }
.companyinfo a:hover    { color: #7cb300; font-weight: bold; text-decoration: none; }
.companyinfo a:active  { color: #b1ff00; font-weight: bold; text-decoration: none; }

.statename { font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 12px; line-height: 15px;
		 color: #000000;
		 font-weight: normal; text-decoration: none; }
.statename a:link    { color: #000000; font-weight: bold; text-decoration: none; }
.statename a:visited { color: #000000; font-weight: bold; text-decoration: none; }
.statename a:hover    { color: #7cb300; font-weight: bold; text-decoration: none; }
.statename a:active  { color: #b1ff00; font-weight: bold; text-decoration: none; }

.myH2 { font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 11px; line-height: 15px;
		 color: #CCCCCC;
		 font-weight: normal; text-decoration: none; }
.myH2 a:link    { color: #000000; font-weight: bold; text-decoration: none; }
.myH2 a:visited { color: #000000; font-weight: bold; text-decoration: none; }
.myH2 a:hover   { color: #b1ff00; font-weight: bold; text-decoration: none; }
.myH2 a:active  { color: #b1ff00; font-weight: bold; text-decoration: none; }
/* copyright tag on sub-pages */
.copy { color: #a5cc4c; }

.optgroup   { font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-size: 11px; line-height: 15px; 
	     color: #444444; 
	     font-style: normal; font-weight: bold; text-decoration: none; }

/* "Resource" Links */
.resBox { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #a5cc4c; }

.res { font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 10px; line-height: 11px;
		   color: #465031; background-color: #a5cc4c;
		   font-weight: normal; text-decoration: none; }
.res a:link    { color: #465031; font-weight: normal; text-decoration: none; }
.res a:visited { color: #465031; font-weight: normal; text-decoration: none; }
.res a:hover   { color: #b1ff00; font-weight: normal; text-decoration: underline; }
.res a:active  { color: #b1ff00; font-weight: normal; text-decoration: underline; }

/* 10px padding : color #758552 */
.padTen { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #758552;}

/* 10px padding : white */
.padTenWh { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

/* home page headline */
.homeHead { font-family: Arial, Helvetica, sans-serif; 
	     		  font-size: 24px; line-height: 24px; 
	     			color: #b1ff00; 
	     			font-style: normal; font-weight: normal; text-decoration: none; }

/* home page headline */
.resHead { font-family: Arial, Helvetica, sans-serif;
					 font-size: 18px; line-height: 18px;
					 color: #465031;
					 font-style: normal; font-weight: normal; text-decoration: none; }

/* watchlist title */
.wlTitle { font-family: Arial, Helvetica, sans-serif;
					 font-size: 18px; line-height: 18px;
					 color: #b1ff00;
					 font-style: normal; font-weight: normal; text-decoration: none; }

/* watchlist text */			 
.wl { font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px; line-height: 15px;
		  color: #ecffbf; 
		  font-weight: normal; text-decoration: none; }

/* bol info and links */
.bol { font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 10px; line-height: 11px;
		   color: #a5cc4c;
		   font-weight: normal; text-decoration: none; }
.bol a:link    { color: #b1ff00; font-weight: normal; text-decoration: none; }
.bol a:visited { color: #b1ff00; font-weight: normal; text-decoration: none; }
.bol a:hover   { color: #b1ff00; font-weight: normal; text-decoration: underline; }
.bol a:active  { color: #b1ff00; font-weight: normal; text-decoration: underline; }

.red { color:#cc0000; }

/* COLORED cells */
/* light border lines btwn cells */
.line { background-color: #ecffbf; }
/* various greens  */
.greenOne   { background-color: #7cb300; }
.greenTwo   { background-color: #5e6a42; }
.greenThree { background-color: #758552; }
.whCell     { background-color: #ffffff; }
.dkCell     { background-color: #465031; } /* dark green, same as right and left edge lines */

/* subpage Titles */
.subTitleBox  { background-color: #b6f529; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
.subTitle     { font-family: Arial, Helvetica, sans-serif; 
	     		      font-size: 20px; line-height: 20px; 
	     			    color: #465031; 
	     			    font-style: normal; font-weight: normal; text-decoration: none; }
.subTitle2     { font-family: Arial, Helvetica, sans-serif; 
	     		      font-size: 18px; line-height: 18px; 
	     			    color: #758552; 
	     			    font-style: normal; font-weight: normal; text-decoration: none; }
.subTitle3     { font-family: Arial, Helvetica, sans-serif; 
	     		      font-size: 18px; line-height: 18px; 
	     			    color: #7cb300; 
	     			    font-style: normal; font-weight: normal; text-decoration: none; }
.subTitle4     { font-family: Arial, Helvetica, sans-serif; 
	     		      font-size: 13px; line-height: 17px; 
	     			    color: #758552; 
	     			    font-style: normal; font-weight: bold; text-decoration: none; }
/* BG image */
.leftBg {
	background-image: url(../images/left_bg2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


/* images inside text: properties */
/* stamp images */
img.stampOne { border-width:1px; border-style: solid; border-color:#465031; margin-left:10px; margin-bottom:10px; }

img.stampTwo { border-width:1px; border-style: solid; border-color:#465031; margin-top:2px; }

img.stampThree { margin-left:10px; margin-bottom:10px; }

/* embedded table cells with data (data table...) */
.dtOne { background-color: #ffffff; 
				 font-family: Arial, Helvetica, sans-serif;
				 color: #000000;
	       font-size: 9px; line-height: 10px;
				 padding:2px;}


/* form stuff */
.wlbox { font-family: Verdana, Arial, Helvetica, sans-serif; 
	       font-size: 10px; line-height: 12px; 
	       color: #465031; background: #a5cc4c; 
	       width: 128px; height: 18px; 
	       border: #b1ff00; border-style: solid; 
	       border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 10px; line-height: 12px; 
	   color: #444444; background: #ffffff; 
	   width: 100%; height: 14px; 
	   border: #444444; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box100 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 11px; line-height: 13px; 
	   color: #444444; background: #ffffff; 
	   width: 50px; height: 16px; 
	   border: #444444; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box150 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 11px; line-height: 13px; 
	   color: #444444; background: #ffffff; 
	   width: 150px; height: 16px; 
	   border: #444444; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box200 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 11px; line-height: 13px; 
	   color: #444444; background: #ffffff; 
	   width: 200px; height: 16px; 
	   border: #444444; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box250 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 11px; line-height: 13px; 
	   color: #444444; background: #ffffff; 
	   width: 250px; height: 16px; 
	   border: #444444; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.field { font-family: Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 10px; line-height: 12px; 
		 color: #444444; background: #ffffff; 
		 width: 100%; height: 80px; 
		 border: #444444; border-style: solid; 
		 border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* drop-down */
.dd { font-family: Verdana, Arial, Helvetica, sans-serif; 
	  font-size: 10px; line-height: 12px; 
	  color: #444444; background: #ffffff; 
	  width: 250px; 
	  border: #444444; border-style: solid; 
	  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* button */		  
.but { font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;
	   font-size: 10px; line-height: 10px; font-weight: bold; 
	   color: #465031; background: #7cb300;
	   padding: 2px 5px 2px 5px; 
	   border: 1px solid #465031; }

.but50 { font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;
	   font-size: 10px; line-height: 16px; font-weight: bold; 
	   color: #465031; background: #7cb300;
	   width: 50px; height: 16px; 
	   border: #465031; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.but100 { font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;
	   font-size: 10px; line-height: 16px; font-weight: bold; 
	   color: #465031; background: #7cb300;
	   width: 100px; height: 16px; 
	   border: #465031; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.but150 { font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;
	   font-size: 10px; line-height: 16px; font-weight: bold; 
	   color: #465031; background: #7cb300;
	   width: 150px; height: 16px; 
	   border: #465031; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.but200 { font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle;
	   font-size: 10px; line-height: 16px; font-weight: bold; 
	   color: #465031; background: #7cb300;
	   width: 200px; height: 16px; 
	   border: #465031; border-style: solid; 
	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
    

table.orderfields tr td:first-child {
    padding: 2px 4px 2px 0px;
}
table.orderfields tr td {
    padding: 2px 0px 2px 4px;
}

.aa_grader {
	border: #339966; border-style: solid; 
	border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px ;
	background: #ffffff;
}
.a_grader {
	border: #0066cc; border-style: solid; 
	border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px ;
	background: #ffffff;
}
.b_grader {
	border: #ffcc00; border-style: solid; 
	border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px ;
	background: #ffffff;
}
.app_grader {
	border: #dd0806; border-style: solid; 
	border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px ;
	background: #ffffff;
}
div.breakafter {
	page-break-after:always;
}
div.breakbefore {
	page-break-before:always;
}
body.white {
	background-color: #ffffff;
}