body
{
	font: 11px/14px Verdana,Arial;
	color: #324667;
	background-color: #eee;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;	
}

#page
{
	width: 695px;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	background-color: #fff;
	text-align: left;
}

#header
{
	position: relative;
	background-color: #324667; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;		
	border-bottom: solid 1px #fff;
}

#logo
{
	
}

#currentUser
{
	position:absolute;
	top: 0px; 
	right: 0px;
	padding: 10px 10px 10px 10px; 
	text-align: right;
}

#content
{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

#footer
{
	text-align: center;	
	font: 10px/10px Verdana,Arial;
	color: #324667;	
	background-color: #fff;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	padding-bottom: 4px;
}

#mainMenu
{
	color: #324667;
	text-align: left;
	text-transform: capitalize;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #324667;
	background-image: url(images/SubTab_02.gif); 
	background-repeat: repeat-x; 
	background-color: #fff; 
	padding: 4px 10px 8px 10px;	
}

#mainMenu a
{
	color: #324667;
}

#mainMenu a:visited
{
	color: #324667;
}

#mainMenu a:hover
{
	color: #900;
	text-decoration: none;
}

#mainMenu a:active
{
	color: #ff8000;
}

#mainMenu a.hovered
{
	color: #eee;
}

.breadcrumb
{
	background-color: #fff;
	font: 11px/11px Verdana,Arial;
	margin: 0px 0px 0px 0px;
	padding: 4px 14px 4px 14px;
	border-top: solid 2px #eee;
	border-bottom: none 1px #ccc;
	text-transform: lowercase;
}

#rightSidebar
{
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 10px 10px;
	width: 150px;
	height: 100%;
	background-color: #fff;
	border-left: solid 1px #ddd;
}

#leftSidebar
{
	float: left;
	margin: 0px 40px 0px 0px;
	padding: 0px 10px 10px 10px;
	width: 120px;
	height: 100%;
	background-color: #fff;
	border-right: solid 1px #ddd;
}

a
{
	color: #900; /*#324667;*/
	text-decoration: none;
}

a:visited
{
	color: #900; /*#324667;*/
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	color: #ff8000;
	text-decoration: none;
}

a.action
{
	color: #fb0; 
	text-decoration: none;
}

a.action:visited
{
	color: #fb0;
	text-decoration: none;
}

a.action:hover
{
	color: #fb0; 
	text-decoration: underline;
}

.label
{
	font-weight: bold;
}

.warning
{
	color: #900;
}

.error
{
	color: #f00;
}

div.error
{
	padding-top: 10px;
	color: #f00;
}

.required
{
	color: #ff8000;
}

.stretch
{
	letter-spacing: 3px;
}

.ultrastretch
{
	letter-spacing: 6px;
}

.allcaps
{
	text-transform: uppercase;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.center
{
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

div.appError
{
	font: 11px/14px Monospace;
	font-weight: normal;
	background-color: #efefef;
	color: #f00;
	margin: 10px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	border: solid 1px #ccc;
}


/*
		Login
*/
table.login
{
	width: 300px;
	background-color: #efefef;
	border: solid 1px #ccc;
}

table.login td.header
{
	background-color: #324667;
	color: #eee;
	padding: 2px 2px 4px 2px;
}

table.login .error
{
	color: #f00;
}

table.login div.error
{
	padding-top: 10px;
}

/*====================================================*/

div.section
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border: none 1px #324667;
}

div.section .header
{
	margin: 0px;
	padding: 5px 10px 5px 5px;
	border-top: none 3px #324667;
	border-bottom: solid 1px #ddd;
/*	
	background-image: url(images/SubTab_02.gif); 
	background-repeat: repeat-x; 	
*/
}

div.section .header h3
{
	margin: 10px 0px 5px 0px;
	padding: 2px 0px 4px 0px;
	font: 12px/12px Verdana,Arial;
	font-weight: bold;
	color: #900;
	margin: 0px;
	padding: 0px 0px 2px 0px;	
	letter-spacing: 3px;
}

div.section .subheader
{
	padding-left: 0px;
	font-style: italic;
	text-transform:lowercase;
}

div.section .subheader:before
{
	content: ":: ";
}

div.section .subheader:after
{
	content: " ::";
}


div.section .content
{
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 5px;
}

div.section .indent
{
	padding-left: 20px;
}

div.section .indent40
{
	padding-left: 40px;
}

div.section .content li
{
	padding-bottom: 5px;
}

div.section .footer
{
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-bottom: none 1px #ddd;
}

.input
{
	font: 11px/14px Verdana;
	/*
	font-family: Verdana, Arial;
	font-size: 11px;
*/
}


/* 
		Outer 
*/

table.outer
{
	margin-top: 0px;
	padding: 0px;
	font: 11px/12px Verdana;
	border: none 1px #f00;	
	width: 650px;
}

table.outer td.head
{
	color: #324667; /* #ff8000; */
	background-color: #fff;
	width: 80%;	
	font-weight: bold;
	padding: 4px 4px 4px 6px;
	background-image: url(images/Outer-Tab-Left-Sharp.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

table.outer td.sub
{
	/*height: 4px;*/
	vertical-align: top;
	color: #eee;
	border: none 1px #f00;
	background-color: #324667; /* #777; */
	padding: 4px 4px 4px 6px;
	background-image: none;
/*	
	background-image: url(images/Outer-Corner-Left-Sharp.gif);
	background-position: top left;
	background-repeat: no-repeat;
*/
}

table.outer td.tab
{
	background-color: #324667; /* #fff; */
	color: #FF8000;
	width: 20%;
	padding: 4px 20px 4px 0px;
	background-image: url(images/Outer-Tab-Right-Sharp.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

table.outer td.tab.right
{
	text-align: right;	
}

table.outer td.content
{
	vertical-align: top;
	background-color: #324667; /* #fff; */
	padding: 4px 4px 4px 4px;
}

table.outer td.footer
{
	background-color: #324667; /* #777; */
	color: #eee;
	padding: 2px 4px 6px 8px;
}


/* 
		Inner 
*/

table.inner
{
	border: none 1px #f00;
	width: 100%;
}

table.inner td.head
{
	height: 12px;
	background-color: #ddd;
	color: #324667;
	font-weight: bold;
	vertical-align: middle;
	width: 60%;
	padding: 4px 4px 4px 4px;
	background-position: left top;
	background-image: url(images/Inner-Tab-Left-Sharp.gif);
	background-repeat: no-repeat;
}

table.inner td.sub
{
	background-color: #ddd;
	color: #324667;
	vertical-align: bottom;
	border: none 1px #f00;
	padding: 4px 6px 4px 4px;
	border-bottom: none 1px #324667;
	background-image: url(images/Inner-Corner-Right-Sharp.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

table.inner td.tab
{
	background-color: #324667; /* #777; */
	color: #eee;
	width: 40%;
	padding: 4px 4px 4px 20px;
	text-align: left;	
	background-position: left top;
	background-image: url(images/Inner-Tab-Right-Sharp.gif);
	background-repeat: no-repeat;
}

table.inner td.tab.right
{
	text-align: right;
}

table.inner td.content
{
	vertical-align: top;
	background-color: #ddd;
	padding: 4px 4px 4px 4px;
	border: none 1px #f00;
}

table.inner td.footer
{
	background-color: #ddd;
	color: #324667;
	padding: 4px 4px 4px 4px;
	border: none 1px #f00;
}


/* 
		Specials Summary 
*/

table.specialsSummary
{
	border: solid 1px #324667;  /* #777; */
	width: 100%;
	background-color: #fff;
}

table.specialsSummary td.title
{
	color: #eee;
	background-color: #324667;
	font-weight: bold;
	padding: 2px 2px 4px 4px;
}

table.specialsSummary td.column
{
	color: #324667;
	background-color: #C4D1E1;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #ddd;
	padding: 2px 2px 2px 2px;	
}

table.specialsSummary td.label
{
	background-color: #eee;
	width: 30%;
	text-align: left;
	border-right: solid 1px #ddd;
	padding: 2px 2px 2px 4px;
}

table.specialsSummary td.data
{
	width: 35%;
	text-align: right;
	border-bottom: dashed 1px #ddd;
	padding: 2px 4px 2px 2px;
}


/*
		Specials Details
*/

.x
{
	color: #324667;
	background-color: #C4D1E1;
	font-weight: bold;
	text-align: center;
	border-bottom: none 1px #ddd;
	padding: 2px 2px 2px 2px;	
}

table.specialsDetails
{
	border: solid 1px #777;	
	width: 100%;
	background-color: #fff;
}

table.specialsDetails td.title
{
	color: #eee;
	background-color: #324667;
	font-weight: bold;
	padding: 2px 2px 4px 4px;
}

table.specialsDetails td.content
{
	background-color: #fff;
	padding: 4px 4px 4px 4px;
}


/*
		Selected Specials Details 
*/

table.selectedSpecialsDetails
{
	width: 100%;
}

table.selectedSpecialsDetails td.label
{
	background-color: #C4D1E1;
	color: #324667;
	font-weight:bold;
	text-align: center;
	padding: 4px 4px 4px 4px;
}

table.selectedSpecialsDetails td.data
{
	text-align: center;
	background-color: #fff;
	padding: 2px 4px 2px 4px;
	border-bottom: solid 1px #ccc;
}

table.selectedSpecialsDetails td.left
{
	text-align:left;
}

table.selectedSpecialsDetails td.right
{
	text-align:right;
}


/* 
		Weekly Specials Snapshot
*/

table.specialsSnapshot
{
	width: 100%;
	border: solid 1px #777;
	background-color: #eee;
}

table.specialsSnapshot td.title
{
	color: #eee;
	background-color: #324667;
	font-weight: bold;
	padding: 2px 2px 4px 4px;
}

table.specialsSnapshot td.weekday
{
	vertical-align: top;
	border: solid 1px #fff;
	padding: 0px 0px 0px 0px;
}


/* 
		Daily Specials 
*/

table.dailySpecials
{
	border: solid 1px #777;
	width: 90px;
	background-color: #ddd;
}

table.dailySpecials td.dayOfWeek
{
	background-color: #324667;
	color: #eee;
	font-weight: bold;
	text-align: center;
	padding: 4px 2px 4px 2px;
}

table.dailySpecials td.menu
{
	background-color: #C4D1E1;
	text-align: center;
	padding: 4px 2px 4px 2px;
	border-bottom: solid 1px #333;
}

table.dailySpecials td.special
{
	border-bottom: solid 1px #eee;
	text-align: center;
	background-color: #fff;	
	padding: 4px 2px 4px 2px;
}

table.dailySpecials td.tq
{
	border-left: solid 2px #FF8000;
	border-right: solid 2px #FF8000;
	text-align: center;
	background-color: #fff;	
	padding: 4px 2px 4px 2px;
}

table.dailySpecials td.empty
{
	font-style: italic;
	padding: 4px 2px 4px 2px;
	text-align: center;
	background-color: #fff;	
	height: 60px;
}


/*
		Reservations 
*/

table.reservations
{
	width: 645px;
}

table.reservations td.label
{
	background-color: #324667; /* #333; */
	color: #eee;
	font-weight:bold;
	text-align: center;
	padding: 4px 4px 4px 4px;
}

table.reservations td.data
{
	text-align: center;
	background-color: #fff;
	padding: 2px 4px 2px 4px;
	border-bottom: solid 1px #ccc;
}

table.reservations td.summary
{
	background-color: #ddd;
	font-weight:bold;
	text-align: right;
	padding: 4px 4px 4px 4px;
}

table.reservations td.left
{
	text-align:left;
}

table.reservations td.right
{
	text-align:right;
}


/*
		Tee Sheet Setup
*/

table.teeSheetSetup
{
	width: 100%;
	background-color: #eee;
	border: solid 1px #777;	
}

table.teeSheetSetup td.label
{
	width: 150px;
	padding: 4px 4px 4px 4px;
}

table.teeSheetSetup td.data
{
	font-weight: normal;
	padding: 2px 4px 2px 4px;
}


/*
		Tee Sheet
*/

table.teesheet
{
	background-color: #ddd;
	border: solid 1px #324667;
	width: 100%;
	cursor: pointer;
}

table.teesheet td
{
	font-family: Verdana, Arial;
	font-weight: normal;
	text-align: center;
	border: solid 1px #fff;
	background-color: #fff;
	padding: 4px 2px 4px 2px;
}

table.teesheet td.hours
{
	font-weight: bold;
	color: #eee;
	background-color: #324667;
	border: none 1px #fff;
}

table.teesheet td.minutes
{
	font-weight: bold;
	color: #eee;
	background-color: #324667;
	border: none 1px #fff;
}

table.teesheet td.selected
{
	border: solid 1px #ccc;
	background-color: #ffcc00;
	padding: 4px 2px 4px 2px;
}

table.teesheet td.current
{
	font-weight: bold;
	border: solid 1px #000;
}

table.teesheet td.hover
{
	border: dashed 1px #f00;
}

table.teesheet td.unhover
{
	/* -- */
}

table.teesheet td.unselected
{
	/* -- */
}


/* 
		Reservations Summary 
*/

table.reservationsSummary
{
	border: solid 1px #324667;  /* #777; */
	width: 70%;
	background-color: #fff;
}

table.reservationsSummary td.title
{
	color: #eee;
	background-color: #324667;
	font-weight: bold;
	padding: 2px 2px 4px 4px;
}

table.reservationsSummary td.column
{
	color: #324667;
	background-color: #C4D1E1;
	font-weight: normal;
	text-align: center;
	border-bottom: solid 1px #ddd;
	padding: 2px 2px 2px 2px;	
}

table.reservationsSummary td.label
{
	/*background-color: #eee;*/
	width: 30%;
	text-align: left;
	font-weight: normal;
	border-right: none 1px #ddd;
	border-bottom: dashed 1px #ddd;
	padding: 2px 2px 2px 4px;
}

table.reservationsSummary td.data
{
	width: 35%;
	text-align: right;
	font-weight: normal;
	border-bottom: dashed 1px #ddd;
	padding: 2px 4px 2px 2px;
}