/*
COLORS USED HERE
  #002010 - normal dark text
  color: 507060;

  #c0c8c4 - section head
  #a0b0a8 - section description

  #809088 - dark border
  #a0b0a8 - medium border
  #d0d8d4 - light border
  #e0e8e4 - very light border

  #f0f4f2 - very dark background
  #f7f9f8 - dark background
*/
* {
 color: #507060;
}
a:visited, a:link {
 color: #507060;
}
a:hover {
  color: red;
}
a:active {
  color: #a06060;
}

body {
  background-color: white;
  margin: 0px;
  padding: 1px;
  scrollbar-face-color: #e0e8e4;
  scrollbar-highlight-color: #b0c0b8;
  scrollbar-shadow-color: #ffffff;
  scrollbar-3dlight-color: #ffffff; 
  scrollbar-arrow-color: #405045;
  scrollbar-track-color: #ffffff;
  scrollbar-darkshadow-color: #a0b0a8;
}

.text_normal {
  font-size: 80%;
}
a.text_link {
  font-size: 80%;
  text-decoration: none;
}
input.text_input, textarea.text_input {
  font-size: 80%;
}

table {
  border-collapse: collapse;
  border-style: none;
}

caption {
  text-align: left;
}

tr {
}

td {
  vertical-align: top;
  padding: 2px;
  border: 0px dotted red;
}

thead {
}
thead td {
  font-size: 80%;
  border-top: 1px solid #d0d8d4;
  border-bottom: 1px solid #d0d8d4;
  vertical-align: bottom;
}
thead a:visited, thead a:link {
  color: #002010;
  text-decoration: none;
}
tfoot td {
  border-top: 1px double #d0d8d4;
  padding-top: 6px;
}

th {
  text-align: left;
  vertical-align: top;
  padding: 0.25em 0.5em 0px 0.125em;
  font-weight: normal;
  font-size: 80%;
}


/* top level */
table.main {
  width: 100%;
}
table.main .main_min_width {
  padding-right: 700px;
  border-style: none;
}
table.main td.main_head {
  padding: 0px;
}
table.main td.main_body {
  width: auto;
  padding: 8px;
}
table.main td.main_side {
  width: 150px;
}



.section_title {
  color: #c0c8c4;
  font-style: italic;
  font-weight: bolder;
  font-size: 120%;
}
.section_desc {
  color: #a0b0a8;
  font-size: 80%;
}
.subsection_title {
  color: #a0b0a8;
  font-weight: bolder;
  font-size: 90%;
  margin-top: 1em;
  text-decoration: none;
}

.section_option_right {
  float: right;
}
.section_option_left {
  padding-left: 1em;
}
.section_option_center {
  float: right;
}

a.action_button {
  margin: 4px;
  font: small-caps 70%;
  text-decoration: none;
  background-color: #f7f9f8;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  border: 1px solid #a0b0a8;
  text-align: center;
}
input.action_button {
  margin: 4px;
  position: relative; top: -2px;
  font: small-caps 70%;
  text-decoration: none;
  background-color: #f7f9f8;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  border: 1px solid #a0b0a8;
  text-align: center;
}

.error_msg {
  background: red;
  padding: 4;
  color: white;
  font-size: 80%;
  font-weight: bold;
}

.error_form_field {
  background: red;
  padding: 4;
  color: white;
  font-size: 80%;
}

#tipBox {
  position: absolute; 
  width: 200px; 
  z-index: 100;
  border: 1px black solid; 
  background: #eeffff; 
  visibility: hidden;
  padding: 8px 4px 8px 4px;
  color: black;
  font-size: 80%;
  filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity:0.9;
}

.required_mark{
  position: absolute; 
  z-index: 99; 
  color: red;
  font-weight: bold;
}


/* heading.jsp */
span.heading_search td {
  vertical-align: middle;
}
table.heading {
  margin: 4px 0 4px 4px;
}
div.heading {
  font-size: 110%;
}
table.top_navigation {
  vertical-align: middle;
  margin-bottom: 5px;
}
table.top_navigation td {
  font-variant: small-caps;
  padding: 0px 5px 0px 0px;
}
table.top_navigation td a {
  text-decoration: none;
}

/* side_bar.jsp */
table.side_settings {
  width: 100%;
}
table.side_settings .signin_wrapper {
  padding: 4px;
  background-color: #f0f8f4;
  width: 100%;
}
table.side_settings table.signin {
  width: 100%;
}
table.side_settings table.signin table td, table.side_settings table.signin table th {
  vertical-align: middle;
}
table.side_settings .location_wrapper {
  padding: 4px;
  width: 100%;
  margin-top: 1em;
}
table.side_settings table.location {
  width: 100%;
}
table.side_settings .cuisine_wrapper {
  padding: 4px;
  width: 100%;
  margin-top: 1em;
}
table.side_settings table.cuisine {
  width: 100%;
}
table.side_settings .user_wrapper {
  padding: 4px;
  width: 100%;
  margin-top: 1em;
}
table.side_settings table.user {
  width: 100%;
}
table.side_settings table.user td, table.side_settings table.user th {
  vertical-align: middle;
}
table.side_settings table.user .content input.text_normal {
  width: 90px;
}
table.side_settings .title {
  font-weight: bold;
}
table.side_settings .content {
  padding: 4px;
  border: 1px solid #e0e0e0;
}


/* Home.jsp */
div.home_wrapper {
  width: 100%;
  padding: 50px 20px 0px 50px;
}
table.home {
  width: 100%;
}
table.home td {
  color: #809088;
}
table.home ul {
  margin-left: 2ex;
  list-style: disc;
}
table.home li, table.home li a {
  text-decoration: none;
}


/* MyHome.jsp */
div.my_home_panel_wrapper {
  background-color: black;
  font-size: 80%;
}
div.my_home_panel_wrapper span.panel_label_selected {
  border: 3px double gray;
  background-color: white;
  padding: 1px;
  margin-right: 2px;
}
div.my_home_panel_wrapper span.panel_label_selected a {
  text-decoration: none;
  color: black;
}
div.my_home_panel_wrapper span.panel_label {
  border: 3px double gray;
  padding: 1px;
  margin-right: 2px;
}
div.my_home_panel_wrapper span.panel_label a {
  text-decoration: none;
  color: white;
}

/* About.jsp */
div.about_us_wrapper {
  width: 100%;
  padding: 50px 20px 20px 50px;
}
table.about_us {
  width: 100%;
}
table.about_us th {
  width: 100px;
  padding-top: 0.4em;
}
table.about_us td {
  padding-right: 100px;
}


/* CreateAccount.jsp */
div.create_account_wrapper {
  width: 100%;
  padding: 50px 20px 20px 50px;
}
table.create_account {
  width: 100%;
}
table.create_account caption table {
  width: 100%;
}
table.create_account caption table td.col1 {
  vertical-align: bottom;
  padding: 0px 0px 10px 100px;
}
table.create_account caption table td.col2 {
  width: 110px;
}
table.create_account caption .section_title {
  border-bottom: 1px solid #809088;
}
table.create_account tfoot td {
  border: none;
}
table.create_account th {
  width: 100px;
  vertical-align: middle;
}
table.create_account td {
  vertical-align: middle;
}
table.create_account tr.short_field input {
  width: 100px;
}
table.create_account tr.short_field .spacer {
  padding: 0 20px 0 30px;
}
table.create_account tr.long_field input {
  width: 90%;
}
.info_text {
  font-size: 70%;
}


/* Report Restaurant.jsp */
div.report_restaurant_wrapper {
  width: 100%;
  padding: 20px 20px 20px 50px;
}
table.report_restaurant {
  width: 100%;
}
table.report_restaurant caption table {
  width: 100%;
}
table.report_restaurant caption table td.col1 {
  vertical-align: bottom;
  padding: 0px 0px 10px 100px;
}
table.report_restaurant caption table td.col2 {
  width: 110px;
}
table.report_restaurant caption .section_title {
  border-bottom: 1px solid #809088;
}
table.report_restaurant th {
  width: 100px;
  padding-top: 0.4em;
}
table.report_restaurant tbody tr.long_field input.text_input, table.report_restaurant tbody tr.long_field textarea.text_input {
  width: 90%;
}


/* SearchFood.jsp */
div.search_food_review_wrapper {
  padding: 50px 20px 20px 50px;
  width: 100%;
}
table.search_food_review {
  width: 100%;
}
table.search_food_review caption table {
  width: 100%;
}
table.search_food_review caption table td.col1 {
  vertical-align: bottom;
  padding: 0px 0px 10px 0px;
}
table.search_food_review caption table td.col2 {
  width: 110px;
}
table.search_food_review caption .section_title {
  border-bottom: 1px solid #809088;
}
table.search_food_review tbody .subsection_title {
  padding-bottom: 10px;
}
table.search_food_review tbody div.text_normal {
  font: small-caps;
  margin-top: 10px;
  color: #809088;
}
table.search_food_review tbody table {
  width: 100%;
}
table.search_food_review tbody table td {
  width: 40%;
}

/* board_message.jsp */
div.board_message_wrapper {
  padding: 50px 20px 20px 50px;
  width: 100%;
}
table.board_message {
  width: 100%;
}
table.board_message caption {
  background-color: #f0f4f2;
  border-bottom: 1px solid #809088;
  padding: 4px;
}
table.board_message tbody th.board_message_th {
  width: 100px;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid d0d8d4;
}
table.board_message tbody td.board_message_td {
  width: 550px;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid d0d8d4;
}
table.board_message tbody td.board_message_content {
  height: 10em;
  padding: 20px 10px 20px 10px;
}



/* reply_list */
div.board_message_reply_list_wrapper {
  margin: 10px;
  text-align: center;
}
table.board_message_reply_list {
}
tbody.board_message_reply_list tr td {
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid #d0d8d4;
  border-top: 1px solid #d0d8d4;
}
table.board_message_reply_list tr.board_message_reply_list_elem_odd {
  background-color: #f7f9f8;
  padding: 1em 0em 1em 0em;
}
table.board_message_reply_list tr.board_message_reply_list_elem_even {
  background-color: #fdfffe;
}
table.board_message_reply_list td.column_name {
  padding-right: 10px;
  padding-left: 1ex;
  width: auto;
}
table.board_message_reply_list td.column_name_separator {
  width: 2ex;
  text-align: center;
}
table.board_message_reply_list td.column_memo {
  width: 300px;
}
table.board_message_reply_list td.column_date {
  width: 70px;
  text-align: right;
}
table.board_message_reply_list td.column_action {
  width: 2em;
  text-align: right;
}

span.memo_form_wrapper {
  margin-top: 20px;
  padding: 10px;
  width: 100%;
}
table.memo_form {
  width: 100%;
}
table.memo_form thead td {
  border-style: none;
}
table.memo_form td.memo {
  width: 100%;
}
table.memo_form td.name {
  width: 100px;
}
table.memo_form td.password {
  width: 200px;
}
table.memo_form td.action {
  width: 50px;
}
table.memo_form textarea {
  width: 100%;
  height: 5em;
}


/* include/paging.jsp */
div.list_paging_wrapper {
  text-align: center;
}
table.list_paging {
  margin-top: 20px;
}


/* board_message_list.jsp */
div.board_message_list_wrapper {
  text-align: center;
  padding: 20px 20px 20px 50px;
  width: 90%;
}
table.board_message_list {
  width: 100%;
  border-bottom: 1px solid #809088;
}
table.board_message_list caption table {
  width: 100%;
}
table.board_message_list caption table td.col1 {
  vertical-align: bottom;
  padding: 0px 0px 10px 0px;
}
table.board_message_list caption table td.col2 {
  width: 110px;
}
table.board_message_list caption .section_title {
  border-bottom: 1px solid #809088;
}
table.board_message_list .selected_column {
  font-weight: bold;
}
table.board_message_list tbody.list td {
  border-top: 1px solid #e0e8e4;
}
#ListBoardMessages table.board_message_list tbody.list td, #ListRestaurantReviews table.board_message_list tbody.list td {
  padding-top: 15px;
  padding-bottom: 15px;
}
table.board_message_list td.num {
  width: 30px;
  text-align: right;
  padding-right: 5px;
}
table.board_message_list td.title {
}
table.board_message_list td.business{
  width: 14ex;
}
table.board_message_list td.author {
  width: 10ex;
}
table.board_message_list td.date {
  width: 10ex;
}
table.board_message_list thead td.hits {
  width: 9ex;
  text-align: right;
  padding-right: 1.5ex;
}
table.board_message_list tbody td.hits {
  text-align: right;
  padding-right: 2ex;
}


/* WriteBoardMessage.jsp */
div.write_board_message_wrapper {
  width: 100%;
  padding: 20px 20px 20px 20px;
}
table.write_board_message {
  margin-top: 40px;
  width: 100%;
}
table.write_board_message caption table {
  width: 100%;
}
table.write_board_message caption table td.col1 {
  vertical-align: bottom;
  padding: 0px 0px 10px 100px;
}
table.write_board_message caption table td.col2 {
  width: 110px;
}
table.write_board_message caption .section_title {
  border-bottom: 1px solid #809088;
}
table.write_board_message tfoot td, table.write_board_message tr.submit td {
  border: none;
  padding-top: 6px;
  padding-bottom: 30px;
}
table.write_board_message th {
  width: 100px;
  vertical-align: middle;
}
table.write_board_message td {
  vertical-align: middle;
}
table.write_board_message tr.short_field input {
  width: 100px;
}
table.write_board_message tr.short_field .spacer {
  padding: 0 20px 0 30px;
}
table.write_board_message tr.long_field input, table.write_board_message tr.long_field textarea {
  width: 100%;
}


table.write_board_message_business {
  width: 100%;
}
table.write_board_message_business caption table {
  width: 100%;
}
table.write_board_message_business th {
  width: 100px;
  vertical-align: middle;
  font-size: 70%
}
table.write_board_message_business td {
  vertical-align: middle;
}
table.write_board_message_business td .text_normal {
  font-size: 70%;
}
table.write_board_message_business tr.short_field input {
  width: 125px;
}
table.write_board_message_business tr.short_field .spacer {
  padding: 0 20px 0 30px;
}
table.write_board_message_business tr.long_field input, table.write_board_message tr.long_field textarea {
  width: 300px;
}
table.ratings thead td {
  border: none;
}


/* ListRestaurants.jsp */
div.restaurant_list_wrapper {
  text-align: left;
  padding: 50px 20px 20px 50px;
  width: 100%;
}
table.restaurant_list {
  border-top: 1px solid #809088;
  border-bottom: 1px solid #809088;
  width: 100%;
}
table.restaurant_list thead .restaurant_list_head_select {
  font-weight: bolder;
}
table.restaurant_list tbody .restaurant_list_head_select {
  font-weight: bold;
}
table.restaurant_list tbody {
  padding-top: 1em;
  margin-top: 1em;
}
table.restaurant_list tbody.list tr.restaurant_list_element_first td {
  padding-top: 20px;
  font-weight: bold;
}
table.restaurant_list tr.restaurant_list_element_first td a {
  text-decoration: none;
}
table.restaurant_list tbody.list tr.restaurant_list_element_rest td {
  border-bottom: 1px solid #e0e8e4;
  padding-bottom: 10px;
}
table.restaurant_list td .selected_column {
  font-weight: bold;
  text-decoration: blink;
}
table.restaurant_list td.name {
  width: auto;
}
table.restaurant_list thead td.reviews {
  width: 11ex;
}
table.restaurant_list tbody td.reviews {
  text-align: right;
  padding-right: 3ex;
}
table.restaurant_list td.overall {
  width: 65px;
}
table.restaurant_list td.foods {
  width: 65px;
}
table.restaurant_list td.decor {
  width: 65px;
}
table.restaurant_list td.service {
  width: 65px;
}
table.restaurant_list td.price {
  width: 65px;
}
table.restaurant_list td.specific_food {
  width: 65px;
}


/* restaurant_info.jsp */
div.restaurant_info_wrapper {
  padding: 50px 20px 20px 50px;
  width: 100%;
}
table.restaurant_info {
  width: 100%;
  margin-bottom: 20px;
}
table.restaurant_info caption {
  background-color: #f0f4f2;
  border-bottom: 1px solid #809088;
  padding: 4px;
}
table.restaurant_info .business_photo {
  float: right;
}
table.restaurant_review .review_th {
  width: 100px;
}
table.restaurant_review_rating td, table.restaurant_review_rating th {
  border: none;
  text-align: center;
  width: 7ex;
}











/* ViewRestaurant.jsp */
/* ViewRestaurantReview.jsp */
table.restaurant_review .review_th {
  width: 100px;
}
table.restaurant_review_food {
  width: 100%;
}
table.restaurant_review_food thead td {
  border-style: none;
}
table.restaurant_review_food thead td span {
  padding: 0px 5px 0px 5px;
  font-weight: bold;
}
table.restaurant_review_food td.column_rating {
  width: 17ex;
}
table.restaurant_review_food td.column_food {
  width: auto;
}











/* ViewRestaurantReview.jsp */
table.user_review {
  width: 100%;
}
table.user_review .review_th {
  width: 100px;
}
table.user_review .review_td .title {
  font-weight: bold;
}
table.user_review .review_td .comment {
  height: 5em;
}

/* ViewRestaurant.jsp */
/* ViewRestaurantReview.jsp */
table.review_list {
  border-top: 1px solid #809088;
  border-bottom: 1px solid #809088;
  width: 100%;
  margin: 40px 0px 0px 0px;
}
table.review_list a {
  text-decoration: none;
  color: #002010;
}
table.review_list td.column_num {
  width: 30px;
  text-align: right;
  padding-right: 10px;
}
table.review_list td.column_rating {
  width: 70px;
}
table.review_list td.column_title {
}
table.review_list td.column_name {
  width: 100px;
}
table.review_list td.column_date {
  width: 70px;
}
table.review_list td.column_hits {
  width: 50px;
  text-align: right;
}
.review_list_element_odd {
  font-size: 80%;
  background: #f0f0f0;
}
.review_list_element_even {
  font-size: 80%;
}

/* WriteRestaurantReview */
table.write_review {
  width: 100%;
}


/* SelectLocation.jsp */
div.enter_city_wrapper {
  text-align: center;
  margin: 50px 0 50px 0;
}
table.enter_city td, table.enter_city th {
  vertical-align: middle;
}
table.select_location {
  width: 100%;
}
table.select_location a.major_location {
  font: bold small-caps 100%;
}
table.select_location a.mid_location {
  font-size: 80%;
}
table.select_location a.minor_location {
  font-size: 80%;
  margin-left: 1em;
}