/* MUSLI STYLES */
/* Saturday 7th of February 2015 02:36:44 PM */

@media (max-width:120px){
    .musli {
        display: none;
    }
}
.musli *{
    padding:0;
    margin:0;
    list-style:none;
    color: #444;
}
.musli{
    top: 20%;
    position:fixed;
    right:0px;
    z-index:100;
    list-style:none;
}
.musli-bottom{
    bottom:0px;
    right:auto;
    top:auto;
    left:20%;
}
.musli-top{
    top:0px;
    right:auto;
    bottom:auto;
    left:20%;
}
.musli-left{
    left:0px;
    top: 20%;
    right:auto;
    bottom:auto;
}
.musli > li{
    margin-bottom: 20px;
    width: 135px;
    height: 135px;
    position:relative;
}
.musli-bottom > li, .musli-top > li{
    margin-right: 1px;
    margin-bottom: 0;
    float:left;
    margin-right: 20px;
}
.musli > li > span{
    overflow:hidden;
    display:block;
    font-size:0;
    cursor:pointer;
    height: 100%;
    text-align:center;
    font-size:20px;
}
.musli > li > span > i{
    line-height: 135px;
    color: #ffffff;
}
.musli > li > div{
    padding: 5px;
    background: #1e73be;
    float: left;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0;
    z-index: 100;
    border: solid #81d742 15px;
    left: 135px;
}
.musli-bottom > li > div{
    top: 135px;
    left:auto;
}
.musli-top > li > div{
    left:auto;
    top:auto;
    bottom:135px;
}
.musli-left > li > div{
    top:0px;
    left:auto;
    right: 135px;
}