html {
  height: 100%;
  overflow: hidden;
}

td, p, body {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;  
}


body
{
  height: 95%;
/*  background-color: #f5f5f5; */
}

#mpage
{
	width:100%;
	height:100%;
	overflow: auto;
}

#emptyImage
{
  position: absolute;
  top: 0px;
  left: 0px;
}

h1 { font-size:15px; color: #8DB8C9; }

#uploadImageBox
{
}

#uploadBox
{
  background-color: #fff;
}

#userBox
{
  padding: 5px;
  width: 200px;
  background-color: #fff;
  border: 1px solid #8DB8C9;
}

#uploadBox
{
  padding: 5px;
  
  background-color: #fff;
  border: 1px solid #8DB8C9;
}


.thumb
{
  width: 95px;
  height: 69px;
}

.errorMsg
{
  color: #41B741;
  font-size: 120%;
  font-weight: bold;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #41B741;
}


.blueTextSmall
{
  color: #8DB8C9;
  font-size:9px;
  text-transform: uppercase;
}

.blueText
{
  color: #8DB8C9;
  text-transform: uppercase;
}

.submitUpload
{
  border: none;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size:10px;
  border: 1px solid #8DB8C9;
}

#nav {
}
#nav ul {
  display: inline; 
}
#nav ul li {
	list-style: none;
	display: inline;
}

.a {
  text-decoration:none;
  text-transform: uppercase;
  font-weight: bold;
  font-size:11px;
  color: #000;
}
.a:hover {
  color: #8DB8C9;
}

.aplease2Select,
.aplease2 {
  float:left;
  display:block;
  text-transform: uppercase;
  font-weight: bold;
  font-size:11px;
  padding-left: 23px;
  padding-right: 8px;
  color: #000;
  text-decoration:none;
}
.aplease2Select,
.aplease2:hover {
  color: #8DB8C9;
}


.apleaseSelect,
.aplease {
  float:left;
  display:block;
  text-transform: uppercase;
  font-weight: bold;
  font-size:11px;
  padding-top: 80px;
  padding-left: 23px;
  padding-right: 0px;
  color: #000;
  background:url(../images/link-please.png) no-repeat;
  text-decoration:none;
}
.apleaseSelect,
.aplease:hover {
  color: #8DB8C9;
}

input
{
  border: 1px solid #8DB8C9;
}

#timelineLogo
{
  position: absolute;
  right:15px;
  bottom:0px;
  z-index: 1;
}

#timelineNav {
  position: absolute;
  top: 2px;
  right: 0px;
}

#timeline
{
  position: absolute;
  top: 110px;
  left: 10px;
  width: 1000px;
  height: 670px;
  /* border: 1px solid #000; */
  overflow: hidden;
  z-index: 2;
}

#theLine
{
  position: absolute;
  left: 500px;
  top: 0px;  
  width: 1px;
  height: 670px;
  background-color: #000;
  z-index: 100;
}

#theTime
{
  position: absolute;
  left: 0px;
  top: 300px;  
  width: 1000px;
  height: 1px;
  background-color: #f00;
  font-size:0pt;
}

.infotext
{
  font-size:7pt;
  position: relative;
  top: -9pt;       
} 

.infobar
{
  position: absolute;
  width: 90px;
  height: 26px;
  left:5px;
  top:325px;
  border-top: 1px solid #000;
  /* overflow: hidden; */
}

.aimg
{
  position: absolute;
	right: 0px;
	top: -20px;
	width: 40px;
	z-index:0;
}

.tester2
{
  position: absolute;
  left:1025px;
  top:150px;
  width:50px;
  height:50px;
  background-color:#f00;
}

.tester
{
  position: absolute;
  left:1025px;
  top:50px;
  width:50px;
  height:50px;
  background-color:#00f;
}


.box
{
  position: absolute;
  width: 95px;
  height: 69px;
  left:5px;
  top:230px;
  overflow: hidden;
    cursor: pointer;
}

#waitScreenU {
	display: none;
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000000;
	filter: alpha(opacity=25);
	opacity: .25;
	height: 100%;
	width: 100%;
}

#waitScreenU2Text,
#waitScreenUText {
	display: none;
	z-index: 102;
	width: 200px;
	background-color: #fff;
	padding: 15px;
	text-align:center;
}
#waitScreenU2Text
{
	display: block;
}
 

#waitScreen {
	display: none;
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000000;
	filter: alpha(opacity=20);
	opacity: .20;
	height: 100%;
	width: 100%;
}

#waitScreenText {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	width: 640px;
	height: 480px;
	margin-left: -320px;
	margin-top: -250px;
	background-color: #fff;
	border:1px solid #222;
	padding: 0;
	text-align:center;

	width: 320px;
	height: 240px;
	margin-left: -160px;
	margin-top: -140px;

} 

#video {
  width: 100%;
  height: 480px;
  background-color: #fff;

  height: 240px;
}

#videoOver {
	z-index: 102;
	background-color: #f0f;
}



#videoNav {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 20px;
  text-align: right;
  font-weight: bold;
  font-size: 15px;
  background-color: #222;
  color: #a00;  
  margin: 0;
  padding: 0;
}

#t0, #t00
{
  position: absolute;
  left: 0px;
  top: 310px;
  font-family: helvetica;
  font-size: 100px;  
  color: #73A2AA;
}

#t0, #t00
{
  position: absolute;
  left: 1000px;
}

#t1, #t2, #t3, #t4, #t5
{
  position: absolute;
  left: 20px;
  top: 30px;
  font-family: helvetica;
  font-size: 1px;
  font-weight: bold;
  letter-spacing: -3px;
	cursor: pointer;  
}
