/******************************************************************************
/* HTML Tag Styles 
******************************************************************************/
A {
	color: #000099;
	text-decoration: none;
}
A:Hover {
	color: #000099;
	text-decoration: underline;
}
A:Visited {
	color: #000099;
}
BODY, TABLE, DIV {
	font-size: 10pt;
	font-family: Tahoma, Arial, Sans-Serif;
}
BODY {
	margin: 0px 0px 0px 0px;
	color: black;
	background-color:dedede;
}
DT {
	font-weight: bold;
}
DD {
	margin: 0px 0px 10px 15px;
}
H1,H2,H3,H4 {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial Narrow, Tahoma, Sans-Serif;
	font-weight: bold;
	color: #ff6600;
}
H1 {
	font-size: 20pt;
}
H2 {
	font-size: 14pt;
}
H3
{
	font-size: 12pt;
}
H4 {
	font-size: 10pt;
}
HR {
	color: #000099;
}
PRE {
	font-size: 8pt;
	font-family: 'Courier New' , Monospace;
	border: black 1px solid;
	background-color: gainsboro;
	padding: 5px 5px 5px 5px;
}
SELECT {
	border: solid 1px #000099;
	background-color: white;
	color: #000099;
	font-size: 8pt;
}

/******************************************************************************
/* Ids used for common page elements
******************************************************************************/
#HeaderLeft 
{
}
#Header {
	background-color: #2d598a;
	height: 30px;
	border-top: solid 2px #223C52;
}
#HeaderRight
{
}
#HeaderSeparatorLeft 
{
}
#HeaderSeparator 
{
	background-color: #ffff99;
	height: 5px;
	padding:0px;
}
#HeaderSeparatorRight
{
}
#Header A,#Header A:Visited {
	color: white;
	font-size: 8pt;
}
#Header A:Hover {
	color: white;
	font-size: 8pt;
}
#MenuLeft {
	height: 20px;
}
#Menu {
	height: 25px;
	padding: 0px;
	text-align: left;
}
#Menu A,#Menu A:Visited {
	color: black;
}
#Menu A:Hover {
	color: navy;
}
#MenuRight {
	height: 20px;
}

#TitleLeft
{
	border-top: white 2px solid;
	height: 55px;
}
#Title {
	position: relative;
	z-index: 999;
	height: 55px;
	background-color: white;
	background-image: url(../Images/TitleBG.gif);
	border-left: solid 1px white;
	border-right: solid 1px white;
	border-top: solid 2px white;
}
#Title H1 {
	position: absolute;
	top: 10px;
	left: 10px;
}
#Title SPAN {
	position: absolute;
	bottom: 2px;
	right: 5px;
	color: #B1D6FF;
	font-size: smaller;
}
#TitleRight {
	height: 55px;
	border-top: solid 2px white;
}

#ContentLeft 
{
}
#Content {
	width: 850px;
	vertical-align: top;
	padding: 10px;
	background-color: #ffffff;
	border:1px solid #333333;
}
#ContentRight 
{
}

#FooterLeft {
	height: 30px;
}
#Footer {
	height: 30px;
	padding: 5px 5px 5px 5px;
	color: #333333;
	font-size: 9pt;
	text-align: center;
}
#Footer A,#Footer A:Visited {
	color: #333333;
}
#Footer A:Hover {
	color: #000099;
}
#FooterRight {
	height: 30px;
}

/******************************************************************************
/* Custom CSS Classes
******************************************************************************/
/* Class used to ensure that all UI elements are a consistent width */
.Content {
	width: 850px;
}
.MenuItem 
{
	background-color: #ffdb57;
	border: 1px solid #aaaaaa;
	padding: 4px 5px 4px 5px;
	height: 25px;
	margin: 0px;
	font-size: 7pt;
}
A.MenuItem 
{
	background-color: #ffdb57;
	border: 1px solid #aaaaaa;
	padding: 4px 5px 4px 5px;
	height: 25px;
	margin: 0px;
	font-size: 7pt;
}
.MenuItem:Hover
{
    background-color: White;
    border: 1px solid #aaaaaa;
    padding: 4px 5px 4px 5px;
    height: 25px;
    margin: 0px;
    font-size: 7pt;
}
A.MenuItem:Hover
{
    background-color: White;
    border: 1px solid #aaaaaa;
    padding: 4px 5px 4px 5px;
    height: 25px;
    margin: 0px;
    font-size: 7pt;
}
/* Classes used for form elements  */
.Form {
	border: solid 1px #000099;
	background-color: #eeeeee;
	color: #333333;
	width: 750px;
	padding: 5px 5px 5px 5px;
}
.Label {
	color: #000099;
	text-align: left;
	font-weight: bold;
}
.Button {
	border: solid 1px #666666;
	font-size: 8pt;
	color: black;
	background-color: #dedede;
}
.Button-noprint {
	border: solid 1px #666666;
	font-size: 8pt;
	color: black;
	background-color: #dedede;
}
.TextBox {
	border: solid 1px #000099;
	background-color: white;
	color: #000099;
	font-size: 8pt;
}
.TextBox_Active {
	border: solid 1px #000099;
	background-color: lemonchiffon;
	color: #000099;
	font-size: 8pt;
}
.TextBox_ReadOnly {
	border: solid 1px #000099;
	background-color: silver;
	color: #000099;
	font-size: 8pt;
}
/* Classes used for error and success messages */
.ErrorMessage {
	background-color: Yellow;
	color: Red;
	font-size: 8pt;
	width: 750px;
	padding: 5px 5px 5px 5px;
}
.SuccessMessage {
	background-color: #B1D6FF;
	color: #000099;
	font-size: 8pt;
	width: 750px;
	padding: 5px 5px 5px 5px;
}
.Details 
{
	width: 350;
	height: 200;
	overflow:auto;
	border-color: #000099;
	border-width: 1px;
	border-style: solid;
	background-color: lemonchiffon;
}

/* Classes used for data tables */
TABLE.DataTable,TABLE.DataTable TD,Table.DataTable TH {
	border-collapse: collapse;
	border-color: #000099;
	border-width: 1px;
	border-style: solid;
}
TABLE.DataTable TD,Table.DataTable TH {
	padding: 3px 3px 3px 3px;
	font-size: 8pt;
}
.TableHeader {
	font-weight: bold;
	background-color: #000099;
	color: white;
}
.TableHeader A {
	color: #ffffff;
	text-decoration: underline;
}
.TableHeader A:Visited {
	color: #ffffff;
	text-decoration: underline;
}
.TableHeader A:Hover {
	color: #ffffff;
	text-decoration: underline;
}
.TableItem {
	background-color: white;
	color: black;
}
.TableAlternatingItem {
	background-color: #dedede;
	color: black;
}


/******************************************************************************
/* Modify the UI when the page is printed
******************************************************************************/
@media print {
	#HeaderLeft {display: none;}
	#Header {display: none;}
	#HeaderRight {display: none;}

	#MenuLeft {display: none;}
	#Menu {display: none;}
	#MenuRight {display: none;}

	#TitleLeft {display: none;}
	#Title {display: none;}
	#TitleRight {display: none;}

	#ContentLeft {}
	#Content {
		width: 100%;
		vertical-align: top;
		padding-top: auto;
	}
	#ContentRight {}

	#FooterLeft {display: none;}
	#Footer {display: none;}
	#FooterRight {display: none;}
	
	.Content {width: 100%;}
	.Form {width: 100%;}
	.ErrorMessage {width: 100%;}
	.SuccessMessage {width: 100%;}
	.Button-noprint {display:none;}
}