@charset "utf-8";
/* for /climate/ahead/model-summary.shtml, /climate/ahead/models/model-summary-table.shtml */

div.ui-tabs div.ui-tabs-panel {padding:1em; margin:0; min-height:500px;}
div.block-33{width:33%; float:left; display:block; padding:0;margin:0;border-left:none !important;}

.cool     {color:#0066FF;}
.warm     {color:#CC0000;}
.neutral  {color:#666;}
.date     {margin-top:2.0em;}

.poama .table-text {width:99%; }
.poama p {padding:.2em 0 !important;}
#poama .block-33 {width:33%; border-left:none;margin:0;padding:0;}

#details table img {margin:1px; border:1px solid #fff; box-shadow:0 0 3px 1px #999;}
#details table img:hover {border-color:#000;}

/*#gauges */
.box-graphic{
border:2px #efefef solid; border-radius:12px; min-height: 15em;
background: #fff url(/climate/images/interface/gradient-grey-down.png) repeat-x top;
text-align:center;
}
.box-graphic div.block-33 {border-left:none; text-align:center;}
.box-graphic  h3          {padding:5px 0 10px 0; margin:0 auto; text-align:center}
.box-graphic form         {padding:0;}
.box-graphic label {display:inline-block; width:auto; border:2px solid #fff; padding:3px 5px 3px 0; margin: 4px; border-radius:12px;background: #fff url(/climate/images/interface/gradient-grey-down.png) repeat-x top; font-weight:bold; color:#666;  }
.box-graphic label:hover,  .box-graphic label.active {border-color:#ccc; cursor:pointer; background:#efefef;}

/* clip the label off the top of the graph display */
#clipMonthGraphNINO34    {width:auto;max-width:615px; height:380px; overflow:hidden; margin:0 auto;}/*width:615px; */
#clipMonthGraphIOD {width:auto; max-width:615px; height:260px; overflow:hidden; margin:0 auto;}/*width:615px; */

.meta{height:2em;padding:4px 0;}
.time-icon {padding:1px 4px 1px 20px !important; background: url(/climate/images/symbols/time-icon.png) no-repeat left top; height:2em; }
.time-icon span{color:#000; font-weight:bold; padding-right:10px;}

#page-info {margin-left:10px;padding:1px 4px 1px 20px !important; background: url(/climate/images/symbols/icon-info.png) no-repeat left top; height:2em;}

.intro {border:4px solid #efefef; margin:.2em 0;}
/* subscribe button */
#alert-button {background-color:#999; color:#fff; border-radius:6px;}
#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}

div.feedback { border:1px solid #efefef; border-radius:6px; background-color:#999; color:#fff;}
div.feedback  a {color:#fff; font-weight:bold; background: url(/climate/images/symbols/comments.png) no-repeat left bottom; padding:2px 2px 2px 24px; margin-left:4px;text-decoration:none; line-height:1.8em;}
div.feedback  a:hover, div.feedback  a:focus {color:#efeffef;}

/* about info at bottom of tabs */
p.info {padding:2px 2px 2px 24px !important; background:url(/climate/images/symbols/icon-info-large.png) no-repeat left;float:left;width:auto;}
ul.horizontal {padding:2px; float:left;width:auto;  margin:0 !important;}
.box-info {border-radius:12px; border:2px #efefef solid; background-color:#efefef; margin:4px 0;}

ul ul {padding-bottom:0 !important;margin-bottom:0 !important;}

.ip {color:#666; margin:1em 0 .4em 0; font-style:italic; background:#efefef url(/climate/images/symbols/icon-copyright-large.png) no-repeat .2em .2em; padding:.4em .4em .4em 28px; border-radius:12px;}

abbr {border-bottom: dotted #ccc 1px;}

	.ui-tooltip, .arrow:after {
    background: #666;
    border: 2px solid #fff;
  }
  .ui-tooltip {
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
	font: 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);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
 /*#details .table-text a {display: block; min-height: 1.2em; width:auto; }*/
 
@media print {
	.block-25, .print-no, .box-info {display:none}
	img {max-width:100%;}
	.access-info {display:none;}
	.ui-tabs-nav { display: none; }
	#tabs div.ui-tabs div.ui-tabs-panel, #tabs .ui-widget .ui-widget-content {padding:0; min-height:auto; height:auto; display:block !important; width:100% !important;}
	.print-none {display:none;}
	.block-75, .print-block-100{width:100% !important}
	a.pdf {padding-left:0;}
}