.opacity{
	zoom: 1;
	filter: alpha(opacity = 80);
	opacity: 0.8;
}

.clear:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html .clear{zoom: 1}
*:first-child+html .clear{zoom: 1;}

div.container{
	overflow: auto;
	width: 100%;
}

.blank{
	white-space: normal;
	display: block;
}

.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}


.italic{
	font-style: italic;
}

#mainReports{
	width: 1000px !important;
	margin: 0px 0px;
	float: none !important;
	overflow: hidden;
}

#mainReportsNav{
	display: block;
	height: 30px;
	width: 100%;
	padding-top: 2px;	
	padding-bottom: 2px;
	border-radius: 4px 4px 0px 0px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	
}

#winterNav{
	display: block;
	float: left;
	width: 290px;
	height: 30px;	
	margin-left: auto !important;
	margin-right: auto !important;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.comment-btn{
	display: inline-block !important;
	float: left;
	height: 23px !important;
	padding: 0 0 0 0px !important;
	font-size: 11px !important;
	width: 60px;
	background: white;
	color: #555 !important;
	border: 1px solid #d3d3d3;
}

.comment-btn span{
	padding-top: 0.6em !important;
}
.comment-btn .fa{
	padding-top: 0.4em !important;
}

.google-btn{
	width: 115px !important;
}

#calendarNav{
	display: block;
	float: left;
	width: 380px;
	height: 30px;	
	margin-left: auto !important;
	margin-right: auto !important;
	padding-top: 2px;
	padding-bottom: 2px;
}

#calendarNav a{
	color: #555;
	text-decoration: none;
	margin-top: 0.4em !important;
}

button.ui-datepicker-today{
	float: left !important;
	margin: auto;
}
.ui-datepicker-buttonpane{
	text-align: center;
}
#nextDayNav, #calendar, #prevDayNav{
	display: inline-block !important;
	float: left;
	height: 23px !important;
	padding: 0 0 0 3px !important;
	font-size: 11px !important;
	width: 150px;
	background: white;
}

#calendar{
	width: 50px !important;
}

.ui-datepicker-header{
	background: #0062AE;
	color: #FFFFFF;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
}


.ui-datepicker{
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
}

#RefreshNav{
	float: right;
	width: 288px;
	height: 30px;	
	margin-left: auto !important;
	margin-right: auto !important;
	padding-top: 0px;
	padding-bottom: 2px;
}

#auto-refresh{
	display: inline-block;
	float: right;
	background: white;
}

#auto-refresh-btn, #auto-refresh-menu-btn{
	height: 25px !important;
	font-size: 11px !important;
	padding: 0 0 0 0px !important;
	float:left;
	background: white;
}

#auto-refresh-btn{
	width: 80px !important;
}


#auto-refresh-menu-btn{
	width: 25px !important;
}

#auto-refresh-btn .ui-button-text{
	border: none;
	position: relative;
	top: -2px;
	left: 0px;
	height: 11px;
}
#auto-refresh-menu{
	font-size: 11px !important;
	width: 95px;
}

#auto-refresh-num{
	text-align:center;
	position: relative;
	left: 14px;
	top: -14px;
	font-size: 7px !important;
}

#auto-refresh-current a{
}

#man-refresh-btn{
	height: 25px !important;
	font-size: 11px !important;
	width: 101px !important;
	background: white;
	padding: 0 0 0 0px !important;
	float:right;
	margin-left: 0.3em;
}

.white{
	color: rgba(255, 255, 255, 1);
}
.red{
	color: rgba(255, 0, 0, 1);
}
.gray{
	color: #555;
}	

#man-refresh-btn .ui-button-text{
	padding: 0.3em 1em;
}

.pulse-red{
	color: #ff0000;	
	animation:pulse-red 3s;
	animation-iteration-count: infinite;
	-moz-animation:pulse-red 3s;
	-moz-animation-iteration-count: infinite;
	-webkit-animation:pulse-red 3s;
	-webkit-animation-iteration-count: infinite;
	-o-animation:pulse-red 3s;
	-o-animation-iteration-count: infinite; 

}
@keyframes pulse-red
{
0% { color: #ff0000; }
50% { color: #ffb1b1; }
100% { color: #ff0000; }
}
@-moz-keyframes pulse-red
{
0% { color: #ff0000; }
50% { color: #ffb1b1; }
100% { color: #ff0000; }
}
@-webkit-keyframes pulse-red
{
0% { color: #ff0000; }
50% { color: #ffb1b1; }
100% { color: #ff0000; }
}
@-o-keyframes pulse-red
{
0% { color: #ff0000; }
50% { color: #ffb1b1; }
100% { color: #ff0000; }
} 
#refreshText, #auto-refresh-timer{
	float:right;
	color: #555555;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
}

#loading, #loading-1, #loading-2{
	background: #666 !important;
	opacity: 0.99;
	filter:alpha(opacity = 99);

	height: 2000px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 125px;
	width: 1000px;
	z-index: 1001; 
}

[id^="mask-"]{
	background: #666 !important;
	opacity: 0.80;
	filter:alpha(opacity = 80);

	height: 2000px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 125px;
	width: 1000px;
	z-index: 1000; 
}

#loading2{
	background: #666 !important;
	opacity: 0.8;
	filter:alpha(opacity = 80);

	height: 702px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 200px;
	width: 1000px;
	z-index: 1001; 
}

.loader2{
	position: relative;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}

.loading-text{
	top: 4px; 
	left: 50%; 
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 20px;
    	font-weight: bold;
    	color: white;
}

#progressbar{
	background: #666 !important;
	opacity: 1.0;
	filter:alpha(opacity = 1);

	height: 30px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 45%;
	width: 961px;
	z-index: 1001; 
}

#progressbar .ui-progressbar{
	border: 2px solid black;
	background: black !important;
	opacity: 1.0 !important;
}

#progressbar .ui-progressbar-value{
	color: white !important;
	opacity: 1.0 !important;
}

#progressbar .ui-widget-header{
	background-image:url("/new/images/head_bg.gif");
	background-repeat: repeat-x;
}

#mainWrapper{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float:left;
	width: 100% !important;

}

#type-tabs .fa-sliders{
	color: white;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.ui-tabs-nav li a{
	width: 93px !important;
	padding-left: 0.4em !important;
	padding-right: 1.75em !important;
}

.ui-tabs-nav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #0062AE;
	border-top: 1px solid black !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 4px 4px 0px 0px !important;
	padding-right: 0px !important;
}

#severe-tab, #winter-tab, #fire-tab, #rain-tab, #coastal-tab, #other-tab{
	padding-top: 5px;
	padding-bottom: 5px;
}

#severe-tab .ui-tabs-nav li, #winter-tab .ui-tabs-nav li, #fire-tab .ui-tabs-nav li,
#rain-tab .ui-tabs-nav li, #coastal-tab .ui-tabs-nav li, #other-tab .ui-tabs-nav li
{
	padding-top: 5px;
	padding-bottom: 5px;
}
/*
[id^="severe-"] span, [id^="winter-"] span, [id^="fire-"] span,
[id^="rain-"] span, [id^="coastal-"] span, [id^="other-"] span
*/
[id$="-tab"] span{
	display: inline-block !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	font-weight: bold;
}


[id^="coastal-"] span{
	font-size: 10px !important;
}

[id^="otherw-"] span{
	font-size: 10px !important;
}

[id$="-onoff"]{
	display: inline-block;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

[id$="-onoff"] label{
 	width: 3em !important;
	margin-left: 0px !important;	
	margin-right: -0.5em !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: bold !important;

}
[id$="-onoff"] span.ui-checkboxradio-icon{display:none !important;}


[id$="types-toolbar"]{
	display: inline-block;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

[id$="types-toolbar"] span.ui-checkboxradio-icon{display:none !important;}

[id$="types-toolbar"] label{
	width: 142px;
	margin-left: 0px !important;	
	margin-right: -0.5em !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10.5px !important;
	font-weight: bold !important;
	padding: 0.4em 0.3em !important;
}

#severe-types-toolbar label{
	width: 124px !important;
}
#winter-types-toolbar label{
	width: 120px !important;
}
#tropical-types-toolbar label{
	width: 150px !important;
}
#coastal-types-toolbar label{
	width: 120px !important;
}
#otherw-types-toolbar label{
	width: 140px !important;
}
#temp-types-toolbar label{
	width: 165px !important;
}
#other-types-toolbar label{
	width: 135px !important;
}
[id $='-about-btn']{
	height: 1px;
	width: 1px;
	z-index: 1;
	cursor: pointer;

}

[id $= '-filters-menu']{
	width: 110px;
	margin-left: auto;
	margin-right: auto;
}

[id $= '-active'], [id $= '-select']{
	height: 25px !important;
	font-size: 11px !important;
	padding: 0 0 0 0px !important;
	float:left;
	background: white;
}

[id $= '-active']{
	width: 80px !important;
}


[id $= '-select']{
	width: 25px !important;
}

[id $= '-active'] .ui-button-text{
	border: none;
	position: relative;
	top: -2px;
	left: 0px;
	height: 11px;
}
[id $= '-btn-menu']{
	position: absolute;
	font-size: 11px !important;
	width: 95px;
	z-index: 1000;
}



#tab-about-btn{
	position: relative;
	top: -25px;
	left: 960px;
	color: white;
}

#tab-about-content{
	position: absolute;
	height: 400px;
	width: 1000px;
	background-color: #ffffff;
	z-index: 1001;
	
	/*rounded corners*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#tab-about-content-close{

}
.table-title {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	background: #0062AE;
	background: #ccc;
	color: black;
	border-top: 1px solid black !important;
	border-bottom: 1px solid black !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 4px 4px 0px 0px !important;
	padding-right: 0px !important;
	text-align: center;
	text-shadow: 1px 1px #FFFFFF;
}

.table-title a{
	margin-top: 2px;
}

.table-title a span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: black;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px #FFFFFF;
	margin-top: 2px;
	padding-top: 2px;
}


.ui-tabs-panel{
	padding: 0px !important;
}


.img-options-title{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	text-align: left;
}

.img-options-subtitle{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	text-align: center;
	text-shadow: 1px 1px black;
}
.img-options-subtitle-subtitle{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: bold !important;
	/*text-decoration: underline !important;*/
	text-align: center;
	text-shadow: 1px 1px black;
	padding-top: 5px;
	padding-bottom: 5px;
}

.save-btn, .kmz-btn, .rpts-btn, .csv-btn{
	position: relative;
	top: 9px;
	left: 0px;
	display: inline-block !important;
	height: 23px !important;
	padding: 0 0 0 3px !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #333 !important;
	text-shadow: 1px 1px 0 #fff !important;
	white-space: nowrap !important;
	border: 1px solid black !important; 
	cursor: pointer !important;
	text-decoration: none !important;
}

.csv-btn{
	float: right;
	left: -10px !important;
	margin-top: 0.3em;
}

.csv-btn .ui-button-text{
	padding: 0.4em 14px !important;
}

.save-btn a, .kmz-btn a, .rpts-btn a, .csv-btn a{
	color: #333 !important;
	
}
/********************************************************/
/*		Map Buttons				*/
/********************************************************/

#basemaps{
	left: 8px;
	top: 70px;
}

.basemapBtn{
	height: 25px;
	width: 25px;	
	background-color: rgba(0, 60, 136, 0.5);		
	border: medium none;
	border-radius: 2px !important;
	color: #fff;
	text-align: center;
	cursor: pointer;
	left: 8px;
	top: 67px;
}
#basemaps i{
	margin-top: 0px;
	
}
#basemapPanel{
	position: absolute;
	z-index: 1000;
	background-color: transparent;
	/*
	top: 75px;
	left: 40px;
	*/
	height: 30px;
	width: 350px;			
}
#basemapPanelArrow, #basemapPanelContainer{
	float: left;	
}
#basemapPanelContainer{
	background-color: rgba(0, 60, 136, 0.5);
	height: 55px;
	width: 90%;
	margin-left: 0px;
	margin-top: -20px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-radius: 4px;
}

#basemapPanelContainer i{
	color: white;
	cursor: pointer;
	margin-left: 15px;
	text-shadow: 1px 1px black;
}
.basemapGalleryNode{
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 6px;
	border-radius: 4px;
	background-color: black;
	margin-top: 10px;
	
	cursor: pointer;
}
.basemapGalleryThumbnail{
	height: 40px;
	width: 40px;
}

.basemapGalleryNode a img{
	border: 2px solid white;
}
.basemapGalleryNode a img[visible="true"]{
	border: 2px solid black !important;	
} 
.basemapGalleryNode a img:hover{
	transform: translateY(-8px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}

#mapOverlays{
	left: 8px;
	top: 105px;
}

.mapOverlaysBtn{
	height: 25px;
	width: 25px;	
	background-color: rgba(0, 60, 136, 0.5);		
	border: medium none;
	border-radius: 2px !important;
	color: #fff;
	text-align: center;
	cursor: pointer;
	left: 8px;
	top: 67px;
}
#mapOverlays i{
	margin-top: 0px;
}
#overlaysPanelArrow, #overlaysPanelContainer, #mdPanelContainer{
	float: left;	
}
#overlaysPanelContainer{
	background-color: rgba(0, 60, 136, 0.5);
	height: 380px;
	width: 50%;
	margin-left: 0px;
	margin-top: -20px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-radius: 4px;
	
	color: white;
}

#overlaysPanelContainer i{
	color: white;
	cursor: pointer;
	margin-left: 235px;
	text-shadow: 1px 1px black;
}

.img-options-subtitle2{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: bold !important;
	text-align: left;
	text-shadow: 1px 1px black;
}


#mdPanel, #watchPanel, #outlookPanel, #warningPanel{
	position: absolute;
	top: 20px;
	right: 150px;
	z-index: 999;
	/*height: 300px;*/ 
	width: 181px;
	border-radius: 4px;
}

#warningPanel{
	width: 215px;
}

#outlookPanel{
	width: 250px;
}

#mdPanelTitle, #watchPanelTitle, #outlookPanelTitle, #warningPanelTitle{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

	background-color: rgba(0, 60, 136, 1.0);
	cursor: move;
}

#mdPanelContainer, #watchPanelContainer, #outlookPanelContainer, #warningPanelContainer{
	background-color: rgba(0, 60, 136, 0.5);
	top: 250px;
	left: 250px;
	height: 328px;
	width: 100%;
	margin-left: 0px;
	/*margin-top: -19px;*/
	padding-bottom: 10px;
	/*padding-left: 5px;*/
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	cursor: move;
	color: white;
}

#outlookPanelContainer{
	
}

#watchPanel{
	width: 205px !important;
}
#watchPanelContainer{
	width: 205px !important;
}

#mdPanelTitle i, #watchPanelTitle i, #outlookPanelTitle i, #warningPanelTitle i{
	float: right;
	color: white;
	cursor: pointer;
	padding-bottom: 3px;
	text-shadow: 1px 1px black;	
}

#mdPanelTitle .fa-minus, #mdPanelTitle .fa-plus, 
#watchPanelTitle .fa-minus, #watchPanelTitle .fa-plus,
#outlookPanelTitle .fa-minus, #outlookPanelTitle .fa-plus,
#warningPanelTitle .fa-minus, #warningPanelTitle .fa-plus{
	margin-right: 4px;
}

#mdToolbar, #watchToolbar, #outlookToolbar, #warningToolbar{	
	/*margin-top: 19px;*/
	background-color: rgba(0, 60, 136, 0.5);
	/*width: 160px;*/
	padding-left: 3px;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

#watchToolbar{
	/*width: 202px !important;*/
}

#mdToolbar i, #watchToolbar i, #outlookToolbar i, #warningToolbar i{
	margin-top: 5px;
	margin-left: 5px;
	cursor: pointer;
}

#mdSelect, #watchSelect, #outlookSelect, #warningSelect{
	height: 290px;
	max-height: 290px;
	overflow-y: scroll;
}

#mdSelect table, #watchSelect table, #outlookSelect table, #warningSelect table{
	margin-top: -10px;
}

#mapOptions{
	/*
	right: 0.5em;
	top: 1.0em;
	transition: opacity 0.25s ease 0s;
	*/
	z-index: 1000;
}

.mapOptionsBtn{
	height: 25px;
	width: 25px;	
	background-color: rgba(0, 60, 136, 0.5);		
	border: medium none;
	border-radius: 2px !important;
	color: #fff;
	text-align: center;
	cursor: pointer;
	left: 8px;
	top: 67px;
}
#mapOptions i{
	margin-top: 0px;
}
#optionsPanel{
	position: absolute;
	top: 20px;
	right: 40px;
	z-index: 999;
}

#optionsPanelArrow, #optionsPanelContainer{
	float: left;	
}
#optionsPanelArrow{
	position: relative;
	top: -7px;
}

#optionsPanelContainer{
	background-color: rgba(0, 60, 136, 0.5);
	
	width: 230px;
	margin-left: 0px;
	margin-top: -20px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-radius: 4px;
	
	color: white;
}

#optionsPanelContainer .fa-times{
	color: white;
	cursor: pointer;
	margin-left: 15px;
	text-shadow: 1px 1px black;
}


#all-opts{
	display: inline-block !important;
	font-size: 11px !important;
	margin-left: 10px;
}

#basemapSelect{
	margin-top: 10px;
}

#page-opts{
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
}

#reset-layer-order-btn{
	cursor: pointer;
}

#display-order{
	/*
	max-height: 500px;
	overflow-y: scroll;
	*/
}

#display-order{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#display-order li{
	margin: 0 3px 3px 3px;
	padding: 0.4em;
	padding-left: 1.5em;
	font-size: 1.3em;
	height: 18px;
}

#display-order span{
	position: absolute;
	margin-left: -1.3em
}


#otlk-opts input[type=checkbox][disabled]{
}

#otlk-opts input[type=checkbox][disabled]+label{
	font-style: italic;
}

#otlk-opts legend,#otlk-opts-2 legend,#otlk-opts-3 legend{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 1px;
}

#none-row label{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	margin-top: 2px;
}

[id^="row-"] label{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
}
[id^="row-"] span.ui-checkboxradio-icon{display:none !important;}
/********************************************************/
/*		Table CSS				*/
/********************************************************/
div.container {
    padding:0;
    margin:0;
}

div.content {
    background:#f0f0f0;
    margin: 0;
    padding:10px;
    font-size:.9em;
    line-height:1.5em;
    font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.content ul, div.content p {
    margin:0;
    padding:3px;
}

div.content ul li {
    list-style-position:inside;
    line-height:25px;
}

table.dataTable tr.odd td, table.dataTable tr.even td {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	border-top: 2px solid black !important;
    	text-align: center;
	padding: 1px 0px !important
}

table.dataTable tr.odd{
	background-color: #e2e4ff !important;
}

table.dataTable tr.even{
	background-color: white !important;
}

table.dataTable thead th, table.dataTable thead td{
	padding: 2px 14px;
}

.dataTables_paginate{
	color: black !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: bold !important;
}

.dataTables_processing{
	
}

#all-filters table tr{
	margin-bottom: -1px;
}

#state-about-btn, #cwa-about-btn, #data-about-btn, #time-about-btn, #proxy-about-btn, #watch-about-btn{
	display: inline-block;
}

#proxy-about-btn{
	margin-left: 12px;
}

#all-list{
	width: 102%;
	position: relative;
	margin-left: -10px;
}

#all-ttop{
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 2px solid black;
	margin-left: -10px;
	width: 102%;
	height: 20px;
}

#all-table_length{
	margin-left: 15px;
}

#all-table_filter{
	margin-right: 30px;
}

.important-opacity{
	opacity: 1.0 !important;
}

.add-bg{
	background: none repeat scroll 0 0 #f0f0f0;
}

#table-about-btn{
	position: relative;
	top: -20px;
	left: 992px;
	color: black;
	font-size: 1.25em;
}

#about-dialog{
	position: absolute;
	height: 400px;
	width: 995px;
	background-color: #ffffff;
	z-index: 1001;
	border: 3px solid black;
	
	/*rounded corners*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

[id$="-add-btn"]{
	position: relative;
	left: 200px;
	top: 10px;
	
	background: #0057a5 !important;
	color: #fff !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
}

[id$="-expand-all"]{
	cursor: pointer;
}

[id$="-table"] tbody tr td:first-child i{
	cursor: pointer;
}


[id$="-list"] table{
	table-layout: fixed;
	word-wrap: break-word;
	position: relative;
	left: -10px;
}

.details{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: gray;
    padding-left: 20px !important;
}

.details2{
	font-style: italic;
	font-weight: bold;
}

.center{
	cursor: pointer;
}
.map-link{
	text-align: left !important;
	text-decoration: underline;
	cursor: pointer;
}
.map-link span{
	padding-left: 15px;
}

/********************************************************/
/*		Filter buttons CSS			*/
/********************************************************/
[id$="-radio"] span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

[id$="-time-slider"]{
	margin-left: 65px;
	margin-top: 5px;
	width: 620px;
}

[id$="-time-slider"] label{
	position: absolute;
	width: 20px;
	margin-top: 20px;
	margin-left: -10px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;

}

[id$="-time-range"]{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

}

[id$="-time-filters"] label{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
}
[id$="-time-filters"] span.ui-checkboxradio-icon{display:none !important;}

[id$="-tz-filters"] label{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
}
[id$="-tz-filters"] span.ui-checkboxradio-icon{display:none !important;}

[id$="-proxy"]{
	display: inline-block;
	position: relative;
	left: 7px;
	top: 7px;
}
[id$="-proxy"]{
	display: inline-block;
	position: relative;
	left: 7px;
	top: 7px;
}
#all-source{
	display: inline-block;
	position: relative;
	left: 7px;
	top: 7px;
}
#all-source .onoffswitch{
	/*width: 80px;*/
}

#all-source .onoffswitch-inner::before{
	content: "PRELIM";
}
#all-source .onoffswitch-inner::after{
	content: "OFFICIAL";
}

[id$="-time-toolbar"]{
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: -10px;	
}

[id$="-time-toolbar-2"]{
	display: inline-block;
	margin-left: 5px;
}

[id$="-tz-toolbar"]{
	display: inline-block;
	margin-left: 5px;

}

/********************************************************/
/*		Dialog Box CSS				*/
/********************************************************/
.ui-widget-overlay{
	background: #666 !important;
	opacity: 0.6 !important;
	filter: Alpha(Opacity=60) !important;
}

.ui-dialog-titlebar{
	background: #0062AE;
	color: #FFFFFF;
	height: 20px;  
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-weight: bold;
	height: 14px;
	/*margin: -4px -4px !important;*/
}
.ui-dialog-title{
	margin: 0px 0px !important;
}
.ui-dialog-titlebar-close{
	height: 14px !important;
	margin: -8px 0px 0px !important;
}
/********************************************************/
/*			Arrows				*/
/********************************************************/
.arrow-right{
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	
	border-left: 12px solid rgba(0, 60, 136, 0.5);
}

.arrow-left{
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	
	border-right: 12px solid rgba(0, 60, 136, 0.5);
}



/********************************************************/
/*		Page Color Schemes			*/
/********************************************************/
/*
.tornado{
	color: rgba(255, 0, 0, 1);
}
.tornado-icon{
	background-color: rgba(255, 0, 0, 1);
}
.hail{
	color: rgba(0, 153, 0, 1);
}
.hail-icon{
	background-color: rgba(0, 153, 0, 1);
}
.sighail{
	color: rgba(0, 153, 0, 1);
}
.sighail-icon{
	background-color: rgba(0, 153, 0, 1);
}
.wind-damage{
	color: rgba(102, 178, 255, 1);
}
.wind-damage-icon{
	background-color: rgba(102, 178, 255, 1);
}
.wind-gust{
	color: rgba(0, 0, 255, 1);
}
.wind-gust-icon{
	background-color: rgba(0, 0, 255, 1);
}
.sigwind{
	color: rgba(0, 0, 255, 1);
}
.sigwind-icon{
	background-color: rgba(0, 0, 255, 1);
}
.fzra{
	color: rgba(0, 255, 255, 1);
}
.fzra-icon{
	background-color: rgba(0, 255, 255, 1);
}
.sleet{
	color: rgba(255, 255, 0, 1);
}
.sleet-icon{
	background-color: rgba(255, 255, 0, 1);
}
.snow{
	color: rgba(255, 255, 255, 1);
}
.snow-icon{
	background-color: rgba(255, 255, 255, 1);
}
.blizzard{
	color: rgba(153, 0, 204, 1);
}
.blizzard-icon{
	background-color: rgba(153, 0, 204, 1);
}
.hvysnow{
	color: rgba(0, 0, 255, 1);	
}
.hvysnow-icon{
	background-color: rgba(0, 0, 255, 1);	
}
.icestorm{
	color: rgba(255, 0, 0, 1);
}
.icestorm-icon{
	background-color: rgba(255, 0, 0, 1);
}
.icon-circle-small{
	padding: 0px;
	border-radius: 50%;
	border: 0.5px solid black;
	background-color: black;
	font-size: 10px;
	display: inline-block;
	height: 7px;
	width: 6px;
	text-align: center;
	
	position: relative;
	top: 8px;
	left: 0px;
}

#all-table .fa-stack{
	position: relative;
	top: 0px;
	left: -2.5px;
}

.icon-circle{
	padding: 0px;
	border-radius: 50%;
	border: 1px solid black;
	font-size: 10px;
	display: inline-block;
	height: 10px;
	width: 10px;
	text-align: center;
}
.icon-square{
	padding: 0px;
	border: 1px solid black;
	font-size: 10px;
	display: inline-block;
	height: 10px;
	width: 10px;
	text-align: center;
}

.gen-tstm{
	color: rgba(192, 232, 192, 0.8);	
}
.gen-tstm-icon{
	background-color: rgba(192, 232, 192, 0.8);	
}
.marginal{
	color: rgba(127, 197, 127, 0.8);
}
.marginal-icon{
	background-color: rgba(127, 197, 127, 0.8);
}
.slight{
	color: rgba(246, 246, 127, 0.8);
}
.slight-icon{
	background-color: rgba(246, 246, 127, 0.8);
}
.enhanced{
	color: rgba(230, 194, 127, 0.8);
}
.enhanced-icon{
	background-color: rgba(230, 194, 127, 0.8);
}
.moderate{
	color: rgba(230, 127, 127, 0.8);
}
.moderate-icon{
	background-color: rgba(230, 127, 127, 0.8);
}
.high{
	color: rgba(255, 127, 255, 0.8);
}
.high-icon{
	background-color: rgba(255, 127, 255, 0.8);
}
.percent-2{
	color: rgba(127, 197, 127, 0.8);
}
.percent-2-icon{
	background-color: rgba(127, 197, 127, 0.8);
}
.percent-5{
	color: rgba(197, 163, 146, 0.8);
}
.percent-5-icon{
	background-color: rgba(197, 163, 146, 0.8);
}
.percent-10{
	color: rgba(226, 199, 137, 0.8);
}
.percent-10-icon{
	background-color: rgba(226, 199, 137, 0.8);
}
.percent-15{
	color: rgba(255, 235,127, 0.8);
}
.percent-15-icon{
	background-color: rgba(255, 235,127, 0.8);
}
.percent-30, .percent-15-torn{
	color: rgba(255, 127, 127, 0.8);
}
.percent-30-icon, .percent-15-torn-icon{
	background-color: rgba(255, 127, 127, 0.8);
}
.percent-45, .percent-30-torn{
	color: rgba(255, 127, 255, 0.8);
}
.percent-45-icon, .percent-30-torn-icon{
	background-color: rgba(255, 127, 255, 0.8);
}
.percent-60, .percent-45-torn{
	color: rgba(200, 149, 246, 0.8);
}
.percent-60-icon, .percent-45-torn-icon{
	background-color: rgba(200, 149, 246, 0.8);
}
.percent-60-torn{
	color: rgba(16, 78, 139, 0.8);
}
.percent-60-torn-icon{
	background-color: rgba(16, 78, 139, 0.8);
}
*/

/********************************************************/
/*		Report Table CSS			*/
/********************************************************/
#report-info{
	position: relative;
	top: 0px;
	left: 0px;
	width: 540px;
	height: 295px;
	margin-left: auto;
	margin-right: auto;
}

td.report-table-left{
	border-right: solid 1px black !important;
}
#report-image{
	height: 221px;
	width: 205px;
	float: left;
	border: solid 1px black !important;
	overflow: hidden;
	display: inline-block;
	clear: left;
	
	text-align: center;
}

.img-helper{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#report-table_wrapper{
	height: 221px;
	width: 300px;
	display: inline-block;
	padding-left: 3px;
	border: solid 1px black !important;
}

.report-header{
  	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-weight: bold;
    	text-align: center;
}

#report-comment{
	height: 80px;
	width: 505px;
	margin-left: auto;
	margin-right: auto;

}

#report-comment h3{
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-weight: bold;
    	text-align: center;
}

#report-comment p{
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	text-align: left;
}

/********************************************************/
/*		Map Popover Dialog			*/
/********************************************************/
table.clickInfo{
	border-collapse: collapse;
	border-style: hidden;
}

table.clickInfo tr.odd td, table.clickInfo tr.even td {
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	border: 2px solid black !important;
    	text-align: center;
	/*margin: 1px;*/
}

table.clickInfo td{
	padding: 0px 10px;
}

table.clickInfo tr.odd td{
	background-color: #e2e4ff;
}

.popover{
	width: 290px !important;
	max-width: 290px !important;
	
	max-height: 285px !important;
	
	padding: 0px !important;
	padding-bottom: 5px !important;
}

.popover-content{
	/*width: 200px !important;*/
	max-height: 175px !important;
	overflow-y: scroll;
}	

.popover-title-bar{
	background-color: #0057a5;
	background-image: url("/new/images/head_bg.gif");
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.popover-title-bar .fa-caret-left{
	color: white;
	float: right;
	padding-right: 2px;
	cursor: pointer;
}

.popover-title-text{
	color: white;
	float: right;
	padding-right: 4px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
	padding-top: 3px;
}

.popover-title-bar .fa-caret-right{
	color: white;
	float: right;
	padding-right: 2px;
	cursor: pointer;
}

.popover-title-bar .fa-times{
	color: white;
	float: right;
	padding-right: 2px;
	cursor: pointer;
}

#reportZoom{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 2px;
	margin-top: 2px;
}
#shareReport{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	margin-right: 20px;
	margin-top: 2px;
}