BODY {
		margin					: 0;
		padding				: 0px;
		text-align				: center; 
		background 			: #F6F6F6;
		font-family				: Arial;
		font-size				: 11px;
		line-height				: 14px;
		color					: #4f4f4f;
	}

IMG {
		border					: none;
		padding				: 0px;
		margin					: 0px;
	}
	
FORM {
		padding				: 0px;
		margin					: 0px;
		display					: inline;
	}
	
.text, TEXTAREA, SELECT {
		font-family				: Arial;
		font-size				: 12px;
		padding 				: 2px;
		border					: solid #ccc 2px;
		width					: 140px;
	}
		
.wide {
		width					: 220px;
	}

UL {
		margin					: 0px;
		padding				: 4px 0px 10px 20px;
	}


/* ========== TEXT ========== */

H1 {
		color					: #ff5200;
	}
	
H2 {
		color					: #ff5200;
		font					: bold 16px Arial;
		padding				: 10px 0px 10px 0px;
		margin					: 0px;
	}
	
H3 {
		color					: #223;
		padding				: 0px 0px 5px 0px;
		margin					: 0px;
		font					: bold 14px Arial;
	}
	

/* ========== LINKS ========== */

A {
		color					: #ff5200;
		text-decoration		: none;
	}

A:hover {
		color					: #ff5200;
		text-decoration		: underline;
	}
	

/* ========== HEADER ========== */

#header {
		padding		: 0px 20px;
		position		: relative;
		text-align		: left;
		background	: #051844 url(../images/application/header.jpg) 0 0 no-repeat;
		height			: 80px;
		border			: solid #051844 1px;
		border-width	: 1px 1px 0px 1px;
	}
	
#logo {
		width			: 242px;
		text-align		: center;
	}

#welcome {
		text-align		: right;
 		color			: #666;
 		font			: normal 10px Arial;
 		white-space	: nowrap;
 		padding		: 0px 0px 5px 0px;
 	}
 	
 #welcome a {
 		color			: #051844;
 		font			: 10px Arial;
 	}


/* ========== NAVIGATION ========== */

#navigation {
		position		: absolute;
		right			: 20px;
		bottom			: 0px;
		text-align		: right;
		height			: 29px;
 	}

#navigation ul {
	list-style:none; padding:0; margin:0; }
#navigation li {
	float:left; background: url('../images/application/navigation/tab-off.gif') top left no-repeat;
	margin-right: 3px; }
#navigation li a {
	float:left; background: url('../images/application/navigation/right-off.gif') top right no-repeat;
	color: white; text-decoration: none; font: 14px normal 'Lucida Grande', Helvetica;
	padding:6px 18px 7px 18px; height: 22px }

#navigation li.on {
	background: url('../images/application/navigation/tab-on.gif') top left no-repeat; }
#navigation li.on a {
	color:#051844; font-weight:bold;
	background: url('../images/application/navigation/right-on.gif') top right no-repeat; }


/* ========== CONTENT ========== */

#page {
		width			: 932px;
		margin			: 6px auto;
		position		: relative;
	}


#content {
		background	: #FFF;
		min-height		: 300px;
		padding		: 15px 22px 5px 22px;
		text-align		: left;
		border			: solid #051844 1px;
		border-width	: 0px 1px 1px 1px;
	}

#content #copy {
		width			: 544px;
		float			: right;
		font			: 13px Arial;
		color			: #333;
		text-align		: left;
	}
	
.error {
	border: solid #990000 1px; 
	background:#FFEEEE; 
	padding:4px 8px; 
	color:#cc0000
	}



/* 	
-----------------------------------------------------------------------------------
	Calendar
----------------------------------------------------------------------------------- 
*/

table.calendar {
	border-collapse:collapse; 
	margin:4px 0; 
	}
table.calendar th { 
	height:15px; padding:0px 8px; 
	font:normal 11px verdana; color:black; text-align:center;
	background:url("../images/application/table/header.gif") 0px 0px repeat-x; 
	border:solid #9D9D9D 1px 
	}
table.calendar td { 
	padding:0; color:#333333; background:white; border:solid #9D9D9D 1px;
	font:normal 12px "Lucida Grande",Helvetica,Arial; line-height:15px; 
	height:95px;
	}
table.calendar td.today, table.calendar td.today .floater { 
	font-weight:bold; color:#0000FF;  color:#222;
	}
table.calendar td.past, table.calendar td.past .floater {
	background:#f0f0f0; color:#999;
	}
table.calendar td.blank { 
	padding:3px 8px; color:#333333; background:none; border-width:0px;
	}
table.calendar .floater { padding: 2px 3px 6px 4px; font-size:14px; }

table.calendar .day { position:relative; width:126px; height:74px; }
table.calendar .front {
	font:normal 10px "Lucida Grande",Helvetica,Arial; color:#666;
	height:54px; width:126px; position:absolute; top:16px;
	}
table.calendar .holiday { padding:0px 4px; font:normal 12px "Lucida Grande",Helvetica,Arial; color:#990000; }
	
table.calendar .slot {
	float:left; border:solid #FFF 1px; background:white;
	width:31px; height:50px; margin:8px 2px 0 2px;
	padding:2px; text-align:center; color:#999;
	}
	
table.calendar tr.rotationstart {
	border-top: solid #051844 4px;
	}

.mine {
		background	: url('../images/application/calendar/reservation.gif') 0 0 no-repeat;
		color			: #FFF;
		padding		: 2px 0px 3px 6px;
		margin			: 0px 3px 2px 1px;
	}
	
.reserved {
		padding		: 2px 0px 3px 6px;
		margin			: 0px 3px 2px 1px;
	}
	
.available {
		background	: #E0FFEE;
	}
	
.waitlist {
		background	: url('../images/application/calendar/light.gif') 0 0 no-repeat;
		color			: #666;
		padding		: 2px 0px 3px 6px;
		margin			: 0px 3px 2px 1px;
	}
	
.front .right {
		margin			: 0 1px 0 0;
	}
	

/* ========== OVERLAY ========== */

#wrapper {
		position		: absolute;
		top				: 0px;
		left				: 0px;
		width			: 100%;
		z-index		: 100;
	}	
	
#overlay {
		z-index		: 500;
		height			: 350px;
		width			: 580px;
		background	: #FFF url('../application/images/loading.gif') 270px 160px no-repeat;
		margin			: 200px auto 0px auto;
		position		: absolute; 
		top				: 0px;
		left				: 300px;
		border			: solid #FFF 2px;
	}
	
#overlay #title {
		background	: #3A3A3A; 
		text-align		: center; 
		padding		: 3px 2px 6px 20px; 
		font			: normal 15px Arial; 
		color			: #FFF; 
	}
	
#overlay #title p {
		margin			: 0px;
		padding		: 3px 0px 0px 0px;
		font-weight	: bold;
	}

#overlay ul#actions {
		margin			: 16px 0px 0px 10px;
		padding		: 0px;
		text-align		: left;
	}
	
#overlay ul#actions li {
		padding		: 1px 0px 10px 22px;
		margin			: 0px;
		font			: normal 13px Arial;
		color			: #404040;
		list-style-type	: none;
	}
	
#overlay ul#actions li a {
		color			: #404040;
		text-decoration	: none;
		font-weight	: bold;
	}

#overlay ul#actions li.morning {
		background	: url('../images/application/overlay/morning-res.gif') 0 0 no-repeat;
	}
#overlay ul#actions li.afternoon {
		background	: url('../images/application/overlay/afternoon-res.gif') 0 0 no-repeat;
	}
#overlay ul#actions li.night {
		background	: url('../images/application/overlay/night-res.gif') 0 0 no-repeat;
	}
#overlay ul#actions li.cancel {
		background	: url('../images/application/overlay/cancel.gif') 0 0 no-repeat;
	}
#overlay ul#actions li.swap {
		background	: url('../images/application/overlay/swap.gif') 0 0 no-repeat;
	}
#overlay ul#actions li.wait {
		background	: url('../images/application/overlay/wait.gif') 0 0 no-repeat;
	}
#overlay ul#actions li.confirm {
		background	: url('../images/application/overlay/confirm.gif') 0 0 no-repeat;
	}
	
#overlay .fade {
		opacity: .15; filter: alpha(opacity=15);
	}



/* 	
-----------------------------------------------------------------------------------
	Lists
----------------------------------------------------------------------------------- 
*/

table.list { 
	border:solid #9D9D9D 1px; border-collapse:collapse; 
	margin:4px 0; 
	}
table.list th { 
	height:15px; padding:0px 8px; 
	font:normal 11px verdana; color:black; text-align:left;
	background:url("../images/application/table/header.gif") 0px 0px repeat-x; 
	border-bottom:solid #9D9D9D 1px; border-right:solid #9D9D9D 1px 
	}
table.list th.sort { 
	background:url("../images/application/table/selected.gif") 0px 0px repeat-x; 
	border-bottom:solid #6693C0 1px; border-right:solid #4E88C6 1px 
	}
table.list th a { color:#333; text-decoration:none; }	
table.list th a:hover { color:#0066CC; text-decoration:none; }	
	
table.list td { 
	padding:3px 8px; line-height:20px; color:#333333;
	font:normal 15px "Lucida Grande",Helvetica,Arial; 
	}
table.list tr { background:white }
table.list tr.band { background:#f7f7f5; /* eef6ff */ }
table.list tr.hilite { background:#FFD066; }
table.list td a { color:#3370A0; }

.pagination { font: 11px Arial, Helvetica, sans-serif; position:relative; padding:2px 2px 10px 2px; margin: 0; }
.pagination a, .this-page { padding: 2px 6px; text-decoration: none; margin:0 2px; }
.pagination a { background: #fff; border: solid 1px #ddd;  }
.pagination a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagination a:hover { color: #fff; background: #3080CB; border-color: #036; text-decoration: none; } 
.pagination .this-page { border-color: #fff; font-weight: bold; font-size: 13px; vertical-align: top; }
.pagination .break { padding: 2px 6px; border: none; text-decoration: none; }
.pagination .count { font: 11px/15px Arial, Helvetica; color: #999; }
.pagination .end {padding: 2px 6px; border: solid 2px #ddd; background: #fff;}



/* 	
-----------------------------------------------------------------------------------
	Tool Tips	
----------------------------------------------------------------------------------- 
*/

.tooltip {
	position: absolute; z-index: 100;
	border: solid #998000 1px; background: #fff6ee;
	padding: 4px; text-align: left; font: 11px Arial;
	}


/* 	
-----------------------------------------------------------------------------------
	Overlay	
----------------------------------------------------------------------------------- 
*/

body { text-align: center; }

#backdrop {
	position: absolute; top: 0px; left: 0px; z-index: 90;
	width: 100%; height: 500px; background-color: #000;
	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
	}

#overlay2 {
	background-color: white;
	position: absolute; top: 100px; left:0px; z-index: 100;
	margin: 0 auto;
	overflow: hidden;
	}

#overlay>#loading {
	position: absolute; top: 40%; left: 0%;
	height: 25%; width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#overlay>#overlayBody {
	position: relative;
	text-align: left;
	overflow: auto;
	}