/*////////////////////////       login.css      \\\\\\\\\\\\\\\\\\\\\*/


/*
The "Default Styles" section of code keeps you from having to repeat yourself.
This helps save time and keeps your CSS file smaller.
*/


/* Default Syles */
HTML, BODY {
	height:100%;}

HTML, BODY, A, A:hover, P, UL, LI, DIV, SPAN, H1, H2, H3, H4, H5, H6, FORM FIELDSET, IMG, OBJECT, IFRAME {
		padding:0px;
		margin:0px;
		background:none;
		border:none;}

A, A:hover {
		text-decoration:none;}

A:hover {
		cursor:pointer;}

UL LI {
	list-style:none;}

.clearer {
	clear:both;}

.left {
	float:left;}

.right {
	float:right;}

.blank {
	display:none;}
/**/


/* Layout Syles */
BODY {
	font-family:Arial;
	background:#000;}

#mainContainer {
	margin:0px auto;
	width:660px;
	min-height:100%;
	position:relative;}

#mainBuffer {
		margin:0px auto;
		padding:80px 0 27px 0;
		position:static;
		height:100%;}

#pageData {
	margin-left:150px;
	position:relative;
	margin-top:-20px;
	width:330px;
	height:140px;
	background:#e1e1e1;}

#pageData DIV.buffer {
		postion:relative;}


#pageData DIV.box {
		height:214px;
		margin-top:-5px;
		background:#f1f1f1 url(images/DMT_stats_charts_bg.jpg) repeat-x;
		padding-top:5px;
		clear:both;}

#header {
	margin-left:150px;
	width:330px;
	height:50px;
	text-align:left;
	position:absolute;
	top:0px;
	background:url(images/DMT_stats_bg.jpg) repeat-x;}

#header .buffer {
		width:260px;
		height:50px;
		background:url(images/DMT_stats_logo.jpg) no-repeat;}

#mainFooter {
	border-top:1px solid #212020;
	height:19px;
	margin:-27px auto;
	width:100%;
	display:block;}

#mainFooter .buffer {
		width:700px;
		margin:0px auto;
		display:block;}

#mainFooter .buffer .line {
		width:100%;}

#mainFooter SPAN {
		width:240px;
		color:#383838;
		font-size:12px;
		display:block;
		float:left;
		height:19px;
		padding:7px 25px 0 10px;}

#mainFooter SPAN SPAN {
		padding:7px 0 0 0px;}
/**/




/* Text Styles */
A {
	color:#fff;
	font-size:12px;}

P, UL {
	color:#fff;
	margin-top:5px;
	font-size:12px;}


#pageData H1, #pageData H2, #pageData H3, #pageData H4, #pageData H5, #pageData H6 {
	color:#fff;
	font-weight:bold;
	position:relative;}

#pageData H1 {
	background:#555;
	font-size:18px;
	margin:5px 0 0px 0px;
	padding:3px 0px 3px 10px;}

#pageData H2 {
	font-size:18px;
	padding:3px 3px 3px 10px;
	margin:0px 0 0px 0px;
	color:#444;
	background:url(images/DMT_50_bg.png);}

#pageData H3 {
	font-size:18px;
	padding:3px 3px 3px 0px;
	margin:10px 0 0px 0px;}

/**/


/* NAV */
#top_nav {
	width:330px;
	background:url(images/nav.jpg) repeat-x;
	height:20px;
	margin:0;
	margin-left:150px;
	padding:0px;
	position:absolute;
	top:50px;
	left:0px;}

#top_nav DIV.buffer {
		width:330px;
		height:20px;
		border-top:1px solid #AAA;}
		
#top_nav .buffer span {
	font-size:12px;
	color:#fff;
	margin:0px 5px 0 15px;}
	
#top_nav .buffer .nav {
	border-right:1px solid #444;
	padding-right:10px;
	height:19px;
	display:block;
	float:left;}
	
	
/**/

/* LOGIN FORM */


#login {
	width:330px;}

#login p {
	color:#444;
	margin-right:10px;
	margin-left:30px;
	text-transform:uppercase;
	padding-top:50px;
	font-size:10px;
	width:100px;
	display:block;
	float:left;}
	
#login p input {
	font-size:11px;}

#login input.go {
	font-family:arial;
	height:20px;
	width:30px;
	padding:1px 2px 2px 2px;
	margin-left:-10px;
	margin-top:66px;
	font-size:10px;
	display:block;
	float:left;}
	
#mainFooter {
	border-top:1px solid #212020;
	height:19px;
	margin:-27px auto;
	width:100%;
	display:block;}
	
#mainFooter .buffer {
width:660px;	
margin:0px auto;
	display:block;}
	
#mainFooter .buffer .line {
	width:100%;
	}
	
	
#mainFooter SPAN {
	width:240px;
	color:#383838;
	font-size:12px;
	display:block;
	float:left;
	height:19px;
	padding:7px 0 0 0;} 
	
#nav2 {
	width:420px;
	display:block;
	float:left;
    background:none;
    height:15px;
    padding:0px;
    position:relative;} 
    
#nav2 .nav2Buffer {
	height:15px;
	background:none;}
	    
#nav2 UL {
	background:none;
	height:15px;
    list-style:none;
    margin:0 0 0 0px;
    padding:0px;}
    
#nav2 UL LI {
	display:block;
	height:15px;   
    margin:0px;
    padding:7px 20px 0px 0px;
    font-weight:normal;
    font-size:10px;
    float:left;
    position:relative;} 
    
#nav2 UL LI:hover { 
	color:#87b4d6;}

#nav2 UL LI A:hover { 	
	color:#000;}
    
#nav2 UL LI SPAN {
	width:auto;
	font-size:12px;
	margin:0px;
	padding:0px;}
	
#nav2 UL LI SPAN:hover {
	color:#787878;}