.outer_bg
{
	padding: 5px;
	background-color: #9ace00;
}

*#patheader{
	background-image:url('/power/images/patHeader.gif');
	background-repeat:no-repeat;
	background-position:center top;
	width:640px;
	height:70px;
	
	background-color: black;
}

*#instructions {
	background-color:white;
	height:200px;
	display:none;
	width:640px;
}


*#statusBar{
	display:none;
	border-color:blue;
	border-style:solid;
	border-width:0px;
	border-top-width:2px;
	border-bottom-width:2px;
	background-color:#999999;
	text-align:center;
}

.statusItem {
	width:320px;
	display:inline;
	margin-left:100px;
	margin-right:100px;
}

*#houseSize {
	background-color:white;
	width: 640px;
}

*#designer {
	display:none;
	position:relative;
	width:640px;
}

*#headers {
	height:32px;
	width:640px;
	background-color:#0330c7;
}

.header {
	width:114px;
	height:32px;
	margin-left:7px;
	text-align:center;
	font-size:16pt;
	top:2px;
	cursor:pointer;
}

*#materialHeader {
	position:absolute;
	top:2px;
	left:5px;
} 

*#applianceHeader {
	position:absolute;
	top:2px;
	left:124px;
} 

*#summaryHeader {
	position:absolute;
	top:2px;
	left:243px;
} 

*#dashboardHeader {
	position:absolute;
	top:0px;
	left:373px;
	width: 190px;
	height: 28px;
	font-size: 8px;
	cursor: auto;
} 

*#dashboardHelpHeader {
	position:absolute;
	top:6px;
	left:365px;
	width: 20px;
	font-size: 8px;
} 

*#doneBtnHeader {
	position:absolute;
	top:0px;
	left:553px;
	width: 100px;
	height: 15px;
	font-size: 8px;
} 

*#tabs {
	text-align:center;
	background-color:white;
}

.tab {
	display:none;
	padding-top:5px;
	border-top:solid 2px #329900;
	overflow:hidden;
}

.tab p { margin-left:50px; margin-right:50px; text-align:left; }

*#title {
	font-size:18px;
}

.help_area {
	width:626px;
	height:64px;
	border:solid 1px black;
	margin:5px 5px 5px 5px;
}

*#help_info_material {
	padding:5px;
}

*#help_info_material img{
	display: inline !important;
}


*#house {
	position:relative;
}

*#config {
}

.bar {
	position:relative;
	width:500px;
	height:20px;
	border:solid 2px blue;
	background-color:white;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	margin-bottom:4px;
}

.barIndicator {
	position:absolute;
	width:500px;
	height:20px;
	border:solid 2px green;
}

.barText {
	height:20px;
}

*#sidebar_material_none{
 	background-image:url('/power/images/hb_sidebar_material_none.gif');
 	float:right;
 	width:230px;
 	height:284px;
	position:relative;
	left:-7px;
	top:5px;
}

*#sidebar_appliance_none{
 	background-image:url('/power/images/hb_sidebar_appliance_none.gif');
 	float:right;
 	width:230px;
 	height:284px;
	position:relative;
	left:-7px;
	top:5px;
	
}


*#sidebar_appliance{
	float:right;
	width:230px;
	min-height:284px;
	background-color:yellow;
	display:none;
	position:relative;
	left:-7px;
	top:5px;
	overflow:auto;
}

*#sidebar_appliance_name{
	display:inline;
}

*#sidebar_appliance_linked{
	width:200px;
	display:none;
}

*#sidebar_appliance_linked_name{
	display:inline;
}

*#sidebar_material{
	float:right;
	width:230px;
	min-height:284px;
	background-color:yellow;
	display:none;
	position:relative;
	left:-7px;
	top:5px;
}

*#sidebar_material_adjustment {margin-top:5px;}
*#sidebar_appliance_adjustment {margin-top:5px;}

*#sidebar_material_name{
	display:inline;
}

.star{
	border: solid 1px black;
	margin-top:5px;
	margin-bottom:5px;
}

*#sidebar_appliance_energy_usage { width:100px; }

.slider {
	width:210px;
	height:78px;
	position:relative;
	font-size:16px;
}

.sliderBlack {
	left:4px;
	top:42px;
	width:200px;
	height:16px;
	position:absolute;
	color:yellow;
	background-color:black;
	font-size:12px;
}

.sliderLabel {
	left:3px;
	top:10px;
	width:125px;
	height:20px;
	position:absolute;
	text-align:right;
}

.sliderValue {
	left:132px;
	top:5px;
	width:73px;
	height:21px;
	position:absolute;
	border: solid 1px grey;
	background-color:white;
	color:black;
}

.sliderIndicator {
	width:13px;
	height:23px;
	position:absolute;
	left:5px;
	top:35px;
	background-image:url('/power/images/indicator.gif');
	background-repeat:no-repeat;
}

.sliderMin{
	position:absolute;
	left:5px;
	top:62px;
	width:100px;
	text-align:left;
}

.sliderMax{
	position:absolute;
	left:105px;
	top:62px;
	width:100px;
	text-align:right;
}

.overlayButton {
	position:absolute;
	width:106px;
	height:20px;
	text-align:left;
	vertical-align:middle;
	font-size:12px;
	background-image:url('/power/images/hb_label_btn_not_done.gif');
	cursor:pointer;
}

.overlayButton span {
	position:relative;
	top:3px;
	left:21px;
}

.helperPopup {
	background-color:white;
	border:2px solid black;
	color:black;
	width:150px;
	text-align:left;
	font-size:12px;
}

.helper img {
	display:inline !important;
}