/* The following styles are automatically applied to the appropriate html tag */
.gw10Page {
 width: 99%; 
 padding: 1%; 
 margin: auto;
}

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;
   white-space: nowrap;
}

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

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. */

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

.DataGrid tr{
   white-space: nowrap; 
   text-align: center ;
}

.DataGrid th{
   white-space: nowrap; 
   text-align: center ;
	border: 1px #666666 solid;
	padding: 1px;
}

.DataGrid td{
   white-space: nowrap; 
   text-align: center ;
	border: 1px #666666 solid;
	padding: 1px;
}

.DataGrid2 tr{
   white-space: nowrap; 
   text-align: center ;
}

.DataGrid2 th{
   white-space: nowrap; 
   text-align: center ;
	border: 1px #666666 solid;
	padding: 1px;
}

.DataGrid2 td{
   white-space: nowrap; 
   text-align: center ;
	border: 0px;
	padding: px;
}

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

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

.DataGrid4 tr{
   white-space: nowrap; 
   text-align: left ;
}

.DataGrid4 th{
   white-space: nowrap; 
   text-align: left ;
	border: 1px #666666 solid;
	padding: 1px;
}

.DataGrid4 td{
   white-space: nowrap; 
   text-align: left ;
	border: 1px #666666 solid;
	padding: 1px;
}


/* 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;
}

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

/* 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(../commonuiImages/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;}



/* 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 td{
	padding: 4px;
}

.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;
}