html, body {
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	#background: #313030;
	background: #fff;
} 
table.grid {
    border-collapse: collapse;
	text-align: center;
}

table.grid td, table.grid th {
    border: 1px solid black;
	padding:5px;
}
table{
	border-spacing:0px;
	background: #fff;
}
img {
	border: 0px;
}
a {
	text-decoration: none;
	color: #000;
}
a.mailto {
	text-decoration: underline;
	color: #00f;
}
a:hover{
	text-decoration: underline;
	#font-weight:bold;
}

a.button{
	padding:5px; 
	border:1px solid #c7c6c4;
}
a.button:hover{
	text-decoration: none;
	background :#c7c6c4;
}

.main {
	min-width:785px;
	width: 95%;
	height: 100%;
	min-height:100%;
	margin: 0px auto;
	background-color: #FFFFFF;
}

.header {
	width: 100%;
	float: left;
	background-image:url(/img/header_bg.png); 
	background-repeat:repeat-x;
	border-bottom: 1px #fff solid;
}

.headerTSD {
	width: 100%;
	float: left;
	background-color:#000;
	border-bottom: 1px #fff solid;
}

.topmenu {
	display: inline-block;
	text-decoration: none;
	background: #000;
	#background: url('/img/bg_blue.png');
	width: 100%;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px #fff solid;
}

.topmenu span.login {
	float: right;
	margin-right: 10px;
	text-align: center;
	color: #ffffff;
}

.topmenu a {
	margin-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.topmenu  a.login{ 
	float: right;
	margin-right: 10px;
	text-align: center;
}

.topmenu  a:hover {
	text-decoration: underline;
	font-weight: bold;
	/*font-size: 18px;*/
}

.content {
	float: left;
	width: 100%;
}
.invisible {
	display: none;
}
.leftpanel {
	background-color: #95a2b4;
	width: 260px;
	float: left;
}
.leftmenu {
	width: 100%;
}

.leftmenu .item {
	border-bottom: 1px #95a2b4 solid;
	#margin-bottom: 1px;
}

.leftmenu .denied {
	padding: 8px 0px 8px 0px;
	color: #8f8f8f;
	background-color: #fff;
	border-bottom: 1px #95a2b4 solid;
}

.leftmenu a {
	padding: 8px 0px 8px 0px;
	text-decoration: none;
	color: #000;
	display: block;
	width: 260px;
	background-color: #fafafa;
}
.leftmenu  a:hover {
  background: #fdf5ce;
  font-weight: bold;
}

.leftmenu a.active {
	background: #fdf5ce;
	font-weight: bold;
}

.leftmenu .sectionItem {
	border-bottom: 1px solid #95a2b4;
	#background: url('/img/bg_blue.png') repeat-x; 
	#background: #2c456a;
	/*
	background: -webkit-linear-gradient(top, #6b7c96, #2c456a);
    background: -moz-linear-gradient(top, #6b7c96, #2c456a);
    background: -ms-linear-gradient(top, #6b7c96, #2c456a);
    background: -o-linear-gradient(top, #6b7c96, #2c456a);
	*/
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	#border: 1px #000 solid;
	
	display: block;
	font-weight: bold;
	color: #000;
	padding: 8px 0px 8px 8px;
}
#mainleftsection {
	border-bottom: 1px solid #ffffff;
	background-color: #000000;
	display: block;
	text-align: center;
	color: #ffffff;
}

.rightpanel {
	background-color: #ffffff;
	width:100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.rightbody {
	text-align: justify;
	margin: 25px 25px 25px 25px;
}

.footer {
	
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	#border: 1px #000 solid;
	width: 100%;
	float: left;
}
.footer p {
	font-size: 11px;
	line-height: 0px;
	color: #FFFFFF;
	text-align: center;
}

.map {
	position:relative;
	float:center; 
	padding: 10px 10px 10px 10px; 
	height: 500px; 
	border: 1px solid #dddddd;
	/*box-shadow: 10px 10px 5px #dedede;*/
}

.fullmap {
	float:center; 
	width: 100%; 
	height: 100%; 
	#border: 1px solid black;
}

#graph {
	#min-width: 800px;
	width: 95%;
	height: 400px; 
	margin-bottom: 20px;
}

.vAlignTextImage {
  display: table;
}

.vAlignTextImage img {
  vertical-align: middle;
}

.vAlignTextImage span {
  vertical-align: middle;
  display: table-cell;
}

.baloontext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*
label
{
	font-weight:bold;
	width:100px;
	font-size:14px;
}
*/
.form {
     background:#ffffff;
     border: Solid 1px #808080;
     padding: 2px;
  }
  
 .form-table-cell {
    display:table-cell;
    padding: 10px;
}
  
 .form-table-row {
   display:table-row;
}
  
#showtable {
	TABLE-LAYOUT: auto; 
	font-size: 11px;
	BORDER-COLLAPSE: collapse; 
	BACKGROUND-COLOR: #ffffff;
	empty-cells: hide; 
	border-spacing: 10px;
}
#showtable TH {
	height: 20px;
	TEXT-ALIGN: left;
	BORDER: #99bbe8 1px solid;
	background: #6693be; /* Old browsers */
	background: -moz-linear-gradient(top,  #6693be 0%, #31658f 0%, #58b5e4 0%, #1b7bb3 0%, #5c86aa 0%, #5c86aa 0%, #5c86aa 0%, #59799b 46%, #2e5782 50%, #2b4c7d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6693be), color-stop(0%,#31658f), color-stop(0%,#58b5e4), color-stop(0%,#1b7bb3), color-stop(0%,#5c86aa), color-stop(0%,#5c86aa), color-stop(0%,#5c86aa), color-stop(46%,#59799b), color-stop(50%,#2e5782), color-stop(100%,#2b4c7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6693be 0%,#31658f 0%,#58b5e4 0%,#1b7bb3 0%,#5c86aa 0%,#5c86aa 0%,#5c86aa 0%,#59799b 46%,#2e5782 50%,#2b4c7d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6693be 0%,#31658f 0%,#58b5e4 0%,#1b7bb3 0%,#5c86aa 0%,#5c86aa 0%,#5c86aa 0%,#59799b 46%,#2e5782 50%,#2b4c7d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6693be 0%,#31658f 0%,#58b5e4 0%,#1b7bb3 0%,#5c86aa 0%,#5c86aa 0%,#5c86aa 0%,#59799b 46%,#2e5782 50%,#2b4c7d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6693be 0%,#31658f 0%,#58b5e4 0%,#1b7bb3 0%,#5c86aa 0%,#5c86aa 0%,#5c86aa 0%,#59799b 46%,#2e5782 50%,#2b4c7d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6693be', endColorstr='#2b4c7d',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
}
#showtable TH {
    cursor: pointer;
}
#showtable TR {
	/*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c1d6f1));
    background: -webkit-linear-gradient(top, #ffffff, #c1d6f1);
    background: -moz-linear-gradient(top, #ffffff, #c1d6f1);
    background: -ms-linear-gradient(top, #ffffff, #c1d6f1);
    background: -o-linear-gradient(top, #ffffff, #c1d6f1);*/
	background: #ffffff;
}

#showtable TR:hover {/*
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c1d6f1));
    background: -webkit-linear-gradient(top, #ffffff, #c1d6f1);
    background: -moz-linear-gradient(top, #ffffff, #c1d6f1);
    background: -ms-linear-gradient(top, #ffffff, #c1d6f1);
    background: -o-linear-gradient(top, #ffffff, #c1d6f1);*/
	background: #fdf5ce;
}

#showtable TD {
	BORDER: #99bbe8 1px solid;
	padding-left: 4px;
	padding-right: 4px;
}

#showtable TR.selected {
	BACKGROUND: #ffb173;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f0f0), to(#ffb173));
    background: -webkit-linear-gradient(top, #f1f0f0, #ffb173);
    background: -moz-linear-gradient(top, #f1f0f0, #ffb173);
    background: -ms-linear-gradient(top, #f1f0f0, #ffb173);
    background: -o-linear-gradient(top, #f1f0f0, #ffb173);
}
/*
#showtable TR.Stopped {
	background-color: #fbb3b3 ;
}
*/
#showtable TD.Warning {
	background-color: #fbe2b3;
	font-weight: bold;
}
#showtable TD.Stopped{
	background-color: #f45a8b;
	font-weight: bold;
}
#showtable TD.statusError{
	color: #ff0000;
	font-weight: bold;
}
#showtable TD.statusOK {
	color: #00ff00;
	font-weight: bold;
}

.viewOnMapButton {
	font-size: 11px;
	width:100%;
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#c7c6c4), to(#f1f0f0));
    background: -webkit-linear-gradient(top, #c7c6c4, #f1f0f0);
    background: -moz-linear-gradient(top, #c7c6c4, #f1f0f0);
    background: -ms-linear-gradient(top, #c7c6c4, #f1f0f0);
    background: -o-linear-gradient(top, #c7c6c4, #f1f0f0);*/
	background: url("/img/gray-top-bottom.gif") repeat-x;
	border:1px solid #c7c6c4; /*required or the default border for the browser will appear*/
	/*give the button curved corners, alter the size as required
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	/*give the button a drop shadow
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);*/
	/*style the text*/
	color:#000000;
}

.viewOnMapButton:hover, .viewOnMapButton:focus {
	background :#c7c6c4; /*make the background a little darker*/
}

.viewOnMapButton:disabled{
	color:#808080;
	background :#c7c6c4; /*make the background a little darker*/
	/*reduce the drop shadow size to give a pushed button effect*/
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.box {border:1px solid #e8e8e8}
.chart-settings {text-align:center}
.box-button{
	margin:-3px;
	float:right;
    border: 1px #000 solid;
    width:50px;
    background:#ffffff;
}
.box h2 {
	margin:0px;
	#background: url('/img/bg_blue.png');
	#background-image: url('/img/white-top-bottom.gif');
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border: 1px #95a2b4 solid;
	color:#000;
	padding: 8px 8px 8px 8px;
	font-size:12px; 
	font-weight:bold;
}

.timeseries {
	background: #ffffff url('/img/loading.gif') no-repeat center;
	height:300px;
	width: 95%;
	color: #000000;
}

.dygraph-ylabel{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold; 
}

.dygraph-title{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;	
}

.dygraphbox {
	background: #ffffff url('/img/loading.gif') no-repeat center;
	height:300px;
	width:45%;
	float:left;
	display:table-cell;
	margin: 10px;
}

.contentLoadedFromAjax {
	background: #ffffff url('/img/loading.gif') no-repeat center;
}

.fadeOutOK{
    position:absolute; 
    bottom:10px; 
    right: 10px;
	padding: 5px;
    z-index:1000; 
    /* RGBa with 0.6 opacity */
    background-color: rgba(69,139,116, 0.3);
	border: 1px solid rgb(69,139,116);
	color: rgb(36,33,39);
}

.fadeOutError{
	bottom: 0; left: 0; top: 0; right: 0;
    margin: auto;
    position: absolute;
    width: 1036px;
    height: 16px;
	padding: 5px;
    z-index:1000; 
    /* RGBa with 0.6 opacity */
    background-color: rgba(255,192,203, 0.5);
	border: 1px solid rgb(226,37,45);
	color: rgb(36,33,39);
}

div.loading {
	display: none;
	z-index: 100000000000000000;
	position: fixed;
	top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .5 ) url('/img/loading.gif') no-repeat center;
}

.error {
	color: #f00;
}