/* main styles */
html {
 height: 100%;
}
body {
 font-size: 11px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 height: 100%;
 margin: 0;
 /*overflow: hidden;*/
}
p,td,div {
 color: #6c6c6c;
 font-size: 11px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
}
/* default links */
a:link {
 color: #6c6c6c;
 text-decoration: underline;
}
a:visited {
 color: #6c6c6c;
}
a:hover {
 color: #6c6c6c;
 text-decoration: none;
}
a:active {
 color: #6c6c6c;
}
/* header styles */
td.grey_bline {
 border-bottom: 1px solid #dddddd;
}
td.no_padding {
 padding: 0px;
}
/* text styles */
.marked {
 color: #5283b7;
 font-weight: bold;
}
.marked_grey {
 color: #6c6c6c;
 font-weight: bold;
}
.white {
 color: #ffffff;
}
.blue {
 color: #5283b7;
}
.small {
 font-size: 9px;
}
.small_blue {
 color: #5283b7;
 font-size: 9px;
}
.small_blue a {
 color: #5283b7;
 font-size: 9px;
 text-decoration: underline;
}
.small_blue a:link {
 color: #5283b7;
 font-size: 9px;
 background-position: 0 0;
 text-decoration: underline;
}
.small_blue a:hover {
 color: #5283b7;
 font-size: 9px;
 text-decoration: none;
}
.medium {
 font-size: 10px;
}
.medium_blue {
 color: #5283b7;
 font-size: 10px;
}
.medium_blue a {
 color: #5283b7;
 font-size: 10px;
 text-decoration: underline;
}
.medium_blue a:link {
 color: #5283b7;
 font-size: 10px;
 background-position: 0 0;
 text-decoration: underline;
}
.medium_blue a:hover {
 color: #5283b7;
 font-size: 10px;
 text-decoration: none;
}
span.bold_blue {
 color: #5283b7;
 font-size: 11px; 
 font-weight: bold;
}
span.bold_white {
 color: #fff;
 font-size: 11px;
 font-weight: bold;
}
span.dbl_line {
 line-height: 16px;
}
span.invalid_field {
 background-color: #e6d4df;
 font-size: 9px;
 color: #990000;
}
/* main table styles */
td.main_content {
 background-color: #fff;
 background-image: url(images/chat/top_shad.gif);
 background-repeat: repeat-x;
 background-position: left top;
 padding-right: 12px;
 padding-left: 20px;
 padding-top: 20px;
 padding-bottom: 15px;
}
td.rshad {
 background-image: url(images/chat/boxshad_r.gif);
 background-repeat: repeat-y;
 background-position: left top;
 padding: 0;
}
td.bshad {
 background-image: url(images/chat/boxshad_b.gif);
 background-repeat: repeat-x;
 background-position: left top;
 padding: 0 0 0 0;
}
td.description {
 padding-top: 3px;
 padding-bottom: 3px;
}
td.pl_dark {
 background-color: #e9f3fd;
 padding: 20px 5px 25px 20px;
}
td.pr_light {
 background-color: #f3f9fe;
 padding: 20px 20px 25px 15px;
}
td.pl_darkrow {
 background-color: #e9f3fd;
 padding: 5px 5px 5px 14px;
}
td.pr_lightrow {
 background-color: #f3f9fe;
 padding: 5px 20px 5px 15px;
}
td.darkrow_sm {
 background-color: #e9f3fd;
 padding: 3px 5px 3px 5px;
}
td.lightrow_sm {
 background-color: #f3f9fe;
 padding: 3px 5px 3px 5px;
}
td.cmd_bar {
 color: #5283b7;
 font-size: 10px;
 background-image: url(images/chat/bar_bg.gif);
 background-repeat: repeat-x;
}
td.cmd_bar_sep {
 color: #5283b7;
 font-size: 10px;
 background-image: url(images/chat/bar_bg.gif);
 background-repeat: repeat-x;
 padding: 0 10px;
}
td.input_bar {
 color: #5283b7;
 font-size: 10px;
 background-image: url(images/chat/botbar_bg.gif);
 background-repeat: repeat-x;
}
/* menu styles */
td.menitem_light {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 background-image: url(images/chat/menu_bg.gif);
 background-repeat: no-repeat;
 text-decoration: none;
 width: 129px;
 height: 29px;
 padding: 0 0 0 6px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #6f9d06;
}
td.menitem_light a {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}
td.menitem_dark {
 color: #ffffff;
 font-size: 11px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
 background-image: url(images/chat/menu_bg_d.gif);
 background-repeat: no-repeat;
 width: 129px;
 height: 29px;
 padding: 0 0 0 6px;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #6f9d06;
}
td.menitem_dark a {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}
td.menitem_sub {
 color: #ffffff;
 font-size: 11px;
 font-style: normal;
 font-weight: bold;
 background-image: url(images/chat/submenu_bg.gif);
 text-decoration: none;
 background-repeat: repeat;
 background-position: left top;
 padding: 2px 1px;
 width: 129px;
 height: 29px;
 border-top: 1px solid #ffffff;
}
td.subitem {
 color: #80b701;
 font-size: 11px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 padding: 4px 4px 4px 10px;
}
td.subitem a {
 color: #80b701;
 font-weight: normal;
 text-decoration: none;
}
td.subitem_active, td.subitem:hover {
 color: #80b701;
 font-size: 11px;
 font-style: normal;
 font-weight: bold;
 background-color: #ffffff;
 text-decoration: none;
 padding: 4px 4px 4px 10px;
}
td.subitem_active a {
 color: #80b701;
 font-weight: bold;
 text-decoration: none;
}
td.subitem_hover {
 color: #80b701;
 font-size: 11px;
 font-style: normal;
 font-weight: normal;
 background-color: #ffffff;
 text-decoration: none;
 padding: 4px 4px 4px 10px;
}
td.subitem_hover a {
 color: #80b701;
 font-weight: normal;
 text-decoration: none;
}
td.box_title {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 background-image: url(images/chat/title_bg.gif);
 background-repeat: repeat-x;
 text-decoration: none;
 padding: 0 14px;
}
td.pcwin_title {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 background-image: url(images/chat/prc_titlebg.gif);
 background-repeat: repeat-x;
 text-decoration: none;
 padding: 0 2px 0 10px;
}
td.pcwin_body {
 color: #5283b7;
 font-size: 11px;
 font-weight: normal;
 font-style: normal;
 background-color: #e8f3fe;
 padding: 0px 0px 5px 0px;
 border-left: solid 1px #b2ceee;
 border-right: solid 1px #b2ceee;
 border-bottom: solid 1px #b2ceee;
}
td.r_line_1 {
 color: #5283b7;
 font-size: 11px;
 font-style: normal;
 font-weight: normal;
 background-color: #f3f9fe;
 text-decoration: none;
 padding: 5px 14px;
}
td.r_line_2 {
 color: #5283b7;
 font-size: 11px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 background-color: #e9f3fd;
 padding: 5px 14px;
}
td.padding_high_15 {
 padding: 10px 5px 10px 15px;
}
td.row_padding {
 padding: 3px 0px 3px 0px;
}
div.pop_win {
 background-color: #fcfcfc;
 border: solid 1px #d3d4d5;
 padding: 5px 10px 10px 10px;
 -moz-opacity: 0.93;
 filter:alpha(opacity: 93);
 opacity: 0.93;
 overflow: auto;
}
div.tooltip {
 background-color: #f3f9fe;
 border: solid 1px #e9f3fd;
 padding: 2px 5px 2px 5px;
 -moz-opacity: 0.80;
 filter:alpha(opacity: 80);
 opacity: 0.80;
 overflow: none;
}
div.tooltip td {
 color: #5283b7;
}
input, select, textarea {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #6c6c6c;
 font-size: 10px;
 background-color: #ffffff;
 border-color: #77a3d3 #5283b7 #5283b7 #77a3d3;
 border-style: solid;
 border-width: 1px;
 padding: 1px 5px 1px 5px;
}
input.default {
 width: 142px;
 height: 14px;
}
textarea.default {
 width: 142px;
}
select.default {
 width: 142px;
 height: 14px;
}
input.checkbox {
 width: 15px;
 height: 14px;
 padding: 0px 0px 0px 0px;
}
input.mini {
 width: 17px;
 height: 14px;
}
input.plz {
 width: 20px;
 height: 13px;
 padding: 0px 5px 0px 5px;
}
input.medi {
 width: 40px;
 height: 14px;
}
input.normal {
 width: 115px;
 height: 14px;
}
input.prchat {
 width: 200px;
 height: 14px;
}
input.maxi {
 width: 219px;
 height: 14px;
}
textarea.maxi {
 width: 219px;
}
input.mega {
 width: 365px;
 height: 14px;
}
textarea.mega {
 width: 365px;
}
input.chatinput {
 width: 500px;
}
input.noborder {
 background-color: transparent;
 border-width: 0;
}
table.button, input.button {
 background-color: transparent;
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 background-image: url(images/chat/button_bg.gif);
 background-repeat: no-repeat;
 background-position: right top;
 text-align: center;
 vertical-align: middle;
 width: 90px;
 height: 23px;
 padding-top: 2px;
 padding-left: 0px;
 padding-bottom: 5px;
 padding-right: 1px;
 border-width: 0;
}
table.button td {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 padding: 2px 1px 5px 0px;
}
table.button td a {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
}
input.smbutton {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 background-color: transparent;
 background-image: url(images/chat/button_bg.gif);
 background-repeat: no-repeat;
 background-position: right top;
 text-align: center;
 padding-top: 2px;
 padding-left: 0px;
 padding-bottom: 5px;
 padding-right: 1px;
 width: 59px;
 height: 24px;
 vertical-align: middle;
 border-width: 0;
}
#divUserList {
 width: 140px;
}
#divUserList table.userlist {
 width: 100%;
}
table.userlist th {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 background-image: url(images/title_bg.gif);
 background-repeat: repeat-x;
 text-decoration: none;
 padding: 0 14px;
 height: 32px;
}
table.userlist tr.r_line_1 td {
 color: #5283b7;
 font-size: 11px;
 font-style: normal;
 font-weight: normal;
 background-color: #f3f9fe;
 text-decoration: none;
 padding: 5px 14px;
 height: 18px;
}
table.userlist tr.r_line_2 td {
 color: #5283b7;
 font-size: 11px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 background-color: #e9f3fd;
 padding: 5px 14px;
 height: 18px;
}
.left_align {
 text-align: left;
}