/* General HTML Elements */
body, div, td, th, ol, ul, li {	
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-weight: normal;
	font-size: 12px;	
	color: #000000;
}
body { 
	color: #ffffff; 
	margin: 0px; 
}
td { 
	margin: 0px; 
}
li {
	list-style-image: url(/images/listArrow.gif);
}

label {
	cursor: pointer;	
	cursor: hand;
}
a:link, a:visited  { 
	font-weight: none; 
	text-decoration: underline; 
	color: #003399;
}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9c7000;
}
hr {
	width: 75%;
	color: #FFCC33;	
}
.hrBlue {
	color: #224499;
}
.imgBorder {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=4);
	border: 1px outset #003399;
}
.active {
	cursor: pointer;
	cursor: hand;
}

/* Image Window */
.imgWindow {
	background-color:  #221188;
}
.imgBorder {
	padding: 5px;
	border: solid 1px #4433AA;	
}
.imgWindowFooter {
	background-image: none;
	text-align: center;	
}


/* Page Elements */

.pageBody {
	padding-left: 20px;		
}
.pageTitle {
	font-size: 22px;
	font-weight: bold;
	color: #003399;	
	border-bottom: solid 2px #FFCC33;
	width: 100%;
}


/* Boxes - content */

.box {
	width: 160px;	
	text-align: center;
}

.boxHeaderLeft, .boxBodyLeft, .boxFooterLeft {width: 10px;}
.boxHeaderRight, .boxBodyRight, .boxFooterRight {width: 16px;}
.boxHeaderLeft, .boxHeaderRight {height: 13px;}
.boxFooterLeft, .boxFooterRight {height: 16px;}

.boxHeaderLeft {background: #FFF2AB url(/images/boxHeaderLeft.gif) no-repeat top left;}
.boxHeaderRight {background: #FFF2AB url(/images/boxHeaderRight.gif) no-repeat top left;}
.boxFooterLeft {background: #FFF2AB url(/images/boxFooterLeft.gif) no-repeat top left;}
.boxFooterRight {background: #FFF2AB url(/images/boxFooterRight.gif) no-repeat top left;}
.boxFooter {background: #FFF2AB url(/images/boxFooter.gif) repeat-x bottom left;}
.boxBodyLeft {background: #FFF2AB url(/images/boxLeft.gif) repeat-y top left;}
.boxBodyRight {background: #FFF2AB url(/images/boxRight.gif) repeat-y top right;}

.boxHeader {
	background: #FFF2AB url(/images/boxHeader.gif) repeat-x top left;
}
.boxTitle {
	color: #003399;
	font-weight: bold;
	font-size: 11px;
	text-align: center;		
}
.boxBody {
	background-color: #FFF2AB;
	padding: 0px 0px 5px 0px;
	text-align: left;
	font-size: 11px;
	width: 166px;	
}
.boxLabel {
   background-color: transparent;	
   text-align: left;
   font-size: 11px;
   font-weight: bold;
}
.boxText {
	font-size: 11px;
}

/* Form Elements */
select, textarea, .input, .formInput {
   	border: 1px inset #DFE6F5;
	/*background: #FFFFFF url(images/<%=strTheme%>_pageShadow.gif) repeat-y left top;*/
	color: #222222;
}
.form {
	background-color: #DFE6F5;
	border: 1px outset #003399;
}
.formHeader {
	background-color: #7A90BC;
	border-bottom: 1px outset #003399;
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	padding: 4px;
	padding-left: 5px;
}
.formSubheader {
	background-color: #7A90BC;
	border-top: 1px outset #003399;
	border-bottom: 1px outset #003399;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
}
.formLabel {
   /*background-color: <%=strAccentBackground%>;*/	
   color: #003399;
   text-align: right;
   padding: 3px;
   font-weight: bold;
}
input.text, input.password, textarea, .formItem {
   /*background-color: #FFFFFF;*/	
   color:  <%=strAccentText%>;
   text-align: left;
   padding: 2px;
}
.formFooter {
	/*background-color:  strAccentShadow;*/
	/*border-top: 1px outset strAccentShadow;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
	padding: 2px;
}
input.radio, .radio {
	white-space: nowrap;	
}

input.submit, input.reset, button, .button, .buttonBack, .formButton {
	background: #FCFAE6 url(/images/button_bggradient.gif) repeat-x -1 -1;
	border: 1px outset;
	color: #003399;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	padding: 0px;
	cursor: pointer;
	cursor: hand;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=2);
}
.buttonDate, .cmdButton { 
	BACKGROUND: transparent url(images/icon_calendar.gif) no-repeat 4px 50%; 
	border: solid 0px transparent;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	HEIGHT: 16px; 
	WIDTH: 16px; 
	CURSOR: hand; 
}



/* Table/Grid Elements */
.grid {
	/*background-color: <%=strHeaderBackground%>;*/
}
.gridTitle {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border-bottom: 1px solid <%=strPageLine%>;*/  
	color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
	padding-left: 5px;
	font-variant: small-caps;
}
.gridHeader {
	/*background-color: <%=strAccentBackground%>;*/
	background-color: #003399;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	text-align: center;
}
.gridHeader a, .gridHeader a:link, .gridHeader a:visited, .gridHeader a:active, .gridHeader a:hover {
	color: #FFFFFF; 
	font-weight: bold;
	padding: 2px;
	text-align: center;
	text-decoration: underline; 
	cursor: hand;
}
.gridSubheader {
	/*background-color: <%=strAccentBackground%>;*/
	color: #000000;
	font-weight: bold;
	padding: 2px;
	text-align: center;
}
.gridRow, .gridRowAlt {
  	/*border-bottom: 1px outset <%=strAccentBackground%>;*/
   	background-color: #FFFFFF;
	padding:1px;
} 
.gridRow {
  	/*background-color: <%=strAccentBackground%>;*/
  	/*border-bottom: 1px outset <%=strAccentBackground%>;*/
} 
.gridFooter {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border-bottom: 1px solid <%=strPageLine%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	text-align: right;
	padding: 1px;
}



/* Text Elements */
.xSmFont {
    FONT-FAMILY: verdana, helvetica, arial;
    FONT-SIZE: 8pt;
}
.xSmBoldFont {
    FONT-FAMILY: verdana, helvetica, arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.smFont {
    FONT-SIZE: 10pt
}
.smBoldFont {
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.medFont {
    FONT-SIZE: 12pt
}
.medBoldFont {
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold
}
.lgFont {
    FONT-SIZE: 14pt
}
.lgBoldFont {
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
}
.textError {
	font-weight: bold;
	color: #AA0033;	
}
.textValid {
	font-weight: bold;
	color: green;	
}
.textInstruct {
	color: green;
	font-weight: normal;
	font-size: .9em;
	font-weight: normal;
}
.textSmall {
	font-size: 9px;
}
.textLabel {
	color: 	 #008899;
	font-size: 1.1em;
	font-weight: bold;
}

/* Misc Elements */

.smsans:hover {
	COLOR: red
}