/* RadarLab HD+ image */
#radarlab-image{position:relative;}
#radarlab-loc-image{position:absolute;top:0;left:0;}

p.launch_lab {
    font-size: 133%;
    font-weight: 400;
    margin: 0.5em 0 4em;
}

p.launch_lab span {
	font-weight: 600;
}

/* Current Conditions */
#current-conditions{font-size:1.1em;}
#reporting-from-div{color:#dddddd;font-size:0.9em;padding:10px 0 5px 10px;}
#homepage-now-icon-temp-div{position:relative;float:left;width:40%;}
#homepage-now-icon-div{width:50%;font-size:4em;float:left;position:relative;padding:20px 0px 0px 10px;}
#homepage-now-temp-div{width:50%;float:left;position:relative;padding-right:10px;}
#now-update-time-div{float:left;font-size:0.7em;width:100%;padding-bottom:15px;clear:both;}
.location-title-div{display:none;}
#now-right-col{position:relative;float:left;width:55%;padding-top:5px;margin-left:20px;}
.now-table-td{border-bottom:1px solid #d9d9d9;vertical-align:top;}
.now-table-td-left{width:25%;}
.temperature-div{font-size:3.9em;padding:30px 0 30px 0;font-weight: 100;}
.full-forecast-div{float:left;padding:20px 0px 10px 0px;}
.reporting-from-div{font-size:0.8em;line-height:1.4;padding-bottom:10px;}
.feels-div{padding-left:5px;}

/* WWA warnings */
#wwa-alerts-div{margin-bottom:20px;}
.wwa-list-left-div{position:relative;float:left;width:30px;}
.wwa-list-right-div{font-style:italic;}
.wwa-warning-icon{color:#ff0000;}

/* Hourly Forecast */
.hourly-single-fcst-div{float:left;width:152px;margin-right:5px;background-color:#f2f2f2;border:1px solid #e9e9e9;}
#scroll-buttons-table {clearall;width:660px;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
#hourly-fcst-scroll-div .scroll-button {width:36px;}
#hourly-fcst-scroll-left{color:#dddddd;float:left;margin-top:120px;width:30px;height:60px;margin-right:5px;cursor:pointer;}
#hourly-fcst-scroll-right{color:#9cca10;float:left;margin-top:120px;width:28px;height:60px;margin-left:5px;cursor:pointer;}
.hourly-scroll-div{font-weight:bold;text-align:center;padding-top:20px;margin-right:5px;}
.fcst-day {font-size:0.9em;text-align:center;}
.fcst-hour {text-align:center;border-bottom:1px solid #d9d9d9;}
.fcst-sky-image {text-align:center;font-size:2.5em;padding-bottom:0.5em;}
.fcst-sky-text {text-align:center}
.fcst-temp {text-align:center;font-size:2.2em;padding-top:10px;padding-bottom:10px;}
.fcst-standard {text-align:left;padding-left:30px;padding-top:5px;}
.fcst-wind {text-align:left;padding-left:30px;padding-top:5px;}
.fcst-label {float:center;}
.fcst-pop {text-align:center;padding-bottom:5px;}
.fcst-temp-feelslike{font-size:1.1em;text-align:left;padding-top:10px;padding-left:30px;}
#hourly-fcst-click-div {padding-top:20px;padding-bottom:20px;}
#hourly-fcst-div {float:left;width:580px;overflow:hidden;}
#hourly-fcst-loc-div {width:725px;padding-top:30px;padding-bottom:5px;overflow:hidden;}
#hourly-fcst-scroll-div {width:660px;height:50px;overflow:hidden;font-size:1.1em;}
#hourly-fcst-link {font-size:1.2em;font-weight:bold;}
#fcst-effective-time {;padding-bottom:10px}
.forecast-icon-div{width:60px;text-align:center;float:left;}
.forecast-text-div{width:600px;float:left;}
#hfcst-div{width:750px;}
.ui-widget-content {color:#474747 !important;}

/* Change Location */
.loading-data-div{min-height:250px;}
#no-location-found-div{}
.loading-data-string-div{width:64px;margin:0 auto;padding-top:100px;}
#saved-location-span{font-weight:bold;}
#no-location-found-div{display:none;}
#no-location-found-div input{margin-top:10px;}
.new-location-option-div{text-decoration:underline;cursor:pointer;}


/* Quick Cast */
.quick-fcst-day-div{margin:15px 5px 0 0;padding-bottom:20px;background-color:#f2f2f2;float:left;width:152px;font-weight:400;font:inherit;font-size:1.3em;border:1px solid #e9e9e9;}
.quick-fcst-title-div{font-size:0.8em;text-align:center;padding:10px 0 10px 0;margin-bottom:15px;border-bottom:1px solid #d9d9d9;}
.quick-fcst-icon-div{text-align:center;font-size:3em;padding:0.5em 0 0.5em 0;}
.quick-fcst-wxdesc-div{font-size:0.8em;text-align:center;padding-bottom:5px;padding-top:5px;}
.quick-fcst-pop-div{text-align:center;padding-bottom:30px;}
.quick-fcst-high-div{position:relative;float:left;text-align:right;width:66%;padding-bottom:20px;font-size:2em;}
.quick-fcst-low-div{position:relative;float:left;text-align:center;padding-left:18px;padding-top:8px;}
.quick-fcst-div{padding-top:10px;}
.wx-quickcast-rain-icon{font-size:0.9em;padding-right:5px;color:#00a6eb;}

/* Change Weather Location */
.change-location-div{width:50%;position:relative;float:left;padding-top:40px;}
.change-location-string-div{font-size:1.2em;padding-bottom:20px;font-weight:500;}
.change-location-id-div{padding-bottom:10px;}
.change-location-text-div{padding-bottom:5px;}
.change-location-checkbox-div{padding-top:10px;padding-bottom:15px;}

/* Tooltip */
.ui-tooltip{margin:0;padding:0;line-height:0.5;}
.ui-tooltip-content{margin:0;padding:0;font-size:0.8em;}


/* Current Conditions Tabs */

.ui-tabs {
    padding: 0 !important;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.33);
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.4em .4em 0 !important;
    border-radius: 0;
}

.ui-tabs .ui-tabs-nav li {
	border: none;
}

.ui-widget-header {
    /*	background: transparent url("/images/bg-tabs-bluegrad.png") repeat-x !important; */
    background-image: none !important;
    background-color: #00a6eb !important;
	border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none !important;
    background-color: #e6e6e6;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #00a6eb !important;
	font-weight: 600;
}


/* Meteorologist Mark Sidebar */


section.mark_sidebar header {
	padding-top: 1em !important;
	padding-right: 0.7em;
	margin-bottom: 0 !important;
}

section.mark_sidebar header h2 {
	line-height: 1.3em;
	font-size: 1.8em !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

section.mark_sidebar header h3 {
	margin-bottom: 16px;
	margin-top: 0;
}

section.mark_sidebar .blog-sidebar {
	display: block;
	width: 360px;
	height: 186px;
	background: url('../../templates/images/blog-sidebar.jpg');
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	font-weight: 700;
	font-size: 15pt;
	padding-top: 118px;
	margin-bottom: 8px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	transition: 100ms ease all;
}

section.mark_sidebar .blog-sidebar:hover {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
	margin-top: -2px;
	margin-bottom: 10px;
	text-decoration: underline;
}

section.mark_sidebar div {
	background: #FFF;
	border: 1px solid #EEE;
	border-radius: 3px;
	height: 364px;
	overflow: hidden;
	padding: 0.6em 1.2em;
	position: relative;
}

section.mark_sidebar div h4 {
	text-align: center;
	text-transform: uppercase;
	color: #7b7b7b;
	letter-spacing: 3px;
	font-size: 90%;
	margin-bottom: 0.6em;
}

section.mark_sidebar div h3 {
	text-align: center;
	color: #39c2fa;
	font-size: 180%;
}

section.mark_sidebar div h3 span {
	color: #555;
	font-size: 80%;
}

section.mark_sidebar div p {
	line-height: 1.3em;
	text-align: justify;
	margin-bottom: 0.5em;
}

section.mark_sidebar div div.fadeout {
	position: absolute; 
	padding: 0;
	border: none;
    bottom: 0em;
    width:95%;
    height: 19em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

section.mark_sidebar div a.markButton {
    background: #8cba00;
    display: block;
    padding: 0.5em 1em;
    margin: 0 auto !important;
    cursor: pointer;
    position: absolute;
    bottom: 27px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 130%;
    left: 6.6em;
    border-radius: 4px;
}

section.mark_sidebar div a.markButton:hover {
    background: #9cca10;
}




/* New blog embed */
.blog-post a {
	text-decoration: none;
	color: #333 !important;
}

.blog-post .post-title:hover h1 {
	text-decoration: underline !important;
}

.blog-post {
	width: 360px;
	background: #FFF;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.33);
	border-radius: 2px;
	padding: 8px;
	margin: 0 auto;
	margin-bottom: 14px;
	transition: 100ms ease all;
	position: relative;
	display: inline-block;
}

.blog-post .post-title {
	width: 356px;
	height: 200px !important;
	background-color: rgba(0, 0, 0, 0.2);
	background-position: center;
	/*background-size: 150% auto;*/
	background-size: cover;
	margin-left: -8px;
	margin-top: -8px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	position: relative;
}

.blog-post .post-title h2 {
	color: #FFF;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.66);
	font-weight: 700;
	font-size: 12pt;
	width: 356px;
	padding: 16px 16px 8px 16px;
	position: absolute;
	bottom: 0;
	margin-bottom: 6px;
}

.blog-post .post-title:hover h2 {
    text-decoration: underline !important;
}

.fpost:hover h2 {
    text-decoration: underline !important;
}

.blog-post .go:hover {
    text-decoration: underline;
}

.bcolumn {
	margin: 0 !important;
	padding: 0 !important;
	width: 50%;
	float: left;
}

.blog-post h3 {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	margin-top: 10px;
	margin-left: 4px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}

.blog-post h6 {
	margin-top: 0;
	margin-left: 4px;
	color: #444;
	font-size: 1em;
	/*line-height: 10pt;*/
	font-weight: 400;
}

.blog-post .go {
	margin-top: 10px;
	margin-left: 4px;
	color: rgba(0, 166, 235, 1.0) !important;
	font-weight: 500;
}

.blog-post .go:hover {
	text-decoration: underline;
}





/* Curve things */
.radarlab-national-beta-header > img, #radarlab-radar-image {
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
    transition: .25s ease all;
}
.radarlab-national-beta-header > img:hover {
    opacity: 0.95;
}




h2.gbottom {
    padding-bottom: 4px;
    border-bottom: 2px solid #8cba00;    
}



.social_media_fb, .social_media_twitter {
    border-radius: 4px;
    border: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
}

.social_media_fb {
    margin-right: 32px;
}


#quick-links > ul a {
    color: #333 !important;
    text-decoration: none !important;
}

#quick-links > ul a:hover {
    color: #333 !important;
    text-decoration: underline !important;
}

#quick-links > ul a > li {
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
}

#quick-links h3 {
    padding-top: 13.5px;
    margin-left: 0 !important;
    text-decoration: none !important;
}

#quick-links ul.posts p, #quick-links ul.posts h3 {
    color: #333 !important;
}

#quick-links .align-left {
    margin-right: 1.25em !important;
}

#quick-links ul.posts p {
    margin-bottom: 0px;
    text-decoration: none !important;
}
#quick-links > ul a img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}







@media screen and (min-width: 1200px) {
	h2 {
		font-size: 1.75em;
	}
	#weather-location-div h2 {
		padding-bottom: 0;
	}
	p.launch_lab {
		margin-bottom: -3px;
	}
	#tabs {
		width: 100%;
	}
	#hourly-forecast, #daily-forecast, #change-location {
		width: 790px;
		margin: 0 auto;
	}
	section.three_buttons a {
		outline: 1px solid /*#00a6eb;*/ #39c2fa;
		border: 8px solid transparent;
		border-radius: 4px;
		box-sizing: content-box;
		margin: 0 1.66em 0 0;
		/*background-color: #39c2fa;*/
	}
	
}

@media screen and (max-width: 1200px) {
	.8u > #content {
		width: 700px !important;
	}
	#radarlab-radar-image {
		width: 700px;
	}
	#weather-location-div h2 {
		width: 700px;
	}
	
	section.three_buttons {
		width: 700px;
		/*background-color: #39c2fa;*/
	}
}