/* for climate-calendar.shtml */
/* note: includes some css3 and some browser specific css */
/* TEST MENU */
#container {float:none; margin-left:20px;}
#content {width:75%;}
html {font-size: 1.1em;}
h1 {font-size: 1.8em;}
h1+h2 {font-size: 1.4em;}
/* --- from table-text in common.css ---*/
.table-basic {width:49.6%; border:1px solid #E5E5E5; border-collapse:separate;empty-cells:show; margin-bottom:0.2em;background-color:#fff; }
.table-basic tr {text-align:right;}
.table-basic th, .table-basic td {padding:0.6em; border-bottom:solid 1px #e6e6e6;vertical-align:top;}
.table-basic th {height:1.6em; border-left:none; border-right:none;}
.table-basic tr:last-child td {border-bottom:none;}
.table-basic tr td:first-child, .table-basic tr .col1 {text-align:left; width:54%;}
.table-basic tr td:first-child + td {width:27%}
.table-basic tr td:first-child + td + td {width:19%}
.columns td {border-left:1px solid #e6e6e6;border-right:none;border-bottom-color:#fff;border-collapse: separate;}
table.columns td:first-child,table.columns th:first-child{border-left:none;}
table.table-basic tr.chance td{width:20%; text-align:center}
table#typical2 td.narrow {width:12%; border-left:none;}
.table-basic th {background-color: #EDEDD6;color:#000;text-align:center; color:#663;}
.table-basic span {font-size:80%; margin-left:0px;}
#typical1, #temperature1, #rainfall1 {margin-right:2px; float:left;clear:left;}
#typical2, #temperature2, #rainfall2 {float:right;margin:0;padding:0;}
/* rainfall2 is 'on this day' */
#typical1, #typical2 {height:9em;}
#rainfall1, #rainfall2 {height:60px;}/* 5 em */
#rainfall1 tr th {height:18px;}
#rainfall1 tr td {height:38px;}
#rainfall1 td, #rainfall2 td {border-bottom:none;}
/* needs equalising for webkit */
#rainfall2 td {height:56px;text-align:left;border-bottom:none; background-color:#EDEDD6;}
#rainfall2 div {height:56px;overflow: auto; margin:0;padding:0;}
#rainfall2 p {margin:0;padding:0;}
#rainfall2 strong {color:#663;}
.box-feature {margin:2px 0; }
/* metadata */
.metadata {box-sizing: border-box; padding:1em; line-height:1.6em; min-height:3.6em;overflow:visible; display:table; width:100%; position:relative;border:1px solid #e5e5e5;background-color: #f5f5f5; font-size:.9em}
.metadata div {float:left;}
div.metadata div.line {float:left; width:320px;}
.metadata strong {color:#999;padding:0 .3em;margin-left:0em;}
#site strong {margin-bottom:1em; display:inline-block; float:left;}
#site {width:220px; height:3.3em;}
#id {width:104px;}
#status {width:104px;}
#startdate {width:104px;}
#latitude {width:104px;clear:left; }
#longitude {width:104px;}
#elevation {width:104px;}
.metadata #map-link {
float:right;
background:url(/climate/cdo/images/interface/map-button.gif) center no-repeat #ebebd6;
text-align: center;
line-height:40px;
width: 46px;
height: 40px;
}
#map-link a {
position: relative;
top: -7px;
text-decoration:none;
padding-left: 4px;
}
.metadata #map-link:hover {background-color:#e2e2c5;}
.metadata #map-link a {display:block; height:40px;margin-top:3px;padding:2px 0 3px 4px;}
.metadata #map-link a:hover{text-decoration:underline}
.metadata {border-right:none;border-left:none;}
#thisday {margin:0}
.box-feature {border-color: #E5E5E5}
div.note p {padding:0 .4em 1em 0;}
#statslink {width:10.4em;float:right;text-align:right; padding:2px 5px 2px 0;color:#666;}
#statslink a:link, #statslink a:visited {text-decoration:none;}
fieldset {padding-top:.4em;}
fieldset a.link {text-decoration:none;}
#thisday fieldset {text-align: right;
border-color: #E5E5E5; vertical-align:middle; width:auto; margin:.4em 0 0 0; background-color: #f5f5f5;
box-sizing:border-box;
padding: 10px;
}
#thisday label {padding:0 .6em; position:absolute; left: -999px}
#thisday select {margin-left:2px; background-color:#fff; border:1px solid #ccc}
#thisday input {width:6.4em; font-size:90%; border:1px solid #999; border-top-color:#EDEDD6; border-left-color:#EDEDD6; color:#666; font-weight:bold;margin-left:10px; background:url(/climate/cdo/images/interface/gradient-grey-down.png) #E9E9E9 repeat-x}
#thisday input:hover {background-image:none;}
span#station {display:block;overflow:hidden; }
p.annotation {clear:both;}
/* syndication css */
#cal-block, #cal-block .middle-col {/*max-width:292px; for syndication options*/}
#cal-block .box-feature {display:none;}
#cal-block .note {display:none;}
#cal-block fieldset {border-bottom:none;}
#cal-block form {text-align:center;}
#cal-block span#station {display:block;font-weight:bold;color:#666;overflow:hidden; padding:2px 0}
#cdo {
font-size:80%; color: #fff; padding:0 3px;margin:0; background-color:#DBDBDB;border-top:1px solid #fff;border-bottom:1px solid #fff; text-align:center; height:20px;line-height:20px;vertical-align:middle;}
#cdo a {text-decoration:none;}
#cdo, .source {display:none;}
/* #otdnarrow #otdwide #cal-block for syndication outputs */
div.narrow table {width:100%; min-width:250px;}
div.wide table {width:49.4%; }
/* end syndication formats */
h2.almanac {
box-sizing:border-box; padding:10px;
clear:both; font-size:1em; color:#333;text-align:center; margin:1.4em 0 .2em 0; border:1px solid #E4E4E4;
background-color: #f5f5f5;
}
ul li.calendar {list-style-image:url(/climate/cdo/images/symbols/calendar.png)}
a.calendar {background:url(/climate/cdo/images/symbols/calendar.png) no-repeat left; padding-left:20px;}
#calwidget {position:relative;width:1.5em; height:1.5em; float:left; vertical-align:middle; margin:0 2px 0 2px;}
#month, #day, #submitday {display:block; float:left; }
#thisday fieldset {padding-left:150px;}
#month {width:8em;}/*96px */
#day {width:4em;}/*54px */
/* shadow */
/* old graphic url(/climate/cdo/images/dropshadow.png) */
div#picker {display:none; width:144px;height:124px;background: url(/climate/cdo/images/interface/shadow-test.png) bottom right;clear:both;position:absolute;z-index:999; left:-143px;top:22px; text-align:left; -moz-border-radius-bottomleft: 9px;-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;}
div > div#picker {width:148px;height:128px;left:-145px;}
div#daypicker {width:140px; height:120px;border:1px solid #ccc; background-color:#fff;padding:0;}
div#daypicker ul, div#daypicker li{margin:0;padding:0;line-height:20px;}
div#daypicker li {display:block;margin:0;padding:0;height:20px;width:20px; float:left; text-align:center;line-height:20px; vertical-align:middle;}
div#daypicker li a {text-decoration:none; display:block;}
div#daypicker li a.active {background-color: #CC9; color:#fff;}
div#daypicker li a.active:hover {color:#000}
div#daypicker li a:hover { background-color:#e8e8e8;}
#thisday fieldset {position:relative;}
div#daypicker div#monthline {font-weight:bold;height:20px; line-height:20px; vertical-align:middle; text-align:center;background: url(/climate/cdo/images/interface/gradient-grey-down.png) #E9E9E9}
div#daypicker div#monthline a{float:left;display:block;width:20px;height:20px; background-color:#efefef;}
div#daypicker #monthline img {vertical-align:middle; padding-top:2px;}
div#daypicker div#monthline a:hover{background-color: #fff;}
div#daypicker #monthname {display:inline-block;width:100px;float:left;}
.metadata #map-link {background:url(/climate/cdo/images/interface/map-button.gif) no-repeat top left #ebebd6;border:none;text-align:center;}
.metadata #map-link:hover {background-color:#e2e2c5;}
.metadata #map-link a {display:block; height:40px;margin-top:3px;padding:2px 0 3px 4px;}
.metadata #map-link a:hover {text-decoration:underline;}
.metadata {border-right:none;border-left:none;}
/* loading animation, overrides cdo.css definitions */
#loading {float:left;width:30px;height:24px;position:relative;visibility:hidden; border:none; display:block; background:none;top:auto;left:auto;}
/* controls for multiple events */
#rainfall2 strong, #enum span {display:block; width:auto; margin-right: 3px; font-weight:bold; color:#999; float:left; font-size:1em;line-height:1.1em;}
#eventdetails {display:inline;}
#eventdetails p {line-height:1.12em; padding-bottom:4px;}
#enum {float:right; width:285px;text-align:right; clear:both; margin:3px 0 12px 0; color: #069; font-weight:normal;line-height:1em;}
#enum a {display:block;width:auto; padding:1px 3px; height:auto; border:1px solid #CC9; margin:0 1px 1px 1px; background-color:#edede6; text-align:center; float:left; text-decoration:none; cursor:pointer !important;}
div#enum a:link {color:#069 !important; cursor:default;}
#enum a.hover {background-color: #fff; color:#000; cursor:pointer !important;}
#enum a.active, #enum a.focus {background-color:#CC9; color:#fff;cursor:pointer !important;}
@media print{
#enum {display:none;}
.table-basic {width:49.3%;margin-top:2px;}
#map-link {display:none;}
.table-basic td {border:1px solid #fff;}
.do-print {font-size:.9em;}
#rainfall2 div {height:auto;overflow: visible;}
a:link, a:visited, #content a:link, #content a:visited {text-decoration:none; color:#000}
#left-column {display:none;}
}