@charset "utf-8";
/* tabs */
dl.tabs {position:relative;}
dl.tabs dt {background:#e0e0e0;padding:8px 10px;border:none;color:#333;float:left;padding:7px 9px 8px 9px;font-size:13px;font-weight:bold;margin:0 3px 10px 0;width: 60px;
        height: 60px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #6c78a0;
        margin-left: 5px;
        border-radius: 12px;
        background-color: transparent;
        box-shadow: rgba(0,0,0,0.2) 10px 10px 1px;
        color: #6c78a0;}
dl.tabs dd {border:none;width:100%;background:#6c6c6c;display:block;border-radius:0 0 10px 10px;  background: linear-gradient(135deg,#033,#066);box-shadow: 10px 10px 40px rgba(0,0,0,0.5);}
/* if JS is ACTIVATED, enable new style to dl.tabs */
dl.tabs.enabled {/*height:332px;*/}
dl.tabs.enabled dt {background:#e0e0e0;border-width:0;border-color:#e8e8e8;border-style:solid;color:#7a7a7a;cursor:pointer;
                    
        width: 60px;
        height: 60px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #6c78a0;
        margin-left: 5px;
        border-radius: 12px;
        background-color: transparent;
        box-shadow: rgba(0,0,0,0.2) 10px 10px 1px;
        color: #6c78a0;
        font-size:16px;
        font-weight:700;
}
dl.tabs.enabled dt:hover {background-color:#d2d2d2;color:#fff; background: linear-gradient(#077,#0cc);
        color: #fff;
        border: none;}
dl.tabs.enabled dt.active {background:#bdbdbd;padding:8px 10px;border:none;color:#000;cursor:default; background: linear-gradient(#077,#0cc);
        color: #fff;
        border: none;}
dl.tabs.enabled dd {position:absolute;top:60px;left:0;margin:20px 0;z-index:1;clear:none;}
dl.tabs.enabled dd.active {z-index:3;}