/*	
	http://lessframework.com/
	http://www.angrycreative.se/projekt/less-framework
*/

/*		Desktop layout: 992px. 
		68*10+24*9+48*2
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

/*	padding: 72px 48px 84px; */

body {
	width: 896px;
	padding-top:10px;
	padding-bottom:40px;
	/*margin-left:64px;*/
	/*margin-right:64px;*/
}

/* infowindow css */
.info_head {
	font-family: sans-serif;
	padding-bottom: 1px;
    border-bottom:1px solid #ccc; 
	margin-bottom:4px;
	font-size: 96%;
}
.info_content {
    border-bottom:1px solid #ccc;
}
.info_content p{
	font-size: 96%;	
	line-height:150%;
}
.info_foot a{
	font-size: 86%;	
}
.info_foot {
	text-align:right;	
}
.tm {
 	font-size:86%;
	color:#808080;
}
.dmy {
	clear:both;
}
#header {
	color: #000099;
	font-family: sans-serif;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:8px;
	border-bottom: solid 1px #ccc;
}
#infomation {
 	font-size:96%;
	float:left;
	padding-bottom:4px;
}
#infomation a{
	/*text-decoration: none;*/
}
#infomation a:link{
	color: #FF1493;
}
#infomation a:visited{
	color: #FF1493;
}
#logo {
	width:94px;
	float:left;
}
#logo img{
  width: 74px;
}
#logo_right {
	width:648px;
	float:left;
}
#user_title {
	font-size:150%;
	font-weight: bold;
}
#user_title a{
	text-decoration: none;
}
#user_title a:link{
	color: #000099;
}
#user_title a:visited{
	color: #000099;
}
#menu {
}
#menu td {
	text-align: right;
	vertical-align: bottom;
}
#auto_switch {
	float: right;
	text-align:center;
	width: 80px;
	background: #3d5fa3;
	border: 2px solid #ccc;
	color: #fff;
	font-size:72%;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
#data_down{
	text-align: right;
}
#trend_ds {
	width: 12px;
	cursor: pointer;
}

#map {
	float: left;
	width: 620px;
	height: 500px;
}
#map_head {
	margin-bottom:3px;
}
#map_head td{
	vertical-align: bottom;
}
#uptime {
}
#dummy {
	clear:both;
}
#map_canvas {
	height: 460px;
}

#list {
	float: right;
	width: 252px;
}
#list_table {
	max-height: 422px;
  height: expression(this.scrollHeight > 422 ? "422px" : "auto")
	overflow: auto;
	overflow-x: hidden;
}
#list_footer{
	font-size:90%;
	color:#696969;
	margin-top:6px;
	margin-bottom:6px;
}
#trend {
	/*height: 800px;*/
	/*min-height: 400px;*/
	clear:both;
}
#trend_head {
    /*margin-top: 3px;*/
    margin-bottom: 5px;
	/*font-size:96%;*/
}
#trend_head td{
    vertical-align: bottom;
}
.csv {
font-size: 80%;
text-align: right;
}

div#footer{
margin-top:20px;
border-top: solid 1px #747474;
font-size: 85%;
text-align: right;
color: #a0a0a0;
/*color: #696969;*/
}
.count{
color:#FFFFFF;
/*background-color:#0000FF;*/
/*background-color:#1B3AB4;*/
background-color:#0000FF;
font-weight:bold;
font-size:110%;
}
#graph_canvas img{
	zoom: 0.92;
}
#graph_canvas li{
	font-size: 80%;
}
.ui-tabs-nav, .ui-tabs-panel {
        font-size: 86%;
}
#notes {
margin-top:20px;
line-height:150%;
}
#alert_dialog_context dt{
	font-weight:bold;
}
#alert_dialog_context dd{
	text-indent:1em;
}