body  {
	font-family: Verdana, Arial, sans-serif;
	background-color: rgb(177,145,77); /*#A1813D;*/
	font-size: 12px;
}

table {
	font-family: Verdana, Arial, sans-serif;
}

thead,tfoot {
	color: white;
	background-color: black;
}

input,textarea,select  {
	color: rgb(0,0,0);
	font-size: 10pt;
}

/* standardize submit button, to control size, look, and more noticeable, 10/16/06 BLL */
.brightsubmit {
	width: 150px; 
	background: #FFFF99; 
	font-size: 13px;
}

/* standardize drop down box, to control size, look, and more noticeable, 10/16/06 BLL */
.tightformfield {
	border-style: solid; 
	border-width: 1px; 
	border-color: rgb(0,0,0); 
	font-size:13px;
}

a:hover  {
	color: rgb(153,102,51); 
	text-decoration: underline; 
}

a  {
	color: rgb(153,51,51);
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6  {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1  {
	font-weight: bold;
	font-size: 1.20em;
	color: rgb(102,102,102);
}

h2 {
	font-size: 1.10em;
	color: rgb(102,0,0)
}

h3 {
	font-size: 1em;
	color: rgb(153,0,0);
}

h4 {
	font-size: 0.95em;
}

h5 {
	font-size: 0.90em;
}

h6 {
	font-size: 0.85em;
}

hr  {
	color : rgb(204,153,0);
}

/* CLASSES*/

.clsCopyright  {
	color : rgb(204,204,204);
	font-size : 10px;
	background-color: rgb(0,0,0);
}

.clsDateFormat  {
	color : rgb(255,255,255);
	font-size : 13px;
}

.clsNavigation  {
	color : rgb(0,0,0);
	font-size : 10px;
}

.clsMenuPanel  {
	border-style : solid;
	border-color : rgb(0,0,0);
	border-width : 2px;
	color : rgb(255,204,0);
	background-color : rgb(153,102,51);
	font-weight : bold;
}

.title{
	font-size: 18px;
	color: #993300;
}

.InformationTips {
	padding: 1em;
	border: 3px dashed #CCCCCC;
}

.tbl {
	font-size : 9pt;
	font-style : Verdana, Arial;
	background-color: rgb(255,255,255);
}

.tblheader {
		color: rgb(255,255,255);
		font-color: rgb(255,255,255);
		font-weight: bold;
		background-color: rgb(102,51,0);
}

.tblheadermobile {
		color: rgb(255,255,255);
		font-color: rgb(255,255,255);
		font-size: 10px;
		background-color: rgb(102,51,0);
}

/* alignment for navigation links after "user interface", BLL, 3/14/06 */
h1.navalign {
		position: absolute; 
		top: 10px; 
		left: 146px;
}

/* note box typically display on right side of section */
div.notebox {
	background-color: white; 
	position: absolute; 
	top: 120px; 
	left: 530px; 
	width: 210px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: rgb(0,0,0); 
	padding: 10px;
}

/* note box typically display on right side of section */
div.notebox2 {
	background-color: white; 
	position: absolute; 
	top: 50px; 
	right: 0px; 
	width: 210px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: rgb(0,0,0); 
	padding: 10px;
}

a.helptip{
    position:relative; /*this is the key*/
  	z-index:24; background-color:#f0c0c0;   /*changes the highlight color of the text that the info will show up for*/
   	color:#666; /*it changes the tint of the text that is highlighted*/
    text-decoration:none
	} 

a.helptip:hover{z-index:25; background-color:#e1e1e1}  /*changes the background color of the text when you hover over it*/

a.helptip span{display: none} /*hides the span until on:hover happens*/

/* dont want the help to display on GUI 1, but the remaining helptip classes must be present due to span tag in code, BLL 8/7/2009
/* a.helptip:hover span{ /*the span will display just on :hover state*/
    /* display: block;
    /* position: absolute;
    /* top: 10px; left: 15px; width: 600px;
    /* border: 1px dotted rgb(102,51,0); /*obviously the border color of the info box that shows up on hoover*/
    /* background-color: #FFC; /*changes the background color of the info box that shows up on hover*/
    /* color: black; /*changes the tint of the text that shows up on hover*/
	/* padding: 5px;
	/* text-decoration: none;
	/* font-size: 10px;
    /* text-align: left} alignment of the text that shows up on hoover*/
	
/* need this for legend hover pop up to work in IE, BLL, 5/27/05 */
td.legend a:hover {color: white; text-indent: 0;}

/* legend hover pop up, BLL, 5/27/05 */
td.legend a span {
display: none;
}
/* legend hover pop up, BLL, 5/27/05 */	
td.legend a:hover span
{
display: block;
position: absolute;
color: black;
font-size: 0.75em;
background-color: white;
width: 200px;
padding: 3px;
margin-top: 3px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: black;
} 

.tblfooter {
		font-weight: bold;
		background-color: #D4B460;
}

.tblfootermobile {
		font-size: 10px;
		background-color: #D4B460;
}

.grayOut {
		color : #808080;
}

.clsButtonWide  {
	width : 150px;
	font-weight : bold;
	font-family : Arial;
}

.clsCategoryFields  {
	color : rgb(255,255,255);
	background-color : rgb(0,0,0);
	font-size : 7pt;
}

.clsCategoryHeader  {
	color : rgb(255,255,255);
	background-color : rgb(0,0,0);
}

.clsCategoryListings  {
	font-size : 9pt;
}

.clsBarChart  {
	border-width : 2;
	border-style : solid; 
	border-color : rgb(0,0,0);
}

.clsColumnMenuColor  {
	background-color : rgb(153,102,51);
}

.clsColumnMenuText  {
	font-size : 9pt;
}

.clsErrorMessage  {
	color : rgb(255,0,0);
}

.clsEzineBorder  {
	border : solid 3;
	border-color : rgb(255,0,0);
}

.clsEzineExample  {
	border : solid 1;
	border-color : rgb(0,0,0);
}

.clsFieldError  {
	background-color : rgb(255,0,0);
	color : rgb(255,255,255);
	font-weight : bold;
}

.clsFieldHead  {
	background-color : rgb(153,0,0);
	color : rgb(255,255,255);
	font-size : 9pt;
	font-weight : bold;
}

.clsFieldNotes  {
	background-color : rgb(255,204,204);
}

.clsFormAdjoined  { 
	padding : 0 15 0 15;
}

.clsFormFields  {
	font-size : 9pt;
}

.clsFormNotice  { 
	border-color : rgb(0,0,0);
	padding : 10 10 10 10;
	background-color : rgb(204,204,204);
	font-size : 9pt;
}

.clsFormQuery  {
	font-size : 9pt;
}

.clsFormSection  {
	background-color : rgb(153,0,0);
	color : rgb(255,255,255);
	font-size : 14pt;
	font-weight : bold;
}

.clsFrontPagePress  {
	font-size : 9pt;
}

.clsHeadingCell  {
	background-color : rgb(0,0,0);
}

.clsHiddenMessage  {
	background-color : rgb(255,255,255);
	color : rgb(255,255,255);
}

.clsListingHeader  {
	font-weight : bold;
}

.clsListings  {
	color : rgb(0,0,0);
}

.clsListings a  {
	color : rgb(0,0,255);
}

.clsListings a:link  {
	color : rgb(0,0,255);
}

.clsListings a:visited  {
	color : rgb(0,0,255);
}

.clsListings a:hover  {
	color : rgb(102,102,102);
}

.clsMenuHead  {
	font-size : 9pt;
	font-weight : bold;
	background-color : rgb(204,204,204);
}

.clsNormalFont  {
	font-size : 10pt;
	font-weight : normal;
	font-style : Verdana, Arial;
}

.clsNoticeHighlight  {
	color : rgb(0,0,255);
}

.clsPageFooter  {
	font-size : 6pt;
}

.clsPageHeader  {
	font-weight : bold;
	color : rgb(153,153,153);
}

.clsPageMessage  {
	font-size : 9pt;
	width : 500;
}

.clsPageTitle  {
	font-weight : bold;
	color : rgb(153,0,0);
	visibility : visible;
}

.clsPanelHead  {
	font-weight : bold;
	font-size : 9pt;
	color : rgb(204,204,204);
}

.clsSignupMessage  {
	color : rgb(255,255,255);
	font-weight : bold;
	font-size : 9pt;
}

.clsTableKey  {
	font-size : 7pt;
	color : rgb(255,0,0);
}

.clsTableListing  {
	font-size : 9pt;
}

.clsTableDisplay  {
	font-size : 9pt;
}

.clsTableProfile  {
	border : solid 2;
	border-color : rgb(153,0,0);
	font-size : 9pt;
}

.clsTextFormat  {
	color : rgb(0,0,0);
	font-family : Courier New, serif;
}

.clsWarningHighlight  {
	color : rgb(255,0,0);
}

.clsWhtOnBlk  {
	color : rgb(255,255,255);
	background-color : rgb(0,0,0);
}

.AlertStatus {
	color: red;
}

.AlignLeft {
	text-align: left;
}

.AlignRight {
	text-align: right;
}

.ClearStatus {
	color: green;
}

.FadedRowIdentifier {
	color: rgb(153,153,153);
	text-align: right;
}

.TaskComplete {
	color: rgb(153,153,153);
	text-decoration: line-through;
}

/* for toggle link in which log/data is displayed, BLL 10/5/04 */
.toggleSwitch{
	position: absolute; 
	padding: 1em; 
	width: 250px; 
	height: 125px;
	overflow: hidden;
	visibility: hidden; 
	background-color: white; 
	border: thin solid black;
}

/* for toggle link in which entire log/data is displayed using overflow scroll, BLL 9/19/06, design for campaign results */
.toggleSwitchFL{
	position: absolute; 
	padding: 1em; 
	width: 250px; 
	height: 250px;
	overflow: auto;
	display: none;
	background-color: white; 
	border: thin solid black;
}

/* for toggle link in which data is displayed using overflow scroll, BLL 4/5/07, design for affiliate hit/visit results */
.toggleSwitchHits{
	position: absolute; 
	top: 10px;
	left: 10px;
	padding: 1em; 
	width: 400px; 
	height: 250px;
	font-size: 10px;
	overflow: auto;
	display: none;
	background-color: white; 
	border: thin solid black;
}


/* ID's */

#VerticalForm fieldset
{
	display: block;
	width: 17em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

#VerticalForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}

#VerticalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#VerticalForm fieldset.radio label
{
	font-weight: normal;
}

#VerticalForm input
{
	display: block;
	width: 15em;
}

#VerticalForm label
{
	display: block;
	padding-bottom: 1em;
	font-weight: bold;
}

#VerticalForm label.first
{
	padding-top: 1em;
}

#VerticalForm select
{
	display: block;
}

/* OBJECTS*/

input  {
	font-family: Verdana, Arial;
	font-size : 10pt;
}

input-submit  {
	font-family : Verdana, Arial;
	font-size : 10pt;
}

select  {
	font-family: Verdana, Arial;
	font-size : 10pt;
}