body{font-family:Arial;}
input {font-size:70%;}
select {font-size:80%;}

#popup1_calendar {position:absolute;left:35px;top:36px;background:#5184B8;border:1px solid #333333;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#popup1_calendar table {background:white;}
#tzoffset {visibility:hidden;position:absolute;border:1px solid #999999;background:white;width:auto;left:200px;top:10px;z-index:99999}
#tzoffset div {border:1px solid #cccccc;padding:2px;font-size:8pt;text-align:center;}
#tzoffset div a {text-decoration:none;display:block;color:black;}
#map_canvas { width:100%; height:450px;border:1px solid #999999;}
img#my2dcbar {border:1px solid black;padding-right:5px;width:50px;height:500px;}
.closeMenu {background:#5184B8;padding:0px;display:block;font-size:12pt;color:white}

.sm {text-decoration:none;color:black;font-size:8pt;}
#showDate {font-weight:bold;font-size:9pt}
#leftMenu {background:#cccccc;}
#layers {overflow:auto;width:auto;height:590px;border-top:1px solid #666666;background:white;}
#layers div {padding:2px;font-size:10pt}
#layers div a {text-decoration:none;display:block;color:black;border-bottom:1px solid #bbbbbb;}
#layers div a:hover {background:#999999;color:white;}
#layers span a {text-decoration:none;color:white;display:inline;border:0px;width:35px;}
#layers .layersel {background:#FF9933;color:black}
#layers .groupHead {background:#5184B8;border-bottom:1px solid #333333;padding:0px;}
#layers .groupHead a {color:white;border:0px;}
#mainWindow {visibility:hidden;position:absolute;border:2px solid #000000;background:#bbbbbb;width:100%;height:100%;left:0;top:0px;z-index:99999;}
#unit {visibility:hidden;position:absolute;border:2px solid #000000;background:#bbbbbb;width:100%;height:404px;left:0;top:0px;z-index:99999;}
#htable table {font-size:70%;}
#htable span {margin-right:1px;}
#htable a {padding:1px;margin:1px;}
#htable a:hover{background:#5184B8;color:white;} 
#htable .hour_ran {background:#CCE5E8;}
#htable .hour_ran_off {background:#dddddd;}
#htable .hour_ran_off a {color:#aaaaaa;text-decoration:none}
#htable .fhoursel a {background:yellow;}
#htable td {border-top:1px solid #999999;border-right:1px solid #999999;}
#runstamp {border:1px solid #999999;padding:2px;background:#cccccc;font-size:8pt;}
#plotDiv {border:1px solid #999999;background:#cccccc}
#plotDiv img {border:1px solid #666666;padding:1px;}
#actions span {margin-left:4px}
#plotDivAdv {position:absolute;visibility:hidden;left:-3000px;}
#plotDivThumbs {font-size:75%;color:#333333}
#plotDivThumbs img {border:1px solid #666666;padding:1px;}
#moTable td {font-size:75%}
#moTable div {background:#5184B8;color:white;}
#hdtog {z-index:99999;position:absolute;visibility:hidden;left:2px;}
#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #666666;
padding: 3px;
visibility: hidden;
font-size:80%;
z-index:999999;
background:#ffffcc;
}
#mapTop span,#mapTop div  {background:white;border:1px solid #222222;padding:1px;font-size:10pt;padding-left:5px;padding-right:5px;margin-bottom:3px;}
#mapTop div {padding:0px}
#mapTop span a {text-decoration:none;color:black;font-size:10pt;}
#mapTop input {font-size:50%}
#mapTop .layerOn {border:2px solid black;background:#FF9933}
#mapTop .layerOff {border:1px solid #222222;background:transparent}
.popOptH {background:#cccccc;font-weight:bold;border-bottom:1px solid #666666;font-size:75%}
.popOpt div {font-size:75%;padding:3px;margin-bottom:3px;}
.loading {background:#ffffcc;padding:1em;width:100px;height:20px;border:3px solid #333333;position:absolute;top:20%;left:40%;text-align:center;z-index:99999;}
.popup {z-index:99999;position:absolute;width:500px;height:500px;left:-1000px;top:-1000px;visibility:hidden;background:white;border:2px solid #666666;}
.innerWindow {position:relative;overflow:scroll;width:475px;height:300px;}
.x {background:#5184B8;border:1px solid #000000;}
.x a {border:1px solid #000000;padding:0px;text-decoration:none;color:#333333;font-weight:bold;background:#cccccc}
.profileTable {font-size:90%;border:1px solid #666666;}
.profileTable th {font-size:80%;text-align:left;background:#cccccc;padding:2px;}
.profileTable td {border-top:1px solid #666666;}
.default {color:red;}
.activeProfile {font-size:85%;background:white;padding:3px;border:1px solid #666666;z-index:99999;}
.note {font-size:75%;color:#777777;}

.olControlMousePosition, .olControlScaleLine {
	background:white;
	filter: alpha(opacity=60); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE */
    -moz-opacity: .60; /*older Mozilla*/
    -khtml-opacity: 0.6;   /*older Safari*/
    opacity: 0.6;   /*supported by current Mozilla, Safari, and Opera*/
    padding:2px;
}
.selOpt a {
  text-decoration: none;
    font-weight:normal;
    width: 130px;
    color:white;
    background-color : #5184B8;
	border:1px solid #333333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	display:block;
	margin:5px;
	text-align:center;
	font-size:10pt;
}
.selOpt a:hover{background:blue}
.rMenu {-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color : #ebebeb;
	border:1px solid #000000;
	height:30px;
	width:30px;
	text-align:center;
	vertical-align:middle;
	font-size: 8pt;
	float:left;
}
.rMenu img {padding-top:2px;padding-left:1px}
.plot3dopt {margin:8px;}
.plot3dopt a {text-decoration: none;
        font-weight:normal;
        font-size:8pt;
        color:white;
        background-color : #5184B8;
		border:1px solid #333333;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-webkit-text-size-adjust: none;
		padding:5px;
		text-align:center;}

table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 250px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
    z-index:99999;
}
table.calendar a {
}
table.calendar a:hover {
}
table.calendar input, table.calendar select {
	font-size: 12px;
}
table.calendar td, table.calendar th {
	border: 0;
	font-size: 12px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
.closeBtn {
	/*float: right;
	width: 15px;
	/*font-size: 1.5em;
	height: 13px;
	
	padding: 0 0 3px 0;
	margin: 1px 8px 0 0;
	border: solid black 1px;*/
}
/*all styles related to the main calendar grid*/
table.cells {
	border-collapse: collapse;
	border: solid #CCCCCC 1px;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
/*the day headings*/
table.cells th {
	border: solid #CCCCCC 1px;
	text-align: left;
	font-weight: bold;
	color: #0054E3;
	width: 25px;
}
table.cells th.wkhead {
	border-right: double #CCCCCC 3px;
	cursor: default;
	width: 25px;
}
/*The date cells*/
table.cells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	height: 23px; /*IE doesn't like ems*/
}
table.cells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.cells td.noselect {
	background-color: #EEEEEE;
	color: #BBBBBB;
	text-decoration: line-through;
	cursor: default;
}
table.cells td.hlday {
	background-color: #99FF99;
}
table.cells td.wkday {
	background-color: #DDDDDD;
}
table.cells td.wkend {
	background-color: #DDDDDD;
}
table.cells td.curdate {

}
table.cells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.cells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.cells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.cells td.hover {
	background-color: #999999;
}
table.cells td div {
	padding: 1px;
	margin: 0;
}