/* DBC CSS for QEBooker */

a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }

html>body {
background-color: white;
}

#container {
	position: relative;
	min-height: 100%;
	
}

#footer {
	padding: 5px;
	width: 100%;
	clear:both;
	background-color: #F7D639;	
}

.text {
	color: #FFFFFF;
}
	
#frame {
	position: relative;
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	border: 1px none;
	height: auto;
	min-height: 100%;
	background-repeat: no-repeat;
	
}

#frameman {
	position: relative;
	width:1024px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	border: 1px none;
	height: auto;
	min-height: 100%;
			
}

#banner {
	height:70px;
	border-top:0px solid #000;
	border-right:0px solid #000;
	border-left:0px solid #000;
	margin: 0px;
	padding: 0px;
	height:39px;
	border-bottom-width: 0px;
	
}

html>body #banner {
	height:70px;
}
		
#adverts {
	width:200px;
	float:right;
	margin: 5px;
	padding: 0px;
		
}
	
#content {
	width:550px;
	padding:0px 18px 0px 18px;
	float:left;
	background-image: url('images/contentbg.png');
	background-repeat: repeat-y;
	overflow: hidden;
	color: #FFFFFF;		
}

#contentfooter {
	width:550px;
	height:80px;
	float:left;
	background-image: url('images/contentfooter.png');
	overflow: hidden;
		
}

#contentheader {
	width:550px;
	height:80px;
	float:left;
	background-image: url('images/contentheader.png');
	overflow: hidden;
	color: #000066;
	text-align: center;
	background-repeat: no-repeat;
}

#contentheader p {
	padding-top : 35px;
}

#contentman {
	width:auto;
	padding:1px;
	float:left;
	background:#4264B4;
	margin: 5px;
	color: #FFFFFF;		
}
	
#contentright {
	width:210px;
	padding:5px;
	float:right;
	background:#fff;
	margin: 0px;
	
}
		
p,h1,pre {
	margin:0px 10px 10px 10px;
}
		
h1 {
	font-size:14px;
	padding-top:10px;
}

.contentheader {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;

}

input.qbtn {
	border: 1px solid #666666;
	background-color: #EEEEEE;
}
#contentcolumn1 {
	padding-left: 15px;
	float: left;
	width: 45%;
}

#contentcolumn2 {
	padding-right: 25px;
	float: right;
	width: 45%;
}
.errortext {
	color: #FFFFFF;
	font-style: oblique;
}
#passwordconfirm {
	position: absolute;
	left: 200px;
	top: 45px;
}
#contentcolumn3 {
	padding-right: 35px;
	float: right;
	text-align: right;

}

.txtbox {
	background-color: transparent;
	border: none;
	color: #FFFFFF;	
}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

input.dashboard,
select.dashboard {
	width: 149px;
}

button.dashboard {
	background: url(dashboard-icon.gif);
	border: 0;
	cursor: pointer;
	float: none;
	height: 20px;
	margin-right: 10px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #CF0;
		font: normal 12px/17px Arial, Helvetica, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a {
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 16px;
		width: 11px;
	}
	div.dashboard caption a.prev {
		background-image: url(dashboard-prev.gif);
		left: 1px;
	}
	div.dashboard caption a.next {
		background-image: url(dashboard-next.gif);
		right: 1px;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.dashboard caption span.month {
		padding-right: 8px;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #CF0;
		cursor: pointer;
	}