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

body {
	background:		black url('../img/bg.jpg') repeat-x top center scroll;
	margin:			0;
	font:			9pt Verdana;
	color:			white;
	}

#page {
	width:			1000px;
	margin:			0 auto;
	position:		relative;
	top:			0px;
	left:			0px;
	min-height:		1111px;
	}

#header {
	width:			515px;
	height:			148px;
	background:		url('../img/header.jpg') no-repeat;
	position:		relative;
	left:			-106px;
	}

#header h1 {
	margin:			0 0 0 -2000px;
	}

#footer {
	margin:			0 auto;

	width:			742px;
	height:			16px;

	padding-top:	3px;

	color:			#333;
	font-size:		9px;
	background:		url('../img/footer.png') no-repeat;
	text-align:		center;
	}

/*-- Menu -- */
#menu {
	margin-top:		10px;
	}
#menu h3 {
	display:		none;
	}

#rootmenu {
	position:		absolute;
	top:			106px;
	left:			0px;

	width:			799px;
	height:			38px;
	background:		url('../img/menu-bg.jpg') no-repeat;

	margin:			0;
	padding:		14px 0 0 10px;

	list-style:		none;
	}

#rootmenu li {
	display:		block;
	float:			left;
	height:			28px;
	padding:		0;
	text-align:		center;
	margin-right:	10px;
	padding-top:	10px;
	}

#rootmenu a {
	color:			white;
	text-decoration: none;
	}

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

#rootmenu li.active {
	background:		url('../img/tabrootright.png') no-repeat scroll top right;
	height:			28px;
	margin-left:	12px;
	padding:		10px 0px 0px 0px;
	}

#rootmenu li.active a {
	background:		url('../img/tabrootleft.png') no-repeat scroll top left;
	padding:		10px 3px 11px 14px;
	position:		relative;
	left:			-12px;
	color:			black;
	}

#childmenu {
	background:		#aaaeaf url('../img/childmenubg.jpg') repeat-y;
	width:			799px;
	font-size:		7pt;
	}

ul.childmenu {
	list-style:		none;
	margin:			0 0 0 8px;
	padding:		0;
	height:			16px;
	}

ul.childmenu li {
	display:		block;
	float:			left;
	height:			19px;
	padding:		0;
	text-align:		center;
	margin-right:	8px;	
}

ul.childmenu a {
	color:			black;
	text-decoration:	none;
	}

ul.childmenu a:hover {
	text-decoration:	underline;
	}

ul.childmenu li.active {
	background:			#2d363a url('../img/tabchildright.jpg') no-repeat scroll top right;
	height:			19px;
	margin-left:	6px;
	padding-top:	2px;
	}

ul.childmenu li.active a {
	background:			#2d363a url('../img/tabchildleft.jpg') no-repeat scroll top left;
	padding:			2px 5px 7px 9px;
	position:			relative;
	left:				-6px;
	color:				white;
	}

/*-- Content --*/
#content {
	background:		url('../img/content-bg.jpg') repeat-y;
	width:			758px;
	padding:		10px 20px;
	text-align:		justify;
	min-height:		600px;
	color:			#eee;
	}

#content-head {
	background:		url('../img/content-head.jpg') no-repeat;
	width:			799px;
	height:			8px;
	position:		relative;
	}

#content-side {
	position:		absolute;
	left:			-97px;
	top:			168px;
	background:		url('../img/contentside.png') no-repeat;
	width:			98px;
	height:			377px;
	}

#content-foot {
	background:		url('../img/content-foot.jpg') no-repeat;
	width:			802px;
	height:			43px;
	position:		relative;
	left:			-3px;
	}

/*-- Sidebar --*/
#sidebar {
	position:		absolute;
	top:			220px;
	left:			810px;
	width:			192px;
	height:			500px;
	}

.sb-block {
	width:			142px;
	background:		url('../img/sideboxbg.png') repeat-y;
	padding:		10px 25px;
	font-size:		7pt;
	}

.sb-head {
	width:			192px;
	height:			15px;
	background:		url('../img/sideboxhead.png') no-repeat;
	}

.sb-foot {
	width:			192px;
	height:			21px;
	background:		url('../img/sideboxfoot.png') no-repeat;
	margin-bottom:	20px;
	}

#sidebar a {
	color:			#a9caab;
	}

#sidebar a:hover {
	color:			white;
	}

#sidebar ul {
	margin:			0;
	padding:		0;
	list-style:		none;
	}

#sidebar ul li {
	border-top:		1px dashed #666;
	padding-top:	2px;
	margin-top:		2px;
	}

#sidebar h5 {
	margin:			0;
	font-size:			9pt;
	}

/*-- Televisie --*/
#television {
	background:		url('../img/television.png') no-repeat;
	width:			329px;
	height:			265px;
	position:		absolute;
	top:			0px;
	left:			570px;
	}

#television-spacer {
	float:			right;
	height:			74px;
	width:			180px;
	}

#pcb {
	position:		absolute;
	bottom:			0px;
	right:			0px;
	width:			383px;
	height:			264px;
	background:		url('../img/pcb.png') no-repeat;
	z-index:		-1;
	}

/*-- Content Element --*/
#content a {
	color:			#009cff;
	text-decoration: none;
	}

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

img {
	border:			0;
	}

#content h2 {
	color:			white;
	font:			bold 18pt Tahoma;
	margin-top:		0;
	}

p.footer {
	font-size:		7pt;
	color:			#aaa;
	}

p.footer a {
	color:			#ccc !important;
	}

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

table.data thead tr td, table.data tbody tr th {
	background:		#777;
	color:			black;
	font-weight:	bold;
	}

table.data td, table.data th {
	border:			1px solid #444;
	padding:		3px 5px;
	}

dt {
	font-weight:	bold;	
	}

dd {
	margin-left:	0px;
	margin-bottom:	5px;
	font-size:		8pt;
	}

/* -- 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: #FFB22D;
	background-color: #625636;
	}

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

.infoBox {
	border-color: #0199FC;
	background-color: #22506A;
	}

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

.errorBox {
	border-color: #E0002B;
	background-color: #5A2936;
	}

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

/* -- Floorplan --*/
.floorplan .seat {
	background:		#333 !important;
	color:			white;
	}

table.signups tr.free td, div.floorplan div.free {
	background-color:	#333;
	}

table.signups tr.crew td, div.floorplan div.crew {
	background-color:	#00526B !important;
	}

table.signups tr.blocked td, div.floorplan div.blocked {
	background-color:	#444 !important;
	color:				#888;
	}

table.signups tr.reserved td, div.floorplan div.reserved, table.activitysignups tr td.reserved {
	background-color:	#6B5200 !important;
	}

table.signups tr.payed td, div.floorplan div.payed, table.activitysignups tr td.payed {
	background-color:	#007d00 !important;
	}

#floorplan-float {
	background:		#444 !important;
	}

.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:	#444 !important;
	border: 1px solid white;
}