/********************** standard font style - inelegant but effective *****************************/
BODY, TABLE, TR, TD, P, DIV, SPAN {font-family: Verdana, Arial, Helvetica; font-weight: normal; font-size: 11px; color: #333333; padding: 0 0 0 0;  }

/*************** standard text values for creation of other styles - delete these later ***************/
.text {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #333333;}
.tinytext { font-size: 9px; } 
#tinytext { font-size: 9px; }


/***************** navbar styles *****************/
.home { color: FFFFFF; font-weight: bold; } /** font styling for home link in templates **/
.homeTab { background-color: #CC0000; border-style: solid; border-width:0 0 0 0; border-color: #FFFFFF; padding: 8 16 8 16; text-align: center; }
.homeAccountTab { background-color: #CC0000; border-style: solid; border-width:1 1 1 1; border-color: #666666; padding: 8 16 8 16; text-align: center; }

/** for use on the top nav **/
.topNavTabOn { background-color: #FF9900; border-style: solid; border-width:0 0 0 4; border-color: #FFFFFF; text-align: center;}
#topNavTabOn { background-color: #FF9900; border-style: solid; border-width:0 0 0 4; border-color: #FFFFFF; text-align: center;}
.topNavTabOff { background-color: #FFCC66; border-style: solid; border-width:0 0 0 4; border-color: #FFFFFF; text-align: center;}
#topNavTabOff { background-color: #FFCC66; border-style: solid; border-width:0 0 0 4; border-color: #FFFFFF; text-align: center;}
#topNavOn{color: #FFFFFF; font-weight: bold;}
#topNavOff{color: #666666; font-weight: bold;}


/******************************** main sections padding styles ********************************/
.formPadding  {padding: 20px 20px 20px 20px; background-color:FFFFE7; border-style: solid; border-width:1 1 1 1; border-color: #666666;}
#formPadding {padding: 20px 20px 20px 20px; background-color:FFFFE7; border-style: solid; border-width:1 1 1 1; border-color: #666666;}
.displayPadding { background-color:FFFFE7; border-style: solid; border-width:1 1 1 1; border-color: #666666; padding: 0 0 10 10;}
#displayPadding {background-color:FFFFE7; border-style: solid; border-width:1 1 1 1; border-color: #666666; padding: 0 0 10 10;}
.displayIterationPadding { background-color:FFFFE7; border-style: solid; border-width:1 1 1 1; border-color: #666666;}
#displayIterationPadding { background-color:FFFFE7; border-style: solid; border-width:1 1 1 1; border-color: #666666;}
.tabPadding  {padding: 20px 0px 0px 0px; background-color:FFFFE7;border-style: solid; border-width:1 1 0 0; border-color: #666666;}
#tabPadding {padding: 20px 0px 0px 0px; background-color:FFFFE7;border-style: solid; border-width:1 1 0 0; border-color: #666666; }
.infobarPadding {padding: 10 0 20 0; border-style: solid; border-width: 0 1 0 0; border-color: #666666; }
#infobarPadding {padding: 10 0 20 0; border-style: solid; border-width: 0 1 0 0; border-color: #666666; }
.infobarLeftNavPadding {padding: 10 0 20 0; border-style: solid; border-width: 1 0 1 1; border-color: #666666; }/** for use on query task. when infobar is left nav **/
.bottomPadding {padding: 0 0 10 0;} /** used for bottom of sections and page. **/
#bottomPadding {padding-bottom: 20;}


/****************** infobar styles ******************/
.infobar {background-color:FFFFE7;}
.infobarHeader { font-size: 13px; font-weight: bold; color: #333333; padding: 6px 0 10px 10px;} 
#infobarHeader { font-size: 13px; font-weight: bold; color: #333333; padding: 6px 0 10px 10px; } 
/** for use with on and off states of infobar navigation **/
.infobarNavOn { padding: 8 8 8 8; border-style: solid; border-width: 1 0 1 1; border-color: 666666; background-color: FFCC66; font-weight:bold; }
#infobarNavOn { padding: 8 8 8 8; border-style: solid; border-width: 1 0 1 0; border-color: 666666; background-color: FFCC66; font-weight:bold; text-decoration: none; }
.infobarNavOff {padding: 8 2 8 8; }
#infobarNavOff {padding: 8 2 8 8; }
A#infobarNavOn{ border-style: none; }
.infobarField {font-size: 11px; padding: 8 0 0 10; }
#infobarField {font-size: 11px; padding: 8 0 0 10; }
.infobarValue { font-size: 11px; font-weight: normal; font-weight: bold; padding: 0 0 0 10; }
#infobarValue { font-size: 11px; font-weight: normal; font-weight: bold; padding: 0 0 0 10; }


/**********************display styles****************************************/
.displayHeader { font-size: 16px; font-weight: bold; color: #333333; padding: 10 0 4 0;}
#displayHeader { font-size: 16px; font-weight: bold; color: #333333; padding: 10 0 4 0;}
.displayPrimaryHeader { font-size: 13px; font-weight: bold; color: #333333; padding: 10 0 10 0; } 
#displayPrimaryHeader { font-size: 13px; font-weight: bold; color: #333333; padding: 10 0 10 0; } 
.displayPrimaryHeaderBar { background-color: FF9900; padding: 6 10 6 10px;  }
#displayPrimaryHeaderBar { background-color: FF9900; padding: 6 10 6 10px; }
.displaySecondaryHeader { font-size: 13px; font-weight: bold; color: #333333; padding: 10 0 10 0; } 
#displaySecondaryHeader { font-size: 13px; font-weight: bold; color: #333333; padding: 10 0 10 0; } 
.displayHeaderBar {padding: 6 10 6 10px; }
#displayHeaderBar {padding: 6 10 6 10px; }
.displaySecondaryHeaderBar { background-color: FFCC66; padding: 6 10 6 10px; border-style: solid; border-color: #FFFFFF; border-width: 0 0 0 0; }
#displaySecondaryHeaderBar { background-color: FFCC66; padding: 6 10 6 10px; border-style: solid; border-color: #FFFFFF; border-width: 0 0 0 0;}

.displayBar {background-color: #FFCC66; padding: 4 4 4 4; border-style: solid; border-width:0 0 0 0; border-color: #666666; float: center; margin: 20 0 0 0;}
#displayBar {background-color: #FFCC66; padding: 4 4 4 4; border-style: solid; border-width:0 0 0 0; border-color: #666666; float: center; margin: 20 0 0 0;}

.hrPadding { padding: 8 8 8 8; color: #999999; font-size: 8px;} /** used by <hr> tags **/
#hrPadding { padding: 8 8 8 8; color: #999999; font-size: 8px;}


/******************* detail styles *******************/
.date { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #CC0000; }
#date { font-family: Verdana, Arial, Helvetica; font-size: 12px; color: #CC0000; }


/*************************** HREF nav class styles ***************************/

A { font-size: 11px; font-weight: normal; color: #333399 }
A.tip {font-size: 12px; font-weight: normal; color: #333399; text-decoration: none }
A:active {text-decoration: none; }
A.link {  font-size: 12px; font-weight: normal; color: #333399;  } 
A.css {font-size: 11px; font-weight: normal; color: #333399}