a {text-decoration: underline;}

a:link {color: #00f;}
a:visited  {color: #039;}
a:hover {color: #f00;}

a.nav:link,
a.nav:visited {
	color: #fff;
	text-decoration: none;
}

a.nav:hover {color: #F0E68C;}

a.mapnav:link,
a.mapnav:visited,
a.mapnav:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

body {
	background-color: #fff;	
	color: #000;
	margin: 0;
}

.bluetemp  {
	font-family: arial,helvetica,sans-serif;
	color:#00f;
}

.column {
    width: 45%;
    float: left;
}

#current-conditions {
    width: 100%;
    margin: 10px 0 0 0;
}

.dataHeader {
    font-size: small; 
    font-weight: normal; 
    color: #333399;
    background-color: #fff;
}
	   
.dataHeaderRed {
    font-size: 105%;
    font-weight: normal; 
    color: #f00; 
    background-color: #fff;
}

#graphs {
    font-size: 14px;
    vertical-align: middle;
}

/* Assumes two children, both columns with nearly 50% width */
#graphs:first-child {
    margin-right: 20px;
}
#graphs:last-child {
    margin-left: 20px;
}

#graphs img {
    margin: 5px 0 0 0;
}

#graphs .plot {
    margin: 20px 0;
}

.gray {
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
}

.gray_no_line  {
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
}

h1 {
	font-size: 12pt;
	font-weight: bold;
	font-family: arial,helvetica,sans-serif;
}

h2,h3,h4 {
	font-size: 10pt;
	font-weight: bold;
	font-family: arial,helvetica,sans-serif;
}


#infoLink a {
    color:#333399;
    text-decoration: none;
}

#infoLink a:visited,
#infoLink a:hover {
    color:#333399;
    text-decoration: none;
}

.icon {
    vertical-align: middle;
    float: left;
}

#latest-obs {
    width: 455px;
    min-height: 400px;
    float: left;
    color: #000;
}

#latest-obs tr {height: 30px;}
#latest-obs tr.shaded {background: #eee;}

#latest-obs tr td.bullet {
    width: 45px;
    padding: 0 0 0 3px;
}
#latest-obs tr td.parameter {
    width: 250px;
    padding: 0 0 0 10px;
}
#latest-obs tr td.value {width: 90px;}

#latest-obs-meta {
    font-size: 10px;
    margin: 0 0 10px 0;
}

.location  {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#location-inset {
    width: 455px;
    float: right;
}

.latlngs {
    width: 455px;
}

.latlngs tr td {
    padding: 3px;
}

.mapmsg {
	color: #0a2390;
	background-color: transparent;
	font-weight: bold;
}

.notification {
    border-radius: 5px;
    border:1px solid #c00;
    background: #fcc;
    padding: 5px;
    color: #333;
    margin: 0 0 10px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.notification:hover {
    border:1px solid #a00;
    background: #faa;
    color: #000;
}

.noticeBig {
	  font-size:110%;  
	  font-weight:bold;
	  color:#f00;  
	  background-color:transparent; 
}

#ndbc-map-legend {
    text-align: left;
    margin: 10px 0 0 0;
    color: #666;
    float: left;
    width: 40%;
}

.normaltext  {
	font-size: 9pt;
	font-family: arial,helvetica,sans-serif;
}

.nav  {
	font-size: 9pt;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-family: arial,helvetica,sans-serif;
}

.notice {
	font-weight: bold;
	color: Red;
	text-decoration: none;
}

.nwslink  {
	font-size: 9pt;
	color: Black;
	text-decoration: none;
	font-family: arial,helvetica,sans-serif;
}

pre {
	font-size: 9pt;
	font-family: monospace;
}

#prevNObs {
    height: 400px;
    width: 920px;
    padding: 10px 0 0 0;
    overflow: scroll;
}

p,form,td,ol,ul,li  {
	font-size: 9pt;
	font-family: arial,helvetica,sans-serif;
}

.radarsite  {
	font-size: 22pt;
	color: #fff;
	font-weight: bold;
	font-family: arial,helvetica,sans-serif;
}

.blue1  {
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
	color: #000080;
	font-weight: bold;
}

.red  {
	color: #f00;
	font-family: arial,helvetica,sans-serif;
}

.station_notice {
	color: Red;
	text-decoration: none;
}

.source  {
	font-size: 14px;
	color: White;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.searchinput,
.searchinput select,
.searchinput input  {
	font-size: 8pt;
}

#stnmap {
    height: 300px;
    width: 455px;
    border: 1px solid #aaa;
    margin: 0;
    overflow: hidden;
}

#stnmapcontainer form {
    float: right;
    text-align: right;
    margin: 10px 10px 0 0;
}

#stnmapcontainer form input {
    margin: 0 0 0 5px;
}

#story {
    width: 100%;
    text-align: justify;
    font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
}

.station-id {
    width: 100%;
    font-size: 12px;
    margin:5px 0 5px 0;
    text-align: center;
}

td.mapnav {
	color: white;
	background-color: #0a2390;
	font-weight: bold;
}

.tabs {
	text-decoration: none;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.tabs a {
	text-decoration: none;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#00f;

}

.tabs a:visited {
	text-decoration: none;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#00f;
}

.tabs a:hover {
	text-decoration: underline;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f00;
}

#texting-banner {
    padding: 5px 5px 5px 60px;
    text-align: center;
    width: 200px;
    background: #eee url(/web/20260629142157im_/https://uglos.mtu.edu/images/phone.png) no-repeat;
    background-position: 5px 6px;
    border: 3px solid #999;
    border-radius: 5px;
    margin: 0 auto;
    position: relative;
    top: 20px;
}

#texting-banner a {
    color: #339;
    text-decoration: none;
}

th  {
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

.titleDataHeader {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold; 
    color: #333399;
    background-color: transparent;
}

.warn {
	font-weight: bold;
	color: #f00;
	text-decoration: underline;
}

.warnblue {
	font-weight: bold;
	color:#00f;
	text-decoration: none;
}

.white  {
	font-size: 9pt;
	color: #fff;
	font-weight: bold;
	font-family: arial,helvetica,sans-serif;
}

.white1  {
	font-family: arial,helvetica,sans-serif;
	font-size: 16pt;
	color: #fff;
	font-weight: bold;
}

.white2  {
	font-family: arial,helvetica,sans-serif;
	font-size: 10pt;
	color: #fff;
}

.wrapper {
    clear: both;
    border-top:1px solid #666;
}

.yellow  {
	font-family: arial,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #F0E68C;
}
.stnLabel {
    background: rgba(255,255,255,0.7);
    color: #333;
    font-weight: 600;
    font-size: 11px;
    padding: 0px 1px;
/*    width: 40px;
    height: 16px;*/
}

.div-icon-stn {
    border: 1px solid #00CC00;
}
.div-icon-otherstn {
    border: 1px solid #FFFF00;
}
.div-icon-badstn {
    border: 1px solid #FF4D4D;
}
.div-icon-hfradar {
    border: 2px solid #0066ff;
}

#most_recent_vid_timestamp {
    margin: 16px 0px 0px 0px;
    font-family: monospace;
}