﻿@charset "utf-8";

body {
	/* width: 410px; */
	height: 600px;
	text-align: center;
}

#ballContainer {
	bottom: 14px;
	left: 160px;
	position: absolute;
}

#ballContainer > * { position: absolute; }

#ballGlow {
	-ms-border-radius: 13px;
	border-radius: 13px;
	height: 13px;
	width: 13px;
}

#btn {
	display: inline-block;
	height: 30px;
	position: relative;
	width: 66px;
}

.controlBack {
	bottom: 0px;
	height: 155px;
}

.containerContainer {
	/* position: absolute; */
	position: relative;
	display: block;
	margin: 10px auto;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	width: 405px;
}

.containerContainer > * {
	position: relative;
	vertical-align: middle;
}

#conversion {
	bottom: 215px;
	left: 240px;
}

#crossing {
	bottom: 174px;
	left: 255px;
}

#delayed {
	bottom: 73px;
	left: 150px;
}

#excitation {
	bottom: 121px;
	left: 153px;
}

#fluorescence {
	bottom: 72px;
	left: 150px;
}

.imageContainer { left: 8px; }

#infoContainer > * {
	display: none;
	position: absolute;
	z-index: 5;
}

#lineCan {
	height: 280px;
	position: absolute;
	width: 110px;
	z-index: 4;
	left: 185px; top: 82px;
}

#phosphorescence {
	bottom: 117px;
	left: 139px;
}

#quenching {
	bottom: 104px;
	left: 163px;
}

#relaxation {
	bottom: 77px;
	left: 147px;
}

.selectHeight {
	height: 40px;
}

.selectHeight > #btn {
	top: -5px;
}

.selectHeight > select {
	height: 21px;
}

#selectContainer {
	position: relative;
	display: inline-block;
	margin: 10px auto;
	width: 220px; height: 40px;
	top: -33px;
	margin-right: 15px;
	left: -42px;
}

#selectContainer > * {
	position: relative;
	display: block;
	margin: 10px auto;
	text-align: center;
	vertical-align: middle;
}

#startContainer {
	position: relative;
	display: inline-block;
	margin: 10px auto;
	width: 80px; height: 40px;
	top: -5px; left: -15px;
	padding: 3px;
}

#startContainer > * {
	position: relative;
	display: block;
	margin: 10px auto;
	text-align: center;
	vertical-align: middle;
}

.sldrHeight {
	position: relative;
	display: inline-block;
	height: 70px;
	width: 180px;
	padding: 4px;
	margin: 10px;
}

.sldrHeight > * {
	position: relative;
	margin: 10px auto;
}

#speedCon {
	position: relative;
	top: 11px;
}

.splashBackground{
	-ms-transform: scale(.89);
	-webkit-transform: scale(.89);
	-moz-transform: scale(.89);
	-o-transform: scale(.89);
}

#vibration {
	bottom: 215px;
	left: 240px;
}

#vibration2 {
	bottom: 59px;
	left: 151px;
}
