html {height: 100%;}

body {height: 100%; padding: 0; margin: 0; font: 16px Arial, sans-serif; color: #656565; background: #FFFFFF;}

img {border: 0px;}

form, p {padding: 0; margin: 0;}

.cl {clear: both; font: 0/0 sans-serif; height: 0px;}

a {color: #2DA2A2;}
a:hover {text-decoration: none;}

a.dashed_link {font-size: 12px; border-bottom: 1px dashed #2DA2A2; text-decoration: none;}
a.dashed_link:hover {border-bottom: none;}

#main {position: relative; min-height: 100%;}

#main_content {padding-bottom: 200px; margin: 0 auto; min-width: 1000px; max-width: 1260px;}

#top {height: 120px;}
#logo {float: left; overflow: hidden; width: 243px;}
#logo a {display: block; width: 201px; height: 50px; color: #FFFFFF; padding: 0; margin: 47px 0 0 42px; background: url(/design/images/logo.gif);}
#top_search {float: right; overflow: hidden; width: 213px; height: 106px; background: url(/design/images/star.png) no-repeat left top;}
#top_search div {float: right; overflow: hidden; width: 135px; margin: 5px 35px 0 0; text-align: center; font-size: 14px; line-height: 150%; color: #FFFFFF;}
#top_search div a {color: #FFFFFF; white-space: nowrap;}
#top_link {margin: 0 243px; text-align: center; padding: 10px;}

#main_form form {margin: 0 auto; width: 520px;}
#main_form form p {font-size: 18px; color: #333333; line-height: 200%;}
#main_form form p span {font-size: 24px;}
#main_form form p input {font: italic 14px Arial, sans-serif; color: #B8B8B8; width: 390px; height: 24px; vertical-align: middle; padding: 6px 5px 0 5px; margin: 0 5px; background: #FFFFFF; border-top: 1px solid #767676; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #767676;}
#main_form form p input.focus {font: bold 14px Arial, sans-serif; color: #333333;}
#main_form form p textarea {font: italic 14px Arial, sans-serif; color: #B8B8B8; width: 507px; height: 90px; vertical-align: middle; padding: 5px; background: #FFFFFF; border-top: 1px solid #767676; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #767676;}
#main_form form p textarea.focus {font: bold 14px Arial, sans-serif; color: #333333;}
#user_links {float: right; width: 100px; overflow: hidden; position: relative; margin: -5px -30px 0 0;}
#user_links p {line-height: 100%; padding: 0 0 2px 0; white-space: nowrap;}
#main_form form #user_links p {line-height: 100%;}
#main_form form #main_form_bottom {margin-top: 35px; color: #333333; font-size: 14px;}
#main_form form #main_form_bottom #signature_date {width: 100px; float: left; text-align: center;}
#main_form form #main_form_bottom #signature_date span {display: block; border-top: 1px solid #000000; font-style: italic;}
#main_form form #main_form_bottom #signature_button {float: right; width: 110px; overflow: hidden;}
#main_form form #main_form_bottom #signature_button input {font: 14px Arial, sans-serif; color: #333333; background: #DEDEDE; width: 110px; height: 25px; border-top: 1px solid #EFEFEF; border-right: 1px solid #383838; border-bottom: 1px solid #383838; border-left: 1px solid #EFEFEF;}
#main_form form #signature_count {float: right; overflow: hidden; position: relative; margin: 37px -155px 0 0; padding-left: 35px; color: #676767; font-size: 12px; width: 120px; line-height: 150%;}
#main_form form #signature_count span {display: block; float: left; overflow: hidden; width: 20px; height: 45px;}

#main_list {margin-top: 35px; padding: 0 15px;}
#main_list h2 {font-size: 18px; color: #000000; font-weight: normal; padding: 0; margin: 0;}
#main_list #disgrace ul, #main_list #honour ul {padding: 0; margin: 0; list-style: none;}
#main_list #disgrace ul li, #main_list #honour ul li {margin-top: 10px;}
#main_list #disgrace ul li strong, #main_list #honour ul li strong {font-size: 18px;}

span.site_counter, span.user_counter {width: 53px; height: 18px; margin: 1px 15px 0 0; display: block; float: left; font-size: 10px; text-align: center; line-height: 18px;}
span.site_counter a, span.user_counter a {color: #FFFFFF;}
span.site_counter span, span.user_counter span {margin: 0; width: 53px; height: 18px; display: block;}

span.site_counter {background: #33B7B7 url(/design/images/counter_disgrace_bg.png);}
span.site_counter span {background: url(/design/images/counter_disgrace_left.png) no-repeat left top;}
span.site_counter span span {background: url(/design/images/counter_disgrace_right.png) no-repeat right top;}

span.user_counter {background: #C6B626 url(/design/images/counter_honour_bg.png);}
span.user_counter span {background: url(/design/images/counter_honour_left.png) no-repeat left top;}
span.user_counter span span {background: url(/design/images/counter_honour_right.png) no-repeat right top;}

#main_list #disgrace p, #main_list #honour p {margin-top: 25px;}
#main_list #disgrace p a, #main_list #honour p a {font-size: 13px;}
#main_list #disgrace p span, #main_list #honour p span {color: #7D7D7D; font-size: 18px;}

#complaints ul#complaints_type {padding: 0; margin: 0; list-style: none; margin-top: 5px;}
#complaints ul#complaints_type li {float: left; overflow: hidden; margin-right: 15px; font-size: 12px; color: #2DA2A2; cursor: pointer; padding-bottom: 2px; border-bottom: 1px dashed #2DA2A2; text-decoration: none;}
#complaints ul#complaints_type li.hover {border-bottom: none;}
#complaints ul#complaints_type li.active {color: #0F3737; border-bottom: none; cursor: auto;}

#disgrace {float: left; width: 30%;}
#complaints {float: left; width: 39%; overflow: hidden;}
#complaints_content {padding-right: 20px;}
#honour {float: left; width: 30%;}

#complaints_text, #complaints_surprise {margin-top: 15px; font-size: 12px; line-height: 200%;}
#complaints_surprise {display: none;}
.size_14 {font-size: 14px;}
.size_15 {font-size: 15px;}
.size_16 {font-size: 16px;}
.size_17 {font-size: 17px;}
.size_18 {font-size: 18px;}

#search_form {margin: 0 110px;}
#search_title {float: left; overflow: hidden; width: 120px; padding-top: 20px; font-size: 24px; color: #333333;}
#search_form_top {height: 94px; margin-left: 120px; background: #F2F394 url(/design/images/search_form_top.gif) no-repeat left top;}
#search_form_right {height: 94px; background: url(/design/images/search_form_right.gif) no-repeat right top;}
#search_form_bottom {height: 94px; background: url(/design/images/search_form_bottom.gif) no-repeat right bottom;}
#search_form_left {height: 94px; background: url(/design/images/search_form_left.gif) no-repeat left bottom;}

#search_form p {font-size: 14px; padding: 1px 15px;}
#search_form span {margin: 0 15px; color: #44ACAC; border-bottom: 1px dashed #44ACAC; text-decoration: none; cursor: pointer;}
#search_form span.hover {border-bottom: none;}
#search_form span.active {color: #656565; border-bottom: none; cursor: auto;}
#search_form table {border-collapse: collapse;}
#search_form table td {padding: 15px;}
#search_field {width: 100%;}
#search_field input {font: bold 14px Arial, sans-serif; color: #333333; width: 100%; height: 24px; vertical-align: middle; padding: 6px 5px 0 5px; margin: 0; background: #FFFFFF; border-top: 1px solid #404040; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #404040;}
#search_button input {font: 14px Arial, sans-serif; color: #333333; background: #DEDEDE; height: 25px; border-top: 1px solid #EFEFEF; border-right: 1px solid #383838; border-bottom: 1px solid #383838; border-left: 1px solid #EFEFEF;}

#search_result {margin: 40px 105px 40px 166px;}
.search_result_item {margin-bottom: 10px;}
.search_result_item span {margin-top: 4px;}
.search_result_item a.search_result_link {font-size: 20px;}
a.search_comment_link {float: right; margin-top: 4px; color: #33B7B7; border-bottom: 1px dashed #44ACAC; text-decoration: none;}
a.search_comment_link:hover {border-bottom: none;}

#comments {margin: 0 105px 0 19px;}
#comments_rss {width: 147px; float: left; overflow: hidden;}
#comments_rss img {display: block; margin-bottom: 5px;}
#comments_rss a {color: #E87A33; font-size: 11px;}
#comments_content {margin-left: 147px;}

.comment_item {margin-bottom: 25px;}
.comment_count {float: left; width: 65px; overflow: hidden;}
.comment_text {margin: 0 65px; font-size: 14px;}
.comment_text p.comment_author {font-size: 10px; font-style: italic; margin-bottom: 5px;}
.comment_text p.comment_author span {font-size: 14px; font-style: normal; font-weight: bold;}
.comment_rating {float: right; width: 65px; overflow: hidden; font-size: 12px; color: #7B7B7B; padding-top: 2px;}
.comment_rating img {float: left;}
.comment_rating img.rating_down {margin-top: 4px;}
.comment_rating img.rating_up {margin-top: -3px;}
.comment_rating span {width: 30px; float: left; display: block; text-align: center;}

#comments_pager {width: 100%; border-collapse: collapse;}
#comments_pager td {padding: 1px; font-size: 14px;}
#comments_pager td a {color: #C2AC1C; display: block; text-align: center; border-top: 5px solid #DADADA; padding-top: 5px;}
#comments_pager td.active span {color: #484848; font-weight: bold; display: block; padding-top: 5px; text-align: center; border-top: 5px solid #F2F394;}
#comments_pager td.first {width: 100px;}
#comments_pager td.last {width: 140px;}

#comments_pager_ctrl {text-align: center; margin-top: 50px; font-size: 14px; color: #5E5E5E;}
#comments_pager_ctrl a {color: #C2AC1C;}

#comment_form {display: none; margin: 0 105px 50px 135px;}
#comment_form form {width: 600px;}
#comment_form table {border-collapse: collapse;}
#comment_form td {padding: 0 10px 10px 0; font-size: 12px; color: #333333;}
#comment_form td.field_title {text-align: right;}
#comment_form td input {font: bold 14px Arial, sans-serif; color: #333333; width: 390px; height: 19px; vertical-align: middle; padding: 3px 5px 0 5px; background: #FFFFFF; border-top: 1px solid #767676; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #767676;}
#comment_form td textarea {font: bold 14px Arial, sans-serif; color: #333333; width: 390px; height: 60px; vertical-align: middle; padding: 5px; background: #FFFFFF; border-top: 1px solid #767676; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #767676;}
#comment_form td input#comment_button {font: 14px Arial, sans-serif; color: #333333; background: #DEDEDE; width: 110px; padding: 0; margin: 0; height: 25px; border-top: 1px solid #EFEFEF; border-right: 1px solid #383838; border-bottom: 1px solid #383838; border-left: 1px solid #EFEFEF;}
#comment_form td#comment_user_link {line-height: 150%;}

#bottom {position: relative; height: 121px; margin-top: -121px;}
#bottom_content {min-width: 1000px; max-width: 1260px; margin-left: auto; margin-right: auto;}
#bottom_line {margin: 0 13px; padding-top: 40px; height: 80px; border-top: 1px solid #787878; font-size: 13px; color: #4B4B4B; background: url(/design/images/bowl.png) no-repeat right 50px;}
#bottom_line p {padding-bottom: 5px;}

.dialog_window {position: absolute; display: none;}
.dialog_window table {border-collapse: collapse; margin: 20px; width: 460px;}
.dialog_window td {padding: 0 10px 10px 0; font-size: 14px; color: #333333;}
.dialog_window td.field_title {text-align: right; white-space: nowrap;}
.dialog_window td.field_input {width: 99%;}
.dialog_window td.field_input input {font: bold 14px Arial, sans-serif; color: #333333; width: 99%; height: 19px; vertical-align: middle; padding: 3px 0 0 0; text-indent: 5px; background: #FFFFFF; border-top: 1px solid #4E4E4E; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #4E4E4E;}
.dialog_window td.login_submit {padding-top: 20px;}
.dialog_window td.login_submit a {float: left; font-size: 12px; color: #229696; margin-top: 5px;}
.dialog_window td.login_submit input {float: right; font: 14px Arial, sans-serif; color: #333333; background: #DEDEDE; width: 110px; padding: 0; margin: 0; height: 25px; border-top: 1px solid #EFEFEF; border-right: 1px solid #383838; border-bottom: 1px solid #383838; border-left: 1px solid #EFEFEF;}