/* tabs */
.tabs{width:100%;float:none !important;zoom:1;position:relative;margin-top:20px;margin-bottom:20px;z-index:2;}
.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:-moz-linear-gradient(top,#e8e8e8 80%,#bdbdbd 130%);background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,#e8e8e8),color-stop(130%,#bdbdbd));background:linear-gradient(top,#e8e8e8 80%,#bdbdbd 130%);background:-webkit-linear-gradient(top,#e8e8e8 80%,#bdbdbd 130%);background:-ms-linear-gradient(top,#e8e8e8 80%,#bdbdbd 130%);background:-o-linear-gradient(top,#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;  width: 100%;  position: absolute;   z-index: 2;  margin: 0;}
.tabs dd.selected {display:block;}
.tabs .tab-content{background-color: #fff;border:1px solid #CCC;overflow:hidden;padding:4px;}
.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:#e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;padding: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:hover {background-color:#e3e2e2;}
.spoilers .title.active {background-position:right 5px;}
.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;}

@media (max-width: 701px)
{

  .tabs dt{
    float: none;
    margin:0;
    text-align:center;
    z-index: 2;
   }
   .tabs dd{
    margin-top:0 !important;
    position:relative;
   }

    .tabs .tab-content {
    margin-top: 5px;
    background-color: #fff;
    }

}
.smart-tabs { position: relative; }

.smart-tabs dt {
  background: #eee;
  border: solid #dfe1e1;
  color: #333;
  float: left;
  font-size: 1.2em;
  font-weight: 400;
  height: 3em;
  line-height: 3;
  text-align: center;
  border-width: 1px 1px 0;
}

.smart-tabs dt a {
  color: #999;
  display: block;
  padding: 0 1rem;
}

.smart-tabs dt.current {
  background: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 2;
}

.smart-tabs dt.current a { color: #111; }

.smart-tabs dd {
  background: #fff;
  border: 1px solid #dfe1e1;
  font-size: 1.2em;
  margin-top: -1px;
  position: absolute;
  width: 100%;
  padding: .75em 1em;
}

.smart-tabs.accordion {
  border-bottom: 1px solid #dfe1e1;
  min-height: 100%;
}

.smart-tabs.accordion dt {
  float: none;
  text-align: left;
  width: 100%;
  z-index: 1;
}

.smart-tabs.accordion dt.current { z-index: 0; }

.smart-tabs.accordion dt a:before { content: '\2b\a0'; }

.smart-tabs.accordion dt.current a:before { content: '\2013\a0'; }

.smart-tabs.accordion dd {
  border-bottom: 0 none;
  height: 100%;
  min-height: 0;
  position: relative;
  top: 0;
}

.tabs:before,
.tabs:after,
.tabs.accordion dd:before,
.tabs.accordion dd:after {
  content: " ";
  display: table;
}

.tabs:after,
.tabs.accordion dd:after { clear: both; }