/* */
body {
font: 78% Verdana;
background-color: White;
color: Black;
padding: 0;
}
table {
font-size: 100%;
}
table.centered { 
margin-left:auto; 
margin-right:auto; 
max-width:1440px;
}
a {
color: #436976;
background-color: transparent;
text-decoration: none;
}
img {
border: none;
vertical-align: middle;
text-align: center;
}
img.header {
border: none;
vertical-align: middle;
text-align: center;
margin: 0 0 -1.7em 0;
}
p {
margin: 0 0 -0.3em 0;
line-height: 1.3em;
}
p img {
border: none;
margin: 0;
}
p.rightj {
text-align: justify;
}
hr {
border: 0;
height: 2px;
color: #999999;
background-color: #999999;
margin: 0.5em 0 0.5em 0;
}
h1, h2, h3, h4, h5, h6 {
color: #666666;
background-color: transparent;
font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0 0 0.0em 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: Black ! important;
text-decoration: none;
}
h1 {
font-size: 120%;
text-align: center;
margin: 0.3em 0 0.3em 0;
border: 1px solid #999999;
background: White;
padding: 5px 5px 3px 10px;
}
h2 {
font-size: 135%;
}
h3 {
font-size: 110%;
border-bottom: none;
font-weight: bold;
}
h4 {
font-size: 105%;
border-bottom: none;
font-weight: bold;
}
h5 {
font-size: 100%;
border-bottom: none;
font-weight: bold;
}
h6 {
font-size: 85%;
border-bottom: none;
font-weight: bold;
}
button {
font-family: Verdana;
visibility: visible;
border: 2px solid #999999;
color: Black;
vertical-align: middle;
background-color: #dee7ec;
padding: 4px;
cursor: pointer;
font-size: 100%;
font-weight: bold;
margin: 0 0.3em -0.1em -0.1em;
/*text-transform: lowercase;*/
}
.white {
color: Black;
background-color: White;
cursor: none;
border-bottom-color: White;
}
.main {
border: 2px solid #999999;
}
.footnote {
font: 90% Verdana, Monaco, "Courier New", Courier, monospace;
border: 1px solid #999999;
color: #333333;
background: White;
padding: 5px 5px 5px 5px;
text-align: center;
}
.footnote_img {
font: 80% Verdana, Monaco, "Courier New", Courier, monospace;
border: 1px solid #999999;
color: #444444;
background: White;
text-align: center;
}
.footnote_nobox {
font: 80% Verdana, Monaco, "Courier New", Courier, monospace;
border: none;
color: #888888;
padding: 5px 5px 5px 5px;
text-align: center;
}
.footnote_left {
font: 80% Verdana, Monaco, "Courier New", Courier, monospace;
border: 1px solid #999999;
color: #444444;
background: White;
padding: 5px 5px 5px 5px;
text-align: left;
}
.footnote_j {
font: 90% Verdana, Monaco, "Courier New", Courier, monospace;
border: 1px solid #999999;
color: #333333;
background: White;
padding: 5px 5px 5px 5px;
text-align: justify;
}
.footnote_download_link {  padding: 10px 0; }

td.center {
align: center;
vertical-align: top;
text-align: center;
width: 50%;
padding: 5 10 5 10;
}
/* */
p.ams_menu {
margin: 0 0 -0.3em 0.8em;
}
#legend {
width: 145px;
position: absolute;
top: 440px;
right: 240px;
}

.cleantable tr { border:0; }
.cleantable tr th { border-left:0; border-top: 0; border-right:1px solid #999; border-bottom:1px solid #999; padding:12px; color: white;  }
.cleantable tr td { border-left:0; border-top: 0; border-right:1px solid #999; border-bottom:1px solid #999; padding:2px; }
.cleantable tr td.noborder { border:0; }
.cleantable tr td:first-child { border-left:1px solid #999; }
.cleantable.trhover tr:hover td { background-color: #006699; }
.cleantable.trhover tr.nohover:hover td { background-color: #eee; }
.cleantable tr.subtitle td { background-color: #006699; color:white; line-height: 26px; }
.cleantable tr.subtitle td h3 { color:white; line-height: 36px; }

.cleantable.nopadding tr td { padding:0px; }
.cleantable.noborder { border:0; }
.cleantable.noborder tr td, .cleantable.noborder tr th  { border:0; }
.cleantable tr.padding-ten td { padding:10px; }
.cleantable.thblack tr th { color: black; font-weight: bold;  }

.cleantable.simpleline { border:0; }
.cleantable.simpleline tr th { border-left:0; border-top: 0; border-right:0; border-bottom:1px dotted #999; padding:12px; color: white;  }
.cleantable.simpleline tr td { border-left:0; border-top: 0; border-right:0; border-bottom:1px dotted #999; padding:2px; }

.cleantable .tablehead th { background-color: #006699; border-top:1px solid #999; }

.cleantable .tablehead th.first {
    border-left:1px solid #999; 
   	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px; 
 }
.cleantable .tablehead th.last {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
 }
	
.clickable tr:hover td {  background-color: #79C2E8;  cursor: pointer; cursor: hand; }


.filter_table { background-color: #eee; }
.filter_table tr {}
.filter_table tr td { border:0; text-align: center; }

.error-message { color:red; text-align: center; line-height: 100px; }
.error-message-compact { color:red; text-align: center; }

.margin-five { margin: 5px 0; }
.margin-ten { margin: 10px 0; }
.gray_info { color: #C4C4C4; }

#main-table-wrapper { padding: 0; margin:0;  }
.marginebottom { margin-bottom: 1em; }

.lightbox img { border:1px solid #EEE; }
.lightbox img:hover { cursor: pointer; cursor: hand; border:1px solid #006699; }

.webcamimages img { max-width: 200px; width:98%; border:1px solid #EEE; }
.webcamimages img:hover { cursor: pointer; cursor: hand; border:1px solid #006699; }

.no_image { color: #ff4f4f; }

#content-table-wrapper {
    width:90%;
    padding:1em 0;
    margin:0;
    border:0;
    margin: 0 auto;
    max-width:1150px;
}

#show_previous {
    background: url('img/ArrowLeft.png') no-repeat;
    display: block;
    width:32px;
    height:32px;
}

#show_previous.disabled {  
    background: url('img/ArrowLeftGray.png') no-repeat;
}

#show_next {
    background: url('img/ArrowRight.png') no-repeat;
    display: block;
    width:32px;
    height:32px;
}
#show_next.disabled {  
    background: url('img/ArrowRightGray.png') no-repeat;
}

.tdtitle { 

    background-color: #999999; text-align: middle; color:white; padding:6px; 
   	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px; 
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;

}
.tdtitle h1, .tdtitle h2, .tdtitle h3 { color: white !important; }

.maximized { width:100%; }

.devimg { float:left; margin:10px; }

.csvlinks a { font-weight: bold; }
.csvlinks a:hover { color: #006699; }

#map_logo {display:none; } 
/* PopUp Dialogs */

.clearfix { display:block; clear:both; }

#ajax-process {
  position:fixed;
  left:50%;
  display: none;
  top: 42%;
  z-index: 100;  
}
#ajax-process .ajax-process-wrapper {
  font-size:14px;	
  font-weight:bold;
  position:relative; 
  left:-50%;
  background-color:#FFF;
  padding:20px;
  border:solid 2px #1D579D;
  border-radius:4px;
  color:white;	
}
#ajax-process .ajax-process-wrapper .text { padding: 5px; }

#event-dialog {
  position:fixed;
  left:50%;
  display: none;
  top: 42%;
  z-index: 100;  
}
#event-dialog .dialog-wrapper {
  font-size:12px;	
  position:relative; 
  left:-50%;
  /*popup-styles*/
  background-color:#fff;
  padding:0px;
  border:solid 2px #8E8E8E;
  border-radius:4px;
  width: 350px;
  background-color: #eee;
}
#event-dialog .dialog-title {
	background-color: #006699;
	line-height:18px;
	font-size:14px;	
	color:white;
	padding:10px;
}	
#event-dialog .dialog-content {
	padding:0 10px 10px;
}	
#event-dialog .dialog-content a {
	position:relative;
	display:block;
	width:46%;
	line-height:16px;
	font-size:12px;
	border:solid 1px #444;
	border-radius:4px;
	float:left;
	margin: 0 2px 0 2px;
	padding:5px 2px;
	text-align:center;
	color:white;
	text-decoration:none;
}
#event-dialog .dialog-content p { margin: 10px 0; }
#event-dialog .dialog-content a.delete { background-color: red;}
#event-dialog .dialog-content a.edit { background-color: green; }
#event-dialog .dialog-content a.device { background-color: green; }
#event-dialog .dialog-content a.cancel { background-color: orange; }
#event-dialog .dialog-content a:hover { background-color: gray; } 


#action-dialog {
  position:fixed;
  left:50%;
  display: none;
  top: 20%;
  z-index: 100;  
}
#action-dialog .dialog-wrapper {
  font-size:12px;	
  position:relative; 
  left:-50%;
  /*popup-styles*/
  background-color:#fff;
  padding:0px;
  border:solid 2px #8E8E8E;
  border-radius:4px;
  width: 800px;
  height:550px;
  background-color: #eee;
  overflow: hidden;
}
#action-dialog .dialog-title {
	background-color: #006699;
	line-height:18px;
	font-size:14px;	
	color:white;
	padding:10px;
}	

#action-dialog .dialog-title  a {
	display:block;
	float:right;
	width:20px;
	margin-right: 20px;
	color: white;
}

#action-dialog .dialog-content {
	padding:0;
}
#action-dialog .dialog-content  iframe { border:0; width:100%; height:100%; overflow: hidden; } 
/* ------------ */