html, body{
	margin: 0;
	padding: 0;
	height: 100%;
}

body{
	color: white;
	background-color: black;
}

#sivBox{
	background-position:center center;
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
}

#titleBox{
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	width:100%;
	background-image:url(bgBlack60.png);
}

#leftControls{
	position:absolute;
	top: 50%;
	width: 50px;
	margin-top: -110px;
}

#rightControls{
	position:absolute;
	top: 50%;
	right: 0;
	width: 50px;
	margin-top: -110px;
}

img.control{
	padding-top:10px;
	padding-bottom:10px;
	height:100px;
	width:50px;
}

#captionBox{
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-image: url(bgBlack60.png);
	text-align:center;
}

#timerBox{
	position:relative;
	width: 50px;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#tmrVal{
	position:absolute;
	width:100%;
	background-image: url(bgBlack60.png);
	top:50px;
}

img.timerUp{
	position:absolute;
	top: 0px;
	left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	height:50px;
	width:50px;
}

img.timerDown{
	position:absolute;
	bottom: 0px;
	left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	height:50px;
	width:50px;
}

img.help{
	position:absolute;
	right:0;
	top:0;
	z-index:15;
}

#helpBox{
	position:absolute;
	visibility:hidden;
	padding: 10px;
	right: 8%;
	top: 5%;
	height: 80%;
	width: 80%;
	border:dashed;
	border-width: 2px;
	border-color:#CCC;
	background-image: url(bgBlack70.png);
	background-repeat: repeat;
	text-align: left;
	z-index:14;
	overflow:scroll;
}

table{
  border: 0px;
  text-align: left;
  margin-left: 20px;
  width: 420px;
}