/*
the body class represents top level inheritance for all body tags.
*/
body
{
	font-size: 8pt;
	font-family: Verdana, Arial;
	background-color: white;
	text-align: left;
}

/*
The label class represents top level inheritance for all label tags
*/
LABEL
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
}

/*
This class represents the top level inheritance for all table tags.
*/
TABLE
{
	width: 100%;
	font-family: Verdana, Arial;
}

/*
This class represents the top level inheritance for all pop up table tags.
*/
TABLE .PopUp
{
	width: 60%;
}

/*
If you use a label control in the header table of the page, use this class
*/
LABEL .HeaderLabel
{
	font-size: 8pt;
	color: black;
	text-align: center;
}

/*
Use this class for the table at the top of the page that is used for navigation, 
the page title, etc...use this class in the <table> element
*/
TABLE .PageHeaderTable
{
	border-right: #ED1C2D 0px solid;
	border-top: #ED1C2D 0px solid;
	font-size: 8pt;
	border-left: #ED1C2D 0px solid;
	width: 100%;
	border-bottom: #ED1C2D 0px solid;
	height: 28px;
	background-color: #ED1C2D;
}

/*
This style class complements the PageHeaderTable class, and should be used with
the <tr> element
*/
TABLE .PageHeaderRow
{
	border-right: #ED1C2D 0px solid;
	border-top: #ED1C2D 0px solid;
	font-size: 8pt;
	border-left: #ED1C2D 0px solid;
	width: 100%;
	color: white;
	border-bottom: #ED1C2D 0px solid;
	height: 28px;
	background-color: #ED1C2D;
}

/*
This style class complements the PageHeaderTable class, and should be used with
the <td> element.
*/
TABLE .PageHeaderCol
{
	border-right: #ED1C2D 0px solid;
	border-top: #ED1C2D 0px solid;
	font-weight: bold;
	font-size: 8pt;
	vertical-align: baseline;
	border-left: #ED1C2D 0px solid;
	width: 80%;
	color: white;
	border-bottom: #ED1C2D 0px solid;
	height: 28px;
	background-color: #ED1C2D;
}

/*
Use this style class for tables in the body of your page that are used to display
labels and controls.  Use this with the <table> element.
*/
TABLE .DataTable
{
	font-size: 8pt;
	vertical-align: top;
	color: black;
	height: 28px;
}
/*
Use this style class for tables in the body of your page that are used to display
labels and controls in a 'tabular' format, where the user can edit data in the table.
*/
TABLE .DataTableWithBorder
{
	border-right: 1px solid;
	padding-right: 1px;
	border-top: 1px solid;
	padding-left: 1px;
	font-size: 8pt;
	padding-bottom: 1px;
	vertical-align: top;
	border-left: 1px solid;
	color: black;
	padding-top: 1pt;
	border-bottom: 1px solid;
	height: 28px;
}


/*
If you are building a dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the HEADER COLUMN
of the table.  Use this class with the <tr> element
*/
TABLE .DataHeaderRow
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	color: black;
	height: 28px;
	text-align: left;
}

/*
If you are building a dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the HEADER COLUMN
of the table.  Use this class with the <td> element
*/
TABLE .DataHeaderCol
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	color: black;
	height: 28px;
	text-align: left;
}

/*
If you are building a dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the HEADER COLUMN
of the table.  Use this class with the <td> element
*/
TABLE .DataHeaderSubCol
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: left;
}

/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header columns
of the table.  Use this class with the <td> element

Also use this style class for normal cells in a table that displays controls and
labels
*/
TABLE .DataCol
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: left;
}
TABLE .DataColTall
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	text-align: left;
}
/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header columns
of the table.  Use this class with the <td> element

Also use this style class for normal cells in a table that displays controls and
labels
*/
TABLE .DataColBold
{
	font-weight: bold;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: left;
}
TABLE .DataColError
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;	
	border-color: Firebrick;
	background-color:Crimson;
	height: 28px;
	text-align: left;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;

}
TABLE .DataColHiLight
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;	
	border-color: Yellow;
	background-color:Yellow;
	height: 28px;
	text-align: left;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;

}
TABLE .DataColFlagged
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;	
	border-color: Firebrick;
	background-color:Yellow;
	height: 28px;
	text-align: left;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;

}


TABLE .DataColWithBorder
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: left;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
/* abbreviated to cut down on file size...same as style above!
*/
TABLE .DCWB
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: left;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
TABLE .DCWBC
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: center;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
TABLE .DCWBR
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: right;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
/* abbreviated to cut down on file size...same as style above with bold!
*/
TABLE .DCWBCB
{
	font-weight: bold;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: center;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
/*
Same as .DatacolWithBorder except doesn't limit height of row - used when word wrap is expected
*/
TABLE .DataColWithBorderTall
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	text-align: left;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1pt;
	padding-right: 1px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header columns
of the table.  Use this class with the <td> element

Also use this style class for normal cells in a table that displays controls and
labels
*/
TABLE .DataColRight
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: right;
}
TABLE .DataColRightTall
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	text-align: right;
}
/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header columns
of the table.  Use this class with the <td> element

Also use this style class for normal cells in a table that displays controls and
labels
*/
TABLE .DataColRightBold
{
	font-weight: bold;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: right;
}
/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header columns
of the table.  Use this class with the <td> element

Also use this style class for normal cells in a table that displays controls and
labels
*/
TABLE .DataColMiddle
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: middle;
	width: 100%;
	color: black;
	height: 28px;
	text-align: center;
}
/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header columns
of the table.  Use this class with the <td> element

Also use this style class for normal cells in a table that displays controls and
labels
*/
TABLE .DataColMiddleBold
{
	font-weight: bold;
	font-size: 8pt;
	vertical-align: middle;
	width: 100%;
	color: black;
	height: 28px;
	text-align: center;
}
/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header rows
of the table.  Use this class with the <tr> element

Also use this style class for normal rows in a table that displays controls and
labels
*/
TABLE .DataRow
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: left;
}
/*
Same as .datarow except doesn't limit height of table cell - used when word wrap is expected
*/



TABLE .DataRowTall
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	text-align: left;
}


/*
If you are building a static or dynamic html table that displays labels or 
controls to the user, use this class.  Use this class for the NON-header rows
of the table.  Use this class with the <tr> element

Also use this style class for normal rows in a table that displays controls and
labels
*/
TABLE .DataRowBold
{
	font-weight: bold;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: black;
	height: 28px;
	text-align: left;
}
/*


Also use this style class for normal rows in a table that contain validation errors
*/
TABLE .DataRowValidationError
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	background-color: Crimson;
	height: 28px;
	text-align: left;
}
/*
Use this style class for grey-background label sections inside the tables
that display information
*/
TABLE .LabelSection
{
	font-weight: normal;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
	width: 100%;
	background-color: gainsboro;
	color: black;
	height: 28px;
	text-align: left;
}
/*
Use this style class for grey-background label sections inside the tables
that display information
*/
TABLE .LabelSectionRight
{
	font-weight: normal;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
	width: 100%;
	background-color: gainsboro;
	color: black;
	height: 28px;
	text-align: right;
}
/*
Use this style class for grey-background label sections inside the tables
that display information
*/
TABLE .LabelSectionCenter
{
	font-weight: normal;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
	width: 100%;
	background-color: gainsboro;
	color: black;
	height: 28px;
	text-align: center;
}
/*
If you need to assign a style to a label server control, use this style class
*/
LABEL .FormLabel
{
	vertical-align: top;
	font-size: 8pt;
	color: black;
}

/*
Use this style class for the very top level table for a page, which is used for 'branding'.
*/
TABLE .TitleTable
{
	border-right: #ED1C2D 0px solid;
	border-top: #ED1C2D 0px solid;
	font-size: 8pt;
	border-left: #ED1C2D 0px solid;
	width: 100%;
	border-bottom: #ED1C2D 0px solid;
	height: 28px;
	background-color: #ED1C2D;
}
/*
Use this style class for validation error messages.
*/
TABLE .ValidationError
{
	vertical-align: top;
	font-size: 8pt;
	font-weight:bold;
	text-align: center;
	color: Crimson;
}

/*
If you are building a static or dynamic html table that displays anchor 
tags that have no href attribute because they post back to the parent page,
use this class.  Use this class for the NON-header columns
of the table.  Use this class with the <td> element
*/
TABLE .HrefWithPostbackCol
{
	font-weight: normal;
	font-size: 8pt;
	vertical-align: top;
	width: 100%;
	color: blue;
	height: 28px;
	text-align: left;
	text-decoration: underline;
}
/*
The TEXTBOX class represents top level inheritance for all TEXTBOX tags
*/
.textbox
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
	text-align: left; 
	vertical-align: middle; 
}

.dropdownlist
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
	height: 21px;
}

/*
The listbox class represents top level inheritance for all listbox tags
*/
.listbox
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
}
/*
The checkboxlist class represents top level inheritance for all checkboxlist tags
*/
.checkboxlist
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
} 

/*
The radiobutton class represents top level inheritance for all radiobutton tags
*/
.radiobutton
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
}

/*
The button class represents top level inheritance for all button tags
*/
.button
{
	width: 77px;
	height: 21px;
	font-size: 8pt;
	font-family: Verdana, Arial;
	
}

/*
Use this style class for the main navigation control
*/
TABLE .MainNavTable
{
	font-size: 8pt;
	vertical-align: middle;
	width: 100%;
	color: black;
	height: 28px;
}
/*
Use this style class for the column in MainNav that contains the company logo
*/
TABLE .MainNavLogoCol
{
	font-weight: bold;
	font-size: 8pt;
	vertical-align: middle;
	width: 30%;
	color: black;
	height: 28px;
	text-align: left;
}
/*
Use this style class for the column in MainNav that contains the project name/number
*/
TABLE .MainNavProjectCol
{
	font-weight: bold;
	font-size: 12pt;
	vertical-align: middle;
	width: 40%;
	color: black;
	height: 28px;
	text-align: center;
}
/*
Use this style class for the column in MainNav that contains the project name/number
*/
TABLE .MainNavLinksCol
{
	font-weight: bold;
	font-size: 8pt;
	vertical-align: middle;
	width: 30%;
	color: black;
	height: 28px;
	text-align: right;
}
/*
These classes handle links.
*/
a:link
{
	color: Blue;
	font-size: 8pt;
}
a:visited
{
	color: Blue;
	font-size: 8pt;
}
a:hover
{
	color: Gray;
	font-size: 8pt;
}
a:active
{
	color: Gray;
	font-size: 8pt;
}