#tabs{
    background:#FCFCFC;
    border:1px solid #EEEEEE;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
}

#tabs ul#ultabs {
    list-style:none;
}
#tabs ul#ultabs li{
    float:left;
    color:#000;
    background:#fff;
    padding:8px 20px;
    margin-right:10px;
    cursor:pointer;
    border:1px solid #EEEEEE;
    border-bottom:none;
    font-weight:bold;
    font-size:13px;
}
#tabs ul#ultabs li.active{
    color:#fff;
    background: #0197D8;
}
#content_tabs{
    border:1px solid #EEEEEE;
    border-top:none;
    padding:10px;
    background:#fff;
}

/*--------------tags---------------------*/
.tags{
    background: #0197D8;
    display: inline-block;
    padding: 0px 5px;
    line-height: 25px;
    color: #fff;
    padding-right: 15px;
    margin-bottom: 5px;
    margin-right:5px;
    position: relative;
}
.tags:before{
        content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    left: -10px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #0197D8;
}
.tags:after{
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 13px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #fff;
}
.tags span{ width: 10px; height: 10px; float: left; background:#fff; margin: 7px 10px 0px 0px; border-radius: 100%; }
.tags:hover span{ background:#0197D8; }
.tags:hover{color: #ff0;}
/*-----------------end tags-----------------------*/