@charset "utf-8";
/* for /climate/index.shtml */

.thumbnails {text-align: center; margin: 0 0 0.5em 0; padding: 0;}
.thumbnails a {width: 95%; height: auto; background-color: #fff; 
	border-radius: 6px; text-decoration:none; display:block; box-shadow:0 0 2px #ccc; margin: 5px 5px 5px 5px; border: 1px solid #D4D4D4;}

/* .elements .thumbnails a {height: 11.6em;}*/
.thumbnails a:hover, .thumbnails a:active {box-shadow: 0 0 3px #999; border: 1px solid #999;}
.thumbnails figure {display: block;  margin: 1px; padding: 0; background-color: #fff; border-radius: 6px;}

.thumbnails figcaption {background-color: #EDF3FF; color: #215987; padding: 0.5em; margin: 0; display: block; text-align: center; border-radius: 6px 6px 0 0; font-size:1em;}
.thumbnails a:hover figcaption, .thumbnails a:active figcaption{background-color: #D5E9F7;}

.block-50 {box-sizing: border-box; width:50%; }
.block-50.thumbnails a {height: auto; border-radius: 0; min-height :144px;}
.block-50.thumbnails .nocaption a {height: auto; border-radius: 0; min-height: 115px;}
.block-50.thumbnails figure, .block-50.thumbnails.ui-responsive img, .block-50.thumbnails figcaption {border-radius: 0}

.ui-responsive img { max-width: 100%; width: auto; max-height: 115px; height: auto; display: block; border-radius: 0 0 6px 6px; margin: auto; box-sizing: border-box; text-align: center;}
.ui-responsive img.fullwidth {width: 100%;}

/* data services */
#ds-promo {height: 11.6em; position: relative; background: #1964AA url(/climate/images/promotion/climate/climate-home-ds-tn.png) 0 28px; }
#ds-promo a {color: #fff !important; text-decoration: none;}
#ds-promo img {display: block; position: absolute; max-width: 100%; top: 28px;}
#ds-promo h3.bg-screen-dark {text-align: center; color: #fff; position: absolute; z-index:20; margin:20px 0; padding:1em; background-color: rgba(0,0,0,0.2);}
.bg-screen-dark:hover {background-color: rgba(0,0,0,0.4);}
/* end data services */

.block-25 {width:25%; box-sizing:border-box;}
.block-100 {width:100%; clear:both;}
.height-160px {height:160px;}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */

#lvOptions {
	margin: -3.6em 5px 5px 560px;
	padding: 0;
	text-align: right;
	width: auto;
	max-width:50%;
	min-height: 3em;
}
#lvOptions div div {
	clear: none;
	display: inline-block !important;
	padding: 0;
	width: auto !important;
}
#lvOptions div {
	display: inline-block;
	text-align: right;
	width: auto;
}
.ui-btn {background-color: #F0EEEB;  box-shadow: 0 0 2px #ccc; border: 1px solid #ccc; border-radius: 6px;padding: 10px; text-align: center; text-decoration: none;}
a:hover.ui-btn {background-color: #f8f8f8;  box-shadow: 0 0 4px #999;}
.ui-icon-mail {padding-left: 24px; background: #F0EEEB url(/climate/jquery/mobile/themes/images/icons-png/mail-white.png) no-repeat  5px 12px;}
.ui-icon-comment {padding-left: 24px; background: #F0EEEB  url(/climate/jquery/mobile/themes/images/icons-png/comment-white.png) no-repeat 5px 12px;}

span.annotation {display: block; text-align: center; padding-top: 5px;}

/* enso tracker (light)*/
.enso-dial {text-align:center; padding-top:15px; width:auto;}
.enso-dial img {border-radius:0;}
.enso-dial .status { min-width: 100px; width: 80%; margin: auto;  line-height: 1.6em; min-height: 1.8em; background-color: #efefef;}
.enso-dial #statusText {clear: none; display: block; float: left; width: auto; font-size: 12px; padding: 0; margin: 0.2em 0 0 .4em; border-bottom: none;}
#statusImg {display: block; float: left; width: 21px;}
#dialImg {max-width: 98%; display :block; margin: auto;}
/* end enso tracker(light)  */
.home-video a { position:relative;  color: #215987 !important; overflow:hidden; max-height:135px;}/* desktop */
.home-video a:focus {outline: 1px dotted #990000 !important;}
.home-video b {
    position:absolute;
    top:0;
    background-color: #edf3ff;
    border-radius: 0;
    color: #215987 !important;
    display: block;
    width:100%;
    font-size: 1em;
    margin: 0px;
    padding: 0.5em;
	box-sizing:border-box;
	border:1px solid #fff;
    text-align: center;
	font-weight:normal;
}
.home-video img{padding: 1px 0; max-height:165px; height:150%; width:120%; background-color:#000; box-sizing:border-box; display:block; margin-top: 5%; /*14px;*/}

.feature-set figure {visibility:hidden;}
/*.thumbnails .feature-set a, .thumbnails .slider-set a {margin: 4px 4px 2px 4px;}*/
.thumbnails a.ui-btn, a.stop-feature-set, a.btn-stop {font-size: 0; line-height: 0; position: absolute; right: 0; height: 20px;  min-height:20px;width:20px; background-color: #efefef;  float: right; box-sizing: border-box; padding:0; z-index: 9999; margin: 2px; border-radius: 10px;}
.block-50 .feature-set ul {padding-left: 0;}
.slick-list, .feature-set, .slider-set {background-color: #fff;}
.slick-dots {bottom: -30px !important; background-color: #fff; min-height: 30px;}

.slick-prev, .slick-next { text-shadow: 0 0 2px #000; top: 138px;}
.slick-prev {left:5px; }
.slick-next {right:5px; }

.stop {background-image: url(/climate/images/symbols/media-stop-10px.png); background-repeat: no-repeat; background-position: 4px 4px;}
.play {background-image: url(/climate/images/symbols/media-play-10px.png); background-repeat: no-repeat; background-position: 5px 4px;}

/* rainfall and temperature slider set */
.slider-set .slick-slide {min-height: 154px;}/*148px */
.slider-set ul {margin: 0; padding: 0;}
.slick-prev, .slick-next { font-size: 11px; text-shadow :0 0 1px #000; top: 138px; width: 23px;height: 23px; overflow:hidden; word-spacing: 2px}
.slider-set { margin-bottom: 30px; }

.slick-dots {text-align: left; padding: 5px 10px 0 10px; min-height:30px;}


/* old news list */
/*
ul.news-list {padding:5px 0; margin:0 5px 0 0;}
.news-list li {list-style-image: none; padding: 5px 0 3px 3px; margin: 0; min-height: 60px; box-sizing: border-box; border-bottom: 1px dotted #efefef;  position: relative;}
.news-list li:hover {background-color:#F0EEEB;}
.news-list img {width: 70px; height: 50px; float: left; margin-right: 5px; padding: 1px; border: 1px solid #ccc; box-shadow:0 0 2px #ccc;}
.news-list a {text-decoration: none; display: block; height: 60px; text-decoration: none; cursor: pointer;}
.news-list .date {display: block; margin-right: 10px;font-size :0.9em; width: auto;}
*/
.reports h3 { color: #000; margin: 5px;padding:0px; font-size:1.1em;}
.reports ul.horizontal {margin-left:5px;}

/* news list */
.news-list {padding:5px 0; margin:0 5px 0 0; list-style:none; list-style-type:none;}
.news-list li {list-style:none; list-style-type:none; list-style-image: none; padding: 5px 0 5px 3px; margin: 0 0 5px 0; min-height: 60px; box-sizing: border-box; border-bottom: 1px dotted #efefef;  position: relative;}
.news-list li:hover {background-color:#F0EEEB;}
.news-list img {width: 70px; height: 50px; position: absolute; margin-top:3px; padding: 1px; border: 1px solid #ccc; box-shadow:0 0 2px #ccc;}
.news-list a {text-decoration: none; display: block; min-height: 60px; text-decoration: none; cursor: pointer; position:relative;}
.news-list .date {display: block; margin-right: 10px;font-size :0.9em; width: auto;}
.news-list a .description {display:block; color: #000 !important; margin-bottom: 2px;}
.news-list h3 { color: #069; font-weight:normal; font-size:1em; line-height: 1em; margin:0px 5px 3px 0; display:inline-block;}
.news-list time { display:inline-block; color: #666 !important; font-size:0.90em;  }

.news-list h3 , .news-list .description { margin-left:80px !important;} /* , .news-list time, .news-list span */
.news-list .description { display: block; }



/* directory */
.directory .block-25 {width: 24.4%; float:left; box-sizing: border-box; padding: 0;margin: 0;}
.directory div {border-left: 1px dotted #ccc;}
.directory h2 + div {border-left: none;}
.directory h3 {clear: both;}
.directory a {text-decoration: none;}

.directory li {margin-bottom: 5px;}
.directory div h2, .directory div h3 {font-size:1em; color: #000;}

h1 {padding-left:5px; font-size:1.8em;}
h2 { color: #000; margin: 5px 5px 5px 5px; padding: 5px; border-bottom:1px dotted #ccc; font-size:1.2em;}



.tabs .ui-widget-header{
	background: transparent !important;
}

#tabs {
	position: relative;
	min-height:188px;
	padding: 0;
	margin: 0;
}

#tabs .ui-tabs-nav {
	position: absolute;
	display: inline-block;
	right: 0px;
	bottom: 0;
	padding: 0;
	z-index:99999;
	line-height:1.2em;
	margin:0;
	background-image:none;
} 
#tabs .ui-tabs-nav li {
	box-sizing: border-box;
	border: 1px solid #fff;
	margin: 0 5px;
	padding:0;
	min-height: 2em;
	box-shadow: none;
	width: auto;
	border-radius: 6px;
	background-color: #fff;
}


#tabs.ui-tabs .ui-tabs-nav li a {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 5px 10px; margin: 0; border-radius: 4px; min-height: 2em; height: auto; background-color: transparent; border: none;/* box-shadow: none;*/}
.thumbnails #tabs.ui-tabs  a {padding: 0; font-size: 1em;}

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: 0;padding-bottom: 0; box-shadow: none; }
#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {background-color: #EDF3FF; box-shadow: none;}
#tabs.ui-tabs div.ui-tabs-panel .slider-set div a {min-height: 148px; }/* reset */
#tabs.ui-tabs div.ui-tabs-panel {min-height: 158px; height: 158px; padding: 0; margin: 0; border: none;}
.ui-widget-content, .ui-widget-header {border: none; background-image: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-image: none; background-color: #f8f8f8; box-shadow: 0 0 2px #ccc;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {background-image: none; background-color: #D5E9F7; box-shadow: 0 0 2px #999;}

summary h2 {border-bottom: none;}

#content a:link, #content a:visited {text-decoration: none;}
.directory a:hover, .directory a:focus, .horizontal a:hover, .horizontal a:focus { border-bottom:1px dotted #990000;}

a.linkVideo b {color: #000;}