/*For purposes of data hierarchy override core.css style*/
h1 { font-size: 2.2em !important; font-weight: normal !important; padding-top: 10px;}

.info-right {border-top: 3px solid #A2BCD5; border-bottom: 3px solid #A2BCD5; width: 276px; padding: 0 10px 17px; margin-bottom: 30px;}
.info-right h2 {margin: 0 -10px 7px; text-indent: 10px; line-height: 1.8em; color: #333; border: none; text-transform: uppercase; padding-top: 20px;}
.info-right p {font-size: 1.1em;}
h2 {font-size: 1.2em; font-weight: normal; margin: 10px 0; line-height: 1.9em; border-top: 2px solid #ccc; border-bottom: 1px dotted #ccc;}
h2.first {margin-top: 0}
p.date {font-size: 0.9em; padding: 8px 0 5px;}
.info {background-image: url("/watl/images/symbols/about.gif"); background-position: 0 0.3em; background-repeat: no-repeat; color: #666666; font-size: 0.9em; line-height: 2.1em; padding: 0; text-indent: 18px; margin: 0;}
div.box {margin: 20px 0 20px; border: none;}
.heatwave-link {display: block; background-color: #F2F2F2; border-radius: 5px; color: #333; margin-bottom: 2px; overflow: hidden;}
div.heatwave-link h2 {float: left; font-size: 1.5em; border: medium none; color: #333; padding: 10px 20px; margin: 0;}
.heatwave-link a {color: #06C; text-decoration: none;}
.heatwave-link p {margin-right: 350px; padding: 10px 20px;}
.bg-icon-left {background-repeat: no-repeat; background-position: 0% center; padding-left: 30px;}
.bg-icon-right {background-repeat: no-repeat; background-position: 100% center; padding-right: 30px;}
.icon-down {background-image: url("/images/ui/symbols/icon-down-arrow.png");}
.icon-next {background-image: url("/images/ui/symbols/icon-next.png");}
.icon-info {background-image: url("/images/ui/symbols/icon-info.png"); background-size: 24px 24px;]}
.icon-sprite-go {background-image: url("/images/ui/symbols/icon-sprite-go.png"); background-position: 100% 0px; padding: 10px 75px 16px 0px; height: 20px; display: block;}
.icon-sprite-go:hover {background-position: 100% -46px; text-decoration: underline;}
div h2.right-align {float: right; padding-right: 60px; margin-right: 10px;}
h2 {color: #CC0000; border: none;}
a {outline: none;}
.referer-box {border: 2px solid #E4E4E4; font-size: 1.05em;}
.referer-box p, .referer-box h2 {padding: 0 1.5em;}
.referer-box h2 {text-transform: uppercase;}
.referer-box a {text-decoration: none;}
.referer-box ul {list-style: disc; padding-left: 0.5em;}
.referer-box li {color: #06C;}
.referer-box .seperate {border-top: 2px solid #E4E4E4; padding-top: 15px; padding-bottom: 15px;}

#heatwave-forecasts {background-color: #F8F8F1; border-radius: 5px; margin-top: 15px;}

.heatwave-faq {background-color: #F8F8F1; border-radius: 5px; padding: 10px 20px 20px 20px;}
.heatwave-faq h2 {font-size: 1.2em; border-bottom: 3px solid #A2BCD5; padding-bottom: 10px; font-weight: bold;}
.heatwave-faq div.question {border-bottom: 1px dotted #A2BCD5;}
.heatwave-faq div.question:last-of-type {border-bottom: none; background-color: green;}
#heatwave-feedback, #heatwave-developments {font-size: 1.05em;}
#heatwave-feedback {border-top: 3px solid #A2BCD5;}
#heatwave-feedback textarea {width: 100%; height: 80px; margin-bottom: 15px;}

#bottom-heatwave-link h2 {padding-left: 0;}
#bottom-heatwave-link {background-color: #F8F8F1; border-top: 3px solid #A2BCD5; border-radius: 0;}

div#heatwave-assessments, div#heatwave-forecasts {color: #003E74; font-size: 1.1em;}
div#heatwave-assessments h2, div#heatwave-forecasts h2 {font-size: 1.8em;}
div.heatwave-forecast h3, div.heatwave-assessment h3 {font-weight: bold; color: #003E74; }
div.heatwave-forecast p, div.heatwave-assessment p {font-size: 1.1em;}

div.heatwave-forecast {overflow: hidden; padding: 20px 0}

p.date {color: #003E74; font-weight: bold; border-top: 1px dotted #A2BCD5; padding-top: 30px;}

#full-width-content {border-top: 3px solid #A2BCD5;}

#content-640 {width: 640px; clear: left; float: left; margin 0 0 15px 0; padding 0; background: none repeat scroll 0 0 #fff; color: #000; position: relative;}
#content-right {clear: none; float: left; margin: 65px 0 15px 20px; padding 0; width: 300px; background: none repeat scroll 0 0 #fff;}

p.issued {display: none;}