@charset "utf-8";
/* for /climate/enso/outlook/ and archive pages*/
@import url('/climate/styles/date.css');

h1 {padding-bottom: .4em;}
h1 strong {color: #666;}

#content {padding-bottom:1em;}
/* colours */

.ENW {background-color: #F2DDDC; color:#F2DDDC;}
.ENA {background-color: #D79593; color: #D79593;}
.EN {background-color: #943735; color: #943735;}

.LNW {background-color: #C4D6EE; color: #C4D6EE;}
.LNA {background-color: #558ED5; color: #558ED5;}
.LN {background-color: #17375C; color: #17375C;}

.en-text, th.en-text {color: #943735;}
.ln-text, th.ln-text {color: #17375C;}
.N {background-color: #efefef; color: #efefef;}
 
.na {background-color: #cccccc; color: #cccccc;}


/* no-svg status graphic and text */
.alert {background-color:#666; padding:.5em; color:#efefef;  margin:0;}
.status {background-color:#000; font-size:1.2em; line-height: 1em; color:#fff;  border: 1px solid #000; padding:.4em; vertical-align:top; min-height: 1.4em; border-radius:6px;}
.status img{display: block; float:left; width: auto;}
.status h2#statusText {clear:none; display: block; float:left; width:auto; color: #fff; padding:0; margin:0.2em 0 0 .4em; border-bottom:none;}
.box-notice h3, .box-notice h2 {padding-top:0.2em; font-size: 1.1em;}

#overview .box-notice {border:none;}
/* commentary */
#overviewContent h2 {display:none;}

/* first tab */
.ui-tabs .ui-tabs-panel {min-height:auto; }/*over-ride climate default as this has limited content */

/* info button */
div.tabs {position:relative;}
#info-link {width:30px;height:30px; position:absolute; right:8px;top:8px; z-index:9;}
#info {border-radius:15px;font-weight:bold; color: #C00; text-shadow: 1px 1px 1px #000; }


/* criteria section */
.criteria p {font-weight: bold; color:#666;}
.criteria li { padding-bottom: 1em;}
.ui-widget-content .ui-state-default { font-weight: bold; color: #666; font-family:Arial, Helvetica, sans-serif;background-image:none !important ;}
.ui-widget-content .ui-accordion-header.ui-state-active {color: #000;}
.criteria {counter-reset: criteria-counter;}
.accordion { background-color: #f8f8f8;}
.criteria li, .criteria ol {list-style:none; margin-left: 0}
.criteria li:before {
	content: counter(criteria-counter);
	counter-increment: criteria-counter;
	font-weight:bold;
	border: 2px solid #ccc;
	border-radius:15px;
	color: #fff;
	background-color: #666; padding:.1em .45em; margin-right: .4em;
	box-shadow: 0 0 1px 1px #ccc;
}
.criteria li li:before {
	content: normal;
	background-color: #fff;
	border: none;
}
.criteria li ul {margin:-1.4em 0 0 2.5em; padding:0;}
.criteria li ul li {padding:0;}
/* show/hide all accordions */
#expandCriteriaControls {float:right; width:auto; margin-left: 1em;}
#showAllCriteria { padding:10px; }
.accordion.blat .criteria {border: 1px solid #ccc; padding: 1em; margin-bottom: 1em;}
.accordion.blat h3 {background-color:#efefef; color: #666;  padding: 0.5em  0.5em  0.5em 2.2em; border: 1px solid #ccc; border-bottom:none;}

a.btn {display: inline-block;}

a.btn, button.button {
	background-color: #f0eeeb;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 0 2px #ccc;
	padding: 10px 10px 10px 24px;
	text-align: center;
	text-decoration: none;
}
a.btn {padding-left: 10px;}
a.btn:hover, a.btn:active, a.btn:focus, button.button:hover, button.button:active, button.button:focus {
	background-color: #f8f8f8;
	box-shadow: 0 0 4px #999;
}



/* chart */
#timeline {height:220px ; border: 1px solid #ccc; box-shadow: 0 0 4px #ccc;}
#timeline .highcharts-container {width:100%; }

#graph-controls p {padding:0.2em; margin:0; font-weight:normal;} /* div.ui-tabs-panel  */
#graph-controls {text-align:center;}
fieldset.ui-widget-header {background: #efefef;}
fieldset.ui-widget-header input {padding:5px;}

g.highcharts-series path {
	stroke-linecap: butt;
	/*stroke-linejoin: round;*/
}

/* history tables, see also colours at top */
.table-text caption {caption-side:bottom; background-color: #efefef; color:#666; border:none;}
/* .history th {font-weight: normal;}*/
.history th.yrN {color: #000; /*background-color:  #e6e6e6;*/ border-left: 12px solid #e6e6e6;}
.history th.yrEN {color: #943735; /*background-color:  #943735;*/ border-left: 12px solid #943735}
.history th.yrLN {color: #17375C; /*background-color:  #17375C;*/ border-left: 12px solid #17375C}

table.table-text.history th {text-align:center;}

/* misc text */
.block-25 h2, .block-25 h3 {font-size:1em;}
div.ui-tabs-panel p.nospace-bottom {padding-bottom:0; margin-bottom:0;}
.verification span {display:inline-block; min-width: 7em;}

.icon-download-grey { background:transparent url(/climate/images/symbols/icon-md-download-grey.png) no-repeat 5px 0.8em; padding-left:24px;}
.ui-icon-mail,.icon-mail-grey {background:transparent url(/climate/images/symbols/icon-md-mail-grey.png) no-repeat 5px 0.8em; padding-left:24px;}

.ui-widget-content a { color: #3366cc; text-decoration:none; /*border-bottom: #ccc dotted 1px;*/}
.ui-dialog .ui-widget-content a:focus, .ui-dialog .ui-widget-content a:hover {color: #F60;} 
.ui-dialog {max-width: 400px;}
@media print {
	
	#info-link {display:none;}
	#clip      {margin-left:0px; }
}

@media print {
	.alert {text-shadow:none; color:#000;}
	dl.contact {display:block !important;}
	.print-block-100{width:100% !important; clear:both;}
	p.about{color:#000; background-color:#fff; padding-left:0; padding-top: 1em;}
	.status {box-sizing:border-box;}
	p.time-icon { padding-left:0.2em;}
	div.dial {text-align:center; box-sizing:border-box; height:auto;padding-bottom:10px}
	div.dial img { display:block; margin:0 auto 4px auto; border:4px solid #ccc; border-radius:6px;margin-bottom:4px; height:auto;}
	.expandee ,.expander {display:block !important;}
	.criteria.ui-accordion-content {display:block !important;}
	#history .block-33 {width:25%;}
	.table-text#legend {width:auto; border:none;}
	#timeline .highcharts-container { width: 775px; max-width:775px; text-align:center; margin:auto;}
	p.date time:first-child::before { padding-left: 4px !important;}
}


a.icon-download-grey{
background: transparent url(/climate/images/symbols/icon-md-download-grey.png) no-repeat 5px 0.4em;
background-color: #F0EEEB;
box-shadow: 0 0 2px #ccc;
border: 1px solid #ccc;
border-radius: 16px;
padding: 5px;
text-decoration: none;
display: block;
box-sizing: border-box;
overflow-x: hidden;
text-indent: 40px;
width: 28px;
line-height: 1;
}
a:active.icon-download-grey, a:hover.icon-download-grey {cursor: pointer;}