html {
background-image: url(images/bg.png);
background-position: top left; 
background-repeat:  repeat-x; 



}	
	
	
	body {
	    font-family: roboto;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
	}
	div {
		border:0px solid;
	}
	
	#header {
		width: 98%;
		height:128px;
	}
	
	.canvas {
		height: auto;
		width: 100%;
		padding-top:5px;
		padding-bottom:10px;
		padding-right:10px;
		padding-left:10px;
	}
	
	#slider-range{
		width: 96%;
		margin-left:15px;
	}
	.row1_cell1{
		width: 96%;
		height: 400px;
		display: inline-block;
		padding-left:5px;
		margin-top:10px;
	}
	
	#chatCounter{
		font-size: 54px;
		font-family: arial;
		margin: 0px 0px 0px 0px;
		color: #fff;
	}
	
	.row1_cell2{
		width: 4%;
		height: 400px;
		display: inline-block;
		margin-left: 10px;
		padding_bottom: 2px;
		float: right;
		margin-top:10px;
	}
	
	.row3_cell1 {
		width: 98%;
		height: 400px;
				margin-top:10px;		
	}
	
	.rotate {
		-webkit-transform: rotate(90deg);
		-webkit-transform-origin: left top;
		-moz-transform: rotate(90deg);
		-moz-transform-origin: left top;
		-ms-transform: rotate(90deg);
		-ms-transform-origin: left top;
		-o-transform: rotate(90deg);
		-o-transform-origin: left top;
		transform: rotate(90deg);
		transform-origin: left top;
	
		position: absolute;
		float: right;
		top: 780px;
		left: 33.5%;
		white-space: nowrap;    
		font-size: 24px;
		width: 100px;
		height: 100px;
	}
	
	table {
		width: 100%;
		border: 0px solid;
		padding-top:25px;
	}
	
	th {
		width: 33%;
		border: 0px solid;
		font-size: 20px;
		font-family: Geneva, Arial, Helvetica, sans-serif
	}
	
	td {
		width: 33%;
		border: 0px solid;
	}





#header h1 {

padding-top: 2px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Roboto;
font-weight: 100; 
font-size: 36px;
color: white;
line-height: 48px;
}



#header h2 {
font-family: Roboto;
font-size: 24px;

font-weight: 300; 
color: #C7C7C7;
line-height: 32px;
margin-top: 0px;
padding-top: 0px;


}


#logo {
float: left;
padding-right: 10px;
}


#branding {
width: 650px;
float: left; 

}

#counter { 
width: 450px; 
float: right; 


}

#coutner-left {
float: right;
width: 211px;

}


#counter-right {
float: left;
width: 200px;
padding-right: 10px;
border-right: 1px solid #fff;

}

p#counter-lable  {
margin-bottom: 0px;
margin-top: 15px;
font-family: Roboto;
font-weight: 300;
color: #FFF;
}


input#dates  {

font-size: 26px;
background-color: rgb(203,29,20);
color: #fff;
font-family: roboto;
font-weight: 200;
}

text.timeLabel.mono.axis, g.legend text.mono, text.dayLabel.mono.axis {
font-size: 12px;

}