/* 
 * TOPPERS CSS
 */

/*
 * base
 */
body {
 margin: 0px 0px 0px 0px;
 color: #333333; 
 background-color: #ffffff;
}

a:link {
 color: #336699;
}

a:visited {
 color: #6699cc;
}

a:hover {
}

a:active {
}

a.menu:link {
 color: #336699;
 text-decoration: none; 
}

a.menu:visited {
 color: #6699cc;
 text-decoration: none; 
}

a.menu:hover {
 color: #6699cc;
 text-decoration: underline; 
}

a.menu {
 text-decoration: underline; 
}

a.none:link, a.none:visited {
 color: #FFFFFF;
}

/*
 * elements
 */
h3 {
 font-size: small;
 font-weight: bold;
 width: 100%;
 color: #eeeeee;
 background-color: #6688bb;
 padding: 3px 3px 3px 3px;
 margin-top: 0.3em;
 margin-bottom: 0.4em;
/* margin-bottom: -0.5em; */
 clear:both
}

.important {
  font-size: medium;
  color: #222222;  
  background-color: #ffaa88;
  font-weight: bold;
}

h4 {
 font-size: small;
 font-weight: bold;
 width: 100%;
/* color: #eeeeff; */
 color: black;
/* background-color: #eeeeff; */
 background-color: #99aaff; 
 padding: 1px 3px 1px 3px;
 margin-top: 0.3em;
 margin-bottom: 0.3em;
 clear:both
}

p {
 font-size: small;
/* margin-top: -0.2em; */
/* margin-bottom: -0.2em; */
}

.right {
 text-align: right;
}

.indent {
 margin-left: 2em;
}

.indent1 {
 margin-left: 1em;
}

.indent2 {
 margin-left: 2em;
}

.committee {
 margin-left: 3em;
}

img.photo {
 margin-top: 5px;
 margin-bottom: 5px;
}

img.logo {
 border:0px;
}

table {
 margin-top: 0em;
 margin-bottom: 0.5em;
}

table.menu {
 margin-bottom: 0em; 
}

table.faq {
 margin-bottom: 0em;
}

table.nospace {
 margin-bottom: 0em;
}

ol {
 font-size: small;
}

ul {
 font-size: small;
}

ul.feature li {
  margin-top: 1em;
}

ul.nomargin li{
  margin-top: 0.5em;
}

dl {
 font-size: small;
/* margin-left: 2em;*/
}

dl.logo {
 margin-left: 1em;
 margin-right: 1em;
}

dl.logo dd {
 margin-left: 2em;
}

dl.event {
 margin-top: 1em;
}

dl.event dt { 
  margin-left: 0.5em; margin-bottom: 0.5em;
  background-color: #ffffff; color: #aa0000;
  font-weight: bold;  
}

dl.event dd { 
  margin-left: 2em; 
  margin-bottom: 0.5em;
}

dl.changelog {
 margin-top: 1em;
}

dl.changelog dt { 
  margin-left: 0.5em; margin-bottom: 0.5em;
  background-color: #ffffff; color: #aa0000;
  font-weight: bold;  
}
dl.changelog dd { 
  margin-left: 2em; 
  margin-bottom: 0.5em;
}

dd {
 margin-left: 1em;
 margin-bottom: 1em;
}

/*==========================================================================*
 * definitions for a menu list which is at the left side in pages.
 *==========================================================================*/

td {
 font-size: small;
}

th {
 font-size: 9pt;
}

td.tphead {
 font-size: 10pt;
 color: #000000;
}

td.thead {
 font-size: 10pt;
 color: #000000;
 background-color: #ffffff;
}

td.ihead {
 font-size: 10pt;
 color: #000000;
 background-color: #ddddff;
}

li.sidemenu {
 font-size: 10pt;
 color: #000000;
 background-color: #ddddff;
}

td.ibody {
 font-size: 10pt;
 color: #000000;
 background-color: #ffffff;
}

td.bh1 {
 color: #eeeeee;
 background-color: #336699;
 font-weight: bold;
}

.bh2 {
 color: #222222;
 background-color: #eeeeff;
 font-weight: bold;
}

.bh3 {
 color: #000000;
  background-color: #ffaa88;
 font-weight: bold;
}

.date {
 color: #aa0000;
 background-color: #ffffff;
 font-weight: bold;
}


td.element {
 width:100;
}

.public {
 width:3;
 background-color: ff99cc;
}

.selectable {
 width:3;
 background-color: ccff99;
}

.private {
 width:3;
 background-color: 99ccff;
}

table.menu_mem {
 margin-bottom: 0em; 
}

table.menu_all {
 margin-bottom: 0em; 
}

table.menu_mem .ihead {
/* background-color: #ffddbb; */
 background-color: #ddddff;
}

table.menu_all .ihead {
 background-color: #ddddff;
}

table.menu_mem .menu_frame {
/* background-color: #cc9966; */
 background-color: #6699cc;
}

table.menu_all .menu_frame {
 background-color: #6699cc;
}

pre.license {
 padding: 1em;
 border-width: 1px 1px 1px 1px;  
 border-color: #aaaaaa;
 border-style: solid;
}

/*
 * warning & notice
 */
div.warning {
 color: #dd0000;
 background-color: #ffffff;
 text-align: right;
}

.notice {
 color: #990000;
 text-decoration: none;
 font-weight: bold;
}

/*
 * MENU
 */
#menu_list {
 width:98%;
 border: 1px solid #6688bb;
 padding: 0px 1px 1px 1px;  
 margin: 0;
}

#menu_list .click {
 cursor: pointer;
}

#menu_list dt {
 font-size: 11pt;
 font-weight: bold;
 color: #000000;
 border: 1px;
 padding: 2px;  
 background-color: #ddddff;
 list-style-image: url(./imgs/bullet.gif);
}

#menu_list dd {
 font-size: 11px;
 margin: 0;
 border: 1px;
 border-color: ##6688bb;
 padding: 3px;
 background-color: #ffffff;
}

/*
 * scroll bar （for IE）
 */
body {
 SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-SHADOW-COLOR: #9bbfe8;
 SCROLLBAR-3DLIGHT-COLOR: #9bbfe8;
 SCROLLBAR-ARROW-COLOR: #9bbfe8;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #ffffff;
 scrollbar-3d-light-color: #ffffff;
 scrollbar-dark-shadow-color: #9bbfe8
}