/* 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, .button {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
	font-size: 11px;	
}
body {
	background-color: #FFFFFF;
	margin: 0px;
	text-align: center;
}
b, strong	{font-weight: bold;}
i, em 		{font-style: italic;}
li			{/*list-style-image: url(images/<%=strTheme%>_listArrow.gif);*/padding: 2px;}
a {
	/*color: <%=strHeaderText%>;*/
	font-size: 1em;
	text-decoration: underline;
	padding: 1px;
}
a:active, a:hover {
    /*color: <%=strLinkText%>;*/
	text-decoration: underline;
}
.active {
	cursor: pointer;
	cursor:	hand;
}
.popupLink
{
	text-decoration: underline;
	cursor: pointer;
	cursor:	hand;
}

/* Universal Page Elements */

.page {
	width: 100%;
	height: 100%;	
}
.pageHeaderLeft {
	/*color: <%=strHeaderText%>;*/
	height: 100%;
	font-size: 1em;
	vertical-align: top;
	padding: 10px;
}
.pageHeaderRight {
	/*color: <%=strHeaderText%>;*/
	height: 100%;
	font-size: 1em;
	text-align: right;
	padding: 10px;
}
.pageHeader a, .pageHeader a:visited, .pageHeader a:link .pageHeader a:active, .pageHeader a:hover{
	/*color: <%=strAccentText%>;*/
	font-size: .9em;
	font-weight: normal;
}
.pageHeader a:active, .pageHeader a:hover{
	/*color: <%=strLinkText%>;*/
}
.pageHeaderLinks {
	/*background-color: <%=strAccentBackground%>;*/
	padding: 2px 5px 3px 5px;
	font-variant: normal;
}
.pageHeaderMenuRow {
	/*background-color: <%=strHeaderMenuBackground%>;*/
	height: 22px;
	text-align: center;
	vertical-align: bottom;
}
.pageHeaderMenuSwoosh {
	/*background: <%=strHeaderBackground%> url(images/<%=strTheme%>_pageHeaderSwoosh.gif) no-repeat left bottom;*/
	width: 100%;
}
.pageHeaderMenu, .pageHeaderMenuOn {
	/*background-color: <%=strHeaderMenuBackground%>;*/
	/*border-left: 1px solid <%=strHeaderMenuHighlight%>;*/
	/*border-top: 1px solid <%=strHeaderMenuHighlight%>;*/
	/*border-right: 1px outset <%=strHeaderMenuBackground%>;*/
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	font-variant: small-caps;
	padding: 2px 10px 2px 10px;
	height: 24px;	
	text-align: center;
	cursor: pointer;
	cursor:	hand;
}
.pageHeaderMenuOn {
	/*background-color: <%=strMenuBackground%>;*/
	/*border-left: 1px solid <%=strAccentBackground%>;*/
	/*border-top: 1px solid <%=strAccentBackground%>;*/
	border-right: 1px outset;
	/*/*color: <%=strMenuText%>;*/
}
.pageMenuRow {
	/*background-color: <%=strMenuBackground%>;*/
	border-bottom: 0px solid #FFFFFF;
	text-align: left;
	padding-left: 15px;
	height: 5px;
}
.pageMenu, .pageMenuOn {
	/*background-color: <%=strMenuBackground%>;*/
	/*border: 1px solid <%=strMenuBackground%>;*/
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	font-variant: small-caps;
	padding: 1px 2px 1px 2px;
	height: 20px;	
	text-align: center;
	cursor: pointer;
	cursor:	hand;
}
.pageMenuOn  {
	/*background-color: <%=strMenuHighlight%>;*/
	/*border-left: 1px solid <%=strAccentBackground%>;*/
	/*border-top: 1px solid <%=strAccentBackground%>;*/
	border-right: 1px outset;
	border-bottom: 1px outset;
	/*color: <%=strMenuText%>;*/
}
.pageNavCol {
	background: #FFFFFF url(../images/pageShadow.gif) repeat-x left top;
	width: 160px;
	height: 100%;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:	left;
}
.pageSubMenu, .pageSubMenuOn {
	/*border-bottom: 1px solid <%=strMenuBackground%>;*/
	/*color: <%=strHeaderText%>;*/
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	padding: 3px 10px 3px 10px;
	width: 160px;
	text-align: left;
	cursor: pointer;
	cursor:	hand;
}
.pageSubMenuOn  {
	/*color: <%=strAccentText%>;*/
}
.pageSubMenu	{/*background: transparent url(images/<%=strTheme%>_listArrow.gif) no-repeat left 7px;*/}
.pageSubMenuOn {/*background: #FFFFFF url(images/<%=strTheme%>_listArrowOn.gif) no-repeat left 7px;*/}

.pageBody {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	padding: 5px;
}
.pageContent {
	background: #FFFFFF url(../images/pageShadow.gif) repeat-x left top;
	padding: 5px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 15px;
	/*width: 100%;*/
	height: 100%;
}
.pageTitle {
	/*color: <%=strAccentText%>;*/
	font-weight: bold;
	font-size: 1.5em;
	height: 20px;
	padding: 0px;
	padding-bottom: 10px;
	font-variant: small-caps;
}
.pageHeader {
	/*background: <%=strMenuBackground%> url(images/<%=strTheme%>_pageHeader.gif) no-repeat left top;*/
	/*color:  <%=strBoxHeaderText%>;*/
	font-weight: bold;
	font-variant: small-caps;
	width: 100%;
	height: 22px;
	padding: 3px;
}
.pageRightCol {
    background-color: #FFFFFF;
	width: 166px;
	height: 100%;
	text-align:	center;
	padding: 2px;
	padding-top: 10px;
	vertical-align: top;
}
.pageFooterLine {
	/*background: <%=strMenuBackground%> url(images/<%=strTheme%>_menuBar.gif) repeat-x left top;*/
	padding: 3px;
}
.pageFooterLine a, .pageFooterLine a:visited, .pageFooterLine a:link {
	/*color: <%=strHeaderText%>;*/
	font-size: .8em;
	font-weight: normal;
	text-decoration: normal;
}
.pageFooterLine a:active, .pageFooterLine a:hover {
	/*color: <%=strLinkText%>;*/
	font-size: .8em;
	font-weight: normal;
	text-decoration: underline;
}
.pageFooter {
	background: #FFFFFF url(images/pageShadow.gif) repeat-x left top;
	padding: 6px;
	width: 100%;
	font-size: .9em;
	text-align: left;
}


/* Boxes - content */

.box {
}

.boxHeaderLeft, .boxBodyLeft, .boxFooterLeft {width: 4px;}
.boxHeaderRight, .boxBodyRight, .boxFooterRight {width: 8px;}
.boxHeaderLeft, .boxHeaderRight {height: 26px;}
.boxFooterLeft, .boxFooterRight {height: 8px;}

.boxHeaderLeft	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxHeaderLeft.gif) no-repeat top left;*/}
.boxHeaderRight {/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxHeaderRight.gif) no-repeat top left;*/}
.boxFooterLeft	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxFooterLeft.gif) no-repeat top left;*/}
.boxFooterRight {/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxFooterRight.gif) no-repeat top left;*/}
.boxFooter		{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxFooter.gif) repeat-x bottom left;*/}
.boxBodyLeft	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxLeft.gif) repeat-y top left;*/}
.boxBodyRight	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxRight.gif) repeat-y top right;*/}
.boxHeader {
	/*background: <%=strMenuBackground%> url(images/<%=strTheme%>_boxHeader.gif) repeat-x top left;*/
	/*color: <%=strBoxHeaderText%>;*/
	font-weight: bold;
	font-size: 11px;
	font-variant: small-caps;
	height: 26px;
	padding-top: 4px;
	padding-left: 3px;
	text-align: left;		
}
.boxBody {
	/*background-color: <%=strAccentBackground%>;*/
	padding: 10px 3px 5px 3px;
	text-align: left;
	font-size: .9em;
	width: 166px;	
}
.boxBodyInfo {
	/*background-color: <%=strAccentBackground%>;*/
	padding: 10px 3px 5px 3px;
	text-align: left;
	font-size: .9em;
}
.boxSelect, .boxInput {
	/*background-color: <%=strAccentBackground%>;*/
	border: 1px inset;
	font-size: 9px;
}
.boxRow {
	/*border-bottom: 1px solid <%=strMenuBackground%>;*/
}
.boxLabel {
   /*color: <%=strAccentText%>;*/
   background-color: transparent;	
   text-align: left;
   padding: 2px;
   font-size: 1.1em;
   font-weight: bold;
}


/* Table - Datagrid */

.gridHeader {
	/*background: <%=strMenuBackground%> url(images/<%=strTheme%>_pageHeader.gif) no-repeat left top;*/
	/*color:  <%=strBoxHeaderText%>;*/
	font-weight: bold;
	font-variant: small-caps;
	width: 100%;
	height: 22px;
	padding: 2px;
	padding-left: 4px;
}
.gridColHeader {
	/*border-bottom: 1px solid <%=strMenuBackground%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-variant: small-caps;
	width: 100%;
	height: 22px;
	padding-left: 0px;
	padding-right: 10px;
	white-space: nowrap;
}
.gridSubheader {
	/*border-bottom: 1px solid <%=strMenuBackground%>;*/
	/*color: <%=strHeaderText%>;*/
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	font-variant: small-caps;
	padding: 2px;
}
.gridSubheaderLeft {
	border-bottom: 1px solid <%=strMenuBackground%>;
	color: <%=strHeaderText%>;
	background-color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	font-variant: small-caps;
	padding: 2px;
}
.gridRow, .gridRowAlt {
	background-color: #FFFFFF;
} 
.gridRowProductList, .gridRowProductListAlt {
	background-color: #FFFFFF;
	font-size: 11px;
} 
.gridRowProductListAlt 
{
	/*border-bottom: 1px solid <%=strMenuBackground%>;*/
	background-color: #FFFFFF;
	height: 1px;
	font-size: 11px;
}
.gridRowAlt {
	/*border-bottom: 1px solid <%=strMenuBackground%>;*/
	background-color: #FFFFFF;
	height: 1px;
}
.gridRow a, .gridRow a:link, .gridRow a:visited, .gridRow a:active, .gridRow a:hover, .gridRowAlt a, .gridRowAlt a:link, .gridRowAlt a:visited, .gridRowAlt a:active, .gridRowAlt a:hover {
	text-decoration: none;
	font-weight: bold;
}
.gridRow a:active, .gridRow a:hover, .gridRowAlt a:active, .gridRowAlt a:hover {
	text-decoration: underline;
}
.gridFooter {
	/*color: <%=strAccentText%>;*/
	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;
}
label {
	cursor: pointer;
	cursor: hand;
}
.form {
	/*background-color: <%=strAccentBackground%>;*/
	/*border: 1px outset <%=strAccentBackground%>;*/
}
.formHeader {
	/*background-color: <%=strHeaderBackground%>;*/
	/*color: <%=strHeaderText%>;*/
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	font-variant: small-caps;
	padding: 3px;
	padding-left: 5px;
	height: 23px;
	width: 100%;
}

.formHeaderLeft, .formHeaderRight {width: 9px; height: 23px;}
.formHeaderLeft {/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_formHeaderLeft.gif) no-repeat top left;*/}
.formHeaderRight {/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_formHeaderRight.gif) no-repeat top left;*/}

.formBody {
	padding: 10px;
	text-align: center;	
}
.formLabel {
   /*color: <%=strBoxHeaderText%>;*/
   text-align: right;
   padding: 3px;
   font-weight: bold;
}
.formItem {
   /*border-bottom: 1px solid <%=strAccentBackground%>;*/
   /*color:  <%=strAccentText%>;*/
   background-color: #FFFFFF;	
   text-align: left;
   padding: 2px;
}
.formItemRequired {
   /*border-bottom: 1px solid <%=strAccentBackground%>;*/
   /*color:  <%=strAccentText%>;*/
   background-color: #FCF9AE;	
   text-align: left;
   padding: 2px;
}
.formFooter {
	/*background-color: <%=strAccentBackground%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	text-align: right;
	padding: 1px;
	vertical-align: center;
}
.button {
	/*background-image: url(images/<%=strTheme%>_button.gif);*/
	/*background-color: <%=strHeaderMenuBackground%>;*/
	/*border: 1px outset <%=strMenuBackground%>;*/
	/*color: <%=strHeaderText%>;*/
	background-repeat: repeat-x;
	overflow: visible;
	font-weight: bold;
	font-size: 9px;
	padding: 0px 4px 0px 4px;
	height: 20px;	
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.buttonDate {
	/*background-color: <%=strMenuBackground%>;*/
	background-image: url(images/icon_calendar.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	border: 1px outset;
	padding: 0px 2px 0px 2px;
	width: 20px;
	height: 20px;
	overflow: visible;
	cursor: pointer;
	cursor: hand;
}
.radio {
	white-space: nowrap;	
}
.imgBorder {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=5);
}
.imgBorderInset {
	border: 1px inset transparent;
	margin-right: 6px;
}


/* Text Elements */

.textInstruct {
	color: green;
	font-weight: normal;
	font-size: .9em;
	font-weight: normal;
}
.textPrice {
	/*color: <%=strAccentText%>;*/
	font-weight: bold;
}
.textHeader {
	/*color: <%=strAccentText%>;*/
	font-weight: bold;
	font-size: 1.2em;
}

.textRed {
	color: #AA0033;
}
.textError {
	color: #AA0033;
	font-weight: bold;
}
.textSmall {
	font-size: 9px;
}
.textRequired {
	color: #AA0033;
	font-weight: bold;
}
.textLabel {
	/*color: 	 <%=strAccentText%>;*/
	font-size: 1.1em;
	font-weight: bold;
}

.separator
{
	background-color:#99ccff;
}


.purplelink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR:Purple;
    FONT-FAMILY: 'MS Sans Serif', Arial, Helvetica
}

.incompatible
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR:Red;
    FONT-FAMILY: 'MS Sans Serif', Arial, Helvetica
}

.black10
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'MS Sans Serif', Arial, Helvetica
}


TH.black12
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: 'MS Sans Serif', Arial, Helvetica
}
.labelOnMouseOver
{
	text-decoration: underline;
	cursor: pointer;
	cursor:	hand;
	/*background-color:#BDD3E5;*/
}

.labelOnMouseOut
{
	text-decoration: underline;
	background-color:none;
}

.grayButton {
	/*background-image: url(images/<%=strTheme%>_button.gif);*/
	background-color:lightgray;
	border: 1px outset gray;
	color:Gray;
	background-repeat: repeat-x;
	overflow: visible;
	font-weight: bold;
	font-size: 9px;
	padding: 0px 4px 0px 4px;
	height: 20px;	
	text-align: center;
	cursor: pointer;
	cursor: hand;
}