/**
 * File: main.css
 *
 * Contains various CSS elements used by the tsuPortal
 * Reused from http://radar.srh.noaa.gov/fire/
 *
 * @project tsuPortal
 * @version 1.0
 * @author NWS (NWS and WCATWC wcatwc@noaa.gov)
 *
 * NOTE: can minify at http://www.minifycss.com/css-compressor/ 
 */

body {font:.9em Arial, Helvetica, sans-serif, Verdana, Geneva; color:#000; background-color:#ececec; margin:0}
html {overflow-y: scroll;}
.odd {background-color:#eaeaea;}
.even {background-color:#f8f8f8}
#maincontainer {margin:0 auto; width:1004px;}
/* float:right; width:845px; padding: 9px */
/* begin header */
#header {position:relative; height:118px; width:1004px; background:url(../images/1024_titlebar.jpg); border-left:solid 1px #0c115a; border-top:solid 1px #0c115a; border-right:solid 1px #0c115a;}
.skiplinks {float:right; font-size:.8em; padding-right:15px}
a.skipnav {color:#dee3ff; background-color:transparent;}
.title_small {position:absolute; font-size:1.3em; color:#fff; font-weight:bold; background-color:transparent; left:121px; top:22px}
.title_large {position:absolute; font-size:1.7em; color:white; font-weight:bold; font-weight:bold; background-color:transparent; left:120px; top:49px}
.titlemax {color:red; background-color:transparent;}
#noaalink img {position:absolute; left:8px; top:15px; border-style:none;}
#noaalink {color: #D0D0D0;}
#nwslink img {position:absolute; left:915px; top:12px; border-style:none;}

/* top navbar...the first number following navbar is the number of links in the navbar, the second nimber is the position of that link  */
#navbar {position:absolute; left:150px; top:95px; margin:0px; padding:0px; width:855px; color:#f0e68c; font-weight:bold; font-size:.8em;}
#navbar_31, #navbar_41 {position:absolute; left:0px; top:4px;}
#navbar_32 {position:absolute; left:310px; top:4px;}
#navbar_33 {position:absolute; left:510px}
#navbar_42 {position:absolute; left:160px; top:4px;}
#navbar_43 {position:absolute; left:350px; top:4px;}
#navbar_44 {position:absolute; left:500px}
#navbar_31 a, #navbar_32 a, #navbar_33 a, #navbar_41 a, #navbar_42 a, #navbar_43 a {text-decoration:none; color:#fff;}
#navbar_31 a:hover, #navbar_32 a:hover, #navbar_33 a:hover, #navbar_41 a:hover, #navbar_42 a:hover, #navbar_43 a:hover {text-decoration:underline; color:#f0e68c;}
#navbar1920_31 a:hover, #navbar1920_32 a:hover, #navbar1920_33 a:hover {text-decoration:underline; color:#f0e68c; background-color:transparent;}
.searchinput {font-size:.9em; margin:2px; padding:0px}
.searchinputgo {font-size:.9em; padding:0px 1px}
/* end top navbar */
/* end header */

/* single column styles */
#containernonav {background:#fff; color:#000; font-size:.85em; border-left:1px solid #0c115a; border-right:1px solid #0c115a; text-align:left; width:1004px}
#mainnonav {float:left; width:995px; padding:0px 5px;}
hr.footernonav {width:996px; text-align:right; margin:0px 4px 0px auto;}
/* end single column styles */

/* two column styles */
#container_2col {background:#fff url(/images/blue_background.gif) repeat-y left top; font-size:.85em; border-left:1px solid #0c115a; border-right:1px solid #0c115a; text-align:left; width:1004px; } /* #fff is background color of main column and image is background of left column*/
/* 8.25.2011 *//* float:right; width:845px; padding: 9px */
#main_2col { float:right; width:845px; padding: 9px; padding-top: 1px; }
#container1920_2col {background:#fff url(/images/blue_background.gif) repeat-y left top; font-size:.85em; border-left:1px solid #0c115a; border-right:1px solid #0c115a; text-align:left; width:1900px}
#main1920_2col {float:left; width:1732px; padding:10px;}
/* end 2 column styles*/

/*firewx leftnav */

#left_2col {float:left; width:140px; color:#f0e68c; background-color:transparent; font-weight:bold; text-align:center; margin:0px} /* 12.27.11 */
.menu {color:#f0e68c; margin:0; padding:0; list-style:none; text-decoration:none; text-align:left;}
.menu ul {margin:0; padding:0; list-style:none; text-decoration:none;}
.menu {width:130px;}
.menu li {color:#f0e68c; display:block; margin:0; padding:0;	margin-bottom:1px; text-decoration:none;}
.menu a {display:block;	padding:2px 5px; color:#FFFF99; background:#0A2390; text-decoration:none; font-weight:bold;}
.menu li ul li a, .menu li ul li a:visited  {color:#fff}
.menu ul li a {color:#f0e68c;}
.menu li ul li a:hover, .menu a:focus, .menu a:active  {background:#00f; color:#fff;}
.menu ul li {padding-left:15px;}
.menu ul a {background:#0a2390;}
.hidden {display:none;}
a.navbar {color:#fff; text-decoration:none; background-color:transparent;}
a.navbar:hover {color:#f0e68c; text-decoration:underline; background-color:transparent;}
/*end leftnav*/

/* footer */
#footer {position:relative; color:#a9a9a9; background-color:transparent; font-size:.9em; height:110px; text-align:left;}
hr.footer {width:847px; text-align:right; margin:0px 4px 0px auto;}
#footer1 {position:relative; left:0px; padding-top:20px; width:147px; text-align:center;}
#footer1 img {border-style:none}
#footer2 {position:absolute; left:154px; top:12px;}
#footer3 {position:absolute; left:510px; top:12px;}
#footer3 ul {list-style-type:none; margin-top:0px}
#footer4 {position:absolute; left:801px; top:12px; width:198px; text-align:right; margin-right:2px; margin-top:0px}
#footer4 ul {list-style-type:none; text-align:right; margin-top:0px}
#tag {position:absolute; background-color:#000; color:#fff; text-align:center; font-size:.9em; width:1006px; top:105px; left:-1px;}
/* end footer */

/* misc styles */
div.float {float:left; padding:11px}
div.float p {text-align:center; margin:0px}
.yellow {font-weight:bold; color:#f0e68c;}
.yellowheader {font-weight:bold; color:#f0e68c; background-color:#000;}
.white {color:White; font-weight:bold; background-color:transparent;}
.red {color:red; background-color:transparent;}
.green {color:green; background-color:transparent;}
.orange {color:orange; background-color:transparent;}
.blue {color:Navy; background-color:transparent;}
.ltblue {color:#b0e0e6; font-weight:bold; background-color:transparent;}
.gray {color: #a9a9a9; font-weight:normal; background-color:transparent;}
.fuschia {color:#ff00ff; background-color:transparent;}
.purple {color:#800080; background-color:transparent;}
.brown {color:#b47f00; background-color:transparent;}
.graybackground {color:#000; background-color:#f5f5f5;}
.gray1 {color:#eee; background-color:transparent;}
.ltgraybkgrnd {background-color:#f2f2f2; color:#000; }
.ltbluebkgrnd {background-color:#6495ed; color:#fff; font-weight:bold}
.img {border-style:none;}
.nowrap {white-space:nowrap;}
form {display:inline;}
h1, h2, h3, h4 {text-align:center; margin:0px;}
h1 {font-size:1.8em; width:100%}
h2 {font-size:1.6em}
h3 {font-size:1.4em}
h4 {font-size:1.2em}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.centeralign, #centeralign {text-align:center}
.rightalign {text-align:right}
.leftalign {text-align:left}
#container {position:absolute; top:118px; left:135px; width:645px;}
#content {padding:0px 10px; font-size: 1.1em;}
.floatleft {float:left;}
.floatright {float:right;}
.centertable {margin:0 auto}
.clear {clear:both;}


#toggle {width:640px; color:#fff}
#toggle input {margin-left:5px; font-weight:bold}
#mapkey {position:absolute; top:435px; left:10px; z-index:10; width:166px; font-size:.9em;border:thin solid #000;}
#mapcontainer {left:10px; position:relative; padding:1px 1px; background-color:#fff; width:800px; font-weight:bold;}
#map {width:627px; height:500px;}
.enterkey {color:#f0e68c; background-color:#0a2390; padding-bottom:0px}
.tiny {font-size:.8em}
#redflag {background-color:#ff00cc; text-align:center; margin-bottom:0px; padding:2px 0px;}
#redflag a {color:#000000; text-decoration:none}
#firewatch {background-color:#eee8aa; color:#000; text-align:center; font-weight:bold; margin-bottom:0px; padding:2px 0px;}
#firewatch a, #hazout a {color:#000; text-decoration:none }
#hazout {background-color:#a7a7a7; color:#000; text-align:center; font-weight:bold; padding:2px 0px;}
#redflag a:hover, #firewatch a:hover, #hazout a:hover  {text-decoration:underline}
#rightsidenav {float:right; width:190px; margin-left:0px;}
.imagemap {width:190px; color:#f0e68c; background-color:#0a2390; font-weight:bold; text-align:center;}
#bykml {width:190px;}
.outlook {width:190px; color:#f0e68c; background-color:#0a2390; font-weight:bold; text-align:center;}

/* the 'loading' popup */
#xmloutput {position:absolute; top:250px; left:110px; padding:5px; background-color:#fff; width:400px; height:25px; border:thin solid #000; display:none; /* for IE */  filter:alpha(opacity=85);  /* CSS3 standard */ opacity:0.85; z-index:21}
#blackout {	/* for IE */  filter:alpha(opacity=75);  /* CSS3 standard */  opacity:0.75; position:absolute; top:0; left:0; background-color:#000; width:99%; height:1200px; border:1px solid #000; display:none; z-index:20}
#centerrelative {position:relative; z-index:35}
#centerabsolute {position:absolute; left:-156px; top:-860px;}
#closeiframestuff {position:relative; top:0px; left:0px; width:1000px; background-color:#0a2390; height:34px; display:none; text-align:right; z-index:40}
#closeiframestuff img {border:none}
#iframestuff {top:20px; width:1000px; padding:0px; background-color:#fff; height:550px; display:none; overflow:auto;}

/* popup bubble */
.bubble {background-color:#fff; width:300px; text-align:left; background-image:url(/images/nws30.gif); background-repeat:no-repeat; background-position:bottom right;}
.loc {font-size:1.3em; font-weight:bold; color:#f0e68c; text-align:center; background-color:#0a2390; width:300px; display:block; padding:1px 0px;}
.latlon {color:#959595; font-size:.9em}
hr.bubble {color:#f63; background:#f63; border:0; height:10px;}
.bubble ul {list-style:none; margin:1px 0px 0px 2px; padding:1px 0px 0px 2px; font-size:.9em}
.bubble .float {float:left; padding:5px}
a.bubble_img {border:1px solid #efefef}
.bubble p {font-size:.85em}
hr.forecasts {color:#0a2390; background-color:#0a2390; height:2px; border:none;}
hr.warnlist {color:#f00; background-color:#f00; height:2px; border:none;}
.subcategory_bubble {color:#0a2390; padding:0px 0px 0px 4px; width:100%}
.subcategory_bubble div.hr {width:292px; height:1px; background:#4682b4; line-height: 1px; font-size:1px;}
/* end popup bubble */

fieldset {border:0}
fieldset ul, fieldset li {border:0; margin:0; padding:0; list-style:none;}
fieldset li {clear:both; list-style:none; padding-bottom:10px;}
fieldset input {float:left;}
fieldset label {width:140px; float:left;}
.subcategory {color:#f0e68c; background-color:#0a2390; font-weight:bold; padding:0px 0px 0px 4px; width:20%}
.subcategory div.hr {width:836px; height:1px; background:#0a2390; line-height: 1px; font-size:1px;}
.news li {margin: 0 0 1em -1.5em;}

/* ---- */

/* ----------------- Content ------------------ */

.content {
  margin-top: 10px;
}
h1#page-title {
  font-size: 2em;
  line-height: 1;
}
#content h2 {
  margin-bottom: 2px;
  font-size: 1.429em;
  line-height: 1.4;
}
.node .content {
  font-size: 1.071em;
}
.node-teaser .content {
  font-size: 1em;
}
.node-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}
.node-teaser h2 a {
  color: #181818;
}
.node-teaser {
  border-bottom: 1px solid #d3d7d9;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.node-sticky {
  background: #f9f9f9;
  background: rgba(0, 0, 0, 0.024);
  border: 1px solid #d3d7d9;
  padding: 0 15px 15px;
}
.node-full {
  background: none;
  border: none;
  padding: 0;
}
.node-teaser .content {
  clear: none;
  line-height: 1.6;
}
.meta {
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: -5px;
}
.submitted .user-picture img {
  float: left; /* LTR */
  height: 20px;
  margin: 1px 5px 0 0; /* LTR */
}
.field-type-taxonomy-term-reference {
  margin: 0 0 1.2em;
}
.field-type-taxonomy-term-reference .field-label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px; /* LTR */
}
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
  font-size: 0.8em;
}
.node-teaser .field-type-taxonomy-term-reference .field-label,
.node-teaser .field-type-taxonomy-term-reference ul.links {
  font-size: 0.821em;
}
.field-type-taxonomy-term-reference ul.links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.field-type-taxonomy-term-reference ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
.link-wrapper {
  text-align: right;
}
.field-type-image img,
.user-picture img {
  margin: 0 0 1em;
}
ul.links {
  color: #68696b;
  font-size: 0.821em;
}
.node-unpublished {
  margin: -20px -15px 0;
  padding: 20px 15px 0;
}
.node-unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* -- Observation Table -- */

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:auto;
	font-size: 8pt;
	width: 96%;  /* 81% */
	text-align: left;
         margin:auto;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #BDBDBD;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* -- popupCal ----*/

table.popupCal {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;

}
table.popupCal thead tr th, table.popupCal tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
/*	padding: 4px; */
/* for IE */  filter:alpha(opacity=95);  /* CSS3 standard */  opacity:0.95;
}
table.popupCal thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.popupCal tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
        /* for IE */  filter:alpha(opacity=95);  /* CSS3 standard */  opacity:0.95;
}


/* -- Disp -- */

.Inavup {vertical-align:middle;}
table.servicesT
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 320px;
background-color: #fafafa;
/*border: 1px #6699CC solid;*/
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}


table.servicesT td.servHd
{ border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}


table.servicesT td
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;}

.servBodL { border-left: 1px dotted #CEDCEA; } 

a
{
text-decoration:none;
color: #0070b3;
}

a:hover, a:focus 
{
color: #008ee2;
}

a:hover, a:focus 
{
color: #008ee2;
}

/* -- previous events data entry -- */

table.mtable
{
border:1px solid #0a2390; 
}
table.mtable td
{
border:1px solid #0a2390;
}
table.mtable th
{
border:1px solid #0a2390;
}
table.mtable th
{
background-color:green;
color:white;
}

.warnbox {
        width: 50px;
        border: solid #FF0000;
        background-color: #FF0000;
}
.watchbox {
        width: 50px;
        border: solid #FFFF00;
        background-color: #FFFF00;
}
.advbox {
        width: 50px;
        border: solid #FF9900;
        background-color: #FF9900;
}

 div.c4 {clear:both}
 table.c3 {clear:both;}
 div.c2 {width: 800px; height: 400px; }
 div.c1 {height:220px;width:850px;font:16px/26px Georgia, Garamond, Serif;overflow:auto;}

/* Found at http://www.xmpp.org/rfcs/rfc3921.html */
/* Orginal credited as below, with . instead of spaces, now a spammer site */
/* info code from SantaKlauss at http: //www madaboutstyle com/ tooltip2 html */
/* WCATWC Minor mods - 31 May 2012  */
a.info {
        /* This is the key. */
        position: relative;
        z-index: 24;
        text-decoration: none;
}
a.info:hover {
        z-index: 25;
        color: #FFF; background-color: #900;
}
a.info span { display: none; }
a.info:hover span.info {
        /* The span will display just on :hover state. */
        display: block;
        position: absolute;
        font-family: "Arial, Helvetica, sans-serif", Arial, sans-serif, fixed;
        font-weight:bold;
        font-size: 14px;
        top: 2em; left: 5em; width: 15em;
        padding: 2px; border: 1px solid #333;
        color: #00008B; background-color: #EEE;
        text-align: left;
}
div#statusNote {
        border: 1px solid black;
        line-height: 1.1em;


        display: block;
        margin-left: auto;   
        margin-right: auto;

 

}
div#statusNote div.headOK  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        border: 1px solid black;

        background-color: green;
        text-align: center;
        color: white;
        padding: 10px;
}
div#statusNote div.headOK1  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        /* border: 1px hidden hidden hidden hidden black !important; */

        background-color: green;
        text-align: center;
        color: white;
        padding: 10px;
}

div#statusNote div.headOK2 a, div#statusNote div.headOK2 a:link {
color: #FFFF00; text-decoration: underline;
}
div#statusNote div.headOK2  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        /* border: 1px hidden hidden hidden hidden black !important; */
        border-top-style: hidden !important;

        background-color: green;
        text-align: center;
        color: white;
        padding: 10px;
}

div#statusNote div.headWarning  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        border: 1px solid black;

        background-color: red;
        text-align: center;
        color: white;
        padding: 10px;
}

div#statusNote div.headWatch  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        border: 1px solid black;

        background-color: yellow;
        text-align: center;
        color: black;
        padding: 10px;
}

div#statusNote div.headAdvisory  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        border: 1px solid black;  

        background-color: orange;
        text-align: center;
        color: black;
        padding: 10px;
}

div#statusNote span.action {
        float: right;
}
div#statusNote div.note {
        padding: 1px;
}

div#statusNote div.text {
        background-color: #FFFFCC;
        color: inherit;
        padding: 20px;
        margin-top: 1px;
        font-size: 14px;
        FONT-WEIGHT: normal;
        FONT-FAMILY: Arial, Helvetica, San Serif;
}
table.fancy {
 /*margin: 1em 1em 1em 0;*/
 background: whitesmoke;
 border-collapse: collapse;
 padding: 0px;
 border: 0px;
 border-spacing: 0px;
 font-size: 1.2em;
 border-spacing: 0px;
}  
table.fancy th, table.fancy td, table.fancy tr {
/* border-width border-style border-color */
 border: 0px solid whitesmoke;
 padding: 0;
 font-size: 1.0em;
}
table.fancy th {
 background: whitesmoke;
 text-align: left;
}
table.fancy tr:hover td {
 background: mintcream !important;
}
table.fancy caption {
 margin-left: inherit;
 margin-right: inherit;
}