/* Reset Browser Defaults */
/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center, dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
outline:0;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

ol, ul, li {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

img {
border:0;
}

body {
line-height:1;
}

blockquote, q {
quotes:none;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-spacing:0;
}

/* Site */

body {
background:#FFFFFF;
font-size:.8em; /* specify base font size in em's, all others in % */
line-height:150%;
color:#000000;
}

h1, .h1, .contenttitle, .contenttitle0 {
font-size:130%;
padding-top:.8em;
padding-bottom:.8em;
color:#000000;
font-weight:bold;
text-decoration:none;
white-space:nowrap;
}

h2, .h2, .contenttitle2 {
font-size:120%;
padding-top:.8em;
padding-bottom:.8em;
color:#000000;
font-weight:bold;
text-decoration:none;
white-space:nowrap;
}

h3, .h3, .contenttitle3 {
padding-top:.5em;
padding-bottom:.5em;
color:#000000;
font-weight:bold;
text-decoration:none;
}

h4, .h4, .contenttitle4 {
font-size:90%;
padding-top:.5em;
padding-bottom:.5em;
color:#000000;
font-weight:bold;
text-decoration:none;
}

ul  {
padding-top:0em;
padding-bottom:0em;
margin-top:0em;
margin-bottom:.5em;
}

p, .content  {
padding-bottom:.5em;
}

/* ensure that the background divs fully enclose the floated column content */
.clear {
clear:both;
display:block;
height:1px;
overflow:hidden;
margin:0;
padding:0;
}
 
/* Pagination */

.pagination {
text-decoration:none;
}

.pagination a {
color:#990000;
text-decoration:none;
}

.pagination a:link {
color:#990000;
text-decoration:none;
}

.pagination a:visited {
color:#990000;
text-decoration:none;
}

.pagination a:hover {
color:#000000;
text-decoration:none;
}

.navigation-inner-bar {
padding-left:50px;
padding-right:50px;
}

/* Heading */

/* Text */

/* Image */

/* Form */

/* Table */

/* Landing Page */

/* http://matthewjamestaylor.com/blog/perfect-3-column.htm */

/* column container */
.colmask {
position:relative;
clear:both;
float:left;
width:100%;
overflow:hidden;
}

/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}

.col1,
.col2,
.col3 {
float:left;
position:relative;
overflow:hidden;
/* border:1px solid #ccc; */
}

/* 2 Column section */
.landing2col .colleft {
right:440px;
}
.landing2col .col1 {
width:536px;
left:440px;
}
.landing2col .col2 {
width:440px;
left:440px;
}

/* 3 Column section */
.landing3col .colmid {
right:20%;
}
.landing3col .colleft {
right:44%;
}
.landing3col .col1 {
width:44%;
left:100%;
}
.landing3col .col2 {
width:36%;
left:20%;
}
.landing3col .col3 {
width:20%;
left:64%;
}

/* zone forecasts */
.landing3colhead1 {
padding:3px;
margin:5px;
color:white;
background-color:#2c6183;
}
.landing3colhead2 {
padding:3px;
margin:5px;
color:white;
background-color:#6186a1;
}
.landing3colhead3 {
padding:3px;
margin:5px;
color:white;
background-color:#094470;
}
.landing3colbod {
padding:3px 10px 3px 10px;
}

/* Forecasting Pages */

.first-guess-nws {
color:#000000;
}

.first-guess-mm5 {
color:#00CC33;
}

.first-guess-wrf {
color:#666666;
}

.small-text {
font-size:90%;
}

.vsmall-text {
font-size:85%;
}

.small-text-white {
font-size:90%;
color:#000000;
}

.small-text-white a:link {
font-size:90%;
color:#000000;
}

.small-text-white a:visited {
font-size:90%;
color:#000000;
}

.small-text-white2 {
font-size:90%;
color:#FFFFFF;
}

.small-text-white2 a:link {
font-size:90%;
color:#FFFFFF;
}

.small-text-white2 a:visited {
font-size:90%;
color:#CCCCCC;
}

.wx-table {
text-align:center;
}

.wx-table td {
font-size:90%;
height:30px;
padding:2px;
white-space:nowrap;
vertical-align:middle;
}

.table-input {
width:96%;
border:1px solid #ABABAC;
font-size:11px;
background-color:white;
}

.fg-nws {
color:#000000;
background-color:#FFFFFF;
width:32%;
display:inline-block;
}

.fg-mm5 {
color:#00CC33;
background-color:#FFFFFF;
width:32%;
display:inline-block;
}

.fg-wrf {
color:#666666;
background-color:#FFFFFF;
width:32%;
display:inline-block;
}

#table-am {
background-color:#FFFCC5;
padding:10px;
}

#table-pm {
background-color:#E2E9F2;
padding:10px;
}

#table-hw {
background-color:#FFB366;
padding:10px;
}

.table-text {
white-space:nowrap;
padding:2px;
}

.tt {
white-space:nowrap;
padding:2px;
text-align:center;
}

.table-text-wrap {
padding:2px;
}

.table-text-wx {
height:32px;
padding:2px;
vertical-align:top;
}

.table-data-wx {
background-color:#FFFFFF;
}

.table-text-white {
background-color:#FFFFFF;
padding:2px;
}

.table-text-gray {
color:#BBBBBB;
background-color:#FFFFFF;
padding:2px;
}

.table-text-red {
color:#800000;
background-color:#FFFFFF;
padding:2px;
}

.ttw {
background-color:#EEEEEE;
padding:2px;
text-align:center;
}

.timestamp {
color:#000000;
}

.table-header {
background-color:#F1F1F1;
color:#00000;
font-weight:bold;
white-space:nowrap;
text-align:center;
padding:4px;
}

.warning {
font-size:130%;
padding-top:.7em;
padding-bottom:.7em;
color:#800000;
font-weight:bold;
}

.warning1 {
padding-top:.1em;
padding-bottom:.1em;
color:#800000;
font-weight:bold;
}

.warningheadlines {
color:#800000;
}

.error {
color:red;
font-weight:bold;
padding:2px;
}

.error_msg {
color:red;
padding:1px 0 1px 30px;
}

.info {
color:green;
font-weight:bold;
padding:6px;
}

.fx_process {
text-align:left;
padding:6px;
}

.inputtext1 {
border:1px solid #ABABAC;
background-color:white;
}

.inputtext2, .help_btn {
border:1px solid #ABABAC;
font-size:11px;
background-color:#F1F1F1;
}

.userblock {
position:relative;
clear:both;
float:left;
width:98%;
overflow:hidden;
border:1px solid #ABABAC;
margin:3px;
padding:3px;
background-color:#FFFFFF;
}

.usertitle {
font-weight:bold;
white-space:nowrap;
height:23px;
}

.userentry {
white-space:nowrap;
height:23px;
}

/* Misc */

.clone {
white-space:nowrap;
padding:3px 0px; /* top/bottom left/right */
}

#cal_div {
position:absolute;
visibility:hidden;
background-color:white;
layer-background-color:white;
}

.fx_tables {
width:100%;
padding:0px 10px; /* top/bottom left/right */
}

.fx_boxes {
border:1px solid #ccc;
background:#eee;
padding:5px 10px; /* top/bottom left/right */
margin:5px 0; /* top/bottom left/right */
}

#map_box {
-moz-border-radius: 6px;
background: #eef2f7;
-webkit-border-radius: 6px;
border: 1px solid #536376;
-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
padding: 14px 14px;
width: 750px;
height: 500px;
position: relative;
display: none;
}

#media_box {
-moz-border-radius: 6px;
background: #eef2f7;
-webkit-border-radius: 6px;
border: 1px solid #536376;
-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
padding: 14px 22px;
width: 790px;
height: 520px;
position: relative;
display: none;
}

#close_x {
display:inline-block;
overflow:hidden;
position: absolute; top:5px; right:5px;
}