/* for /climate/change/ 20130303 */

/* revise generic */
.box-grey {
    border:#efefef 3px solid; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
    background-image: -webkit-linear-gradient(top, #efefef, #ffffff); 
    background-image:    -moz-linear-gradient(top, #efefef, #ffffff);
    background-image:     -ms-linear-gradient(top, #efefef, #ffffff);
    background-image:      -o-linear-gradient(top, #efefef, #ffffff);
}
.box-grey li   { margin-bottom:0.6em;}
.box-grey li a {text-decoration:none; border-bottom:1px dotted #ccc;}
#mapContainer {overflow:hidden;/* default - no js as scroll */}
#clip         {margin-left:-200px; margin-top:-9.4em; }

#slide-selected p {margin:0; padding:6px;}
 
div#slider img{border:1px solid #fff;}
div#slider img:hover, div#slider img:focus{border-color:#000}
div#slider img.active{border:1px solid #000;}

#tabs {margin-bottom:20px;}

@media print{
    #tabs .block-33 img, #tabs .block-25 img, #tabs .block-40 img   {max-width:99%;} 
    #slidercontainer, #slide-selected, #mapStrip {display:none;}
    #mapContainer {margin-top:0; padding-top:0}
    #updates {padding-top:0}
	#updates .block-75 {width:100%;}
}

@media screen{
    .expander {padding:4px 2px 4px 20px; background:url(/climate/images/symbols/plus.gif) no-repeat 4px 8px;}
    li span.expander {margin-left:-16px; font-size:.9em; padding:4px 2px 4px 18px; background:url(/climate/images/symbols/plus.gif) no-repeat 4px 6px;}
}

li.opened, a.opened, li span.opened, dt.opened {background-image:url(/climate/images/symbols/minus.gif) !important;}
dt.opened {font-weight:bold;}

/* review and reconcile */
.rssHeader {display:none;}

#clip{margin-left:-205px; }
#faqs h2 {margin-top:0 !important; font-size:1.1em; background-image:none;}
#faqs a.button {margin: -2.2em .1em 0 0;}
#about-cc {display:none; position:absolute;left:3px;top:3px; z-index:900; width:90%;box-shadow: 3px 3px 3px #888888;}
#info-link {width:30px;height:30px; position:absolute; right:8px;top:8px; z-index:9; /*font-size:1.4em;*/ }
#info {border-radius:15px;font-weight:bold; color: #C00; text-shadow: 1px 1px 1px #000; }
@media print {
    #info-link {display:none;}
    #clip      {margin-left:0px; }
}

h1 {padding-bottom: .6em;}

.ui-dialog {margin-top:160px;}
 
#tabs .ui-tabs-panel {padding-top:20px !important;}
div.ui-tabs div.ui-tabs-panel {margin:0;padding:20px 0 0 0;}
.ui-tabs .ui-tabs-nav li a {padding:.5em;}
#tabs .block-33 {border-left:none;}
 
 
dl {padding-bottom:1em;}

div.ui-tabs-panel .item h2 {border-bottom:none;}
.item {border-bottom:none;}

#future .item {min-height:27em;}
#future h2 {padding-top:0;}

#tabs div.image-overlay h2 {background-image:url(/climate/images/interface/wave-4.png) !important; background-repeat:repeat-x; background-position:bottom;}
@media print {
    .image-overlay {border:none !important;}
    .image-overlay, .image-overlay img {max-width:100%;}
    #future  .image-overlay img {width:100%;}
    
    #tabs div.image-overlay h2 {position:relative;}
    #tabs div.image-overlay h2 a {padding-left: 0 !important;}
    dd {display:block;}
}

#trackerSelection {margin-bottom:.6em; border-radius: 0px; border:3px solid #DFDFDF; background-color:#efefef; }
#slide-selected { font-weight:bold; background-color:#efefef; top:4px; left:0; margin-top: -76px; height:76px;top:-20px; margin-left:6px; border: 1px solid #000; border-radius: 0px; box-shadow: 3px 3px 3px #888888;width:776px;opacity: 0.9;display: none; z-index:99999; position:absolute;}
/* descriptions */
#slide-selected p {color: #000;font-weight:normal; }
#slide-selected p span {color:#000; font-weight:bold; font-style:normal;}
 
#slider {margin:8px 0 4px 6px; padding:0; height:58px;  width:1000px;} 

div#slider a{margin:0 4px;padding:0 !important; border:none; height:54px; width:70px; display:block; float: left;}
/*div#slider a.groupstart {margin:0 5px !important;}*/
div#slider a.groupend {margin-right:25px;}

div#slider img{/*border:2px solid #efefef;*/ margin:0 !important;padding:0 !important; border:1px solid #999; border-radius:0px;box-shadow:0px 0px 3px #999;}
div#slider  img:hover, div#slider img:focus, div#slider img.active{border:1px solid #000; box-shadow:0px 0px 3px #000;}

#slidercontainer {height:70px; width:790px; overflow: hidden;}

/* new win or external */
#page-info a.newWindowImg { background: url(/ol/img/external-ol.gif) right center no-repeat; padding-right: 12px;}

img.corner-m, .jqbutton {box-shadow: 1px 1px 8px #ccc;}
.corner-m {border-radius:0px;}
#info img {border-radius:12px; box-shadow:#999 2px 2px 4px;}
#info-link {padding-top:2px;}

.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;
}

.image-border img, img.image-border { border: solid #ccc 1px;  padding:1px;}
.image-left img {margin:4px 4px 4px 0; padding:1px;}

@media print {
	/* for 2 column text - modern browsers */
	div.block-column{
	clear:both;
	-moz-column-count:2; 
	-moz-column-gap:20px;
	-webkit-column-count:2;
	-webkit-column-gap:20px;
	
	column-count:2;
	column-gap:20px;
	-webkit-column-fill:auto;
	-moz-column-fill:auto;
	column-fill:auto;
	padding:.2em 0 1em 0;
	} 
}

#tooltipNotes a {min-height:1em; background-color:inherit;}

.page-intro {border: 3px solid #efefef; border-radius: 6px; padding:2px 4px; margin-bottom:4px;}
.page-intro  h2 {color:#000; font-size:1.1em; padding:4px .4em;}
.page-intro .block-75 p {width:70%; float:left;}
.tracker-intro  {width:152px; float:right;}

.ui-tabs #tracker.ui-tabs-panel {padding:0.2em;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #666;text-decoration: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #000;}
#slidercontainer { height:76px; margin:1em 0 2em 0;}

div#slider img {
    border: 3px solid #dddddd; /* #436AAF*/
    border-radius: 0;
    box-shadow:none;
    margin: 0 !important;
    padding: 0 !important;
}

div#slider img.active {
    border: 3px solid #000; /* #436AAF*/
    border-radius: 0;
    box-shadow:none;
}
div#slider img:hover, div#slider img:focus {border: 3px solid #666;border-radius: 0;box-shadow:none; }
.block-33 .item { margin: 5px; box-sizing: content-box ;}
.block-33 .item img{width:100%; height:auto;}
.block-33 div.image-overlay {
    width: 100%;
}
div.image-overlay {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 0 0.5em 0;
    padding: 0;
    position: relative;
    width: 200px;
}



#features {
	background-color:#666; 
	color: #fff; 
	border:none;
	
}
#features h2, #features h3 {color: #fff; margin:0;font-size: 1.2em; padding:5px;}  /* 1.4 */
#features p, #features ul {padding:3px 5px; margin:0;  font-size: 1em; } /* 1.1 */

#features li {
font-size: 1em; /* 1.1*/
background: rgba(0, 0, 0, 0) url("/climate/images/symbols/bullet-grey-dark.png") no-repeat scroll 0 0.5em;
line-height: 1.4em; /*1.6 */
list-style: outside none none;
margin: 0 0 0.4em;
padding: 0 0 0 24px;
}

#features p:last-child {padding-bottom:2px;}
figure {overflow:visible; }

h2.invert {color: #fff; background-color: #666; font-size: 1.4em; padding: 0.6em ; margin:1em 0 0.2em 0}
.block-75 {box-sizing:border-box; width:75%; float:left;}
#tabs h2 {color:#000; background-color: #fff; }
.highlight-tn {margin:2px;text-align:center; background-color:#333; color:#fff; text-shadow: 0 0 2px #000;position:relative;  border:1px solid transparent;}

.highlight-tn img {min-width: 187px; height:auto; max-height:130px;}
.highlight-tn h3 {text-align:center; font-size: 1em;}


#features a, #features a:link, #features a:visited {display:block; overflow:visible; text-decoration:none !important; color:#fff !important;}
#features a:after {
	content: '';
	display:block;
	height:1px;
	clear:both;
}
#features a:hover { background: rgba(0,0,0,0.3); cursor:pointer;}
#features a.link-block {}

.highlight-tn, .highlight-tn a {text-align: center; text-decoration:none !important; color:#fff !important;padding-bottom:4px; font-size:1em; font-weight:bold; display:block; overflow:hidden;}
#features a:hover .highlight-tn , .highlight-tn:hover {background-color: #000;cursor:pointer; /*border:1px solid #fff;*/}

.highlight-tn figcaption {text-align:center; margin:0; display:block; width:100%;  background-color: rgba(0,0,0,0.5); position:absolute; bottom: 0; z-index:1;}
.margin-right {margin-right: 5px;}

#features .thumbnails img {position:absolute; left:0;}
.thumbnails figure {position:relative;}
.thumbnails figcaption  {position:absolute; left: 80px; font-weight: normal;}
#features .thumbnails h3 { font-weight: normal;}
.thumbnails a {display:block; min-height:60px; clear:both; margin: 8px 0;}
/*
.ui-state-default a:hover {color: #fff; background-color: #666;} #069 
.ui-tabs-active a:hover {color: #666; background-color:#fff;}*/