@import "default.css";

/*{{{body*/
body {
  /*background-color: #aaaaff;*/
  background-color: #ddddff;
  background:#ddddff url("/image/bg.png");
  background:#eeeeff url("/image/bg3.png");
  color:#444444;
  font-weight:bold;
}
/*}}}*/
/*{{{#Container*/
#Container {
  position:relative;
  width:800px;
  background-color:#ffffff;
  margin:0 auto;
  border-style:none solid;
  border-width:1px;
  border-color:#aaaaaa;
}
/*}}}*/
/*{{{#Header*/
#Header
{
  background-color:#222222;
  text-align:center;
  height:60px;
  line-height:60px;
}

#NaviLogo
{
  display:inline;
}

#NaviBar
{
  display:inline;
}

.NaviMenu
{
  position:static;
  display:inline-block;
  width:100px;
  height:26px;
  line-height:26px;
  padding:0;
  margin:auto 5px;
  color:#888888;
  background-color:#444444;
}
.NaviMenu:hover , .NaviMenuHOver
{
  color:#222222;
  background-color:#ffffff;
}

#SmallNaviBar
{
  position:absolute;
  right:4px;
  top:-16px;
}
.SmallNaviMenu{
  display:inline-block;
  line-height:normal;
  margin-right:5px;
  font-size:0.75em;
  color:#bbbbbb;

}
.SmallNaviMenu:hover {
  color:#ffffff;
}

/*}}}*/
/*{{{#Main*/
#Main {
  margin:10px auto;
  text-align:center;
}
/*}}}*/
/*{{{#Footer*/
#Footer {
  width:100%;
  height:1.5em;
  padding:5px 0;
  background-color:#222222;
  text-align:center;
  font-size:0.8em;
  color:#aaaaaa;
  font-weight:normal;
}

#Footer a{
  color:#aaaaaa;
}
/*}}}*/
/*{{{.Logo*/
.Logo
{
  text-align:center;
  margin:5px 0;
}
/*}}}*/
/*{{{.Curved*/
.Curved
{
  /*css3 draft*/
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  /*behavior:url(/css/border-radius.htc);*/
}
/*}}}*/
/*{{{.Shield*/
.Shield{
  position:absolute;
  z-index:1001;
  top:0;
  left:0;
  width:100%;
  height:100%;

  /*same as jQuery UI*/
  background:#AAAAAA url("/javascript/jqueryui/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50%;
  /*css3 draft*/
  filter:alpha(opacity=30); /*for Internet Explorer 0-100*/
  -moz-opacity: 0.3; /*for Firefox 0～1.0*/
  opacity:0.3; /*for Safari 0～1.0*/
}
/*}}}*/
/*{{{.Box*/
a.Box
{
  display:inline-block;
}
.Box
{
  padding:5px;
  //color:#ffffff;
  //background-color:#6666ff;
  color:#4444ff;
  background-color:#ffffff;
  border:solid 2px #4444ff;

  /*css3 draft*/
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
}
.Box:hover , .BoxHOver
{
  //color:#ff00ff;
  //background-color:#ffaaff;

  color:#ffffff;
  background-color:#4444ff;
  border-color:transparent;

  /*css3 draft*/
  border-radius:8px;
  -moz-border-radius:8px;
}

.BoxBG
{
  color:#ffffff;
  background-color:#6666ff;
}
.BoxFG:hover
{
  color:#ff00ff;
  background-color:#ffaaff;
}
/*}}}*/
/*{{{.Box2*/
.Box2
{
  padding:5px;
  color:#ffffff;
  background-color:#666666;

  /*css3*/
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
}

a.Box2
{
  display:inline-block;
}

.Box2:hover
{
  background-color:#888888;
}
/*}}}*/
/*{{{.Box3*/
.Box3
{
  color:#222222;
  background-color:#ffffff; 
  border:solid 2px #888888;
  /*css3*/
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
.Box3:hover
{
  color:#ffffff;
  background-color:#222222;
}

.Box3:hover a
{
  color:#ffffff;
}
/*}}}*/
/*{{{input*/
input[type="text"]:focus , input[type="password"]:focus , textarea:focus {
  border-color:#7777ff;
  border-style:solid;
}
input.Error {
  background-color:#ffaaaa;
}
/*}}}*/
/*{{{.table-menu*/
.table-menu
{
  text-align:center;
  margin:auto;
  color:#ffffff;
  background-color:#222222;

  /*css3 draft*/
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
}
.table-menu tr td
{
  padding:10px;
}
.table-menu tr td:first-child
{
  padding-right:0;
}
.table-menu input[type="text"] , .table-menu input[type="password"]
{
  border:solid 1px #666666;
  //-moz-border-radius:8px;
}
/*}}}*/
/*{{{.Translate*/
.Translate {
  font-weight:bold;
  cursor:pointer;
}
/*}}}*/
/*{{{.Normal*/
a.Normal{
  color:#0000ff;
  text-decoration:underline;
}
a.Normal:hover
{
  color:#ff00ff;
}
/*}}}*/
/*{{{.ReadMe */
.ReadMe{
  display:inline-block;
  font-size:0.8em;
  color:#aaaaaa;
  margin:0 2px;
  padding:2px;
  cursor:pointer; 
  width:55px;
  background-color:#ffffff;
  border:solid 1px #aaaaaa;
  text-align:center;

  /*css3 draft*/
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  /*behavior:url(/css/border-radius.htc);*/
}
.ReadMe:hover {
  color:#222222;
}
#ReadMeDialog{
  display:none;
  color:#505050 !important;
  font-size:0.9em !important;
}
/*}}}*/
/*{{{.HelpButton*/
.HelpButton
{
  cursor:pointer;
  display:block;
  position:absolute;
  top:65px;
  right:5px; 
  width:20px;
  height:20px;
  line-height:20px;
  color:#ffffff;
  background-color:#6666ff;
  
  /*css3 draft*/ 
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
}
.HelpButton:hover
{
  color:#ff00ff;
  background-color:#ffaaff;
}
#HelpDialog{
  display:none;
  font-size:0.9em;
  color:#333333;
}
/*}}}*/
/*{{{for jQueryUI*/
/*
.ui-dialog{
  width:auto !important;
}
.ui-dialog .ui-dialog-titlebar{
  padding:0;
}
.ui-dialog .ui-dialog-content{
  padding:10px;
  min-height:2em !important;
  font-size:1em !important;
  color:#444444 !important;
}
.ui-dialog .ui-dialog-buttonpane{
  padding:0;
}
*/
/*}}}*/
/*{{{.Hello*/
.Hello
{
  font-weight:bold;
  font-size:60px;
  color:#222222;
  margin-bottom:30px;
}
/*}}}*/
.ImageView
{
  cursor:pointer;
}