.tabsBody {
    
}

.activeTabsBodyElement {
    display: block;
}

.inactiveTabsBodyElement {
    display: none;
}

.tabsBody .tabsBodyElement {
    
}

.tabsHead {
    height: 30px;
    position: relative;
}

.tabsHead a {
    font-size: 11px;
    font-family: Tahoma;
    font-weight: Normal;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.tabsHead a.tabsHeadElement {
    display: block;
    float: left;
    position: relative;
	white-space: nowrap;
    margin: 0px;
	padding: 0 20px;
    line-height: 30px;
	color: #333;
	background: url('../img/tabs/left.png') left -60px no-repeat #777; 
}

.tabsHead a.activeTabsHeadElement {
   color: #fff;
   background: url('../img/tabs/left.png') left -30px no-repeat #960000;
   cursor: default;
   
}

.tabsHead a.tabsHeadElement span {
   display: block;
   position: absolute;
   right: 0px;
   top: 0px;
   width: 10px;
   height: 30px;
   background: url('../img/tabs/right.png') no-repeat right -60px;
}
.tabsHead a.activeTabsHeadElement span {
    background: url('../img/tabs/right.png') no-repeat right -30px #960000;
}
.tabsHead a.tabsHeadElement:hover {
    background: url('../img/tabs/left.png') left 0px no-repeat #207920;
    color: #fff;
}
.tabsHead a.tabsHeadElement:hover span {
    background: url('../img/tabs/right.png') right 0px no-repeat #207920;
}
.tabsHead a.activeTabsHeadElement:hover {
   background: url('../img/tabs/left.png') no-repeat left -30px #960000;
}
.tabsHead a.activeTabsHeadElement:hover span {
    background: url('../img/tabs/right.png') no-repeat right -30px #960000;

}