@-ms-viewport{width:extend-to-zoom; zoom:1.0;}
#docyes {padding-bottom:0px;}
#docno, .span3 .radsat, .warning, .watch, .nws, .accordion .now, .refresh, .usemap {display:none;}
.title {margin-top:15px}
.title h1 {margin:0px}
.title p {padding:0; margin:0px; font-weight:bold; color:#565656}
.title .subtitle {padding:0; margin-left:30px; font-style:italic; color:gray;}
.bold {font-weight:bold;}


header, .appearForWidget img {display:none;}
.rad {margin-top:20px}
.rad p {margin:0px}
/*p {margin: 0 0 10px;}*/

hr {margin:3px 10px; border:0; border-top:1px solid #94c6ef; border-bottom:1px solid #fff;}
.accordion .now {display:none} /*hides phone version of nowcast from large displays*/
.span1, .span2, .span4 {font-weight:bold; text-align:center;}
td.center {text-align:center; background-color: #9900CC; }

.detailed4cast  {overflow:auto;}
.detailed4cast .row {padding:1px}
.detailed4cast h4 {text-align:center}
.detailed4cast img {display:none}

.locationhelp {width:100%; border-collapse:collapse;}
.locationhelp thead {color:#fff; background: rgb(184,198,223);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4YzZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDg4YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(184,198,223,1) 0%, rgba(109,136,183,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,198,223,1)), color-stop(100%,rgba(109,136,183,1)));
background: -webkit-linear-gradient(top,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%);
background: -o-linear-gradient(top,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%);
background: -ms-linear-gradient(top,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%);
background: linear-gradient(to bottom,  rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 );
 border:1px solid #999; text-align:center}
.locationhelp td {border:1px solid #999; text-align:center}
.locationhelp th {text-align:center}

/*get new forecast*/
#forecast-lookup {text-align:center; margin:10px 0px 0px 0px}
#forecast-lookup label {font-size:8pt; font-weight:bold; color:#555; line-height:normal}
.control-group {display:inline-block}
.control-label {width:170px;}
#inputstring {width:120px; height:18px; color:#999;}
#btnSearch {margin-left:4px}

.social {height:20px; padding-top:15px; font-weight:normal}
.hazard {margin: 0px 0px 0px 20px;}
.hazard a:link, .hazard a:visited, .moreinfo a:link, .moreinfo a:visited {color:red; font-weight:bold}
.hazard ul {margin:0px;}
.hazard li {display:inline-block; vertical-align:top; margin-bottom:2px; width:189px; zoom:1; *display:inline;}



/* nowcast */
.nowwx {padding:5px; margin-bottom:8px;}
.nowwx p {text-align:center; margin:0px}
.nowwx p:first-of-type {font-weight:bold}
.span3 .nowwx {border:1px solid #999}
.span3 .nowwxdetail {padding-left:72px;}
.nowwximg {width:86px}
p.time {color:gray; padding-bottom:8px; font-size:8pt}
p.more {padding-top:8px; font-size:8pt}
.nowwximg, .nowwxcurrent, .nowwxdetail, .nowcastimg, .forecastdetail {vertical-align:middle; position:relative; display:table-cell;}
.nowwxcurrent {text-align:center; width:180px;}
.nowwxdetail {width:232px}
.forecastdetail {padding-left:44px; padding-top:2px; width:100%;}
.nowwxdetail {padding-left:76px; padding-top:5px;}
.nowwx .temp, .forecastwidget .temp {font-size:30px; font-weight:bold; color:#444;}
ul.nowwxdetail li, ul.forecastdetail li {list-style:none; margin-bottom:0px; position:relative; line-height:normal}
ul.nowwxdetail li .label {font-weight:bold; font-size:9pt; color:#444; width:80px; text-align:right; position:absolute; margin-left:-86px}
ul.forecastdetail li .label {font-weight:bold; font-size:9pt; color:#444; width:120px; text-align:right; position:absolute; margin-left:-126px}

.point-forecast-map div {margin-bottom: 5px !important;}
.point-forecast-map {width:100% !important;}
.point-forecast-map-header {font-size:9pt; font-weight:bold; color:#444;}
.point-forecast-map-header .disclaimer {float:right; font-size:8pt; font-weight:normal !important;}
.point-forecast-map-footer {text-align:center;}
.point-forecast-map-footer p {font-size:9pt !important; margin-top:5px;}
.point-forecast-map-progress {display:none;}
#gmap {height:250px; margin-bottom:5px; position:relative; border:1px #999 solid}

/* foraag radar, sat, ndfc */
.radarthumb img {float:left; width:44%; margin:0px; border:1px #999 solid}
.satthumb img {float:right; width:54%; margin:0px; border:1px #999 solid}
.ndfd_left {float:left; width:48%; margin:0px; border:1px #999 solid; padding-bottom:1px}
.ndfd_right {float:right; width:48%; margin:0px; border:1px #999 solid; padding-bottom:1px}

/*footer*/
.footer {font-size:12px; border-top:4px double #1763ab; margin-top:15px}
.footer a {color:#135897;}
.footer ul {list-style-type:none; margin:0;}
.footer ul li {line-height:normal; text-align:left; font-weight:normal}
.footer .row {margin:10px 0px}

.addthis_toolbox {float:right}
.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display:table; content:""; line-height:0; clear:both;}
#map_canvas img, .google-maps img {max-width:none;}

body {margin:0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; color:#000; background: #feffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2RjZTlmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmMzZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #feffff 0%, #dce9f7 35%, #a2c3f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#dce9f7), color-stop(100%,#a2c3f2));
background: -webkit-linear-gradient(top,  #feffff 0%,#dce9f7 35%,#a2c3f2 100%);
background: -o-linear-gradient(top,  #feffff 0%,#dce9f7 35%,#a2c3f2 100%);
background: -ms-linear-gradient(top,  #feffff 0%,#dce9f7 35%,#a2c3f2 100%);
background: linear-gradient(to bottom,  #feffff 0%,#dce9f7 35%,#a2c3f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a2c3f2',GradientType=0 );}

.container {width:940px; margin:0 auto; *zoom: 1; background-color:#fff;  border-left:1px solid #22427a; border-right:1px solid #22427a; border-bottom:1px solid #22427a;}
a {color:#08c; text-decoration:none;}
a:hover {color:#005580; text-decoration: underline;}

.row {margin-left:0px; *zoom:1;}
[class*="span"] {float:left; min-height:1px; margin-left:10px;}
 #localcontent .row {margin:20px 0px 0px -10px}
#localcontent {margin-top:20px}
.row:before, .row:after {display:table; content:""; line-height:0;}
.row:after {clear:both;}
.span9 {width:922px;}
.span8 {width:816px;}
.span7 {width:714px;}
.span6 {width:611px;}
.span5 {width:506px;}
.span4 {width:404px;}
.span3 {width:300px;}
.span2 {width:197px;}
.span1 {width:93px;}

/* [class*="span"].hide, .row-fluid [class*="span"].hide {display:none;}
[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {float:right;}
.container:before, .container:after {display:table; content:""; line-height:0;}
.container:after {clear:both;}*/


h1, h1 a:link, h1 a:visited {color:#135897; font-size:35px; font-weight:bold; margin-bottom:10px; line-height:1.1em;}
h2, h2 a:link, h2 a:visited {color:#ed7a08; font-size:12pt; font-weight:bold; margin-bottom:3px;}
.radsat h2 {margin-top:15px}
.radsat img {margin-bottom:15px}
h4, h5, h6 {margin:10px 0; font-family:inherit; font-weight:bold; line-height:20px; color:inherit; text-rendering:optimizelegibility;}
h3 {font-size: 24.5px;}
h4 {font-size: 17.5px; line-height:normal;}
h5 {font-size: 14px;}
h6 {font-size: 11.9px; line-height:10px; text-align:center}

ul, ol {padding:0; margin:0 0 10px 25px;}
li {line-height:20px;}

/* pre {display:block; padding:9.5px; margin:0 0 10px; font-size:13px; line-height:20px; word-break: break-all; word-wrap: break-word; white-space:pre; white-space:pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc;  border:1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px;  -moz-border-radius:4px; border-radius: 4px;}
pre.prettyprint {margin-bottom:20px;}
pre code {padding:0; color:inherit; background-color:transparent; border:0;}
.pre-scrollable {max-height:340px; overflow-y:scroll;} */

table {max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0;}
.table {width:100%;}
.table th, .table td {padding:5px; line-height:16px; text-align:left; vertical-align:top; border-top:1px solid #dddddd;}
.table th {font-weight:bold;}
.table tr td:first-child {font-weight:bold; text-align:right; width:54px;}
.table tr:last-child {border-bottom: 1px solid #ddd;}
.table tr:nth-of-type(odd) {background-color:#eff8fd;}
.table br {display:none}

/* new forecast search box */
label {display:block; margin-bottom:5px;}
input[type="text"] {display:inline-block;height:20px; padding:4px 6px; margin-bottom: 10px; font-size:14px;  line-height:20px; color:#555; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px;  vertical-align: middle;}
input[type="text"] {background-color: #fff; border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;}
input[type="text"]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

.btn {display:inline-block; *display:inline; /* IE7 inline-block hack */ *zoom:1;  padding:3px 8px; margin-bottom:10px; font-size:14px; line-height:20px; *line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; color:#333; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}

.btn-danger {color:#fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.btn-danger:hover, .btn-danger:active, .btn-danger.active {color:#ffffff; background-color:#bd362f; *background-color: #a9302a;}

.btn-success {color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.btn-success:hover  {color:#fff; background-color:#048110;}
#address {width:120px; height:16px; color:#999; font-size:.9em}

.nav {margin-left:0; margin-bottom:0px; list-style:none;}
.nav > li > a {display:block;}
.nav-tabs {*zoom:1;}
.nav-tabs:before,.nav-tabs:after {display:table; content:""; line-height:0;}
.nav-tabs:after {clear:both;}
.nav-tabs > li {float:left; margin-bottom:-1px;}
.nav-tabs > li > a {padding-right:12px; padding-left:12px; margin-right:2px; line-height:14px;}
.nav-tabs {border-bottom:1px solid #999;}
.nav-tabs > li > a {padding-top:8px; padding-bottom:8px; line-height:20px; border:1px solid #999; background-color:#dee5f9; width:auto; text-align:center; line-height:normal;  padding-left:5px; padding-right:5px; font-size:15px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;}
.nav-tabs > li > a:hover {border-color:#999 #999 #999;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {color:#555; background-color:#fff; border:1px solid #999; border-bottom-color:transparent; cursor:default;}

.tab-content > .tab-pane {display:none;}
.tab-content > .active {display:block;}
.tab-content {overflow:auto; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999;}
.tab-pane {padding:5px}
.ob {padding-left:10px}

.modal-backdrop {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000;}
.modal-backdrop.fade {opacity:0;}
.modal-backdrop, .modal-backdrop.fade.in {opacity: 0.8; filter: alpha(opacity=80);}
.modal {position: fixed; top: 50%; left: 50%;  z-index: 1050;width: 560px;  margin:-250px 0 0 -280px; background-color:#fff; border:1px solid #999; border:1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;}
.modal.fade.in {top:50%;}
.modal-header {padding: 9px 15px; border-bottom:1px solid #eee; background-color:#9cb0cc;}
.modal-header .close {margin-top:2px;}
.modal-header h3 {margin:0; line-height:30px;}
.modal-body {overflow-y:auto; max-height:400px; padding:15px;}
.modal-body .control-label {float:left}
.modal-form {margin-bottom:0;}
.modal-footer {padding:14px 15px 15px; margin-bottom:0; text-align:right; background-color:#f5f5f5; border-top:1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff; *zoom: 1;}
.modal-footer:before, .modal-footer:after {display:table; content:""; line-height:0;}
.modal-footer:after {clear:both;}
.modal-footer .btn + .btn {margin-left:5px; margin-bottom:0;}
.modal-footer .btn-group .btn + .btn {margin-left:-1px;}
.modal-footer .btn-block + .btn-block {margin-left:0;}

.close {float:right; font-size:18px; font-weight:bold; line-height:20px; color:#fff;/* text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20);*/}
.close:hover {color:#000; text-decoration:none; cursor:pointer; opacity:0.4; filter:alpha(opacity=40); }
button.close {padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none;}

.pull-right {float:right;}
.pull-left {float:left;}
.hide {display:none;}
.show {display:block;}
.invisible {visibility:hidden;}
.fade {opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;}
.fade.in {opacity:1;}
.collapse {position:relative; height:0; overflow:hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;}
.collapse.in {height:auto;}
table.nineperiod {width:100%;}
table.threeperiod {table-layout:fixed; width:900px}
table.threeperiod td {width:110px; font-size:.85em;}
.scroll {overflow:auto}
.threeperiod, .nineperiod {font-weight:bold; text-align:center}

.nineperiod td {width:11%; font-size:.9em}
.hidden {display:none; visibility:hidden;}
.visible-phone {display:none !important;}
.visible-tablet {display:none !important;}
.hidden-desktop {display:none !important;}
.visible-desktop {display:inherit !important;}
a.accordion-toggle {display:none}
#icon4cast hr {margin-top:15px; margin-bottom:15px}
 .title .dissapearForWidget {color:#900; font-weight:bold; display:block; width:290px; margin:0 auto; padding:0px; height:30px}
  #frontpagegmap {height:350px}

.accordion-caret .accordion-toggle:hover {text-decoration:none;}
/*.accordion-caret .accordion-toggle:hover span, .accordion-caret .accordion-toggle:hover strong {text-decoration:underline;} */
.accordion-caret .accordion-toggle:before {font-size:22px; vertical-align:-3px;}
.accordion-caret .accordion-toggle:not(.collapsed):before {content: ""; border-top: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; display:inline-block;	height:0; width:0; 	vertical-align:middle; margin-top:7px; margin-right:7px; float:right;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;}
.accordion-caret .accordion-toggle.collapsed:before {content: ""; border-left: 8px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent; display:inline-block; height:0; width:0; vertical-align:middle; margin-right:10px; float:right;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;}
.warningList, .mobilelinks {font-size:14px;}
.warningList li, .mobilelinks li {padding:6px;}

@media (min-width: 768px) and (max-width: 979px) {
  	.hidden-desktop {display:inherit !important;}
  	.visible-desktop {display:none !important;}
  	.visible-tablet {display:inherit !important;}
  	.hidden-tablet {display:none !important;}
}

@media (max-width: 767px) {
  	.hidden-desktop, .collapse.in {display:inherit !important;}
	.visible-desktop {display:none !important;}
	.visible-phone {display:inherit !important;}
	.hidden-phone {display:none !important;}
	body, .container  {background:none}
	body {padding-left:5px; padding-right:5px;}
    #icon4cast, #forecast_location, #currentwx, #docyes, .radsat, .span6 h2, .addthis_toolbox, .mobile, .forecastwidget, .hazard, .social {display:none}
	.accordion, .accordion .now, .table br, nav, #docno, .span3 .radsat, .warning {display:block}
	.container {padding:0; border:none}
	#docno {margin-top:5px}
	#docno hr {padding:0px; margin:8px 0px}
	.title {margin-top:0px; text-align:center;}
	.title .subtitle {margin-left:0px; font-style:italic; color:gray;}
	.title h1 {font-size:30px; margin-bottom:15px}
    .title p {margin-top:15px}

	.control-label {float:left;}
	.control-group {margin-bottom:0px}
	#forecast-lookup {margin:5px 0px 0px 0px}
	.table tr td:first-of-kind {text-align:right}
 	.table img {display:block; width:30%; float:left; padding-right:5px}

	.accordion {margin-bottom:20px;}
	.accordion-group {margin-bottom:15px; border:1px solid #1e90ff;
  		-webkit-border-radius:5px;
  		-moz-border-radius:5px;
  		border-radius:5px;}
	.accordion-heading {border-bottom:0;
		background:rgb(111,173,232);
		background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmYWRlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjZlZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background:-moz-linear-gradient(top, rgba(111,173,232,1) 0%, rgba(2,110,226,1) 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,173,232,1)), color-stop(100%,rgba(2,110,226,1)));
		background:-webkit-linear-gradient(top, rgba(111,173,232,1) 0%, rgba(2,110,226,1) 100%);
		background:-o-linear-gradient(top, rgba(111,173,232,1) 0%, rgba(2,110,226,1) 100%);
		background:-ms-linear-gradient(top, rgba(111,173,232,1) 0%, rgba(2,110,226,1) 100%);
		background:linear-gradient(to bottom, rgba(111,173,232,1) 0%, rgba(2,110,226,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fade8', endColorstr='#026ee2',GradientType=0 );}
  .accordion-heading .accordion-toggle {display:block; padding:5px; font-size:12pt; color:#fff; font-weight:bold; text-shadow:1px 1px 3px #000144; text-decoration:none;}
  .accordion-inner {padding:9px 5px;}

  .warning .accordion-group {border:1px solid #903;
  		-webkit-border-radius:5px;
  		-moz-border-radius:5px;
  		border-radius:5px;}
  .warning .accordion-heading {background: rgb(169,3,41);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );}
  .warnimage {text-align:center;}
  .warnimage img {border:1px solid #999}

  .now, .sat, .radar {display:block; background-color:#dee5f9;}
  .nowwx, .nowcast {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background:-moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%);
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.75)));
      background:-webkit-linear-gradient(top, rgba(255,255,255,0.75) 0% ,rgba(255,255,255,0.75) 100%);
      background:-o-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%);
      background:-ms-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%);
      background:linear-gradient(to bottom, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 );}
  .nowwx {padding:5px; margin-bottom:8px}
  .nowwx p:first-of-type {text-align:center; font-weight:bold; margin:0; padding:0; color:#000}
  .nowwx p {text-align:center; color:#777}
  .nowwximg, .nowwxcurrent, .nowwxdetail, .nowcastimg {vertical-align:middle; position:relative; display:table-cell; width:250px}
  .nowwxcurrent {text-align:center}
  .nowwxdetail {padding-left:40px}
  .nowwx .temp {font-size:30px; font-weight:bold; color:#444;}
  ul.nowwxdetail li {list-style:none; margin-bottom:0px; position:relative; line-height:normal}
  ul.nowwxdetail li .label {font-weight:bold; font-size:9pt; color:#444; width:80px; text-align:right; position:absolute; margin-left:-86px}
  .nowcasttext {display:table-cell; width:500px; padding:5px;}
  .nowcastimg {width:86px}
  .container {width:auto;}
  .row {margin-left:0;}
  [class*="span"] {float:none; display:block; width:100%; margin-left:0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;}
  .modal {position:fixed; top:20px; left:20px; right:20px; width:auto; margin:0;}
  .modal.fade {top:-100px;}
  .modal.fade.in {top:20px;}
  .span4 img {float:right  }
  .detailed4cast {border:none; padding:0px}
  .refresh, .usemap {display:inline;}
  .refresh img  {margin-left:20px; margin-bottom:6px}
  .usemap img  {margin-right:20px; margin-bottom:8px}

/*  .refresh a {text-decoration: underline} */

/*  #collapseThree.in {display:none;}*/
 #frontpagegmap {height:250px}
 .modal-header h3 {margin:0; line-height:15px; font-size:1em}
.modal-body {overflow-y:auto; max-height:350px; padding:5px;}
.modal-footer {display:none}
.close {font-size:1em; line-height:10px; color:#fff; text-shadow:none; opacity:1; filter:none;}
}

@media (max-width: 480px) {
  header {display:block }
  #docno, .topnews, #localcontent {display:none}
  .title h1 {font-size:25px; margin-top:0px}
  .container {padding-top:25px}
  .modal {top:10px; left:10px; right:10px;}
  .modal-header .close {padding:5px; margin:-10px;}
  .nowwximg {display:none}
  .navbar-inner {min-height:16px; padding:3px 0px 3px 10px; color:#fff; border-color: #23497F; background: #23497f; /* Old browsers */
background: -moz-linear-gradient(top,  #23497f 0%, #3a62d1 53%, #4f8cf7 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23497f), color-stop(53%,#3a62d1), color-stop(99%,#4f8cf7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #23497f 0%,#3a62d1 53%,#4f8cf7 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #23497f 0%,#3a62d1 53%,#4f8cf7 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #23497f 0%,#3a62d1 53%,#4f8cf7 99%); /* IE10+ */
background: linear-gradient(to bottom,  #23497f 0%,#3a62d1 53%,#4f8cf7 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23497f', endColorstr='#4f8cf7',GradientType=0 ); /* IE6-9 */}
  .navbar-fixed-top {position:fixed; right:0; left:0; z-index:1030; margin-bottom:0; top:0;}
  .navbar-fixed-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  box-shadow: 0 1px 10px rgba(0,0,0,.1);}
  .appearForWidget img {display:none}
  .modal-header .close {margin-top:0px;}
  #frontpagegmap {height:350px}
}

@media (min-width: 768px) and (max-width: 979px) {
  #docyes, #icon4cast, .span6 .radsat {display:none;}
  #docno, .span3 .radsat {display:block;}
  #docno hr {padding:0px; margin:5px}
  .row {margin-left: -7px; *zoom: 1;}
  #localcontent .row {margin-left:-8px;}
  .row:before, .row:after {display:table; content:""; line-height:0;}
  .row:after {clear:both;}
  [class*="span"] {float:left; min-height:1px; Margin-left:9px;}
  .container {width:760px;/* border:non*/e}
  .span9 {width:757px;}
  .span8 {width:671px;}
  .span7 {width:586px;}
  .span6 {width:497px; padding-left:5px}
  .span5 {width:416px;}
  .span4 {width:330px;}
  .span3 {width:240px; padding-right:5px}
  .span2 {width:160px;}
  .span1 {width:76px;}
  ul.nowwxdetail li {margin-left:-55px}
}

@media (min-width: 1200px) {
  #forecast-lookup {text-align:center; margin:10px 0px 0px 0px}
  .row {margin-left:0px; *zoom: 1;}
  .row:before, .row:after {display:table; content:""; line-height:0;}
  .row:after {clear:both;}
  [class*="span"] {float:left; min-height:1px; margin-left:18px;}
  .container {width:1170px;}
  .span9 {width:1134px;}
  .span8 {width:1006px;}
  .span7 {width:878px;}
  .span6 {width:750px;}
  .span5 {width:622px;}
  .span4 {width:494px;}
  .span3 {width:366px;}
  .span2 {width:238px;}
  .span1 {width:110px;}
  .forecastwidget {width:226px;}
  .forecastwidget .span1 {width:93px; margin:10px;}
  .widget {width:236px;}
  #wwamapgroup {margin-left:86px}
  .nowwximg {padding-left:45px;}
  ul.nowwxdetail li {margin-left:30px}
}

@media (max-width: 979px) {
  body {padding-top:0px;}
 .nws,{display:inline-block}
  .table img {display:block; width:60px; float:left; padding-right:5px}
  .span7 {text-align:center}
  #wwamapgroup {display:inline-block; margin:0 auto; width:390px;}
  #wwamap_legend li {text-align:left;}
  #wwamap_adjacent {width:120px; margin-top:15px}
  #wwamap_legend {width:245px; margin-top:15px; margin-left:23px}
  .footer .span1, .footer .span2  {display:none}
}

div.overlay {display:table; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000;}
div.overlay > div {display:table-cell; width:100%; height:100%; background: #fff; text-align:center; vertical-align:middle;z-index:1000;}
img {max-width:100%; width:auto\9; height:auto; vertical-align:middle; -ms-interpolation-mode:bicubic;}