* {
margin: 0;
padding: 0;
}

html, body {
width: 100%;
height: 100%;
font-family: helvetica, sans-serif, verdana;
font-size: 13px;
background-color: #c6ccf1;
color: #000000;
overflow: hidden;
}

div#chat {
width: 100%;
height: 100%;
min-height: 100%;
border: 1px solid #0000A0;
overflow: hidden;
}

div#center_top {
width: 100%;
height: 10%;
min-height: 10%;
background-color: #000000;
}

div#page_title {
width: 90%;
height: 70%;
min-height: 80%;
color: #FFFFFF;
font-family: comic sans ms, verdana, sans-serif;
font-size: 20px;
padding: 14px;
}

div#center {
width: 100%;
min-height: 72%;
height: 72%;
background-color: #FEFEFE;
float: left;
}

div#left {
width: 5%;
height: 100%;
min-height: 100%;
background-color: #b03737;
float: left;
}

div#center_middle {
width: 80%;
height: 100%;
min-height: 100%;
background-color: #FFFFFF;
float: left;
overflow: hidden;
}

div#messages, div#login_to_chat {
width: 95%;
margin-top: 5px;
margin-bottom: 10px;
}

div#google_pub {
  width: 95%;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}

div#msg_entry {
width: 100%;
font-family: verdana, helvetica, sans-serif;
font-size: 12px;
margin-left: 8px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #FFFFFF;
padding: 4px;
float: left;
}

div#msg_entry_left {
width: 30%;
float: left;
}

div#msg_entry_header {
width: 100%;
margin-bottom: 2px;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
font-style: italic;
color: #000000;
background-color: #fff9f9;
}

div#msg_entry_left_user {
width: 28%;
}

div#msg_entry_right {
width: 70%;
float: left;
}

div#right {
width: 15%;
min-height: 100%;
height: 100%;
background-color: #b03737;
overflow-y: auto;
overflow-x: hidden;
float: left;
}

div#user_list {
width: 85%;
margin-top: 6px;
margin-left: 10px;
}

div.user_entry {
width: 100%;
padding: 3px;
font-family: helvetica, sans-serif;
font-size: 11px;
background-color: #e0e4ff;
margin-bottom: 5px;
text-align: center;
}

div.user_entry:hover {
width: 100%;
padding: 3px;
background-color: #FFFFFF;
margin-bottom: 5px;
text-align: center;
}

a.user_entry_link {
font-family: helvetica, sans-serif;
font-size: 11px;
color: #0000BF;
text-decoration: none;
}

a.user_entry_link:hover {
font-family: helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}

div#center_bottom {
width: 100%;
min-height: 18%;
height: 18%;
background-color: #000000;
}

div.clearer {
clear: both;
}

p#site_title {
font-family: comic sans ms;
font-size: 25px;
font-weight: bold;
color: #FFFFFF;
padding-top: 8px;
padding-left: 20px;
margin: 0;
}

p#sub_site_title {
font-family: comic sans ms;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
padding-top: 5px;
padding-left: 20px;
margin: 0;
}

div#navigation {
margin-left: 50px;
padding-top: 2px;
font-family: verdana;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

div.nav_entry {
float: left;
margin-right: 5px;
}

a.nav_link {
font-family: verdana, helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

a.nav_link:hover {
font-family: verdana, helvetica, sans-serif;
font-size: 13px;
color: #c6ccf1;
text-decoration: none;
}

a {
font-family: verdana;
font-size: 13px;
font-weight: bold;
color: #0000BF;
text-decoration: none;
}

a:hover {
font-family: verdana;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
}

a.msg_link {
font-family: helvetica, sans-serif;
font-size: 12px;
color: #7cc921;
text-decoration: none;
}

a.msg_link:hover {
font-family: helvetica, sans-serif;
font-size: 12px;
color: #7cc921;
text-decoration: underline;
}

p.headline {
font-weight: bold;
background-color: #000000;
color: #FFFFFF;
padding: 3px;
}

div#w_close {
width: 480px;
text-align: center;
margin-top: 20px;
}

p#captcha_headline {
font-family: helvetica;
font-size: 18px;
color: #FFFFFF;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
}

form {
display: inline;
}

div.center_form {
width: 480px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
}

div.center_form_left {
width: 230px;
padding: 3px;
margin-bottom: 5px;
float: left;
}

div.center_form_right {
width: 230px;
padding: 3px;
float: left;
}

div.center_form_bottom {
width: 480px;
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
}

div#center_form_c_code {
width: 480px;
font-family: helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
margin-top: 5px;
}

div.center_form_loader {
width: 480px;
height: 15px;
text-align: center;
margin-top: 5px;
background-image:url('../pics/ajax-loader-big.gif');
background-repeat: no-repeat;
background-position: center;
display: none;
}

div.center_form_msg {
width: 480px;
font-family: helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-align: center;
margin-top: 10px;
display: none;
}

input.center_form_txtf {
font-family: verdana, arial, sans-serif;
font-size: 12px;
background-color: #F2F2F2;
border: none;
color: #000000;
width: 200px;
}

div#registry, div#login, div#forg_pass, div#msg_history, div#own_profile, div#ot_profile, div#shortcuts {
width: 480px;
height: 280px;
font-family: verdana, helvetica sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #4F5EB7;
border: 1px solid #000000;
position: absolute;
top: 130px;
left: 170px;
display: none;
overflow-y: auto;
overflow-x: hidden;
}

div#own_profile_b, div#ot_profile_b {
width: 480px;
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
}

div#msgs_form {
width: 1000px;
margin-top: 10px;
font-family: verdana;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

div#msgs_form_left {
width: 550px;
height: 80px;
margin-left: 50px;
float: left;
}

div#msgs_form_right {
width: 300px;
margin-left: 30px;
float: left;
padding: 4px;
overflow-y: visible;
}

div#msgs_field {
margin-bottom: 10px;
}

div#msgs_colors {
width: 550px;
}

div#msgs_logout {
margin-top: 10px;
font-family: verdana;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

a.color_btn {
font-family: verdana;
font-size: 11px;
height: 8px;
border: 1px solid #FFFFFF;
}

input#user_msg {
font-family: arial;
font-size: 15px;
background-color: #FFFFFF;
border: none;
color: #0000BF;
width: 390px;
}

div.msg_history_entry {
width: 440px;
font-family: helvetica, sans-serif;
font-size: 11px;
margin-left: 8px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
background-color: #E0E4FF;
padding: 4px;
float: left;
position: relative;
}

div.msg_history_left {
width: 120px;
float: left;
color: #000000;
}

div.msg_history_header {
width: 440px;
font-family: helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #f4f6ff;
}

div.msg_history_left_user {
width: 100px;
}

div.msg_history_right {
width: 240px;
float: left;
color: #000000;
font-weight: normal;
}

div.msg_history_bottom, div#ot_profile_bottom {
width: 440px;
margin-bottom: 5px;
text-align: center;
}

input.button, input#msg_btn {
font-family: verdana;
font-size: 12px;
width: auto;
overflow: visible;
padding: 0 5px;
}

select, option {
font-family: verdana;
font-size: 12px;
}

div#footer {
margin-top: 15px;
text-align: center;
}