@import url(/climate/styles/date.css);
#content{padding-bottom:1em}

#sstOutloks .date{font-weight:700;color:#000;margin-top:0;padding:.4em 0 0 .4em;clear:both}
.date-next-issue{margin:10px 0 5px .4em;color:#666;padding:0 0 0 .4em;width:auto;min-height:30px;line-height:30px;border-radius:0 4px 4px 0;position:relative}#sstOutlooks .date,#sstOutlooks .date-next-issue{display:inline-block}

#right-block{float:right;margin-bottom:3px}
#right-block h2{background-color:#efefef;border:none;padding:5px}
.block-75{padding-bottom:1em;padding-top:20px}#dialog{text-align:center;font-weight:700;font-size:1.2em}
#dialog img#image{display:block;margin:auto;max-width:100%;height:auto;box-sizing:border-box}

.cool{color:#06f}
.warm{color:#c00}
.neutral{color:#666}
#content form{margin:0;padding:0;}

#sstForecasts{border:1px solid #ccc;clear:both;margin-bottom:5px}
#sstForecasts img#regionImage{display:block;margin:auto}
.sstMenu{margin:8px;text-align:center;border:none}

.box-graphic .sstMenu label{display:inline-block;font-weight:400;margin:0;padding:.5em 0;font-size:1.1em;position:relative;border:none;text-align:center;padding:.275em .6em;background-color:#efefef;color:#069;border-radius:4px;line-height:30px}

.box-graphic .sstMenu label span{display:inline-block}
.box-graphic .sstMenu label.active{color:#fff;text-decoration:none;cursor:default;background:#06c}
.box-graphic .sstMenu label:focus,.box-graphic .sstMenu label:hover{color:#fff;background:#06c}
.box-graphic .sstMenu input[type=radio]{position:absolute;z-index:-1}
.sstMenu h2{text-align:center;font-size:1em;padding:.5em;color:#666}

button{cursor:pointer;background-color:#efefef;border-radius:4px;color:#069;border:none;min-height:2.5em;padding: 12px;}
button:hover {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #06c;
}

table.table-text{border:1px solid #ccc;caption-side:top;margin:0 auto;padding-top:0;width:100%;font-size:1.1em}
table.table-text caption{font-size:.9em;color:#666;font-weight:400;text-align:center;border:none;padding:.5em}
table.table-text caption b{font-weight:700;font-size:1em;color:#666 blackness(+ 50%)}.table-text tr{text-align:center}
.table-text tr>*{padding:.5em}
table.table-text tr>:first-child{text-align:left;padding-left:1em}
#probTable tbody tr:first-child td,#probTable tbody tr:first-child th{color:#000;background-color:#efefef;font-weight:700}
#probTable tbody tr:nth-child(2) td,#probTable tbody tr:nth-child(2) th{color:#06c}#probTable tbody tr:nth-child(3) td,#probTable tbody tr:nth-child(3) th{color:#666}#probTable tbody tr:nth-child(4) td,#probTable tbody tr:nth-child(4) th{color:#900}#probTable thead tr:first-child th:first-child{font-weight:400}


button.ui-datepicker-trigger{border:none;box-sizing:border-box;width:7em;display:inline-block;right:0;min-height:30px;margin-left:15px;border-radius:4px 4px 4px 4px;background-image:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:8px 8px;background-color:rgba(0,0,0,.08);padding-left:20px;}

button.ui-datepicker-trigger:focus,button.ui-datepicker-trigger:hover{color:#900;text-decoration:underline}
.ui-datepicker a.ui-state-default{font-weight:700;background:#e2e2ff none repeat scroll 0 0;}
.ui-datepicker a.ui-state-active{background:#ffeaea none repeat scroll 0 0;}#error{clear:both;font-weight:700;}

#sstOutlooksChartsClip img{max-width:100%;height:auto; display: block; margin:auto;}
.ui-dialog .ui-dialog-content{padding:0;}
.ui-tabs-panel p:last-child{padding-bottom:0;margin-bottom:0;}

.inline {display: inline-block;}
h2 {color: #000; border-bottom: #ccc 1px dotted; font-size: 1.4em; }
.space-bottom {padding-bottom: 40px;}
.model-summary-hidden {border: none; background-color: #fff;}
fieldset h2  {display: none;}
.bg-grey {background-color: #fff;}
.flex {display: flex; flex-direction: row;}
.line-end {flex-grow: 1; justify-content: flex-end;}
.date-next-issue {
    margin: 0;
    color: #666;
    padding: 0;
    width: auto;
    min-height: unset; 
    line-height: 28px;
}

/* 2024 */
.box-notice.noborder { border:none;}

.layer-container {position: relative; min-height: 560px;}

/* review - from rainfall */
.layer { position: absolute; display:block;left:0;right:0;margin:auto; }
.layer img {
    animation-name: fadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: .3s;
}
@keyframes fadeInOut {
    0% {opacity:0;}
    45% {opacity:0.3;}
    100% {opacity:1;}
}

.hidden {display: none; }
.space-left {margin-left: 20px !important;}