html {
  height: 95%;
}

td, p, body {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;  
}


body
{
  height: 95%;
  /* background-color: #fef;*/
}

#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;
}

.thumb
{
  width: 95px;
  height: 69px;
}

.errorMsg
{
  color: #f00;
  font-size: 120%;
  font-weight: bold;
  padding: 5px;
  background-color: #000;
  border: 2px solid #f00;
}


.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: 620px;
  /* border: 1px solid #000; */
  overflow: hidden;
  z-index: 2;
}

#theLine
{
  position: absolute;
  left: 500px;
  top: 0px;  
  width: 1px;
  height: 620px;
  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: 95px;
  height: 26px;
  left:5px;
  top:310px;
  border-top: 1px solid #000;
  /* overflow: hidden; */
}

.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;
}

