@charset "utf-8";
@import url('/climate/styles/tabs-nested.css');


p.date{margin:0.5em 0;}
p.date time:first-child:before{content:"Issued ";color:#666;font-weight:normal;background:url("/climate/images/symbols/time-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);height:2em;padding:1px 4px 1px 20px !important;}
p.date span{color:#666;font-weight:normal;display:inline-block;margin-left:1em;margin-right:0.5em;}time{font-weight:bold;color:#000;display:inline-block;margin-right:0.5em;}

@media print{
    p.date{margin:0.2em;}
    p.date time:first-child:before,p.date time:before{padding:0 !important;background-image:none;}
}



.loader:before,.loader:after,.loader{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out;}
.loader{color:#ccc;font-size:10px;margin:10px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
.loader:before{left:-3.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.loader:after{left:3.5em;}
.loader:before,.loader:after{content:'';position:absolute;top:0;}


@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em;}40%{box-shadow:0 2.5em 0 0;}}
@keyframes load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em;}40%{box-shadow:0 2.5em 0 0;}}
    
#overviewCommentary,#soilMCommentary{padding:0 1em 1em 0;}
#period1Content,#period2Content,#period3Content{box-sizing:border-box;margin:0;vertical-align:top;}
#decileMap, #soilMContent figure, #waterContent figure{display:block; margin-bottom:1em;}
#decileMap figcaption, #soilMContent figcaption, #waterContent figcaption{display:block;text-align:center;padding:5px;text-align:center;}
#overviewCommentary img,#period1Content img,#period1Content img,#period1Content img,#extraDCommentary img,#soilMCommentary img{display:block;}
#decileMap img {padding-left: 10px;}

.maps{position:relative;clear:both;}
.maps a{text-decoration:none;}
.maps figure{position:relative;display:block;box-sizing:border-box;border:1px solid #efefef;margin:1px;overflow:hidden;}
.maps figcaption{text-decoration:none;display:block;box-sizing:border-box;margin:1px;font-weight:bold;font-size:1.0em;text-align:center;background-color:#efefef;color:#000;padding:0.5em;/* min-height:3.24em;*/}
.maps figcaption small{color:#900;}

.maps figure.selected{border:1px solid #000;}
.maps figure.selected figcaption{color:000;background-color:#F9EAEA;}
.maps.col-1 figure.selected figcaption{color:000;background-color:#efefef;}
.maps figcaption:focus,.maps figcaption:hover{background-color:#F9EAEA;}

.maps.col-1 figcaption:focus,.maps.col-1 figcaption:hover{background-color:#efefef;}
 



#periodContent h2{clear:both;box-sizing:border-box;margin:0 0 0.5em 0;padding:10px;border-bottom:none;font-size:1em;background-color:#efefef;color:#870000;}
#periodContent p{margin-left:0.5em;}

.col-1 + #period1Content h2{background-color:#efefef;color:#000;}
.popupDrought{display:block;position:relative;margin:0;padding:0;border:1px solid #fff;}
.popupDrought img{margin:0;padding:1px;display:block;}
.popupDrought:hover,.popupDrought:focus{cursor:url(/climate/images/interface/cursor-popup.png), url(/climate/images/interface/cursor-popup.cur),default !important;border-color:#000;}

/* review for redundancy */
@media screen and (min-width: 500px){
    #soilMContent figure{width:49%;float:right;}
    
    #period1Content,#period2Content,#period3Content{box-sizing:border-box;margin:0;vertical-align:top;}
    .maps { margin-left: 20px; margin-top: 15px;}
    .maps figure{box-sizing:border-box;display:inline-block;}

    #periodContent .popupDrought img{display:block;text-align:center;margin:auto;}
    #periodContent .popupDrought:before{content:url(/climate/images/symbols/zoom-25x25.png);position:absolute;z-index:99999;left:3px;top:3px;height:25px;overflow:visible;clear:both;}
}


.tabs-nested-first > .ui-widget-header { background: linear-gradient(to top,#efefef, #fff) !important; margin-bottom: 0em; margin-top: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color: linear-gradient(to top, #efefef, #fff ); }
.ui-tabs.tabs-nested-first > .ui-tabs-nav > li.ui-state-default {margin-bottom: 6px;}

.ui-tabs.tabs-nested-first > .ui-tabs-nav > li.ui-tabs-active {
	color: #fff;
	background-color:#06C;
	border-radius: 4px;
}
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a:link,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a:visited,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a:hover{color: #fff;}



.btn-narrow{display:inline-block;width:auto;max-width:5em;}
.ui-dialog-content img{max-width:100%;height:auto;}
#info{border-radius:15px;font-weight:bold;color:#C00;text-shadow:1px 1px 1px #000;}
#info-link{width:30px;height:30px;position:absolute;right:8px;top:8px;z-index:9999;}
ul.horizontal{float:left;margin:0 !important;min-height:2.5em;clear:both;box-sizing:border-box;width:auto;padding:1em 2px 2px 2px;}
ul.horizontal li{background-image:none !important;margin:3px;padding:0;}
ul.horizontal a,.btn-inline{text-decoration:none;display:block;padding:0.5em;border:1px solid #fff;border-radius:6px;box-shadow:0 0 2px 1px #ccc;background-color:#efefef;}
a.btn-inline{display:inline-block;width:auto;padding:0.1em 0.5em;margin:0 0.3em;}
ul.horizontal a:hover{background-color:#fff;}
ul.horizontal b{display:block;padding:0.5em;width:auto;}
ul.horizontal.inline{display:inline-block;}
.pull-up{margin-top:-3em;}
.news a,.news a:link,.news a:visited,.news a img,.news a h3{text-decoration:none;border:none;color:#000;}
.news a:hover,.news a:focus,.news a:active{background-color:#efefef;clear:both;}
.news a{display:block;min-height:130px;}
.news img{max-width:105px;height:auto;}
.wrap:before,.wrap:after{content:"";display:table;}
.wrap:after{clear:both;}
.clipped{width:0px;overflow:hidden;}
section{position:relative;}
.tab-top-right{position:absolute;top:1em;right:10px;}div.tabs{position:relative;}
a.btn-grey{background-color:#efefef;border:1px solid #ccc;border-radius:6px;padding:10px;text-align:center;text-decoration:none;}
a.btn-grey:hover,a.btn-grey:active{background-color:#fff;}

@media print{
    .maps figure{border:none;}
    figure{width:auto;float:none;}
    .col-3 figure{width:auto;}
    .col-2 figure{width:auto;}
    .col-1 figure{width:auto;}
    #periodContent figcaption{width:auto;text-align:left;padding:0;margin:0;}
    #periodContent small{display:none;}
    #periodContent div{display:block !important;}
    #periodContent h2{font-size:1.2em;margin:0;padding:0;}

    #tabs #tracker,#tabs #wru,#tabs #related,#tabs #about{display:none !important;}
    .ui-tabs .ui-tabs-panel{display:block !important;page-break-after:auto !important;}
    .tabs-nested.ui-tabs{margin:0;border:none;}
    a.imageOpener img,a.popupDrought img{border:none;}
}

.icon-download-grey {background: transparent url(/climate/images/symbols/icon-md-download-grey.png) no-repeat 5px 0.8em; padding-left: 24px;}
.ui-tabs-panel li {line-height:1.48em;}


.summary {border:4px solid #F9E0E0;background-color: #F9F3F3;padding:1em;margin-top: 1em;margin-bottom:1em;}
.summary ul {font-size: 1.1em; margin-left:0;}
.summary li {list-style: outside none none; background: rgba(0, 0, 0, 0) url(/climate/images/symbols/bullet-pink.png) no-repeat scroll 0 0.5em;line-height: 1.6em; margin: 0 0 1.4em 0; padding: 0 0 0 18px;}
.summary li:last-child {margin-bottom:0;}

#rainDeficiencies summary h2 {margin-top:0;padding-top:0;border-bottom:none !important;font-size: 1.2em;}
#rainDeficiencies summary:hover,#rainDeficiencies summary:active {background-color:#F9EAEA !important;}
#rainDeficiencies .more {color:#900;}

/* #periodContent {margin-top:3em;margin-bottom:5em;} */
.block50 {width: 49%; box-sizing: border-box; float: left;}
.block50 img {max-width: 99.6% !important; display:block; box-sizing: border-box; text-align:center; margin:auto;}

.flex {/*display: flex; */box-sizing: border-box;}

@media screen and (max-width:700px) {
    .flex {display: block;}
    .flex > * {width:100%; float: none; }
    .block50  {width: 100% ;}
}
@media screen and (min-width:701px) {
    .flex {display: flex; }
    .flex > * {width:50%;}
}


figure.drought  {border:#faaaaa 1px solid !important; }
figure.drought figcaption { color:rgb(124, 2, 2); background-color:#F9E0E0; margin-top:6px }/*#F9F3F3*/
 
.col-1 + #period1Content h2, #periodContent h2 { color: rgb(124, 2, 2); background-color: #F9E0E0 !important; margin-top: 15px; }

#periodContent > div {margin-bottom: 4em; }
/* #periodContent .flex > * {width: 50%; }*/

.invisible {visibility: hidden;}

.banner {
    background: linear-gradient( 
75deg,#003366 20%,#1964AA 70%);
    padding: 20px 10px 10px 20px;
    margin: 7px 0 10px 0;
    color:#fff;
}
.banner p, .banner h1, .banner time, .banner .date,p.date time:first-child:before {color:#fff; font-weight: normal;}

/* archive - for banner */
#showHideAll {margin-top: 20px; margin-right:10px; }


@media screen and (max-width: 1800px){
    #lvOptions {top:30px; /* for banner format */}
}