/*global css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/* start css*/
body {color: black; font-family: Arial; background: white; font-size: 95%;}

/*reserve*/
#killall {display: block; z-index: -1; visibility: hidden;}
#login_box_here {width: 50%; z-index: 101; margin-left: auto; margin-right: auto;}
#float {background: white; top: 100px; padding: 25px; z-index: 102;}
#float a img {float: right; margin-top: -10px;}

#wrap {width: 1000px; margin-left: auto; margin-right: auto;}
#top {background: url('../images/top.jpg') no-repeat; width: 1000px; height: 250px; position: absolute; top: 0;}

/*nav*/
#nav {position: absolute !important; top: 115px; position: absolute; margin-left: 6px;}
#nav ul {list-style: none;}
#nav ul li {float: left; width: 100px; text-align: center; display: block; margin: 0; padding: 0; font-size: 90%;}
#nav ul li.selected {background: url('../images/nav.jpg') repeat-x 0 -32px; padding: 4px 0; font-weight: bold; color: #ffffd9;}
#nav ul li a {display: block; color: white; text-decoration: none; padding: 4px; font-weight: bold; background: url('../images/nav.jpg') repeat-x 0 0; border: none;}
#nav ul li a:hover {background: url('../images/nav.jpg') repeat-x 0 -32px; color: white;}
#subnav {position: absolute; top: 160px; z-index: 12; margin-left: 15px; font-size: 80%;}
#subnav ul {list-style: none; margin-top: 25px;}
#subnav ul li {display: block; margin: 4px; width: 150px;}
#subnav ul li.selected {background: #d90000; padding: 4px 10px; border-left: 7px solid #186b25; font-weight: bold; color: #ffffd9;}
#subnav ul li a {display: block; width: 150px; padding: 4px 10px; background: red; border-left: 7px solid #219133; color: white; text-decoration: none; font-weight: bold; border-bottom: none;}
#subnav ul li a:hover {border-left: 7px solid #186b25; background: #d90000;}
#subnav #start_year,#start_month,#start_day {margin-top: 15px;}
#subnav #counter {text-align: center; font-size: 120%; padding: 5px; margin-top: 10px;}
/*end nav*/

#side_cal {text-align: center;}
#side_cal p.side_title {font-size: 130%; font-weight: bold;}
#side_cal p.month_sel {}
#calendar {border-collapse: collapse; margin-top: 4px;}
#calendar tr {border-bottom: 1px solid #eee;}
#calendar tr td {text-align: left; height: 20px; vertical-align: top; width: 26px;}
#calendar tr td[onclick]:hover {background: #2CC042; cursor: pointer;}
#calendar tr td.sel {background: #d90000; font-weight: bold; color: white;}
#calendar tr td.nogo {opacity: .4; background: #ccc; cursor: default;}
#calendar tr.days td {height: 22px; vertical-align: middle; font-weight: bold; border-bottom: 1px dotted;}
#side_button_center {text-align: center;}
#side_center_text {text-align: center; padding: 2px; font-weight: bold; font-size: 120%;}
#sms_toggle {margin-top: 15px;}

#reservations {border-collapse: collapse; width: 700px;}
#reservations tr {border: 1px solid black;}
#reservations tr.t_top {font-weight: bold;}
#reservations tr.t_top:hover {background: white;}
#reservations tr:hover {background: #eee;}
#reservations tr:hover td {border: 1px solid black;}
#reservations tr td {border: 1px dotted black; padding: 2px; vertical-align: top;}
#reservations tr td#order_num {width: 40px;}
#reservations tr td#order_date {width: 110px;}
#reservations tr td#order_name {width: 100px;}
#reservations tr td#order_amnt {width: 70px;}
#reservations tr td#order_service {width: 90px;}
#reservations tr td#order_comment {width: 180px;}
.auto_scroll {overflow: auto; width: 180px;}
#reservations tr td#order_status {width: 150px;}
#reservations .img_button {margin-right: 10px; margin-left: 3px;}
#reservations .img_button:hover {cursor: pointer; background: white;}
#reservations img {margin: 0; vertical-align: middle;}
#reservations .cancel_button {width: 65px; vertical-align: middle;}

#mid {background: url('../images/mid.jpg') repeat-y; width: 1000px; position: absolute; margin-bottom: 100px; top: 200px;}


#content {width: 700px; position: relative; top: -30px; left: 250px; min-height: 300px;}
#content h1 {font-size: 150%; padding: 10px; border-bottom: 1px dotted black; margin-bottom: 10px;}
#content h2 {font-size: 140%; padding: 7px; margin-top: 30px; color: #9B0000; margin-bottom: 10px; background: #F5F5F5; border-left: 1px dotted;}
#content p {font-size: 95%; line-height: 25px; margin-left: 5px;}
#content .center {text-align: center;}
#content .warning {color: red; display: block; text-align: center; padding: 4px;}
#content p.menu_item {margin: 8px 5px; border-bottom: 1px solid black;}
#content p.menu_item:hover {background: #eee;}
#content .sauce {font-size: 80%; color: #DD0000; margin-left: 10px; letter-spacing: 2px;}
#content .float_right {float: right; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
#content ul {font-size: 90%; list-style: square; margin-left: 25px; padding: 3px;}
#content ol {font-size: 90%; margin-left: 25px; padding: 3px;}
#content dl {padding: 6px; margin-left: 5px; font-size: 80%;}
#content dl dt {font-size: 105%;}
#content dl dd {margin-left: 7px; margin-bottom: 5px;}
#content .not_verify {opacity: .7; background: #eee;}
#content .not_verify:hover {opacity: 1;}
#content p#contact_float_right {position: relative; top: -75px; left: 400px; width: 300px;}
#content .news_big {font-size: 120%; font-weight: bold; color: #9B0000;}
#content .input_name {font-size: 70%; font-weight: bold;}

#content .admin_reserve_today {background: #ABF475;}

#map_canvas {width: 600px; height: 600px; padding: 5px; margin-left: auto; margin-right: auto; margin-top: -50px;}
a {text-decoration: none; border-bottom: 1px dotted #bbb; color: #166322;}
a:hover {border-bottom: 1px solid black; color: #1B7628;}


/*form*/
form#order_meal select {height: 25px; vertical-align: middle; font-size: 75%;}
form#order_meal select option {font-size: 100%;}
form#order_meal table {border-collapse: collapse; margin-bottom: 30px;}
form#order_meal table tr {border: none;}
form#order_meal table tr.title {font-size: 90%; font-weight: bold;}
form#order_meal table tr.title td {font-size: 80%; text-align: center; border: none;}
form#order_meal table tr td {padding: 3px; font-size: 90%; border-bottom: 2px solid black;}
fieldset {padding: 5px; margin: 10px 5px; border: 1px dotted black; width: 60%;}
legend {padding: 0 6px; font-size: 80%; display: block; background: white; z-index: 50;}
input,select,textarea {background: white; border: 1px solid black; color: #171700; margin: 3px;}
#num_2 {width: 20px;}
#num_3 {width: 30px;}
#num_4 {width: 30px;}
#upload_file {width: 150px;}


#bot {background: url('../images/bot_tiger.jpg') no-repeat white; width: 1000px; height: 150px !important; height: 250px; position: relative; top: 80px; padding-bottom: 30px;}
#foot {position: relative; top: 65px; display: block; text-align: center; padding: 10px 10px 30px 10px; letter-spacing: 3px; font-size: 70%; line-height: 16px;}
#foot span {margin-right: 20px; line-height: 20px; color: #9B0000;}
#foot_misc_left {}
#foot #span_abs_mid {display: block; padding: 5px; position: relative; top: 30px; color: black;}
#foot_float_left {float: left; position: absolute; bottom: 5px !important; left: 10px !important; bottom: 180px; left: -180px; font-size: 70%; width: 250px; text-align: left; color: black; z-index: 10;}

/*ad
#fixed_ad {background: url('../images/ad.png') no-repeat; width: 250px; height: 130px; z-index: 50; position: absolute; left: 60%; top: 50px;}*/
#click_me {background: url('../images/ad.gif') no-repeat; width: 110px; height: 80px; position: relative; top: 107px; left: 100px;}