#tabs {
    height: 32px;
    position: relative;
    top: 7px;
    padding-left: 5px;
}
.tab {
    float: left;
    padding: 4px;
    border: 1px solid #DDDDDD;
    margin-right: 3px;
    margin-left: 3px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: white !important;
    position: relative;
    font-weight: bold;
    width: 103px;
}
.activeTab {
    z-index: 1000;
    border-bottom-color: white;
    color: #849BCD;
}
.inactiveTab {
    z-index: 250;
    background-color: #DDDDDD !important;
    cursor: pointer;
    color: #666666;
}
.inactiveTab:hover {
    color: #000000;
}
.tabC {
    border: 1px solid #DDDDDD;
    background-color: white;
    width: 100%;
    margin: 8px;
    margin-top: 0px;
    padding-top: 8px;
    overflow-y: auto;
    max-height: 100%;
}
.inactiveTabC {
    visibility: hidden;
}
#tabContent {
    position: relative;
    width: 500px;
    z-index: 500;
}