body{
	font-size:13px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    background:#FFFFFF;
}

#root{
	margin:5px auto;
	width: 90%;
	border: 1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:white;
	min-height:600px;
	display:block;
	overflow:hidden;
  padding-top:10px;
}

#toolbar{
	margin:5px auto 25px auto;
	width: 90%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:white url(/images/mac_header.png);
	height:30px;
	padding-top:10px;
}

.toolbar-link{
	margin-left:20px ;
	font-size:13px;
	font-weight:bold;
	text-shadow:0 1px 1px #FFFFFF;
	color:#333333;
	text-decoration:none;
}

.toolbar-link:hover{
	opacity:0.8;
}

#lock{
	margin:30 auto;
	width:200px;
  margin-left:auto; 
  margin-right:auto;
}

.header{
	text-align:center;
	font-size:30px;
	margin-top:30px;
	font-weight:bold;
}

#login{
	margin:30px auto;
  width:400px;
}

#alerts-box{
  width: auto;
}

#map-box{
  width: auto; 
}

#readings-box{
  width: auto;
}

#details-box{
  width: auto; 
}

#loading{
  text-align:center;
  margin-top: 300px;
}
th{
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

td{
	padding:4px;
}

td a{
	color: #222;
	font-size:11px;
	/*text-decoration:none;*/
}


.scrollable{
   overflow-y:scroll;
   overflow-x:hidden;
   position:relative;
   padding-left:-5px;
   height:500px;
   width:1000px;  
}

div.lefter{
  float: left;
}
div.righter{
  float: right; 
  display: inline; 
  width: 24px;
}
.dark-row{
	background-color:#C2C2C2;
	color: #222;
}

.light-row{
	background-color:#E6E6E6;
	color: #333;
}

.left{float:left;}

.right{float:right;}


.with-margin{
	margin-left:10px;
	margin-bottom:10px;
}

#map{
	margin:0;
}

.box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #C7C7C7;
	background-color:#FCFCFC;
}

.box_header{
	height:43px;
	color:#333333;
	font-size:15px;
	font-weight:bold;
	background:white url(/images/mac_header.png);
	line-height:43px;
	text-shadow:0 1px 1px #FFFFFF;
	padding-left:20px;
	padding-right:10px;
  width: auto;
}

.draggable:hover{
	cursor:move;
}

.box_content{
	margin:10px;
	color:#333333;
	line-height:15px;
	font-size:12px;
}

.widget-content{
	color:#333333;
	line-height:15px;
	font-size:12px;
  margin:10px 0 0 10px;
}


label{
	display:block;
	float:left;
	margin-top:10px;
}

.row, .clear{
	clear:both;
}

input{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #DDD;
	padding:5px;
	font-size:13px;
	float:right;
	font-family:Geneva,Arial,Helvetica,sans-serif;
}

input[type=submit]{
	background:#3399DD url(/images/mac_button.png) repeat-x scroll 0 0;
	padding:5px 10px;
	color:#222222;
	font-size:11px;
	font-weight:bold;
	border:1px solid #B5B5B5;
	text-shadow:0 1px 1px #FFFFFF;
}

.help_header{
	
	margin-top:10px;
	font-weight:bold;
	float:left;
	line-height:24px;
	color: #666;
}

#help{
}

/* modal */
#form_lightbox, #form_lightbox2{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#form_lightbox{
	background-color:#eee;
	opacity:0.5;
} 

#form_lightbox2{
	background-color:transparent;
}



#lightbox_content{
	margin:10px auto;
	width:560px;
	background-color:#FCFCFC;
	opacity:1;
	color:#333333;
  
  
}

#lightbox_content .box_content{
	max-height:500px;
  overflow-y:auto;
}

.dragger{
	background: url(/images/dragger.png);
	width:16px; 
	height:16px;
	margin-top:-16px;
	float:right;	
}

.light_row{}

.dark_row{background-color:#EEE;}