@import url('climate-contact-block.css');
@import url('video.css');
@import url('/climate/styles/ui.css'); /* a few jquery ui style overrides */
@import url('/climate/styles/menu.css');

/* prevent irritating bom scroll change*/
#pageheight {margin-bottom:1px;}

#left-column { /* position:absolute; min-height:100%; height:auto; overflow: visible; margin-bottom:80px; */}
/*
#menuBtn {display:none;}
*/

#cc, .cc { /* position:absolute; bottom: 0; */color: #666; width:100%; box-sizing:border-box; padding:10px; font-size:0.8em; margin-top: 2em;}
#cc a, .cc a { text-decoration:none !important;}
#cc img, .cc img {opacity:0.6 ;margin-bottom: 2px; }
/* climate  shared styles for updated interface */
#breadcrumb {margin:0 0 1em -.8em; padding:.4em;font-size:.9em; height:1.2em;}
#breadcrumb ul {padding:0;margin:0; width:100%;background-color:#efefef}
#breadcrumb li {display:block; width:auto; float:left;padding-left:14px; background: url(/climate/images/symbols/bullet-arrow.png) no-repeat 2px 2px;}
#breadcrumb li:first-child {background:url(/climate/images/symbols/bullet.gif) no-repeat 0 0;}
#breadcrumb a:link , #breadcrumb a:visited{text-decoration:none;}

ul, ol, p {padding: 0 .2em .6em .2em; margin:0;}
ul, ol {margin:0 0 0 1.4em;}

ul ul {padding-bottom:0;margin-bottom:0;}
h2, h3, h4 {padding:1em .2em .1em .2em; margin: 0; }
h1 {padding-bottom:.6em;}

#left-column img {display:block;}
@media print{
h1 {padding-left:.2em;}
#left-column img {display:none;} #pageheight div.two-column , #pageheight div.two-column div#content {width:99%; min-width:99%;}
.block-75 img, .block-60 img, .block-50 img, .block-40 img, .block-33 img, .block-25 img {max-width:99% !important;}
}

/* jquery ui runs interference on core css  -  UI cascade override */
.ui-tabs .ui-tabs-panel {font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding:1em .4em .4em .4em; margin:0; }
.ui-widget-content { font-family:Arial, Helvetica, sans-serif;}

.ui-tabs-panel h1 {margin:4px 0 8px 0; clear:both;}
.ui-tabs-panel h2, .ui-tabs-panel h3 {clear:both; padding-bottom:3px;color:#000;}
.ui-tabs-panel h2{font-size:1.2em; border-bottom:1px dotted #ccc; margin-bottom:.2em;}
.ui-tabs-panel h3, .ui-tabs-panel div.block-33 h2 {font-size:1em;}
.ui-tabs-panel p  {padding-top:0; margin-top:0; padding-bottom:1em; margin-bottom:0; line-height:1.4em;}

/* override ui theme */
.ui-tabs-panel a {color: #069;}
.ui-tabs-panel a:hover {color: #F60;}
/* these need to be in the theme */
.ui-tabs-nav a {font-weight: bold; color: #666;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #666;}
.ui-state-default a:hover {color: #000;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:hover {color: #000;}

.ui-tabs-panel ul, .ui-tabs-panel ol {margin:0 0 0 1.4em;padding :0 .2em .6em .2em;}
.ui-tabs-panel li {margin-left:0;padding-left:0;line-height:1.4em;}
.ui-tabs-panel .page-menu p {padding-bottom:0;margin-bottom:0;}

.tabs h2 a:link, .tabs h3 a:link, .tabs h2 a:visited,.tabs h3 a:visited {color:#000; text-decoration:none; background:url(/climate/images/symbols/arrow-go-to.png) no-repeat left; padding-left:14px;}
.tabs h2 a:hover,.tabs h3 a:hover {text-decoration: underline;}
@media print{.tabs h2 a:link,.tabs h2 a:visited  {padding-left:0;}}

@media print{
    .ui-tabs-nav { display: none; }
    .ui-tabs, .ui-widget, .ui-widget-content  {border:none; background-image:none;}
    .ui-tabs .ui-tabs-hide { display: block !important; }
    .ui-tabs .ui-tabs-panel {display: block !important; page-break-after:always;}
    div.ui-tabs div.ui-tabs-panel {min-height:auto; height:auto;}
}
/*
.block-75, .block-66, .block-60, .block-50, .block-40, .block-33, .block-25 {
    box-sizing:border-box; float:left;
}
*/
.block-75  {width:74.4%; float:left;}
.block-66  {width:65%; float:left;}
.block-60  {width:59%;float:left;}
.block-50  {width:49%; float:left;}
.block-40  {width:39%; float: left;}
.block-33  {width:32.4%;float:left;}
.block-25  {width:24.4%;float:left;}
.block-75 p, .block-66 p, .block-50 p, .block-75 h2, .block-66 h2, .block-50 h2, .block-75 h3,  .block-66 h3, .block-75 ul, .block-66 ul, .block-50 ul  {padding-left:.4em;margin-left:0}
.block-75 ul, .block-66 ul, .block-50 ul {padding-left:1.6em;}
.block-40 .box-grey h2 {font-size:1em;}
.margin-top {margin-top:1em;}
.float-right{float:right;}
.float-left{float:left; }

/* for jqUI dialog image popups */
#popupImage { max-width: 100%; height:auto;}

@media print {
    img {
        max-width:100%;
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid !important;
    }
    .print-none, .print-no {display:none;}
    .print-block-100{width:100% !important}
    a.pdf {padding-left:0;}
}

div.image-overlay {position:relative; padding:0; margin:0; background-color:#fff; border:1px solid #ccc;width:250px;}
.block-50 div.image-overlay {width:370px;}
.block-40 div.image-overlay {width:270px;}
.block-33 div.image-overlay {width:250px;}
.block-25 div.image-overlay {width:184px;}
@media print{div.image-overlay  {width:auto;}}
#tabs div.image-overlay  img, #tabs div.image-overlay  a{padding:0; margin:0; border:none;display:block;}
#tabs div.image-overlay h2 {position:absolute; width:100%;  z-index:99; bottom:0; font-size:1em; padding:.5em 0 .5em 0;  margin:0; color:#000 ; background-image:url(/climate/images/interface/transparent-tint-70.png); background-repeat:repeat;}

.tabs div.image-overlay h2 a{padding-left:14px !important;}
.tabs div.image-overlay h2 a:link, .tabs .image-overlay h2 a:visited {color:#000;}
.tabs .image-overlay h2 a:hover, .tabs .image-overlay h2 a:focus {color: #000;}


.item {border-bottom: 1px dotted #ccc; margin-bottom:.6em;}
.item p {margin-bottom:0}


li.email, li.rss, li.video, li.feedback {margin-left:-20px; line-height:1.8em; list-style-image:none; background:url(/climate/images/symbols/bullet.gif) no-repeat left; padding-left:20px; }
li.rss  {background-image:url(/climate/images/symbols/feed.png); } /*rss.png */
li.email  {background-image:url(/climate/images/symbols/email.png); }
li.video {background-image:url(/climate/images/symbols/play-round.png);}
li.feedback {background-image:url(/climate/images/symbols/comments.png);}
li.rss a, li.email a, li.video a, li.feedback a {text-decoration:none;}

a.email, a.rss, a.video, a.feedback {padding-left:20px; background:url(/climate/images/symbols/bullet.gif) no-repeat left;}
a.rss   {background-image:url(/climate/images/symbols/rss.png);}
a.email {background-image:url(/climate/images/symbols/email.png);}
a.video {background-image:url(/climate/images/symbols/play-round.png); }
a.feedback {background-image:url(/climate/images/symbols/comments.png);}


div.reverse-highlight {background:#f5f5f5 url(/climate/images/interface/gradient-grey-down.png) top repeat-x;}
.reverse-highlight p, .reverse-highlight ul {color:#000; padding:.4em; }
.reverse-highlight .feature-narrow ul,.reverse-highlight .feature-narrow p  {color:#000; padding:0; }

.reverse-highlight h2, .reverse-highlight h3{padding:.4em; border-bottom:#ccc dotted 1px;}
.about-feature {margin:.4em;border:2px solid #ccc;}
.about-feature ul { margin-left:1.6em;}
.about-feature li{ margin:0; padding-bottom:1em;}

.box-grey {border:2px solid #ccc; padding:.4em; margin:.2em;background:#f5f5f5 url(/climate/images/interface/gradient-grey-down.png) top repeat-x;}
.box-grey h2, .box-grey h3, .box-grey p {margin:0;  padding:0 0 0 0; color:#000;}
.box-grey p,  .box-grey ul{padding-bottom:.8em;}
.bg-white {background-color:#fff;}

/* faqs*/
/*#faqs h2, */
.strip {color: #000; background:  url(/climate/images/interface/gradient-grey-down.png) top repeat-x; }
.faqs h2, #faqs h2 {padding:.4em .2em .4em .2em; margin:1em 0 0 0; border-bottom:none;}
.faqs dl, #faqs dl {margin:.4em 0; padding-top: .4em;}
.faqs dt, #faqs dt{font-size:1em;margin:0;  padding:6px 2px 6px 20px; background:#fff url(/climate/images/symbols/plus.gif) no-repeat 2px 6px; border-top:#ccc dotted 1px; font-weight:normal; color:#000;}

.faqs dd, #faqs dd {
    padding:6px 6px 6px 20px; margin-bottom:1em;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
    background: -webkit-linear-gradient(bottom, #efefef, #ffffff);
    background:    -moz-linear-gradient(bottom, #efefef, #ffffff);
    background:     -ms-linear-gradient(bottom, #efefef, #ffffff);
    background:      -o-linear-gradient(bottom, #efefef, #ffffff);
    background:         linear-gradient(to top, #efefef, #ffffff);
}
.faqs dt:hover, #faqs dt:hover {background-color:#efefef;}

.faqs dt.opened, #faqs dt.opened {color:#000; font-weight:bold; background:#efefef url(/climate/images/symbols/minus.gif) no-repeat 2px 6px !important;}

/* make generic - remove width, right float, top margin
width:6em;float:right;margin-top:-2.4em;
*/
a.button {text-decoration:none;
padding:3px;display:block; background-color:#f3f4ef; border:1px solid #ccc; text-align:center;border-radius:6px;}
a.button:hover{background-color:#fff; }


@media print{
a.button{display:none; }
#faq dd {position:relative; top:0;display:block;}
}
/* end faqs */
.expandee  {display:none; }
li:hover.expander  {text-decoration:underline;}
@media screen{.expander {padding:4px 2px 4px 20px; background:url(/climate/images/symbols/plus.gif) no-repeat 4px 6px;}}
@media print{.expander {display:none;}}
.opened   {background-image:url(/climate/images/symbols/minus.gif) !important;}

.nospace-bottom {padding-bottom:0;margin-bottom:0; }

.hidden {display:none;}
table.table-text {clear:both;}
table.table-text th {vertical-align:middle;}


/*.news is for rss like summary listings. Images - small- 50px, may be linked, needs to be generalised*/
div.news  div {margin-left:0;}
div.news  div div {margin-left:62px;}/* float image but keep margin aligned for text */
div.news img {margin:1px 4px 4px 1px; padding:1px; border: 1px solid #ccc; float:left;}
div.news a img{border:1px solid #ccc; margin:1px 4px 4px 1px; padding:1px;}
div.news a img:hover {border: 1px solid #000;}
div.news .expandee div, div.news .expandee p {margin-left:0; }
div.news h2 {font-size:1em;padding-top:.6em; clear:both; }

div.tabs p + ul{padding-bottom:0;margin-top:-1em;}
div.tabs p + ul + p {margin-top:1em;}
/* also in cdo.css */
a.pdf {background-image: url(http://www.bom.gov.au/water/images/symbols/icon_pdf.gif); background-position:1px .3em; padding-left:14px;}

.access-info {position:absolute; left:-99999px}

a.imageOpener img {border:1px solid #ccc;margin:1px 1px 0 1px;padding:1px;}
a.imageOpener img:hover {border-color:#000;}

.pop-html:hover, .pop-html:focus, .imageOpener:hover, .imageOpener:focus {cursor: url(/climate/images/interface/cursor-popup.png),url(/climate/images/interface/cursor-popup.cur),default !important; border-color:#ccc;}
/*.pop-html, .imageOpener{ background: url(/climate/images/symbols/icon-popup.png) right no-repeat; padding-right:14px;}*/

/* need generic name */
#trackercontainer, #mapContainer, .iframeContainer {overflow:hidden;}
#clip{margin-left:-200px; margin-top:-9.4em;}
@media print{#clip{margin-left:0px; margin-top:-5.8em !important; margin-bottom:-6.8em; }}

/* home page */
#relatedInfo p {margin-left:0; padding-left:.2em;}
#relatedInfo a:link, #relatedInfo a:visited {text-decoration:none;}
div#featured-services, div#featured-services div {padding:0;margin:0; }
div#featured-services p {float:none; text-align:center; margin:0; padding:0 0 .2em 0; }
div#featured-services div.border {border-color:#e5e5e5; padding:0; margin:.2em; background: #fff url(/climate/images/interface/gradient-grey-up.png) repeat-x bottom;  }

/* screen indicating static image */
div.screenStrip {background:url(/climate/images/interface/waves.png) repeat-x bottom; position: absolute;top:0;left:0;}
@media print {div.screenStrip {border-top:1px dotted #ccc; border-bottom: 1px dotted #ccc; }}

div.feature li {clear:left;}
ul.horizontal {padding:0; margin:0 0 0 -4px; width:100%;}
ul.horizontal li{display:block; clear:none; width:auto; float:left;  padding:0 3px 0 12px;  background: url(/images/ui/symbols/bullet-sub.gif) no-repeat 0 3px; }
a.external { background: url(/ol/img/external-ol.gif) right center no-repeat; padding-right: 12px;}

/* for feature inside darker feature block*/
.block-sub-feature {
    border: 1px solid #ccc; /*border-radius:6px; */
    background: linear-gradient(to top, #efefef, #ffffff);
    margin:.2em;
    overflow:hidden;
    }
div.block-sub-feature h3 {padding:.2em;}
div.block-sub-feature p{margin:0; padding:.2em ;}
.block-sub-feature img {width:100%; margin:0;padding:0;}
div.block-sub-feature a {text-decoration:none;}

div.block-sub-feature p a {text-decoration:none; background:url(/climate/images/symbols/icon-bullet-arrow-link-red.png) no-repeat left; padding-left:10px; }
div.block-sub-feature li {list-style:none;}
div.block-sub-feature li, div.block-sub-feature ul {margin-left:0;}
div.block-sub-feature li a {text-decoration:none; background:url(/climate/images/symbols/icon-bullet-arrow-link-red.png) no-repeat left; padding-left:10px; }
div.block-sub-feature a:hover, div.block-sub-feature a:focus{text-decoration:underline; color:#900;}

/* added 24/09/2012 */
caption {font-weight:normal; background-color:#fff; border:none; color:#000; overflow:visible;caption-side: top; }
caption p{padding:.2em; margin:0;}
/* add inline html align for ie support */
caption.align-bottom {caption-side: bottom; font-weight:normal; background-color:#f5f5f5; border:none; color:#666; overflow:visible; text-align:center;}

/* for short definitions - preferably glossary items. They can be displayed via 'pop-up'*/
a:hover.definition {cursor:help; }
.definitionDisplay {width:300px;}

.aside {
    border:2px solid #efefef;
    border-radius:6px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
    background: -webkit-linear-gradient(top, #efefef, #fff);
    background:    -moz-linear-gradient(top, #efefef, #fff);
    background:     -ms-linear-gradient(top, #efefef, #ffffff);
    background:      -o-linear-gradient(top, #efefef, #ffffff);
    background:               linear-gradient(to bottom, #efefef, #ffffff);
    }
.aside h2,.aside h3 {color:#000; font-size:1.1em; margin: 2px; padding:2px;}
.aside h3 {font-size:1em;}
.aside ul, .aside p {margin:2px;}
.aside ul a {text-decoration:none;}
.aside ul a:hover, .aside ul a:focus {text-decoration:underline;}
.aside ul li {
    background-image: url("/watl/images/symbols/link-goto.gif");
    background-repeat: no-repeat;
    list-style-image: none;
    margin-bottom: 1px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 0;
    padding-top: 0;
}
.aside ul li, .aside ul li {
    list-style-image: none;
}

/* linear grey, start side */
.gradient-left {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    background: -webkit-linear-gradient(left, #efefef, #ffffff);
    background:    -moz-linear-gradient(left, #efefef, #ffffff);
    background:     -ms-linear-gradient(left, #efefef, #ffffff);
    background:      -o-linear-gradient(left, #efefef, #ffffff);
    background:               linear-gradient(to right, #efefef, #ffffff);
}

.gradient-top {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
    background: -webkit-linear-gradient(top, #efefef, #ffffff);
    background:    -moz-linear-gradient(top, #efefef, #ffffff);
    background:     -ms-linear-gradient(top, #efefef, #ffffff);
    background:      -o-linear-gradient(top, #efefef, #ffffff);
    background:               linear-gradient(to bottom, #efefef, #ffffff);
    }
.gradient-bottom {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
    background: -webkit-linear-gradient(bottom, #efefef, #ffffff);
    background:    -moz-linear-gradient(bottom, #efefef, #ffffff);
    background:     -ms-linear-gradient(bottom, #efefef, #ffffff);
    background:      -o-linear-gradient(bottom, #efefef, #ffffff);
    background:               linear-gradient(to top, #efefef, #ffffff);
    }
.gradient-diag-top {
    background: -webkit-gradient(linear, right bottom, left top, from(#fff), to(#efefef));
    background: -moz-linear-gradient(right bottom, #fff, #efefef);
    background:   -o-linear-gradient(right bottom, #ffffff, #efefef);
    background:     -ms-linear-gradient(right bottom, #ffffff, #efefef);
    background:         linear-gradient(135deg, #ffffff, #efefef);
    }

.border-shadow {padding:1px; background-color:#ffffff; border:1px solid #cccccc; box-shadow: 0 0 4px 1px #cccccc;}

/* have requested AMDISS adjust core.css */
#footer, #footer-columns    { /* height:auto; */}
.p-id, .date-modified {color: #666;}

.box-notice { border: 4px solid #efefef;padding:.4em; margin:1em 0;}
.box-alert { border: 4px solid #FAE7C7; background-color: #FFF3E1; padding:.4em; margin:1em 0;}
.box-alert h2 {color: #DD6900; padding:0.5em 0; margin: 0; border-bottom:none;}
.box-alert h3 {color: #000; }

div.new {background:url(/climate/images/interface/new.png) no-repeat top right;}
div.new h2 {font-size:1em;}


.ui-tooltip, .arrow:after {
background: #666;
border: 2px solid #fff;
}
.ui-tooltip {
padding: 5px 10px;
color: #fff;
border-radius: 20px;
font-weight: bold;
box-shadow: 0 0 7px #666;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px #666;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}

div.block-sub-feature p.offset-line-up {display:block;margin-top:-1.6em; }

/* push content right into column - colour inversed for highlight */
.pull-torightcol ul {list-style-image:none; list-style:none; list-style-type:none; background-image: none; margin:0; padding:0;}
.pull-torightcol ul.bullet {list-style:disc; list-style-type: disc; color:#fff; list-style-image:none;}
.pull-torightcol li {margin-bottom: 5px;}
.pull-torightcol ul.bullet li {list-style:disc; list-style-type: disc; color:#fff; list-style-image:none; margin-left:1.6em;}

.pull-torightcol a:link, .pull-torightcol a:visited {color: #FC0 !important; text-decoration:none;}
.pull-torightcol{
position: relative;
background: #666;
border: 2px solid #fff;
border-radius:6px;
box-shadow: 0 0 5px #999;
padding:5px;
color:#fff;
float:right;
width: 176px;
margin:-3em -200px 0 5px;
}
.pull-torightcol:after, .pull-torightcol:before {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;

}

.pull-torightcol:after {
border-color: rgba(102, 102, 102, 0);
border-right-color: #666666;
border-width: 8px;
top: 1.1em;
margin-top: -8px;
}
.pull-torightcol:before {
border-color: rgba(255, 255, 255, 0);
border-right-color: #ffffff;
border-width: 11px;
top:1.1em;
margin-top: -11px;
}
.pull-torightcol caption {
background-color:#666;
color:#fff;
text-align:left;
}
.pull-torightcol table {width:100%;}
.pull-torightcol h3 {color:#fff; padding:3px 0; margin:0;}

/* light version */
.pull-torightcol.light ul.bullet li {color:#666;}

.pull-torightcol.light a:link, .pull-torightcol.light a:visited {color: #C60 !important; text-decoration:none;}
.pull-torightcol.light a:hover, .pull-torightcol.light a:focus {color:#C00  !important;}
.pull-torightcol.light{
background: #f5f5f5;
padding:5px;
color:#666;
box-shadow: 0 0 5px #ccc;
}

.pull-torightcol.light:after {
border-color: rgba(102, 102, 102, 0);
border-right-color: #f5f5f5;
}

.pull-torightcol.light caption {
background-color:#efefef;
color:#666;
}
.pull-torightcol.light h3 {color:#666; padding:3px 0; margin:0;}
/* end light version */

.box-image {margin:10px 0 1em 0; text-align:center;}
.box-image img{margin:auto; display:block;}
.box-image p{color:#666;  background-color:#f5f5f5; padding:3px !important;}

sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub { top: 0.4em; }

/* for comms email link */
#alert-button {background-color:#999; color:#fff; border-radius:6px; width:100%;}
#alert-button a{color:#fff; display:block; font-weight:bold; margin:0;height:39px; border:1px solid #efefef; border-radius:6px; text-decoration:none; position:relative;}
#alert-button a:hover, #alert-button a:focus{color: #efefef;}
#alert-button strong {line-height:39px; margin-left:10px;}
#alert-button a img {margin:0;padding:0; position:absolute; top:0; right:0;}
#alert-button span {display:block;}

#lvOptions {
    position:absolute; top: 1em; right: 0.2em;
    padding: 0;
    text-align: right;
    width: auto;
    max-width:50%;
    min-height: 3em;
}
#lvOptions div div {
    clear: none;
    display: inline-block !important;
    padding: 0;
    width: auto !important;
}
#lvOptions div {
    display: inline-block;
    text-align: right;
    width: auto;
}

/* replace with */
.subscribe a{background-color:#F0EEEB; /* box-shadow:0 0 2px #ccc; border:1px solid #ccc;*/ border-radius:4px; padding:10px 10px 10px 24px; text-align:center; text-decoration:none;}
.subscribe a:hover {background-color: #f8f8f8;  box-shadow:0 0 4px #999;}
.subscribe a:active, .subscribe a:focus {background-color:#f9f9f9;}
.icon-mail-grey {background: transparent url(/climate/images/symbols/icon-md-mail-grey.png) no-repeat 5px 50%;}
.icon-calendar-grey {background: transparent url(/climate/images/symbols/icon-md-calendar-grey.png) no-repeat 5px 50%;}

.ui-icon-mail {padding-left: 24px; background:#F0EEEB url(/climate/jquery/mobile/themes/images/icons-png/mail-white.png) no-repeat  5px 12px;}
.ui-icon-comment {padding-left: 24px; background:#F0EEEB  url(/climate/jquery/mobile/themes/images/icons-png/comment-white.png) no-repeat 5px 12px;}
.ui-icon-calendar {padding-left: 24px; background:#F0EEEB url(/climate/jquery/mobile/themes/images/icons-png/calendar-white.png) no-repeat  5px 12px;}


/* 20150205 html5 details/summary, use with details js shim old browsers */
/* these styles are emphatic -low key and inline varient desirable */
details {border: 1px solid #ccc; margin: 5px 0;}
details summary[aria-expanded="false"] {background:#efefef url(/climate/jquery/mobile/themes/images/icons-png/carat-r-black.png) 5px 7px no-repeat; padding-left:20px;}
details summary[aria-expanded="true"] {background:#efefef url(/climate/jquery/mobile/themes/images/icons-png/carat-u-black.png) 5px 7px no-repeat; padding-left:20px;}
summary: -webkit-details-marker { font-size:0px; display:none; } /* hide webkit (additional) arrow */
details, details summary { display: block; padding:5px;}
details summary:hover, details summary:focus { background-color: #F7F7F7; }

summary {padding:5px; margin:0; font-size:1em; font-weight:bold;}

.no-details summary {cursor: pointer; }
.no-details details > * { display: none; }
.no-details details summary { display: block; }

/* space first element contained in the summary */
summary + * {padding-top: 10px !important; }

/*  generic key access info for sighted readers :0*/
.keyboard-access:focus {left:200px; z-index:99999999; outline:1px dotted #06F;} /* requires tabindex="0" for non-focusable elements, e.g. p, div, li */
/* from jquery ui */
.ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

figure { margin:0;}
figure img{ max-width: 100%; max-height: none;}
figure a img{ max-width: 98%;} /* allow hover/active borders */
figcaption { padding:5px; display: inline-block; color: #666; font-size: 0.9em;}
figcaption p:last-child{ padding-bottom:0; margin-bottom:0;}

summary::-webkit-details-marker { display: none;}

.cc {clear:both; font-size:0.8em;}
.cc img{margin:0 5px; display:inline-block;}

a.newWindowImg {
background: url("/ol/img/external-ol.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
padding-right: 12px;
}



/* card /feature block */
.card { border:1px solid #ddd; border-radius:4px; box-shadow:0 0 3px rgba(0,0,0,0.2); margin:0 5px 15px 0; min-height: 23em;position:relative; background-color:#fff; }
.card  h2 {font-size:1em color:#000; text-align:center; padding: 5px; margin:0; background-color: #efefef;}

.card  img {display:block; margin:auto; padding:1px; width:100%; max-width:235px; height:auto; max-height:157px; background-color:#fff !important; box-sizing:border-box; }

.card  a { text-decoration:none; }
.card a img:hover { border:1px solid #000;}
.card > a {display:block; width:100%; height:162px; box-sizing:border-box; padding:0;margin:0; background-color: #fff !important;}

.card figure {margin:0; padding:0}
.card figcaption {background-color: #efefef;}

.card p {padding:5px;}
.card ul {list-style-position: inside; margin-top: 5px; margin-bottom: 0px; padding-bottom:0; margin:5px;}
.card ul li { margin-bottom:5px; margin: 0;}
.card ul a {text-decoration:none; border-bottom: 1px dotted #fff;  }
.card ul a:hover { border-bottom: 1px dotted #006699; }
@media (max-width: 768px){.card > a {height:auto !important;}}