/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	/*background-color: #F2F2F2;*/
}
.billboard {

	margin-left:15px;
	
}
.moontime {
	background-color: #1e4087;
	color: #fff;
	padding: 6px;
	font-size: 12px;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}
.meteocalendarlink{
	

	
}
.moontext3{
	
	font-weight: 500;
	
}
.meteocalendarlink a{
	color:#000; 
	font-size:11px;
	text-decoration: none;
margin-top:5px;
	background-color: #fff;
	padding-left: 8px; 
	padding-right: 8px; 
	padding-top:3px;
	padding-bottom:3px;
	color:#000; 
	margin-left:15px; 
	border:1px solid #000;
	border-color: #000;
			-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	float:left;
}

.meteocalendarlink a:hover{
		background-color: #000;
		border-color: #fff;
	color:#fff; 
	font-size:11px;
	text-decoration: none;

}
.alert-english {
	background-color: #f44336;;
border:none;
	color: #fff;
	margin-top: 5px;
margin-bottom: 5px;
	margin-left:10px;
	margin-right:5px;
	padding:5px;

}
.alert-english a{

	color: #fff;

}

.alert-greek {
	background-color: #1e4087;
border:none;
	color: #fff;
	margin-top: 5px;
margin-bottom: 5px;
	margin-left:10px;
	margin-right:5px;
	padding:5px;

}
.alert-greek a{

	color: #fff;

}
.btn-meteo {
		color: #1e4087;
	background-color: #fff;
	border-color: #1e4087;
	
}
a.btn-meteo:hover {
	color: #fff;
	background-color: #1e4087;
	border-color: #1e4087;
}
.maxtemp {
	background-image: url(../graphics/forecasticons/3/highTempOfDay.svg);
	background-repeat: no-repeat;
	background-position: 96% 1%;
	background-size: 10px;
}
.tempcolorcell{
	padding-top: 1px;
	padding-bottom: 10%; 
	width: 100%;
}
.kapsymbol{
	margin-left:3px;
	margin-right: 3px;
	width:35px;
}
.andromeda{
	margin-left:3px;
	margin-right: 3px;
	width:46px;
}
.andromedawind{
	width:36px;
}
.OuterTableHeadRight {
	color: #7b7d80;
	font-size: 12px;
	font-weight: 700;
	/* text-shadow: 1px 1px #ccc; */
	text-align: right;
	vertical-align: middle;
}
.forecastright {
	padding-right: 5px;
	padding-top: 3px;
	font-size: 11px;
	text-transform: none;
}
.BorderLR {
	background-color: #FF9900;
	color: #000066;
	font-size: 1em;
	padding: 3px;
	text-align: center;
}
.Hot {
	background-color: #66C;
	color: #fff;
}
.xioni {
	color: #1e4087;
	font-weight: 700;
	background-color: #ccc;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
.xiononero {
color: #1e4087;
	font-weight: 700;
	background-color: #ccc;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
	
}
.rainrate6 {
	color: #fff;
	vertical-align: middle;
	background-color: #000099;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
.rainrate5 {
	color: #fff;
	vertical-align: middle;
	background-color: #006699;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
.rainrate4 {
	color: #fff;
	vertical-align: middle;
	background-color: #0099FF;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
.rainrate3 {
	color: #fff;
	vertical-align: middle;
	background-color: #3399FF;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
.rainrate2 {
	color: #fff;
	background-color: #66CCFF;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle;
}
.rainrate1 {
	color: #fff;
	background-color: #99CCFF;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
.CFiconHumid {
	width: 50px;
}
.Y45 {
	padding: 2px;
	background-color: #ccc;
}
.windText {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	padding: 10px;
}
.TDL1 {
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	color: #0066CC;
	font-size: 12px;
	padding: 2px 4px 2px 2px;
	text-align: right;
}
.LStattus1 {
	border-color: #CCCCCC;
	border-style: dotted dotted dotted none;
	border-width: 1px 1px 1px medium;
	color: #339933;
	font-size: 11px;
	padding: 2px;
}
.LStattus2 {
	border-color: #CCCCCC;
	border-style: dotted dotted dotted none;
	border-width: 1px 1px 1px medium;
	color: #FF3333;
	font-size: 11px;
	padding: 2px;
}
.time {
	color: #CC0066;
	font-size: 1.1em;
	font-weight: 500;
}
.innerTableCellLeft {
	border: 1px solid #B0B0B0;
	text-align: left;
	font-size: 12px;
}
.GtextB {
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
.velos {
	margin: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.Hot2 {
	color: #900;
	padding: 5px;
	margin: 5px;
}
.instructionsHead {
	background-color: #999;
	color: #fff;
	padding: 5px;
	margin: 5px;
}
.instructions {
	text-align: justify;
	padding: 5px;
}
.selectdrop {
	font-size: 12px;
	background-color: #09F;
	color: #fff;
	margin: 4px;
	border: 1px solid #FFF;
	font-weight: 300;
	padding: 4px;
}
.stathmoidrop {
	margin: 2px;
	font-size: 11px;
}
#alertBox {
	z-index: 1001;
	position: absolute;
	display: none;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 35%;
	width: 80%;
	max-width: 600px;
	text-align: justify;
	height: auto;
	padding: 6px;
	-webkit-box-shadow: 0px 5px 15px #333;
	-moz-box-shadow: 0px 5px 15px #333;
	box-shadow: 0px 5px 15px #333;
}
#alertCF {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
.flleft01 {
	float: left;
}
.dayNumbercf {
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	padding: 0;
	margin: 0;
}
.lowhighttempspan {
	float: right;
	margin-right: 25px;
}
.sunmoon {
	font-size: 16px;
height:20px;
	padding-bottom:4px;
}
table.mosquitostable {
	margin-left: -5px;
}
td.mosquitoLow {
	background-color: #A7D946
}
td.mosquitoMed {
	background-color: #F2D02A
}
td.aithalo {
	width:30px;
}
td.mosquitoHigh {
	background-color: #E69724
}
td.mosquitoVh {
	background-color: #F93030;
}
.probabilitytxt {
	color: #000;
	font-weight: 300;
	font-size: 0.8em;
}
td.mosquitos {
	padding-left: 5px;
	font-weight: 400;
	font-size: 0.70em;
}
td.ripesyellow {
	font-weight: 500;
	font-size: 0.8em;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	padding-left: 5px;	background-color: #cccccc;
	color: #000;
	letter-spacing: 1px;
}
td.ripesyellowcenter {
	font-weight: 500;
	font-size: 0.8em;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	padding-left: 5px;
	color: #7b7d80;
	letter-spacing: 1px;
}
td.ripesorange {
	font-weight: 300;
	font-size: 0.8em;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	padding-left: 5px;
	background-color: #e69724;
}
td.ripesred {
	font-weight: 300;
	font-size: 0.8em;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	padding-left: 5px;
	background-color: #c60300;
	color: #fff;
}
.meineteSpiti {
	background-color: #ff0000;
	color: #fff;
}
.kafsonas {
	background-color: #FF9900;
}
.PolyIsxyrosPagetos {
	background-color: #65fbfb;
}
.IsxyrosPagetos {
	background-color: #66ccff;
}
.Pagetos {
	background-color: #3399cc;
	color: #fff;
}
.rightcolumnimages {
	margin-top: 15px;
	height: 60px;
	text-align: center;
}
.PhenomenaSpecialTableCell {
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tempwidth {
	min-width: 73px;
	max-width: 73px
}
.temperature {
	font-weight: 400;
	font-size: 1.2em;
}
.celcius {
	font-weight: 100;
	font-size: 0.9em;
}
/*second attempr start*/
.nowHead2 {	background-color: #cccccc;
	color: #000;
	margin-left: 0;
	padding-left: 10px;
	font-weight: 300;
	font-size: 24px;
	text-transform: uppercase;
	border-top: 3px solid #fff;
}
#live {
	background-color: #fff;
}
.nowpanel {
	min-height: 323px;
	padding: 10px;
	background-color: #777;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
	color: #fff;
}
.leftpanel {
	margin-top: 10px;
	border-right: 1px #fff solid;
	min-height: 323px;
}
.centerpanel {
	border-right: 1px #fff solid;
	min-height: 323px;
}
.rightpanel {
	min-height: 323px;
}
.tempnumber {
	font-size: 6em;
	font-weight: 400;
}
.windnumber {
	font-size: 3.0em;
	font-weight: 300;
}
.icontemp {
	width: 30px;
	margin-top: 10px;
	margin-left: -10px;
}
.icontemp2 {
	width: 30px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
.nowcelcius2 {
	font-size: 3.0em;
	font-weight: 100;
}
.nowkmh {
	font-size: 1.6em;
	font-weight: 100;
}
.lowhightemps {
	color: #fff;
	font-size: 1.1em;
}
.hotpanel {
	background: transparent url('../graphics/weathernow/hotbg.jpg') no-repeat center center /cover
}
.snowpanel {
	background: transparent url('../graphics/weathernow/snow-bg.jpg') no-repeat center center /cover
}
.rainpanel {
	background: transparent url('../graphics/weathernow/rain-bg.jpg') no-repeat center center /cover
}
.pagetospanel {
	background: transparent url('../graphics/weathernow/pagetosbg.jpg') no-repeat center center /cover
}
.normalpanel1 {
	background: transparent url('../graphics/weathernow/generic1.jpg') no-repeat center center /cover
}
.normalpanel2 {
	background: transparent url('../graphics/weathernow/generic2.jpg') no-repeat center center /cover
}
.normalpanel3 {
	background: transparent url('../graphics/weathernow/generic3.jpg') no-repeat center center /cover
}
.normalpanel4 {
	background: transparent url('../graphics/weathernow/generic4.jpg') no-repeat center center /cover
}
.normalpanel5 {
	background: transparent url('../graphics/weathernow/generic5.jpg') no-repeat center center /cover
}
.normalpanel6 {
	background: transparent url('../graphics/weathernow/generic6.jpg') no-repeat center center /cover
}
.normalpanel7 {
	background: transparent url('../graphics/weathernow/generic7.jpg') no-repeat center center /cover
}
.dailyrain {
	margin-top: 15px;
	font-size: 1.1em;
}
.nowiconrain {
	width: 65px;
}
.nowiconwind2 {
	width: 65px;
	margin-top: 0px;
	margin-right: 5px
}
.nowbeaufort {
	text-align: right;
	font-size: 1.1em;
	margin-top: -5px;
	font-weight: 100;
}
.humid {
	font-size: 2em;
	font-weight: 100;
	margin-bottom: 10px;
}
/*second attempr end*/
.weathernowbg {
	background-color: #fff;
}
.nowHead {	background-color: #cccccc;
	color: #000;
	margin-left: 0;
	padding-left: 10px;
	font-weight: 300;
	font-size: 24px;
	text-transform: uppercase;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.nowhumidity {
	font-size: 2.5em;
	font-weight: 400;
	margin-left: 5px;
	margin-top: 14px;
}
.nowborder {
	border-bottom: 5px solid #fff;
}
.metrisi {
	padding-top: 10px;
	display: inline-block;
}
.nowTime {
	font-size: 0.7em;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
}
.englishver {
	font-size: 0.85em;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
}
.nowcelcius {
	font-weight: 100;
	font-size: 2em;
	float: left;
	padding-top: 20px;
}
.nowhPa {
	font-weight: 100;
	font-size: 0.6em;
}
.nowhPa2 {
	margin-top: 10px;
	font-weight: 100;
	font-size: 0.6em;
}
.nowrow {
	padding-top: 10px;
	padding-bottom: 10px;
}
.nowicon {
	width: 40px;
	float: left;
}
.nowiconwind {
	width: 60px;
}
.nowiconhPa {
	width: 50px;
}
.nowtemp {
	font-size: 5em;
	font-weight: 100;
	margin-left: 30px;
	float: left;
}
.CFicon {
	height: 60px;
	margin-left: 3px;
	margin-right: 3px;
}
.CFiconWind {
	height: 48px;
	margin-left: 3px;
	margin-right: 3px;
}
.CFiconXS {
	width: 40px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 2px;
}
.CFiconDust {
	width: 48px;
	margin-left: 3px;
	margin-right: 3px;
}
.CFiconwindarrow {
	width: 36px;
	margin: 5px;
}
.CFiconfeeltmp {
	width: 8px;
	margin-right: 3px;
}
.CFiconmosquito {
	padding: 2px;
	width: 24px;
	margin-top: -2px;
}
.CFiconripes {
	width: 22px;
}
.t9 {
	font-size: 0.75em;
	font-weight: 100;
}
.cellpadding {
	width: 50px;
	min-width: 50px;
	max-width: 50px;
}
.phenomeno-name {
	font-weight: 400;
}
.phenomeno-nameXS {
	font-weight: 400;
	text-align: center;
	font-size: 0.9em;
	padding-top: 5px;
}
tr.rowmargin {
	border-bottom: 1px solid #7b7d80;
}
.cityname {
	color: #1e4087;
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 5px;
	margin-top: 5px;
}
.sailmapname {
	color: #1e4087;
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}
.forecastDate {
	background-color: #F2F2F2;
	color: #1e4087;
	min-height: 60px;
	margin-left: 0;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: 300;
	font-size: 24px;
	text-transform: uppercase;
	border-bottom: 1px solid #7b7d80;


}
.helpHeader {
	background-color: #ffffff;
	color: #7b7d80;
	padding: 10px;
	margin-left: 0;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	text-transform: uppercase;
}
td.OuterTableHead {
	margin-top: 10px;
	text-align: center;
	padding: 5px;	background-color: #cccccc;
	color: #000;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
}
td.OuterTableHeadnomargin {
	margin-top: 10px;
	text-align: center;
	padding: 5px;	background-color: #cccccc;
	color: #000;
	border-bottom: 3px solid #fff;
}
.innerTableCell {
	text-align: center;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.innerTableCellhelp {
	text-align: center;
	padding: 5px;
	border: 1px #ccc solid;
}
.innerTableCellLeft {
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.phenomenafull {
	/*background-color: #B0B0AF;*/
	/*background-color: #ACBDFA;*/
	/*background-color: #F2F2F2;*/
}
td.icontab:hover .rightcolumnimages .a {
	transition: fill .8s ease;
	stroke: #fff;
}
.icondesc {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	font-size: 0.9em;
}
.icontab {
	text-align: center;
}
.icontab a {
	color: #1e4087;
}
td.icontab:hover {
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	/* ...and now for the proper property */
	transition: .8s;	background-color: #cccccc;
}
td.icontab {
	-o-transition: 3s;
	-ms-transition: 3s;
	-moz-transition: 3s;
	-webkit-transition: 3s;
	/* ...and now for the proper property */
	transition: 3s;
	background-color: none;
}
.uppercase1 {
	text-transform: uppercase;
}
.container {
	background-color: #fff;
}
.blankmargin {
	background-color: #fff;
	padding: 80px;
}
.anakoinwsiImg {
	margin-top: 10px;
}
.tablehead {
	padding-left: 5px;
	text-align: left;
	font-weight: 400;
	margin-top: 5px;
}
.tableheadcenter {
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	font-weight: 400;
	margin-top: 5px;
}
/*meteorology newa sections */
.tabli {
	height: 64px;
	padding: 0;
	margin: 0;
	text-align: left;	background-color: #cccccc;
	color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
		margin-top: 3px;
	margin-bottom: 3px;
	font-size:12px;
}
.dailybackground{
	text-transform: uppercase;
	/*background-color: rgb(51, 51, 51);
	color:#fff;*/
	
}
ul.nav-tabs {
}
.nav-tabs > li {
/* width = (100 / number of tabs). This example assumes 3 tabs. */

}
.nav-tabs li > a {
	background-color: none;
	padding: 0;
	text-align: left;
}
.tabli_info {
	height: 70px;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: left;	background-color: #cccccc;
	color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.tabli_cf {
	height: 35px;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: left;	background-color: #cccccc;
	color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 0.9em;
}
.nav-tabs.nav-justified > li.active > a.info {
	color: #fff;
	background-color: #1e4087;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
.nav-tabs.nav-justified > li > a.info:hover {
	color: #fff;
	background-color: #1e4087;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
.panel-body_info {
	padding-top: 3px;
	background-color: #F2F2F2;
}
.modal-backdrop {
	z-index: 0;
}
.nav-tabs.nav-justified > li > a {
	padding-left: 6px;
	padding-top: 4px;
	text-align: left;
	margin-bottom: 0;
	border-radius: 0;
	margin-right: 5px;
}
.nav-tabs.nav-justified > li.active > a {
	color: #fff;
	background-color: #1e4087;
}
.nav-tabs.nav-justified > li > a:hover {
	color: #fff;
	background-color: #1e4087;
}
.panel {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: none;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.panel-default > .panel-heading {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.panel-body {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 8px;
	margin-right: 5px;
	/*background-color: #F2F2F2;*/
}
/*meteorology newa sections */
.rightColumnSectionHeader {
	text-align: left;
	background-color: #1e4087;
	color: #fff;
	padding-top:5px;
	margin-top: 5px;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: 100;
	font-size: 18px;
}
.lowhightemp {
	margin-left: 5px;
	text-align: left;
	font-weight: 400;
	margin-top: 5px;
}
.winddirection {
	margin-left: 5px;
	font-weight: 100;
	margin-top: 60px;
	margin-bottom: 50px;
	font-size: 1.5em;
}

@media (max-width: 767px) {
	.tabli{height:50px;	}
.sailmapname {
	font-size: 16px;
	text-align: center;
}
.nowHead2 {
	font-size: 16px;
}
td.mosquitos {
	padding-left: 0px;
	font-weight: 400;
	font-size: 0.6em;
}
table.chances {
	background-color: transparent;
}
.moonBox {
	margin-top: 15px
}
.rightpanel {
	min-height: 50px;
}
.humid {
	margin-bottom: 10px;
}
.dailyrain {
	margin-top: 0;
	font-size: 1.1em;
}
.lowhighttempspan {
	float: none;
	margin-right: 25px;
}
.nowbeaufort {
	text-align: center;
	font-size: 1.1em;
	margin-top: -5px;
	margin-left: 60px;
	font-weight: 100;
}
.winddirection {
	margin-left: 5px;
	font-weight: 100;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.5em;
}
.leftpanel {
	margin-top: 10px;
	border-right: none;
	min-height: 50px;
}
.centerpanel {
	border-right: none;
	min-height: 50px;
}
.forecastDate {
	background-color: #F2F2F2;
	color: #1e4087;
	margin-left: 0;
	padding-left: 10px;
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
border-bottom: 1px solid #7b7d80;
}
.dayNumbercf {
	font-size: 16px;
	color: #1e4087;
	font-weight: 300;
	text-align: center;
	padding: 0;
	margin: 0;
}
.nav-tabs.nav-justified > li > a.info {
	padding-top: 7px;
	text-align: left;
	margin-bottom: 0;
	border-radius: 0;
	margin-right: 0px;
	min-width: 98px;
	border: none;
}
.CFicon {
}
.CFiconmosquito {
	width: 20px;
}
.phenomeno-name {
	text-align: left;
	font-size: 0.9em;
}
}

@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a.info {
	padding-top: 7px;
	text-align: left;
	margin-bottom: 0;
	border-radius: 0;
	margin-right: 3px;
	min-width: 98px;
	border: none;
}
}

@media screen and (max-width: 991px) {
.moonBox {
	margin-top: 15px
}
.rightpanel {
	min-height: 50px;
}
.humid {
	margin-bottom: 10px;
}
.dailyrain {
	margin-top: 0;
	font-size: 1.1em;
}
.lowhighttempspan {
	float: none;
	margin-right: 25px;
}
.nowbeaufort {
	text-align: center;
	font-size: 1.1em;
	margin-top: -5px;
	margin-left: 60px;
	font-weight: 100;
}
.winddirection {
	margin-left: 5px;
	font-weight: 100;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.5em;
}
.leftpanel {
	margin-top: 10px;
	border-right: none;
	min-height: 50px;
}
.centerpanel {
	border-right: none;
	min-height: 50px;
}
.infodiv {
	margin-left: 0;
	margin-right: 0;
}
.tablebg {
	/*background-color: #F2F2F2;*/
}
.rightColumnSectionHeader {
	text-align: left;
	background-color: #1e4087;
	color: #fff;
	
	margin-top: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom:5px;
	padding-left: 10px;
	font-weight: 100;
	font-size: 18px;
}
.rightColumnSectionHeader a {
	color: #fff;
}
.rightColumnSectionHeader a:hover {
	text-decoration: none;
	color: #fff;
}
}

@media (min-width: 992px) {
.infodiv {
	margin-left: 10px;
	margin-right: 0;
}
.tablebg {
	/*background-color: #F2F2F2;*/
	margin-left: 10px;
	max-width: 300px;
}
.rightColumnSectionHeader a {
	color: #fff;
}
.rightColumnSectionHeader a:hover {
	text-decoration: none;
	color: #fff;
}
}
.subdateLeft {
	text-align: left;
	font-size: 10px;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 10px;
}
.TabG {
	padding-left: 5px;
	text-align: left;
	font-weight: 300;
	font-size: 11px;
	color: #000;
}
.TabG a {
	color: #000;
	text-decoration: none;
}
.TabGright {
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
}
.TabGcenter {
	font-size: 12px;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}
.lowtemp {
	color: #1e4087;
}
.hightemp {
	color: #f00;
}
.tablebg td {
	padding-top: 2px;
	padding-bottom: 2px;
}
tr.perhour:hover {
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	/* ...and now for the proper property */
	transition: .8s;
	background-color: #D9D8D8;
}
tr.perhour:hover td {
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	/* ...and now for the proper property */
	transition: .8s;
	background-color: transparent;
}
tr.perhour td {
	-ms-transition: 3s;
	-moz-transition: 3s;
	-webkit-transition: 3s;
	/* ...and now for the proper property */
	transition: 3s;
	background-color: none;
}
tr.perhour {
	-o-transition: 3s;
	-ms-transition: 3s;
	-moz-transition: 3s;
	-webkit-transition: 3s;
	/* ...and now for the proper property */
	transition: 3s;
	background-color: none;
}
.footerBox {
	background-color: #1e4087;
	color: #fff;
	padding: 6px;
	min-height: 145px;
	font-size: 12px;
	margin-top: 15px;
}
.footermenuUL {
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 28px;
}
.footermenuULlg {
	list-style-type: none;
	margin: 0;
	padding-left: 28px;
}
.footermenuSocial {
	list-style-type: none;
}
.footermenuSocialB {
	list-style-type: none;
	margin-top:15px;
}
.footermenuA {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
a.footermenuA:hover {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
.socialtopA {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
a.socialtopA:hover {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
.socialtopB {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	color:#1e4087;
	font-size: 14px;
}
a.socialtopB:hover {
	text-decoration: none;

	font-size: 14px;
}
.bottomLine {	background-color: #cccccc;
	color: #000;
	padding: 6px;
	font-size: 12px;
}
.bottomLine1 {	background-color: #cccccc;
	color: #000;
	font-size: 12px;
}
.footerBox1 {
	background-color: #1e4087;
	color: #fff;
}
.sectionBox {
	/*border-top: 1px #1e4087 solid;
	border-bottom: 1px #1e4087 solid;*/
	padding-left: 5px;
	min-height: 60px;
}
.sectionBox2 {
	border-top: 1px #1e4087 solid;
	border-bottom: 1px #1e4087 solid;
	padding-left: 5px;
	min-height: 30px;
	margin-bottom:10px;
	margin-top:15px;
}
.height95 {
	margin-top: 10px;
	border-bottom: none;
}
.moonBox {
	background-color: #F2F2F2;
	min-height: 100px;
	padding: 5px;
	margin-left: 8px;
	margin-bottom: 10px;
}
.padding01 {
	padding-left: 10px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.padding02 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 10px;
}
.tablebg > tbody > tr:first-child > td {
	padding-top: 5px;
}
.padding03 {
	padding-top: 5px;
}
.margin01 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 0;
}
.margin02 {
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
.margin20 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.margin03 {
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
.margin04 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 14px;
	margin-right: 0;
}
.margintop {
	margin-top: 15px;
}
.margin-bottom {
	margin-bottom: 5px;
}
.margin-bottom1 {
	margin-bottom: 15px;
}
.alertstxt {
	text-align: center;
	color: #f00;
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	padding: 4px;
	margin-bottom: 4px;
}
.alertsicons {
	margin: auto;
	width: 186px;
	height: 44px;
}
.datesubmited {
	font-size: 12px;
	color: #7b7d80;
	font-weight: 300;
	padding-top: 20px;
	float: right;
}
.newssrc {
	font-size: 12px;
	color: #7b7d80;
	font-weight: 300;
	padding-top: 20px;
	float: left;
}
.phonetic {
	float: left;
}
.phonetictxt {
	float: left;
	margin-top: 18px;
	margin-right: 5px;
}
.phoneticmp3 {
	margin-top: 12px;
	float: left;
}
.phoneticfull {
	float: left;
}
.dateclass {
	margin-bottom: 0px;
}
.dayLetters {
	font-size: 48px;
	color: #1e4087;
	font-weight: 100;
	text-transform: uppercase;
	float: left;
	padding: 0;
	margin-bottom: -10px;
}
.dateNumbers {
	margin-top: 9px;
	margin-left: 10px;
	float: left;
}
.dayNumber {
	font-size: 24px;
	color: #7b7d80;
	font-weight: 300;
	text-align: center;
	padding: 0;
	margin: 0;
}
.monthNumber {
	font-size: 12px;
	color: #1e4087;
	font-weight: 300;
	text-align: center;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	margin-top: -5px;
}
.dateNumberscf {
	margin-left: 10px;
	float: left;
}
.monthNumbercf {
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
	text-transform: uppercase;
	margin-top: -5px;
}
.subTitle2 {
	font-size: 18px;
	color: #1e4087;
	font-weight: 300;
	margin-top: 0;
	padding-top: 0;
}
.subTitle3 {
	font-size: 14px;
	color: #1e4087;
	font-weight: 100;
	margin-left: 10px;
	margin-top: 25px;
	margin-bottom: 5px;
	padding-top: 0;
	float: left;
}
.bigTitle {
	margin-top: 5px;
	color: #1e4087;
	font-size: 22px;
	font-weight: 100;
	margin-bottom: 5px;
}
.navbar {
	margin-bottom: 0;
}
.navbar .dropdown-menu li > a {
	font-size: 0.85em;
}
.navbar-nav > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
}
.navbar-form {
	margin-left: -15px;
	margin-right: -15px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}
.nav > li > a {
	padding-left: 5px;
	padding-right: 5px;
}
h1.m {
	font-size: 48px;
	font-weight: bold;
}
h2.m {
	font-size: 32px;
	font-weight: 100;
	letter-spacing: 1.4px;
	text-align: left;
	padding-left: 16px;
	margin-top: -10px;
}
h3.m {
	font-size: 28px;
	font-weight: 300;
}
h4.m {
	font-size: 18px;
	font-weight: 300;
}
.topframe {
	background-color: #1e4087;
	color: #fff;
	padding: 6px;
	font-size: 12px;
}
.nopadding {
	padding: 0;
}
.titlosHead {
	position: absolute;
	top: 10px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	margin-top: 8px;
	margin-left: 25px;
	margin-right: 25px;
	width: auto;
	display: block;
	word-wrap: break-word;
}
.alertsBox {
	float: right;
	margin-left: 0;
	min-height: 90px;
	max-height: 90px;
	background-color: #F2F2F2;
	padding: 0px;
	min-width: 220px;
}
.alertsBox1 {
	float: right;
	margin-top:5px;
	margin-left: 10px;

	min-height: 105px;
	max-height: 105px;
	background-color: #F2F2F2;
	padding: 0px;
	min-width: 220px;
}
.alertsBox2 {
	float: right;
	margin-top:5px;
	margin-left: 10px;
	margin-bottom: 10px;

	padding-bottom: 5px;
	min-width: 220px;
}
.alertsBox3 {

	margin-top:5px;
	margin-left: 10px;
	margin-bottom: 10px;

	padding-bottom: 5px;
	min-width: 180px;
}
.ad728x90 {
	padding-bottom: 5px;
	padding-left: 0px;
	min-width: 728px;
	max-width: 728px;
}
.ad728x90cf {
	padding-bottom: 5px;
	padding-left: 0px;
	min-width: 728px;
	max-width: 728px;
	margin-top: 15px;
}
.logoclass {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
	max-width: 240px;
}
.socialdiv {
	margin-top: -10px;
}
.belowlogo {
	padding: 5px;
}
p {
	margin-top: 6px;
	margin-bottom: 6px;
	line-height: 1.3em;
}
.highdust a {
	color: #FF0000;
}
.highdust {
	color: #FF0000;
}
.mediumdust a {
	color: #FF6A00;
}
.mediumdust {
	color: #FF6A00;
}
.lowdust a {
	color: #049E00;
}
.lowdust {
	color: #049E00;
}