/* ---------- theMDR ---------- */
 
/* ---------- remove defaults ---------- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img { 
	margin: 0; 
	padding: 0; 
	border: 0; 
} 

html { height: 100%; margin-bottom: 1px; }

body {
	background-color: #000;
	/*background-image: url(images/pgbkg/rotate.php);*/
	background-image: url(images/pgbkg/pgbkg.gif);
	background-repeat: repeat;
	background-position: top left;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6 */
	min-height: 100%; /* real browsers */
	font-size: 100.01%;
	font-family: verdana, arial, sans-serif;
	color: #fff;
}

a:link { color: #ff9900; text-decoration: none; }
a:visited { color: #AA5500; text-decoration: none; }
a:hover { color: #808080; text-decoration: none; }
a:active { color: #ff9900; text-decoration: none; }

form { display: inline; }

:focus { outline: 0; }

.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	_display: none;
}

/* ---------- layout ----------*/

#container {	
	width: 970px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6 */
	min-height: 100%; /* real browsers */
	margin: 0px auto;
	background-image: url(images/containerbkg.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

	#header {
		width: 970px;
		height: 345px;
		background-image: url(images/hdr.gif);
		background-repeat: no-repeat;
		background-position: top center;
	}		
	
		#header .crumb {
			position: relative;
			top: -12px;
			float: left;
			margin-left: 45px;
			font-size: 11px;
			color: #999;
		}
	
		#header .user {
			position: relative;
			top: -12px;
			float: right;
			margin-right: 45px;
			font-size: 11px;
		}
	
		#header .nav {
			position: relative;
			top: 275px;
			left: 313px;
			width: 575px;
		}
		
		#header .nav img {
			margin-right: 21px;
		}		
		
	#content {
		width: 900px;
		height: auto !important; /* real browsers */
		height: 100%; /* IE6 */
		min-height: 500px;
		margin: 0px auto 10px;
		padding-top: 20px;
		padding-bottom: 20px;
		background-image: url(images/contentbkg.gif);
		background-repeat: repeat-y;
		background-position: top left;
	}
	
		#content .left {
			float: left;
			width: 530px;
			margin-left: 10px;
			margin-right: 50px;
			font-size: 13px;
		}
		
		#content .right {
			float: left;
			width: 300px;
			font-size: 12px;
		}
		
	#foot {
		clear: both;
		width: 900px;
		height: 100px;
		margin: 0px auto;
		background-image: url(images/foot.gif);
		background-repeat: repeat-y;
		background-position: top left;
	}
		#foot .txt {
			font-size: 11px;
			color: #808080;
			padding: 6px 20px 0px 20px;
		}
		
		#foot a:link { color: #ccc; text-decoration: none; }
		#foot a:visited { color: #ccc; text-decoration: none; }
		#foot a:hover { color: #808080; text-decoration: none; }
		#foot a:active { color: #ccc; text-decoration: none; }
		
		#foot .bullet {
			background-image: url(images/icons/arrow_g.gif);
			background-repeat: no-repeat;
			background-position: center left;	
			padding: 9px 13px 10px 18px;  /* top, right, bottom, left */
		}
		
/* ---------- blogstuff ----------*/

.blog {
	clear: both;
	width: 530px;
	margin-bottom: 5px;
}

.date {
	float: left;
	width: 60px;
	height: 50px;
	background-image: url(images/date.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	text-align: center;	
	margin-right: 10px;	
}

.datemo {		
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
	color: #999;
	padding: 4px;
}

.dateyear {		
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
	color: #666;
	padding: 6px;
}
		
/* ---------- headlines ---------- */

h1 { margin-bottom: 5px; }
h2 { font-size: 14px; font-weight: bold; margin-bottom: 3px; }

/* ---------- text ---------- */

.small { font-size: 11px; }
.smallg { font-size: 11px; color: #999 }
.itsy { font-size: 9px; }
.itsyg { font-size: 9px; color: #999 }
.req  { color: #ff9900; font-weight: bold; }
.success  { font-size: 11px; color: #99FF00; font-weight: bold; }
.error  { font-size: 11px; color: #CC0000; font-weight: bold; }

a:link.err { color: #ccc; text-decoration: none; }
a:visited.err { color: #ccc; text-decoration: none; }
a:hover.err { color: #808080; text-decoration: none; }
a:active.err { color: #ccc; text-decoration: none; }

/* ---------- icons ---------- */

.icon { float: left; margin: -3px 5px 0px -3px; }

.bullet {
	background-image: url(images/icons/arrow_w.gif);
	background-repeat: no-repeat;
	background-position: center left;	
	padding: 9px 13px 10px 18px;  /* top, right, bottom, left */
}

.bulletRT {
	background-image: url(images/icons/arrow_w.gif);
	background-repeat: no-repeat;
	background-position: center left;	
	padding: 9px 0px 10px 18px;  /* top, right, bottom, left */
}

.bulletO {
	background-image: url(images/icons/arrow_o.gif);
	background-repeat: no-repeat;
	background-position: center left;	
	padding: 9px 13px 10px 20px;  /* top, right, bottom, left */
}

/* see #foot for #foot .bullet */


/* ---------- forms ----------*/

.input {
	background-color: #202020;
	border: 1px solid #000;
	color: #fff;
	font-size: 13px;
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	padding: 5px; 
}

.inputerror {
	background-color: #666;
	border: 1px solid #000;
	color: #fff;
	font-size: 13px;
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	padding: 5px; 
}

#plainform {}

	#plainform label {
		float: left;
		text-align: right;
		margin: 5px 7px 0px 0px;
		/*border: 1px solid #fff;*/
	}	


#registerform {}

	#registerform label {
		float: left;
		width: 139px;
		text-align:right;
		margin: 5px 7px 0px 0px;
		/*border: 1px solid #fff;*/
	}
	
#tmdrlistform {}

	#tmdrlistform label {
		float: left;
		width: 131px;
		text-align:right;
		margin: 5px 7px 0px 0px;
		/*border: 1px solid #fff;*/
	}
	
#loginform {}

	#loginform label {
		float: left;
		width: 115px;
		text-align:right;
		margin: 5px 7px 0px 0px;
		/*border: 1px solid #fff;*/
	}
	
/* ---------- tables ----------*/

#table {
	height: 1%;
}

	#table .leftcell {
		float: left;
		padding: 5px 0px 6px 0px;
		margin-right: 10px;
	}
	
	#table .rightcell {
		float: left;
		padding: 5px 0px 6px 0px;
	}
	
	#table .lefticon {
		float: left;
		padding: 3px 0px 5px 0px;
		margin-right: 4px;
	}
	
	#table .righticon {
		float: left;
		padding: 0px 0px 5px 0px;
	}

	
/* ---------- spacer ----------*/

.spcr40 {
	clear: both;
	height: 40px;
}

.spcr35 {
	clear: both;
	height: 35px;
}


#flashcontent, #flashcontent0, #flashcontent1, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent5, #flashcontent6, #flashcontent7, #flashcontent8, #flashcontent9, #flashcontent10, #flashcontent11, #flashcontent12, #flashcontent13, #flashcontent14, #flashcontent15, #flashcontent16, #flashcontent17, #flashcontent18 {
	width: 300px;
	height: 120px;
}

/* ---------- qtip ---------- */
div#qTip {
	padding: 10px;
	border: 1px solid #666;
	display: none;
	background: #000;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	position: absolute;
	z-index: 1000;
}