/* The following styles are automatically applied to the appropriate html tag */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px;
	background: #FFFFFF;
	color: #000000;
}

td {
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

th {color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background: #DDDDFF;
}

p {	margin-top: 0px;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

ul {padding-top: 0px;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

dt {
	font-weight: bold;
}
dd {
	padding-bottom: 1.5em;
}
h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #6C332E;
	letter-spacing: 1px;
	margin-bottom: 0px;
}

h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #4D3110;
	margin: 0px;
	padding: 0px 0px 4px;

}
h6 {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #4D3110;
	margin: 0px;
	padding: 0px 0px 4px;

}
h3 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #4D3110;
	margin-bottom: 4px;
}

h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #4D3110;
	margin-bottom: 4px;
}

h5 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #4D3110;
	margin-bottom: 0px;
}

caption {
	font: 13px Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}

select {font: 12px "Courier New", Courier, mono;}
input {	font: 12px "Arial", Arial, mono;}

strong, b {	font-weight: bold;}

hr {color: #666666;	height: 1px;}

a:link {	color: #0039B0;}
a:visited {	color: #4F1E80;}
a:hover {	color: #990000;}
a:active {	color: #990000;}

/* Below are the Class selectors that have been defined */

/* AltRow - Sets an Alternate Background Color for use in Data Tables (for the report data, alternating 2-row color scheme)*/
.AltRow {
	background: #FFFACD;
}
/* AppHeader - Specifies the Header area for a specific application. This area contains the overall title of the specific system.*/
.AppHeader {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #6C332E;
	letter-spacing: 1px;
}
.AppHeader a:link { 	color: #FFFFFF;	text-decoration: none;}
.AppHeader a:visited { 	color: #FFFFFF;	text-decoration: none;}
.AppHeader a:hover { 	color: #FFFFCC;	text-decoration: underline;}
.AppHeader a:active {	color: #FFFFCC;	text-decoration: underline;}

/* AppNavMain - Specifies the top level cells for an application in default state. Can be applied to a cell. Link colors specified as well.*/
.AppNavMain {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #F0E68C;
	background: #A85C56;
}
.AppNavMain a:link {  display: block; 	color: #FFFFFF;	 text-decoration: underline; padding: 4px; }
.AppNavMain a:visited { display: block;  color: #FFFFFF; text-decoration: underline; padding: 4px;}
.AppNavMain a:hover { 	display: block; background: #F5F5F5; color: #6C332E;	text-decoration: underline; padding: 4px;}
.AppNavMain a:active {	display: block; background: #F5F5F5; color: #6C332E;	text-decoration: underline; padding: 4px;}

/* AppNavMainSelected -  Indicates to highlight the current active cell in application nav.*/
.AppNavMainSelected {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #514389;
	background: #DCDCDC;
}
.AppNavMainSelected a:link {display: block; color: #000000;	text-decoration: none; padding: 4px; }
.AppNavMainSelected a:visited { display: block;	color: #000000;	text-decoration: none; padding: 4px; }
.AppNavMainSelected a:hover { display: block; background: #F0E68C; color: #6C332E;	text-decoration: underline; padding: 4px; }
.AppNavMainSelected a:active {display: block; background: #F0E68C; color: #6C332E;	text-decoration: underline; padding: 4px; }

/* AppNavSecondary - Applies to link options below a Main Selected option.*/
.AppNavSecondary {
 font: 12px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 background: #D3D3D3;
}
.AppNavSecondary a:link {display: block; color: #000000; text-decoration: none; padding: 2px 4px; }
.AppNavSecondary a:visited { display: block; color: #000000; text-decoration: none; padding: 2px 4px; }
.AppNavSecondary a:hover { display: block;  background: #EEEEEE; color: #000000; text-decoration: underline; padding: 2px 4px; }
.AppNavSecondary a:active {display: block; background: #DCDCDC; color: #FFFFFF; text-decoration: underline; padding: 2px 4px; }

/* AppNavSecondarySelected -  Applies to the current secondary active cell. */
.AppNavSecondarySelected {
 font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 color: #4A2800;
 background: #EEEEEE;
 text-decoration: none;
}
.AppNavSecondarySelected a:link { display: block; color: #4A2800; text-decoration: none; padding: 2px 4px; }
.AppNavSecondarySelected a:visited {display: block; color: #4A2800; text-decoration: none; padding: 2px 4px; }
.AppNavSecondarySelected a:hover { display: block; background: #EEEEEE; color: #990000; text-decoration: underline; padding: 2px 4px; }
.AppNavSecondarySelected a:active { display: block; background: #EEEEEE; color: #990000; text-decoration: none; padding: 2px 4px;}


/* BorderLines - Sets the background color of border cell. Border cells held in place by invisible gifs.*/
.BorderLines {
	background: #444444;
}

/* ConfirmMessage - Applies to <div> tag where confirmation message will appear.*/
.ConfirmMessage {
	color: #000000;
	background: #FFFFFF;
	padding: 2px;
	border: 1px solid #8d342c;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0px 6px;
}

/* ContentArea - Indicates the main area for content on the page. */
.ContentArea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
}

/* ContentDark - Indicates a content area with a different background to stand out visually from regular content. (May not be needed.)*/
.ContentDark {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #E6E6FA;
}

/* DataGrid - Sets the border and background color of a table.
If Table Border is set to ‘0’, then table will ONLY have a border around the outside
If Table Border set to ‘1’, then borders will be between each cell.
IMPORTANT! – For borders between cells to appear in IE with the correct color, the table property
"bordercolor" must be set to the appropriate color such as [bordercolor="#666666"] within the HTML.
*/

.DataRow {
	border-bottom: 1px #666666 solid;
}

.DataGrid{
	border: 1px #666666 solid;
	border-collapse: collapse;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFAFA;
}

/* DataGrid2 - Same as a DataGrid but with a pure white background color. */
.DataGrid2{
	border: 1px #666666 solid;
	border-collapse: collapse;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}

.DataFooter {color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background: #EEEEEE;
}

/* Error - Highlights place where error occurred, such as a form field that was not filled in.*/
.Error {
	color: #FF4500;
	font-weight: bold;
}

/* ErrorMessage - Highlights a detailed error message. Apply to <div> with message inside.*/
.ErrorMessage {
	color: #FF4500;
	background: #FFFFFF;
	padding: 2px;
	border: 1px solid #FF4500;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0px;

}

/* GroupBox1 - Applies to a Table used to lay out a group of information,
  when it needs to be separated from the rest of the page. Sets the background
  color slightly darker and puts a border around the outside of the table. */
.GroupBox1{
	border: 1px #666666 solid;	border-collapse: collapse;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFAFA;
}

.GroupBox1 th {color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background: #DDDDFF;
	text-align: left;
}

/* GroupBox2 - Same as GroupBox1 but with a mellow color scheme to set apart Bread Crumbs, etc.*/
.GroupBox2 {
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000; border-collapse: collapse;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* GroupBox2 th - Changes the color of a table header cell <th> when using the GroupBox2 style */
.GroupBox2 th {
	color: #000000;
	background: #E6E6FA;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

/* GroupBox3 - Same as GroupBox2 but with a different color scheme. Use for nested groups of data with darker banners.*/
.GroupBox3 {
	color: #000000;
	background: #FFFAFA;
	border: 1px solid #666666; border-collapse: collapse;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

/* GroupBox3 th - Changes the color of a table header cell <th> when using the GroupBox3 style */
.GroupBox3 th {
	color: #000000;
	background: #D3D3D3;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

/* BannerRow - shortcut to format a strong table data cell <td> ( keep in sync with GroupBox1 th style ) */
.BannerRow {color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #DDDDFF;
	text-align: left;
}

/* PagerBanner - useful for configuration of a medium-color Pager Row using default link colors */
.PagerBanner {color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background: #efeffc;
	text-align: left;
}

/* PagerBanner2 - useful for configuration of a dark-color Custom Pager using light-color links */
.PagerBanner2 {color: #FFFFFF;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background: #58658f;
	text-align: left;
}
.PagerBanner2 a:link { 	color: #f0e76c;	text-decoration: none;}
.PagerBanner2 a:visited { 	color: #f0e76c;	text-decoration: none;}
.PagerBanner2 a:hover { 	color: #D3D3D3;	text-decoration: underline;}
.PagerBanner2 a:active {	color: #D3D3D3;	text-decoration: underline;}

.SubDataGrid{
 background: #D3D3D3;
}


/* Help - Specifies Help links in the body of the page.
	Probably not neccessary. */
.Help {
	cursor: help;
	color: #CC0033;
}

/* ListSpacing li - Indicates List items where more space is desired between the items
   (likely used more oftern in Help files). */
.ListSpacing li {
	padding-top: 18px;
}

/* MainFooter - Specifies the bottom bar of page. System-wide links and info, same on each page  */
.MainFooter {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	text-align: center;
}

/* MainHeader - Specifies the top bar of page. This area is for system wide links and information */
.MainHeader {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF7E7;
        background-image: url(../images/sub-head-bg.gif);
        background-repeat: repeat-x;
        position: relative;
        background-color: #6a1929;
        background-attachment: scroll;
        background-position: 0% 0%;
}
.MainHeader a:link { 		color: #FFF7E7;}
.MainHeader a:visited { 	color: #FFF7E7;}
.MainHeader a:hover { 		color: #990000;}
.MainHeader a:active {		color: #990000;}


/* Sidebar - Indicates the Left column background color. (May not be needed now - 6/11/03.) */
.Sidebar {
	color: #000000;
	background: #A85C56;
}

/* SeparatorBar - Can apply to a dark data row separator background color. */
.SeparatorBar {
	color: #ffffff;
	background: #A9A9A9;
}

/* SysMessage - Applies to system message text. */
.SysMessage {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFF66;
}

/* SysMenu - Specifies the navigation elements (drop-down menu and buttons)  inside the Main Header - The drop down menu and buttons*/
.SysMenu {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #6C332E;
	border-top: 2px solid #427563;
	border-right: 2px solid #9CBAAD;
	border-bottom: 2px solid #9CBAAD;
	border-left: 2px solid #427563;
	background: #F5F5F5;
}
/* Styles the input buttons in the main header. <input class=SysMenu> */
input.SysMenu {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4D3110;
	border-top: 1px solid #F5F5F5;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #F5F5F5;
	background: #F5F5F5;
}

/* Tab - Sets up the horizontal navigation items (similar to tabs),
where multiple screens may be required to display similar information.
(For example, on a statewide production report, there could be tabs
displaying various report data by time periods—quarter, YTD, 2001, 2002.) */
.Tab {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6C332E;
	background: #D3D3D3;
	text-align: center;
}

.Tab a:link {display: block; color: #6C332E;	text-decoration: underline; padding: 2px 4px;}
.Tab a:visited { display: block;	color: #6C332E;	text-decoration: underline; padding: 2px 4px;}
.Tab a:hover { display: block;  background: #EEEEEE; color: #000000;	text-decoration: underline; padding: 2px 4px;}
.Tab a:active {display: block; background: #DCDCDC; color: #FFFFFF;	text-decoration: underline; padding: 2px 4px;}

/*TabBox - Sets border around a table to match the Tab Selected style*/
.TabBox {
	border: 1px solid #58658f;
	border-collapse: collapse;
	background: #F8F8FF;
}

/* TabSelected - Indicates the selected cell when using the Tab navigation*/
.TabSelected {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #58658f;
	text-align: center;

}
.TabSelected a:link {	display: block; color: #FFF7E7;	text-decoration: none; padding: 2px 4px;}
.TabSelected a:visited {display: block; color: #FFF7E7;	text-decoration: none; padding: 2px 4px;}
.TabSelected a:hover {	display: block; color: #FFF7E7;	text-decoration: underline; padding: 2px 4px;}
.TabSelected a:active {	display: block; color: #FFF7E7;	text-decoration: underline; padding: 2px 4px;}

.TabBox2 {
	border-collapse: collapse;
	background: #F8F8FF;
	border-top: 6px solid #58658f;
	border-right: 1px solid #58658f;
	border-bottom: 1px solid #58658f;
	border-left: 1px solid #58658f;

}


.TabBox2 input.zcolor, select.zcolor, td.zcolor, th.zcolor {
	background: #F8F8FF;
}

.SmallText {
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
}
.big-or{
	font-size: 11pt;
}

.smallMessage {
	font-size: 6pt;
}

/* hidden - To accommodate accessibility standards, providing screen reader instruction w/o visibility*/
.hidden {
    position:absolute;
    left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.warning{color: #FF0000}