/*
 *	weatherUSA - Main CSS file (default.css) v4.0, 2014/08/20
 */

/* Basic page structure, typography */

@font-face
{
	font-family: 'DejaVu Sans';
	src: url('../font/DejaVuSans-webfont.eot');
	src: url('../font/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/DejaVuSans-webfont.woff') format('woff'),
	  url('../font/DejaVuSans-webfont.ttf') format('truetype'),
	  url('../font/DejaVuSans-webfont.svg#webfontDSbtRiqx') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DejaVu Sans';
	src: url('../font/DejaVuSans-Bold-webfont.eot');
	src: url('../font/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/DejaVuSans-Bold-webfont.woff') format('woff'),
	  url('../font/DejaVuSans-Bold-webfont.ttf') format('truetype'),
	  url('../font/DejaVuSans-Bold-webfont.svg#dejavu_sansbold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'DejaVu Sans';
	src: url('../font/DejaVuSans-Oblique-webfont.eot');
	src: url('../font/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/DejaVuSans-Oblique-webfont.woff') format('woff'),
	  url('../font/DejaVuSans-Oblique-webfont.ttf') format('truetype'),
	  url('../font/DejaVuSans-Oblique-webfont.svg#dejavu_sansoblique') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'DejaVu Sans';
	src: url('../font/DejaVuSans-BoldOblique-webfont.eot');
	src: url('../font/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
	  url('../font/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
	  url('../font/DejaVuSans-BoldOblique-webfont.svg#dejavu_sansbold_oblique') format('svg');
	font-weight: bold;
	font-style: italic;
}

h1,h2,h3,h4,h5,h6,nav#layer_menu_mobile {
	font-family: 'Fira Sans', Verdana, 'DejaVu Sans', sans-serif;
}


/* Bootstrap component resets */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
	padding-left: 10px;
	padding-right: 10px;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
}
.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}
.list-group a.list-group-item, .dropdown-menu a
{
	text-decoration: none;
}
.list-group a.list-group-item
{
	font-weight: bold;
}
.list-group a.list-group-item.active
{
	background-color: #255598;
	border-color: #255598;
}
.list-group a.list-group-item:hover
{
	background-color: #a1262c;
	border-color: #a1262c;
	color: #fff;
}
.nav
{
	margin-left: 0;
}
.nav a
{
	font-weight: bold;
	text-decoration: none;
}
.nav-pills > li > a
{
	border-radius: 3px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	background-color: #255598;
}

.dropdown-menu > li
{
	margin: 0;
}

.dropdown-menu > li > a
{
	text-decoration: none;
}


/* Layers */

html
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #4e789b;
	height: 100%;
	color: #101010;
	line-height: 1.2;
	font-family: Verdana, 'DejaVu Sans', Helvetica, sans-serif;
	font-size: 10pt;
	overflow-y: scroll;
}

#layer_pretty
{
	background: transparent url('../images/bg/cumulus_clouds.jpg') no-repeat center top;
	min-height: 100%;
}

.page_width
{
	max-width: 1240px;
	margin: 0 auto;
}

.block_justify
{
	padding-left: 10px;
	padding-right: 10px;
}

div#header
{
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	color: #fff;
	background-color: #1e467d; /* For IE 8 */
	background-color: rgba(30, 70, 125, 0.79);
}

#header_logo
{
	display: block;
	width: 263px;
	height: 60px;
	margin-left: 8px;
	font-size: 8px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url('../images/logo_263px.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

#header_logo_wrap
{
	padding-left: 0;
	padding-right: 0;
}


div#layer_main_wrap
{
	position: relative;
	border-style: none;
	background-color: #f9f9f9;
	background-clip: content-box;
}

div#layer_main_wrap, div#footer
{
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.32);
}

nav#layer_menu {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 0;
	margin: 10px 0;
	/* background: #1e3d6e url('../images/bg_menu.png') repeat-x left top; */
}

nav#layer_menu_mobile
{
	display: none;
	background-color: #404040;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 100001;
	width: 90%;
	max-width: 400px;
}
nav#layer_menu_mobile ul, nav#layer_menu_mobile li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
nav#layer_menu_mobile li a
{
	display: block;
	margin: 0;
	padding: 7px 10px;
	font-size: 14pt;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	display: block;
	vertical-align: bottom;
	line-height: 1.214;
	border-bottom: 1px solid #808080;
}
nav#layer_menu_mobile > ul > li > a:after
{   
	content: "";
	font-family: FontAwesome;
	font-weight: normal;
	float: right;
}
nav#layer_menu_mobile > ul > li.open > a:after
{   
	content: "";
}
nav#layer_menu_mobile li ul
{
	display: none;
	margin-left: 20px;
}

#layer_ticker {
	position: relative;
	background-color: #255598; /* For IE 8 */
	background-color: rgba(37, 85, 152, 0.79);
	overflow: hidden;
	height: 38px;
}

.layer_ticker_select {
	float: left;
	height: 38px;
	background-color: #a1262c;
	line-height: 32px;
	white-space: nowrap;
	padding: 3px 10px;
	vertical-align: middle;
	font-weight: 500;
	color: #fff;
}

.ticker_msg {
	white-space: nowrap;
	line-height: 32px;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 38px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	color: #fff;
}

.layer_ticker_row {
	position: absolute;
	left: 0;
	width: 100%;
	padding-right: 260px;
}
.ticker_row_1 {
	top: 0;
}
.ticker_row_2 {
	top: 38px;
}
.ticker_row_3 {
	top: 76px;
}
.ticker_row_4 {
	top: 114px;
}
.ticker_row_5 {
	top: 152px;
}
.ticker_row_6 {
	top: 190px;
}
.ticker_row_7 {
	top: 228px;
}
.ticker_row_8 {
	top: 266px;
}
.ticker_row_9 {
	top: 304px;
}



#layer_content_wrap
{
	position: relative;
}

div#layer_content_header
{
	position: relative;
	padding: 10px 10px 0;
}

#layer_search
{
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
	max-height: 34pt;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding: 5px 10px;
}
#layer_search form
{
	height: 100%;
}
#layer_search_mobile form
{
	height: 50px;
	padding: 10px;
}
#layer_search .input, #layer_search_mobile .input
{
	display: inline-block;
	vertical-align: top;
	border-color: #A0A0A0 #B9B9B9 #B9B9B9;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
	padding: 3px;
	height: 100%;
	width: 200px;
	background-color: #4e789b;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#layer_search input[type="text"], #layer_search_mobile input[type="text"]
{
	border: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: #fff;
	font-size: 11pt;
	min-height: 13pt;
}
#layer_search .btn, #layer_search_mobile .btn
{
	margin: 0;
	padding: 1pt 6pt;
	font-size: 13.25pt;
	line-height: 12pt;
	height: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
	color: #fff;
	background-color: #4e789b;
	background-image: linear-gradient(to bottom, #4e789b, #456885);
	border-color: #b9b9b9 #b9b9b9 #a0a0a0;
	text-shadow: none;
}

#layer_search_mobile
{
	display: none;
	background-color: #404040;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100002;
	width: 90%;
	max-width: 400px;
}

#layer_hero_content
{
	position: relative;
}

div#content
{
	position: relative;
	width: auto;
	min-height: 620px;
	right: 170px;
	margin-left: 170px;
	padding: 10px;
}

div#content.noads
{
	position: static;
	margin-left: 0;
	min-height: initial;
}

div#footer
{
	margin-top: 30px;
	padding: 10px;
	background-color: #1e3d6e;
	color: #fff;
}

div#ad-vertical {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 160px;
	z-index: 99;
}

div#adheader {
	margin-top: 20px;
	margin-bottom: 0;
	clear: both;
	background-color: #255598;
	color: #fff;
	padding: 2px;
}

div#ad-footer-wrapper {
	background-color: #e0e0e0;
	margin-top: 0;
}

div#ad-footer {
	width: 728px;
	height: 90px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

div#ad-forecasts-top, div#ad-forecasts-bottom, div.ad-mobile-only {
	width: 728px;
	height: 90px;
	max-width: 100%;
	margin: 1.5em auto 0;
	overflow: hidden;
}

.content-box {
	margin: 15px 10px;
}

.box {
	background-color: #f1eee7;
	padding: 5px;
	margin-bottom: 2em;
}

.warning, .error, .success {
	background-color: #eee;
	border: 1px solid #c00;
	padding: 5px;
	margin-bottom: 1.8em;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	overflow: hidden;
}

.warning, .alert-wxwarning {
	background-color: #f8e9e9;
	border: 1px solid #a1262c;
}

.warning i {
	color: #a1262c;
}

.error {
	background-color: #ffff66;
	border: 1px solid #757167;
}

.success {
	background-color: #66ff66;
	border: 1px solid #757167;
}

.notice, .notice_box {
	background-color: #f1eee7;
	border: 1px solid #757167;
	padding: 5px;
	margin-bottom: 1em;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.notice_box {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}

.alert-wxwarning {
	background-color: #a1262c;
	padding: 0;
	margin-bottom: 1.8em;
}

.alert-wxwarning .icon-holder {
	float: left;
	padding: 10px;
	color: #fff;
}
.alert-wxwarning .alert-wxwarning-inner {
	padding: 10px;
	background-color: #f8e9e9;
	border-radius: 3px;
	margin-left: 38px;
}

/* Login screen */
#page-login #header
{
	background-color: transparent;
	padding-top: 10px;
}

#page-login #header_logo
{
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

/*
#page-login .form-control
{
	height: 46px;
	font-size: 18px;
}

#page-login .control-label
{
	padding-top: 14px;
}
*/




/* CSS Menu
 *
 *	CSS Menus adapted from tanfa's tutorial, 
 *	Available at http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
 */
ul#mainmenu {
	color: #fff;
	z-index: 10;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#mainmenu li {
	margin: 0;
	/* Set position on parent so li > ul works */
	position: relative;
	z-index: 100;
	float: left;
	white-space: nowrap;
}

ul#mainmenu a, ul#mainmenu .header, #subMenusContainer a, #subMenusContainer2 a, .menu_dropdown a {
	/* border-right: 1px solid #8399BE; */
	margin: 0;
	padding: 0 10px;
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
        text-decoration: none;
}

ul#mainmenu a, ul#mainmenu .header, #subMenusContainer a, #subMenusContainer2 a, td a.button, .menu_dropdown a {
	display: block;
	vertical-align: bottom;
	line-height: 1.214;
}

ul#mainmenu a, ul#mainmenu .header {
	line-height: 40px;
}

ul#mainmenu .header, ul.header {
	cursor: default;
}

ul#mainmenu a:hover, #subMenusContainer a:hover, #subMenusContainer2 a:hover, .menu_dropdown a:hover {
	color: #fff;
	background: #A1262C;
}

ul#mainmenu a:hover, ul#mainmenu .mainMenuParentBtnFocused
{
	background-color: #A1262C;
	/* url('../images/bg_menu.png') repeat-x left -236px; */
}

ul#mainmenu a:active, #subMenusContainer a:active, #subMenusContainer2 a:active, .menu_dropdown a:active
{
	outline: none;
}

#subMenusContainer a, #subMenusContainer2 a {
	padding: 7px 10px;
	border-right: none;
	border-bottom: 1px solid #8399BE;
}

ul#mainmenu ul
{
	display: none;
}

#subMenusContainer ul li, #subMenusContainer2 ul li {
	min-width: 200px;
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	z-index: 102;
	vertical-align: bottom;
}

ul#mainmenu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 103;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
	display: none;
	position: absolute;
	overflow: hidden;
}

/* All submenu OLs and ULs */
#subMenusContainer ul, #subMenusContainer ol, #subMenusContainer2 ul {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	list-style: none;
	background-color: #1e3d6e;
}

#subMenusContainer, #subMenusContainer2 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: visible;
	z-index: 10000;
}


/* Display properties for objects */
.clear {
	clear: both;
}

.nodisplay, .hide, .hidden-weak {
	display: none;
}

.show {
	display: block;
}

.float_left
{
	float: left;
	margin: 0 8px 8px 0;
}

.float_right
{
	float: right;
	margin: 0 0 8px 8px;
}


/* Text headers */

h1 {
	padding: 0;
	margin: 0 170px 0.8em 0;
	font-size: 17pt;
	font-weight: 500;
	color: #333;
}

h2 {
	padding: 7px 0 5px;
	margin: 1.5em 0 1em 0;
/*	border-bottom: 3px double #757167; */
	border-top: 1px solid #a9a9a9;
	border-bottom: 2px solid #255598;
	font-size: 14pt;
	font-weight: 500;
	clear: both;
	overflow: hidden;
	color: #333;
}

h3 {
	padding: 3px 0;
	margin: 1.5em 0 0.5em 0;
	font-size: 12pt;
	font-weight: 500;
	overflow: hidden;
 	border-bottom: 1px solid #a9a9a9;
/*	border-bottom: 2px solid #255598; */
}

h4 {
	padding: 3px 0;
	margin: 0.8em 0 0.5em;
	font-size: 12pt;
	font-weight: 500;
	overflow: hidden;
}

h4.header-tab {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0.5em;
	padding: 5px 13px;
	border-bottom: 1px solid #a9a9a9;
	cursor: pointer;
}

h4.header-tab.active {
	background-color: #255597;
	border-bottom-color: #255597;
	color: #fff;
}

.header-simple {
	border-top-width: 0;
	border-bottom-width: 0;
	text-align: center;
	font-size: 22pt;
	line-height: 1.42;
}

h3.feature_box_header {
	margin-top: 0.9em;
	background-image: none;
	color: #757167;
	font-size: 13pt;
	font-weight: bold;
	padding-left: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0.4em;
}

#content > *:first-child,
.header-first,
.panel h2,
.tab-content > *:first-child
{
	margin-top: 0;
}


/* Block-level elements */

p {
	margin: 0 0 1.2em;
	padding: 0;
}

ul {
	margin: 0 0 0 2.0em;
	padding: 0;
}


.panel-flag, blockquote, .form_description {
	border-left: 3px solid #a1262c;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #f0f0f0;
	margin-bottom: 1em;
	padding: 4px;
	line-height: 1.2;
}

blockquote, .form_description {
	margin: 0.2em 0 0.5em 30px;
}

.panel-flag-info, .panel-flag-blue {
	border-left: 3px solid #255598;
}

.panel-flag-warning {
	border-left: 3px solid #f0ad4e;
}

.panel-flag-danger {
}

.panel-alert-severity-high {
	border-left: 7px solid #a1262c;
}

.panel-alert-severity-medium {
	border-left: 7px solid #f8bb44;
}

.panel-alert-severity-low {
	border-left: 7px solid #e8e264;
}

.divider {
	background-color: #fff;
	display: inline-block;
	width: 1px;
	height: 11pt;
	margin: 0 5px;
	vertical-align: middle;
}

.menu-fixed {
	position: fixed;
	top: 10px;
}


/* Inline elements */

img, form
{
	border: 0;
	margin: 0;
	padding: 0;
}

img
{
	vertical-align: bottom;
}

#box_header_ticker img
{
	float: left;
}

.layer_responsive_img
{
	height: auto;
}

.layer_responsive_img img
{
	height: auto;
	max-width: 100%;
}

.layer_responsive_img.fill img
{
	width: 100%;
}

.layer_responsive_img.center img,
img.block_centered
{
	display: block;
	margin: 0 auto;
}

.layer_responsive_img.scrollable
{
	overflow: auto;
}

.layer_responsive_img.scrollable img
{
	width: auto;
	max-width: none;
}


/* Indicators and icons */
.status-loading
{
	background-image: url('/images/mediabox/loading_sun_blue.gif');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 14pt;
	margin-right: 6px;
	width: 14pt;
	visibility: hidden;
}

.status-loading.on {
	visibility: visible;
}

.status-loading-large {
	background-image: url('/images/mediabox/loading_sun_blue.gif');
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 28px;
	margin: 1em 0;
	padding-left: 38px;
	font-size: 14pt;
	font-family: 'Fira Sans', Verdana, 'DejaVu Sans', sans-serif;
	font-weight: 500;
	line-height: 28px;
}

.news-story-tags {
	margin-top: 0;
	margin-bottom: 12pt;
	line-height: 1.22;
}

.news-story-tags a, .news-story-tags span {
	text-decoration: none;
	vertical-align: middle;
	font-size: 90%;
}

/* Pretty numbers */
.forecasts-dayname,
.forecast-hi,
.forecast-lo,
.forecast-pop12,
#forecasts-fchourlyview .number,
.number-value
{
	font-family: 'Fira Sans';
}

.number-value-lg
{
	font-weight: 500;
	font-size: 15pt;
}
.number-value-2x
{
	font-weight: 500;
	font-size: 22pt;
}
.number-value-3x
{
	font-weight: 500;
	font-size: 30pt;
}


/* Forms and buttons */

label {
	cursor: pointer;
}

input[type="submit"], input[type="button"], input[type="reset"], .button {
	background: #1e3d6e url('../images/bg_menu.png') repeat-x left top;
	font-size: 10.5pt;
	font-weight: bold;
	color: #fff;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
        border-style: solid;
	border-width: 2px;
	border-color: #a0a0d3 #000000 #000000 #a0a0d3;
	margin: 0 7px 0 0;
	padding: 5px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .button:hover, 
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .button:active, 
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:active, .button:focus, 
.button.on {
	background: #6e1e22 url('../images/bg_menu.png') repeat-x left -236px;
        border: 2px outset #a44;
        color: #fff;
}

input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, .button:active {
        border-style: inset;
        outline-style: none;
        background: #6e1e22; /* Old browsers */
	background: -moz-linear-gradient(top, #6e1e22 0%, #a1262c 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #6e1e22 0%,#a1262c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6e1e22 0%,#a1262c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6e1e22 0%,#a1262c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6e1e22 0%,#a1262c 100%); /* W3C */
}

.button_small, input[type="submit"].button_small, input[type="button"].button_small, input[type="reset"].button_small {
	padding: 1px;
	font-size: 11px;
	white-space: nowrap;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input[type="radio"], input[type="checkbox"] {
	cursor: pointer;
}

input[type="text"], input[type="password"], textarea, select, .form-control {
	padding: 6px;
}

select, select.form-control {
	padding-left: 3px;
}

.form_row {
	min-height: 1.5em;
	padding: 0.2em 0;
	white-space: nowrap;
	overflow: hidden;
	clear: both;
}

.form_row * {
	float: left;
	vertical-align: middle;
}

.form_row span, .form_row p, .form_row div {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.form_row span, .form_row p, .form_row div, .form_row input[type="button"], .form_row input[type="submit"] {
	margin: 0 0.4em;
}

.form_row label {
	margin-right: 0.4em;
}

.field_error {
	border: 2px solid #aa0000;
	background-color: #ffffd0;
}

label.field_error {
	color: #aa0000;
	font-weight: bold;
}

.form_step {
	background: transparent url('/images/bg_form_step.png') no-repeat left top;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	text-align: center;
	margin: 0 0.5em 0.5em 0;
	color: white;
	font-size: 26px;
	font-weight: bold;
}


#button_open_nav_menu, #button_open_search
{
	display: block;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	padding-left: 0;
	padding-right: 0;
}
#button_open_nav_menu i, #button_open_search i
{
	padding: 0 0.3em;
	font-size: 18pt;
	line-height: 50px;
	box-sizing: content-box;
	cursor: pointer;
}
#button_open_nav_menu i
{
	padding-right: 0;
}
#button_open_nav_menu span
{
	display: inline-block;
	font-size: 11pt;
	vertical-align: top;
	cursor: pointer;
}
#button_open_search {
	float: right;
}
#button_open_search i
{
	float: right;
}


/* Forecast Center */

.forecasts-obsicon, .forecasts-fcdailyicon {
	display: block;
	margin: 0 auto;
}
.forecasts-fchourlyicon {
	vertical-align: middle;
}
.forecasts-dayname {
	font-weight: 500;
	font-size: 14pt;
}
.forecasts-phen {
	height: 2.1em;
}
.forecasts-daily {
	width: 138px;
	height: 216px;
	text-align: center;
	margin-left: auto;
	margin-right: 7px;
	display: inline-block;
	white-space: normal;
/*
	background-color: #e3e3e3; 
	box-shadow: 3px 3px 3px rgba(0,0,0,0.18),
	    2px 2px 2px rgba(255,255,255,0.70) inset;
*/
	background-color: #ecedf0;
	border-style: solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	border-width: 1px 1px 2px;
	border-radius: 3px;
}
.forecasts-hourly {
	font-weight: 500; 
	font-size: 14pt;
	position: relative;
}
.forecast-temp {
	margin-top: 0.4em;
	font-weight: 500; 
	font-size: 15pt; 
	position: relative;
}
.forecast-hi {
	color: #A1262C;
}
.forecast-lo {
	color: #255598;
}
.forecast-pop12 {
	font-weight: 500; 
	font-size: 14pt; 
	color: black;
	position: relative;
}
#forecasts-fcdailyview {
	overflow-x: auto;
	overflow-y: visible;
	white-space: nowrap;
	padding-bottom: 13px;
/*	padding-left: 1.8em; */
}
#forecasts-header {
	color: white;
	font-weight: 500;
	font-size: 18pt;
	margin: 0;
	padding: 10px 0 6px;
}
#forecasts-header small {
	color: white;
	font-weight: 500;
	font-size: 13pt;
}

#forecasts-currentobs {
	color: white;
}
#forecasts-currentobs-overlay {
	background-color: rgba(0,0,0,0.25);
}
.forecasts-loader {
	text-align: center;
	padding: 2.0em 0;
	font-size: 16pt;
	font-family: 'Fira Sans', Verdana, 'DejaVu Sans', sans-serif;
	font-weight: 500;
	line-height: 28px;
}
#forecasts-radarmap {
	height: 180px;
}
#forecasts-astro {
	margin-top: 1.5em;
}
#forecasts-astro h4 {
	margin-top: 0;
}
#forecasts-currentobs .temperature {
	font-size: 32pt;
	line-height: 26pt;
	font-family: 'Fira Sans', Verdana, 'DejaVu Sans', sans-serif;
	font-weight: 500;
	text-align: center;
}
#forecasts-currentobs .wx-description {
	font-size: 13pt;
	text-align: center;
}
.forecasts-radar-container {
	margin-top: -32px;
/*	right: -10px; */
}


/* End Forecast Center */


/* Health Section */
#number-box .number-box {
	background-color: #ffff00;
	border-radius: 25px;
	border: 2px solid black;
	padding: 20px;
	width: 200px;
	height: 150px;
}

#uv_info {
/*	font-size: 12pt; */
	max-height: 200px;
	overflow-y: auto;
}
/* End Health Section */


#footer .social_icons
{
	display: block;
	line-height: 32px;
	text-decoration: none;
	white-space: nowrap;
	margin-bottom: 6px;
}

#footer .addthis_button_facebook_like, #footer .addthis_button_twitter_follow_native
{
	display: inline-block;
	height: 20px;
	padding: 6px 0;
	margin-bottom: 6px;
	line-height: normal;
	cursor: default;
	box-sizing: content-box;
	vertical-align: top;
}

ul.menu_dropdown {
	z-index: 10;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu_dropdown li {
	margin: 0;
	/* Set position on parent so li > ul works */
	position: relative;
	z-index: 100;
	float: left;
	white-space: nowrap;
}

ul.menu_dropdown ul
{
	display: none;
}

ul#menu_account
{
	display: inline-block;
}
ul#menu_account li
{
	float: none;
}

#menu_account_list a.name {
	min-height: 48px;
	cursor: default;
}

#layer_ticker a
{
	color: #fff;
	text-decoration: none;	
}

#layer_ticker a:hover, #layer_ticker a:active
{
	color: #e0e0e0;
}

#layer_ticker .divider
{
	height: 11pt;
}

#layer_ticker btn
{
	font-size: 9pt;
}

#layer_favorites .loc
{
	display: inline-block;
	margin-left: 10px;
}

#layer_favorites .loc:first-child
{
	margin-left: 0;
}

#layer_favorites
{
	line-height: 1.0;
}

#layer_favorites, #layer_favorites img
{
	vertical-align: middle;
}


/* Links */

a, .toggle_text, a.btn-link, button.btn-link {
	color: #15478c;
	text-decoration: underline;
}

a.btn {
	text-decoration: none;
}

a:hover, a:focus, .btn-link:hover, .btn-link:focus {
	color: #A1262C;
	text-decoration: none;
}

div#footer a {
	color: #fff;
}

a.btn-link-ondark, a.btn-link-ondark:hover, a.btn-link-ondark:focus
{
	color: white;
	font-weight: bold;
}

#page-login a.btn-link-ondark
{
	background-color: #15478c;
	border: 1px solid white;
	border-radius: 4px;
}

a.btn-link-return
{
	font-size: 13pt;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* Text */

pre {
	word-break: normal;
}

.large {
	font-size: 16px;
	font-weight: bold;
}

.center {
	text-align: center;
}

.color_red
{
	color: #A1262C;
}

.color_blue, .btn.color_blue
{
	color: #255598;
}

.color_white, .btn.color_white
{
	color: #fff;
}

.bold
{
	font-weight: bold;
}

.nws_text_wrap, .pre_wrap
{
	font-family: monospace;
	white-space: pre-wrap;
	overflow-x: auto;
	font-size: 10pt;
	line-height: 1.42857;
}

.data_box_key, .legend_description
{
	text-transform: uppercase;
	font-size: 9pt;
}

.legend_description
{
	padding-left: 0.4em;
	padding-right: 1.3em;
}

ul.list_floated_text {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list_floated_text {
	margin: 0;
}

.news-story-wrapper .date
{
	color: #606060;
	font-style: italic;
}

.news-story-content {
	font-size: 12pt;
	line-height: 1.42857;
}

.news-story-wrapper .footer
{
	color: #606060;
	font-size: 12pt;
}

.api-attrib
{
	width: 25%;
	text-align: right;
	font-weight: bold;
}

.api-attrib .required
{
	color: #aa6708;
	font-weight: normal;
	text-transform: uppercase;
}

.api-attrib .optional
{
	color: #808080;
	font-weight: normal;
	font-style: italic;
}


/* Tables */

table th {
	background: #255598 url('../images/bg_th.png') repeat-x left bottom;
	color: white;
	font-weight: normal;
}

tr td, tr th {
	vertical-align: top;
}

tr th {
	text-align: left;
}

.cell-one, .cell1 {
	background: #f6f6f6;
}

.cell-two, .cell2 {
	background: #e6e6e6;
}

/* From Bootstrap */
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #f2f2f2;
}

table.nowrap td, .nowrap {
	white-space: nowrap;
}

table.block {
	margin-bottom: 1em;
}

table.table_compare {
	border-left: 1px solid #606060;
	border-top: 1px solid #606060;
	border-bottom: 1px solid #606060;
}
tr.compare_header th {
	text-align: center;
}
table.table_compare th.feature {
	background: transparent;
	color: black;
	font-weight: normal;
	vertical-align: middle;
	text-align: right;
	height: 32px;
}
table.table_compare td, table.table_compare th {
	border-right: 1px solid #606060;
}
table.table_compare td {
	text-align: center;
	vertical-align: middle;
}
td.highlight {
	background-color: #66ff66;
}

#docs_api table th {
	background-image: none;
	background-color: transparent;
	color: inherit;
	font-weight: bold;
}

/* Sections */
/* Account settings */
#tab-contacts .btn-xs, #tab-contacts td {
	line-height: 1.42;
}

#tab-contacts .btn-trash {
	padding: 0;
	border: 0;
	margin-left: 0.2em;
}

#tab-contacts .fa-trash {
	margin-left: 0.4em;
	line-height: 1.1;
	font-size: 1.4em;
}

#tab-contacts .recipient_editor,
#tab-contacts .recipient_confirm_form {
	display: none;
}

#tab-contacts .recipient_editor .form-group,
#tab-contacts .recipient_confirm_form .form-group {
	margin-bottom: 7px;
}

#tab-contacts .recipient_editor label,
#tab-contacts .recipient_confirm_form label {
	padding-right: 0;
}

#tab-contacts .recipient_editor .checkbox,
#tab-contacts .recipient_confirm_form .checkbox {
	padding-top: 0;
}

#tab-contacts .request_handler {
	min-width: 138px;
}

#tab-contacts .panel-flag {
	margin-top: 5px;
}

#list-add-recipient {
	margin-bottom: 1em;
}

.account-options-list .badge
{
	background-color: #6e1e22;
}

.form-field-autosuggest-container {
	position: relative;
}


.subscribe-buttons {
	list-style-type: none;
	margin-left: 0;
	margin-right: -20px;
	margin-bottom: -20px;
}

.subscribe-buttons input {
	visibility: hidden;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.subscribe-buttons li {
	padding-left: 0;
	padding-right: 20px;
	margin-bottom: 20px;
}

.subscribe-buttons button {
	text-align: center;
}

.subscribe-buttons button.selected {
	border-color: #255598;
}

.subscribe-buttons button {
	padding: 0;
}

.subscribe-buttons .btn-default:hover,
.subscribe-buttons .btn-default:focus,
.subscribe-buttons .btn-default:active {
	background-color: #fff;
	border-color: #255598;
	outline: none;
}

.subscribe-buttons .package-hilight {
	padding: 6px 0;
}

.subscribe-buttons button.selected .package-hilight {
	background-color: #255598;
	color: #fff;
}

.subscribe-buttons .package-name {
	font-family: 'Fira Sans', Verdana, sans-serif;
	font-weight: 500;
	font-size: 15pt;
}

.subscribe-buttons .pricing {
	padding: 2px 0;
	font-family: 'Fira Sans', Verdana, sans-serif;
	font-weight: 500;
	font-size: 16pt;
}

.subscribe-buttons .dollar {
	display: inline-block;
	font-size: 10pt;
	line-height: 12pt;
	vertical-align: top;
	position: relative;
	top: 4px;
}

.subscribe-buttons .price-num {
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: 2px;
}

.subscribe-buttons .price-freq {
}

.subscribe-buttons .package-details {
	border-top: 1px solid #ccc;
	padding-top: 6px;
	padding-bottom: 2px;
}

.subscribe-buttons .package-detail-item {
	padding: 0 0 4px;
	font-size: 0.9em;
	white-space: normal;
}






/* LightningNet image boxes */

a.lightningnet {
	display: block;
	width: 200px;
	height: 103px;
	font-size: 28px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-align: center;
	padding-top: 47px;
}

a.lightningnet:hover {
	color: white;
	text-decoration: underline;
}


/* Gallery objects */
.gallery img {
	vertical-align: top;
	margin: 0 1em 1em 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

div.gallery {
	overflow: hidden;
}

div.gallery_item, div.gallery_responsive div.gallery_item {
	float: left;
	margin: 0 8px 8px 0;
	text-align: center;
	border-radius: 0;
}

div.gallery_item .header_link {
	font-weight: bold;
	white-space: nowrap;
}

div.gallery_responsive
{
	overflow: hidden;
	margin-bottom: 1em;
}

div.gallery_responsive > div
{
	float: left;
	margin: 0 8px 8px 0;
	text-align: center;
	background-color: #f1eee7;
	border: 1px solid #757167;
	border-radius: 4px 4px 0 0;
	box-sizing: border-box;
}

img.thumb_no_caption
{
	padding: 0;
	border: 3px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

img.gallery_block
{
	margin-bottom: 6pt;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

div.gallery_responsive div.gallery_item_dyn
{
	box-sizing: content-box;
	
}

div.gallery_responsive .gallery_caption
{
	padding: 4pt;
}

div.gallery_responsive a
{
	display: block;
}



/* Weather on your site */
.copyhtml {
	text-align: left;
	width: 600px;
	height: 100px;
	border: 2px inset #757167;
	font-family: monospace;
	font-size: 12px;
	padding: 2px;
}

/* Banners and notifications */
.banner_severe {
	background: transparent url('/images/banner_lightning.jpg') no-repeat top left;
	color: #ffffff;
}
.banner_severe .banner_severe_float {
	margin-left: 350px;
	padding: 3px 5px;
}
.banner_severe a {
	color: #ffffff;
}
.banner_severe a:hover {
	color: #ffffff;
}

.form_section_selected {
	background-color: #00ff00;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 0.8em;
}

.arrow_right {
	background: url('../images/arrow_blue.gif') no-repeat center left;
	cursor: pointer;
	color: #15478c;
	text-decoration: underline;
	padding-left: 24px;
}

.arrow_right:hover
{
	color: #A1262C;
	text-decoration: none;
}

.arrow_down {
	background: url('../images/arrow_down.gif') no-repeat center left;
	cursor: pointer;
	color: #000000;
	text-decoration: none;
	padding-left: 24px;
}

.border_right {
	border-right: 1px solid black;
}

.border_bottom {
	border-bottom: 1px solid black;
}

table.table_hash th {
	background: transparent;
	color: black;
	vertical-align: middle;
	text-align: right;
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
	padding: 5px;
}

table.table_hash td {
	font-weight: bold;
	border-bottom: 1px solid #606060;
	padding: 5px;
}

table.wx_console {
	border-collapse: separate;
	border-spacing: 2px;
}

table.wx_console th, table.wx_console td {
	padding: 5px;
}


/* Tropical Center */
#tropical_bar
{
	background-color: #4e789b;
	font-weight: bold;
	font-size: 12pt;
	padding: 4px 10px;
	color: white;
}
#tropical_bar a
{
	color: white;
	text-decoration: none;
}
#tropical_bar small
{
	font-size: 9.5pt;
}
/* Also see: assets/css/tropical.css */

/* Tooltips */
.tip-top {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-right-color: #000;
	border-width: 5px 5px 5px 0;
	left: -5px;
	margin-top: -5px;
	top: 10pt;
}
.tip {
	background-color: #000;
	color: #fff;
	padding: 3px;
	max-width: 280px;
}



/* Media queries for responsive modifications */

@media (max-width: 599px) {
	#header_logo
	{
		max-height: 38px;
		margin: 6px auto;
		background-position: center center;
	}
	
	div#ad-footer {
		width: 320px;
		height: 100px;
	}
	div#ad-forecasts-top, div#ad-forecasts-bottom, div.ad-mobile-only {
		width: 320px;
		height: 100px;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	div#ad-footer {
		width: 468px;
		height: 60px;
	}
	div#ad-forecasts-top, div#ad-forecasts-bottom, div.ad-mobile-only {
		width: 468px;
		height: 60px;
	}
	
	#header_logo
	{
		width: 100%;
		max-width: 320px;
		max-height: 48px;
		margin: 1px auto;
		background-position: center center;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#header_logo
	{
		width: 100%;
		max-width: 320px;
		max-height: 48px;
		margin: 1px auto;
		background-position: center center;
	}
}

@media screen and (max-width: 991px) {
/*
	#layer_pretty.default_tpl
	{
		background-image: none;
	}
*/
	div#page, div#layer_action_bar_wrap {
		width: 100%;
		max-width: none;
	}

	div#page, div#layer_action_bar_wrap
	{
		width: 100%;
	}
	div#header
	{
		height: 50px;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	div#layer_main_wrap
	{
		border-style: none;
		box-shadow: none;
		margin-top: 0;
	}
	div#content
	{
		margin-left: 0;
		min-height: auto;
		right: 0;
	}
	div#ad-vertical, div#ad-forecasts-bottom
	{
		display: none;
	}
	h1
	{
		margin-right: 0;
	}
	#layer_search
	{
		display: none;
	}
	.forecasts-radar-container {
		margin-top: 0;
	}
	.ticker_msg {
		overflow-x: auto;
	}
	.layer_ticker_row {
		padding-right: 0;
	}
	
}

@media screen and (min-width: 992px) {
	#header_logo_wrap
	{
		width: 274px;
	}
	nav#layer_menu
	{
		position: absolute;
		width: auto;
		left: 0;
		right: 0;
		margin-left: 274px;
	}
	div.ad-mobile-only
	{
		display: none;
	}
	h2#forecasts-first
	{
		margin-top: 0;
	}
}


/* Suck it, Internet Explorer */

html.ltie8 #content, html.ltie8 #box_header_ticker, 
html.ltie8 #subMenusContainer, html.ltie8 #subMenusContainer2
{
	zoom: 1;
}

html.ie8 .layer_responsive_img img
{
	width: auto;
}

html.ltie8 #forecasts-currentobs-overlay,
html.ie8 #forecasts-currentobs-overlay {
	background: transparent url('../images/bg_black_25.png');
}