/* ------------------------------------------------------------*/
/*                         STYLE BY ID                         */
/* ------------------------------------------------------------*/

#hours {
	border: solid 2px #808080;
	}

#frame {
	width: 990px;
	float: none;
	margin:0px auto;
	padding: 0px 0px 0px 0px;
	border: 2px solid gray;
	}

#logo {  
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#mainMenu {
	float: none;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
	background: #eee url(../images/bar-top.jpg) bottom right; 
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	}

#contentBackground {
	width: 100%;
	background: #ffffff;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#contentLeft {
	width: 169px;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#externalRequestPopUp {
	float: none;
	background: #ffffff;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	}

#contentCenter {
	width: 815px;
	min-height: 600px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-left: solid 2px #800000;
	}

#contentCenterForThreeColumnLayout {
	width: 585px;
	margin:0px 0px 0px 0px;
	min-height: 600px;
	padding:10px 10px 0px 0px;
	border-right: solid 2px #800000;
	border-left: solid 2px #800000;
	}
	
#contentRight {
	float: left;	
	width: 210px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 20px 5px;	
	}
	
#companyName {
 	width: 990px;
 	line-height: 20px;
	text-align: center; 	
	background: url(../images/bar-top.jpg) bottom right; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#footer {
	font: 9px;
 	width: 990px;
	text-align: center; 	
	color: #800000;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#footer a:link, #footer a:visited { 
	color: #800000;
	margin-right: 0px; 
	}
	
#copyright {
	width: 990px;
	text-align: center; 	
	color: #800000;
	text-transform: uppercase;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:1em 0px 0px 0px;
	}

#copyright a:link, #copyright a:visited { 
	color: #800000;
	margin-right: 20px; 
	}

#poweredBy {
	font-size: 12px;
	clear: both;
	width: 100%;
	text-align: right; 	
	color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#poweredBy a:link, #poweredBy a:visited { 
	color: #800000;

	}

#termsOfUse div {  
	font-size: 12px;
	float:left;
	font-weight:bold;
	text-align: left;
	color:black;
	padding: .5em 0em 0em 1em;
	margin: 0px 0px 0px 0px;
	}
	
#termsOfUse a:link, #termsOfUse a:visited, #termsOfUse a:hover{
	font-size: 12px;
	
}

#externalReservation td input{
	font-family: Calibri, Verdana, Arial;
	font-size: 11px;
	
	}

/* ------------------------------------------------------------*/
/*                      GENERIC STYLE                          */
/* ------------------------------------------------------------*/

.mainStyleBox {
	width: 30%;
	border: solid #800000 1px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
	border-top: solid #800000 10px;
}

.error {
	border-top: 2px solid red;
	border-left: 3px solid red;
	border-right: 3px solid red;
	}
	

/* ------------------------------------------------------------*/
/*                       BODY ELEMENT                          */
/* ------------------------------------------------------------*/

body { 
	background: url(../images/bggre.gif) bottom right; 
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 13px; 
	line-height: 1.4em;
	letter-spacing: .04em; 
	vertical-align: bottom;	
	margin:10px;
	padding:0px 0px 0px 0px;
	border: none;
	vertical-align: bottom; 
	text-align: left;
	}

p {
	padding: 5px;
}

p.showCouponCode {
	font-size:12px;
	padding: 5px;
	letter-spacing: 0em;
	color: #800000;
	font-weight: bold;
}

p.emailCoupon {
	font-size:16px;
	padding: 5px;
	letter-spacing: 0em;
	color: #800000;
	font-weight: bold;
}

.pbTable{
	width:800px;
	text-align:center;
}

.pbStepTitle{
	height: 20px;	
	text-align: center;
	padding: 0px;
  	border: 1px solid #800000;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	}

.pbHoursStepMessage a{
	text-align: center;
	font-size: 14px;
	color: red;
	}

#packages td{
	border-bottom: 1px dotted #C0C0C0;
	border-right: 1px dotted #C0C0C0;
	padding-left: 5px;
	padding-right: 5px;

}

#packages .price{
	color: red;
}

#packages .footer{
	text-align: left; 
	font-weight: bold; 
	font-size: 11px;
}


/* ------------------------------------------------------------*/
/*                    HEADING ELEMENTS                         */
/* ------------------------------------------------------------*/


h1 {  
	font-size: 16px;
	letter-spacing:.50em;
	font-weight: bold; 
	text-transform: uppercase; 
	color: #800000; 
	text-align: center; 
	clear: both;
	}
	
h2 {  
	font-size: 14px; 
	text-transform: uppercase;
	font-style: italic; 
	color: #C11B17; 
	}
	
h2.dotted {  
	font-size: 14px; 
	text-transform: uppercase;
	font-style: italic; 
	color: #C11B17;
	text-align: center;
	border: 1px dotted #800000; 
	letter-spacing: .10em;
	}

h3 { 
	font-size: 12px; 
	font-weight: bold;
	letter-spacing:.12em;
	font-style: italic; 
	color: #C11B17; 
	}

h4 { 
	font-size: 14px; 
	font-weight: bold;
	letter-spacing:.12em;
	color: #C11B17; 
	}


/* ------------------------------------------------------------*/
/*                       LINK ELEMENTS                         */
/* ------------------------------------------------------------*/

a {
	color: #000000; 
}

a.topMenuItem {
	font-size: 12px;
	line-spacing: .25em;
	color: #000000;
	text-transform: uppercase; 
	margin: 0px 0px 0px 0px;
}

a.footerMenuItem {
	color: #ffffff;
	text-transform: uppercase; 
	margin: 0px 0px 0px 0px;
}

a.menuItem {
	font-weight: bold; 
	float:left;
	line-height:1.4em;
	text-align: left;
	color: #800000;
	width:90%;
	padding:4% 0% 4% 6%;
	border-bottom: 1px solid #C0C0C0;
	text-transform: uppercase; 
	margin: 0px 0px 0px 0px;
}

a.inlineLink {
	z-index: 1; 
	position: relative; 
	font-weight: bold; 
	font-size: 12px;
	float: right;
	line-height: 1em;
	color: #FFFFFF;	
	background: #800000;
	text-transform: uppercase; 
	margin: 5px;
	padding: 5px;
}
	
a:link {  
	font-weight: bold;
	text-decoration: none; 
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 

	}
	
a:hover, a:active { 
	text-decoration: underline; 

	}

/* ------------------------------------------------------------*/
/*                       TABLE ELEMENTS                        */
/* ------------------------------------------------------------*/

table{
	float: left;
	width: 100%;
}

table.eventLogNote{
	
	
	}
tr.shaded{
	background: #EEEEEE;
}

th{
	text-align:center;
	padding-bottom: 1.5em;
}

td{
	padding-bottom: .5em;
	text-align:center;
}

td.left{
	text-align:left;
}

td.welcomeLeft{
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	vertical-align: top;
}

td.welcomeRight{
	text-weight: none;
	text-align:left;
	vertical-align: top;
}


/* ------------------------------------------------------------*/
/*                       DIV ELEMENTS                          */
/* ------------------------------------------------------------*/

div{
	float: left;
	padding: 1px 1px 1px 1px;
	margin: 0px;
}

div.address{
	font-size: 12px; 
	font-weight: bold; 
	width: 90%;
	float: left;
	text-align: center;
	line-height: 12px;
	margin-top:10px;
	padding:0px 0px 0px 11px;
	color: #585858;
}

div.addressForPrint{
	font-size: 12px; 
	font-weight: bold; 
	width: 100%;
	text-align: center;
	line-height: 12px;
	color: #C0C0C0;
}

div.menuItemDiv{
	float: none;
}

div.termsOfUse {  
	overflow:scroll;
	float:left;
	height: 250px;
	width:90%;
	line-height: 12px;
	text-align: justify;
	text-decoration:none;
	color:blue;
	padding: 0px 15px 15px 15px;
	margin: 0px 0px 0px 20px;
	}

div.statusMessage{
	background: white;
	width:96%;
	line-height:1.5em;
	color:red;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 10px;
	}

div.statusMessageFooter{
	background: white;
	width:96%;
	font-weight:bold;
	margin-top: 0px;
	text-transform: uppercase;
	color:#800000;
	text-align: center;
	border-bottom: #800000 1px solid;
	padding: 5px;
	margin: 5px;
	}
	
div.formError{
	float: none;
	line-height:2em;
	color: red;
	text-transform: uppercase;
	font-weight: bold;
	text-align:left;
	margin: 2px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	vertical-align: middle;
	}

div.generalErrorMessage{
	float: none;
	line-height:2em;
	color: red;
	text-transform: uppercase;
	font-weight: bold;
	text-align:left;
	margin: 2px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	vertical-align: middle;
	}

div.section {  
	width:95%;
	padding:0px 6px 0px 10px;
	margin:0px 0px 0px 10px;
	}

div.row {
	width:100%;
	clear: both;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.fullBox {  
	width:98%;
	text-align: justify;
	}

div.halfBox {
	width: 48%;
	}

div.thirdBox {
	width:32.5%;
	}

div.twoThirdBox {
	width:66%;
	}

div.quarterBox {
	width:24.25%;
	}

div.threeQuarterBox {
	width:72.75%;
	}

div.restaurantProfile {
	width: 30%;
	border: solid #800000 1px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 5px;
	border-top: solid #800000 10px;
}

div.restaurantDetailsHead {
	width: 90%;
	text-align: right;
	color: white;
	background: #800000;
}

div.restaurantDetails {
	width: 90%;
	text-align:left;
}

/* ------------------------------------------------------------*/
/*                       TEXT AREA ELEMENTS                    */
/* ------------------------------------------------------------*/

textarea{
	font-family: Calibri, Verdana, Arial;
	font-size: 11px;
	width:10em;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;;
	text-align: left;
}

textarea.externalReservation{
	width:11em;
}

textarea.mediumTextArea{
	width:15em;
}

textarea.largeTextArea{
	width:25em;
}

textarea.webIntegration{
	width:30em;
	color:#800000;
	font-size: 12px;
	padding: 3px;
}

textarea.mailContent{
	width:30em;
	font-size: 12px;
}


/* ------------------------------------------------------------*/
/*                       INPUT ELEMENTS                        */
/* ------------------------------------------------------------*/

input{
	font-family: Calibri, Verdana, Arial;
	font-size: 12px;
	width: 5em;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;;
	text-align: left;
}

input.extraSmallInputBox {
	width: 2.25em;
	}

input.verySmallInputBox {
	width: 7em;
	}

input.smallInputBox {
	width: 10em;
#	margin: 0px 0px 5px 0px;
#	padding: 0px 0px 0px 0px;
	}

input.mediumInputBox {
	width: 15em;
	}

input.largeInputBox {
	width: 20em;
	}
	
input.extraLargeInputBox {
	width: 25em;
	}
	
input.extraExtraLargeInputBox {
	width: 35em;
	}
		
input.inputTextArea {
	width: 20em;
	}
	
input.inputBox {
	width: 10em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}

input.checkBox {
	width: 2em;
	}

input.radioButton {
#	position: relative;
#	bottom: .5em;
	width: 3em;
	horizontal-align: center;
	margin: 0px;
	}

input.smallSubmitButton{
	float: none;
	width: 8em;
	text-align:center;
	margin-left: 1em;
	}

input.submitButton{
	float: none;
	width: 10em;
	text-align:center;
	margin-left: 1em;
	}

input.mediumSubmitButton{
	float: none;
	width: 12em;
	text-align:center;
	margin-left: 1em;
	}	
		
input.largeSubmitButton{
	float: none;
	width: 14em;
	text-align:center;
	margin-left: 1em;
	}	
	
input.extraLargeSubmitButton{
	float: none;
	width: 16em;
	text-align:center;
	margin-left: 1em;
	}	
			
/* ------------------------------------------------------------*/
/*                      SELECT ELEMENTS                        */
/* ------------------------------------------------------------*/	
select{
	font-family: Calibri, Verdana, Arial;
	width: 5em;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;;
	text-align: left;
}

select.extraSmallSelectBox {
	width: 4em;
	}

select.verySmallSelectBox {
	width: 7em;
	}
	
select.semiSmallSelectBox {
	width: 8em;
	float: right;
	}	

select.smallSelectBox {
	width: 10em;
	}

select.mediumSelectBox {
	width: 15em;
	}	
	
select.largeSelectBox {
	width: 16em;
	}	
	
select.extraLargeSelectBox {
	width: 20em;
	}	
/* ------------------------------------------------------------*/
/*                       LABEL ELEMENTS                        */
/* ------------------------------------------------------------*/	

label {
	font-size: 12px;
	width: 95%;
	float: left;
	text-align: left;
	line-height:1.2em;
	font-weight: bold;
	clear: both;
	color: #800000;
}

label.header {
	text-align: center;
}

/* ------------------------------------------------------------*/
/*                       FIELDSET ELEMENTS                     */
/* ------------------------------------------------------------*/

fieldset{
	border: solid 1px black;
	margin: 0px 8px 0px 0px;
	padding: 1em 8px 1em 8px;
	clear: both;
	}

legend{
	font-weight:bold;
	font-size: 12px;
	text-transform: uppercase; 
	letter-spacing: .25em;
	color: #D72121;
	padding: 1em 5px 1em 5px;
}

legend a:link{
	color: #D72121;
}

/* ------------------------------------------------------------*/
/*            		   MISCELLANEOUS ELEMENTS                    */
/* ------------------------------------------------------------*/

span.star{
	position: relative;
	bottom: .25em;
	color:red;
	font-size: 14px;
	font-weight:bold;
	vertical-align:middle;
	margin-left: .5em;
}

span.mandatory{
	color:red;
	font-weight:bold;
}

span.inactiveLink{
	color:red;
	font-weight:bold;
}

/* ------------------------------------------------------------*/
/*               STYLE FOR ROUND CORNER BOXES                  */
/* ------------------------------------------------------------*/
	
.rbroundbox { 
	background: #ECECEC repeat; 
	padding: 0px 0px 0px 0px;
	width: 80%; 
	margin: 10px; 
	}
	
.rbtop div { 
	background: url(../images/tl.gif) no-repeat top left;
	padding: 0px 0px 0px 0px;
	}
	
.rbtop { 
	background: url(../images/tr.gif) no-repeat top right; 
	padding: 0px 0px 0px 0px;

	}
	
.rbbot div { 
	background: url(../images/bl.gif) no-repeat bottom left; 
padding: 0px 0px 0px 0px;
	}
	
.rbbot { 
	background: url(../images/br.gif) no-repeat bottom right; 
	padding: 0px 0px 0px 0px;
	}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;

}

.rbcontent { 
	margin: 0px;
	padding: 5px;
	}
	
/* ------------------------------------------------------------*/
/*               STYLE USED IN THE TAB SUB MENU                */
/* ------------------------------------------------------------*/

div.tabBox {  
	float:left	
	width:90%;
	line-height:1em;
	text-align: justify;
	text-decoration:none;
	color:black;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;	
	}

.activeTab{
	font-size: 11px;
	float:left;
	height:12px;
	width: 7em;
	background-image: url(../images/dotbg.gif);
	padding: 2px 3px 1px 3px;
	text-align:center;
	font-weight:bold;
	margin: 0px 0px 1px 0px;
	border-top: solid .5px #000000;
	border-right: solid .5px #000000;
	border-bottom: none;
	border-left: solid .5px #000000;
	}

.inactiveTab{
	float:left;
	height:12px;
	width: 7em;
	background: #CCCCCC;
	padding: 2px 3px 1px 3px;
	text-align:center;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	border-top: solid .5px #000000;
	border-right: solid .5px #000000;
	border-bottom: solid .5px #000000;
	border-left: solid .5px #000000;
	}

a.inactiveTab:link { 
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none; 
	}
	
a.inactiveTab:visited { 
	font-weight: bold; 
	font-size: 11px;
	text-decoration: none; 
	color: black;
	}
	
a.inactiveTab:hover { 
	background-image: url(../images/dotbg.gif);
	font-size: 11px;
	text-decoration: underline; 
	color: black;
	}
	
/* ------------------------------------------------------------*/
/*   ABOVE THIS LINE IS GOOD - AS OF JAN 07 2007    */
/* ------------------------------------------------------------*/

.sectionTitle {  
	color: #DD0000; 
	text-transform: uppercase; 
	text-align: center; 
	font-weight: bold
	}