.slideshowviewer {
	background: transparent url('Images/background.png') no-repeat;
	-moz-user-select: none;
	outline: none;
	width: 747px;
	height: 472px;
	cursor: default;
	padding: 5px 0 0 0;
	font-family: "Segoe UI" , "Trebuchet MS" , Arial, Verdana;
	clear: both;
}

.climate {
	width: 404px;
	height: 464px;
	margin: 0 0 0 5px;
	float: left;
	background: transparent url('Images/climate.jpg') no-repeat;
}

.months {
	width: 126px;
	height: 450px;
	float: left;
	padding-left: 20px;
	padding-top: 14px;
	background: transparent url('Images/monthsBackground.jpg') no-repeat;
}

.thermometer {
	width: 126px;
	height: 412px;
	float: left;
	padding-left: 60px;
	padding-top: 52px;
	background: transparent url('Images/thermometer.jpg') no-repeat;
}

/* Due to a bug in IE6, when you have applied float:left and margin to an element - the margin is doubled, 
       we have to apply display:inline to those elements. */
* html .climate, * html .months, * html .thermometer {
	display: inline;
}

.monthsSlider .rslItemsWrapper .rslItem span {
	font-weight: bold;
	line-height: 30px;
	padding-left: 10px;
}

/* Overwrite the disabled class of the RadSlider. The slider representing a thermometer
       should be disabled, but should not look disabled. */
.thermometerSlider div.rslDisabled {
	filter: none;
	-moz-opacity: 1;
	opacity: 1;
}

.thermometerSlider div.rslDisabled, .thermometerSlider div.rslDisabled a, .thermometerSlider div.rslDisabled li {
	cursor: pointer; /* all browsers but IE */
	cursor: default; /* IE */
}