﻿/*
	Color Pallet: #215D89 #839CB1 #516A7F #134D77 #E5EBEE #C5D2D9
*/

/*****************************************************************************/
/* General Tag Styles
/*****************************************************************************/
body {
	background-image: url(MainBG.png);
	background-position:top left;
	background-repeat: repeat-x;
}

/*****************************************************************************/
/* General Styles
/*****************************************************************************/
p.heading {
	background-image: url(HeaderBG.png);
	background-position:top left;
	background-repeat: repeat-x;
	background-color:#134D77;
	color:white;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #516A7F;
}

/*****************************************************************************/
/* Site Map Path
/*****************************************************************************/
#mnuRelatedLinks {
	border: 1px solid #516A7F;
	background-image: url(BodyBGTopMiddle.png);
	background-position:top left;
	background-repeat: repeat-x;
}
#mnuRelatedLinks .menu-nonlink SPAN {
	background: #516A7F;
	border-bottom: 1px solid #516A7F;
	font-weight: bold;
	color: White;
	background-image: url(HeaderBG.png);
	background-position:top left;
	background-repeat: repeat-x;
}

/*****************************************************************************/
/* Message Center
/*****************************************************************************/

/*****************************************************************************/
/* Login Box
/*****************************************************************************/
.login-box {
	border-color:#839CB1;
}
.login-box .image-link {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}
.login-box-top {
	color:#516A7F;
	font-size: 1.2em;
	background-color:#E5EBEE;
}
.login-box-middle {
	border-color:#839CB1;
	background-color:#fff;
}
.login-box-bottom {
	text-align:right;
	color:#839CB1;
	background-color:#E5EBEE;
}

/*****************************************************************************/
/* Dynamic Tabs
/*****************************************************************************/
.dynamic-tabs {
	background-image:url(TabMenuBG.png);
	background-repeat: repeat-x;
	border-bottom: solid 3px #215D89;
}
.dynamic-tabs .menu li a, .dynamic-tabs .menu Span.menu-nonlink {
	background-color:#215D89;
	color:#134D77;
	font-size: 1.05em;
	font-weight: bold;
	background:url(RoundTabLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.dynamic-tabs .menu li a Span, .dynamic-tabs .menu Span.menu-nonlink Span {
	background:url(RoundTabRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.dynamic-tabs .menu li a:hover {
	 background-position:0% -42px;
}
.dynamic-tabs .menu li a:hover span {
	background-position:100% -42px;
	color:white;
}
.dynamic-tabs li.selected  a {
	color:white;
	background-position:0% -42px;
}
.dynamic-tabs li.selected  a span {
	color:white;
	background-position:100% -42px;
}
.dynamic-tabs .menu Span.menu-nonlink Span {
	color:#839CB1; /* Disabled Tab */
}

/*****************************************************************************/
/* Footer */
/*****************************************************************************/
#footer {
	background: url(FooterBG.png) repeat-x bottom left;
	color: #516A7F;
}
#footer a {
	color: #516A7F;
	border-left: solid 1px #516A7F;
}

/*****************************************************************************/
/* Grid Styles
/*****************************************************************************/
.standard-grid .row, .wide-grid .row {
	background-color:white;
	background-image: url(RowBG.png) ! important;
	background-position:top left;
	background-repeat: repeat-x;
}
.standard-grid .row-alternate, .wide-grid .row-alternate, .mobile-grid .row-alternate {
	background-color:#E5EBEE; 	/* alternate row background color */
	background-image: url(AltRowBG.png);
	background-position:top left;
	background-repeat: repeat-x;
}
.standard-grid .grid-header, .wide-grid .grid-header {
	background-image: url(GridHeaderBG.png) ! important;
	background-position:top left;
	background-repeat: repeat-x;
	background-color:#C5D2D9; 	/* grid column headers background color */
}

.mobile-grid .cell .header a {
	color: #336;
}

/*****************************************************************************/
/* Control Styles
/*****************************************************************************/
/* Read Only Standard Field */
.standard-field span.readonly {
	border-color:#839CB1;
}

/* Read Only Multi Field */
.multi-field span.readonly, .drop-multi-field span.readonly {
	border-color: #839CB1;
}

/* Read Only Range Field */
.range-field span.readonly, .postfix-field span.readonly, .postfix-readonly-field span, .postfix-readonly-field span.readonly {
	border-color: #839CB1;
}

/* Show/Hide Section Header */
.showHideSectionHeader, .showhide .heading-grip {
	background-image: url(HeaderBG.png);
	background-position:top left;
	background-repeat: repeat-x;
	background-color:#134D77;
	color:white;
	border: 1px solid #516A7F;
}

#mainnav { 
	background-image:url(MastheadBottomBG.png); 
}
	
#content {
	background:#fff url(BodyBGTopMiddle.png) repeat-x;
	border: solid 1px white;
	border-top-width:2px;
}
