@charset "utf-8";
/* CSS Document */

BODY.main {
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: xx-small;
  overflow: auto;
  background: #000000 url(./images/ui/body_background_slash.png) repeat top left; }
  
BODY.top {
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #FFFFFF;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: xx-small;
  overflow: hidden;
  background-color: #000000; }
  
BODY.register {
  margin-left : 10px;
  margin-right : 10px;
  margin-top : 10px;
  margin-bottom : 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #FFFFFF;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  background: #000000 url(./chit/images/background_test.jpg) no-repeat center center;
  background-attachment: fixed; }
  
BODY.terms {
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #FFFFFF;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  background: #000000 url(./chit/images/background_test.jpg) no-repeat center center;
  background-attachment: fixed; }

A.registerLink {
  text-decoration: none;
  color: #32A480; }
  
A:hover.registerLink {
  text-decoration: none;
  color: #FFFFFF; }
  
DIV.canvaslayer {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0px;
  top: 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #000000; }

DIV.eventlayer {
  width: 10px;
  height: 10px;
  position: fixed;
  overflow: hidden;
  visibility: hidden;
  left: 0px;
  top: 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #FFFFFF; }

DIV.roomlayer {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: auto;
  left: 0px;
  top: 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }



/* Front Page CSS ->> */

TABLE.logo {
  border-left: 0px #133F69 solid;
  border-right: 0px #133F69 solid;
  border-top: 0px #133F69 solid;
  border-bottom: 1px #4F3C7A solid;
  margin: 0px;
  padding: 0px;
  background: url(./images/ui/logo_01.jpg) repeat center center;
  color: #4F3C7A;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: x-small; }

A.logo_nav {
  text-decoration: none;
  color: #9E8AC6;
  border: 1px #9E8AC6 solid;
  background-color: #4F3C7A;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 14px;
  margin-right: 14px;
  height: 15px;
  font-family: Verdana,Helvetica,sans-serif;
  font-weight: bold;
  font-size: small; }

A:hover.logo_nav {
  text-decoration: none;
  color: #4F3C7A;
  border: 1px #4F3C7A solid;
  background-color: #9E8AC6;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 14px;
  margin-right: 14px;
  height: 15px;
  font-family: Verdana,Helvetica,sans-serif;
  font-weight: bold;
  font-size: small; }

TABLE.main_post {
  border-left: 1px #4F3C7A solid;
  border-right: 1px #4F3C7A solid;
  border-top: 1px #4F3C7A solid;
  border-bottom: 1px #4F3C7A solid;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  width: 400px;
  background: url(./images/ui/parchment_01.jpg) repeat top left;
  color: #4F3C7A;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small; }

P.main_post_sig {
  margin-top: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px; }
 
/* <<-END */

DIV.control_options {
  width: 100%;
  left: 0px;
  bottom: 50px;
  z-index: 2;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  visibility: hidden; }

DIV.loginscreen {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1000;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  visibility: hidden; }

TABLE.loginscreen {
  background: url(./images/papers/twenties/black70.png);
  position: relative;
  width: 100%;
  height: 100%; }
  
DIV.copyright {
  width: 100%;
  position :fixed;
  left: 0px;
  bottom: 4px;
  z-index: +1;
  text-align: center;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: xx-small; }
  
DIV.control_main {
  vertical-align: top;
  width: 100%;
  height: 44px;
  bottom: 0px;
  left: 0px;
  position: fixed;
  visibility: visible;
  z-index: +2;
  overflow: hidden; }
  
DIV.control_settings {
  vertical-align: top;
  width: 100%;
  height: 69px;
  bottom: 0px;
  left: 0px;
  position: fixed;
  visibility: visible;
  z-index: +1;
  overflow: hidden; }
  
DIV.control_mini {
  vertical-align: bottom;
  height: 34px;
  top: 10px;
  right: 10px;
  position: fixed;
  visibility: visible;
  z-index: +2;
  overflow: hidden; }

TABLE.control_idle {
  height: 34px;
  border: 0px #000000 solid;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #9E8AC6;
  text-align: left; }
  
TD.control_idle_left {
  vertical-align: bottom;
  background: url(./images/ui/control_bar_whole.png) no-repeat top left;
  height: 24px;
  padding-left: 9px;
  padding-right: 5px;
  padding-bottom: 9px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #CCCCCC;
  text-align: right;
  cursor: default; }

TD.control_idle_right {
  vertical-align: middle;
  background: url(./images/ui/control_bar_whole.png) no-repeat top right;
  width: 31px;
  height: 24px; }
  
DIV.control_idle_gear {
  background: url(./images/ui/control_gear_idle.png) no-repeat top right;
  width: 24px;
  height: 24px;
  cursor: pointer; }

DIV:hover.control_idle_gear {
  background: url(./images/ui/control_gear_live.png) no-repeat top right;
  width: 24px;
  height: 24px;
  cursor: pointer; }

TABLE.control_live {
  height: 34px;
  width: 620px;
  background: url(./images/ui/control_bar_whole.png) no-repeat top left;
  border: 0px #000000 solid;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #9E8AC6; }

TD.control_live_input {
  vertical-align: middle;
  background: url(./images/ui/control_bar_input.png) no-repeat left center;
  width: 578px;
  height: 24px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #9E8AC6;
  text-align: left; }
  
.control_input_text {
  width: 569px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #FFFFFF;
  border: 0px;
  margin-left: 3px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(./images/papers/twenties/00.png) repeat; }

TD:hover.control_live_input {
  vertical-align: middle;
  background: url(./images/ui/control_bar_input_hover.png) no-repeat left center;
  width: 578px;
  height: 24px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #9E8AC6;
  text-align: left; }

TD.control_live_gear {
  background: url(./images/ui/control_gear_idle.png) no-repeat top left;
  width: 24px;
  height: 24px;
  cursor: pointer; }

TD:hover.control_live_gear {
  background: url(./images/ui/control_gear_live.png) no-repeat top left;
  width: 24px;
  height: 24px;
  cursor: pointer; }
  
TD.logininput {
  background: url(./images/ui/login_input.png) no-repeat top left;
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 150px;
  height: 24px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  text-align: left;
  color: #FFFFFF; }
  
.logininput {
  background: url(./images/papers/twenties/00.png) repeat;
  border: 0px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 140px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  text-align: left;
  color: #FFFFFF; }
  
.loginreadonly {
  width: 250px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #FFFFFF;
  border: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(./images/papers/twenties/00.png) repeat; }

TD.button_a {
  background: url(./images/ui/button_a.png) no-repeat top left;
  border: 0px;
  margin-top: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  width: 70px;
  height: 20px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  text-align: center;
  color: #CCCCCC;
  cursor: pointer; }

TD:hover.button_a {
  background: url(./images/ui/button_a_hover.png) no-repeat top left;
  border: 0px;
  margin-top: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
  width: 70px;
  height: 20px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  text-align: center;
  color: #7FD9BA;
  cursor: pointer; }

.button_a {
  background: url(./images/ui/button_a.png) no-repeat top left;
  border: 0px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 70px;
  height: 20px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #CCCCCC;
  cursor: pointer; }

.button_a_hover {
  background: url(./images/ui/button_a_hover.png) no-repeat top left;
  border: 0px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 70px;
  height: 20px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #7FD9BA;
  cursor: pointer; }
  
TABLE.window_a {
  border: 0px;
  padding: 0px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: small;
  color: #AAAAAA; }
  
DIV.window_a_one { }

TD.window_a_tl {
  background: url(./images/ui/window_a_tl.png) left top;
  width: 10px;
  height: 10px;
  border: 0px;
  padding: 0px; }

TD.window_a_t {
  background: url(./images/ui/window_a_t.png) center top;
  height: 10px;
  border: 0px;
  padding: 0px; }
  
TD.window_a_tr {
  background: url(./images/ui/window_a_tr.png) right top;
  width: 10px;
  height: 10px;
  border: 0px;
  padding: 0px; }
  
TD.window_a_lt {
  background: url(./images/ui/window_a_lt.png) left center;
  border: 0px;
  padding: 0px; }
  
TD.window_a_c {
  background: url(./images/ui/window_a_c.png) center center;
  border: 0px;
  padding: 0px; }
  
TD.window_a_rt {
  background: url(./images/ui/window_a_rt.png) right center;
  width: 10px;
  border: 0px;
  padding: 0px; }
  
TD.window_a_bl {
  background: url(./images/ui/window_a_bl.png) left bottom;
  width: 10px;
  height: 10px;
  border: 0px;
  padding: 0px; }
  
TD.window_a_b {
  background: url(./images/ui/window_a_b.png) center bottom;
  height: 10px;
  border: 0px;
  padding: 0px; }
  
TD.window_a_br {
  background: url(./images/ui/window_a_br.png) right bottom;
  width: 10px;
  height: 10px;
  border: 0px;
  padding: 0px; }

/* Alert Messag Layouts ->> */

TABLE.ElertGrn {
  border: 1px #00FF00 solid;
  margin: 0px; padding: 0px;
  background: url(./images/papers/twenties/white30.png);
  color: #FFFFFF; font-family: Verdana,Arial,Helvetica; font-size: xx-small; }

TH.ElertGrn {
  background: url(./imagespapers/twenties/green65.png);
  font-size: small; font-weight: bold; color: #000000;
  text-align: right; border-left: 0px #FF6600 solid; border-right: 0px #FF6600 solid; border-top: 0px #FF6600 solid;
  border-bottom: 1px #00FF00 dashed;
  padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }

TD.ElertGrn {
  background: url(./images/papers/twenties/green35.png);
  text-align: left;  padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; }

TABLE.ElertYwl {
  border: 1px #FFFF00 solid;
  margin: 0px; padding: 0px;
  background: url(./images/papers/twenties/white30.png);
  color: #FFFFFF; font-family: Verdana,Arial,Helvetica; font-size: xx-small; }

TH.ElertYwl {
  background: url(./images/papers/twenties/yellow65.png);
  font-size: small; font-weight: bold; color: #000000;
  text-align: right; border-left: 0px #FF6600 solid; border-right: 0px #FF6600 solid; border-top: 0px #FF6600 solid;
  border-bottom: 1px #FFFF00 dashed;
  padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }

TD.ElertYwl {
  background: url(./images/papers/twenties/yellow35.png);
  text-align: left;  padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; }


TABLE.ElertOrn {
  border: 1px #FF6600 solid;
  margin: 0px; padding: 0px;
  background: url(./images/papers/twenties/white30.png);
  color: #FFFFFF; font-family: Verdana,Arial,Helvetica; font-size: xx-small; }

TH.ElertOrn {
  background: url(./images/papers/twenties/orange65.png);
  font-size: small; font-weight: bold; color: #000000;
  text-align: right; border-left: 0px #FF6600 solid; border-right: 0px #FF6600 solid; border-top: 0px #FF6600 solid;
  border-bottom: 1px #FF6600 dashed;
  padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }

TD.ElertOrn {
  background: url(./images/papers/twenties/orange35.png);
  text-align: left;  padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; }

TABLE.ElertRed {
  border: 1px #FF0000 solid;
  margin: 0px; padding: 0px;
  background: url(./images/papers/twenties/white30.png);
  color: #FFFFFF; font-family: Verdana,Arial,Helvetica; font-size: xx-small; }

TH.ElertRed {
  background: url(./images/papers/twenties/red65.png);
  font-size: small; font-weight: bold; color: #000000;
  text-align: right; border-left: 0px #FF6600 solid; border-right: 0px #FF6600 solid; border-top: 0px #FF6600 solid;
  border-bottom: 1px #FF0000 dashed;
  padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; }

TD.ElertRed {
  background: url(./images/papers/twenties/red35.png);
  text-align: left;  padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; }

.ElertBtn a span {
  font-family: Verdana,Arial,Helvetica;
  font-size: small;
  text-decoration: none;
  color: #FFFFFF;
  border: 1px #000000 solid;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  background: url(./images/papers/twenties/black40.png); }

.ElertBtn a:hover span {
  font-family: Verdana,Arial,Helvetica;
  font-size: small;
  text-decoration: none;
  color: #000000;
  border: 1px #000000 solid;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  background: url(./images/papers/twenties/white30.png); }
  
  /* <<- Alert System End */