/* tabs */
.tabs{width:100%;overflow:hidden;zoom:1;position:relative;margin-top:20px;margin-bottom:20px;z-index:1;}
.tabs dt{float:left;position:relative;margin-right:5px;padding:0 5px;height:26px;line-height:26px;font-size:13px;color:#555555;cursor:pointer;border:1px solid #d9d9d9;border-bottom:0;background:#e8e8e8;background:linear-gradient(to bottom,#e8e8e8 80%,#bdbdbd 130%);}
.tabs dt:hover{background:#cacaca;border-color:#bbb;}
.tabs dt.selected{cursor:auto;color:#fff;background:#cacaca;border-color:#bbb;}
.tabs dd{background:#fff;display:none;float:right;width:100%;position:relative;z-index:2;margin:26px 0 0 -100%}
.tabs dd.selected {display:block;}
.tabs .tab-content{border:1px solid #CCC;overflow:hidden;padding:10px;}
.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 {position:relative;background:#e9e7e7;padding:7px 40px 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::after {content:'';position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;transform:translateY(-70%) rotate(45deg);transition:transform 0.2s ease;}
.sliders .title:hover {background-color:#e3e2e2;}
.sliders .title.active::after {transform:translateY(-30%) rotate(-135deg);}
.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 {position:relative;background:#e9e7e7;padding:7px 40px 7px 15px;margin:0;margin-top:10px;font-size:1.2em;line-height:1em;font-weight:bold;border:solid 1px #c4c4c4;cursor:pointer;}
.spoilers .title::after {content:'';position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;transform:translateY(-70%) rotate(45deg);transition:transform 0.2s ease;}
.spoilers .title:hover {background-color:#e3e2e2;}
.spoilers .title.active::after {transform:translateY(-30%) rotate(-135deg);}
.spoilers .desc {display:none;margin:0;padding:10px 15px 20px;background:#f7f7f7;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4;border-bottom:solid 1px #c4c4c4;}