body, td  {
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	font-size:13px;
	margin: 0px;
	padding: 0px;
}

div#appContentContainer {
	padding: 0px 5px;
	margin: 0px;
	*width: 100%; /*CSS hack: only use this for IE */
}

div#banner {
	height: 119px;
	background-image: url("../bkd.jpg");
}

div#bannerText {
	color: #FFFFFF;
	font-size:30px;
	padding: 50px 0px 0px 10px;
	float:left;
}

div#menu {	
	/*
	color: #000000;
	font-size: 14px;
	*/
	background-color:#E7E7E8;
	font-weight: bold;
	border-color: #562b76;
	border-width: 1px;
	border-style: solid;
	margin: 10px 0px 20px 0px;
	padding: 5px;
}

div#buttonBar {
	margin: 20px 0px;
	width: 100%;
}

div#buttonBar div#leftbuttons {
	float: left;
}

div#buttonBar div#rightButtons {
	float: right;
}

div#body {
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
}

div#footer {
	font-size:10pt;
	color:#999999;	
	text-align:center;
	clear:both;
	margin-top:20px;
}

div.shadedBox {
	background-color:#E7E7E8;
	border:1px #562b76 solid;
	margin: 10px;
	padding: 5px;
}

div.errorBlock {
	border-color: #ff0000;
	background-color:#ffc6c6;
	font-weight: bold;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	margin: 10px 0px;
	padding: 5px;
}

div.confirmBlock {
	color: #000000;
	background-color: #A9FF94;
	border-color: #2EB800;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px;
	padding: 10px;
}

span.finePrint {
	font-size:11px;
	color:#747474;
}
/* --------------- */
/*  USER SCHEDULE  */
/* --------------- */

table.scheduleTable {
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	width:100%;
	*width: 97%; /*CSS hack: only use this for IE */
}

tr.scheduleRow1 {
	background-color: #FFFFFF;
}

tr.scheduleRow2 {
	background-color: #F7F7F7;
}

td.scheduleCell {
	margin: 0px;
	padding: 5px;
	border-bottom: #E8E8E8 1px solid;
	vertical-align: middle;
}

td.scheduleCell form {
	margin: 0px;
	padding: 0px;
}

/*
  
 td.scheduleCell a {
	color: #000000;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

td.scheduleCell a:hover {
	color: #FF3300;
}
*/
span.userScheduleCanceled {
	color: #800000;
}

span.userSchedulePending {
	color: #ff8000;
}

span.userScheduleActive {
	color: #008000;
}

/* ----------------- */
/*    WORD BUBBLES   */
/* ----------------- */

div.wordBubbleContainer {
	width:400px;
	margin: 0px 0px 5px 5px;
	padding:0px;
}

div.wordBubbleInside {
	background-image:url('../images/bubble-slice.png');
	padding-left:5px;
	padding-bottom: 1px;
}

div.wordBubbleInside2 {
	background-image:url('../images/bubble-slice2.png');
	padding-left:5px;
	padding-bottom: 1px;
}

/* ---------------- */
/*  USER DASHBOARD  */
/* ---------------- */


div#userDashboardLeftColumn {
	width:75%;
	height:100%;
	min-width:500px;
	clear:none;
	float:left;
}

div#userDashboardRightColumn {
	width:25%;
	height:100%;
	float:left;
	clear:none;
}

div.dashBoardSession {
	margin: 0px 0px 20px 0px;
	padding: 0px 10px;
}

div.dashReservationBox {
	/*border: #E8E8E8 1px solid;
	background-color: #F7F7F7;
	margin:5px 0px;
	padding:10px;*/
}

div.noticeBlockContainer {
	width:200px;
	margin: 0px 0px 5px 5px;
	padding:0px;
}

div.noticeBlockPending {
	background-image:url('../images/yellow-slice.png');
	padding-left:5px;
}

div.noticeBlockDeclined {
	background-image:url('../images/red-slice.png');
	padding-left:5px;
}

div.noticeBlockAccepted {
	background-image:url('../images/green-slice.png');
	padding-left:5px;
}

/* ------------------ */
/*  RESERVATION FORM  */
/* ------------------ */

span.reserved {
	color:#800000;
}

div.reservationSessionBlock {
	border: #E8E8E8 1px solid;
	width:250px;
	margin:10px;
}