/* GENERAL */

body
{
  background-color: #FFFFFF;
  margin: 10px 0px 0px 10px;
}

table
{
  border: 0px;
}

td, td a
{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}

td a
{
  font-weight: bold;
  text-decoration: underline;
}

img
{
  border: 0px;
}

img.Empty
{
  width: 1px;
  height: 1px;
  border: 0px;
  margin: 0px;
}

/* CHAT */

table.ChatTable
{
  width: 500px;
  background-color: #FFFFFF;
  position: relative;
  z-index: 2;
}

td.Top
{
  height: 80px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/top.png');
}

table.TopTable
{
  position: relative;
  width: 70%;
  height: 100%;
}

td.TopLink
{
  height: 50%;
  padding: 8px;
  vertical-align: top;
}

td.TopLinkText a, td.TopLinkArrow
{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

td.TopLinkArrow
{
  width: 10px;
  padding-left: 2px;
  padding-right: 2px;
  cursor: default;
}

td.TopLinkSpace
{
  width: 8px;
}

img.SettingsButton
{
  border: 1px solid #FFFFFF;
  filter: alpha(opacity=50);
  opacity: 0.50;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  cursor: pointer;
}

img.SettingsButtonOver
{
  border: 2px solid #FF8800;
  margin: -1px;
  filter: alpha(opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
  -khtml-opacity: 0.70;
  cursor: pointer;
}

td.NameTd
{
  padding: 5px;
  padding-bottom: 10px;
  padding-right: 10px;
}

input.NameInput
{
  width: 200px;
  height: 26px;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  margin: -1px 0px -1px 0px;
  filter: alpha(opacity=50);
  opacity: 0.50;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
}

input.NameInputFocus
{
  width: 200px;
  height: 26px;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  margin: -1px 0px -1px 0px;
  filter: alpha(opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
  -khtml-opacity: 0.70;
}

table.Msgs
{
  width: 500px;
}

div.MsgsDiv
{
  width: 500px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/msgsbg.png');
  background-color: #FFFFFF;
  height: 1px;
  overflow: hidden;
}

table.MsgTable
{
  position: relative;
  width: 500px;
}

td.RowTd
{
  filter: alpha(opacity=0);
  opacity: 0.0;
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
}

table.RowTable
{
  width: 500px;
  overflow: hidden;
}

span.RowNameTop
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_name_top.png');
  background-color: #FFFFFF;
  width: 130px;
  height: 5px;
}

span.RowNameBottom
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_name_bottom.png');
  background-color: #FFFFFF;
  width: 130px;
  height: 5px;
}

span.RowTextTop
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_text_top.png');
  background-color: #FFFFFF;
  width: 370px;
  height: 5px;
}

span.RowTextBottom
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_text_bottom.png');
  background-color: #FFFFFF;
  width: 370px;
  height: 5px;
}

td.RowName
{
  width: 130px;
  white-space: nowrap;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_name.png');
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

td.RowText
{
  width: 370px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_text.png');
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

span.MsgNameTop
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_name_top.png');
  background-color: #FFFFFF;
  width: 130px;
  height: 5px;
}

span.MsgNameBottom
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_name_bottom.png');
  background-color: #FFFFFF;
  width: 130px;
  height: 5px;
}

span.MsgTextTop
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_text_top.png');
  background-color: #FFFFFF;
  width: 370px;
  height: 5px;
}

span.MsgTextBottom
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_text_bottom.png');
  background-color: #FFFFFF;
  width: 370px;
  height: 5px;
}

td.MsgName
{
  width: 130px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_name.png');
  background-color: #FFFFFF;
  padding-right: 5px;
}

td.MsgText
{
  width: 370px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/row_text.png');
  background-color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
}

input.MsgInput
{
  position: relative;
  width: 360px;
  height: 30px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  font-family: Arial;
  font-size: 14px;
  margin: -1px 0px -1px 0px;
  filter: alpha(opacity=50);
  opacity: 0.50;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
}

input.MsgInputFocus
{
  position: relative;
  width: 360px;
  height: 30px;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  font-family: Arial;
  font-size: 14px;
  margin: -1px 0px -1px 0px;
  filter: alpha(opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
  -khtml-opacity: 0.70;
}

td.Bottom
{
  height: 80px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bottom.png');
  padding: 5px;
}

td.LastMsgText, td.LastMsg
{
  font-family: Arial;
  font-size: 12px;
}

td.LastMsgText
{
  font-weight: bold;
}

span.ShadowTop
{
  background-color: #FFFFFF;
}

td.ShadowRight
{
  width: 10px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/shadow_right.png');
  vertical-align: top;
}

table.SettingsTable
{
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  visibility: hidden;
  z-index: 3;
}

td.SettingsTitle
{
  background-color: #EEEEEE;
  cursor: default;
}

img.SettingsX
{
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
}

img.SettingsXOver
{
  cursor: pointer;
}

table.SettingsTitleInner
{
  width: 100%;
  height: 100%;
  padding: 3px;
}

td.SettingText
{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  padding: 5px;
}

td.SettingData
{
  padding: 5px;
}

table.OnlineTable
{
  height: 200px;
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  z-index: 1;
}

table.OnlineLeft
{
  height: 100%;
}

span.OnlineTdTop
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/online_top.png');
  background-color: #FFFFFF;
  width: 130px;
  height: 5px;
}

td.OnlineTd
{
  width: 130px;
  height: 100%;
  white-space: nowrap;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/online.png');
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
}

span.OnlineTdBottom
{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100) progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/online_bottom.png');
  background-color: #FFFFFF;
  width: 130px;
  height: 5px;
}

span.OnlineTabTop
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/onlinetab_top.png');
  background-color: #FFFFFF;
  width: 15px;
  height: 5px;
}

div.OnlineArrowLeft
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/onlinearrow_left.png');
  width: 15px;
  height: 25px;
}

div.OnlineArrowRight
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/onlinearrow_right.png');
  width: 15px;
  height: 25px;
}

td.OnlineExpand
{
  cursor: pointer;
}

table.OnlineRight
{
  height: 100%;
}

td.OnlineTab
{
  width: 15px;
  height: 100%;
  white-space: nowrap;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/onlinetab.png');
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
}

span.OnlineTabBottom
{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/onlinetab_bottom.png');
  background-color: #FFFFFF;
  width: 15px;
  height: 5px;
}

div.OnlineDiv
{
  width: 120px;
  overflow: hidden;
}

table.OnlineList
{
}

td.OnlineName
{
  white-space: nowrap;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px 2px 5px;
}

span.InfoBox
{
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  padding: 5px;
  font-family: Arial;
  font-size: 12px;
  z-index: 4;
  cursor: pointer;
}

span.InfoBoxPointer
{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 4;
  border-left: 2px solid #FFFFFF;
  height: 50px;
}

/* INTRO */

table.IntroTable
{
  border: 1px solid #888888;
  background-color: #EEEEEE;
}

td.IntroTitle
{
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  padding: 5px;
  text-align: center;
}

td.IntroClose
{
  font-weight: bold;
  padding: 5px;
}

td.IntroText
{
  padding: 5px;
}

/* TIP */

table.Tip
{
  left: 0px;
  top: 0px;
  visibility: hidden;
  position: absolute;
  z-index: 10;
  filter: alpha(opacity=85);
  opacity: 0.85;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
}

td.TipTd
{
  padding: 4px 2px 6px 2px;
  font-size: 12px;
  white-space: nowrap;
  background: transparent url(images/tip_center.gif) repeat-x scroll center center;
}