@charset "utf-8";

/* custom 
TODO: js for px vals, implement ratios for slideshow
*/

#galleria{ 
width: 954px; 
height: 454px; 
background: #000 ; 
margin-left:0 !important;
}
.galleria-stage {
height: 399px;
bottom: 60px;
left: 0;
right: 0;
top: 0;
}

.galleria-image-nav {
top: 95%;
z-index: 3;
width:70%;
}

.galleria-thumbnails-container {
bottom: 0;
height: 44px;
left: 10px;
position: absolute;
right: 10px;
}

/* TODO: can set up as ratios */
.galleria-info {
left:676px;/* 71%*/
position: absolute;
top: 0px;
width: 278px; /*29% */
z-index: 2;
}
.galleria-counter { 
text-shadow:1px 1px 3px #000 ;
opacity:0.8 !important;
bottom: 5px;
left: 35%;
}
.galleria-image {opacity: 1.0 !important; }
.galleria-image.active {border: 2px solid #fff !important;opacity: 1.0 !important; }
.galleria-info-text {background-color: rgba(0, 0, 0, 0.4); max-height:374px; overflow:auto;
}
/* TODO: review alt */
::-webkit-scrollbar              {background-color:#013a4d;}
::-webkit-scrollbar-track        {background-color:#00384B;}
::-webkit-scrollbar-thumb        {background-color: #9CC;}
::-webkit-scrollbar-button       {background-color: #378087;}
::-webkit-scrollbar-corner       {background-color: #378087;}
::-webkit-scrollbar-track-piece  {background-color:#00384B;}

.galleria-info-description {color: #fff; bottom: 10px; font-style:normal ; font-family:Arial, Helvetica, sans-serif; }
#galleria h3 {padding-top:0;margin-top:0; color: #CFF; font-size:1.2em;}
#galleria h4 {color:#9CC; padding-top:.2em; margin-top:0; font-weight:normal; font-size:1.1em;}
#galleria a {color: #FC9; text-decoration:none; }
#galleria a:hover, #galleria a:active {color:#fff; border-bottom:1px dotted #fff;}
#galleria p+ul {margin-top: -.8em;}
.block-70 {float:left;width:70%;}
.block-30 {float:right;width:30%; text-align:right;}
.block-25 .box-notice {margin:5px;}

.warning-page {width:641px; margin:auto; background-image: url(/climate/stories/extremes/images/simulation-only.png) no-repeat}
.warning-page img {display:block;}
.warning-page p:first-child {padding-top:1em !important;}
h2.simulation-message {color: #666 !important; border: 3px solid #ccc; background-color:#efefef; text-align:center; padding:10px; margin:5px 0;}
.blue {color:#06C; font-size: 1.2em; }
.rouge {color: #800000}
.accordion li {padding: .6em;} 
.slide-header h3 {padding: 5px; margin:0; color: #000;}
.slide-header.ui-widget-header {margin:1em 0 0 0; }