html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	overflow:hidden;
}

body{
	color: white;
	background-color: black;
}

a:link { 
	color: white;
	background-color: transparent;
	text-decoration: underline;
}
  
a:visited {
    color: white;
    background-color: transparent;
    text-decoration: underline;
}

#sivBox{
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	height: 100%;
	width: 100%;
}

#picBox{
	padding: 0;
	position:absolute;
	text-align:center;
	width:640px;
	height:640px;
	top: 50%;
	left: 50%;
	margin-top: -320px;
	margin-left: -320px;
	z-index: 1;
}

#titleBox{
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	width:100%;
	background-image:url(bgBlack60.png);
	z-index: 11;
}

#leftControls{
	position:absolute;
	top: 50%;
	width: 50px;
	margin-top: -60px;
	z-index: 5;
}

#rightControls{
	position:absolute;
	top: 50%;
	right: 0;
	width: 50px;
	margin-top: -60px;
	z-index: 7;
}

img.control{
	padding-top:5px;
	padding-bottom:5px;
	height:50px;
	width:50px;
}

#captionBox{
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin-right: 40px;
	background-image: url(bgBlack60.png);
	text-align:center;
	z-index: 9;
}

#timerBox{
	position:relative;
	width: 50px;
	height: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	z-index: 8;
}

#tmrVal{
	position:absolute;
	width:100%;
	background-image: url(bgBlack60.png);
	top:20px;
}

img.timerUp{
	position:absolute;
	top: 0px;
	left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	height:25px;
	width:50px;
}

img.timerDown{
	position:absolute;
	bottom: 0px;
	left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	height:25px;
	width:50px;
}

img.main{
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -320px;
	z-index: -1;
	visibility:hidden;
}

img.help{
	position:absolute;
	right:0;
	top:0;
	z-index:15;
}

img.resize{
	position:absolute;
	right:0;
	bottom:0;
	z-index:12;
}

#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;
}
