</********************************************************************************/
/* 
  Colors


  55f =~ 5353fe = logo background 
  339 =~ 303090 = dark blue in dish
  ddf =         = tag background

  393 = veg logo background
  363 = veg dish foreground
  dfd = veg tag background

  ddf =~ d0d0ff = blue in star ratings.
  f55 =~ f35353 = red
  ff6 =~ fff363 = bright yellow
  fe2 =~ fe2 = regular yellow
  ffa =~ ffffaa = pale yellow

*/

/********************************************************************************/

body {
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
  margin:      0px;
}

td, tr, table {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

a {
        color:#55f;
	text-decoration:none;
}
.vegetarian a {
        color:#393;
}

a:hover {
	text-decoration:underline;
}

/********************************************************************************/
#header,
#footer{
	width: 960px;
	margin: auto;
	background-color:#55f;
	clear:both;
}

.vegetarian #header,.vegetarian #footer{
	background-color:#393;
}


#topads{
	width: 944px;
	margin: 0px auto 10px;
	background-color:#fff;
	clear:both;
	border: 1px solid #55f;
	text-align: center;
}

.top_blue_border {
	border-top: 1px solid #55f;
}

.bottom_grey_border {
	border-bottom: 1px solid #ddf;
}
.top_grey_border {
	border-top: 1px solid #ddf;
}

.wideads{
	width: 99%;
	margin: 0px auto 10px;
	background-color:#fff;
	clear:both;
	text-align: center;
}
.vegetarian #topads {
    border: 1px solid #393;
}
.vegetarian .wideads {
    border-top: 1px solid #393;
}


#navbar{
	width: 950px;
	margin: 0px auto 10px;
	background-color:#339;
	clear:both;
}
.vegetarian #navbar {
	background-color:#363;
}

#header td {
	vertical-align: middle;
	color: #fe2;
}

.beta-notice{
        color:#fe2;
	font-weight:bold;
}

.headertxt, .headertxt a:visited,
.footertxt, .footertxt a:visited,
.navbartxt, .navbartxt a {
        color:#fe2;
	font-weight:bold;
	text-decoration:none;
}

.headertxt a:link,
.footertxt a:link {
        color:#fff363;
	font-weight:bold;
	text-decoration:none;
}

.headertxt a:hover,
.footertxt a:hover,
.navbartxt a:hover {
        color:#fff363;
	font-weight:bold;
	background-color:#339;
	text-decoration:underline;
}

.vegetarian .headertxt a:hover,
.vegetarian .footertxt a:hover,
.vegetarian .navbartxt a:hover {
	background-color:#393;
}

ul#nav-bar{
          list-style: none;
          padding: 0px;
          margin: 5px 20px 5px 20px;
          display:block;
          height: auto;
          border-collapse: collapse;
}

ul#footer-nav li, 
ul#nav-bar li {
	list-style-type:none;
	display: inline;
	margin-right:20px;
}

#footer-nav-div {
	padding-top: 10px;
	padding-bottom: 10px;
}

/********************************************************************************/
#container{
	width: 960px;
	background-color:#fff;
	margin: 0px auto 10px;
}

#location-container{
	margin-left: 5px;
	margin-right: 5px;
}

#column-container{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #55f;
}
.vegetarian #column-container {
	border: 1px solid #393;
}


#column-left{
	display: inline;
	float: left;
	width: 620px;
	margin: 0px 0px 0px 5px;
}

#column-right{
	display: inline;
	float: right;
	width: 310px;
	margin: 0px 5px 0px 0px;
}

#column-end {
	display: block;
	clear: both;
}

/* similar to #top-message */
.user-call-to-action {
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	color: #303090;
	background-color: #ffa;
	float: none;
}

#top-message-wrapper{
	margin: 0px 5px 10px;
}

#top-message{
	padding: 5px;
	border: 0px;
	text-align: center;
	color: #303090;
	background-color: #ffa;
	float: none;
}

#top-message a {
	font-weight:bold;
	text-decoration:none;
}

#top-message a:hover {
	text-decoration:underline;
}

#tops{
	margin-bottom: 5px;
	float:left;
	width:100%;
}

.column-section {
	border-top: 1px solid #ddf;
}

#dish-container, #restaurant-container{
	border-bottom: 1px solid #ddf;
}

#dish-container table{
	padding:0px;
}

#tops-3{
	margin-left: -5px;
	float:left;
	width:948px;
}

#top-dish, #top-restaurant, #top-user, #recent-searches {
	margin-bottom: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddf;
}

#top-location{
	margin-left: 5px;
}

#top-restaurant table, #top-user table, #top-location table{
	width: 100%;
	padding: 2px;
}

#bests{
	margin-left: -5px;
	float:left;
	width:948px;
}

.best-dish{
	width: 465px;
        margin-left: 6px;
	margin-bottom: 5px;
	float:left;
}

#tag-container{
    float:right;
    width:40%;
}

#tagcloud-container{
    margin-left: 5px;
}

#tagcloud-cloud{
    padding: 5px;
}

#reviews-container, #dishes-container{
    border-top: 1px solid #ddddff;
    clear:both;
}

#list-add-link{
    float: right;
}

/********************************************************************************/


/********************************************************************************/
td {
        vertical-align: top;
}

h2 {
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	color:#000;
	font-size: 13pt;
}

h3{
	margin:0;
	padding:5px;
	background-color:#303090;
	color:#fe2;
}
.menu{
	list-style-type:none;
	border:1px solid #444;
	margin:5px;
	padding:5px;
}
.article{
	border:2px solid #444;
	margin:5px;
	padding-top:0;
	overflow:hidden;
	padding-left:102px;
}
* html .article{
	height:1%; /* So IE plays nice */
}
.article p{
	margin:0;
}
.article h3{
	background-color:#c93;
	margin:0 -5px 0 -102px;
	padding:5px;
	border-bottom:2px solid #444;
}
.articleContainer{
	width:100%;
	border-left:102px solid #699;
	margin-left:-102px;
	background-color:#fefefe;
	display:inline;
	float:left;
}
.articleContent{
	width:100%;
	float:right;
	border-left:2px solid #444;
	margin-left:-2px;
	position:relative;
}
.articleContent p{
	padding:5px;
}
.articleRail{
	float:left;
	width:100px;
	margin-left:-102px;
	border-right:2px solid #444;
	position:relative;
}

#footer u {
       font-weight: bold;
}

.auto_complete {
	z-index: 99;
}

.homepagebox{
	border:2px solid #000;
	width:300px;
	float:left;
}

.logbtn{
	color:#303090;
	font-weight: bold;
	background-color:#fe2;
	border-color:#303090;
}

#title-tab {
	font-size: 12pt;
	font-weight: bold;
	clear:both;
	width: 11em;
	padding: 2px 2px 0px 2px;
	text-align: center;
	text-decoration: none;
	color: #ff6;
}
#nav-tabs-div{
	float: left;
	width: 100%;
}
#tabs{
        list-style: none;
        margin: 0px;
        padding: 0px;
}
#tabs li{
        list-style: none;
        margin: 0px;
        padding: 0px;
	float: left;
	margin-right: 5px;
	text-align: center;
}
#tabs a {
	text-align: center;
	float: left;
	width: 11em;
	padding: 2px;
	background-color: #303090;
	text-decoration: none;
	color: #ff6;
	font-size: 12pt;
	font-weight: bold;
}
#tabs li.tabselected a {
    background-color: #5353fe;
    color: #ff6;
}
#tabbox {
    clear: both;
}
.hiddenforedit {
    display: none;
}


#page_main {
	margin-bottom: 5px;
	float:left;
	width:100%;
}
.page_title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 18pt;
    float: left;
}
.page_info {
    width:640px;
    float:left;
}
.page_wiki {
}

.ratingstars {
}

.editible_review {
    clear:both;
    background-color:#ffa;
}

.editible-color {
    background-color:#ffa;
}

.comment-list {
    margin-left: -15px;
    margin-right: 5px;
}

.comment {
    margin-top: 5px;
    margin-left: 20px;
}

.comment-user {
    background: #ddf;
}

.comment-body {
    margin-left: 20px;
}

/********************************************************************************/
/*
** Class based list styles similar to dish_list.
*/

.list .row {
       BORDER-bottom: #ddf   1px solid;
       width: 45%;
       float: left;
       padding: 5px;
}
.list .row .hdr {
        font-weight: bold;
}
.list .row .rate {
        float: left;
        width: 105px;
        min-height:50px;
        padding-left: 5px;
        padding-right: 5px;
}
.list .row .body {
	display: inline;
}
.list .row .listtags {
        width: 30%;
        float: right;
}
.list .row .vote {
        position:relative;
        width: 5%;
        float: right;
        font-family: courier;
}

.list .row    .vote       span.detail{display: none}
.list .row div.vote:hover span.detail{
    display:block;
    position:absolute;
    top:0em; left:25px;
    padding-left: 10px;
    width: 100px;
    padding-right: 10px;
    border:1px solid #000;
    background-color:#ffa;
}

div.br {
	clear: both;
}


/********************************************************************************/
/* http://psacake.com/web/jl.asp */
/*
div.stars{
    z-index:24;
}

div.stars:hover{z-index:25;}


div.stars span{display: none; position:absolute;}

div.stars{
    z-index:24;
}

div.stars:hover span{
    display:block;
    white-space: nowrap;
    position:absolute;
    top:0em; left:150px;
    padding-left: 10px;
    padding-right: 10px;
    border:1px solid #000;
    background-color:#ffa;
    text-align: center
}
*/

/********************************************************************************/

/*
** Lightter weight server-side rounded corners
**  http://www.allcrunchy.com/Web_Stuff/Rounded_Corners/  
** Unique CSS for tags
** curve height 5
** border width 1
*/
/* curve height, background image */
.tags .t, .tags .b, .tags .b b, .tags .t b{
 height:5px;
 background-image:url(/images/ffffffddddff5555ff151600.png);
}

.vegetarian .tags .t, 
.vegetarian .tags .b, 
.vegetarian .tags .b b, 
.vegetarian .tags .t b{
 background-image:url(/images/ffffffddffdd339933151600.png);
}

/* inner color, border color, border width */
.tags .c{
 background:#ddf;
 border-color:#55f;
 border-left-width:1px;
 border-right-width:1px;
}
.vegetarian .tags .c{
 background:#dfd;
 border-color:#393;
}

/*
** Shared CSS  
*/
/* surrounding margins (optional) */
.round{
 margin-bottom:5px;
}
.round .c{
 /* inner content padding */
 padding:0 10px 0 10px;
 border-top:0;
 border-bottom:0;
 border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
 display:block;
 overflow:hidden;
}
.round .t b, .round .b b{
 float:right;
 width:50%;
}
.round .t .r{
 background-position:top right;
}
.round .b .r{
 background-position:bottom right;
}
.round .b{
 background-position:bottom left;
}
.round .br{
 clear:both;
 display:block;
 overflow:hidden;
 height:0px;
}
/****/

.tags a {line-height:100%; color:#339; text-decoration: none;}
.tags a:visited{color:#339;}
.tags a:hover{color:#fff363;background-color:#55f;}

.vegetarian .tags a {line-height:100%; color:#363; text-decoration: none;}
.vegetarian .tags a:visited{color:#363;}
.vegetarian .tags a:hover{color:#fff363;background-color:#393;}


/************************************************************************/
/*Server side variation of
  Nifty Corners Cube CSS by Alessandro Fulciniti
 */
.ssnifty_container { padding-top: 0pt; padding-bottom: 0pt;}
.ssnifty_content { border-collapse: collapse; }
b.ssnifty,b.niftyfill{display:block}
b.ssnifty *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
b.ssnifty_top {
    background: transparent none repeat scroll 0%;
    margin-left: 0px;
    margin-right: 0px;
    -moz-background-clip:
    -moz-initial;
    -moz-background-origin:
    -moz-initial; 
    -moz-background-inline-policy:
    -moz-initial;
    margin-bottom: -4px;
}
b.ssnifty_bot {
    background: transparent none repeat scroll 0%;
    margin-left: 0px;
    margin-right: 0px;
    -moz-background-clip:
    -moz-initial;
    -moz-background-origin:
    -moz-initial;
    -moz-background-inline-policy:
    -moz-initial;
     margin-top: -5px;
}
.ssnifty b   {border-color: #fff;}
.ssnifty b.t1{border-width: 0 5px}
.ssnifty b.t2{border-width: 0 3px}
.ssnifty b.t3{border-width: 0 2px}
.ssnifty b.t4{height: 2px}


*******************************************************************************/
/*
**  The verbosity of "style='font-size: 15px'" was a big part of the size
**  of many of our pages.  This lets us do "class='f15'" which is enought
**  smaller to make a difference.
*/
.f1 {font-size: 1pt}
.f2 {font-size: 2pt}
.f3 {font-size: 3pt}
.f4 {font-size: 4pt}
.f5 {font-size: 5pt}
.f6 {font-size: 6pt}
.f7 {font-size: 7pt}
.f8 {font-size: 8pt}
.f9 {font-size: 9pt}
.f10 {font-size: 10pt}
.f11 {font-size: 11pt}
.f12 {font-size: 12pt}
.f13 {font-size: 13pt}
.f14 {font-size: 14pt}
.f15 {font-size: 15pt}
.f16 {font-size: 16pt}
.f17 {font-size: 17pt}
.f18 {font-size: 18pt}
.f19 {font-size: 19pt}
.f20 {font-size: 20pt}
.f21 {font-size: 21pt}
.f22 {font-size: 22pt}
.f23 {font-size: 23pt}
.f24 {font-size: 24pt}
.f25 {font-size: 25pt}
.f26 {font-size: 26pt}
.f27 {font-size: 27pt}
.f28 {font-size: 28pt}
.f29 {font-size: 29pt}
.f30 {font-size: 30pt}
.f31 {font-size: 31pt}
.f32 {font-size: 32pt}
.f33 {font-size: 33pt}
.f34 {font-size: 34pt}
.f35 {font-size: 35pt}
.f36 {font-size: 36pt}
.f37 {font-size: 37pt}
.f38 {font-size: 38pt}
.f39 {font-size: 39pt}
.f40 {font-size: 40pt}
.f41 {font-size: 41pt}
.f42 {font-size: 42pt}
.f43 {font-size: 43pt}
.f44 {font-size: 44pt}
.f45 {font-size: 45pt}
.f46 {font-size: 46pt}
.f47 {font-size: 47pt}
.f48 {font-size: 48pt}
.f49 {font-size: 49pt}
.f50 {font-size: 50pt}

#popup .handle{
    min-height: 20px;
    padding: 3px;
    text-align: center;
}
#popup .handle .close{
    text-align: right;
    float: right;
}
#popup #popupcontent {
    padding: 3px;
}
#popup{
	z-index: 99; 
        position: absolute;
        left: 5px;
        top: 1px;
        width: 300px;
        # height: 400px;
        border:  #000  2px solid;
        background:    #ffd; 
        color: #000;
        overflow: auto;
}


/*
 COPY & PASTED FROM ../star_rating/star_rating_small.css
 on advice of the google pagespeed firefox plugin
*/

/*
 convert -scale 20x60 rating.png rating_sm.png
 convert -scale 20x60 price.png price_sm.png
 convert -scale 20x60 quantity.png quantity_sm.png

 convert -scale 20x60 rating_noedit.png rating_noedit_s.png
 convert -scale 20x60 price_noedit.png price_noedit_s.png
 convert -scale 20x60 quantity_noedit.png quantity_noedit_s.png

*/
	.star{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 100px;
		height: 20px;
		position: relative;
		overflow:hidden;
		background: url(/star_rating/price.png) top left repeat-x;		
	}
	.star li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star li a{
		display:block;
		width:20px;
		height:20px;
		line-height:20px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star li a:hover{
		background: url(/star_rating/price.png) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star a.s1{		left:  0px;	}
	.star a.s1:hover{	width:20px;	}
	.star a.s2{		left: 20px;	}
	.star a.s2:hover{	width:40px;	}
	.star a.s3{		left: 40px;	}
	.star a.s3:hover{	width:60px;	}
	.star a.s4{		left: 60px;	}
	.star a.s4:hover{	width:80px;	}
	.star a.s5{		left: 80px;	}
	.star a.s5:hover{	width:100px;	}
	.star a.s6{		left: 100px;	}
	.star a.s6:hover{	width:120px;	}
	.star a.s7{		left: 120px;	}
	.star a.s7:hover{	width:140px;	}
	.star a.s8{		left: 140px;	}
	.star a.s8:hover{	width:160px;	}
	.star a.s9{		left: 160px;	}
	.star a.s9:hover{	width:180px;	}
	.star a.s10{		left: 180px;	}
	.star a.s10:hover{	width:200px;	}


	.star li.current-rating{
		background: url(/star_rating/price.png) left center;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -4500px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}

/* seems all the style sheets could be combined with this trick */


.price-readonly{background: url(/star_rating/price_noedit_s.png) top left repeat-x;}
.price-readonly li a:hover{background: url(/star_rating/price_noedit_s.png) left bottom;	}
.price-readonly li.current-rating{background: url(/star_rating/price_noedit_s.png) left center;	}

.price{background: url(/star_rating/price_sm.png) top left repeat-x;}
.price li a:hover{background: url(/star_rating/price_sm.png) left bottom;	}
.price li.current-rating{background: url(/star_rating/price_sm.png) left center;	}


.quantity-readonly{background: url(/star_rating/quantity_noedit_s.png) top left repeat-x;}
.quantity-readonly li a:hover{background: url(/star_rating/quantity_noedit_s.png) left bottom;	}
.quantity-readonly li.current-rating{background: url(/star_rating/quantity_noedit_s.png) left center;	}

.quantity{background: url(/star_rating/quantity_sm.png) top left repeat-x;}
.quantity li a:hover{background: url(/star_rating/quantity_sm.png) left bottom;	}
.quantity li.current-rating{background: url(/star_rating/quantity_sm.png) left center;	}


.rating-readonly{background: url(/star_rating/rating_noedit_s.png) top left repeat-x;}
.rating-readonly li a:hover{background: url(/star_rating/rating_noedit_s.png) left bottom;	}
.rating-readonly li.current-rating{background: url(/star_rating/rating_noedit_s.png) left center;	}

.rating{background: url(/star_rating/rating_sm.png) top left repeat-x;}
.rating li a:hover{background: url(/star_rating/rating_sm.png) left bottom;	}
.rating li.current-rating{background: url(/star_rating/rating_sm.png) left center;	}