@charset "utf-8";

body {
	/* width: 390px; */
	height: 540px;
	text-align: center;
}

.topWindow > * {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.topWindow {
	position: relative;
	display: inline-block;
	padding: 10px;
}

#objective {
	position: relative;
	left: 0px; top: 0px;
}

.controlBack {
	padding: 4px;
}

.controlPanelBack {
	position: relative;
	display: inline-block;
	margin: 4px 10px;
	padding: 4px;
	vertical-align: middle;
}

.controlText {
	margin: 4px auto;
}

.sldrBack {
	margin: 5px auto;
}

#sldrContainer {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

#sldrContainer > div {
	position: relative;
	display: block;
}

#sldr0,#sldr1 {
	position: relative;
	display: inline-block;
	width: 120px;
}

.segBack {
	display block;
}

#segment > div {
	width: 143px;
	height: 26px;
	padding: 0;
	text-align: center;
}

.sldrTitleInactive {
	color: #061826;
	display: block;
	font: bold 12px/1 Arial;
	line-height: 1;
	margin-bottom: 5px;
	position: relative;
	text-align: center;
	text-shadow: 0 0 3px rgba(73, 92, 123, 0.5);
}

.sliderHandleInactive {
	background: #22699b;
	background: -moz-linear-gradient(top, #22699b 0%, #1b4562 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22699b), color-stop(100%, #1b4562));
	background: -webkit-linear-gradient(top, #22699b 0%, #1b4562 100%);
	background: -o-linear-gradient(top, #22699b 0%, #1b4562 100%);
	background: -ms-linear-gradient(top, #22699b 0%, #1b4562 100%);
	background: linear-gradient(to bottom, #22699b 0%, #1b4562 100%);
}