/* tabs */
/* tabs */
.tabs {
    width:100%;
    overflow:hidden;
    zoom:1;
    position:relative;
    z-index:1;
    margin-top: 30px;
}
.tabs dt {
    position: relative;
    margin: 0 1% 0 0;
    padding: 10px 2%;
    height: 20px;
    line-height: 150%;
    font-size: 15px;
    cursor: pointer;
    width: auto;
    display: inline-table;
    text-align: center;
    font-weight: normal;
    background: #eeeeee;
    border-radius: 3px;
    color: #333333;
}
.tabs dt:hover {
    background: #4aca9b;
    cursor: pointer;
    -webkit-transition: all 0.35s ease-in-out;
}
.tabs dt.selected {
    cursor: pointer;
    color: #333333;
    background: #54d5a6;
}
.tabs dd {
    background: none;
    display:none;
    float:right;
    width:100%;
    position:relative;
    z-index:2;
    margin: 42px 0 0 -100%;
}
.tabs dd.selected {
    display:block;
}
.tabs .tab-content {
    overflow: hidden;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.tabs .moduletable {
    margin-top:5px;
    padding-left:5px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
}
.tabs_clr {
    clear:both;
    font-size:0;
    height:0;
    line-height:0;
}


/* sliders */
.sliders {width:100%;border-bottom:solid 1px #c4c4c4;margin:10px 0;}
.sliders .title {background:#e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;padding:7px 15px;margin:0;font-size:1.2em;line-height:1em;font-weight:bold;border:solid 1px #c4c4c4;border-bottom:none;cursor:pointer;}
.sliders .title:hover {background-color:#e3e2e2;}
.sliders .title.active {background-position:right 5px;}
.sliders .desc {margin:0;padding: 10px 15px 20px;background:#f7f7f7;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4;}
/* spoilers */
.spoilers {width:100%;}
.spoilers .title {
    background: #eeeeee url(../images/arrow-square.gif) no-repeat right -45px;
    padding: 10px 15px;
    margin: 0;
    margin-bottom: 2px;
    cursor: pointer;
    text-transform: lowercase;
    border-radius: 3px;
    font-size: 15px;
}
.moduletable.menubox .spoilers ul {
    margin-top: 0;
}
.spoilers .title:first-letter {
    text-transform: uppercase;
}
.spoilers .title:hover {
    background-color:#f5f6f7;
}
.spoilers .title.active {background-position:right 10px;}
.spoilers .desc {
    display: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
}
.spoilers .desc ul {
    margin: 0 0 5px;
}
.spoilers .desc ul li {
    display: block;
}
.spoilers .desc ul li a {
    display: block;
    padding: 5px 15px;
    background: #ececec;
    border-radius: 3px;
}
.spoilers .desc ul li a:hover {
    text-decoration: underline;
    background: #f5f6f7;
    text-decoration: none;
    color: #333333;
}