/* Element definitions */

/* Upload form */
#upload {text-align: center; width: 580px; height: 380px; margin-left: auto; margin-right: auto;}
#uploadHeader {font-weight: bold; font-size: 24px; color: rgb(19%, 14%, 13%);  margin-top:10px;}
#uploadForm { text-align: center; margin-left: auto; margin-right:auto; margin-top: 30px; padding: 40px 20px;}
#uploadForm TABLE {margin-left:auto; margin-right: auto; margin-top: 20px;}
#uploadForm TR {height: 4em;}
#uploadForm TH {width: 9.0em; font-size: 13px;}
#uploadForm P.red SPAN{color: red !important; position: relative; margin-top: -3em;}
#fileinput-button {position: relative; overflow: hidden; float: left; margin-right: 4px;}
#fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); -moz-transform: translate(-400px, 0) scale(4); font-size:100px; direction: ltr; cursor: pointer; border:solid transparent; border-width: 0 0 100px 200px}
#fileinput-button img{opacity:1.0; filter:alpha(opacity=100); width:100px;}
#fileinput-button img:hover{opacity:0.8; filter:alpha(opacity=80);}
#uploadFooter {font-weight: bold; font-size: 18px; color: rgb(19%, 14%, 13%); margin-left: auto; margin-right: auto; margin-top:20px;}
#uploadFooter A {font-size: 14px; font-style:italic;}

/* UserInfo form */
#userinfo {text-align: center; width: 650px; margin-left: auto; margin-right: auto;}
#userInfoHeader {font-weight: bold; font-size: 24px; color: rgb(19%, 14%, 13%);  margin-top:10px;}
#userInfoForm { text-align: center; margin-left: auto; margin-right:auto; margin-top: 5px; padding: 40px 20px;}
#userInfoForm TABLE {margin-left:auto; margin-right: auto; margin-top: 20px;}
#userInfoForm TR {height: 4em;}
#userInfoForm TH {width: 9.0em; font-size: 13px;}
#userInfoForm TD {text-align: left; font-size: 13px;}
#userInfoForm P.red SPAN{color: red !important; position: relative; margin-top: -3em;}
#userInfoFooter {font-weight: bold; font-size: 18px; color: rgb(19%, 14%, 13%); margin-left: auto; margin-right: auto; margin-top:20px;}
#userInfoFooter A {font-size: 14px; font-style:italic;}
#userInfoCommand label.error { color: red;}

/* PG&E login form */
#pgelogin {text-align: center; width: 700px; margin-left: auto; margin-right: auto; margin-top: 80px}
#pgeLoginHeader {font-weight: bold; font-size: 24px; color: rgb(19%, 14%, 13%);  margin-top:10px;}
#pgeLoginForm { text-align: center; margin-left: auto; margin-right:auto; margin-top: 5px; padding: 40px 20px;}
#pgeLoginForm TABLE {margin-left:auto; margin-right: auto; margin-top: 20px;}
#pgeLoginForm TR {height: 4em;}
#pgeLoginForm TH {width: 12.0em; font-size: 13px;}
#pgeLoginForm TD {text-align: left; font-size: 13px;}
#pgeLoginForm P.red SPAN{color: red !important; position: relative; margin-top: -3em;}
#pgeLoginFooter {font-weight: bold; font-size: 18px; color: rgb(19%, 14%, 13%); margin-left: auto; margin-right: auto; margin-top:20px;}
#pgeLoginFooter A {font-size: 14px; font-style:italic;}
#pgeLoginCommand label.error { color: red;}

/* SDGE login form */
#sdgelogin {text-align: center; width: 700px; margin-left: auto; margin-right: auto; margin-top: 80px}
#sdgeLoginHeader {font-weight: bold; font-size: 24px; color: rgb(19%, 14%, 13%);  margin-top:10px;}
#sdgeLoginForm { text-align: center; margin-left: auto; margin-right:auto; margin-top: 5px; padding: 40px 20px;}
#sdgeLoginForm TABLE {margin-left:auto; margin-right: auto; margin-top: 20px;}
#sdgeLoginForm TR {height: 4em;}
#sdgeLoginForm TH {width: 12.0em; font-size: 13px;}
#sdgeLoginForm TD {text-align: left; font-size: 13px;}
#sdgeLoginForm P.red SPAN{color: red !important; position: relative; margin-top: -3em;}
#sdgeLoginFooter {font-weight: bold; font-size: 18px; color: rgb(19%, 14%, 13%); margin-left: auto; margin-right: auto; margin-top:20px;}
#sdgeLoginFooter A {font-size: 14px; font-style:italic;}
#sdgeLoginCommand label.error { color: red;}

/* Baseload */
#idleLoad { text-align: center; font-family: Verdana,Arial,Helvetica,Sans-serif;}
#idleChartHeader {color: rgb(19%, 14%, 13%); }
.sectiondivider {
		border-color:#332623; 
		border-top:solid;
		border-bottom:solid;
		border-width:2px;
		width: 100%;
}
.sectiontitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14pt;
	color:#332623;
}
.sectionsubtitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	color:#808285;
}		
	
/* Result Page */
.slider-seg {width: 200px; height:100px; position: absolute; top: 0; right: 0;}
.slider-icon {text-align:right; position:absolute; bottom:0px;right:60px;}
.slider-icon-label {position:absolute;font-size:24px;color:rgb(203,37,43); font-weight:bold; }
.slider-tick {width:50px;height:3px;background-color:black;position:absolute;right:0px;top:70px;}
.slider-tick-label {postion:absolute;text-align:right; margin-top:3px; right:0px; top: 105px}
.red24 {color: rgb(203,37,43); font-size:20px; font-weight:bold}
.white18 {font-size:18px;color: white; font-weight:bold}
.cost {font-size:20px; color:black;font-weight:bold;}
.margin20 {margin:20px;}
.permonth {text-align:right;padding: 5px}
#vertical-slider {position:relative; width:10px; height:400px;background-color:rgb(203,37,43); margin-left:5px; margin-top:60px;border-radius:25px;-moz-border-radius:25px;}
#currentPos {margin-left:5px;}
#result {margin: 10px -20px auto}
#resultLeft {min-width:280px; top: 0px;position: relative; height: 440px;}
#resultRight {float:left; background-color:rgb(0,182,179); margin-top:0px;min-width:300px}
#priceInputLabel {margin:10px; text-align:right; font-size: 14px;color: white}
#priceInput {margin:10px; text-align:right; }
#idleLoadTextPanel {border-radius:15px;-moz-border-radius:15px; width:380px; border: solid 5px; background-color: #e8ece9; margin: 20px; margin-top: 20px;}
#idleLoadTextPanel P {margin:20px; line-height:23px; font-size:14px;}
#pricePerKW {border: solid 1px; width:80px;font-size: 14px; text-align: center}

/* Main framework */
#loadingImage {width: 50px; height: 50px;}

/* Content styles */
#overDiv {position:absolute; visibility:hidden; z-index:1000; width: 30%; min-width: 200px;}
#overDiv A {text-decoration: underline !important; font-weight: bold !important;}

#caldiv {position:absolute;visibility:hidden;background-color:white;layer-background-color:white; z-index: 1000;}
.waitReport {text-align:center; color:#990; font-size: 20px;}