html
{
	height: 100%;
	max-height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: #fff; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden; /* */
}

body
{
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-family: Verdana;
	font-size: small;
}

h2
{
	background-color: #FDECC4;
}


* html h1
{
	font-size: 1.7em;/*2em*/
}

* html h2
{
	font-size: 1.3em;/*1.7em*/
}

* html h3
{
	font-size: 1.1em;
}

* html table
{
	font-size: 1em;
}

img
{
	border: none;
}

#Header
{
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 126px;
	z-index: 6;
}

#Header #Top
{
	background: #EEEEEE url(../../Estimator/Images/header/bordertop.gif) repeat-x;
	height: 20px;
}

#Header #CSALogo
{
	background: #EEEEEE;
	height: 71px;
}

#Header .SchemeReformsLogo
{
	background: #EEEEEE;
	float: right;
}

#Header #TabBar
{
	background-image: url(../../Estimator/Images/header/navigationbar.gif);
	background-repeat: repeat-x;
	height: 35px;
}
#Header #TabBar #Tabs
{
	float: left;
	height: 28px;
	margin-top: 7px;
	overflow: visible;
}

#Header #TabBar #Title
{
	color: White;
	float: right;
	font-size: 20px;
	font-weight: bold;
	padding: 4px 10px 0px 0px;
}

#UpperShadow
{
	position: absolute;
	top: 126px;
	left: 0px;
	right: 280px;
	background: #FFFFFF url(../../Estimator/Images/content/contentdivtopborder.gif) repeat-x;
	height: 16px;
	z-index: 5;
}
* html #UpperShadow
{
	width:100%;
	border-right:solid 280px transparent;
	right: 340px;
}

#Content, #HelpBar
{
	position: absolute;
	top: 126px;
	bottom: 48px;
	z-index: 4;
	overflow: auto;
}
* html #Content, * html #HelpBar
{
	height: 100%;
	top:auto;
	bottom: 48px;
	font-size: 0.8em;
	border-top: solid 224px #FFFFFF;
	margin-top: 10px;
}
#Content
{
	margin: 30px;
	left: 0px;
	right: 290px;
}
* html #Content
{
	border-right: solid 20px #FFFFFF;
	padding-right: 18px;
	overflow-x: hidden;
}
#HelpBar
{
	right: 0px;
	bottom: 18px;
	background: #ECF3FF;
	width: 280px;
	border-left: solid 1px black;
	z-index: 5;
	overflow: hidden;
}
* html #HelpBar
{
	border-top: 127px solid #FFFFFF;
	margin-bottom: -48px;
	width: 281px;
}

.HelpBarContent
{
	position: absolute;
	top: 30px;
	bottom: 0px;
	right: 0px;
	padding: 0px 10px 10px 10px;
	overflow-y: auto;
}
* html .HelpBarContent
{
	border-bottom: Solid 60px #ECF3FF;
	padding: 10px 20px 0px 0px;
	height: 100%;
}

#ButtonBar
{
	height: 30px;
	left: 20px;
	right: 300px;
	position: absolute;
	margin: 0px;
	bottom: 18px;
	z-index:4;
}
* html #ButtonBar
{
	width:100%;
	border-right:solid 320px #FFFFFF;
	right: 340px;
}

#ButtonBar #LeftButtons
{
}

/*Note: Does not use float so that tags can appear in the correct order in
screen readers etc.*/
#ButtonBar #RightButtons
{
	position: absolute;
	top: 0px;
	right: 0px;
}

#Footer
{
	background: #FFFFFF url(../../Estimator/Images/footer/repeater.gif) repeat-x;
	position: absolute;
	margin: 0px;
	bottom: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 18px;
	z-index: 6;
	font-size:small;
}

#FooterRight
{
	background: #FFFFFF url(../../Estimator/Images/footer/rightimage.gif) no-repeat;
	float: right;
	width: 54px;
	height: 18px;
}

.SilverButton
{
	background: Silver url(../../Estimator/Images/content/nextbackrepeater.gif) repeat-x;
	height: 23px;
	border: Solid 1px #989DA2;
	font-weight: bold;
	min-width: 80px;
}
* html .SilverButton
{
	width:80px;
	overflow:visible;
	padding:0px 10px 0px 10px;
}

.GreenButton
{
	background: white url(../../Estimator/Images/content/submitbutton.gif) repeat-x /* fixed -2px -2px*/;
	height: 30px;
	width: 180px;
	/*width: 145px;*/
	overflow:visible;
	text-align: center;
	border: none;
	font-weight: bold;
}
* html .GreenButton
{
	text-indent: 11px;
}

/*CSS for the income table*/
.IncomeTable
{
}

.IncomeTable .ContentRow
{
	border-bottom: solid 1px black;
}

.IncomeTable .TotalRow
{
	border-top: solid 1px black;
}

.IncomeTable th
{
	padding: 5px 10px;
	background-color: #FDECC4;
	font-weight: bold;
	text-align: center;
}

.IncomeTable td
{
	padding: 5px 10px;
}

.IncomeTable .TotalRow td
{
	background-color: #EEEEEE;
}

.IncomeTable .Amount
{
	text-align: center;
}

.IncomeTable .Amount input
{
	text-align: center;
}

.ShortTextBox
{
	width: 100px;
}

/*CSS for the child details table*/
.ChildDetailsTable th
{
	text-align: left;
}

.StepDetailTable
{
}
.StepDetailTable .Heading
{
	background-color: #C0C0C0;
}
.StepDetailTable td
{
	border: solid 5px white;
}
.StepDetailTable .ColumnHeader
{
	background-color: #EAEAEA;
	text-align: center;
}
.StepDetailTable .RowHeader
{
	background-color: #EAEAEA;
}
.StepDetailTable .ValueCell
{
	text-align: center;
}
.StepDetailTable .ValueLabel
{
	width: 100px;
	color: Blue;
	border: Solid 1px Black;
}
div.inputBox
{
	background-color:#eee;
	border:1px solid #336699;
	margin: 0px 5px 10px 5px;
	padding-left:10px;
}
