/* 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;	
}
h3 { font-weight: bold; font-size: 1em; line-height: 12px; 
	margin: 0;
	padding: 0;	
	font-family: Verdana, sans-serif;
}
body {
	/*background-color: <%=strHeaderBackground%>;*/
	/*background-image: url(images/<%=strTheme%>_bgPageGradient.jpg);*/
	background-repeat: repeat-x;
	margin: 8px;
	text-align: center;
}
b, strong	{font-weight: bold;}
i, em 		{font-style: italic;}
li			{/*list-style-image: url(images/<%=strTheme%>_listArrow.gif);*/}

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

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

.popupLink
{
	text-decoration: underline;
	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/<%=strTheme%>_HeaderTabLeft.gif);*/}
.pageHeaderTabRight {/*background-image: url(images/<%=strTheme%>_HeaderTabRight.gif);*/}

.pageHeaderBorder {
	background-color: #FFFFFF;
	width: 100%;
	height: 6px;
}
.pageHeader {
	background-color: #FFFFFF;
	/*border-right: 1px solid <%=strPageLine%>;*/
	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: <%=strHeaderBackground%>;*/
	/*border-top: 1px solid <%=strHeaderHighlight%>;*/
	/*border-bottom: 1px outset <%=strHeaderShadow%>;*/
	height: 3px;
}

.pageNavCol {
	/*background: <%=strAccentShadow%> url(images/<%=strTheme%>_navShadow.gif) repeat-x left top;*/
	/*border-right: 1px solid <%=strPageLine%>;*/
	width: 150px;
	height: 100%;
	text-align:	center;
	padding: 0px;
}

.pageNavHeader {
	/*background-color: <%=strHeaderBackground%>;*/
	/*border: 1px solid <%=strHeaderHighlight%>;*/
	/*border-bottom: 1px solid <%=strHeaderShadow%>;*/
	/*border-right: 1px solid <%=strHeaderShadow%>;*/
	/*background-image: url(images/<%=strTheme%>_bgLeftNav.gif);*/
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
	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;	
}

.pageHeaderMenuBar {
	height:	22px;
}

.pageHeaderMenu, .pageHeaderButton {
	/*background-color: <%=strAccentBackground%>;*/
	/*border: 1px solid <%=strAccentHighlight%>;*/
	/*border-right: 1px solid <%=strAccentShadow%>;*/
	/*border-bottom: 1px solid <%=strAccentShadow%>;*/
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	height:	22px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 20px;
	cursor: pointer;
	cursor:	hand;
}
.pageHeaderMenuOn, .pageHeaderButtonOn  {
	/*background-color: <%=strMenuHighlight%>;*/
	/*border: 1px solid <%=strAccentBackground%>;*/
	/*color: <%=strAccentText%>;*/
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	height:	22px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 20px;
	cursor: pointer;
	cursor:	hand;
}
.pageHeaderMenu, .pageHeaderMenuOn	{
	/*background-image: url(images/<%=strTheme%>_listArrowDown.gif)*/
	background-position: right center;
	background-repeat: no-repeat;
}	

.pageMenuBox {
	/*background-color: <%=strHeaderHighlight%>;*/	
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=4);
	width:  180px;
	border: none 0px;
}

.pageSubMenuBox {
	/*border-bottom: 1px solid <%=strPageLine%>;*/
	width: 150px;
}
.pageSubMenu {
	/*background-color: <%=strAccentBackground%>;*/
	/*border: 1px solid <%=strAccentHighlight%>;*/
	/*border-right: 1px solid <%=strAccentShadow%>;*/
	/*border-bottom: 1px solid <%=strAccentShadow%>;*/
	/*color: <%=strHeaderShadow%>;*/
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	height:	23px;
	padding: 4px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	cursor:	hand;
}
 .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;
	cursor: pointer;
	cursor:	hand;
}

.pageBody {
	/*border-left: 1px solid <%=strAccentBackground%>;*/
	/*border-right: 1px solid <%=strPageLine%>;*/
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	padding: 0px;
}
.pageContent {
	background: #FFFFFF url(images/pageShadow.gif) repeat-x left top;
	padding: 15px;
	padding-left: 20px;
	width: 100%;
}
.pageTitle {
	/*color: <%=strAccentText%>;*/
	font-weight: bold;
	font-size: 1.6em;
	font-family: Arial, Verdana;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-variant: small-caps;
}
.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: 3px;
	font-size: .9em;
}
.pageFooterContent {
	/*border-right: 1px solid <%=strPageLine%>;*/
}
.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 <%=strPageLine%>;*/
	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: 150px;
}
.boxHeaderLeft, .boxBodyLeft, .boxFooterLeft {width: 6px;}
.boxHeaderRight, .boxBodyRight, .boxFooterRight {width: 9px;}
.boxHeaderLeft, .boxHeaderRight {height: 8px;}
.boxFooterLeft, .boxFooterRight {height: 8px;}

.boxHeader		{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxHeader.gif) repeat-x top left;*/}
.boxHeaderLeft	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxHeaderLeft.gif) no-repeat top left;*/}
.boxHeaderRight {/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxHeaderRight.gif) no-repeat top left;*/}
.boxFooter		{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxFooter.gif) repeat-x bottom 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;*/}
.boxBodyLeft	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxLeft.gif) repeat-y top left;*/}
.boxBodyRight	{/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_boxRight.gif) repeat-y top right;*/}

.boxTitle {
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
	text-align: center;
}
.boxBody {
	/*background-color: <%=strAccentBackground%>;*/
	padding: 0px;
	text-align: left;
	font-size: .8em;
	width: 100%;	
}
.boxLabel {
   /*color: <%=strAccentText%>;*/
   background-color: transparent;
   text-align: left;
   padding: 2px;
   font-size: 1em;
   font-weight: bold;
}
.boxFooter  {
	width: 100%;
	height: 8px;
	padding: 0px;
}


/* Table - Datagrid */

.grid {
	/*background-color: <%=strHeaderBackground%>;*/
}
.gridTitle {
	/*background-color: <%=strHeaderBackground%>;*/
	color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
	padding-left: 5px;
}
.gridHeader, .gridHeaderSort {
	/*background-color: <%=strAccentBackground%>;*/
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
.gridHeader a, .gridHeader a:link, .gridHeader a:visited, .gridHeader a:active, .gridHeader a:hover, .gridHeaderSort a, .gridHeaderSort a:link, .gridHeaderSort a:visited, .gridHeaderSort a:active, .gridHeaderSort a:hover {
	color: #FFFFFF; 
	font-weight: bold;
	padding: 2px;
	text-align: center;
	text-decoration: underline; 
	cursor: hand;
}
.gridHeaderSort {
	background-image: url(images/icon_sort.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
}
.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%>;*/
	/*color: <%=strHeaderText%>;*/
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	text-align: right;
	padding: 1px;
}


/* Table - Form */

select, textarea, .input, .formInput {
   	/*border: 1px inset <%=strAccentBackground%>;*/
	/*background: #FFFFFF url(images/<%=strTheme%>_pageShadow.gif) repeat-y left top;*/
	/*color: <%=strHeaderShadow%>;*/
}
.form {
	background-color: #FFFFFF;
	/*border: 1px solid <%=strHeaderBackground%>;*/
}
.formHeader {
	/*background-color: <%=strHeaderBackground%>;*/
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	width: 100%;
	padding: 4px;
	padding-left: 5px;
}
.formHeader a, .formHeader a:link, .formHeader a:visited, .formHeader a:active, .formHeader a:hover	{
	/*color: <%=strAccentBackground%>;*/ 
	text-decoration: none; 
	cursor: hand;
}
.formSubheader {
	/*background-color: <%=strHeaderBackground%>;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px;
}
.formBody {
	padding: 10px;
	text-align: center;	
}
.formLabel, .formLabelAbove {
   /*background-color: <%=strAccentBackground%>;*/	
   /*color: <%=strAccentText%>;*/
   text-align: right;
   padding: 3px;
   font-weight: bold;
}

/*this class is for form labels that are above the fields they describe - DRB*/
.formLabelAbove {
   text-align: left;
}

.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: 1px;
}
.radio {
	white-space: nowrap;	
}
.button, .buttonBack {
	/*background: <%=strAccentBackground%> url(images/<%=strTheme%>_bgButton.gif) repeat-x -1 -1;*/
	/*border: 1px outset <%=strHeaderBackground%>;*/
	/*color: <%=strAccentText%>;*/
	font-weight: bold;
	height: 21px;
	padding: 0px;
	cursor: pointer;
	cursor: hand;
}
.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; 
}


/* Tree Elements */

.treeView { 
   	/*border: 1px inset <%=strAccentBackground%>;*/
	/*background: #FFFFFF url(images/<%=strTheme%>_pageShadow.gif) repeat-y left top;*/
	padding-top: 2px; 
	cursor: default; 
}

.treeNode, .treeNodeHover { 
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	font-size: 11px; 
	cursor: default; 
}

.treeNodeHover { 
	/*color: <%=strAccentTextColor%>*/
	text-decoration: underline;
}

.treeNodeSelected { 
	/*background-color: <%=strAccentBackground%>;*/
	/*color: <%=strAccentTextColor%>*/
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	display: block; 
	width: 100%;
	font-weight: bold; 
	font-size: 11px; 
	cursor: default; 
}

.treeNodeChild { 
	padding-right: 2px; 
	padding-left: 2px; 
	padding-bottom: 1px; 
	padding-top: 1px; 
	font-size: 11px; 
	cursor: default; 
}

.treeNodeEdit { 
	border-right: silver 1px solid; 
	border-top: silver 1px solid; 
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid; 
	font-size: 11px; 
}


/* Calendar Elements */

.calendar {
	/*border: 1px outset strAccentBackground;*/
	/*background-color: strAccentBackground;*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=strHeaderBackground,direction=135,strength=4);*/
	font-size: 9px;
}
.calHeader {
	/*background-color: strHeaderBackground;*/
	/*border: 1px solid strHeaderBackground;*/
	/*border-bottom: 1px solid strHeaderShadow;*/
	/*color: strAccentBackground;*/
	font-size: 9px;
	font-weight: bold;
}
.calHeaderButton, .calHeaderLeft, .calHeaderLeftOn, .calHeaderRight, .calHeaderRightOn, .calHeaderDrop, .calHeaderDropOn   {
	/*background-color: strHeaderBackground;*/
	/*border: 1px solid strHeaderHighlight;*/
	/*border-right: 1px solid strHeaderShadow;*/
	/*border-bottom: 1px solid strHeaderShadow;*/
	/*color: strAccentBackground;*/
	font-size: 9px;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
	cursor:	hand;
}
 .calHeaderLeft, .calHeaderLeftOn {
	/*background-image: url(images/strTheme_listArrowLeft.gif);*/
	background-repeat: no-repeat;
	background-position: 2 center;
	padding: 2px;
	padding-left: 3px;
	padding-right: 8px;
}
.calHeaderLeftOn {/*background-image: url(images/strTheme_listArrowLeftOn.gif);*/}

 .calHeaderRight, .calHeaderRightOn {
	/*background-image: url(images/strTheme_listArrow.gif);*/
	background-repeat: no-repeat;
	background-position: 6 center;
	padding: 2px;
	padding-left: 8px;
	padding-right: 3px;
}
.calHeaderRightOn {/*background-image: url(images/strTheme_listArrowOn.gif);*/}

.calHeaderDrop, .calHeaderDropOn {
	/*background-image: url(images/strTheme_listArrowDown.gif);*/
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
.calHeaderDropOn {/*background-image: url(images/strTheme_listArrowDownOn.gif);*/}

.calHeaderLeftOn, .calHeaderRightOn, .calHeaderDropOn {
	/*border: 1px solid strAccentBackground;*/
	/*border-right: 1px solid strHeaderHighlight;*/
	/*border-bottom: 1px solid strHeaderHighlight;*/
	color: #FFFFFF;
}
.calOption {
	/*background-color: strAccentBackground;*/
	color: #000000;
	cursor: pointer;
	cursor:	hand;
}
.calOptionSelected {
	/*background-color: strHeaderBackground;*/
	/*color: strAccentBackground;*/
	cursor: pointer;
	cursor:	hand;
}
.calFooter {
	/*background-color:  strAccentShadow;*/
	/*border-top: 1px outset strAccentShadow;*/
	text-align: center;
	padding: 3px;
}

/* 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: Green;
	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;
}

/* stories */
#Message_MessageSection ul.stories { margin:0; padding:0 0 1px; }
#Message_MessageSection ul.stories li { margin:0; padding:0 0 1px; color:#666; }
                   
#Message_MessageSection ul.stories li h3, 
#Message_MessageSection ul.stories li h3 a { color:#333; }
#Message_MessageSection ul.stories li h3 a:visited { color:#666; }
#Message_MessageSection ul.stories li h3 a:hover { color:#2971a7; }
                   
#Message_MessageSection ul.stories li a.external { padding-right:14px; background:url(http://images.apple.com/global/elements/icons/external10x10_ccc999.gif) no-repeat 100% 50%; }
                   
#Message_MessageSection ul.stories li p.date,
#Message_MessageSection ul.stories li span { font-size:11px; white-space:nowrap; color:#8c8c8c; }
#Message_MessageSection ul.stories li p.date { margin-bottom:.2em; }
#Message_MessageSection ul.stories li p span { padding-right:.5em; font-size:12px; }
#Message_MessageSection ul.stories li p span a { color:#8c8c8c; }
#Message_MessageSection ul.stories li p span a:hover { color:#2971a7; }

#Message_MessageSection ul.stories, #Message_MessageSection ul.stories li.story { _zoom:1; }
#Message_MessageSection ul.stories:after, Message_MessageSection ul.stories li.story:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }