body { font-family: Calisto MT, Times New Roman, Times, serif; background: #fbfbe5 url(i/img_130_2.gif); color: #444; margin: 0; padding: 10px; }
.hide { display: none; }

table.form { /*font-size: small;*/ }
table.form tr { vertical-align: baseline; }
table.form th { text-align: right; background-color: #ccf; border-top: 3px solid white; }
table.form td { background-color: #f8f8ff; border-top: 3px solid white; border-bottom: 2px solid #ccf; }
table.form input.input { border-width: 0; background-color: transparent; /*border-bottom: 1px solid #ccc;*/ }
table.form input.input:hover, table.form input.input:focus, table.form textarea.input:focus { background-color: #edf; }
table.form input.input:hover { background-color: #fde;}
table.form textarea.input { border-width: 0; background-color: transparent; }

table.list { font-size: 12px; }
table.list tr { vertical-align: baseline; }
table.list tr.alt { background-color: #f7f7e7; }
table.list tr:hover { background-color: #e6f7f7; }
table.list th { background: white url(i/blue_background.png) 0 0 repeat-x; color: white; height: 18px; overflow: hidden; }
table.list td { border-bottom: 1px solid #e6e6f8; }

table td.name { font-weight: bold; font-size: large; }
table td.name .phone { font-weight: normal; margin-left: 20px; font-size: 80%; }
table td.name a { text-decoration: none; color: #222; }

label { cursor: pointer; }
label:hover { background-color: #ff6; }

#container { position: relative; margin: auto; text-align: left; background-color: #fffff8; width: 760px; border: 1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#header { background-color: #FFCC66; text-align: center; padding: 0; margin: 0; background: #fc6 url(i/hilo_eats.jpg) top left no-repeat; height: 60px; -moz-border-radius: 8px 8px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; }
#header h1 { margin: 0; }
#header h1 span { visibility: hidden; }
#content { clear: both; padding: 0 10px 35px 10px; }
#footer { background: #999 url(i/gray_background.png) 0 0 repeat-x; color: #eee; text-align: right; font-size: x-small; padding: 0 10px; height: 18px; overflow: hidden; -moz-border-radius: 0 0 8px 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; }
#footer p { margin: 0; padding-top: 3px; }
#footer a { color: #ddf; }
#footer, #header, #navlist, table.list th { font-family: Calibri, Arial, Helvetica, sans-serif; }

/*div.review { border: 1px solid white; border-color: #ddc white white #ddc; clear: both; }*/
div.review { /*background-color: #F5F5CE;*/ background-color: #f7f7e7; clear: both; margin-bottom: 1ex; padding: 3px; border: 1px solid #f7f7e7; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div.review .date { font-size: large; float: left; margin-right: 10px; clear: left; height: 66px; width: 66px; background: transparent url(/i/plate.gif) top left no-repeat; font-size: x-small; text-align: center; padding-top: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
div.review .cost { font-size: large; float: left; margin-right: 20px; }
div.review .pace { font-size: large; float: left; }
div.review dl.ranks { /*clear: left;*/ margin: 3ex 0; font-size: large; margin-left: 76px; }
div.review dl.ranks dt { float: left; margin-right: 0.5ex; }
div.review dl.ranks dd { float: left; margin: 0 10px 0 0; }
div.review .dish { clear: left; }
div.review .comment { clear: left; }
div.review .name { clear: left; }
div .alt { /*background-color: #F8F8DA;*/ background-color: #fffff8; border-color: #fffff8; }
div.review:hover { /*background-color: #eef;*/ background-color: white; color: #222; border-right-color: #ccc; border-bottom-color: #ccc; }

div.place { }
div.place .name { font-weight: bold; }
div.place .info { font-size: small; margin-left: 3ex; }
div.place .info label { display: block; font-weight: bold; font-size: x-small; background-color: #ccf; width: 5em; padding-left: 2px; text-align: center; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
div.place .info input.input { border: 1px solid #ccf; font-size: small; background-color: #f8f8ff; margin-bottom: 3px; }
div.place .info input.input:hover, div.place .info input.input:focus { background-color: #edf; }

ul#navlist { margin-left: 10px; padding-left: 0; white-space: nowrap; font-size: small; text-transform: lowercase; }
#navlist li { display: inline; list-style-type: none; }
#navlist a { padding: 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#navlist a:link, #navlist a:visited { color: #fff; background-color: #369; text-decoration: none; }
#navlist a:hover { color: #fff; background-color: #396; text-decoration: none; }

ul#mainnav { list-style: none; margin: 0; padding: 0; }
ul#mainnav li { list-style: none; margin: 0 1em 0 0; padding: 0; background-color: #fcc; }

#recent_review { font-size: small; font-style: italic; width: 350px; float: right; margin-left: 1em; }
#recent_review h2 { margin: 0; font-style: normal; }
#recent_review p { margin-top: 0; }
#recent_review a { font-style: normal; font-size: 120%; }

#places_list { clear: both; }

#jump_menu { font-size: large; }
#jump_menu a { font-family: Consolas, Monaco, Courier New, Courier, mono; }

.half { width: 48%; padding-right: 2%; float: left; }
.clear { clear: both; }

/* effects */
.big_phone { font-size: 48px !important; }
.hihover { background-color: #ff3 !important; color: black !important; }
.notice { border: 2px solid #f60; padding: 2px; background-color: #ffc; }
.delisted { text-decoration: line-through; color: #999; }