body { margin: 0; padding: 0; font: normal 10pt Arial, Verdana; text-align: center;}

body{
 margin: 0;
 padding: 0;
 font: normal 10pt Arial, Verdana;
 text-align: center;
 background-color: #fff;
 color: #263035;
}


div#mainContainer
{
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #fff;
}

/*
Spacer Div
*/
div.spacer{
clear: both !important;
}

/*********************************************************
 * Clearing after floats fix                             *
 * http://www.positioniseverything.net/easyclearing.html *
 *********************************************************/

a { font: bold 9pt arial; color: #21286b; text-decoration: none; }
a:hover { font: bold 9pt arial; color: #006699; text-decoration: underline; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {	display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Admin CSS */
#adminAlert { padding: 5px; background: red; font: bold 18pt Trebuchet MS; color: #fff;}
/* End Admin CSS */


#mainLogo { height:99px; width: 500px; background-image:url("/images/7L-logo.gif"); background-repeat:no-repeat; }
h1.logo {display:none;}

#headerWrapper {  background-image: url("/images/7L-header-back.gif"); background-repeat:repeat-x; color: #cc9e00; }

table#header { margin: 0; padding: 0px; width: 800px; height: 99px; margin-left: auto; margin-right: auto; }
table#header td { padding: 0px; font: normal 9pt Arial; }
table#header td.logo { width: 360px; height: 99px;}
table#header td.login { width: 400px; height: 99px;}
table#header a { color: #fff; }

#tagline { margin-bottom: 10px; padding-left: 40px; font: bold 10pt Trebuchet MS; color: #999; text-decoration: none; }

#navWrapper {  background-color: #cc9e00; border-bottom: 2px solid #b08502; }

#navBarBox { margin: 0; padding: 10px; margin-left: auto; margin-right: auto; width: 800px;}
#navBar { margin: 0; margin-left: auto; margin-right: auto; padding: 0; }
#navBar li { display: inline; list-style-type: none;  padding-left: 20px; }
#navBar li a { font: bold 12pt Trebuchet MS; color: #000; text-decoration: none;}
#navBar li.active a { font: bold 12pt Trebuchet MS; color: #21286b; text-decoration: none;}

#bodyWrapper { background-color: #f0f7ff; border-bottom: 4px solid #c7e5fd; }
#bodyHomeWrap {  margin: 0; padding: 0px; width: 950px; margin-left: auto; margin-right: auto; }

table#homeBodySet { margin: 0; padding: 10px; width: 800px;}
table#homeBodySet td { vertical-align: top; }
table#homeBodySet td.leftSet { margin: 5px; padding: 10px; width: 400px; vertical-align: top; }
table#homeBodySet td.rightSet { margin: 5px; padding: 10px; width: 400px; border-left: 2px dotted #c7e5fd; vertical-align: top;}
table#homeBodySet h1.bodyTitle { margin: 0; padding: 0; padding-bottom: 20px; font: bold 18pt Trebuchet MS; color: #49545e; } 

table#bodyFooter { margin: 0; padding: 0px; width: 900px;}
table#bodyFooter td { padding: 10px; vertical-align: top; width: 266px; }

#main { padding: 0px; background-color: #fff;}

/* #f4f2e5 */

#fullBlue { background-image: url("/images/blue-fade-back.png"); background-repeat:repeat; }

#mainFull {
	width: 820px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

#mainHomeRt {
	width: 350px;
	padding: 5px;
	float: left;
	margin-right: 5px;
	border-left: 1px solid #eee;
	overflow: hidden;
}

#mainHomeLt {
	width: 390px;
	padding: 5px;
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

#mainLeft {
	width: 450px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	border-right: 1px solid #eee;
	overflow: hidden;
}

#mainRight {
	width: 450px;
	padding: 5px;
	font: normal 9pt arial;
	float: left;
	background-color: #fff;
	overflow: hidden;
}

#mainLeftLG {
	width: 600px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	border-right: 1px solid #eee;
	overflow: hidden;
}

#mainRightSM {
	width: 150px;
	padding: 5px;
	font: normal 9pt arial;
	float: left;
	background-color: #fff;
	overflow: hidden;
}

#mainRight a {
	font: bold 9pt arial;
	color: #21286b;
}

/* extend Main Col to 600px */
#mainExtLeft {
	width: 610px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	border-right: 1px solid #eee;
	overflow: hidden;
}

#mainExtRight {
	width: 200px;
	padding: 5px;
	background-color: #fff;
	float: left;
	overflow: hidden;
}

h1 { padding: 5px;  font: bold 18pt Arial; }

#listing {
	padding: 10px;
	height: 130px;
	border-bottom: 1px dotted #ccc;
}
#listing strong a { font: bold 14pt Arial; color: #db8100; }

#listingMap {
	margin-right: 10px;
	float:left;
	border: 2px solid #ccc;
}

#settings { padding: 0px; margin-bottom: 20px; width: 500px; background: #f5f5f5; border: 1px dotted #ccc; }
#settings td { padding: 7px; }
#settings td.sm { width: 20px; }
#settings td.rt { width: 75px; font-weight:bold; text-align: right; vertical-align: top; }


#homePageMon { background: #fff url(/images/cal-back-mon.png) no-repeat; }
#homePageTue { background: #fff url(/images/cal-back-tue.png) no-repeat; }
#homePageWed { background: #fff url(/images/cal-back-wed.png) no-repeat; }
#homePageThu { background: #fff url(/images/cal-back-thu.png) no-repeat; }
#homePageFri { background: #fff url(/images/cal-back-fri.png) no-repeat; }
#homePageSat { background: #fff url(/images/cal-back-sat.png) no-repeat; }
#homePageSun { background: #fff url(/images/cal-back-sun.png) no-repeat; }

#homeLogin { padding: 5px; width: 325px;	height: 100px; background: #f5f5f5;	border: 1px dashed #ccc; }

#headerLogin { padding: 5px; width: 275px; color: #fff;}
#headerLogin td.right { font-weight: bold; text-align: right; color: #fff;}
#headerLogin input { font: bold 9pt Arial; }

#mainBodyText { padding: 5px; width: 800px;}
#mainBodyText td.left { width: 400px;}
#mainBodyText td.right { padding: 0px; padding-left: 20px; height: 132px; background: #fff url(/images/7L-front-search.gif) no-repeat; width: 400px;}

#homeLunchBox { margin: 5px; padding: 10px; background: #c7e5fd; }

h2.homeLunch { margin: 0; padding: 0; font: bold 20pt Arial; color: #db8100; }

h3.homeLunch { margin: 0; padding: 0; font: bold 13pt Arial;}

#dottedBox { margin: 5px; padding: 10px; background: #f5f5f5; border: 1px dotted #ddd; }

#specialBox { margin: 10px; padding: 15px; width: 380px; border: 1px dashed #ddd; background: #f5f5f5; font: bold 11pt Arial;  }

#lunchAlerts { }
#lunchAlerts th { padding: 10px; background: #ddd; border-bottom: 1px dotted #ddd; font: bold 9pt Arial; }
#lunchAlerts td { padding: 10px; background: #f5f5f5; border-bottom: 1px dotted #ddd; font: normal 9pt Arial; }

#lunchAlertsNew { width: 580px; }
#lunchAlertsNew th { padding: 5px; background: #ddd; border-bottom: 1px dotted #ddd; font: bold 9pt Arial; }
#lunchAlertsNew th.lunch { padding: 5px; background: #ddd; border-bottom: 1px dotted #ddd; font: bold 9pt Arial; }
#lunchAlertsNew th.dinner { padding: 5px; background: #ccc; border-bottom: 1px dotted #ddd; font: bold 9pt Arial; }
#lunchAlertsNew td { padding: 5px; background: #f5f5f5; border-bottom: 1px dotted #ddd; font: normal 9pt Arial; }
#lunchAlertsNew td.lunch { padding: 5px; background: #ddd; border-bottom: 1px dotted #ddd; font: normal 9pt Arial; }
#lunchAlertsNew td.dinner { padding: 5px; background: #ccc; border-bottom: 1px dotted #ddd; font: normal 9pt Arial; }

#restListings { width: 500px; }
#restListings td { padding: 10px; width: 490px; border-bottom: 1px dotted #21286b; font: normal 10pt Arial; }
#restListings td span.restName { font: bold 14pt Arial; color: #db8100; }
#restListings td span.restNumber { font: bold 13pt Arial; color: #000; }

span.bigName { font: bold 18pt Arial; color: #db8100; }
span.bigNumber { font: bold 18pt Arial; color: #000; }

#mySpecials { width: 300px; }
#mySpecials td { padding: 10px; border-bottom: 1px dotted #ddd; font: normal 10pt Arial; }
#mySpecials span.day { font: bold 12pt Arial; color: #db8100; }

#homeSpecials { margin: 0; width: 300px; background: #f5f5f5; }
#homeSpecials td { margin: 0; padding: 10px; border: 1px dotted #ddd; font: normal 10pt Arial; }
#homeSpecials span.day { font: bold 12pt Arial; color: #db8100; }

#restaurantLogin { width: 320px;}
#restaurantLogin td { padding: 4px; font: normal 9pt Arial; }
#restaurantLogin td.right { padding: 4px; font: bold 9pt Arial; text-align: right; color: #21286b;}
#restaurantLogin td.heading { padding: 4px; font: bold 9pt Arial; color: #21286b;}

.headerInput{ font: normal 9pt Verdana, Arial, Helvetica, sans-serif;  padding: 3px; }
.headerSubmit{ padding: 2px; font: normal 9pt Verdana, Arial, Helvetica, sans-serif; border: 1px dotted #990000; }


#grayBox { padding: 5px; border: 1px solid #999; background: #ddd url(/images/grayBoxTop.gif) repeat-x; }

#memberRating { border: 1px dotted #eee; background: #f5f5f5; }
#memberRating td { padding: 3px; border-bottom: 1px dotted #eee; font: normal 9pt Arial; }
#memberRating td.header { padding: 3px; border-bottom: 1px dotted #eee; font: bold 10pt Arial; background: #eee; }
#memberRating td.title { border-bottom: 1px dotted #eee; font: bold 9pt Arial; text-align: right; }
#memberRating td.good { color: green; }
#memberRating td.bad { color: red; }

#myMessages { width: 580px;}
#myMessages td {margin: 0; padding: 5px; border-bottom: 1px solid #ddd; font: normal 9pt Arial, Trebuchet MS, Arial;}
#myMessages td.read {margin: 0; padding: 5px; border-bottom: 1px solid #ddd; font: normal 9pt Arial, Trebuchet MS, Arial; color: #999;}
#myMessages td.unread {margin: 0; padding: 5px; background-color: #e9fde4;  border-bottom: 1px solid #ddd; font: normal 9pt Arial, Trebuchet MS, Arial;}

#composeMessage { margin: 0; padding: 0; width: 580px; border: 1px solid #999; background: #ddd url(/images/mail_back.gif) repeat-x; }
#composeMessage td {margin: 0; padding: 5px; font: normal 9pt Arial, Trebuchet MS, Arial; vertical-align: top;}

#readMessages { margin: 0; padding: 0; width: 580px; border: 1px solid #999; background: #ddd url(/images/mail_back.gif) repeat-x; }
#readMessages td {margin: 0; padding: 5px; font: normal 9pt Arial, Trebuchet MS, Arial;}
#readMessages td.bold {margin: 0; padding: 5px; font: bold 9pt Arial, Trebuchet MS, Arial;}
#readMessages td.title {margin: 0; padding:5px;  font: bold 9pt Arial, Trebuchet MS, Arial; text-align: right; vertical-align: top;}
#readMessages td.drktitle {margin: 0; padding:5px; font: bold 9pt Arial, Trebuchet MS, Arial; text-align: right; color: #999;}
#readMessages td.drk {margin: 0; padding:5px; font: normal 9pt Arial, Trebuchet MS, Arial; color: #999;}

#myLinks {margin: 0; padding: 5px; background: #cd7900; border-bottom: 2px solid #ddd; }
#myLinks li { display: inline; list-style-type: none;  padding-left: 10px; }
#myLinks li a { font: normal 9pt Arial, Trebuchet MS, Arial; color: #fff; text-decoration: none; }
#myLinks li a:hover { color: #eee; text-decoration: underline; }

table#header {}
table#header td { font: normal 9pt Arial;}
table#header td.logo { width: 240px; }
table#header td.savings { width: 300px; text-align: center; font: normal 8pt Arial; color: #21286b; }
table#header td.savings a {  text-align: center; font: normal 8pt Arial; color: #ddd; }
table#header span.money { font: bold 18pt Arial; color: #cd7900; }

table#searchedMembers {}
table#searchedMembers td { margin: 0; padding: 10px; width: 120px; font: normal 9pt Arial; vertical-align: bottom; text-align: center; border-bottom: 1px dashed #eee; }

table#searchBox {}
table#searchBox td { padding: 4px; font: normal 9pt Arial;}
table#searchBox td.right { padding: 4px; font: bold 9pt Arial; text-align: right;}

table#searchedGroups { width: 500px;}
table#searchedGroups td { padding: 4px; font: normal 9pt Arial; border-bottom: 1px solid #eee;}
table#searchedGroups td.image { width: 130px; padding: 4px; font: normal 9pt Arial; border-bottom: 1px solid #eee;}

table#groups {}
table#groups td { padding: 4px; font: normal 8pt Arial; border-bottom: 1px solid #eee;}

#frontSteps { height: 245px; width: 505px; background-image: url("images/front-steps.gif"); background-repeat:no-repeat; clear:both; }
#frontStepsText { padding-top: 100px; padding-left: 10px; padding-right: 10px; overflow: hidden;  font: normal 10pt arial; line-height: 18px; color: #fff;}
#stepListBox { padding: 6px;}
#stepList { margin: 0; padding: 0; }
#stepList li { list-style-type: none;}

#invites { margin: 0; padding: 0px; }
#invites li { padding-top: 4px; padding-bottom: 4px; font: normal 8pt Arial; list-style-type: none; border-bottom: 1px solid #eee;}
#invites li.current { color: #cd7900; }

table#small-form { margin: 3px; background: #f5f5f5; }
table#small-form td { font: normal 8pt arial; padding: 5px; }
table#small-form td.left { padding: 5px; font: bold 10pt arial; text-align: right; vertical-align: top; border-right: 1px dotted #ccc; }
table#small-form td.center { padding: 5px; font: normal 12pt arial; text-align: center; }

table#signup-form { margin: 3px; width: 600px; }
table#signup-form td { font: normal 8pt arial; padding: 5px; }
table#signup-form td.left { padding: 5px; font: normal 14pt arial; text-align: right; vertical-align: top; }
table#signup-form td.center { padding: 5px; font: normal 14pt arial; text-align: center; }

#boxTop {  margin: 0; width: 450px; background-image: url("/images/box-back-top.gif"); background-repeat:no-repeat; }
#boxBody { margin-left: 10px; padding: 5px; font: normal 9pt arial, verdana;}
#boxBody small { font: normal 7pt arial, verdana; color: #555; }
#boxBottom { width: 450px; height: 15px; background-image: url("/images/box-back-bottom.gif"); background-repeat:no-repeat; clear:both; }

h2 { margin: 0px; padding: 5px; font: bold 14pt arial, verdana; color: #21286b;}

h2.boxTitle { margin: 0px; padding-bottom: 5px; font: bold 18pt arial, verdana; color: #21286b;}

h3 { margin: 0; margin-top: 5px; font: bold 13pt arial, verdana; color: #cd7900;}

.forms{ font: normal 13pt Verdana, Arial, Helvetica, sans-serif;  padding: 2px; }

.errorMsg { font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: red; line-height: 14pt;}

.movieYear { color: #21286b; } 

.year { font: normal 8pt Arial, Helvetica, sans-serif; color: #767676;}

.blue { color: #21286b; }

.green { color: #cd7900; }

#coverListTop {  margin: 0; width: 600px; background-image: url("images/blue-fade-top.png"); background-repeat:no-repeat; }
#coverListBottom { width: 600px; height: 20px; background-image: url("images/blue-fade-bottom.png"); background-repeat:no-repeat; clear:both; }

#coverListingsFront { margin-left: 8px; margin-top: 0px; width: 500px; padding: 5px; }
#coverListingsFront td { width: 125px; padding: 2px; font: normal 9pt Arial, Verdana; vertical-align: top; text-align: center;}


h3.genreHeader { margin: 0; margin-top: 5px; margin-left: 19px; padding: 3px; font: bold 14pt arial, verdana;  background: #21286b; color: #fff;}

#borrowTop {  margin: 0; padding-left: 0; width: 600px; background-image: url("/images/green-fade-top.png"); background-repeat:no-repeat; }
#borrowContent { padding: 0px; padding-top: 10px; padding-left: 7px; }
#borrowContent td { vertical-align: top; font: normal 9pt Arial; color: #fff; }
#borrowBottom { width: 600px; height: 30px; background-image: url("/images/green-fade-bottom.png"); background-repeat:no-repeat; clear:both; }

#footerBox { padding: 10px; font: normal 8pt Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; color: #333; border-top: 1px solid #41bee7;  background-image: url("/images/footer-fade.png"); background-repeat:repeat-x;}
#footerBox a { font: bold 8pt Arial; color: #cd7900;}

/* styles for the star rater */
.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background-color: #fff;
background: url(/images/star_rating.gif) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{ background: url(/images/star_rating.gif) left bottom; z-index: 1; left: 0px; }
.star-rating a.one-star{ left: 0px; }
.star-rating a.one-star:hover{ width:20px; }
.star-rating a.two-stars{ left:20px; }
.star-rating a.two-stars:hover{ width: 40px; }
.star-rating a.three-stars:hover{ width: 60px; }
.star-rating a.three-stars{ left: 40px; }
.star-rating a.four-stars{ left: 60px; }
.star-rating a.four-stars:hover{ width: 80px; }
.star-rating a.five-stars{ left: 80px; }
.star-rating a.five-stars:hover{ width: 100px; }

.current-rating li { background: url(/images/star_rating.gif) left bottom; z-index: 1; left: 0px; }
.current-rating .one-star{ width:20px; }
.current-rating .two-stars{ width: 40px; }
.current-rating .three-stars{ width: 60px; }
.current-rating .four-stars{ width: 80px; }
.current-rating .five-stars{ width: 100px; }

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}


#statelistcontainer { width: 300px; }

#statelistcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#statelistcontainer a
{
display: block;
padding: 10px;
width: 300px;
background-color: #fff;
border-bottom: 1px dotted #ccc;
}

#statelistcontainer a:link, #statelist a:visited
{
color: #000;
text-decoration: none;
}

#statelistcontainer a:hover
{
background-color: #eee;
color: #000;
}