/*
  [チャッターズ] 外部CSSファイル
    バージョン   : CHATTERS/1.00
    ルーム名(ID) : 管理パネル
*/


/* ■ body要素 (標準) ------------------- */
body
{
  background-color : #EEE;
  padding          : 0px;
  margin           : 0px;
}

a:link
{
  text-decoration  : none;
  color            : #00F;
}
a:visited
{
  text-decoration  : none;
  color            : #00F;
}
a:hover
{
  text-decoration  : underline;
}
/* -------------------------------------- */

/* ■ タイトル表示部 -------------------- */
h1.main
{
  color            : #FFF;
  background-color : #FFF;
  padding          : 0px;
  font-size        : 16pt;
  margin-top       : 0px;
  margin-left      : 0px;
  margin-bottom    : 0px;
}
/* -------------------------------------- */

/* ■ タイトル表示部(サブウィンドウ)----- */
h1.sub
{
  color            : #FFF;
  padding          : 5px;
  font-size        : 12pt;
  margin-top       : 0px;
  margin-left      : 0px;
  margin-bottom    : 0px;
  background-color   : #02337d;
  font-weight        : bold;
  background-image   : url("../images/_blue_v.gif");
  background-position: top;
  background-repeat  : repeat-x;

}
/* -------------------------------------- */

/* ■ 階層情報 -------------------------- */
h2.infobar
{
  margin-top       : 0px;
  margin-bottom	   : 15px;
  padding          : 7px;
  background-color : #DDD;
  font-size        : 12pt;
  font-weight      : normal;
}
/* -------------------------------------- */

/* ■ タブメニューのための設定 ---------- */
div#tab
{
  width              : 800px;
  height             : 23px;
  margin             : 5px 0px 0px 25px;
  padding            : 0px;
  clear              : both; 
}
div#tab ul
{
  text-indent        : 0;
  padding            : 0px;
  margin             : 0px;
  height             : 0px;
}
/* -------------------------------------- */

/* ■ 非アクティブタブ ------------------ */
div#tab li
{
  font-size          : 10pt;
  height             : 15px;
  display            : block;
  float              : left;
  list-style         : none;
  border-top         : 1px solid #666;
  border-left        : 1px solid #666;
  border-right       : 1px solid #666;
  margin-right       : 12px;
  margin-bottom      : 0px;
  padding            : 4px 11px 4px 11px;
  background-color   : #DDD;
  background-image   : url("../images/_gray_v.gif");
  background-position: top;
  background-repeat  : repeat-x;
}
/* -------------------------------------- */

/* ■ アクティブタブ -------------------- */
div#tab li.active
{
  color              : #FFF;
  background-color   : #02337d;
  font-weight        : bold;
  background-image   : url("../images/_blue_v.gif");
  background-position: top;
  background-repeat  : repeat-x;
}
/* -------------------------------------- */


/* ■ ページ全体 ------------------------ */
div.main
{
  width            : 850px;
  background-color : #EEE;
  border           : solid 2px #02337d;
  padding          : 15px;
  margin-left      : 10px;
  margin-right     : 10px
}
/* -------------------------------------- */

/* ■ ルームリスト ---------------------- */
th.chatroom
{
  border-top       : solid 2px #000;
  border-bottom    : solid 2px #000;
  background-color : #DDD
}
td.chatroom
{
  border-bottom    : solid 1px #666;
  background-color : #FFE;
}
/* -------------------------------------- */

/* ■ メインメニュー -------------------- */
td.active1
{
  border-top       : solid 2px #222;
  border-left      : solid 2px #222;
  border-right     : solid 2px #222;
  background-color : #FFA;
  padding          : 3px;
}
td.notive1
{
  border-top       : solid 1px #555;
  border-left      : solid 1px #555;
  border-right     : solid 1px #555;
  border-bottom    : solid 2px #222;
  background-color : #FFF;
  padding          : 3px;
}
td.sprate1
{
  padding          : 2px;
  border-bottom    : solid 2px #222;
}
/* -------------------------------------- */

/* ■ サブメニュー ---------------------- */
div.submenu
{
  border           : solid 1px #888;
  width            : 130px;
  height           : 350px;
  font-size        : 10pt;
  color            : #00F;
  background-color : #FFF;
  padding          : 3px;
  position         : absolute;
  top              : 190px;
  left             : 25px;
}
div.submenu a:hover
{
  background-color : #FF6;
  text-decoration  : none;
}
/* -------------------------------------- */

div.settings
{
  margin-left      : 150px;
}

/* ■ ページ内のセクション -------------- */
h3.section
{
  width            : 95%;
  padding          : 1px;
  font-weight      : bold;
  font-size        : 12pt;
  color            : #FFF;
  background-color : #F70;
  background-image : url("../images/_orange_v.gif");
  background-position: top;
  background-repeat: repeat-x;
  padding          : 6px;
  margin-bottom    : 30px;
}
h4
{
  width            : 60%;
  color            : #008;
  border-bottom    : 1px solid #008;
  padding-top      : 8px;
}
/* -------------------------------------- */

/* ■ 各種設定項目 ---------------------- */
td.item
{
  height           : 27px;
  color            : #005;
  font-size        : 10pt;
  padding-left     : 3px;
  width            : 120px;
  border-bottom    : solid 1px #CCC;
}
td.value
{
  border-bottom    : solid 1px #CCC;
}
/* -------------------------------------- */

/* ■ 各種リスト項目 -------------------- */
ul
{
  font-size        : 10pt;
}
/* -------------------------------------- */

p.menu
{
  font-size        : 10pt;
  background-color : #DDD;
  padding          : 7px;
}
/* -------------------------------------- */

div.button
{
  background-color : #CCC;
  padding          : 8px;
  margin-top       : 15px;
  margin-bottom    : 15px;
  text-align       : center;
}
/* -------------------------------------- */

/* ■ チップヘルプ ---------------------- */
#help
{
  display          : none;
  padding          : 2px;
  width            : 300px;
  background-color : #EFF;
  border           : solid 1px #666;
  position         : absolute;
  font-size        : 10pt;
}
/* -------------------------------------- */

/* ■ 入力フォーム ---------------------- */
input[type="text"]
{
  font-family      : monospace;
}
/* -------------------------------------- */

/* ■ クレジット ------------------------ */
address.credit
{
  text-align       : center;
  margin           : 15px;
  font-size        : 8pt;
  font-family      : Arial;
  font-weight      : bold;
  font-style       : normal;
}
/* -------------------------------------- */