/* Basic Classes */
div.clear, div.microspacer, div.spacer1, div.spacer2 {
    clear:both;
    height:0px;
	overflow: hidden;
}

div.microspacer { height: 0.5em }
div.spacer1 { height: 1em }
div.spacer2 { height: 2em }

.hidden { display:none}
.left {float:left;}

div.left-section  {width:300px; float:left; margin: 10px 21px;}
div.right-section {width:300px; float:right; margin:10px 21px;}

/* Basic Tags */

strong  { font-weight: bold }
em      { font-style: italic }
acronym { cursor: help }

tr, td { vertical-align: top }

a { text-decoration: none; outline: none; color: #336699; }
a:hover { cursor: pointer; }

body { 
	background-color: #FFFFFF;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
}

div#page-container {
	margin: 50px 44px 30px;
	width: 690px;
	color: #333333;
}

/* Header */

div#header, div#header div#header-image, div#header div#header-text { height: 144px; }

div#header { background: #AFB4BE none repeat scroll 0 0; overflow: hidden; }

div#header div#header-image { 
	background: #949EAA none repeat scroll 0 0;
	border-right: 2px solid #FFFFFF;
	float: left; 
	width: 501px; 
	position: relative;
}

div#header div#header-text {
	background: #AFB4BE none repeat scroll 0 0;
	float:left;
	padding: 0 0 0 43px;
	width: 362px;
}

div#header div#header-image { background: transparent url(../img/header.jpg) no-repeat scroll 0 0; }

div#header div#header-image div#logo { 
	background: transparent url(../img/logo.gif) no-repeat scroll 0 0;
	height: 72px;
	left: 44px;
	position: absolute;
	top: 0;
	width: 172px;
	z-index: 1000;
}

div#header div#header-text h1 { 
	font-size: 16px; 
	font-weight: bold; 
	color: #FFFFFF; 
	margin-top: 70px;
	line-height: 23px;
}

/* Footer */

div#footer { color: #999999; font-size: 10px; margin: 20px 44px 30px; width:640px; }
div#footer a { color: #999999; }

/* Content */

div#input {width:277px;}
div#page-container p { padding: 5px 0px }

p.legend-subtitle { margin-bottom:-8px;}
img.legend-line { padding-right:3px;}
p.gray strong a, p.gray strong,table.details  tbody tr th { color:#666666;}


div#graph-container {
	border: 1px solid;
	border-color: #999999;
	width:280px;
	padding: 13px 10px 13px 10px;
	line-height:1em;
}

div#graph {width:255px;height:205px;}

div#page-container h1, div#page-container h2 { 
	font-size: 16px; 
	font-weight: bold; 
	color: #333333; 
	padding-bottom: 15px;
}

div#cummulative-top {
	background-color: #DDDDDD;
	font-weight:bold;
	padding:5px;
	color:#666666;
}

div.cummulative-header{
	background-color: #F0F1F2;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D3DDE0;
	float:left;
	padding-right:5px;
	width: 95px;
	height: 22px;
	line-height: 22px;
	text-align:right;
	font-weight:bold;
}

div.cummulative-row{ border-bottom: 1px dotted #D3DDE0;	height:22px;}

div.cummulative-row div.cummulative-cell.semi-cell,
div.cummulative-row div.cummulative-cell.auto-cell { color:#333333; }

div.cummulative-row div.cummulative-cell.year { color:#666666; }

div#year5,div#aut5,div#semi5 {color:#003399;font-weight:bold;}

div.printbutton { 
	background-image: url('../img/print.gif');
	background-repeat: no-repeat;
	padding-left:20px;
	height:14px;
}

div.printbutton p a {line-height: 8px;color:#666666;}


div.cummulative-cell {
	float:left;
	width: 95px;
	padding-right:5px;
	text-align:right;
	height: 22px;
	line-height: 22px;
}

div#savings {line-height: 1.5em;}


a.link { 
	background: transparent url(../img/icon-link.gif) no-repeat scroll 0 4px;
	padding: 0px 0px 0px 11px;
	color: #333333;
}

input { border: 1px solid #999999; color: #333333}

input.button { 
	background-color: #AAAAAA; 
	color: #FFFFFF; 
	margin: 10px 0px;
	border: 0px;
	font-size: 11px;
	padding-bottom: 2px;
	cursor:pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Table details */

table.details tr th, table.details  tr td { vertical-align: middle; background-color: #EEEEEE; }

table  tr th { 
	text-align: left; 
	font-weight: bold; 
	padding: 5px 10px; 
	border-top: 1px solid #A7A7A7;
}

table.details  tr td { padding: 3px 10px; }

table  tr th.right, table  tr td.right { text-align: right; }

table.details tr td.clear, table.details tr th.clear { 
	background-color: #FFFFFF; 
	border: 0px; 
	padding-left: 20px;
}

table.details  td + td, table.details  th + th  { padding-right: 2px; padding-left: 0px }

table.details  td + td + td  { padding: 0px 10px 0px 0px; }

th.details-header {width:200px;}

/*Location styles*/
p.center { text-align:center }

/*Error styles*/
form#inputform .error { 
	border-color: #FF0000 !important
}

div.error-container,div.error-container-results {
	display:none;
	color: #ff0000;
	padding: 5px;
	border: 1px solid #FF0000;
	background-color: #FFE3DE;
}
div#error-container {width: 470px;}
div#error-container-results {width: 264px;}
div.error-container ol li { margin-left: 5px }

/* Popup styles */
div#layer-popup {
	position:fixed;
	top:70px;
	left:350px;
	padding-top: 23px;
	width:317px;
}
	
div#layer-popup div.padder-top	{
	background-color:#FFF;
	height:23px;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #ccc;
	border-bottom: 0px none;
	width:292px;
}

div#layer-popup a.layer-close {
	border:1px solid #ccc;
	display:block;
	outline: 0px none;
	overflow: hidden;
	text-indent:-999em;
	background-color:#FFF;
	width:19px;
	height: 19px;
	position:absolute;
	top:0;
	right:0;
	background:#FFF url('../img/icon-lb-layer-close.gif') 0 0 no-repeat;
}

div#layer-popup div.layer-content {
	border:1px solid #ccc;
	background-color:#FFF;
	padding:3px 14px 14px 14px;
}
div#layer-popup p.layer-title {
	padding-left:2px;
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding-bottom:13px;
}
div#layer-popup p.title { 
	color:#444;
	font-size:110%;
	font-weight:bold;
	padding-bottom:7px;
	padding-left:2px;
}
div#layer-popup div.assumptions { background-color:#EEEEEE; border-top:1px solid #A7A7A7; padding: 0px 7px;}
div#layer-popup div.assumptions table { margin: 10px 0px; width:100%; }
div#layer-popup div.assumptions table tr th, div#layer-popup div.assumptions table tr td { padding:3px }
div#layer-popup div.assumptions table tr th { border-top:none; color:#666; }
div#layer-popup div.assumptions table tr td.number { text-align:right }