.active-tab {
    color: #fff
}

.deactive-tab {
    color: #fff
}

.tabBottomLine {
    border-bottom: 0 solid #a6a7a9;
    width: 100%
}

.tabOutLine {
    border-color: #a6a7a9 !important;
    border-style: solid !important;
    border-width: 3px;
    width: 100% !important
}

.tabBody {
    padding: 10px;
    width: 100%
}

ul#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left
}

ul#tabs li {
    display: inline-block;
    background-color: #d4d4d4;
    padding: 7px 15px;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold
}

ul#tabs li:hover {
    background-color: #00ab67;
    color: #fff
}

ul#tabs li.active {
    background-color: #00ab67;
    color: #fff
}

ul#tab {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul#tab li {
    display: none;
    padding: 10px 0;
    border-top: solid 8px #00ab67;
    margin: 0
}

ul#tab li.active {
    display: block
}

ul#tab li h2 {
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: solid 5px #32c896
}

.rtl ul#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right
}

.rtl ul#tabs li {
    display: inline-block;
    background-color: #d4d4d4;
    padding: 7px 15px;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold
}

.rtl ul#tabs li:hover {
    background-color: #00ab67;
    color: #fff
}

.rtl ul#tabs li.active {
    background-color: #00ab67;
    color: #fff
}

.rtl ul#tab {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.rtl ul#tab li {
    display: none;
    padding: 30px;
    border-top: solid 8px #00ab67;
    text-align: right
}

.rtl ul#tab li.active {
    display: block
}

.rtl ul#tab li h2 {
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: solid 5px #32c896
}

DIV#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left
}

DIV#tabs span {
    display: inline-block;
    background-color: #00ab67;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    font-size: 15px
}

DIV#tabs span:hover {
    background-color: #00b76d;
    color: #fff
}

DIV#tabs span.active {
    background-color: #a6a7a9;
    color: #fff
}

DIV#tab {
    list-style-type: none;
    margin: 0;
    padding: 0
}

DIV#tab DIV.cnt {
    display: none;
    padding: 10px 0;
    border-top: solid 9px #a6a7a9;
    margin: 0
}

DIV#tab DIV.cnt.active {
    display: block
}

DIV#tab DIV.cnt h2 {
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: solid 5px #a6a7a9
}

DIV#tabsbutton {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left
}

.rtl DIV#tabsbutton {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right
}

DIV#tabsbutton span {
    display: none
}

DIV#tabsbutton input {
    display: inline-block;
    color: #fff !important;
    padding: 8px !important;
    height: 35px !important
}

DIV#tabsbutton .hover {
    background-color: #00b76d !important;
    color: #fff
}

DIV#tabsbutton span.active {
    background-color: #a6a7a9;
    color: #fff
}

DIV#tabsbutton .deactive-tab {
    background-color: #00ab67 !important;
    border: 1px solid #00ab67 !important;
    cursor: pointer;
    font-size: 15px;
    font-family: Arial;
    color: #fff !important
}

DIV#tabsbutton .active-tab {
    background-color: #a6a7a9 !important;
    color: #fff;
    border: 1px solid #a6a7a9 !important;
    cursor: pointer;
    font-size: 15px;
    font-family: Arial;
    color: #fff
}

DIV#tabsbutton {
    list-style-type: none;
    margin: 0;
    padding: 0
}

DIV#tabsbutton DIV.cnt {
    display: none;
    padding: 10px 0;
    border-top: solid 9px #00ab67;
    margin: 0
}

DIV#tabsbutton DIV.cnt.active {
    display: block
}

DIV#tabsbutton DIV.cnt h2 {
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: solid 5px #32c896
}

.tabsbuttonBottomLine {
    border-bottom: 0 solid #a6a7a9;
    width: 100%
}

.tabsbuttonOutLine {
    border-color: #a6a7a9 !important;
    border-style: solid !important;
    border-width: 3px;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    max-height: auto !important;
    float: left;
    clear: both
}

.tabsbuttonBody {
    padding: 10px;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    max-height: auto !important;
    float: left;
    clear: both
}

.rtl DIV#tabsbutton .deactive-tab {
    font-family: "Droid Arabic Kufi",Tahoma !important
}

.rtl DIV#tabsbutton .active-tab {
    font-family: "Droid Arabic Kufi",Tahoma !important
}

.rtl DIV#tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right
}

.rtl DIV#tabs span {
    display: inline-block;
    background-color: #00ab67;
    color: #fff;
    padding: 8px;
    cursor: pointer;
    font-size: 15px;
    font-family: "Droid Arabic Kufi",Tahoma !important
}

.rtl DIV#tabs span:hover {
    background-color: #00b76d;
    color: #fff
}

.rtl DIV#tabs span.active {
    background-color: #a6a7a9;
    color: #fff
}

.rtl DIV#tab {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.rtl DIV#tab DIV.cnt {
    display: none;
    padding: 10px 0;
    margin: 0
}

.rtl DIV#tab DIV.cnt.active {
    display: block
}

.rtl DIV#tab DIV.cnt h2 {
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: solid 5px #a6a7a9
}

.newcnt {
    display: block !important
}