/* Color attributes that have been commented out are being scripted 
   dynamically from database values being scripted as additional
   class definitions in uc_styles.aspx.cs.*/


/* General */

body, .bodytext, div, p, label, table, td, th, ol, ul, input, select, textarea, a, .button {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
	font-size: 11px;	
}
body {
	background-image:url(../images/blue_bgPageGradient.jpg);
	background-repeat: repeat-x;
	margin: 12px;
	text-align: center;
	/*background-color: <%=strHeaderBackground%>;*/
}

b, strong	{font-weight: bold;}
i, em 		{font-style: italic;}
li			{/*list-style-image: url(images/<%=strTheme%>_listArrow.gif);*/}

a {
	/*color: <%=strLinkText%>;*/
	color: #115377;
	font-size: 1em;
	text-decoration: none;
}

a:active, a:hover {
    /*color: <%=strAccentText%>;*/
	text-decoration:    underline;
}
.active {
	cursor: pointer;
	cursor:	hand;
}


/* Universal Page Elements */

.page {
	width: 100%;
	height: 100%;	
}
.pageHeaderTabLeft, .pageHeaderTabRight {
	width: 9px;
	height: 6px;
	vertical-align: bottom;
}
.pageHeaderTabLeft {background-image: url(images/blue_HeaderTabLeft.gif);}
.pageHeaderTabRight {background-image: url(images/blue_HeaderTabRight.gif);}

.pageHeaderBorder {
	background-color: #FFFFFF;
	width: 100%;
	height: 6px;
}
.pageHeader {
	background-color: #FFFFFF;
	/*border-right: 1px solid <%=strPageBorder%>;*/
	padding: 5px;
	padding-top: 0px;
}
.pageHeader a, .pageHeader a:visited, .pageHeader a:link .pageHeader a:active, .pageHeader a:hover{
	font-size: .9em;
}
.pageLine {
	/*background-color: <%=strPageLine%>;*/
	/*border-top: 1px solid <%=strPageLine%>;*/
	/*border-bottom: 1px outset <%=strPageLine%>;*/
	height: 3px;
}

.pageNavCol {
	/*background-image: url(images/<%=strTheme%>_bgLeftNav.gif);*/
	/*background-color: <%=strHeaderBackground%>;*/
	/*border-right: 1px solid <%=strPageLine%>;*/
	width: 170px;
	height: 100%;
	text-align:	center;
}
.pageNavHeader {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border: 1px solid <%=strHeaderHighlight%>;*/
	/*border-bottom: 1px solid <%=strHeaderShadow%>;*/
	/*border-right: 1px solid <%=strHeaderShadow%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	text-align: left;
}
.pageNavBody {
	/*background-color: <%=strAccentBackground%>;*/
	/*border: 1px solid <%=strAccentHighlight%>;*/
	/*border-right: 1px solid <%=strAccentShadow%>;*/
	/*border-bottom: 1px solid <%=strAccentShadow%>;*/
	padding: 5px;
	text-align: left;
	font-size: .9em;
	width: 166px;	
}

.pageMenu, .pageButton, .pageSubMenu {
	/*background-color: <%=strAccentBackground%>;*/
	/*border: 1px solid <%=strAccentHighlight%>;*/
	/*border-right: 1px solid <%=strAccentShadow%>;*/
	/*border-bottom: 1px solid <%=strAccentShadow%>;*/
	color: #222222;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	height:	23px;
	padding: 4px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	cursor: pointer;
	cursor:	hand;
}
.pageMenuOn, .pageButtonOn, .pageSubMenuOn  {
	/*background-color: <%=strMenuHighlight%>;*/
	/*border: 1px solid <%=strAccentBackground%>;*/
	/*color: <%=strAccentText%>;*/
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	height:	23px;
	padding: 4px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	cursor: pointer;
	cursor:	hand;
}
.pageMenu	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_listArrow.gif) no-repeat right center;*/}	
.pageMenuOn {/*background: <%=strMenuHighlight%> url(images/<%=strTheme%>_listArrow.gif) no-repeat right center;*/}	

.pageBody {
	/*border-left: 1px solid <%=strAccentBackground%>;*/
	/*border-right: 1px solid <%=strPageBorder%>;*/
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	padding: 0px;
}
.pageContent {
	padding: 12px;
	width: 100%;
}
.pageTitle {
	/*color: <%=strAccentText%>;*/
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 15px;
}
.pageSubTitle {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border: 1px solid <%=strHeaderHighlight%>;*/
	/*border-bottom: 1px solid <%=strHeaderShadow%>;*/
	/*border-right: 1px solid <%=strHeaderShadow%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	width: 100%;
	padding: 3px;
	padding-left: 5px;
	text-align: left;	
}
.pageRightCol {
    background-color: #FFFFFF;
	width: 166px;
	height: 100%;
	text-align:	center;
	padding: 3px;
	vertical-align: top;
}

.pageFooter, .pageFooterContent {
	/*color: <%=strAccentText%>;*/
	background-color: #FFFFFF;
	padding: 4px;
	font-size: .9em;
}
.pageFooterContent {
	/*border-right: 1px solid <%=strPageBorder%>;*/
}
.pageFooter a, .pageFooter a:visited, .pageFooter a:link {
	/*color: <%=strLinkText%>;*/
	font-size: .9em;
	font-weight: normal;
}
.pageFooter a:active, .pageFooter a:hover {
	/*color: <%=strAccentText%>;*/
	font-weight: normal;
}
.pageFooterBorder {
	/*border-bottom: 1px solid <%=strPageBorder%>;*/
	background-color: #FFFFFF;
	width: 100%;
	height: 6px;
}
.pageFooterTabLeft, .pageFooterTabRight {
	width: 9px;
	height: 9px;
	vertical-align: bottom;
}
.pageFooterTabLeft	{/*background-image: url(images/<%=strTheme%>_FooterTabLeft.gif);*/}
.pageFooterTabRight {/*background-image: url(images/<%=strTheme%>_FooterTabRight.gif);*/}


/* Boxes - content */

.box {
	width: 166px;	
}
.boxHeader {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border-top: 1px solid <%=strHeaderHighlight%>;*/
	/*border-bottom: 1px solid <%=strHeaderShadow%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	text-align: center;
}
.boxHeaderLeft, .boxHeaderRight {
	/*border-bottom: 1px solid <%=strHeaderShadow%>;*/
	width: 6px;
}
.boxHeaderLeft {/*background: transparent url(images/<%=strTheme%>_boxHeaderLeft.gif) no-repeat left top;*/}
.boxHeaderRight {/*background: transparent url(images/<%=strTheme%>_boxHeaderRight.gif) no-repeat right top;*/}

.boxBody {
	/*background-color: <%=strAccentBackground%>;*/
	/*border-top: 1px solid <%=strAccentHighlight%>;*/
	/*border-left: 1px solid <%=strAccentHighlight%>;*/
	/*border-right: 1px solid <%=strAccentShadow%>;*/
	padding: 4px;
	text-align: left;
	font-size: .8em;
	width: 166px;	
}
.boxLabel {
   /*color: <%=strAccentText%>;*/
   background-color: transparent;
   text-align: left;
   padding: 2px;
   font-size: 1em;
   font-weight: bold;
}
.boxFooter  {
	/*background-color: <%=strAccentBackground%>;*/
	/*border-bottom: 1px solid <%=strAccentShadow%>;*/
	width: 100%;
	height: 8px;
	padding: 0px;
}
.boxFooterLeft, .boxFooterRight {
	 width: 6px; 
	 height: 6px;
}
.boxFooterLeft {/*background: transparent url(images/<%=strTheme%>_boxFooterLeft.gif) no-repeat left bottom;*/}
.boxFooterRight {/*background: transparent url(images/<%=strTheme%>_boxFooterRight.gif) no-repeat right bottom;*/}


/* Table - Datagrid */

.grid {
	/*background-color: <%=strHeaderBackground%>;*/
}
.gridContainer {
	/*border: 1px solid <%=strHeaderBackground%>;*/
}
.gridHeader {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border-bottom: 1px solid <%=strPageLine%>;*/  
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 1em;
	width: 100%;
	padding: 2px;
	padding-left: 5px;
}
.gridHeader a, .gridHeader a:link, .gridHeader a:visited, .gridHeader a:active, .gridHeader a:hover {
	/*color: <%=strHeaderText%>;*/ 
	text-decoration: none; 
	cursor: hand;
}
.gridSubheader {
	/*background-color: <%=strAccentBackground%>;*/
	color: #000000;
	font-weight: bold;
	padding: 2px;
	text-align: center;
	vertical-align: bottom;
}
.gridRow, .gridRowAlt {
	background-color: #FFFFFF;
	vertical-align: top;
} 
.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;
}


/* Table - Form */

select, textarea, .input {
   	/*border: 1px inset <%=strAccentBackground%>;*/
   	background-color: #FFFFFF;
	color: #222222;
}
.form {
	background-color: #FFFFFF;
	/*border: 1px solid <%=strHeaderBackground%>;*/
}
.formHeader {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border-bottom: 1px solid <%=strPageLine%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	padding: 3px;
	padding-left: 5px;
}
.formHeader a, .formHeader a:link, .formHeader a:visited, .formHeader a:active, .formHeader a:hover	{
	/*color: <%=strHeaderText%>;*/ 
	text-decoration: none; 
	cursor: hand;
}
.formSubheader {
	/*background-color: <%=strAccentBackground%>;*/
	color: #000000;
	font-weight: bold;
	padding: 2px;
	text-align: left;
	vertical-align: bottom;
}
.formBody {
	padding: 10px;
	text-align: center;	
}
.formLabel {
   /*background-color: <%=strAccentBackground%>;*/	
   /*color: <%=strAccentText%>;*/
   text-align: right;
   padding: 3px;
   font-weight: bold;
}
.formItem {
   background-color: #FFFFFF;	
   color:  #222222;
   text-align: left;
   padding: 2px;
}
.formFooter {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border-bottom: 1px solid <%=strPageLine%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	text-align: right;
	padding: 1px;
}
.button, .buttonBack {
	/*background-image: url(images/<%=strTheme%>_btnArrow.gif);*/
	/*background-color: <%=strAccentBackground%>;*/
	/*color: <%=strAccentText%>;*/
	background-repeat: no-repeat;
	background-position: 1px;
	border: 1px outset;
	overflow: visible;
	font-weight: bold;
	padding: 1px;
	padding-left: 15px;
	padding-right: 2px;
	cursor: pointer;
	cursor: hand;
}
.radio {
	white-space: nowrap;	
}


/* Text Elements */

.textInstruct {
	color: green;
	font-weight: normal;
	font-size: .9em;
	font-weight: normal;
}
.textPrice {
	/*color: <%=strAccentText%>;*/
	font-weight: bold;
}
.textRed {
	color: #AA0033;
}
.textError {
	color: #AA0033;
	font-weight: bold;
}
.textSmall {
	font-size: .8em;
}
.textRequired {
	color: #AA0033;
	font-weight: bold;
}
.textInstruct {
	color: #222222;
	font-size: 1.0em;
	font-weight: bold;
}
.textInstructU {
	color: #222222;
	font-size: 1.0em;
	text-decoration:underline;
	font-weight: bold;
}
.textLabel {
	/*color: 	 <%=strAccentText%>;*/
	font-size: 1.1em;
	font-weight: bold;
}
.textStrikeThru
{
	color: #aa0033;
	text-decoration: line-through;
	font-family: Times New Roman;
}

.textExtraLarge
{
	color: black;
	font-weight: bold;
	font-size: 24px;
}
.textLarge
{
	color: black;
	font-weight: bold;
	font-size: 16 px;
}
.textNormal
{
	color: black;
	font-size: 12 px;
}

.linkLarge
{
	color: white;
	font-size: 24px;
	text-decoration: none;
}
.linkLarge:hover
{
	color: white;
	font-size: 24px;
	text-decoration: underline;
}