/** // v1.8.9r1010
 */

/**
 * CSS Stylesheet
 * Bar Widget
 */

#BasicWidget {
	position:absolute;
	left:10px;
	top:2px;
	width:758px;
	height:157px;
	border:1px solid #7479B9;
	background: transparent url('../images/barbg.jpg') no-repeat;
	z-index:3;
}
#BasicBG {
	position:absolute;
	left:0px;
	top:0px;
	width:758px;
	height:157px;
	background-color:#DEEEED;
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	z-index:3;
}
#BiconWind {
	position:absolute;
	left:8px;
	top:8px;
	width:65px;
	height:65px;
	z-index:4;
}
#BiconWind img {
	width:65px;
	height:65px;
}
#BiconSun {
	position:absolute;
	left:8px;
	bottom:8px;
	width:65px;
	height:65px;
	z-index:4;
}
#BiconSun img {
	width:65px;
	height:65px;
}
#BiconTower {
	position:absolute;
	right:8px;
	top:40px;
	width:65px;
	height:80px;
	z-index:4;
}
#BiconTower img {
	width:65px;
	height:80px;
}
#BarDivider {
	position:absolute;
	left:206px;
	top:46px;
	width:6px;
	height:77px;
	border-top:1px solid #068F99;
	border-right:1px solid #068F99;
	border-bottom:1px solid #068F99;
	border-left: none;
	z-index:5;
}
#Bars {
	position:absolute;
	left:114px;
	top:0px;
	/*width:330px;*/
	width:510px;
	height:157px;
	z-index:4;
}
/** **/
#Bar01 { position:absolute; left:0px; top:25px; width:124px; height:64px; z-index:5; }
#Bar01 .name { position:absolute; left:0px; top:0px; width:124px; height:27px; z-index:6; }
#Bar01 .name b { position: absolute; left: 0px; bottom: 2px; width: 124px; text-align: center; }
#Bar01 .graph { position:absolute; left:0px; top:28px; margin-top:1px; margin-left:1px; height:20px; background-repeat: repeat-x; z-index:6; }
#Bar01 .value { position:absolute; left:0px; top:28px; width:120px; height:20px; border:1px solid #009899; padding-right:4px; z-index:7; }
#Bar01 .limits { position:absolute; left:0px; bottom:0px; width:124px; z-index:6; }
/** **/
#Bar02 { position:absolute; left:0px; top:75px; width:124px; height:64px; z-index:5; }
#Bar02 .name { position:absolute; left:0px; top:0px; width:124px; height:27px; z-index:6; }
#Bar02 .name b { position: absolute; width: 124px; bottom: 2px; left: 0px; text-align: center; }
#Bar02 .graph { position:absolute; left:0px; top:28px; margin-top:1px; margin-left:1px; height:20px; background-repeat: repeat-x; z-index:6; }
#Bar02 .value { position:absolute; left:0px; top:28px; width:120px; height:20px; border:1px solid #009899; padding-right:4px; z-index:7; }
#Bar02 .limits { position:absolute; left:0px; bottom:0px; width:124px; z-index:6; }
/** **/
#Grid03 { position:absolute; left:152px; top:36px; width:161px; height:100px; z-index:5; background:transparent url('../images/grid-bgl.png') no-repeat; }
#Grid03 .name { text-align:center;vertical-align:bottom; position:absolute; left:0px; top:-15px; width:161px; height:27px; z-index:6; }
#Grid03 .grid { position:absolute; left:0px; top:0px; height:100px; z-index:6; }
#Grid03 .value { position:absolute; left:0px; top:2px; width:161px; height:20px; z-index:7; }
#Grid03 .limits { position:absolute; left:0px; bottom:0px; width:161px; z-index:6; }
/** **/
#Bar04 { position:absolute; left:330px; top:48px; width:124px; height:64px; z-index:5; }
#Bar04 .name { vertical-align:bottom; position:absolute; left:0px; top:0px; width:124px; height:27px; z-index:6; }
#Bar04 .name b { position: absolute; width: 124px; bottom: 2px; left: 0px; text-align: center; }
#Bar04 .graph { position:absolute; left:0px; top:28px; margin-top:1px; margin-left:1px; height:20px; background-repeat: repeat-x; z-index:6; }
#Bar04 .value { position:absolute; left:0px; top:28px; width:120px; height:20px; border:1px solid #009899; padding-right:4px; z-index:7; }
#Bar04 .limits { position:absolute; left:0px; bottom:0px; width:124px; z-index:6; }
/** **/
#Tarrow05 { position:absolute; left:470px; top:70px; width:45px; height:35px; z-index:5; }

.bartext {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
.graph.red { background-image:url('../images/bar-red.jpg'); }

.graph.green { background-image:url('../images/bar-green.jpg'); }

.graph.yelred { background-image:url('../images/bar-yelred.jpg'); }

.graph.blue { background-image:url('../images/bar-blue.jpg'); }

.grid.red { background:transparent url('../images/grid-red.png') scroll no-repeat right center; }

.grid.blue { background:transparent url('../images/grid-blue.png') scroll no-repeat left center; }