/*=======ONLINE ORDERS ==========*/
.page_title{
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
text-align:center;
}
.multistep_header{
background-color:#77341C;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
text-align:left;
vertical-align:middle;
color:#FFFFFF;
}
.multistep_header_active{
background-color:#4D771C;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
text-align:left;
vertical-align:middle;
color:#FFFFFF;
}
.step_sub_header{
background-color:#CCCC66;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-align:center;
vertical-align:middle;
color:#660033;
}
.fieldtitle{
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
font-weight:bold;
vertical-align:top;
}
.fieldinput{
font-family:Arial, Helvetica, sans-serif;
vertical-align:top;
text-align:left;
}
.menu_table{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}
.menu_name{
color:#77341C;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
}
.error_message{
color:#FF0000;
font-size:12pt;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background-color::#CBC4A3;
text-align:left;
vertical-align:top;
}
.cancel{
color:#FF0000;
font-size:9pt;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
background-color::#CBC4A3;
text-align:left;
vertical-align:top;
}
.terms{
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
vertical-align:top;
}
a.cancel{
	color: #FF0000;
}
a.cancel:visited{
	color: #FF0000;
}
a.cancel:hover{
	color: #FF0000;
}

/*=======POP OUT MENU STYLES============================*/
.lowText { text-decoration: none; color: #333333; font: 13px Times New Roman, Arial, Helvetica; }
.highText { text-decoration: none; color: #333333; font: 13px Times New Roman, Arial, Helvetica;}
.itemBorder { border-left: 1px solid #777A67; border-top: 1px solid #777A67; border-bottom: 1px solid #777A67; border-right: 1px solid #777A67 }
.itemBorderBlank { border: 1px solid #777A67 }

/* Delete these "button" styles if you're not using them */

.buttonText { text-decoration: none; color: #FFCC99; font: Bold 13px Times New Roman, Arial, Helvetica; font-weight: bold }
.buttonHover { text-decoration: none; color: #99CCFF; font: Bold 13px Times New Roman, Arial, Helvetica; padding: 3px; font-weight: bold }
.buttonBorder { border: 1px outset #FFDD77 }
.buttonBorderOver { border: 1px inset #CC9966 }
/*=======================================================*/

hr{
	height: 1px;
	
}

.topnav{
	font-family: Times New Roman, arial, verdana, tahoma;
	font-size: 13px;
	color: #ffffff;
}

.pagetitle{
	font-family: Times New Roman, arial, verdana, tahoma;
	font-size: 14px;
	color: #807B63;
	font-weight: bold;
}




.leftnav{
	font-family: Times New Roman, verdana, tahoma;
	font-size: 14px;
	color: #F2ECD8;
	margin-left: .28cm;
}
a.ln{
	font-family: Times New Roman, verdana, tahoma;
	font-size: 14px;
	color: #F2ECD8;
	text-decoration: none;
	
	
}

a.ln:visited{
	font-family: Times New Roman, verdana, tahoma;
	font-size: 14px;
	color: #F2ECD8;
	text-decoration: none;
}

a.ln:hover{
	font-family: Times New Roman, verdana, tahoma;
	font-size: 14px;
	color: #FFCC66;
	text-decoration: none;
}





.footer{
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #333333;
	margin-left: .1cm;
}
a.footer{
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #333333;
	margin-left: .1cm;
}
a.footer:visited{
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #333333;
	margin-left: .1cm;
}
a.footer:hover{
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #996600;
	margin-left: .1cm;
}



.content{
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #333333;	
	margin-right: .8cm;
	line-height: .5cm;
}



.content_small{
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	color: #ffffff;	
	margin-right: .8cm;
	line-height: .3cm;
}




.tablecontent{
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #333333;	
	margin-right: .8cm;
}





.iifooter{
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	color: #6A6654;
	margin-left: .1cm;
	letter-spacing: .02cm;
	text-decoration: none;
}
a.iifooter{
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	color: #6A6654;
	margin-left: .1cm;
	letter-spacing: .02cm;
	text-decoration: none;
}
a.iifooter:visited{
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	color: #6A6654;
	margin-left: .1cm;
	letter-spacing: .02cm;
	text-decoration: none;
}
a.iifooter:hover{
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	color: #431808;
	margin-left: .1cm;
	letter-spacing: .02cm;
	text-decoration: none;
}


/************************************/
/*FORM ELEMENTS styles*/
.formtextbox{
	font-family: verdana;
	font-size: 11px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
.formbutton{
	font-family: verdana;
	font-size: 11px;
	border: 1px solid #333333;
	color: #333333;
	font-weight: bold;
	background-color: #cccccc;
	background-repeat: repeat;
	height: 18px;
}



/*=======================================================*/
/*---------ADMIN AREA CSS--------------------------------*/
/*=======================================================*/
.admin-header-white{
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #333333;
	width: 100%;
	height: 30px;
	line-height: .7cm;
	
}
.admin-header-gray{
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	width: 100%;
	height: 30px;
	line-height: .7cm;
	
}
.admin-content{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #333333;
}

a.adminlogout{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #ffffff;
	display:inline;
		line-height: .4cm;
}
a.adminlogout:hover{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #aaaaaa;
	margin-left: .2cm;
		line-height: .4cm;	
}
a.adminlogout:visited{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #ffffff;
	margin-left: .2cm;
		line-height: .4cm;
}




a.adminlink{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #0000ff;
	display:inline;
		line-height: .35cm;
}
a.adminlink:hover{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #ff0000;
		line-height: .35cm;	
}
a.adminlink:visited{
	font-family: verdana;
	font-size: 11px;
	font-weight: none;
	color: #0000ff;
		line-height: .35cm;
}


.formcheckbox{
	margin-top:0cm;
	margin-bottom:0cm;
}




/*=========CALENDAR STYLES=========*/

	.calendar {
	  position: relative;
	  display: none;
	  border: 1px solid;
	  border-color: #fff #000 #000 #fff;
	  font-size: 12px;
	  cursor: default;
	  background: Window;
	  color: WindowText;
	  font-family: tahoma,verdana,sans-serif;
	}
	
	.calendar table {
	  border: 1px solid;
	  border-color: #fff #000 #000 #fff;
	  font-size: 12px;
	  cursor: default;
	  background: Window;
	  color: WindowText;
	  font-family: tahoma,verdana,sans-serif;
	}
	
	/* Header part -- contains navigation buttons and day names. */
	
	.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	  text-align: center;
	  padding: 1px;
	  border: 1px solid;
	  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	  background: ButtonFace;
	}
	
	.calendar thead .title { /* This holds the current "month, year" */
	  font-weight: bold;
	  padding: 1px;
	  border: 1px solid #000;
	  background: ActiveCaption;
	  color: CaptionText;
	  text-align: center;
	}
	
	.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	}
	
	.calendar thead .daynames { /* Row <TR> containing the day names */
	}
	
	.calendar thead .name { /* Cells <TD> containing the day names */
	  border-bottom: 1px solid ButtonShadow;
	  padding: 2px;
	  text-align: center;
	  background: ButtonFace;
	  color: ButtonText;
	}
	
	.calendar thead .weekend { /* How a weekend day name shows in header */
	  color: #f00;
	}
	
	.calendar thead .hilite { /* How do the buttons in header appear when hover */
	  border-width: 2px;
	  padding: 0px;
	}
	
	.calendar thead .active { /* Active (pressed) buttons in header */
	  border-width: 1px;
	  padding: 2px 0px 0px 2px;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	}
	
	/* The body part -- contains all the days in month. */
	
	.calendar tbody .day { /* Cells <TD> containing month days dates */
	  width: 2em;
	  text-align: right;
	  padding: 2px 4px 2px 2px;
	}
	
	.calendar table .wn {
	  padding: 2px 3px 2px 2px;
	  border-right: 1px solid ButtonShadow;
	  background: ButtonFace;
	  color: ButtonText;
	}
	
	.calendar tbody .rowhilite td {
	  background: #eee;
	  color: #000;
	}
	
	.calendar tbody td.hilite { /* Hovered cells <TD> */
	  padding: 1px 3px 1px 1px;
	  border-top: 1px solid #fff;
	  border-right: 1px solid #000;
	  border-bottom: 1px solid #000;
	  border-left: 1px solid #fff;
	}
	
	.calendar tbody td.active { /* Active (pressed) cells <TD> */
	  padding: 2px 2px 0px 2px;
	  border: 1px solid;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	}
	
	.calendar tbody td.selected { /* Cell showing selected date */
	  font-weight: bold;
	  border: 1px solid;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	  padding: 2px 2px 0px 2px;
	}
	
	.calendar tbody td.weekend { /* Cells showing weekend days */
	  color: #f00;
	}
	
	.calendar tbody td.today { /* Cell showing today date */
	  font-weight: bold;
	  color: #00f;
	}
	
	.calendar tbody td.disabled { color: GrayText; }
	
	.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	  visibility: hidden;
	}
	
	.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	  display: none;
	}
	
	/* The footer part -- status bar and "Close" button */
	
	.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	}
	
	.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	  background: ButtonFace;
	  padding: 1px;
	  border: 1px solid;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	  color: ButtonText;
	  text-align: center;
	}
	
	.calendar tfoot .hilite { /* Hover style for buttons in footer */
	  border-top: 1px solid #fff;
	  border-right: 1px solid #000;
	  border-bottom: 1px solid #000;
	  border-left: 1px solid #fff;
	  padding: 1px;
	  background: #e4e0d8;
	}
	
	.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	  padding: 2px 0px 0px 2px;
	  border-top: 1px solid #000;
	  border-right: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	  border-left: 1px solid #000;
	}
	
	/* Combo boxes (menus that display months/years for direct selection) */
	
	.combo {
	  position: absolute;
	  display: none;
	  width: 4em;
	  top: 0px;
	  left: 0px;
	  cursor: default;
	  border: 1px solid;
	  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	  background: Menu;
	  color: MenuText;
	  font-size: smaller;
	  padding: 1px;
	}
	
	.combo .label {
	  text-align: center;
	  padding: 1px;
	}
	
	.combo .active {
	  padding: 0px;
	  border: 1px solid #000;
	}
	
	.combo .hilite {
	  background: Highlight;
	  color: HighlightText;
	}
	

.r1{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #66CCCC;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;
}
a.r1{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #66CCCC;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;	
}
a.r1:visited{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #66CCCC;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;	
}
a.r1:hover{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #99FFFF;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;	
}


.r2{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 14px;
	color: #FFCC00;
	font-weight: bold;
	letter-spacing: .05cm;
}
.r3{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 14px;
	color: #99CC00;
	font-weight: bold;
	letter-spacing: .05cm;
}
.spacer{line-height; .3cm;}