/* For /climate/ahead/  updated 20160706*/

#ensoStatus {padding: 0 10px; text-align:center; margin:auto;}
#ensoStatus img {max-width: 100%; height:auto;}
#ensoStatus g.background{fill: #fff ;}

img#streamflowImg, img#tcImg, img#sstImg   { background-color:#fff; margin:auto;}


a#mjo {display:block; margin-left:37px !important;}
a#mjo img {border: 1px solid #ccc;}
@media print{
	img#streamflowImg, img#tcImg, img#sstImg {width:auto;height:auto;}
	.block-33 img {width:auto; margin:0; display:block; padding:0}
	.block-33 h2, .block-33 h2 p, .block-33 ul {text-align:left;}
	.block-33 a, .block-33, div.feature {padding:0;margin:0}
	}
	
	
.block-33 {width:33.2%;float:left; border:none; box-sizing:border-box;}
.feature {min-height: 23em; margin:0 .4em 1em 0; border:0px solid #fff !important; background-color:#fff; position:relative; box-shadow: 0 0 6px #ccc;}
#tabs div.feature h2 {font-size:1em; background-color:#f8f8f8  ;margin:0; }/*ffftext-align:center;#F0EEEB */
#tabs div.feature h2, #tabs .block-33 p, #tabs  .block-33 img {padding:.4em;}

#tabs  div.feature img{display:block; margin:auto; width:100%; max-width:235px; height:auto; max-height:157px; background-color:#fff !important; box-sizing:border-box; }
#tabs div.feature a img{border:1px solid #fff;margin:.4em auto;padding:1px;display:block; border-radius:0px;}
#tabs div.feature a img:hover {border:1px solid #000;}

img#modelImg, img#sstImg {padding:8% 1px !important;}

#tabs div.feature a img.enso-watch {height: 10px; width: 10px; display:inline-block; margin:0 4px 0 0; padding:0; border:none;vertical-align:middle;}

#tabs div.feature > a {display:block; width:100%; height:162px; box-sizing:border-box; padding:0;margin:0; background-color: #fff !important;}
div.feature ul {margin-top: 5px; margin-bottom: 0px; padding-bottom:0;}
div.feature ul li { margin-bottom:5px;}
div.feature ul a {text-decoration:none; border-bottom: 1px dotted #fff;  }
div.feature ul a:hover { border-bottom: 1px dotted #006699; }
@media (max-width: 768px){#tabs div.feature > a {height:auto !important;}}

.ui-tabs .ui-tabs-panel {padding: 2em 0.8em 1em 0.8em; margin:0; min-height:500px;}
a.imageOpener img {border:1px solid #ccc;margin:1px 1px 0 1px;padding:1px;}
a.imageOpener img:hover {border-color:#000;}

#content { padding-bottom: 1em;}
#banner .block-33 {width:33%; padding:0;margin:0; border:none; height:auto; min-height:auto;}
#banner .block-33 a, #banner .block-33 img { padding:0; margin:0;  border:none !important;}
a.new {padding-left:20px; background:url(/climate/images/symbols/new.png) no-repeat left;}



/* */
#content { padding-bottom: 1em;}

#banner {font-size: 1.2em; padding:0; margin: 0 0 10px 0; min-height:12em;}
.nro {background: url(/climate/images/promotion/rainfall-onset-banner-800px.png) no-repeat top right; }
.nro-anal {background: url(/climate/images/promotion/rainfall-onset-anal-banner-800px.png) no-repeat top right; }
#banner h2 {margin:0; padding: 0.5em 0 0.5em 0; font-size:1.6em; }
#banner.dark { color: #fff; background-color: #333;}
#banner.dark h2 {color:#fff;}
#banner.light { color: #000; background-color: #fff; }
#banner.light h2 {color: #033; /*#63807A#43675E;  */text-shadow: #fff 0 0 4px;}
.banner-text { margin: 0; padding:15px 1em 15px 1em; min-height:10em;}
.banner-text p {padding:0;}
.dark .banner-text{ background-color:rgba(0,0,0, 0.4); color:#fff; }

.light .banner-text{
color:#000;
background-color:rgba(255,255,255, 0.8);
background: linear-gradient(to top, rgba(255,255,255, 1),  rgba(255,255,255, 0.2));
}
a.new {padding-left:20px; background:url(/climate/images/symbols/new.png) no-repeat left;}

#banner figure {margin:0; position:relative; margin-top: 30px;}
#banner figure img {position:absolute; border: 1px solid #fff; padding:1px; box-shadow: 0 0 4px #ccc;}
#banner a figcaption {color:#fff !important; text-decoration:none;display:block; position:absolute; padding:18px 5px 5px 5px; font-weight:400; text-align: center; text-shadow:#000 1px 1px 2px;}
#banner a:hover img {border-color:#000; cursor:pointer;}
.block-20 {width:20%; display:block;}

/*.ui-tabs-panel section.space-top { padding-top: 1em !important;}*/