/** CSS Document: panel.css
 * defines of panel styles, navibar styles
 * @author: M.Paetzel
 * @version: 1.0 
 * @year: 2008
 */

/* tabs --------------------------------------------------------------------- */
/* common buttons (inactive) */
.button {
  position: absolute;
  background-image: url(../images/layout/tab_b.gif);  
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFFFFF;
  border-left: solid 1Px #999999;
  top: 2Px;
  width: 117Px;
  height: 17Px;
  overflow: hidden;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
/* common button (active) */
.active {
  height: 19Px;
  top: 1Px;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
  z-index: 8;
}

#tabbar .lno1 {left: 0Px;   width: 106Px;}
#tabbar .lno2 {left: 105Px; width: 130Px;}
#tabbar .lno3 {left: 234Px; width: 110Px;}
#tabbar .lno4 {left: 343Px; width: 80Px;}

#tabbar .sno1 {left: 0Px;   width: 101Px;}
#tabbar .sno2 {left: 100Px; width: 130Px;}
#tabbar .sno3 {left: 229Px; width: 110Px;}
#tabbar .sno4 {left: 338Px; width: 100Px;}




/* tabbar (text) */
#tabbar  {
  position: absolute;
  left: 285Px;
  width: 465Px;
  top: 17Px;
}
/* tabbar button pos */
#tabbar .no1 {left: 0Px;}
#tabbar .no2 {left: 115Px;}
#tabbar .no3 {left: 230Px;}
#tabbar .no4 {left: 345Px;}


/* tabbar (image) */
#tabbar_image  {
  position: absolute;
  left: 24Px;
  width: 247Px;
  top: 11Px;
  z-index: 7;
}

/* image buttons (inactive) */
#tabbar_image .button {
  background-image: url(../images/layout/tab_i_b.gif);  
  width: 24Px;
  height: 18Px;
  border: none;
}
/* image button (active) */
#tabbar_image .active {
  background-image: url(../images/layout/tab_a_b.gif);  

}

#tabbar_image .no1 {left: 0Px;}
#tabbar_image .no2 {left: 23Px;}
#tabbar_image .no3 {left: 46Px;}
#tabbar_image .no4 {left: 69Px;}

/* navi --------------------------------------------------------------------- */
#navibar .topic {
  background-color: #999999;
  color: #666666;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica;
  font-size: 14Px;
}

#navibar .subs {
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica;
}

/* common navi links */
#navibar a:link, #navibar a:visited, #navibar a:active, #navibar a:hover {
  font-size: 11Px;
  font-weight: bold;
  text-decoration: none;
  color: #666666;
} 
#navibar a:hover {
  text-decoration: underline;
  color: #CC0000;
}
#navibar a.isactive {
  text-decoration: none;
  color: #000000;
}

/* main navi links */
#navibar .topic a:link, #navibar .topic a:visited, #navibar .topic a:active, #navibar .topic a:hover {
  font-size: 11Px;
  font-weight: bold;
  text-decoration: none;
  background-color: #999999;
  color: #FFFFFF;
} 
#navibar .topic a:hover {
  text-decoration: underline;
  background-color: #999999;
  color: #CC0000;
}
#navibar .topic a.isactive {
  text-decoration: none;
  background-color: #999999;
  color: #000000;
}