html, body {
	margin: 0;
	padding: 0;
	background:#4a87be;
	text-align: center;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
}

br {clear:left}

#container {
width:903px;
margin-left: auto;
margin-right: auto;
padding-top:20px;
text-align:left;
}

fieldset {
border:1px dotted #FFFFFF;
display:block;
line-height:1.2em;
margin-bottom:0.5em;
margin-left:13px;
padding:5px;
text-align:left;
}
.fstext {font-size:80%}
legend {font-size:80%}

.monthwidth {width:50px;}

label{
width:170px;
clear:left;
margin-right:5px;
}

label,input {
	display: block;
	width: 170px;
	float: left;
	margin-bottom: 10px;
}

.hidden{
display:none;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000ff;
	text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

#headframe{
	background: url(../images/header.png) top left no-repeat;
	height: 116px;
}
#headerContent{ 
	padding-top: 23px; 
	font-size: 85%;
	font-family: Verdana, Helvetica, sans-serif;
	color: #fff;
}

#headerContent p{
	padding: 0;
	margin: 0;
	font-size: 85%;
}

#headerContent h1{
  margin: 0 0 0 17px;
  padding: 0;
  font-size: 115%;
}

	.clearer{
	height:1px;
	overflow:hidden;	
	margin-top:-1px;
	clear:both;
}

/*#horizsubnav {
	background:url(../images/navgrad.png) repeat-x 0 0;
	height:40px;
	border-bottom:1px solid #cccccc; 
	border-top: 1px solid #666; 
	padding: 0 0 0 5px;
	margin-top:-3px;
	margin-bottom:0px;
	border-left: 2px solid #ccc;
	border-right:2px solid #ccc;
}*/

#content {
	width: 899px;
	background-color: #fff;
	margin-left:1px;
	margin-right:1px;
	border-left: 1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	font-weight: normal;
	color: #0000ff;
	text-decoration: none;
}

#footer {
	background-color: #446de9;
	padding: 0px 15px 5px 15px;
	border-top: 1px solid #ccc;
	border-left: 2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	margin-top:0;
	color: #fff;
	font-size:75%;
	text-align:right;
}

.CalendarEmptyDays {
	background-color: #fff;
}

.CalendarDayofMonth {
	background-color: #fff;
/*	width:16%;*/
	color:#00f;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

.CalendarDayofMonth a {
	font-weight: normal;
	color: #000;
}

.CalendarDayofWeek {
	background:url(../images/navgrad.png) repeat-x 0 0;
	height:20px;
	border-bottom:1px solid #cccccc;
	border-top: 0px solid #666;
	padding: 0 0 0 10px;
	color: #000;
}

.TableCell {
	background-color: #dceafb;
	color:#00f;
	padding-left:10px;
}
.TableCell input{
vertical-align: center;
margin-bottom:0px;

}

.CMSCell1 {
	background-color: #eee;
}

.CMSCell1 img { 
vertical-align: bottom
}  

table.bookinglist {border:1px solid #9097A9;
margin:14px 10px;
padding:0;
font-size:13px;
width:245px
}
table.bookinglist td {background:#D8D8D8 none repeat scroll 0 0;
color:#000000;
padding:3px 5px;
}



		.bottom {
		background: #f4f4f4 url(/mgt/images/box.png) repeat-x;
		border: 1px solid #ddd;
		border-top: 0;
		}
			.bottom, #login .bottom { padding: 4%; font-size:.85em}
			.bottom { padding: 2.5%; color:#000;text-align:left}
		.box h2, .box h3 {
		position: relative;
		margin: 0;
		padding: 5px 10px;
		font: 14px/21px Arial, Sans-Serif;
		color: #666;
		background: #ccc url(/mgt/images/boxheaders.png) repeat-x;
		}
			.box h2 {
			font-size: 24px;
			line-height: 31px;
			letter-spacing: -1px;
			background-position: 0 -31px;
			}
			.box .close {
			position: absolute;
			right: 10px;
			margin-top: 0px;
			width: 16px;
			height: 16px;
			text-indent: -9999px;
			background: url(/mgt/images/button.gif) no-repeat 0 -16px;
			}
			
		.box ul {
		margin: 0 0 15px;
		padding: 0;
		list-style: none;
		}
			.box ul li {
			padding: 7px 5px;
			border-bottom: 1px dotted #ccc;
			}
				.box ul li:hover { background-color: #fff; }
				.box ul li a { color: #444; }
		/* Boxes */
.box h2, .box h3 { text-shadow: 0 1px 0 #ddd; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
.box .bottom { -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }

/* Box content */
.box fieldset {margin:0 6px 1px 0;line-height:1.1em;border:1px solid #9097A9;}
.qbookfs {width:245px;float:left;height:185px} 
.box label {width:90px;margin-bottom:3px;}
.box input{width:125px;margin-bottom:3px}
.box select {margin-bottom:3px}
input.button {margin-left:155px;width:170px}
input.availbutton {background-color:#4a87be;border-width:1px;	border-style:solid;	border-color:#fff;	color:#ffffff;	font-weight:bold;	font-size:100%;	width:auto;	padding:2px 2px;clear:both;margin:5px 23px 10px 0;float:right}
.booksel {width:115px}

/* Main navigation */
a {
text-decoration: none;
color: #444;
border-bottom: 1px solid #ccc;
}
	a:hover {
	color: #222;
	border-color: #aaa;
	}


#navigationwrap {
height: 33px;
background: #fff url('/mgt/images/nav_back.gif') repeat-x;
margin-left:1px;
border-left:1px solid #b8b8b8;
margin-right:1px;
border-right:1px solid #b8b8b8;
}
	#navigation { margin: 0 0 0 1.5%; }
	#navigation ul { margin: 0; padding: 0; list-style: none; }
		#navigation ul li {
		display: block;
		float: left;
		padding: 0 12px;
		line-height: 33px;
		}
			#navigation ul li.first { padding-left: 0; }
			#navigation ul li a {
			padding: 5px 16px 5px 16px;
			font: 14px/1 Arial, Sans-Serif;
			color: #666;
			background-repeat: no-repeat;
			background-position: 10px center;
			border: 0;
			}
/*				#dashboard a { background-image: url(../images/icons/dashboard.png); }
				#pages a { background-image: url(../images/icons/pages.png); }
				#users a { background-image: url(../images/icons/users.png); }
				#settings a { background-image: url(../images/icons/settings.png); }*/
				#navigation ul li a:hover { color: #fff; background-color: #777; }
/* Subnavigation */
#subnavigationwrap {
width: 100%;
height: 35px;
background: #ccc;
border-top: 1px solid #888;
}
	#subnavigation { margin: 0 0 0 1.5%; }
	#subnavigation ul { margin: 0; padding: 0; list-style: none; }
		#subnavigation ul li {
		display: block;
		float: left;
		}
			#subnavigation ul li a {
			display: block;
			padding: 0 25px;
			line-height: 35px;
			color: #888;
			border: 0;
			}
				#subnavigation ul li a:hover {
				color: #fff;
				background: #aaa;
				}

#navigation ul li a { text-shadow: 0 1px 0 #fff; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
	#navigation ul li a:hover { text-shadow: 1px 1px 0 #888; background-color: rgba(255, 255, 255, .07); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); }
#subnavigation ul li a { text-shadow: 0 1px 0 #ddd; }
	#subnavigation ul li a:hover { text-shadow: 0 1px 0 #aaa; background: rgba(255, 255, 255, .1); }

.redlogo {margin-left:30px;font-face:verdana;font-size:40px;color:#e00101;text-shadow: 1px 1px 1px #FA8072;}
.bluelogo {font-face:verdana;font-size:40px;color:#19286a;text-shadow: 1px 1px 1px #4682B4;}
/*.third {width:280px;float:left;margin:26px;margin-top:0px;font-size:.85em;}
.full {width:845px;margin:26px;}*/
.bottomthird{width:373px;}

.full {width:860px;margin:5px 8px 16px 20px;}
.twothirds {width:556px;margin:5px 8px 16px 20px;float:left;}
.third {width:280px;margin:5px 20px 16px 8px;float:right;}
.thirdleft {width:280px;margin:5px 0px 16px 14px;float:left;font-size:11px;}


.qb {font-size:.8em}
.qb fieldset {width:360px;background:#D8D8D8 none repeat scroll 0 0;}
.qb input {width:180px;margin-left:10px;}
.qb select {margin-left:10px;}

.loguser {float:right;margin-right:85px;color:#000;font-size:11px}

tr.alt td {
	background: #fff;
}

tr.over td {
	background: #bcd4ec;
}
/* Login */

.loginform input {width:180px;margin-left:10px;}
.loginform input.submit{width:100px;margin-left:65px}
.loginform label{width:150px;clear:left;margin-right:5px;}
.login {width:340px;margin-left: auto;margin-right: auto;}
.loginform input.remember {width:20px;}
.err{color:red;background:#ffccff;border:1px solid #660000;padding:3px;margin-bottom:10px;text-align:center}

#modalpop {background-color:#fff}
#modalpop h2 {margin:0;padding:0}

a#closeBut {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/close.png) no-repeat scroll 0 0;
display:block;
height:16px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
position:absolute;
right:0px;
text-indent:-9999em;
top:0px;
width:16px;
border-bottom:0;
}
input.button{	background-color:#4a87be;	background-image:none;	border-width:1px;	border-style:solid;	border-color:#fff;	color:#ffffff;	font-weight:bold;	font-size:100%;	width:auto;	padding:2px 4px;	margin:5px 0px;	clear:both;float:right;}

input.remember {width:0px;margin-top:10px}
label.remember {margin-top:7px}
input.loginbutton{	background-color:#4a87be;	background-image:none;	border-width:1px;	border-style:solid;	border-color:#fff;	color:#ffffff;	font-weight:bold;	font-size:100%;	width:auto;	padding:2px 4px;	margin:5px 0px 5px 105px;}

#headerContent img {margin-left:20px}


#q-graph {position: relative; width: 600px; height: 300px;
  margin: 1.1em 0 3.5em; padding: 0;
  background: #DDD;
  border: 2px solid gray; list-style: none;
  font: 9px Helvetica, Geneva, sans-serif;}
#q-graph ul {margin: 0; padding: 0; list-style: none;}
#q-graph li {position: absolute; bottom: 0; width: 150px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center; list-style: none;}
#q-graph li.qtr {height: 298px; padding-top: 2px;
  border-right: 1px dotted #C4C4C4; color: #AAA;}
#q-graph li.bar {width: 60px; border: 1px solid; border-bottom: none; color: #000;}
#q-graph li.bar p {margin: 5px 0 0; padding: 0;}
#q-graph li.sent {left: 13px; background: #DCA;
  border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.paid {left: 77px; background: #9D9;
  border-color: #CDC #9B9 #000 #BFB;}
#q-graph #q1 {left: 0;}
#q-graph #q2 {left: 150px;}
#q-graph #q3 {left: 300px;}
#q-graph #q4 {left: 450px; border-right: none;}

#q-graph #ticks {width: 600px; height: 300px; z-index: 1;}
#q-graph #ticks .tick {position: relative; border-bottom: 1px solid #BBB; width: 600px;}
#q-graph #ticks .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em;}

#chartdiv {margin-left:50px}

div.admin input.answers {width:700px;}
div.admin img {border:medium none;}
div.admin input {margin-bottom:3px;width:100px;}