/*
Div Maker
*/

#carousel, #carousel div.graph, ul#graphtabs, #graphtabs li, #graphtabs a, #graphtabs span, #graphtabs span *, #sidenav ul, #sidenav li, #sidenav li a, #sidenav li span, #thegraphwrap, .carousel-bot, .subtools, .subtools a{
	display: block;
	position: relative;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: auto;
	height: auto;
}

#carousel, .carousel-bot{
	background: none;
	width: 980px;
	height: auto;
}

.carousel-bot{
	background: url(../bsws-graph/carousel_bot.png) top center no-repeat;
	height: 20px;
}

ul#graphtabs, ul#graphtabs li, ul#graphtabs li a{
	list-style: none;
	height: 40px;
}
ul#graphtabs{
	background: url(../bsws-graph/carousel_top.png) bottom center no-repeat;
	margin: 0px;
	width: 980px;
	height: 40px;
}
#graphtabs span.hi, #graphtabs span.med{
	position: absolute;
	top: 0px;
	left: 0px;
	float: none;
}
#graphtabs span.hi .l, #graphtabs span.hi .c, #graphtabs span.hi .r, #graphtabs span.med .l, #graphtabs span.med .c, #graphtabs span.med .r{
	height: 40px;
}
#graphtabs span.hi .l, #graphtabs span.med .l{
	width: 5px;
	background: url(../bsws-graph/tabs_hi_left_bg.png) top left no-repeat;
}
#graphtabs span.hi .c, #graphtabs span.med .c{
	width: 10px;
	background: url(../bsws-graph/tabs_hi_center_bg.png) top left repeat-x;
}
#graphtabs span.hi .r, #graphtabs span.med .r{
	width: 7px;
	background: url(../bsws-graph/tabs_hi_right_bg.png) top left no-repeat;
}
#graphtabs span.med .l{
	background-image: url(../bsws-graph/tabs_norm_left_bg.png);
}
#graphtabs span.med .c{
	background-image: url(../bsws-graph/tabs_norm_center_bg.png);
}
#graphtabs span.med .r{
	background-image: url(../bsws-graph/tabs_norm_right_bg.png);
}
#graphtabs span.title{
	margin: 0px 7px 0px 5px;
	padding: 8px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
#graphtabs span.bot{
	position: absolute;
	float: none;
	top: 32px;
	left: 0px;
	height: 9px;
	margin: 0px; padding: 0px;
}
#graphtabs span.bot span.bl, #graphtabs span.bot span.bc, #graphtabs span.bot span.br{
	background: url(../bsws-graph/tabs_bot.png) -8px 0px repeat-x;
	position: relative;
	display: block;
	float: left;
	width: 2px;
	height: 8px;
	margin: 0px; padding: 0px;
}
#graphtabs span.bot span.botr{
	width: 4px;
}
#graphtabs a:hover{
	cursor: pointer;
}
#graphtabs a.current span.bc{
	background-position: right top;
}
#graphtabs a.current span.med .l{
	background-image: url(../bsws-graph/tabs_cur_left_bg.png);
}
#graphtabs a.current span.med .c{
	background-image: url(../bsws-graph/tabs_cur_center_bg.png);
}
#graphtabs a.current span.med .r{
	background-image: url(../bsws-graph/tabs_cur_right_bg.png);
}
#graphtabs li.first{
	padding-left: 9px;
}
#graphtabs li.first span.bl{
	background-position: left top;
}
#graphtabs li.first span.bc{
	background-position: -2px 0px;	
}
#graphtabs li.first a.current span.bl{
	background-position: left bottom;
}
#graphtabs li.first a.current span.bc{
	background-position: right;
}
#thegraphwrap{
	background: url(../bsws-graph/carousel_mid.png) center repeat-y;
}
#carousel div.graph{
	background: url(../bsws-graph/loading.gif) center center no-repeat;
	width: 950px;
	height: 285px;
	margin: 0px 15px 0px 15px;
	padding: 0px;
}
.subtools{
	margin: 5px 0px 10px 15px;
	padding: 0px;
	width: 950px;
	min-height: 50px;
}
.subtools h3{
	margin: 5px 0px 2px 5px;
}
.subtools a{
	background: url(../bsws-graph/graphtools_green_bg.gif) top left no-repeat;
	width: 120px;
	height: 17px;
	padding: 3px 0px 0px 0px;
	margin: 0px 5px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #c7efbb;
}
.subtools input{
	background: url(../bsws-graph/graphtools_blue_input_bg.gif) top left no-repeat;
	width: 114px;
	height: 17px;
	border: none;
	padding: 3px 0px 0px 6px;
	color: #c6e5ff;
	letter-spacing: .8pt;
	font-size: 12px;
}
.subtools p{
	display: block;
	position: relative;
	float: left;
	clear: none;
	margin: 0px 5px;
}
ul#graphlist{
	display: block;
	float: left;
	position: relative;
	width: 70px;
	height: 200px;
	margin: 0px 5px;
}
#sites h3{
	color: #6cbd4f;
}
#xtools h3, #xtools p{
	color: #55B0FF;
}
#xtools a{
	background-image: url(../bsws-graph/graph_btn.png);
	color: #c6e5ff;
}
#ytools h3, #ytools p{
	color: #ebcb12;
}
#ytools a{
	background-image: url(../bsws-graph/graphtools_amber_bg.gif);
	color: #ebe5c3;
}
#ytools a.btn{
	background-image: url(../bsws-graph/graphtools_amber_btn_bg.gif);
	width: 20px;
}
#ytools input{
	background-image: url(../bsws-graph/graphtools_amber_input_bg.gif);
	color: #ceccbf;
	width: 44px;
}
#ytools p.countr{
	float: right;
	color: #eb9712;
}
#thegraphwrap a.current, #thegraphwrap a.current:hover{
	color: #fff;
	background-position: bottom left;
}
#thegraphwrap input:hover, #ytools a.btn:hover{
	background-position: bottom left;
	color: #fff;
}
#thegraphwrap a:hover, #thegraphwrap input.active{
	color: #fff;
	background-position: center left;
}
/*
div#graphtools a.btn:hover{
	background-position: center left;
}
div#graphtools a.btn.current{
	background-position: bottom left;
}
*/
ul#lastdata li span{
	width: 86px;
	margin-left: 14px;
}
h1.top{
	background: none;
	text-align: center;
}
#themap{
	background: #666;
	width: 748px;
	height: 400px;
	margin-bottom: 10px;
}
#themap h3, #themap h4{
	margin: 0px 0px 3px 10px;
}