* {margin: 0; padding: 0}
body, input, select, textarea {font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px}
body {color: #333; background: #fff url(/images/background.gif) repeat-x}
a:link, a:visited, a:active, a:hover {color:#0060BF; text-decoration: underline}
a:hover {color:#000000}
input[type=text], input[type=password], textarea, select{ font-size:1.1em; line-height:1.3em; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(/images/fieldbg.gif) repeat-x top}
input[type=text] {padding: 1px 2px; margin: 1px}
h1, h2, h3, h4, h5, h6 {font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, arial, helvetica, sans-serif; font-weight: bold; color: #666}
h1 {font-size: 1.8em; margin: 0em 0em 0.6em 0em; color: #EC5800}
h2 {font-size: 1.5em; margin: 0em 0em 0.4em 0em}
h3 {font-size: 1.4em; margin: 1.2em 0em 0.4em 0em; color: #EC5800}
h4 {font-size: 1.2em; margin: 1.2em 0em 0.4em 0em}
h5 {font-size: 1.0em; margin: 1.2em 0em 0.4em 0em}
h6 {font-size: 0.8em; margin: 1.2em 0em 0.4em 0em}
img {border: 0px}
p {font-size: 1.0em; line-height: 1.3em; margin: 1.2em 0em 1.2em 0em}
li > p {margin-top: 0.2em}
pre {font-family: monospace; font-size: 1.0em}
strong, b {font-weight: bold}
ul {margin: 5px 25px}
.hidden {display: none}
.bold {font-weight: bold}
#container {width: 830px; margin: 10px auto}
#logo {float: left}
#navigation {float: right; text-align: right; line-height: 20px}
#content {clear: both}
#content-left {float: left; width: 600px}
#content-right {float: right; width: 220px}
#bottom {clear: both; padding-top: 15px}
#navigation a {font-weight: bold}
#quicksearch {border: 1px solid #7F9DB9; background: url(/images/ico_search_gry.gif) no-repeat left; padding: 3px 2px 1px 15px; width: 120px; color: #a6a6a6}
#username {color: #a6a6a6}
#username a {color: #a6a6a6; text-decoration: none; text-weight: normal}
#bottom {color: #959595; line-height: 18px}
.title {padding: 0px 0px 5px 0px; margin: 0}
ul.list {padding-left: 30px; margin: 0}
.list {list-style-image: url(/images/ico_check_large_blu.gif); list-style-position: outside; padding-left: 30px}
a.bigbutton {background-color: #0060bf; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; padding: 5px 10px}
.tab-navigation {float:left; width:100%; font-size:93%; line-height:normal; background: url("/images/bg.gif") repeat-x bottom}
.tab-navigation ul {margin:0; padding:10px 6px 0; list-style:none}
.tab-navigation li {float:left; background:url("/images/left_both.gif") no-repeat left top; margin:0; padding:0 0 0 6px; border-bottom: 1px solid #a8b5ca}
.tab-navigation a {float:left; display:block; width:.1em; background:url("/images/right_both.gif") no-repeat right top; padding:5px 12px 4px 3px; text-decoration: none; color:#666; white-space: nowrap}
.tab-navigation > ul a {width:auto;}
.tab-navigation a {float:none;}
.tab-navigation a:hover {color:#000}
.tab-navigation .current {background-position:0 -150px; border-width:0}
.tab-navigation .current a {background-position:100% -150px; padding-bottom:5px; color:#000}
.tab-navigation li:hover, .tab-navigation li:hover a {background-position:0% -150px; color:#000}
.tab-navigation li:hover a {background-position:100% -150px}
.tab-content {clear: both; border-left: 1px solid #a8b5ca; border-right: 1px solid #a8b5ca; border-bottom: 1px solid #a8b5ca; padding: 5px; background-color: #fff}
table {border-spacing: 0px; border-collapse: collapse; empty-cells: show; font-size: 11px; line-height: 18px}
td.label {padding-right: 10px; padding-bottom: 11px; white-space: nowrap; text-align: right; width: 125px; font-weight: bold}
.hiddenlabel {visibility: hidden}
td.field {padding-bottom: 11px; white-space: nowrap}
td.status {padding-left: 8px; padding-bottom: 11px; white-space: nowrap}
input.textfield {width: 150px}
.right-box {border: 1px solid #a8b5ca; padding: 11px; margin-top: 12px; line-height: 1.45em; color: #575757; background-color: #fff}
.menu-card-table {width: 100%; border: 0px; border-collapse: collapse}
.menu-card-table th {font-weight: bold; text-align: left}
.menu-card-table td{ vertical-align: top; padding: 17px 1px 2px 1px; background-color: #; border-bottom: 1px solid #eee}
.menu-card-table input, .menu-card-table textarea {border: 1px solid #a8b5ca}
.menu-card-table textarea {width: 100%; height: 25px; font-size: 9px; border-top: none}
.input-template {color: #666}
.menu-card-price {width: 100%; text-align: right; padding-right: 15px}
#select-1, #select-2, #select-3 {width: 190px; margin-right: 8px; float: left}
#select-3 {margin-right: 0px}
.please_choose {border-top: 1px solid #a8b5ca; border-left: 1px solid #a8b5ca; border-right: 1px solid #a8b5ca; list-style: none; height: 150px; overflow: auto; width: 190px; margin-left: 0; padding: 90px 0px 0px 0px; background-color: #fff; font-size: 20px; color: #ccc; line-height: 30px; text-align: center}
.selectbox {border-top: 1px solid #a8b5ca; border-left: 1px solid #a8b5ca; border-right: 1px solid #a8b5ca; list-style: none; height: 240px; overflow: auto; width: 190px; margin-left: 0; padding: 0; background-color: #fff}
.selectbox a {display: block; padding-left: 5px; text-decoration: none; color: #000; height: 20px; line-height: 20px; border-bottom: 1px solid #eee}
.selectbox a:hover {background: #0060bf url(/images/select_hover.gif) repeat-x; color: #fff}
a.lastlink {width: 16px; padding: 0px}
ul.selectbox, li.selectbox {padding: 0px; margin: 0px}
.selectbox-selected {background: #0060bf url(/images/select_hover.gif) repeat-x; color: #fff}
.selectbox-selected a {color: #fff}
.select-input {width: 192px; border: 1px solid #7f9db9; margin: 0px !important}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url(/images/star.gif) left -1000px repeat-x}
.star-rating{ position:relative; width:125px; height:25px; 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{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom}
.star-rating a.one-star{ width:20%; z-index:6}
.star-rating a.two-stars{ width:40%; z-index:5}
.star-rating a.three-stars{ width:60%; z-index:4}
.star-rating a.four-stars{ width:80%; z-index:3}
.star-rating a.five-stars{ width:100%; z-index:2}
.star-rating .current-rating{ z-index:1; background-position: left center}
.inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle}
.small-star{ width:50px; height:10px}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{ background-image: url(/images/star_small.gif); line-height: 10px; height: 10px}
.table {width: 100%; border-collapse: collapse}
.table th {text-align: left; border-bottom: 1px solid #eee; padding: 2px 3px}
.table td {border-bottom: 1px solid #eee; padding: 2px 3px}
a.nolink {display: block; text-decoration: none; color: #000}
label {font-weight: bold}
.pagination {padding-top: 10px; float: right}
.pagination a {display: block; float: left; border: 1px solid #a8b5ca; width: 17px; line-height: 17px; text-decoration: none; text-align: center; margin: 1px}
.pagination a:hover {background-color: #eee}
.order-cell {background-image: url(/images/online_order.gif); background-repeat: no-repeat; width: 152px; height: 28px; margin-right: 5px; text-align: center}
.help-box {border-bottom: 1px solid #a8b5ca; background-color: #d8dfec; color: #586d8e; padding: 5px; margin: -5px -5px 5px -5px}
.help-box h2 {color: #586d8e}
.first {padding-top: 0px; margin-top: 0px}
.warning {background-color: #fbffcf; border: 1px solid #ebefc2; padding: 10px}
.highlight {background-color: #fbffcf}
a.nolink:hover {cursor: default}
a.biglink {display: block; font-size: 16px; text-decoration: none}
.bignr {position: fixed; top: 0; left: 0; width: 100%; vertical-align: middle; text-align: center; font-size: 100px; background-color: #333; height: 1000px; padding-top: 250px}
a.noreallink {text-decoration: none; color: #000}
a.noreallink:hover {text-decoration: none; color: #000}
.bignr a {color: #fff; text-shadow: black 0px 0px 5px; font-weight: bold}
.bignr a:hover {color: #fff}
.menu-upload {display: block; height: 90px ; float: left; border: 1px solid #eee; padding: 2px; margin: 0px 5px 5px 0px; font-size: 10px; color: #ccc}
.progressbar {background-image: url(/images/progress_red.gif); width: 212px; height: 22px}
.progressbar2 {background-image: url(/images/progress_green.gif); width: 0px; height: 22px}
#beta {background-color: #fbffcf; border: 1px solid #ebefc2; position: absolute; padding: 1px 5px; left: 400px; top: 45px; width: 350px; height: 18px; text-align: center; line-height: 20px}
div.calendar {position: relative}
.calendar, .calendar table {border: 1px solid #556; font-size: 11px; color: #000; cursor: default; background: #eef; font-family: tahoma,verdana,sans-serif}
.calendar .button {text-align: center; padding: 2px}
.calendar .nav {background: #778 url(menuarrow.gif) no-repeat 100% 100%}
.calendar thead .title {font-weight: bold; text-align: center; background: #fff; color: #000; padding: 2px}
.calendar thead .headrow {background: #778; color: #fff}
.calendar thead .daynames {background: #bdf}
.calendar thead .name {border-bottom: 1px solid #556; padding: 2px; text-align: center; color: #000}
.calendar thead .weekend {color: #a66}
.calendar thead .hilite {background-color: #aaf; color: #000; border: 1px solid #04f; padding: 1px}
.calendar thead .active {background-color: #77c; padding: 2px 0px 0px 2px}
.calendar tbody .day {width: 2em; color: #456; text-align: right; padding: 2px 4px 2px 2px}
.calendar tbody .day.othermonth {font-size: 80%; color: #bbb}
.calendar tbody .day.othermonth.oweekend {color: #fbb}
.calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #bdf}
.calendar tbody .rowhilite td {background: #def}
.calendar tbody .rowhilite td.wn {background: #eef}
.calendar tbody td.hilite {background: #def; padding: 1px 3px 1px 1px; border: 1px solid #bbb}
.calendar tbody td.active {background: #cde; padding: 2px 2px 0px 2px}
.calendar tbody td.selected {font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #fff; color: #000}
.calendar tbody td.weekend {color: #a66}
.calendar tbody td.today {font-weight: bold; color: #00f}
.calendar tbody .disabled {color: #999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .footrow {text-align: center; background: #556; color: #fff}
.calendar tfoot .ttip {background: #fff; color: #445; border-top: 1px solid #556; padding: 1px}
.calendar tfoot .hilite {background: #aaf; border: 1px solid #04f; color: #000; padding: 1px}
.calendar tfoot .active {background: #77c; padding: 2px 0px 0px 2px}
.calendar .combo {position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #def; color: #000; font-size: 90%; z-index: 100}
.calendar .combo .label, .calendar .combo .label-IEfix {text-align: center; padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .hilite {background: #acf}
.calendar .combo .active {border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #eef; font-weight: bold}
.calendar td.time {border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold}
.calendar td.time span.hilite {border-color: #000; background-color: #667; color: #fff}
.calendar td.time span.active {border-color: #f00; background-color: #000; color: #0f0}