﻿/* TabStrip wrapper */
.ts { width:715px; height:30px; }
.ts-l { float:left; width:10px; height:30px; background:transparent url("../images/Tabs/static.png") no-repeat -16px 0; }
.ts-m { float:left; width:695px; height:30px; background:transparent url("../images/Tabs/horizontal.png") repeat-x; }
.ts-r { float:left; width:10px; height:30px; background:transparent url("../images/Tabs/static.png") no-repeat -26px 0;}

/* TabStrip */
.tab,.tab-h,.tab-s { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#fff; cursor:pointer; }

.t {     float:none; width:125px; height:30px; display:block; }
.t .l {  float:left; width:8px;  height:30px; background:none; }
.t .m  { float:left; width:109px; height:30px; background:none; line-height:30px; text-align:center; }
.t .r {  float:left; width:8px;  height:30px; background:none;}

.tab-h .t .l { background:transparent url("../images/Tabs/static.png") no-repeat; }
.tab-h .t .m  { background:transparent url("../images/Tabs/horizontal.png") repeat-x 0 -30px;}
.tab-h .t .r { background:transparent url("../images/Tabs/static.png") no-repeat -8px 0; }
.tab-s .t .l { background:transparent url("../images/Tabs/static.png") no-repeat 0 -30px; }
.tab-s .t .m { color:#fff; background:transparent url("../images/Tabs/horizontal.png") repeat-x 0 -60px; }
.tab-s .t .r { background:transparent url("../images/Tabs/static.png") no-repeat -8px -30px; }

/* MultiPage wrapper */
.mp { width:715px;height:100%;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#004445;padding:0px;margin:0px; }

/* Top left & right */
.mpt { width:715px;height:4px; }
.mpt-l { float:left;display:block;width:10px;height:100%;background:#004445 url("../images/Tabs/static.png") no-repeat -16px -30px; }
.mpt-m { float:left;display:block;width:695px;height:100%;background-color:#004445; }
.mpt-r { float:left;display:block;width:10px;height:100%;background:#004445 url("../images/Tabs/static.png") no-repeat -26px -30px; }

/* MultiPage content */
.mpc { width:100%; height:100%; background:#004445 url("../images/Tabs/vertical.png") repeat-y; padding:0px;margin:0px; }
.mpc p { padding-left:20px; }
.mpb { width:100%; height:10px; }
.mpb-l { float:left; display:block; width:10px; height:100%; background:transparent url("../images/Tabs/static.png") no-repeat -16px -34px; }
.mpb-m { float:left; display:block; width:695px; height:100%; background:#000 url("../images/Tabs/horizontal.png") repeat-x 0 -90px; }
.mpb-r { float:left; display:block; width:10px; height:100%; background:transparent url("../images/Tabs/static.png") no-repeat -26px -34px; } 

.contentWrapper { font-family: Tahoma; text-align: left; font-size: 12px; color: #fff; cursor: default; padding-left:20px; padding-right:20px; }

.TopGroup
{
  z-index:0;
  position:relative;
}

.DefaultTab
{
  font-size:10px;
  font-family: tahoma;
  cursor:pointer;
  background-image:url(../images/tabs/bg.png);
}

.SelectedTab
{
  background-color:#DDDDDD;
  font-size:10px;
  font-family: tahoma;
  cursor:default;
  background-image:url(../images/tabs/bg.png);
}

.Level2Group
{
    background-image:url(../images/tabs/bg.png);
}

.transparent
{
  background:transparent;
}

.MultiPageOutterFrame
{
  background-color: #004445;
  width: 639px;
  height: 400px;
  position:relative;
  left:-2px;
  z-index:98;
  padding: 5px;
  vertical-align:top;
}

.MultiPage
{
    border: 1px solid #000000;
    color: White;
    background-color: #000000;
    width: 100%;
    height: 100%;
}