body { text-align: center }
a { text-decoration: none }
/* .g0 {color: #9316db; font-weight: bold} */
img {border: 0 none #fff}

#base { position:fixed; top:0; left:0; width:100%; height:100%; vertical-align:middle; z-index: 5; display: none }
#dlg
{
  position: absolute; 
  left: 50%; 
  top: 50%; 
  width: 600px; 
  height: 100px; 
  margin-left: -400px; 
  margin-top: -300px; 
  border: 1px solid #f60;
  background: #f60;
}
.popup
{
  position:relative; 
  border: 0.1em solid #f60; 
  left: 0px; 
  background-color: #fff; 
}

#title   { float: left; width: 100%; background: url(images/hl.jpg) repeat-x }
#menu { width: 100%; background: url(images/mb.gif) #f60 bottom left repeat-x; height: 1.8em; border: 1px solid #f60; float: left; clear: left }
#menubar { width: 65em; height: 1.8em; margin: 0 auto}
#menu ul { width: 100%; list-style: none; padding: 0; margin: 0}
#menu li { float: left }
#menu a
{
  background: url(images/mb.gif) #f60 bottom left repeat-x;
  height: 1.8em;
  line-height: 1.8em;
  float: left;
  display: block;
  color: #ac1f03;
  font-weight: bold;
  text-align: center;
 }
#menu a:hover { color: #a00; background: url(images/mb2.gif) #fbdf6d }

.menu { width: 100%; list-style: none; padding: 0; margin: 0 }
.menu a { color: #ac1f03; font-weight: bold }
.menu_div {width: 90%; color: #f60 }
.menu_delim {width: 100%; color: #f60 }

#links, #rights, #works {vertical-align: top; padding-top: 0.3em}
#links, #rights { width: 202px }
#works {padding: 0.3em 0.3em 0 0.3em}
#top, #vote {text-align: left; margin-top: 0.1em; margin-bottom: 0.1em }
#top li  { font-size: smaller }
#vote li { font-weight: bold }
#motto { color: #9f009f; width: 100%; font-weight: bold }
#info  { float: left; padding: 1em; text-align: left; font-weight: bold; width: 50% }
#info_players { float: right; padding: 1em }
#dj, #song, .vote { font-weight: bold }
#song   {color: #f60}
#song a {color: #ac1f03}
.vote   {color: #f60 !important}
.vote a {color: #ac1f03}

.block { float: left; clear: left; border: 1px solid #f60; text-align: center; width: 100% }
.caption { vertical-align: middle; width: 100% !important; height: 1.5em; line-height: 1.5em; margin: 0 auto; background: #f60; font-family: "verdana", "tahoma", "arial"; font-weight: bold; font-size: 10pt; color: #feffab }
.caption a { color: #feffab }
.main { width: 100%; border-collapse: collapse; border-spacing: 0; padding: 0; text-align: center; vertical-align: middle }
.main td { padding: 0.2em 0.5em 0.1em 0.5em }
.text { width: 30%; color: #ac1f03 }
.input{ width: 70% }
.input input { color: #ac1f03; width: 100% }
.odd { background-color: #ffe29d }

.datebar, .pagebar { clear: left; background: #f60; font-weight: bold; color: #fbdf6d; width: 100%;
                     border-collapse: collapse; border-spacing: 0; padding: 0 }
.datebar td, .pagebar td { padding: 0; vertical-align: middle; text-align: center }
.dbc, .db_, .dbs, .dbn { text-align: center; border: 1px solid #fe7; width: 1.7em }
.cbc, .cb_, .cbs, .cbn { text-align: center; background: #f60 }
.dbn, .dbn a { color: #fe7; background: #f60; font-weight: bold }
.dbc, .dbc a { color: #fe7; background: #f60; font-weight: bold }
.db_, .db_ a { color: #fe7; background: #f60 }
.dbs, .dbs a { color: #fff; background: #f00 }
.cbn, .cbn a { color: #fe7; font-weight: bold }
.cbc, .cbc a { color: #fe7; font-weight: bold }
.cb_, .cb_ a { color: #fe7; }
.cbs, .cbs a { color: #fff; }
.blink a { text-decoration: blink; color: #ac1f03 }

.srow { color: #fff; background: #ff4500; }

#user_avatar  { width: 200px; padding: 1em }
#user_details, #user_avatar { vertical-align:top }
#user_tools   { text-align: right; vertical-align: top !important }
#user_tools a { color: #fe7; font-weight: normal }
#about { width: 100%; height: 6em }

.mainrules, .mainruleszv { width: 97%; padding: 1em; font-family: "verdana", "tahoma", "arial", "Times New Roman"; font-size: 8pt; background: url(images/fon1.jpg)}
.mainruleszv td {font-family: "verdana", "tahoma", "arial", "Times New Roman"; font-size: 8pt}
.mainrules   { font-weight: bold; color: #900 }
.mainruleszv { text-align: left }

.in, .out, .flat { position: relative; float: left; margin-left: 0.2em; vertical-align: middle }
.in, .out { width: 18px; height: 18px; }
.in  { padding-bottom: 1px; padding-right: 1px; background: url(/images/in.gif) no-repeat }
.out { padding-top: 1px; padding-left: 1px; background: url(/images/out.gif) no-repeat }

fieldset { width: 93% }
#invite { text-align: left; width: 80%; font-style: italic; color: #900 }
.empty { text-align: center; color: #bbb; font-style: italic }
.chat { vertical-align: top }
#chat_window { position:relative; width: 100%; height: 20em; overflow-y: auto }
#chat_text   { width: 80%; }
#chat_msg    { border: 1px solid #f60; width: 100%; height: 5em }
#outdj_msg    { border: 1px solid #f60; width: 100%; height: 15em }
#chat_quick_smiles { width: 20% }
#chat_users  { position:relative; width: 100%; height: 23em; overflow-y: auto; vertical-align:top }
#chat_users a{ color: #ac1f03; font-weight: bold }
#chat_rooms  { vertical-align: middle; width: 100% !important; height: 1.5em; line-height: 1.5em; font-weight: bold; margin: 0 auto; background: #f60; font-family: "verdana", "tahoma", "arial"; font-size: 10pt; color: #feffab }
.msg_caption { margin-left: 0; padding: 0; width: 100%; clear: left; float: left; background-color: #ffe29d }
.msg_title   { float:left; background-color: #ffe29d }
.msg_quote   { margin-right: 0.5em; padding: 0; float:right; background-color: #ffe29d }
.msg_quote a { color: #f60; font-weight: bold }
.msg_text    { margin: 5px 20px 10px 0px; padding: 0; clear: left; float: left; width: 98% }
.msg_users   { vertical-align:top }
.error       { color: #f00; font-style: italic; font-weight: normal }
#dlg_main    { background-color: #fff }
.broadcasts  { border-collapse: collapse }
.broadcast   { border: 4px solid #fff; padding: 0; margin: 0; background-color: #fff }
.broadcast img { border: 1px dotted #f60 }

.humor {text-align: left; margin: 0.5em; padding: 0; color: #8f3900 }
.top_a {color:inherit !important; text-decoration:none }
.top_a:hover {text-decoration:underline }

.chat_buttons { border-collapse: collapse; padding:0 }
.chat_button  { background: url(images/mbs.jpg) repeat-x; padding:0; margin:0 }
.chat_button_s,
.chat_button_d { width: 5px; height: 26px; font-size: 1px; line-height: 1px; vertical-align: top; padding:0 !important; margin:0 }
.quick_smile  { width: 24px; font-size: 9px; line-height: 9px; vertical-align: middle }
.log {vertical-align: top; font-size: smaller }
.box {vertical-align: top }
#icq, #skype, #email, #humor_txt, #humor_img { width: 100% }
.search { text-align: right }
.shadow { font-size: 3em; display: block; line-height: 1em; color: #666; background-color: transparent; white-space: nowrap }
.shadow:before { margin-bottom: -1.05em; margin-left: 0.1ex; color: #ccc; background-color: transparent }
.shadow:after  { margin-top: -1.05em; margin-left: -0.1ex; background-color: transparent }
.shadow:before,
.shadow:after  { content: "aaa"; display: block }
.user_list { position:absolute; border: 0.1em solid #f60; top: 0px; left: 0px; background-color: #fff; width:376px; height:200px; }
.new { color: #228B22; font-weight: bold; font-size: 12pt }
.empl { color: #4169E1; font-weight: bold; font-size: 12pt }
.refuse { color: #FF4500; font-weight: bold; font-size: 12pt }
.registr { margin: 10px 10px 10px 10px; font-style: italic; font-weight: bold; color: #ac1f03 }
.regform { margin: 10px 10px 10px 10px; width: 60%; font-weight: bold; text-align: right }
.captlite { float: left; clear: left; border: 1px solid #ffe29d; text-align: left; width: 99%; margin: 5px 0 5px 0}
.bbcolor { border: 2px solid #fff; text-align: center}
.captionus { vertical-align: middle; width: 100% !important; height: 1.5em; line-height: 1.5em; margin: 0 auto; background: #f60; font-family: "verdana", "tahoma", "arial"; font-weight: bold; font-size: 10pt; color: #feffab }
.captionus a { color: #feffab !important}
.preview { float: left; clear: left; border: 1px solid #f60; width: 100% }
.captpreview { vertical-align: middle; width: 100% !important; height: 1.5em; line-height: 1.5em; margin: 0 auto; background: #f60; font-family: "verdana", "tahoma", "arial"; font-weight: bold; text-align: center; font-size: 10pt; color: #feffab }
