/******************************************************************************
 * tabforms
 ******************************************************************************/
.m-tabpage { 
 font: caption;
 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: threedface;
 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: #000;
 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: #fff;
 padding: 1px;
 width: 95%; 
}

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

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

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

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

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

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

.m-tabform-color-3
{
 background-color: threedface;
}

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

/*
Javascript
*/

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

.m-tabform-panel-group {
 position: relative; overflow: hidden;
 margin: 10; 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-span {
 display: block;
 height: 100%;
 border-top: 1px solid threedshadow;
 border-right: 1px solid threedshadow;
 border-left: 1px solid threedshadow;
 padding:2px;
}

.m-tabform-default {
 position: absolute; overflow: hidden;
 cursor: pointer;
 color: #000;
 text-decoration: none;
 text-align: center;
 border-bottom: 1px solid threedhighlight;
 margin: 0; padding: 0;
 background: threedface;
 font: message-box;
}

.m-tabform-selected {
 position: absolute; overflow: hidden;
 cursor: pointer;
 color: #000;
 z-index:5;
 text-decoration: none;
 text-align: center;
 border-bottom: 1px solid threedface;
 margin: 0; padding: 0;
 color: #000; background: threedface;
 font: message-box;
}
