/***********************************************/
/*  mdt.css                                    */
/* for use with the Million Pixel Track™       */
/* web site                                    */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	line-height: 1.0;	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ddd;
	color: #00f;
	font-weight: bold;
	border: 0px solid gold; 
	top: 0px;
	left: 0px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	font-size: 9px;
}

.track {
	z-index: 3;	 
	background-repeat: repeat;
	background-image: url(../images/cell.gif);
	height: 1500px;
	width: 1000px;
	top: 00px;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.p_date {
	width: 100px;
	padding-left: 20px;
	height: 20px;
	border-bottom: 1px solid #00f;
}


.p_site {
	width: 400px;
	padding-left: 20px;
	border-bottom: 1px solid #00f;
}

.p_pixels {
	width: 100px;
	padding-left: 20px;
	border-bottom: 1px solid #00f;
}

.row {
	clear: left; 
	margin-left: auto;
	margin-right: auto;
	z-index: 2;	 
	position: relative;
}

.pad1, #pad1 {
	z-index: 45;	 
	position: absolute;
	border: 1px solid #fff;
	border-style: groove;
}

.extendedMsg {
	font-size: 10.8px;
	z-index: 51;
	color: #000; 
	position: absolute;
	width: 330px;
	height: 460px;
	top: 540px;
	left: 330px;
	background-color: #ccc;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	overflow: auto;	
}

#extramessage {
	background-color:#fff;
	top: 360px;
	left: 390px;
	position: absolute;
	z-index: 90;
	height: 158px;  
	width: 210px;
	color: #00f;
	border: 2px solid #00f;
	padding: 5px;
	font-size: 1.2em;
	text-align: left;
	overflow: auto;
}

#extramessage ul li{
	text-align: left;
}


#masthead{
	height: 70px;
	width: 1000px;  
	top: 0px;
	left: 0px;
	position: absolute;
	background-image: url(../images/bar2e.gif);
	background-repeat: repeat-x;
	background-color: #00CCFF;
}

.workarea {
	width: 1000px;
	background-image: url(../images/testtrack.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 70px;
	left: 0px;
}

.content {
	line-height: normal;
	width: 1000px;
	position: absolute;
	top: 70px;
	left: 0px;
	background-color:#FFC;
	border: 2px solid #00F;
	width: 996px;
	padding: 0px;
	font-size: small;
	font-weight: bold;
	color: #00F;
/*
	height: 800px;
	overflow: auto;	
*/
}

.content a {
	text-decoration: underline;
	color: #00F;
}

.content a:hover { 
	background: #00F;
	color: #FFC;
}

h1{
 	font-family: Verdana,Arial,sans-serif;
 	font-size: 150%;
 	color: #00f;
 	margin: 0px;
 	padding: 0px;
	text-align: center;
}

h2{
 	font-family: Arial,sans-serif;
 	font-size: 130%;
 	color: #00f;
	margin: 0px;
 	padding: 0px;
	text-align: center;
}

h3{
 	font-family: Arial,sans-serif;
 	font-size: 110%;
 	color: #00F;
 	margin: 0px;
 	padding: 0px;
	text-align: center;
}

h4{
 	font-family: Arial,sans-serif;
 	font-weight: normal;
 	color: #00F;
 	margin: 0px;
 	padding: 0px;
}

h5{
 	font-family: Verdana,Arial,sans-serif;
 	color: #00F;
 	margin: 0px;
 	padding: 0px;
}

/*********** #navBar link styles ***********/

/* #navBar ul a:link, #navBar ul a:visited {display: block;} */
#navBar ul {list-style: none; margin: 0; padding: 0;}  

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #00f;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#mainmenu {
	background-image: url(../images/bar1d.gif);
	font: bold 11px/16px arial, helvetica, sans-serif;
	font-size: large;
	background-color: #00f;
	color: #0ff;
	width: 1000px;
	position: relative;
	top: 10px;
	left: 0px;
	height: 35px;
	background-repeat: no-repeat;
}

#motto {
	position: absolute;
	top: 0px;
	left: 500px;
}

#counter {
	position: absolute;
	top: 0px;
	left: 310px;
	color: gold;
	font-size: large;
	font-weight: bold;
}

#menu, .menu {
	font-size: medium; 
	font: bold 14px/20px arial, helvetica, sans-serif;
	z-index: 4;
	top: 5px;
	left: 25px;
	position: relative;
	padding: 0px; 
	padding-right: 10px; 
	margin: 0px; 
}

#menu a, .menu a {
	text-decoration: none;
	color: #ddf;
	background-color:  #00c;
	padding-right: 5px; 
	padding-left: 5px; 
	height: 16px;
}

#menu a:hover, .menu a:hover {
	color: #00c;
	background-color: #ddf;
}

#stats {
	border: 1px solid gold;
	top: 0px;
	left: 800px;
	width: 150px;
	height: 25px;
	position: relative;
	color: gold;
	font-size: small;
	font-weight: bold;
	padding: 3px;
	text-align: center;	
	background-color:  #03F;
}

#mainlogo {
	top: 0px;
	left: 10px;
	position: absolute;
}


.whereAd {
	width: 340px;
	height: 300px;
}	

.lanes, #lanes {
	width: 1000px;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	z-index: 4; 
}

.test2 {
	background-color:#00F;
	position: absolute;
	z-index: 10;
	height: 200px;
	width: 200px;
	color: #00f;
}

.title {
	font-size: large;
	font-weight: bold;
	color: #00F;
	
}

.content ul, .content ul li {
	font-size: small;
	font-weight: bold;
	color: #00F;
	text-align: left;
}

.blueline  {
	color: #00f;
	background-color: #00f;
	height: 5px;
}

.pagehead {
	background-color: #0033FF;  /* #99FFFF; #6699cc; #000099 */
	border: 2px solid #f08;
	border-color: #F90;
	padding: 10px;
	color: #FF0;   /* #FC0; #FFFF00; */
}

.adOrders {
	width: 500px;
	background-color:#FFC;
	border: 2px solid #00F;
	padding: 20px;
	font-size: 1em;
	font-weight: bold;
	color: #00F;
}

/* 
First order form for Processing the click, and initial h + w settings, top + left settings, and ad visbility 
*/

#orderform1 {
	font-size: 1.2em; 
	z-index: 0;
	color: #00f; 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 88;
	width: 340px;   
	height: 510px;  
	background-color: #C90; 
	padding: 0px;
	font-weight: bold;
/*
	overflow: auto;	
*/
	visibility: hidden;
}

.orderform {
	font-size: 1.2em; 
	z-index: 0;
	color: #00f; 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 88;
	width: 340px;   
	height: 510px;  
	background-color: #C90;
	padding: 0px;
	font-weight: bold;
	overflow: auto;
	visibility: visible;
}


#orderform2 {
	font-size: 1.2em; 
	z-index: 131;
	color: #00f; 
	position: absolute;
	width: 450px;
	height: 650px;  
	left: 0px; 
	background-color: #C93;
	padding: 5px;
	font-weight: bold;
	overflow: auto;
	visibility: visible;
}

#tempAd {
	visibility: hidden;
	position: absolute;
	background-image: url(../images/cell4.gif);
	z-index: 50;
	/* set width, height, top, and left via JavaScript  */
}

.footer, #footer  {
	color: #000;
	background-color: #aaa;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
	width: 988px;
	text-align: center;
}

.footer2, #footer2 {
	color: #000;
	background-color: #aaa;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
	width: 984px;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}

.page {
	line-height: normal;
	background-color:#FFC;
	border: 0px solid #00F;
	width: 956px;
	padding: 20px;
	font-size: small;
	font-weight: bold;
	color: #00F;
}

td {
	text-align: center;
}

#ad_image_form  {
	visibility: visible;
}

.formerror, #formerror {
	color: #f00;
}

.login {
	z-index: 0;
	width: 550px;   
	height: 710px;  
	font-weight: bold;
	overflow: auto;
	position: absolute;
	top: 70px;
	left: 0px;
	background-color:#FFC;
	border: 2px solid #00F;
	padding: 20px;
	font-size: small; 
	font-weight: bold;
	color: #00F;
}

.blogdate {
	display: block;
	color: #000;
}

.blog {
	font-weight: bold;
	background-color:#DDD;
	border: 2px solid #00F;
	padding: 20px;
	font-size: small;
	font-weight: bold;
	color: #00F;
}

.headline {
	font-weight: bold;
	color: #900;
	display: block;
}

.instr {
	text-align: left;
	color: #000;
}

.ad_menu {
	border: 1px solid #00f;
	float: right;
	padding: 5px 5px 5px 0px;
	margin: 0px 0px 10px 15px;

}