/**
 * 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; position: center; width: 100%; }
html {overflow-y: scroll; max-width: 1024px; margin-left: auto; margin-right: auto; }
.odd {background-color:#eaeaea;}
.even {background-color:#f8f8f8}
/*#maincontainer {margin:0 auto; width:1004px;}*/
#maincontainer {margin:0 auto; width:100%; min-width: 1024px;}
/* float:right; width:845px; padding: 9px */
/* begin header */
/*#header {position:relative; height:118px; width:1004px; background:url("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2F1024_titlebar.jpg"); border-left:solid 1px #0c115a; border-top:solid 1px #0c115a; border-right:solid 1px #0c115a;}*/
#header {position:relative; height:117px; width:100%; background-color: #dde2fe; border-left:solid 1px #0c115a; border-top:solid 1px #0c115a; border-right:solid 1px #0c115a;}
#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:32px}
.title_large {position:absolute; font-size:1.7em; color:white; font-weight:bold; font-weight:bold; background-color:transparent; left:120px; top:53px}
.titlemax {color:red; background-color:transparent;}
.title_sub {position:absolute; font-size:1.1em; color:#fff; font-weight:normal; background-color:transparent; left:151px; top:72px}
#noaalink img {position:absolute; left:8px; top:15px; border-style:none;}
#noaalink {color: #D0D0D0; position:absolute; left:8px; top:5px; min-width: 500px;}
#nwslink img {position:absolute; left:915px; top:12px; border-style:none;}

.menu_bar_filler {
    position: absolute;
    top: 92px;
    right: 0;
    height: 25px;
    width: 75%;
    background-color: #0f2892;
    border: 0;
    box-sizing: border-box;
}

/* 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 {position:absolute; left:150px; top:95px; margin:0px; padding:0px; width:100%; 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;}
*/
#navbar {position:absolute; top:95px; margin:0px; padding:0px; width:100%; color:#f0e68c; font-weight:bold; font-size:.8em;}
#navbar_31, #navbar_41 {position:absolute; left:110px; top:4px;}
#navbar_32 {position:absolute; left:310px; top:4px;}
#navbar_33 {position:absolute; left:510px}
#navbar_42 {position:absolute; left:220px; top:4px;}
#navbar_43 {position:absolute; left:340px; top:4px;}
#navbar_44 {float: right; padding-right: 50px;}
#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("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fblue_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*/
#container_2col {background:#fff url("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fblue_background.gif") repeat-y left top; font-size:.85em; border-left:1px solid #0c115a; border-right:1px solid #0c115a; text-align:left; width:100%; /*max-width:1024px;*/}
/*#main_2col { float:right; width:845px; padding: 9px; padding-top: 1px; }*/
#main_2col { float:right; width:calc(100% - 158px); padding-top: 1px; padding-right: 5px;}
#container1920_2col {background:#fff url("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fblue_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*/
#left_2col {float:left; width:140px; color:#f0e68c; background-color:transparent; font-weight:bold; text-align:center; margin:0px}
.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:calc(100% - 164px); 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;*/ left: 75%; 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;}*/
#container {position:absolute; top:118px; left:135px; width:80%;}
#content {padding:0px 0px; 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:1px; position:relative; padding:1px 1px; background-color:#fff; width:845px; font-weight:bold;}*/
#mapcontainer {left:1px; position:relative; padding:1px 1px; background-color:#fff; width:calc(100%); font-weight:bold; height:450px; max-width: 1024px;}
#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("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fnws30.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: 0px;
}
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;
        border: 1px;
        border-color: #CDCDCD;
        border-spacing: 1px;
	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 #CDCDCD;
/*	font-size: 8pt;*/
	font-size: 1em;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fbg.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
        border: 1px;
        border-color: #CDCDCD;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 1px 2px;
	background-color: #FFF;
	vertical-align: middle;
        text-align: center;
        border: 1px;
        border-color: #CDCDCD;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fasc.gif");
}
table.tablesorter thead tr .headerSortDown {
	background-image: url("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fdesc.gif");
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
        border: 1px;
        border-color: #CDCDCD;
}

/* -- 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: 15px;
	height: 15px;
        border: solid #000000;
	border-width: thin;
        background-color: #FF0000;
	padding-left:1em;
}
.watchbox {
        width: 15px;
        border: solid #000000;
	border-width: thin;
        background-color: #FFFF00;
	padding-left:1em;
}
.advbox {
        width: 15px;
        border: solid #000000;
	border-width: thin;
        background-color: #FF9900;
	padding-left:1em;
}
.threatbox {
        width: 15px;
        border: solid #000000;
	border-width: thin;
        background-color: #BA55D3;
	padding-left:1em;
}
.infobox {
        width: 15px;
        border: solid #000000;
	border-width: thin;
        background-color: green;
	padding-left:1em;
}

.info_element {
	display: inline-block;
        width: 250px;
        border: 0;
        padding-left:0em;
	color: #000000;
}

.legend {
	position: relative; 
	display:inline-block;
}

.legend_element {
	display: inline-block;
      	position: relative;
	top: 0px;
	vertical-align: middle;
	align-self: center;
}

 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;*/
        line-height: 1.7em;

        display: block;
        margin-left: auto;   
        margin-right: auto;
        padding: 1px;

 

}
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: normal;
        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;
        

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

div#statusNote div.headWarning2  {

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

        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-top-style: hidden !important;

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

div#statusNote div.headWatch2  {

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

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

div#statusNote div.headAdvisory  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        border-top-style: hidden !important;  

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

div#statusNote div.headAdvisory2  {

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

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

div#statusNote div.headThreat  {

        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 24px;
        border-top-style: hidden !important;

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

div#statusNote div.headThreat2  {

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

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

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

div#statusNote div.text {
        background-color: #FFFFCC;
        color: inherit;
        padding: 2px;
	padding-left:10px;
        margin-top: 1px;
/*        font-size: 14px;*/
        font-size: 1.2em;
        FONT-WEIGHT: normal;
        FONT-FAMILY: Arial, Helvetica, San Serif;
/*        height: 86px;*/
        height: 6em;
}
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;
}

/* This section styles the tab pane */
/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    /*background-color: #f1f1f1;*/
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {vertical-align:middle;
    display: inline-block;
    color: black;
    text-align: center;
    padding: 4px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

ul.tab {padding: 6px 24px 6px 24px;}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}



/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

#sidebar-list {list-style-type: none; }


.esriHorizontalSlider.dijitSlider.dijitDisabled {
  opacity: 0.50;
}

.esriHorizontalSlider.dijitSlider .dijitSliderBumper {
  background: #999 none;
}

.esriHorizontalSlider.dijitSlider .dijitSliderBar {
  border-color: #999;
}

.esriHorizontalSlider.dijitSlider .dijitSliderProgressBar {
  background: #ddd none;
}

.esriHorizontalSlider.dijitSlider .dijitSliderImageHandle,
.esriHorizontalSlider.dijitSlider .dijitSliderImageHandle.dijitSliderThumbHover {
  background: url("/?originalUrl=https%3A%2F%2Fwww.tsunami.gov%2Fimages%2Fslider-handle.png");
  width: 10px;
  border: none;
  height: 14px;
}

.dijitRtl .esriHorizontalSlider.dijitSlider .dijitSliderImageHandle {
  left: auto;
  right: 50%;
}

.dijitRtl .esriHorizontalSlider .dijitSliderMoveableH {
  right: auto;
  left: 0;
}

.esriHorizontalSlider .dijitRuleContainer {
  padding: 6px 0 20px;
  color: #4d4d4d;
}

.esriHorizontalSlider .dijitRuleLabel {
  z-index: 2;
  font-size: 12px;
}