﻿html, body
{
	height: auto !important;
	/*height: 100%;*/
	min-height: 100%;
}

body
{
	background: url(../Images/BackgroundGradient.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #ffffff;
}

body, form, td, input, select, div, p, li, span
{
	font-family: verdana;
	color: #366;
	font-style: normal;
}

body, form, td, input, select, div, p, li, span
{
	font-size: small;
}

input
{
	vertical-align: top; /*add the star hack option so ff will render align top,and IE wil render align middle*/ *vertical-align:middle;
}

.disabledText
{
	color: Gray;
	font-style: oblique;
	font-weight: bold;
}

.NoticesListItem
{
	list-style-image: url(../Images/BulletArrowLight.gif);
	list-style-position: outside;

}

.NoticesListItem li
{
	/*height: 20px;*/
}

select
{
	font: 100%;
}

b
{
	font-weight: bold;
	color: #366;
}

h1
{
	padding: 15px 15px 15px 0px;
	color: #366;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0px;
}

h2
{
	color: #990;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}

h3
{
	color: #366;
	font-size: 1.4em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}

h4
{
	color: #366;
	font-size: 1em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;

}

h5
{
	color: #333;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}

h6
{
	color: #366;
	font-size: 0.98em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}

.pxtableParent
{
	width:100%;
}

.pxtable
{
	background-color: #ffffff;
	border-left: 1px solid #9ACDCE;
	/*border-top: 1px solid #9ACCCB;*/
	width: 100%;
}

.pxtableTopNestedTable
{
	border-top: 1px solid #9ACCCB;
}

table.pxtable td, table.pxtable th
{
	border-right: 1px solid #9ACCCB;
	border-bottom: 1px solid #9ACCCB;
	table-layout: fixed;
	background-color: #ffffff;
	padding: 3px;
}

table.pxtable td
{
	text-align: right;
}

table.pxtable td.stub1, table.pxtable td.stub2, table.pxtable td.stub3, table.pxtable td.stub4, table.pxtable td.stub5, table.pxtable td.stub6, table.pxtable td.footnote
{
	text-align: left;
}

.title, th
{
	font-size: 0.98em;
	font-weight: 700;
}

.stub1, .stub2, .stub3, .stub4, .stub5, .stub6, .stub7, .stub8
{
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

.stub1
{
	font-weight: bold;
	padding-left: 0px;
	text-indent: 0px;
}

.stub2
{
	padding-left: 7px;
	text-indent: 7px;
}

.stub3
{
	padding-left: 15px;
	text-indent: 15px;
}

.stub4
{
	padding-left: 22px;
	text-indent: 22px;
}

.stub5
{
	padding-left: 30px;
	text-indent: 30px;
}

.stub6
{
	padding-left: 38px;
	text-indent: 38px;
}

.stub7
{
	padding-left: 46px;
	text-indent: 46px;
}

.stub8
{
	padding-left: 52px;
	text-indent: 52px;
}

.btnAsLink_OnTan
{
	border: 0px solid #ffffcb;
	background-color: #ffffcb;
	cursor: hand;
	text-decoration: underline;
	color: #346768;
}

.FunctionalArea_BrowseTree
{
	background-color: #ffffff;
	border: 1px solid #9ACDCE;
	margin: 20px;
	width: 95%;
}

.FunctionalArea_BrowseTree td div
{
	height: 100% !important;
}

.FunctionalArea_SearchOptions
{
	border: 1px solid #9ACDCE;
	margin: 20px;
	width: 95%;
}

.FunctionalArea_SearchResults
{
	background-color: #ffffff;
	border: 1px solid #9ACDCE;
	margin: 20px;
	width: 95%;
	text-align: left;
}

.FunctionalArea_ViewDataOptionsBlock
{
	background-color: #ffffff;
	border: 1px solid #9ACDCE;
}

.variablePanel
{
	border: solid 1px #7F9DB9;
}

.FunctionalArea_SelectVariablesBlock
{
	background-color: #ffffff;
	border: 1px solid #9ACDCE;
	padding: 3px;
	width: 300px;
}

.FunctionalArea_Notices
{
	background-color: #ffffff;
	border: 1px solid #9ACDCE;
	margin: 20px;
	width: 95%;
}

.FunctionalArea_White
{
	background-color: #ffffff;
	border-top: 1px dashed #CBCD68;
	border-left: 1px solid #d6e2e2;
	border-right: 1px solid #d6e2e2;
}

.FunctionalArea_Tan
{
	background-color: #ffffcb;
	border-left: 1px solid #d6e2e2;
	border-right: 1px solid #d6e2e2;
}

tr.FunctionalArea_Tan_WithTopRowBoundary td
{
	background-color: #ffffcb;
	border-top: 1px dashed #CBCD68;
}

.tblVarValOptions
{
	background-color: #ffffff;
	border-top: 1px solid #9ACCCB;
	border-left: 1px solid #9ACCCB;
}

.tblVarValOptions td
{
	border-right: 1px solid #9ACCCB;
}

.trVarValOptionsBottom td
{
	border-bottom: 1px solid #9ACCCB;
}

.tdVarValOptionsSelector
{
	border: 1px solid #ffffff;
}
.disabledTextbox
{
	background-color: #e0e0e0;
	color: Black;
}

a
{
	color: #336666;
}

:link
{
	color: #336666;
	text-decoration: underline;
}

v:link
{
	color: #339999;
	text-decoration: underline;
}

a:link
{
	color: #336666;
}

a:visited
{
	color: #339999;
}

a:active
{
	color: #999900;
}

a:hover
{
	color: #999900;
}

.disabledLink
{
	color: Black;
	text-decoration: none;
	cursor: default;
}

.footnote
{
	color: #366;
}

.footnote, .footertext
{
	font-size: 8pt;
	padding: 10px;
}

.footerVersionNumber
{
	font-size: 8pt;
	color: #eeeea9;
}

.footertext
{
	background: url(../Images/FooterCenter.jpg);
	background-repeat: repeat-x;
}

.footertextLeftcorner
{
	background: url(../Images/FooterLeftCorner.gif);
	background-repeat: repeat-x;
}

.footertext a
{
	color: #336666;
}

.footertext :link
{
	color: #336666;
	text-decoration: none;
}

.footertext v:link
{
	color: #339999;
	text-decoration: none;
}

.footertext a:link
{
	color: #336666;
	text-decoration: none;
}

.footertext a:visited
{
	color: #339999;
	text-decoration: none;
}

.footertext a:active
{
	color: #336666;
	text-decoration: underline;
}

.footertext a:hover
{
	color: #336666;
	text-decoration: underline;
}

.divAlternateVariablePlaceHolder
{
	float: left;
	background-color: #FCFCBA;
	border: 1px solid #000000;
	padding-top: 10px;
	text-align: center;
	overflow: hidden;
}

.divVariablePlaceHolder
{
	float: left;
	background-image: url(../Images/PinkBullsEye.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.divVariable
{
	background-color: #DADA76;
	width: 125px;
	height: 65px;
	border: 1px solid #ffffcb;
	padding-top: 10px;
	float: left;
	text-align: center;
	overflow: hidden;
}

.divFloatingVariable
{
	position: absolute;
	background-color: #EAEA86;
	width: 125px;
	height: 65px;
	border: 1px solid white;
	text-align: center;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	overflow: hidden;
}

.divFloatingUpdateProgress
{
	background-color: #ffffcb;
	border: solid thin #000000;
	padding: 10px;
	position: absolute;
}

.alignLeft
{
	text-align: left;
}
.alignRight
{
	text-align: right;
}
.centerTable
{
	margin-left: auto;
	margin-right: auto;
}
.maximumWidth
{
	width: 100%;
}
.noBorder
{
	border-style: none;
}
.noWrap
{
	white-space: nowrap;
}

.menuTabDiv
{
	width: 110px;
	float: left;
	height: 38px;
	text-align: center;
	cursor: pointer;
	background-image: url('../Images/MenubarTabInactive.jpg');
}

#searchResults
{
	overflow: auto;
}

#searchResultsMessage
{
	padding: 4px;
}

.searchResult
{
	white-space: nowrap;
}

.centerVertically
{
	vertical-align: middle;
}

.divVarValOptions
{
	padding: 4px;
}

.tabbertab .divVarValOptions
{
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
}

.tdVarValOptions
{
	vertical-align: top;
}

/* Fixes for inherited borders on nested tables */
.tblVarValOptions td td
{
	border-right-style: none;
}

.trVarValOptionsBottom td td
{
	border-bottom-style: none;
}

/* Fix for inherited link styles on TreeView control */
.treeView a, .treeView a:active, .treeView a:hover, .treeView a:link, .treeView a:visited
{
	color: black;
	text-decoration: none;
}

.required

{
    color:Red;
}
