/*
CSS file for TTU-ATMO WRF Modeling System Page
Last Updated: 2-6-2019
*/
#timeDisplay {
	width:1000px;
	height:16px;
	padding:0 0 0px 0;
	margin:0px;
/*	border-top:1px solid #DDDDDD; */
/*	border-bottom:1px solid #DDDDDD; */
	background-color:#FFFFFF;
	overflow:auto;
}
#timeDisplay2 {
	width:1000px;
	height:32px;
	padding:0 0 0px 0;
	margin:0px;
/*	border-top:1px solid #DDDDDD; */
/*	border-bottom:1px solid #DDDDDD; */
	background-color:#FFFFFF;
	overflow:auto;
}
#mainDisplay {
	width:1200px;
	padding:0 0 0px 0;
	margin:auto;
/*	border-top:1px solid #DDDDDD; */
/*	border-bottom:1px solid #DDDDDD; */
	background-color:#FFFFFF;
	overflow:hidden;
}
#mainDiv {
	position:absolute;
	top:100px;  
/*	top:75px; */
	left:0px;
	width:1350px;
	padding:0px;
/*	border-right:1px solid #CCCCCC; */
	/*border-top:1px solid #FFFFFF;*/
	margin:0;
/*	background-color:#FFFFFF; */
	font-family:verdana,helvetica;
	font-size:12px;
}
#imageDisplay {
   position: relative;
   left: 50px;
}
#ModelButton {
	margin:1px;
	padding:1px;
}
#ModelButton2 {
	margin:1px 1px 1px 1px;
	padding:1px;
}
#CheckBox1 {
	margin:1px 1px 3px 1px;
	padding:1px;
}
#nav {}
#nav ul {}
#nav div span {}
#nav a, a:visited {}
input.ModelButton1 {
   font-size:12px;
   font-weight:bold;
   color:#0000CC;
   width:110px;
}
input.ModelButton2 {
   font-size:12px;
   font-weight:bold;
   color:#330000;
   width:110px;
   border-style:inset;
}
input.ModelButton3 {
   font-size:12px;
   font-weight:bold;
   color:#0000CC;
   width:52px;
}
input.ModelButton4 {
   font-size:12px;
   font-weight:bold;
   color:#330000;
   width:52px;
   border-style:inset;
}
body {
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	margin:0;
	padding:0px;
}
a, a:visited {
	text-decoration:none;
	color:#151B8D;
}
a:hover {
	text-decoration:none;
	color:#930B01;
}
p {
	margin:4px;
}
table {
	font-size:11px;
	font-family:verdana,arial,sans-serif;
}
form {
	margin:0;
	padding:0;
}
input {
	font-size:11px;
	font-family:verdana,arial,sans-serif;
}
#navlist
{
padding: 0;
margin: 0;
border:0;
width: 120px;
}
#navlist ul
{
margin: 0;
border:0;
padding:0;
border-bottom: 1px solid gray;
list-style: none;
}
#navlist ul li
{
margin: 0;
border: 0;
padding: 2px;
border-top: 1px solid gray;
}
#navlist il li a {
text-decoration:none;
}
#navlist li.menuA:hover {
     background-color:#66B3FF;
}
#navlist li.menuB {
     background-color:#000099;
}
#navlist li.menuB a {
     color:#FFFFFF;
}
#navlist li.sndmenu {
    font-size:11px;
}
#header {
	position:absolute;
	top:0px;
	left:0px;
	height:100px;
/*    height:75px; */
	margin:0;
	padding:0px;
	width:1200px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:verdana,arial;
	font-size:12px;
	font-weight:bold;
}
#sysmsg {
/*    display:none; */
	position:relative;
	top:72px;
	left:20px;
	height:20px;
	margin:auto;
	padding:2px;
	width:800px;
	text-align:center;
	background-color:#FFFFFF;
	border:2px solid;
	border-color: #900;
    border-radius:20px;
    -moz-border-radius:20px; /* Firefox 3.6 and earlier */
	color:#990000;
	font-family:verdana,arial;
	font-size:12px;
	font-weight:bold;
}

#TTULogo {
	position:absolute;
	top:7px;
	left:8px;
}
#TTU-atmoLogo {
	position:absolute;
	top:10px;
	left:125px;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-family:tahoma,helvetica,verdana,arial,sans-serif;
	font-weight:normal;
	color:#FFFFFF;
}
#ModelDesc {
	position:absolute;
	top:40px;
	left:125px;
	margin:0px;
	padding:0px;
	font-size:20px;
	font-family:tahoma,helvetica,verdana,arial,sans-serif;
	font-weight:normal;
	color:#FFFFFF;
}
#curModelInit{
	position:absolute;
	top:20px;
	left:605px;
	margin:0px;
	padding:0px 2px 0px 2px;
	font-size:12px;
	font-family:tahoma,helvetica,verdana,arial,sans-serif;
	font-weight:normal;
	background-color:#FFFFFF;
	color:#000000;
}
#curModelProgress{
	position:absolute;
	top:45px;
	left:605px;
	margin:0px;
	padding:0px 2px 0px 2px;
	font-size:12px;
	font-family:tahoma,helvetica,verdana,arial,sans-serif;
	font-weight:normal;
	background-color:#FFFFFF;
	color:#000000;
}
#prevModelInit{
	position:absolute;
	top:20px;
	left:900px;
	margin:0px;
	padding:0px 2px 0px 2px;
	font-size:12px;
	font-family:tahoma,helvetica,verdana,arial,sans-serif;
	font-weight:normal;
	background-color:#E8E8E8;
	color:#000000;
}
#prevModelProgress{
	position:absolute;
	top:45px;
	left:900px;
	margin:0px;
	padding:0px 2px 0px 2px;
	font-size:12px;
	font-family:tahoma,helvetica,verdana,arial,sans-serif;
	font-weight:normal;
	background-color:#E8E8E8;
	color:#000000;
}
#leftMenu {
	float:left;
	height:100%;
	width:120px;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	background-color:#BBBBBB;
	overflow:hidden;

}
#footer {
	width:1000px;
	margin-top:10px;
/*	padding-top:1px; */
/*	padding-left:5px; */
	border-top:1px solid #CCCCCC;
/*	border-bottom:1px solid #CCCCCC; */
    background-color:#EBEDEF !important;
	color:#000000;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
}
.menuTitle {
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-align:center;
}
a.fcstHour {
	display:block;
	font-family:verdana,helvetica,arial;
	font-weight:normal;
	font-size:10px;
	background-color:#000033;
	color:#FFFFFF;
	padding:0px 2px 1px 2px;
	margin:1px;
}
a.loopTab {
	display:block;
	font-family:verdana,helvetica,arial;
	font-weight:normal;
	font-size:10px;
	background-color:#404040;
	color:#FFFFFF;
	padding:0px 2px 1px 2px;
	margin:1px;
}
a.fcstHour:hover {
	background-color:#A33C1C;
	text-decoration:none;
}
a.loopTab:hover {
	background-color:#BFBFBF;
	color:#000000;
	text-decoration:none;
}
.overlays {
	clear:both;
	display:block;
	float:left;
	width:100%;
	text-align:left;
	font-weight:bold;
	font-size:9px;
	color:#000000;
	margin:0px;
	padding:5px 1px 5px 1px;
	border-left:1px solid #CCCCCC;
}
#left {
   float:left;
   width:50%;
}
#right{
   float:left;
   width:50%;
}
#bgcnty {
        position: absolute;
		top: 0;
		left: 0;
        z-index: 1;
		display: none;
}
#bgcwa {
        position: absolute;
		top: 0;
		left: 0;
        z-index: 1;
		display: none;
}
#bgrfc {
        position: absolute;
		top: 0;
		left: 0;
        z-index: 1;
		display: none;
}
#bgartcc {
        position: absolute;
		top: 0;
		left: 0;
        z-index: 1;
		display: none;
}
#bgsndg {
        position: absolute;
		top: 0;
		left: 0;
        z-index: 1;
		display: none;
}
#changePage {clear: both; float: left; width: 120px; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; margin-bottom: 5px;}
#changePage, #changePage ul, #changePage li {margin-left: -1.8em; list-style:none;}
#changePage li a {display: block; padding: 2px 2px; background: #ccc; border-top: 1px solid #eee; border-bottom: 1px solid #999; text-decoration: none; color: #000;}
#changePage li a:hover, #changePage li a.active {background: #999; color: #fff;}
#changePage li ul {display: none;}
#changePage li ul li a {padding: 2px 2px; background: #ececec; border-bottom: 1px dotted #ccc;}
#addButtons {
	background-color:#FFFFFF;
	text-decoration:none;
	text-align: center;
}
.myButton, .myButton:link, .myButton:visited {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 4px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
	margin-top:10px;
	width:110px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
	color:#FFE4C4;
}
.myButton:active {
	position:relative;
    top:1px;
}
#sliderDiv {
	width: 1000px;
}
#slider {
	width: 900px;
	margin: 15px;
}
#loopericon {
	vertical-align: top;
	margin-top: 4px !important;
}
#slider .ui-slider-range { background: #729fcf; }
#slider .ui-slider-handle { border-color: #729fcf; }
#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}