/******************************************************************************
 * KENOBI - theme.css
 ******************************************************************************/

.m-tabpage {
   width: 100%;
   height: 24px;
   background-color: white;
   float:left;
}

.m-tabpage .space {
   width: 2px;
   height: 24px;
   border-bottom: 1px solid black;
   float:left;
}

.m-tabpage .vertical1A {
   width: 1px;
   height: 23px;
   background-color: black;
   border-top: 2px solid #EEE;
   float:left;
}

.m-tabpage .vertical2A {
   width: 1px;
   height: 23px;
   background-color: #EEE;
   border-top: 1px solid black;
   float:left;
   margin-top:1px;
}

.m-tabpage .vertical3A {
   width: 1px;
   height: 23px;
   background-color: black;
   border-top: 1px solid #EEE;
   border-bottom: 1px solid black;
   float:left;
}

.m-tabpage .vertical4A {
   width: 1px;
   height: 22px;
   background-color: #CCC;
   float:left;
   border-bottom: 1px solid black;
   margin-top:2px;
}

.m-tabpage .vertical1B {
   width: 1px;
   height: 22px;
   background-color: #CCC;
   margin-top: 2px;
   border-bottom: 1px solid black;
   float:left;
}

.m-tabpage .vertical2B {
   width: 1px;
   height: 22px;
   background-color: #EEE;
   border-top: 1px solid #CCC;
   float:left;
   margin-top:1px;
   border-bottom: 1px solid black;
}

.m-tabpage .contentA {
   width: 100px;
   height: 24px;
   background-color: #E0E0E0;
   border-top: 1px solid black;
   text-align: center;
   vertical-align: middle; 
   float:left;
}

.m-tabpage .contentB {
   width: 100px;
   height: 23px;
   background-color: #EEE;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid black;
   text-align: center;
   vertical-align: baseline; 
   float:left;
}

.m-tabpage .contentC {
   width:auto;
   border-top: 24px solid white;
   border-bottom: 1px solid black;
   margin:0;
   padding:0;
}

.m-tabpage-link
{ color:           #000000;
  font-weight:     bold;
  font-size:       9pt;
  text-decoration: none
  vertical-align: middle; 
}
    
.m-tabpage-link-disable
{ color:           #999999;
  font-weight:     bold;
  font-size:       9pt;
  text-decoration: none
  vertical-align: middle; 
}

.m-tabpage-link:link
{ color:           #666666;
  font-weight:     bold;
  text-decoration: none;
}

.m-tabpage-link:visited
{ color:           #666666;
  font-weight:     bold;
  text-decoration: none;
}

.m-tabpage-link:hover
{
  color:           #990000;
  font-weight:     bold;
  text-decoration: underline;
}

.m-tabpage-link:active
{
  color:           #990000;
  font-weight:     bold;
  text-decoration: underline;
}

.m-tabform-box
{
  background-color: #ffffff;
  padding:          1px;
  width:            95%; 
}

.m-tabform-body
{
  background-color: #E0E0E0;
  border-left:      solid #000000 1pt;
  border-right:     solid #000000 3pt;
  border-bottom:    solid #000000 3pt;
}

.m-tabform-text
{
  color:            #000000;
  font-size:        11px;
  margin-top:       3px;
  margin-bottom:    3px;
  vertical-align:   top;
}

.m-tabform-title
{
  color:            #000000;
  font-size:        12px;
  font-weight:      bold;
  margin-top:       2px;
  margin-bottom:    2px;
  vertical-align:   top;
}

.m-tabform-color-0
{
  background-color:           #ffffff;
}

.m-tabform-color-1
{
  background-color:           #cccccc;
}

.m-tabform-color-2
{
  background-color:           #333333;
}

.m-tabform-color-3
{
  background-color:           #e0e0e0;
}

.m-tabform-color-4
{
  background-color:           #000000;
}

/*
Javascript
*/

.m-collapsible {
  margin:0; padding:0;
  overflow:hidden;
  display:block;
}

.m-tabform-panel-group {
  position:relative; overflow:hidden;
  margin:10px; padding:0;
}

.m-tabform-panel {
  position:absolute; 
  overflow: auto;
  overflow-x:hidden;
  margin:0; padding:10px;
  color:#000; background:threedface;
  border-left:1px solid threedshadow;
  border-right:1px solid threeddarkshadow;
  border-bottom:1px solid threeddarkshadow;
}

.m-tabform-group {
  position:absolute; overflow:hidden;
  margin:0; padding:0; 
}

.m-tabform-default {
  position:absolute; overflow:hidden;
  cursor:pointer;
  color:           #000;
  font-size:       9pt;
  font-weight:     bold;
  text-decoration: none;
  text-align:center;
  border-top:1px solid threeddarkshadow;
  border-right:1px solid threeddarkshadow;
  border-bottom:1px solid threedhighlight;
  border-left:1px solid threedshadow;
  margin:0; padding:2px;
  background:threedface;
  font:caption;
}

.m-tabform-selected {
  position:absolute; overflow:hidden;
  cursor:pointer;
  color:           #000;
  font-weight:     bold;
  font-size:       9pt;
  text-decoration: none;
  text-align:center;
  border-top:1px solid threeddarkshadow;
  border-right:1px solid threeddarkshadow;
  border-bottom:1px solid threedface;
  border-left:1px solid threedshadow;
  margin:0; padding:2px;
  color:#000; background: threedface;
  font:caption;
}