﻿/* Created by Lucas Shaffer - July 28th 2008 */

/* Elements */
body
{
	font-family:Verdana;
	font-size:x-small;	
	margin-top:150px;
	margin-bottom:0px;
	margin-left:50px;
	margin-right:50px;
	background-color:Black;
	text-align:center;
}
h2
{
	font-family:Verdana;
	font-size:medium;	
	background-color:Black;
	font-weight:bold;
}

/* A attributes for header links */
a.header_link:link 
{
	color:white; text-decoration: none; 
	padding: 0.2em 1em;
}
a.header_link:visited 
{
	color:white; text-decoration: none; 
}
a.header_link:hover 
{
	background-color:#333333;
	color:White;
	padding-bottom:0px;
	padding-top:0px;
}
a.header_link:active 
{
	color:white; 
} 

/* A attributes for NAV links */
a.nav_link:link 
{
	color:white; text-decoration: none;
}
a.nav_link:visited 
{
	color:white; text-decoration: none; 
}
a.nav_link:hover 
{
	color:silver; text-decoration: none; 
	background-color:#333333;
}
a.nav_link:active 
{
	color:white; 
} 


input[type="button"],input[type="submit"] 
{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input[type="text"] 
{
	font:bold 9px verdana,arial,serif;
	padding:0px;
}



/* Classes */

/* Main Container */
.container
{
	position:absolute;
	top:30px;
	left:50%;
	margin-left: -450px;
	width:900px;
	padding:auto;
}

/* Header Box */
.header 
{
	width:880px;
	height:30px;
	text-align:center;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	background:url(../images/borders/header_bg_fadetoblack_top.gif);

}
.login_link 
{
	float:left;
}

/*   Navigation DIVs */

/*   Nav Container */

.navcontainer 
{

	background-color:Transparent;
	color: White;
	width: 100%;
	font-size:9px;
	font-family: verdana, helvetica, sans-serif;

}
#navcontainer ul  
{
	margin:0px;
	padding:0px;
	text-align:right;
	
}
#navcontainer ul li 
{
	display: inline;
}
#navcontainer ul li a
{
	padding: 0.2em 1em;
	color: White;
	background:Transparent;
	text-decoration: none;
}

#navcontainer ul li a:hover
{
	background-color:#333333;
	color:White;
	padding-bottom:0px;
	padding-top:0px;
}

/* Pop up Containers  */

.exit {
	font-size: 9px;
	float:right;
	padding:1px;
}

/* Middle  */
.middle
{
	width:900px;
	height:550px;
	margin-top:10px;
	background-color:Black;
	font-size:46px;
	color:Lime;
	vertical-align:middle;
	text-align:center;
	/*background:url(../images/middle/middle_bg_filler_new2.jpg);*/
}


/* Footer  */
.footer
{
	width:880px;
	height:25px;
	text-align:center;
	margin-top:10px;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
}
.footer_image
{
	height:30px;
	text-align:center;
	padding-right:10px;
	padding-left:10px;
	background:url(../images/borders/header_bg_fadetoblack_bottom.gif);
}
.fog {
	background:#CCCCCC;
	height:100%;
	width:100%;
	z-index:5;
	filter: alpha (opacity=50);
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
	opacity: 0.5;
	-moz-opacity:0.5;
}

.login 
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left: -120px;
	margin-top: -75px;
	text-align:right;
	width:240px;
	height:150px;
	border:none;
	z-index: 15;
	background:url(../images/borders/login_nav_bg.jpg);
	visibility:hidden;
	BORDER-RIGHT: gray thin outset;
	BORDER-TOP: gray thin outset; 
	BORDER-LEFT: gray thin outset; 
	BORDER-BOTTOM: gray thin outset;
	
}

.load_image {
	font-size: 9px;
	position:absolute;
	left:420px;
	width:150px;
	height:16px;
	top:496px;
	border:none;
	z-index: 1;
	visibility:hidden;
	
}
