@import url('/templates/default/floorplan.css');

body {
	background:		#f7f5f3 url('bg.jpg') repeat scroll top center;
	margin:			0;
	text-align:		center;
	font:			10pt Calibri, "Segoe UI", Arial, helvetica, sans-serif;
	}

#page {
	margin:			0px auto;
	background:		transparent url('pagebg.jpg') repeat-y scroll top center;
	width:			990px;
	text-align:		left;
	position:		relative;
	top:			0px;
	left:			0px;
	}

#header {
	position:		absolute;
	top:			0px;
	left:			0px;
	background:		#617f8f url('header.jpg') no-repeat;
	width:			990px;
	height:			220px;
	}

#header h1 {
	position:		relative;
	top:			-200px
	}

#footer {
	background-image: url('footer.jpg');
	background-repeat: no-repeat;
	width:			990px;
	height:			59px;
	}

/* -- Sidebar -- */
#sidebar {
	position:		absolute;
	left:			70px;
	top:			290px;
	width:			210px;
	}

#loginbox {
	background-image: url('loginbg.png');
	width:			206px;
	height:			84px;
	font-size:		7pt;
	color:			#516c7a;
	padding-top:	7px;
	}

#loginbox input {
	border:			1px solid #888888;
	font-size:		8pt;
	}

#label-login-username {
	display:		block;
	margin-left:	25px;
	}

#login-username {
	display:		block;
	margin-left:	35px;
	}

#label-login-password {
	display:		block;
	margin-left:	60px;
	}

#login-password {
	display:		block;
	margin-left:	70px;
	}

#login-submit {
	display:		block;
	margin-left:	130px;
	background-color:	white;
	border:			1px solid #888888;
	}

#profilebox {
	background-image: url('loginbg.png');
	width:			181px;
	height:			77px;
	font-size:		9pt;
	color:			#516c7a;
	padding-top:	14px;
	padding-left:	25px;
	}


#statsbox {
	background-image: url('statsbg.png');
	width:			197px;
	height:			56px;
	font-size:		7pt;
	color:			#516c7a;
	padding-top:	20px;
	}

#stat-line-1 {
	display:		block;
	margin-left:	35px;
	}

#stat-line-2 {
	display:		block;
	margin-left:	45px;
	}

#sponsors {
	margin-top:		20px;
	}

#sponsors img {
	padding-bottom:	10px;
	}


#meldersnetlogo {
	position:		relative;
	top:			-100px;
	left:			130px;
	width:			100px;
	}

/* -- Menu -- */
ul#rootmenu {
	display:		block;
	position:		absolute;
	top:			162px;
	left:			80px;
	font:			bold 18pt Arial;
	list-style:		none;
	padding:		0px;
	margin:			0px;
	}

ul#rootmenu li {
	line-height:	20px;
	}

ul#rootmenu a {
	color:			white;
	text-decoration: none;
	width:			210px;
	}

ul#rootmenu a:hover {
	text-decoration: underline;
	}

ul#childmenu {
	position:		absolute;
	top:			162px;
	left:			290px;
	font:			bold 9pt Arial;
	list-style:		none;
	padding:		0px;
	margin:			0px;
	}

ul#childmenu li {
	display:		block;
	float:			left;
	text-transform: uppercase;
	height:			36px;
	padding:		20px 2px 2px 2px;
	text-align:		center;
	margin-right:	10px;
	}

/*ul#childmenu li.active {
	background-image: url('menuactivebg.png');
	margin-right:	20px;
	}*/

#childmenu a {
	color:			#2e0e34;
	text-decoration:	none;
	}

#childmenu a:hover {
	text-decoration:	underline;
	}

ul#childmenu li.active {
	background:			url('tabright.png') no-repeat scroll top right;
	height:			36px;
	margin-left:	18px;
	}

ul#childmenu li.active a {
	background:			url('tableft.png') no-repeat scroll top left;
	padding:			22px 1px 16px 13px;
	position:			relative;
	left:				-18px;
	}

/* -- Content -- */
#content {
	width:			638px;
	padding-left:	299px;
	padding-top:	220px;
	padding-bottom: 10px;
	text-align:		justify;
	min-height:		1200px;
	}

img {
	border:			none;
	}

#content a, #sidebar a {
	color:			#0081c6;
	}

#content a:visited {
	color:			#006297;
	}

#content h2 {
	margin:			0px;
	}

p.footer {
	font-size:		8pt;
	}

/* -- Table -- */
table.data {
	border-collapse:	collapse;
	width: 100%;
	}

table.data td {
	border:				1px solid #ccc;
	font-size:			9pt;
	padding:			5px;
	}

table.data thead td, table.data th {
	border:				1px solid #ccc;
	background-color:	#51587a;
	font-weight:		bold;
	padding:			5px;
	color:				white;
	font-size:			10pt;
	}

table.data tbody tr.even {
	background-color:	#ddd;
	}

.photos {
	margin: 0;
	padding: 0;
}

.photos li {
	margin: 0;
	padding: 0;
	display: inline;
}

.media {
	margin: 50px 0;
	padding: 0;
	list-style-type: none;
}

.media li {
	margin: 0;
	padding: 0;
	float: left;
	width: 192px;
	height: 156px;
	margin-right: 10px;
	text-align: center;
	padding: 5px;
	background-color:	#ddd !important;
	border: 1px solid #aaa;
}


/* --- NETWORK BANNER ----------------------------------------------- */
#networkbanner {
	font-size:			8pt;
	background-color:	black;
	color:				#D8E6F7;
	padding:			3px;
	text-align:			left;
	margin-bottom:		10px;
	position:			absolute;
	font:				10pt Tahoma, Verdana, Arial, sans-serif;
	left:				0px;
	top:				0px;
	height:				16px;
	width:				100%;
	}

#networkbanner ul {
	display:			inline;
	margin:				0px;
	padding:			0px;
	}

#networkbanner ul li {
	display:			inline;
	}

#networkbanner ul li a {
	color:				white;
	}

#networkbannerlogo {
	float:				left;
	margin-right:		7px;
	}

#networkbannerlogo img{
	width:				68px;
	height:				65px;
	}

/* -- Boxes -- */
.warningBox, .infoBox, .errorBox {
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	margin-bottom: 10px;
	}

.warningBox h3, .infoBox h3, .errorBox h3 {
	margin-top: 0;
	padding: 3px;
	color: #2E383A;
	margin: -10px -10px 0 -10px;
	}

.warningBox {
	border-color: #FF9900;
	background-color: #FFCC99;
	}

.warningBox h3 {
	background-color: #FFB22D;
	}

.infoBox {
	border-color: #0199FC;
	background-color: #99CCFC;
	}

.infoBox h3 {
	background-color: #0199FC;
	}

.errorBox {
	border-color: #FF0000;
	background-color: #FFCCCC;
	}

.errorBox h3 {
	background-color: #FF0000;
	}