/* oppi's style */


/*
  yellow: #eeee22
  orange: #ff8811
  yellow: #ffff99
  red:    #bb1122
  red:    #ff99aa
  green:  #117722
  green:  #99eeaa
  blue:   #112255
  blue:   #aabbff
  dark:   #222233
*/

* { padding: 0; margin: 0; }

a img {
  border: none; 
  background: none ;
}

body {
    color: #222233;
    background: #cccccc;
    font-family: Verdana, Sans-Serif;
    font-size: 100%;
    padding: 0;
    margin: 0;
}

td.accent {
    color: #bb1122;
    }

td.hits {
    color: #ff8811;
    background-color: #112255;
    }

em {
    color: #bb1122;
  font-weight: bold;
    }

/* main */
div.main {
  width: 100%;
 
  overflow: auto;  
}
	
/* top */

div.top {
  display: block;
  padding: 2px;
  margin: 2px;
  background-color: #aabbff;
  border: 2px #112255 solid;
  height: 60;
}

div.bottom {

  display: block;
  padding: 2px;
  margin: 2px;
  background-color: #aabbff;
  color: #112255;
  border: 2px #112255 solid;
  font-size: 80%;
  height: 40;
}



div.top h1 {
  position: relative;
  color: #112255;
}
div.top h3 {
  position: relative;
  color: #112255;
}


td.top {
  font-size: 80%;
  padding: 2px;
  margin: 2px;
  }

div.top .logo {
  position: absolute;
  top: 6;
  left: 6;
}


/* simple file list*/

div.dir {
  background-color: #ffffff;
  border: 2px #666666 solid;
  text-align: center;
  position: center;
  width: 70%;
  margin-top: 32px;
}

div.dir h2 {
  color: #ff8811;
  background-color: #222233;
  text-align: center;
}

div.dir ul {
  text-align: left;
  list-style: none;
  background-color: #cccccc;
  border: 2px #666666 solid;
}


div.dir li {
  background-color: #ffffff;
  font-weight: bold;
  display: block;
  padding: 4px;
  text-align: left;
}


div.dir li a:link {
    display: block; 
    background-color: #ffffff;
    color: #222233;
    text-decoration: none;
}

div.dir li a:visited {
    display: block; 
    background-color: #ffffff;
    color: #666666;
    text-decoration: none;
}

div.dir li a:hover {
    display: block; 
    background-color: #222233;
    color: #ffff99;
    text-decoration: none;
}



/* dir */

div.fafcontent {
  position: relative;
  background-color: #ffffff;
  color: #112255;
  height: 80%;
  overflow: auto
  padding: 4px;
  border: 2px #ffff99 solid;
  margin-left: 8px;
  margin-right: 8px;
}

div.faf {
  background-color: #ffffff;
  border: 2px #666666 solid;
  text-align: center;
  position: center;
  width: 70%;
}

div.faf ul {
  list-style: none;
}

div.faf ul.enum {
  text-align: left;
  list-style: none;
  background-color: #cccccc;
  border: 2px #666666 solid;
}

div.fav li {
  display: inline;
}

div.faf li.section {
  background-color: #ffffff;
  font-weight: bold;
  display: block;
  padding: 4px;
  text-align: center;
}

div.faf li.item a{
  display: block;
    padding: 4px;
}


div.faf li.item a:link {
    display: block; 
    background-color: #cccccc;
    color: #222233;
    text-decoration: none;
}

div.faf li.item a:visited {
    display: block; 
    background-color: #cccccc;
    color: #222233;
    text-decoration: none;
}

div.faf li.item a:hover {
    display: block; 
    background-color: #222233;
    color: #ffffff;
    text-decoration: none;
}




/* menu */
div.menu {
  float: left;
  overflow: auto;
  background-color: #ffffff;
  width: 192px;
  margin-left: 2px;
  text-align: center;
  border: 2px #666666 solid;
}

div.menu ul {
  list-style: none;
  
}

div.menu ul.enum_R, ul.enum_G, ul.enum_B, ul.enum_Y {
  text-align: left;
  list-style: none;
}

div.menu ul.enum_R {
  background-color: #ff99aa;
  border: 2px #bb1122 solid;
}

div.menu ul.enum_G {
  background-color: #99eeaa;
  border: 2px #117722 solid;
}

div.menu ul.enum_B {
  background-color: #aabbff;
  border: 2px #112255 solid;
}

div.menu ul.enum_Y {
  background-color: #ffff99;
  border: 2px #ff8811 solid;
}

div.menu ul.enum_W {
  background-color: #ffffff;
  border: 2px #ffffff solid;
}

div.menu li {
  display: inline;
}

div.menu li.section_R {
  background-color: #ffffff;
  font-weight: bold;
  display: block;
  padding: 4px;
  text-align: center;
  color: #bb1122;
}

div.menu li.section_G {
  background-color: #ffffff;
  font-weight: bold;
  display: block;
  padding: 4px;
  text-align: center;
  color: #117722;
}

div.menu li.section_B {
  background-color: #ffffff;
  font-weight: bold;
  display: block;
  padding: 4px;
  text-align: center;
  color: #112255;
}

div.menu li.section_Y {
  background-color: #ffffff;
  font-weight: bold;
  display: block;
  padding: 4px;
  text-align: center;
  color: #ff8811;
}

div.menu li.item_G a{
  display: block;
    padding: 4px;
}

div.menu li.item_R a{
  display: block;
    padding: 4px;
}

div.menu li.item_B a{
  display: block;
    padding: 4px;
}

div.menu li.item_Y a{
  display: block;
    padding: 4px;
}

div.menu li.item a:link {
    display: block; 
    background-color: #ffffff;
    color: #222233;
    text-decoration: none;
}

div.menu li.item a:visited {
    display: block; 
    background-color: #ffffff;
    color: #222233;
    text-decoration: none;
}

div.menu li.item a:hover {
    display: block; 
    background-color: #222233;
    color: #ffffff;
    text-decoration: none;
}

div.menu li.item_R a:link {
    display: block; 
    background-color: #ff99aa;
    color: #bb1122;
    text-decoration: none;
}
div.menu li.item_R a:visited {
    display: block; 
    background-color: #ff99aa;
    color: #bb1122;
    text-decoration: none;
}
div.menu li.item_R a:hover {
    display: block; 
    background-color: #bb1122;
    color: #ffffff;
    text-decoration: none;
}

div.menu li.item_G a:link {
    display: block; 
    background-color: #99eeaa;
    color: #117722;
    text-decoration: none;
}
div.menu li.item_G a:visited {
    display: block; 
    background-color: #99eeaa;
    color: #117722;
    text-decoration: none;
}
div.menu li.item_G a:hover {
    display: block; 
    background-color: #117722;
    color: #ffffff;
    text-decoration: none;
}

div.menu li.item_B a:link {
    display: block; 
    background-color: #aabbff;
    color: #112255;
    text-decoration: none;
}
div.menu li.item_B a:visited {
    display: block; 
    background-color: #aabbff;
    color: #112255;
    text-decoration: none;
}
div.menu li.item_B a:hover {
    display: block; 
    background-color: #112255;
    color: #ffffff;
    text-decoration: none;
}

div.menu li.item_Y a:link {
    display: block; 
    background-color: #ffff99;
    color: #ff8811;
    text-decoration: none;
}
div.menu li.item_Y a:visited {
    display: block; 
    background-color: #ffff99;
    color: #ff8811;
    text-decoration: none;
}
div.menu li.item_Y a:hover {
    display: block; 
    background-color: #ff8811;
    color: #ffffff;
    text-decoration: none;
}

/* content */

div.content h2 {
  position: relative;
  top: 8;
  color: #ff8811;
  background-color: #222233;
  text-align: center;
}

div.content h4 {
  position: relative;
  top: 8;
  color: #bb1122;
  text-align: center;
}

div.content h7{
  position: relative;
  top: 8;
  color: #ffffff;
  text-align: center;
}

div.content {
  position: relative;
  display: block;
  background-color: #ffffff;
  color: #222233;
  overflow: auto;
  padding: 2px;
  border: 2px #ffff99 solid;
  margin-left: 204px;
  margin-right: 8px;
}

div.content a:link {
    font-weight: bold;
    text-decoration: none;
    color: #222233;
}
div.content a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #222233;
}
div.content a:hover {
    font-weight: bold;
    text-decoration: none;
    background: #222233; 
    color: #ffffff;
}

div.content a:link.boo {
    font-weight: bold;
    text-decoration: none;
    color: #ff8811;
}

div.content a:visited.boo {
    font-weight: bold;
    text-decoration: none;
    color: #ff8811;
}

div.content a:hover.boo {
    font-weight: bold;
    text-decoration: none;
	background: #ff8811; 
    color: #ffffff;
}


img.image {
  border: none; 
  background: none ;
}

a.image {
  border: none; 
  background: none ;
}


/* bottom */

td.bottom {
  font-size: 80%;

  padding: 2px;
  margin: 2px;
  }

div.bottom a:link {
    font-weight: bold;
    text-decoration: none;
    color: #112255;
}
div.bottom a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #112255;
}
div.bottom a:hover {
    font-weight: bold;
    text-decoration: none;
    background: #112255; 
    color: #ffffff;
}
div.noshow {
  position: relative;
  display: none;
  text-align: center;
  background-color: #ffffff;
  color: #ffffff;
  font-size: 80%;
}