html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

html 
{
    background-color:#FFF;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size:12px;
}

p {
    margin-top:15px;
}

a, a:visited
{
    text-decoration:none;
    color: #224272;
}

a:hover
{
    text-decoration:underline;
}

h1, .h1{
    font-weight: bolder;
    font-size: 20px;
    margin-bottom:10px;
}

h2, .h2{
    font-weight: bolder;
    font-size: 16px;
}

h3, .h3{
    font-weight:bold;
}

h4, .h4
{
    font-size:10px;
    font-weight: normal;
    color: #666;
}

label
{
    color:#666;
}

table td
{
    vertical-align:top;
}

#doc
{
    margin:auto;
    text-align:left;
    width:974px;
    min-width:974px;
}

#hd
{
    background: #224272 url("../images/section_head_background.png") repeat-x;
    margin-top:5px;
    bottom-top:5px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:#FFF;
}

#ft
{
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	color:#666;	
}

#ft img
{
	margin-right:5px;
}
#ft td
{
	padding-right:20px;	
	vertical-align:middle;
}

#error
{
    color: #FF0000;
    text-align:left;
    margin-bottom: 10px;
    margin-top: 10px;
}

#leftcol
{
    float: left;
    width: 680px;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#rightcol
{
    margin-left: 690px;
}

/*********************
 *
 * Header
 *
 *********************/
#hd .title
{
    font-size: 20px;
    color: #FFF;
    font-weight: bolder;
}

#hd a, #hd a:hover
{
    color: #FFF;
    text-decoration: none;
}

#hd .subtitle
{
    font-size: 10px;
    color: #aaa;
}

#hd .controls
{
    float:right;
    position:relative;
    font-size: 10px;
    margin-top:3px;
}

#hd .controls .big
{
	font-size: 12px;	
}

#hd .controls .dark
{
    color: #aaa;
}

#hd .controls input
{
    width:100px;
    margin-left:5px;
}

#hd .controls button
{
    font-size: 10px;
    margin-left:5px;
}

#hd .search 
{
	font-size:12px;
}

#hd .search input
{
	border: #333 solid 1px;
	vertical-align:middle;	
	margin:0;
	padding: 3px;
	-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    color: #333;
    width: 190px;
    padding-left:8px;
}

#hd .search input.notActive
{
	color: #999;	
}

#hd .search span
{
	height:19px;
	width:24px;
	margin:0;
	border: #333 solid 1px;
	border-left: 0px;
	background:#3E618C url("../images/search_button_background.png") no-repeat center;
	vertical-align:middle;	
	cursor:pointer;
	padding-top: 3px;
	padding-bottom:3px;
	*padding-bottom:2px;
	padding-left:10px;
	padding-right: 10px;
	-webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

#search_choices .title
{
	font-size:10px;
	color:#000;
}

ul.linkList a, ul.linkList a:visited 
{
    text-decoration:none;
    color: #666;
}

ul.linkList a:hover
{
    color: blue;
    cursor:pointer;
}

table.restaurants
{
	width:100%;	
}
table.restaurants td
{
	width: 33%;
}

/********************
 *
 * Nav Bar
 *
 ********************/

#nav
{
    margin-top:12px;
    margin-bottom:20px;
    font-size:14px;
    height: 35px;
}

#nav, #nav a
{
     color: #666;
}

#nav ul
{
    list-style:none;
    margin-left:20px;
}

#nav li
{
    float:left;
    margin-right:20px;
    padding: 10px;
    cursor: pointer;
}

#nav li.active
{
    color:#000;
    background-color:#DDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#nav li.active, #nav li.active a
{
    color:#000;
}

#showMeat
{
    float:right;
    margin-top: -55px;

}
#showMeat td
{
    padding:5px;
}

#showMeat .know
{
    color:#666;
    text-align:right;
    width:150px;
}

#showMeat .show
{
    color:#444;
    font-size: 25px;
}

/*******************
 *
 * Autocompletor
 *
 *******************/

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  	-webkit-box-shadow: #666 0px 6px 6px;
  -moz-box-shadow: 0px 6px 6px #666;
  overflow: hidden;
  z-index: 10000;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.searchAutocomplete ul li.selected { background-color: #B5D1FB}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

ul.restaurant_autocomplete .title
{
	font-weight:bold;
}

ul.restaurant_autocomplete .subsection
{
	color:#555;
	white-space:nowrap;
	font-size:90%;
}
/*******************
 *
 * Posting Information
 *
 *******************/
div.posting{
    margin-bottom:20px;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom:10px;
}

div.posting img{
    margin:2px;
    height:100px;
    width:100px;
}

/********************
 *
 * Gallery
 *
 ********************/
div.gallery img
{
    margin: 3px;
    border: 6px solid #D9D9D9;
    width: 150px;
    height:150px;
}

div.gallery img.selected
{
	border: 6px solid #FFFFBB;
}

div.gallery .imageContainer
{
	float:left;	
	margin-bottom:10px;
	text-align:center;
}

/********************
 *
 * Gallery Pages
 *
 ********************/
 
 .gallerySlides
 {
 	float:left;
 	width: 12000px;
 }
 
 .gallerySlides .slide
 {
 	float:left;
 	margin:0px;
 	padding:0px;
 	width: 680px;
 }
 
 .pages
 {
	padding-top: 20px;
	padding-bottom: 5px;
 	text-align:center;
 	clear:both;
 }
 
 .pages a, .pages a:visited
 {
 	background:none repeat scroll 0 0 #FFF;
	border:1px solid #CCC;
	padding:4px 10px;
	text-decoration:none;
	margin-right:5px;
 }
 
 .pages a:hover
 {
 	border:1px solid #224272;
 }
 
 .pages a.selected
 {
 	color: #FFF;
 	background: #224272;
 	border:1px solid #224272;
 }

/********************
 *
 * Section
 *
 ********************/
div.section
{
    border: 1px solid #C9C9C9;
        margin-bottom:20px;
}

div.section .title
{
    color: #fff;
    background: url("../images/section_head_background.png") repeat-x;
    padding:3px;
    padding-left:10px;
    font-weight: bold;
    font-size: 13px;
}

div.section .content
{
    padding: 10px;
}

div.section .content.grad
{
    background:url("../images/section_background.png") repeat-x;
}

div.photoSection
{
	clear:both;
}

/********************
 *
 * Page Section
 *
 ********************/
 
 div.pageSection
 {
    border-bottom: 1px solid #EEE;
    padding-bottom: 5px;
    margin-bottom:10px;
    margin-top:30px;
 }
 
div.pageSection h2
{
    color:#666;
}

/***************
* Box
****************/

div.box
{
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    padding:15px;
    text-align: left;
    -webkit-box-shadow: #AAA 0px 4px 18px;
    -moz-box-shadow: 0px 4px 18px #AAA;
    border:1px solid #C9C9C9;
    margin-bottom:10px;
}

div.box.grad
{
     background:url("../images/section_background.png") repeat-x;
}

/*****************
 *
 * Basic Form Settings
 *
 *****************/
.form h2
{
    color:#666;
    margin-bottom:20px;
} 
 
.form input, select
{
    margin-bottom:10px;
    padding:3px;
}

.form input
{
    width:160px;
}

.form input.file
{
	width:90%;
}

.restaurantInfoPanel
{
    position: absolute;
    width: 180px;
    height:100px;
    border: #224272 4px solid;
    background: #FFF;
    padding:10px;
    color: #444;
    overflow: hidden;
    -webkit-box-shadow: #000 0px 4px 4px;
    -moz-box-shadow: 0px 4px 4px #000;
}

/*********************
 *
 * Map
 *
 *********************/
 #map
 {
    overflow:hidden;
 }
 
 /******************
 *
 * Stuff for restaurant page
 *
 *******************/
 
.restaurantInfo img
{
    border:6px solid #D9D9D9;
}
 
.restaurantInfo td
{
    padding-right: 6px;
}

.restaurantInfo h1
{
    margin-bottom:5px;
}

.restaurantInfo li
{
    list-style-type: disc;
    margin-bottom:12px;
    margin-left:20px;
    color:#D9D9D9;
}

.restaurantInfo li .label
{
    font-weight:bold;
}

.restaurantInfo li .text
{
    color:#000;
}

.geo
{
 display:none;	
}
 
/***************
* grid
****************/
table.grid
{
    width:100%;
    font-size:10px;
}

table.grid th, div.box.form table.grid th
{
    background:#DDD;
    text-align:center;
    background: url("../images/grid_background.png") repeat-x;
    border:1px solid #D0D0D0;
    line-height:15px;
}

table.grid td, div.box.form table.grid td
{
    padding-left:5px;
    border-bottom: 1px solid #EEE;
}

table.grid tr.even
{
    background:#F9F9F9;
}

table.grid tr.proc
{
    background:#FFFFC8;
}

table.grid tr:hover
{
	background:#DDD;
	cursor: pointer;
}

/*****************
 *
 * Star ratings
 *
 *****************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating,
.star-rating .current-user-rating{

	background: url("../images/star_rating.gif") left -1000px repeat-x;
}

.star-rating{
	position:relative;
	width:90px;
	height:18px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.star-rating li{
	display: inline;
}

.star-rating a,
.star-rating .current-rating,
.star-rating .current-user-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:18px;
	line-height:18px;
	outline:none;
	overflow:hidden;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left -36px;
}

.star-rating a.one-star{
	width:18px;
	z-index:6;
}

.star-rating a.two-stars{
	width:36px;
	z-index:5;
}

.star-rating a.three-stars{
	width:54px;
	z-index:4;
}

.star-rating a.four-stars{
	width:72px;
	z-index:3;
}

.star-rating a.five-stars{
	width:90px;
	z-index:2;
}

.star-rating .current-rating{
	z-index:1;
    background-position: left -18px;
    margin-left:0px;
}

.star-rating .current-user-rating{
	z-index:1;
    background-position: left -36px;
    margin-left:0px;
}

.inline-rating, .small-inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: bottom;
}

/*  Small star rating*/

.small-inline-rating .star-rating{
	width:60px;
	height:12px;
    background-position: left 0px;
}

.small-inline-rating .star-rating,
.small-inline-rating .star-rating a:hover,
.small-inline-rating .star-rating a:active,
.small-inline-rating .star-rating a:focus,
.small-inline-rating .star-rating .current-rating,
.small-inline-rating .star-rating .current-user-rating{

	background: url("../images/small_star_rating.gif") left -0px repeat-x;
}

.small-inline-rating .star-rating a,
.small-inline-rating .star-rating .current-rating,
.small-inline-rating .star-rating .current-user-rating{
	height:12px;
	line-height:12px;
}

.small-inline-rating .star-rating .current-rating{
    background-position: left -12px;
}

.small-inline-rating .star-rating .current-user-rating{
    background-position: left -24px;
}

.small-inline-rating .star-rating a.one-star{
	width:12px;
}

.small-inline-rating .star-rating a.two-stars{
	width:24px;
}

.small-inline-rating .star-rating a.three-stars{
	width:36px;
}

.small-inline-rating .star-rating a.four-stars{
	width:48px;
}

.small-inline-rating .star-rating a.five-stars{
	width:60px;
}

/*****************
 *
 * Popup Login Box
 *
 *****************/
 
 #popupLogin,  #popupUpload
 {
    width:600px;
    height:400px;
    background-color: #FFF;
    text-align:center;
    padding:10px;
 }
 
 #popupLogin .header, #popupUpload .header
 {
    text-align:right;
    font-size: 10px;
    margin-bottom:20px;
 }
 
  #popupLogin .text, #popupUpload .text
 {
    text-align:left;
    margin: 20px;
    margin-top:0;
 }
 
#popupLogin td
 {
    text-align:left;
    padding-left: 20px;
    padding-right: 20px;
 }
 
#popupLogin .box, #popupUpload .box
{
    border:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

#popupLogin .form input, #popupLogin .form select, #popupUpload .form input, #popupUpload .form select
{
    margin-bottom:10px;
}

/*****************
 *
 * Reviews
 *
 *****************/

.reviews
{
    margin-top:10px;
} 

.review
{
    margin-bottom:40px;
}

.review .title
{
    font-size: 110%;
    font-weight: bold;
}

.review .date
{
    color: #666;
}

.review .content
{
    margin-top:5px;
    
}

.review .username
{
    font-style:italic;
}


/***************
*
* Message container
*
****************/

.messageContainer
{
	margin:0 auto;
	width:70%;
	margin-bottom:20px;	
	font-weight:bold;
	color:#555;
	text-align:center;
	padding:5px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.messageContainer.warning
{
	background-color: #FFFFBB;
}

/********************
 *
 * Front Page
 *
 ********************/
 .frontPageImage 
{
	float:left;
	width: 470px; 
}
 
.frontPageImage img
{
	border: 10px solid #D9D9D9;
	width:400px;
	height:300px;
	margin-bottom:10px;
}

.frontPageImage h2 a
{
	color:#000;	
}

.frontPageImage .address, .frontPageImage .address a
{
	color: #999;	
}

.frontPageText
{
	margin-left:450px;	
	font-size:13px;
	color:#333;
}

.frontPageGallery
{
	clear:both;
	margin-top:30px;	
}

.frontPageGallery a
{
	margin-right:25px;	
}

.registerForm
{
	width:200px;
	*width:auto;	
}

.contestBanner
{
	height: 75px;
	background: url('../images/contest_background.png') no-repeat;	
		-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	margin-bottom:25px;
	border: 1px solid #AAA;
	cursor: pointer;
}

.contestBanner div
{
	display:block;
	vertical-align:middle;
	font-size:40px;
	font-family: "Times New Roman";
	overflow:hidden;
	padding-left:175px;
	padding-top:15px;
	font-weight:bolder;
	text-shadow: 2px 2px 2px #888;
	color:#1B4000;

}

/********************
 *
 * Image Uploading
 *
 ********************/
 
 #popupUpload 
 {	
 	height:auto;
 	padding:10px;
 	padding-bottom:0;
 	margin-bottom:0;
 	padding-left:0;
 	padding-right:0;
 }
 
  #popupUpload .header
  {
  	margin-bottom:10px;
  }
  
  #popupUpload .text
  {
  	margin-bottom:0;
  }
  
  #popupUpload .footer
  {
  	height:25px;
  	padding-top: 10px;
  	padding-bottom:5px;
  	width:100%;
  	background: #3E618C url("../images/popup_window_background.png") repeat-x;
  	
  }
  
  #popupUpload .footer button
  {
  	margin-right: 20px;
  }
 
#uploads
{
	margin-top:10px;
	padding-top:5px;
	text-align:left;
}

#uploads div.gallery
{
	padding-bottom:10px;
}

#uploads div.gallery a
{
	cursor: pointer;	
}

#uploads div.gallery img
{
	width:100px;
	height:100px;	
}

#uploads .errors
{
	color: #FF0000;	
}

#uploads div.gallery img.error
{
	border-color: #FF0000;	
}

#uploads h3
 {
 	margin-bottom: 10px;
}

#uploads .selectFile
{
	margin-top:20px;
	padding-top:10px;
	background: #224272;
	margin-left: -20px;
	margin-right:-20px;
	padding-left:30px;	
	height:35px;
	color: #FFF;
	overflow:hidden;
}
 
#uploads .uploadArrow
{
	position:absolute;
	height:15px;
	width: 29px;
	background: transparent url('../images/upload_arrow.png');	
	z-index: 1002;
}

#uploads .type
{
	text-align:center;	
}

#uploads .type select
{
	text-align:left;	
}
 
 
 iframe.inline
 {
 	width:99%;
 	border:none;
 	overflow:hidden;
 }
 
 iframe.uploadProgress
 {
 	left:-2000px;
 	width:1px;
 	height:1px;
 }
 
 iframe.uploadFrame
 {
 	height: 60px;
 }
 
 .uploadProgress
 {
 }
 
 .uploadProgress .progressText
 {
  	margin:0;
  	color: #999;
  	font-size:8px;
  	text-align:left;
  	margin-left:10px;
  	position: absolute;
  	*position: static;
  	*margin-left:0px;
  	 *margin-top:10px;
  	 *margin-left:5px;
 }

 .uploadProgress .progress
 {
 	height: 12px;
 	background: url('../images/progress_background.png') repeat-x;
 	text-align:left;
 }
 
 .uploadProgress .progressBorder
 {
 	text-align:left;
 	margin-top:-28px;
 	margin-left:15px;
 	position:absolute;
 	border: 1px solid #1A335A;
 	overflow:hidden;
 	width: 87px;
 	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#FFF;
    *position: static;
  	*margin-left:0px;

 }
 
 
/*****************
 *
 * Shutter Reloaded 2.0.1
 *
 *****************/
/* Shutter */
#shNavBar a {
color: #aaf; /* colour for the text buttons */
text-decoration: none;
}
#shNavBar a:hover {
color: #fff; /* highlight colour for the text buttons */
}
#shDisplay div#shTitle {
font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
color: #ffffff; /* caption colour */
text-align: center;
margin: 0 auto;
}
div#shNavBar {
font: normal 12px/12px 'Lucida Grande', Verdana, sans-serif; /* font for text buttons and image numbers */
color: #999; /* colour for the image numbers */
position: fixed;
left: 0;
bottom: 0;
background-color: #2e2e2e;
width: 100%;
padding: 4px 0 5px;
text-align: center;
cursor: pointer;
z-index: 1011;
}
body {
height: 100%;
}
/*#shShutter *, #shDisplay * {
padding: 0;
margin: 0;
}*/
div#shShutter, div#shDisplay {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
div#shShutter {
height: 100%;
z-index: 1000;
background-color: #000000;
opacity: 0.8;
filter:alpha(opacity=80);
}
div#shDisplay {
display: block;
background-color: transparent;
z-index: 1002;
}
div#shDisplay img#shTopImg {
margin: 0 auto;
border: 1px solid #555;
background: transparent;
display: block;
max-width: none;
max-height: none;
}
div#shDisplay div#shWrap {
visibility: hidden;
}
div#shWaitBar {
position: absolute;
width: 100px;
left: 50%;
margin-left: -50px;
margin-top: 120px;
}
#shWaitBar img {
border: 0;
}
#fullSize {
display: none;
}
#shNavBar img {
border: 0;
vertical-align: middle;
margin: 0 2px;
opacity: 0.6;
filter: alpha(opacity=60);
}
#shNavBar img:hover {
opacity: 0.999;
filter: alpha(opacity=100);
}
* html div#shNavBar {
_position: absolute;
_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight : document.body.scrollTop+document.body.clientHeight-this.clientHeight);
_left: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? document.documentElement.scrollLeft : document.body.scrollLeft);
}