#contenth {
	width: 1020px;
	height:390px;
	background: url(../images/bg.png) no-repeat;
	position: relative;
	z-index: 1;
	font-family: 'Trebuchet MS', Sans serif;

}


/**********************************************************
ACCORDION
**********************************************************/

#modelDescAcc {
 	height:335px;
 	top: 30px;
 	right:23px;
	width: 243px;
  	color: #ffffff;
	z-index: 11;
	font-size: 12px;
	line-height: 1.4em;
	position: absolute;
}

.titleModelDesc {
    font-family: 'TitilliumText22LMedium', Arial, sans-serif;
    font-size:21px;
    color: #ffffff;
    text-align: center;
    margin: 5px 0;
}

.accordionButton {	
    width: 216px;
    float: left;
    background: url(../images/btn_home_s2.png) top center;
    cursor: pointer;
    height: 30px;
    color: #FFFF33;
    text-align: right;
    font-family: 'TitilliumText22LMedium', Arial, sans-serif;
    font-size: 15px;
    text-shadow: 0 -1px #000000;
    padding-top: 13px;
    padding-right: 27px;
}

.accordionButtonSelected {
    width: 216px;
    float: left;
    background: url(../images/btn_home_s1.png) top center;
    cursor: pointer;
    height: 30px;
    color: #FFFF33;
    text-align: right;
    font-family: 'TitilliumText22LMedium', Arial, sans-serif;
    font-size: 15px;
    text-shadow: 0 -1px #000000;
    padding-top: 13px;
    padding-right: 27px;
}

.numberDays {
    color: #FFCC00;
    background: url(../images/btn_home_s4.png) top center;
}

.numberDays.accordionButtonSelected {
    color: #FFCC00;
    background: url(../images/btn_home_s3.png) top center;
}


.accordionContent {	
    width: 229px;
    float: left;
    background: #2D2D2D;
    display: none;
    border-radius:0 0 7px 7px;
    font-size: 10px;
    line-height: 1.3em;
    padding: 5px 7px;
    margin-bottom: 5px;
}


.accordionContent a:link, .accordionContent a:visited {
    color: #0099FF;
    text-decoration: none;
}

.accordionContent a:hover, .accordionContent a:hover:visited {
    color: #008AE5;
    text-decoration: none;
}




/**********************************************************
SUMMER CLIMATE SHIFT
**********************************************************/

#wrapperScs #yearTickerScs {
	font-size: 36px;
	line-height: 36px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top:245px;
	left:110px;
	width:100px;
	z-index: 9;
}


#wrapperScs #playButtonScs,
#wrapperScs #stopButtonScs {
	position: absolute;
	top:340px;
	width: 102px;
	height:51px;
	left: 130px;
	z-index: 10;
}

#wrapperScs #playButtonScs img,
#wrapperScs #stopButtonScs img {
	border: none;
}

/* slider specific CSS */
#wrapperScs .sliderGalleryScs {
    background: url(../images/bgScs.png) no-repeat;
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 390px;
    width: 1020px;
}

#wrapperScs .sliderGalleryScs UL {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    top: 70px;
    left: 315px;
}

#wrapperScs .sliderGalleryScs UL LI {
    /* display: inline; */
    position: absolute;
    visibility: hidden;
}

#wrapperScs .sliderScs {
    width: 320px;
    height: 28px;
    margin-top: 340px;
    margin-left: 220px;
    position: relative;
    background: url(../images/slider_line.jpg) no-repeat center bottom;
}



#wrapperScs .ui-slider-handle {
    position: relative;
    display: block;
    cursor: move;
    height: 33px;
    width: 33px;
    top: 10px;
    background: url('../images/handle.png') no-repeat;
    z-index: 12;
}

#wrapperScs .sliderScs span {
    color: #bbb;
    font-size: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}

#wrapperScs .sliderScs .slider-lbl1Scs {
    left: -8px;
}

#wrapperScs .sliderScs .slider-lbl3Scs {
    left: 108px;
}

#wrapperScs .sliderScs .slider-lbl4Scs {
    left: 206px;
}

#wrapperScs .sliderScs .slider-lbl5Scs {
    left: 330px;
}





/**********************************************************
NUMBER OF DAYS
**********************************************************/

#dodad_wrap {
    font-family: 'Trebuchet MS',Sans serif;
    height: 388px;
    position: relative;
    width: 1020px;
    z-index: 1;
}
.labels {
    background: url(../images/labels.png) no-repeat scroll 0 0 transparent;
    height: 15px;
    position: absolute;
    width: 125px;
    z-index: 8;
}
.lowerE {
    left: 128px;
    top: 93px;
}
.higherE {
    background-position: left -17px;
    right: 380px;
    top: 93px;
}
#yearTicker {
    background: url(../images/backgroundyear.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 36px;
    height: 62px;
    left: 327px;
    line-height: 62px;
    position: absolute;
    text-align: center;
    top: 260px;
    width: 123px;
    z-index: 99;
}
#playButton, #stopButton {
    height: 53px;
    left: 85px;
    position: absolute;
    top: 338px;
    width: 118px;
    z-index: 10;
}
#playButton img, #stopButton img {
    border: medium none;
}
.sliderGallery {
    background: url(../images/bg.png) no-repeat scroll 0 0 transparent;
    height: 388px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1020px;
}
.sliderGallery UL {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
}
.sliderGallery UL LI {
    margin: 97px 0 0 8px;
    position: absolute;
}
.slider {
    height: 28px;
    margin-left: 200px;
    margin-top: 300px;
    position: relative;
    width: 317px;
}
#dodad_wrap .ui-slider-handle {
    background: url(../images/handle.png) no-repeat scroll 0 0 transparent;
    cursor: move;
    display: block;
    height: 33px;
    position: relative;
    top: 49px;
    width: 33px;
    z-index: 12;
}
.slider span {
    color: #BBBBBB;
    cursor: pointer;
    font-size: 80%;
    position: absolute;
    top: 3px;
    z-index: 110;
}
.slider .slider-lbl1 {
    left: -8px;
}
.slider .slider-lbl3 {
    left: 108px;
}
.slider .slider-lbl4 {
    left: 206px;
}
.slider .slider-lbl5 {
    left: 320px;
}

/**********************************************************
POP UP MESSAGE
**********************************************************/

#messageTime {
	background: url(../images/bg_messagetime.png) no-repeat scroll 0 0 transparent;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
	color: #FFF;
	display: none; 
	position: absolute; 
	width: 270px; 
	height: 55px;
	padding: 10px 15px 15px 15px; 
	top: 100px; 
	left: 50px;
	z-index: 10000;
}

#messageTime li {
	list-style-image: url("../images/bullet_yellow.png");
	list-style-position: outside;
	color: #FFF;
	margin-left: 15px;
	margin-bottom: 7px;
	line-height: 18px;
	
}






/**********************************************************
NEW DESIGN JUNE 2012
**********************************************************/


#introText {
    position:absolute;
    top:10px;
    left:7px;
    width:692px;
    height:328px;
    background:url("../images/bg_shift.png") no-repeat;
    z-index:999;
    font-family: 'TitilliumText22LRegular',Arial,sans-serif;
    color: #fff;
    padding: 43px 20px 0 20px;
    text-align: center;
    font-size: 23px;
    line-height: 1.25em;
}

.ScsTitle {
	position: absolute;
	left:205px;
	top:88px;
}

.ScsCaption {
	font-size: 14px;
	color: #ccc;
	position: absolute;
	top:175px;
	left: 201px;
}

.ScsCaptionHilight {
	color: #FFFF33;
font-family: 'TitilliumText22LMedium',Arial,sans-serif;

}

/* Slider specific CSS */

.center UL {
    left: 357px !important;
}


.tickerCenter {
	top:283px !important;
	left:167px !important;
}

#playBtnShift {
	background: url(../images/btn_play_shift.png) no-repeat;
	width: 87px;
	height: 38px;
	font-family: 'TitilliumText22LMedium',Arial,sans-serif;
	font-size: 24px;
	position: absolute;
	top:210px;
	left:326px;
	padding: 6px 0 0 25px;
	text-align: left;
	
}

#playBtnShift a:link, #playBtnShift a:visited {color: #0099FF; text-decoration: none;}
#playBtnShift a:hover, playBtnShift a:hover:visited {color: #008AE5; text-decoration: none;}