

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

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

/* MAIN TYPOGRAPHY */

html { font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'], input[type='password'] { cursor: text; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

.content { font-size: 1.2em; line-height: 1.6em; }
.content h1 { font-size: 1.6em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.4em; }
.content h4 { font-size: 1.3em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }

/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

/*.content ul li { text-indent: -.85em; margin-left: .85em; }
.content ul li:before { content: "\2022\00a0\00a0"; }*/
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }

/* TABLES */

.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.content blockquote *:first-child { margin: .8em 0; }
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td { padding: .8em; }
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 1.5em; }
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content form div { margin-bottom: .8em; }

/* COLORS */

.content a:link { text-decoration: underline; color: #36c; }
.content a:visited { text-decoration: underline; color: #99c; }
.content a:hover { text-decoration: underline; color: #c33; }
.content a:active, .content a:focus { text-decoration: underline; color: #000; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2 December 2008 @ 17:15 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
	padding: 0;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	background: #000 url('/img/bg_hdr.jpg') top left repeat-x;
}
html, input[type="text"], #browseBy h4 { 
   font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif; 
}
body {
   margin: 0; 
   padding: 0;
   min-height: 442px;
   color: #FFF;
   background-color: transparent;
}
body#home { background: transparent url('/img/bg_ellipses.png') top center no-repeat; }
   .content a:link, a:link {
		color: #AC0000;
		text-decoration: underline;
	}
   	.content a:hover, a:hover { text-decoration: none; }
   	.content a:visited, a:visited { color: #655C55; }
   	.content a img, a img { border: 0; }
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #FFF;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		line-height: 1.25em;
		font-weight: normal;
	}
	#home h2, #home h3, #home h4, #home h5, #home h6 { font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif; }
		h2 { font-size: 1.8em; }
		h3 { font-size: 1.5em; }
		h4 { font-size: 1.3em; }
		h5 { font-size: 1.1em; }
		h6 { font-size: 0.9em; }

* html body#home,
* html #header #banner a, 
* html #header #banner a:visited { 
   behavior: url("/globals/iepngfix_v1/iepngfix.php");
}

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #CCC no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

button {
   cursor: pointer;
   cursor: hand;
}

pre { color: #FFF; }

div.inner {
	position: relative;
	width: 979px;
	margin: 0 auto;
}

#betaLogo {
   width: 45px;
   height: 45px;
   position: absolute;
   top: 18px;
   left: 165px;
   text-indent: -10000px;
   overflow: hidden;
}
   div.inner > #betaLogo { background: transparent url('/img/logo_beta.png') top left no-repeat; }

/** Header
-------------------------- **/
/** @group header */
#header {
   width: inherit;
   height: 110px;
   overflow: hidden;
}
#header #banner {
	width: inherit;
	height: 100px;
}
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("/img/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 352px;
	height: 53px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 43px;
	left: 0;
}
/** @group userAccess */
#userAccess {
   position: absolute;
   top: 0;
   right: -2px;
   font-size: 1.1em;
   padding: 4px;
   padding-right: 0;
}

#userAccess a, 
#userAccess a:visited,
#front_top_menu a,
#front_top_menu a:visited { color: #FFF; text-decoration: underline; }
   #userAccess a:hover, #front_top_menu a:hover { text-decoration: none; }

#userAccess button,
#userAccess img {
   border: 0;
   background-color: transparent;
   padding: 0;
   margin: 0;
   vertical-align: middle;
}
   #userAccess img { margin-left: 4px; }
/* @end userAccess **/
/** @group front_top_menu */
#front_top_menu {
   position: absolute;
   top: 4px;
   right: 300px;
   font-size: 1.1em;
   font-weight: bold;
   padding: 4px;
   padding-right: 0;
   z-index: 6;
}
   #front_top_menu ul li { display: inline; }
      #front_top_menu ul li a,
      #front_top_menu ul li a:visited {
         padding: 2px 5px;
         padding-bottom: 3px;
         display: block;
         float: left;
         background-color: transparent;
         text-decoration: none;
         margin-right: 3px;
/*         border: 1px solid #638E17;*/
      }
         #front_top_menu ul li a:hover {
/*            background-color: #FFF;*/
/*            color: #638E17;*/
            text-decoration: underline;
         }
/* @end front_top_menu **/

/** @group search */
#search_loading_div {
   position: absolute;
   top: 65px;
   right: 305px;
}
#search {
   position: absolute;
   top: 40px;
   right: 0;
   width: 296px;
   height: 54px;
}
   #search label {
      color: #AC0000;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 1.6em;
      margin-bottom: 5px;
      display: block;
   }
   #search input.textbox {
      background: #FFF url('/img/bg_search.gif') top left no-repeat;
      border: 1px solid #AC0000;
      font-size: 1.4em;
      padding: 6px 12px;
      padding-left: 30px;
      width: 252px;
   }
   #search #adv_search {
      position: absolute;
      top: 0;
      right: 0;
      color: #FFF;
      font-size: 1.1em;
   }
      #search #adv_search a { 
         color: #FFF;
         text-decoration: none;
      }
         #search #adv_search a:hover { text-decoration: underline; }
         
   #suggest {
      background-color: #000;
      border: 1px solid #AC0000;
      z-index: 100;
      color: #000;
      position: absolute;
      top: -58px;
      *top: 0;/* IE7 */
      right: -2px;
      font-size: 1.2em;
   }
      #default #suggest { top: -41px; }
      * html #default #suggest { top: -48px; }

   #suggest ul.suggest_group_ul { padding-bottom: 4px; }

   #suggest ul.suggest_group_ul li,
   #suggest div.suggest_group_none,
   #suggest #suggest_results,
   #suggest #suggest_header { 
      position: relative;
      cursor: pointer;
      cursor: hand;
      width: 298px;
      overflow: hidden;
   }
   #suggest #suggest_header {
      background-color: #AC0000;
      color: #000;
      padding: 4px 5px;
      margin-bottom: 10px;
      width: 288px;
   }
      #suggest #suggest_header a, #suggest #suggest_header a:visited { color: #000; }
   * html #suggest ul.suggest_group_ul li { height: 19px; }

      #suggest ul.suggest_group_ul span,
      #suggest ul.suggest_group_ul a {
        padding: 4px 5px;
      }
      * html #suggest ul.suggest_group_ul span, * html #suggest ul.suggest_group_ul a { height: 14px; }
      #suggest ul.suggest_group_ul span {
         color: #AC0000;
         width: 103px;
         text-align: right;
         position: absolute;
         top: 0;
         left: 0;
      }

   #suggest ul.suggest_group_ul li.hover { background-color: #FFF; }
   #suggest ul.suggest_group_ul li.hover span { color: #333; }
   #suggest ul.suggest_group_ul li.hover a { color: #000; }
   
   #suggest ul.suggest_group_ul li a {
      color: #FFF;
      overflow: hidden;
      text-overflow: elipses;
      white-space: nowrap;
      padding-left: 140px;
      width: 156px;
      display: block;
      text-decoration: none;
   }
   #suggest div.suggest_group_none {
      text-align: center;
      padding: 3px 0 8px 0;
      color: #FFF;
      cursor: default;
   }
   
   /*#search #suggest div.leftCol {
      color: #AC0000;
      width: 50%;
      text-align: right;
      margin-top: -1px;
      padding: 9px 0 9px 4px;
   }
   
   #search #suggest div.rightCol {
      color: #FFF;
      width: 50%;
      border-left: 1px solid #CCC;      
      padding: 9px 0 9px 8px;
      margin-left: 8px;
      margin-top: -1px;
      float: right;
   }
      #search #suggest div.rightCol li {
         margin-bottom: 8px;
      }*/
   
/* @end search **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group ContentWrapper */
/** @group home */
/** @group carousel */
#carousel {
   margin-top: 43px;
}
   #carousel h3 {
      text-align: center;
      margin-top: 17px;
      font-size: 2.2em;
   }
   #carousel img, #highlights div.box img { border-bottom: 1px solid #000; }

#carousel div.ratings { text-align: center; font-size: 1.2em; margin-top: -5px;}

#leftPhoto,
#rightPhoto {
   width: 250px;
   float: left;
   margin-top: 99px;
   background-color: #000;
}
      #leftPhoto h3,
      #rightPhoto h3 {
         font-size: 1.3em;
         margin-top: -24px;
      }
      #leftPhoto img,
      #rightPhoto img,
      #leftPhoto h3,
      #rightPhoto h3 {
         filter: alpha(opacity=50); 
      	-moz-opacity: .50; 
      	opacity: .50;
      }
#middlePhoto {
   width: 435px;
   float: left;
   margin: 0 13px;
}
   #middlePhoto h3 {
      margin-top: -40px;
   }
   #middlePhoto div.stars { margin: 0 auto; }
/* @end carousel **/
/** @group highlights */
#highlights { margin-top: 40px; }
   #highlights div.box {
      width: 237px;
      height: 194px;
      float: left;
      margin-right: 7px;
   }
      #highlights div.box.last { margin-right: 0; }
/* @end highlights **/
/** @group browseBy */
#browseBy {
   position: relative;
   top: -10px;
   padding: 5px 8px;
   font-size: 1.2em;
   background: transparent url('/img/hr_home-v.gif') 517px top repeat-y;
   margin-bottom: 30px;
   height: 90px;
}
#contentWrapper div.inner > #browseBy {
   height: auto;
   min-height: 90px;
}
   #browseBy h2.h4 { font-size: 1.3em; }
   #browseBy h2.h4, #browseBy h4 {
      color: #FF0000;
      text-transform: uppercase;
      letter-spacing: 0.1em;
   }
      #browseBy ul {
         color: #999;
         float: left;         
         font-size: 0.7em;
      }
         #contentWrapper #browseBy ul li {
            color: #666;
            width: 120px;
            padding: 5px 0;
         }
            #browseBy ul li a {
               color: #FFF;
               text-decoration: none;
               font-size: 1.3em;
            }
            #browseBy ul li a:hover { text-decoration: underline; }
   #browseBy #leftCol {
      width: 497px;
      float: left;
      padding-right: 30px;
   }
   #browseBy #rightCol {
      width: 376px;
      float: left;
      padding-left: 20px;
      position: relative;
   }
      #browseBy div.viewOnMap {
         color: #FFF;
         position: absolute;
         top: 8px;
         right: 0;
         font-size:0.95em;
      }
         #browseBy div.viewOnMap a { color: #FFF; text-decoration: none; }
         #browseBy div.viewOnMap a:hover { text-decoration: underline; }
/* @end browseBy **/
/* @end home **/
/** @group default */
#default #contentWrapper div.inner { 
   background: #FFF url('/img/bg_contentWrapper-M.gif') top left repeat-y;
   margin-top: 25px;
   margin-bottom: 5px;
}
#default #contentWrapper div.inner #roundedTop {
   width: 979px;
   height: 5px;
   background: transparent url('/img/bg_contentWrapper-T.gif') top left no-repeat;
}
#default #contentWrapper div.inner #roundedBottom {
   width: 979px;
   height: 5px;
   background: transparent url('/img/bg_contentWrapper-B.gif') top left no-repeat;
}
* html #default #contentWrapper div.inner #roundedBottom { margin-bottom: -5px; }
/** @group rightCol */
#default #rightCol {
   width: 312px;
   float: right;
   margin: 0 4px 0 3px;
}
* html #default #rightCol { margin: -5px 2px 0 2px; }
   #default #rightCol a,
   #default #rightCol a:visited { 
      color: #FFF;
      text-decoration: underline;
   }
      #default #rightCol a:hover { text-decoration: none; }
   #default #rightCol button,
   #default #rightCol div.whatDoTheyServe a { 
      color: #FFF; 
      background-color: transparent;
      border: 1px solid #FFF;
      padding: 3px;
      margin-top: 5px;
   }
   #default #rightCol #logo {
      width: 312px; 
      height: 142px;       
      text-align: center;
      overflow: hidden;
   }
   #default #rightCol h2 { margin-bottom: 0; }
   #default #rightCol #information {
      background: transparent url('/img/bg_information.gif') top left repeat-x;
      padding: 15px;
      font-size: 1.2em;
      line-height: 1.25em;
   }
   #default #rightCol #information #vcard .street-address, #default #rightCol #information #vard .extended-address { display: block; }
      #default.admin #information { background: none; }
      #default #rightCol #contactBlock { margin-top: 1.2em; }
         #default #rightCol #contactBlock div.note dt { 
            font-weight: bold; 
            padding-top: 20px;
            color: #FFF;
         }
      #overallRating {
         position: absolute;
         top: 155px;
         right: 100px;
         height: 40px;
         width: 110px;
      }
      #default #rightCol #information.has_rating {  padding-top: 65px; }
         #overallRating #total_ratings {
            color: #FFF;
            font-size:0.95em;
            position: absolute;
            z-index: 3;
            top: 24px;
            text-align: center;
            width: 100px;
         }
   #default #rightCol div.whatDoTheyServe { margin-top: 15px; }
      #default #rightCol div.whatDoTheyServe a,
      #default #rightCol div.whatDoTheyServe a:visited { 
         text-decoration: none;
         display: inline;
         padding: 5px 8px;
         margin: 0;
      }
      #default #rightCol div.whatDoTheyServe a button,
      #default #rightCol div.whatDoTheyServe a:visited button,
      #default #rightCol div.whatDoTheyServe a,
      #default #rightCol div.whatDoTheyServe a:visited {
          background-color: #FFF;
          color: #AC0000;
      }
      #default #rightCol div.whatDoTheyServe a:hover button,
      #default #rightCol div.whatDoTheyServe a:hover {
         background-color: #AC0000;
         color: #FFF;
      }
   #default #rightCol div.hr {
      height: 2px;
      background: #2E6200 url('/img/hr_default-h-green.gif') repeat-x scroll center;
   }
   #default #rightCol ul li.leftHalf {
      clear:left;
      float:left;
   }
   #default #rightCol ul li.rightHalf {
      clear:right;
      float:right;
   }
    #default #rightCol ul li p { padding-bottom: 10px; }
   #default #rightCol ul li.section { clear: both; }
   #default #rightCol textarea {
      width: 270px;
      height: 92px;
   }
   #default #rightCol input.textbox,
   #default #rightCol textarea  {
      padding: 3px 5px;
      border: 1px solid #FF0000;
   }
   
#default #rightCol #rateIt ul { margin-top: 10px; }
      #default #rightCol #rateIt ul li {
         float: left;
         width:50% !important;
         margin-bottom: 15px;
      }
#default #rightCol #meetTheChef div.content, #default #rightCol #meetTheOwner div.content {
   padding: 15px;
}
   #default #rightCol #meetTheChef div.content h2, #default #rightCol #meetTheOwner div.content h2 {
      font-size: 2.8em;
      font-weight: bold;
      line-height: normal;
      margin-bottom: 0.35em;
      margin-top: 0;
   }
      #default #rightCol #meetTheChef div.content h2 small, #default #rightCol #meetTheOwner div.content h2 small { font-size: 0.5em; font-weight: normal; }
/* @end rightCol **/
/** @group leftCol */
#default #leftCol {
   width: 656px;
   min-height: 200px;
   float: right;
}
* html #default #leftCol { margin-top: -5px; }

/** @group results */
#default #leftCol #results {}
#default #leftCol #results .result_item div.img {
   width: 175px;
   float: left;
}
   * html #default #leftCol #results .result_item div.img { margin-right: 15px; }
   #default #leftCol #results .result_item .caption {
      width: 150px;
      background-color: #CBD9B1;
      border: 1px dashed #7A9F37;
      color: #617E2B;
      padding: 2px 5px;
      font-weight: bold;
      margin: 20px 0;
   }
#default #leftCol #results .event.result_item div.img {
   width: 60px;
}
#default #leftCol #results .result_item .result_content {
   width: 451px;
   float: left;
}
#default #leftCol #results .result_item .advertiser .info label {
   width: 60px;
}
#default #leftCol #results .result_item .recipe {
   width: 626px;
}
   * html #default #leftCol #results .result_item .result_content p {
      text-overflow: hidden;
      overflow: hidden; 
   }
/* @end results **/


/** @group photoGallery */
   #default #leftCol #enlarged { 
      height: 453px;
      text-align: center;
      background-color: #000;
      overflow: hidden;
   }
   #default #leftCol > #enlarged {
      height: auto;
      min-height: 453px;
   }
      #default #leftCol #enlarged img {
         border: 1px solid #000;
      }
      
#default #leftCol #thumbnails {
   border-left: 2px solid #000;
   padding-top: 2px;
   padding-bottom: 2px;
   width: 654px;
   overflow: hidden;
   position: relative;
   background-color: #000;
}
#default #leftCol #thumbnails img {
   padding-top: 2px;
}
   #default #leftCol #selectedIndicatior {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
   }

#default #leftCol #results h4 {
   float: left;
}

#default #leftCol #results div.overallRating {
   float: right;
   text-align: center;
   font-size: 0.8em;
   line-height: 10px;
   color: #AC0000;
}
   
div.thumb {
   width: 107px;
   float: left;
   border-right: 2px solid #000;
   border-bottom: 2px solid #000;
   text-align: center;
   background-color:#000;
}

/* @end photoGallery **/
#default #leftCol div.content { padding: 15px; color: #000; }
   #default #leftCol h2, #default #leftCol h3, 
   #default #leftCol h4, #default #leftCol h5, #default #leftCol h6 { 
      color: #AC0000;
      margin-top: 0;
      margin-bottom: 0.25em;
      font-weight: normal;
   }
      #default #leftCol h2 { font-size: 2.8em; font-weight: bold; }
      #default #leftCol h3 { font-size: 1.9em; font-weight: bold; }
      #default #leftCol h3.shrink { font-size: 1.4em; }
      #default #leftCol h4 {
         margin: 0;
      }

/** @group reviews */
#reviews { position: relative; }
#reviews #postReview {
   position: absolute;
   top: 0;
   right: 0;
   text-align: right;
}
   #reviews #postReview a {
      font-weight: bold;
      text-decoration: none;
      border: 1px solid #AC0000;
      border-left-color: #CC0000;
      border-top-color: #CC0000;
      padding: 5px 5px 3px 5px;
      display: block;
      width: 110px;
      text-align: center;
      white-space: nowrap;
      float: right;
      clear: right;
   }
      #reviews #postReview a:hover {
         color: #FFF;
         background-color: #AC0000;
      }
   
   #reviews #review_page #page_counter {
      float: left;
   }   
   
   #reviews #review_page #page_index {
      float: right;
   }
      
#ReviewAddForm div.calendar div { margin: 0; }
   #ReviewAddForm #ReviewReviewText {
      height: 80px;
   }
   #ReviewAddForm #ReviewReviewTitle { margin-left: 10px; }

   #ReviewAddForm textarea, 
   #ReviewAddForm input[type="text"], 
   #ReviewAddForm input[type="password"], 
   #ReviewAddForm select {
      border: 1px solid #CC0000;
   }

   #ReviewAddForm label { color: #AC0000; font-size: 1.1em; }

   #ReviewAddForm button {
      border: 2px solid #90C326;
      border-right-color: #465F12;
      border-bottom-color: #465F12;
      background-color: #CC0000;
      color: #FFF;
      font-weight: bold;
      width: 80px;
      padding: 3px 5px;
   }
      #ReviewAddForm .btn_post,
      #ReviewAddForm .btn_cancel,
      #new_review .btn_login,
      #new_review .btn_cancel {
         width: 80px;
         float: left;
      }
         #new_review .btn_login, #new_review .btn_cancel { width: 55px;}
         #new_review div.hr { clear: left; }

      #ReviewAddForm .btn_cancel button {
         color: #CC0000;
         background-color: #FFF;
         border: 1px solid #CC0000;
         margin-left: 10px;
         padding: 4px 6px;
      }
div.review { position: relative; width: 100%; }
div.review form { margin: 0; }
div.review div.calendar {
   width: 47px;
   height: 63px;
   background: transparent url('/img/bg_calendar.jpg') top left no-repeat;
   float: left;
   margin-right: 15px;
   text-align: center;
}
   div.review div.calendar div.month {
      color: #FFF;
      font-weight: bold;
      padding-top: 2px;
   }
   div.review div.calendar div.day {
      font-size: 2.0em;
      color: #47481D;
      padding-top: 4px;
   }
   div.review div.calendar div.year {
      color: #CCCCCC;
      padding-top: 4px;
      letter-spacing: 0.1em;
   }
div.review div.review_content {
   width: 550px;
   float: left;
   position: relative;
}
   div.review div.review_content div.postedBy { 
      color: #666;
      position: absolute;
      top: 0;
      right: 0;
   }
div.review div.hr { margin-top: 0.3em; }
/* @end reviews **/
/** @group starbox */
div.starbox .colorbar { background: #CC0000; } /*overall green bg color*/
#home div.starbox .stars { background: #000; }
#default div.starbox .stars { background: #FFF; }

#default div.starbox .rated .hover .colorbar { background: #FFF; }
#default div.starbox .rated .colorbar, #information div.starbox .locked .colorbar { background: #FFF; }
#default div.starbox .rated .stars, #information div.starbox .locked .stars { background: #AC0000; }
#default div.starbox .ghost, #information div.starbox .locked .ghost { background: #204600; }
/* @end starbox **/
/* @end leftCol **/
/* @end default **/
/** @group default.admin */
#default.admin #leftCol { position: relative; }
/** @group default.admin mainNavigation */
#default.admin #mainNavigation { margin-top: -10px; }
#default.admin #mainNavigation ul {
   margin: 0;
   padding: 2px 0 0 0;
   list-style: none;
}

#default.admin #mainNavigation ul li { margin-top: 8px; }

#default.admin #mainNavigation ul li a {
   display: block;
   font-size: 1.2em;
   letter-spacing: 0.1em;
   color: #AC0000;
   background-color: #FFF;
   padding: 8px 25px;
   text-decoration: none;
   border: 0;
   border: 1px solid #FFF;
}
#default.admin #mainNavigation ul li.selected a,
#default.admin #mainNavigation ul li a:hover { 
   background-color: #000; 
   color: #FFF; 
}
#default.admin #mainNavigation ul li a:hover { background-color: #333; }
   #default.admin #mainNavigation ul li ul {
      border: 1px solid #FFF;
      border-top: 0;
   }
   #default.admin #mainNavigation ul li ul { background-color: #CC0000; }
   #default.admin #mainNavigation ul li ul li { margin-top: 0; }
   #default.admin #mainNavigation ul li.selected ul li a {
      background-color: transparent;
      color: #FFF;
      border: 0;
   }
   #default.admin #mainNavigation ul li.selected ul li.selected a { font-weight: bold; }
   #default.admin #mainNavigation ul li.selected ul li a:hover { text-decoration: underline; }
/* @end default.admin mainNavigation **/
/** @group form overrides */
#default.admin form div.input label, #default.front_end form div.input label { 
   display: block; 
   width: 100px; 
   float: left; 
   padding: 3px;
   text-align: right;
}

#default.admin form div.input input.checkbox, #default.front_end form div.input input.checkbox { 
   float: left;
   margin-top: 4px;
}

#default.admin form div.input label.checkbox_label, #default.front_end form div.input label.checkbox_label { 
   text-align: left;
}

#default.admin form div.input ,#default.front_end form div.input { clear: left; }

#default.admin form > #fixed_nav { 
   position: fixed;
   width: 60px;
   /*margin: 0 auto;
      margin-left: -90px;*/
   top: 142px;
   right: 50%;
   margin-right: -175px;
   background-color:#AC0000;
   padding: 10px;
   padding-bottom: 5px;
   text-align: left;
}

#default.admin form button[type="submit"],
#default.admin form button[type="button"],
#default.admin form button[type="reset"],
#home form button[type="submit"],
#home form button[type="button"],
#default.front_end form button[type="submit"],
#default.front_end form button[type="button"],
#default.front_end form button[type="reset"] {
   background-color: #333;
   border: 1px solid #000;
   border-left-color: #004600;
   border-top-color: #004600;
   color: #FFF;
   padding: 3px;
   margin: 0 auto;
}
   #default.admin form button[type="reset"],
   #default.front_end form button[type="reset"] { 
      background-color: #ECECEC;
      border: 1px solid #CCC;
      border-left-color: #999;
      border-top-color: #999;
      color: #666;
   }
form input[type="text"],
form input[type="password"] { 
   width: 200px;
}

#meet_a_friend h2 { margin-top: 0.5em; }
#meet_a_friend p { margin-bottom: 10px; }

#default.front_end form#send_a_friend ul { clear: both; padding-top: 10px; }

form#send_a_friend input[type="text"],
form#send_a_friend input[type="password"] { 
   width: 120px;
}

   form .required input[type="text"],
   form .required input[type="password"],
   form .required textarea {
      border-color: #AC0000;
   }
   form .required label {
      color: #AC0000;
      font-weight: bold;
   }
/* @end form overrides **/
/** @group UserRegisterForm */
#UserRegisterForm div.input, #ContactAddForm div.input {
   height: 24px;
   overflow: hidden;
}
   * html #default #leftCol div.input.textarea { height: auto; }
   #UserRegisterForm > div.input,
   #ContactAddForm > div.input,
   #default #leftCol div.input.textarea {
      height: auto;
      min-height: 24px;
   }
#UserRegisterForm div.input, #UserRegisterForm h4, #ContactAddForm div.input { clear: left; }
#UserRegisterForm div.input input, #ContactAddForm div.input input { float: left; }
   #UserRegisterForm div.input .error-message,
   #ContactAddForm div.input .error-message { 
      float: left;
      font-size: 0.9em;
      height: 13px;
      padding-top: 1px;
      padding-bottom: 5px;
   }
   #default #leftCol div.input.textarea {
      position: relative;
   }
   #default #leftCol div.input.textarea .error-message {
      float: none;
      position: absolute;
      top: 25px;
      left: 0px;
      width: 85px;
      height: auto;
   }
      * html #UserRegisterForm div.input .error-message,
      * html #ContactAddForm div.input .error-message { padding-bottom: 1px; }
      * html #default #leftCol div.input.textarea .error-message {
         left: -108px;
      }
/* @end UserRegisterForm **/

/** @group table overrides */
#default.admin table.reset { border: 0; }
#default.admin table.reset th,
#default.admin table.reset td {
   padding: 0.8em 0.3em;
   border-right: 0;
   padding-right: 10px;
}
#default.admin table.reset th { padding: 0 0.3em; padding-right: 10px; }
#default.admin table.reset td { 
   padding: 0.8em 0.3em;
   padding-right: 35px;
}
/* @end table overrides **/
#default.admin #leftCol h4 { margin: 0.8em 0; }
#default.admin div.btn_Container { margin-bottom: 5px; }

#default.admin #leftCol .content .input textarea, #default.front_end #leftCol .content .input textarea {
   width: 450px;
}

#default.admin #admin_restaurants_page #restaurants_table .active {
   font-weight: bold;
}
/* @end default.admin **/
/* @end ContentWrapper **/

/** Footer
-------------------------- **/
/** @group footer */

#footer {
	text-align: right;
	padding: 8px 5px 15px 5px;
	color: #4C4F52;
	font-weight: bold;
	line-height: 1.25em;
}
   #footer a { 
      color: #4C4F52;
      text-decoration: none;
   }
      #footer a:hover, #footer a#photographer { color: #A0A5AE; }
      #footer a#photographer:hover { color: #AC0000; }

#footer div.inner { padding-bottom: 20px; }
   #footer small { font-size: 0.95em; }

#footer div.left {
   float: left;
   clear: left;
   text-align: left;
}

#footer div.right {
   float: right;
   clear: right;
}
/* @end footer **/

/** @group noscript */
noscript {
   position: absolute; 
   top: 290px; 
   left: 50%; 
   width: 460px; 
   margin-left: -230px;
}
noscript strong { text-decoration: underline; }
   #default noscript {
      top: 15px;
      left: 50%;
      margin: 0;
      width: 414px;
      margin-left: -232px;
   }
      #default noscript .notice { padding: 5px; }
      #default #rightCol #information noscript,
      #default #reviews #postReview noscript {
         position: static;
         margin: 0;
         width: auto;
         display: block;
      }
      #default #reviews #postReview noscript { float: right; clear: right; }
#default form noscript button#nojs_search {
   position: relative;
   top: 7px;
   left: 50%;
   padding: 6px 3px 6px 3px;
   width: 60px;
   margin-left: 112px;
}
/* @end noscript **/

/** Class Styles
-------------------------- **/
h4 .loader {
   position: relative;
   top: 4px;
}

.form_spacer {
   padding-left: 20px; 
}

#photos .thumbnail {
   position: relative;
   float: left;
   width: 120px;
   height: 135px;
   text-align: center;
   border: 1px dotted black;
   margin: 3px;
   padding: 4px 2px 2px 2px;
}
#photos .thumbnail .buttons {
   position: absolute;
   /*border: 1px solid red;*/
   font-size: 0.8em;
   width: 116px;
   bottom: 0;
   left: 0;
   padding-left: 2px;
   padding-right: 0px;
   margin-bottom: 0;
}
#photos .thumbnail a {
   text-decoration: none;
}
#photos .thumbnail .caption {
   font-size: 0.85em;
}
#photos .thumbnail input {
   width: 100px;
   height: 12px;
}
#photos .thumbnail .left {
   float: left;
}
#photos .thumbnail .right {
   float: right;
}
#photos .thumbnail.primary {
   border: 1px solid red;
}
#photos .thumbnail.primary .right, #photos.form_spacer .thumbnail.logo .right {
   display: none;
}
#sidebar_search_results {
   text-align: center;
}
#sidebar_search_results #search_title {
   font-size: 1.4em;
}
#sidebar_search_results #result_display {
   line-height: normal;
   font-size: 1.3em;
}
#sidebar_search_results #result_display .quick_restaurant {
   text-align: left;
   line-height: 22px;
   font-size: 0.8em;
   width: 282px;
}
#sidebar_search_results #result_display .quick_restaurant a {
   display: block;
}
#sidebar_search_results #result_display .quick_restaurant .overallRating {
   float: right;
   width: 105px;
}
#sidebar_search_results #result_display .quick_restaurant a:hover {
   /*text-decoration: underline;*/
   color: #333333;
}
#sidebar_search_results #result_display #search_total {      
   font-size: 4.2em;
   line-height: 50px;
}

#send_loader {
   float: right;
   margin-top: 5px;
   padding-top: 1px;
   height: 22px;
   width: 84px;
   border: 1px solid white;
   text-align: center;
}

#send_message {
   float: left;
   margin-top: 5px;
   width: 180px;
   height: 22px;
   text-align: center;
}

.file_list {
   padding-top: 5px;
   padding-left: 105px;
}
.file_list div {
   font-size: .9em;
   margin-top: 2px;
   margin-bottom: 0;
   margin-left: 0;
   padding-left: 3px;
   background-color: #EEEEEE;
}

.instructions {
   padding-left: 20px;
   font-style: italic;
   font-size: .9em;
}

.positioner { position: relative; }

.rightTxt { text-align: right; }

.hidden, .printOnly {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.strikeout {
   text-decoration: line-through;
   color: #AAAAAA;
}

.notice, .error-message {
   margin: 15px; 
   padding: 8px; 
   border: 1px solid #FF0000; 
   background-color: #FFEFEF; 
   text-indent: 2px; 
   color: #000;
}
   .error-message { 
      padding: 3px 5px;
      margin: 0 5px;
   }
   
   .content form .review_content .error-message {
      margin-top: 5px;
      margin-left: 0;
   }

form div#features, form div#locations, form div#cuisines {
   background-color: #EEEEEE;
   border: 1px solid #CCCCCC;
   padding: 3px;
/*   2px 4px 0px 6px*/
}

form #features div.input, form #cuisines div.input, form #locations div.input {
   float: left;
   display: block;
   width: 25%;
   font-size: 0.9em;
}

form #features div.input input, form #cuisines div.input input, form #locations div.input input {
   float: left;
   margin-top: 2px;
   margin-right: 2px;
}

#default.front_end form#SearchResultsForm h4 {
   background-color: #999;
   color: #FFF;
   padding: 3px 5px;
   padding-bottom: 1px;
   margin-bottom: 3px;
}

#default.front_end form#SearchResultsForm div.input  {    
   clear: none;
}

#default.front_end form#SearchResultsForm div.input label {
   width: auto;
   text-align: left;
   font-size: 1.1em;
}
#default #leftCol div.content div.event .info label, #default #leftCol div.content div.info label {
   color: #AC0000;
   text-transform: lowercase;
   width: 40px;
   display: block;
   float: left;
}
#default #contentWrapper .inner #rightCol div.placement {
   position: relative;
   /*top: -45px;*/
}
#default #leftCol form fieldset {
   border: 0;
   padding: 0;
   margin: 0;
}
#default #leftCol form fieldset.checkboxes div.input label {
   float: left;
   width: 200px;
   text-align: left;
}
#default #leftCol form fieldset.checkboxes div.input input {
   float: left;
   margin-left: 105px;
   margin-top: 4px;
}
#default #rightCol #send_wrapper {
   padding: 0 15px 15px 15px;
   font-size: 1.2em;
   line-height: 1.25em;
}
#default #leftCol #print_button {
   width: 60px;
   float: right;
}
#default .content #view_on_map a {
   font-size: 0.9em;
}
#default .content #results div#top_rated_links {
   padding-bottom: 30px;
}
#default .content #results #top_rated_links a {
   width: 154px;
   display: block;
   float: left;
   text-align: center;
   background-color: #AC0000;
   color: #FFFFFF;
   text-decoration: none;
   border: 1px solid white;
}
#default .content #event_header_links div label {
   width: 70px;
   font-weight: bold;
   display: block;
   float: left;   
}
#default .content #event_header_links div a {
   text-decoration: none;   
}
#default .content #event_header_links div a.active {
   text-decoration: underline;   
}
#default .content p a.read_more {
   text-decoration: none;
   font-size: 1em;
   line-height: 20px;
}

/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/
*/

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }