icon[bizit=Playlist] {
    background-image: url('index.png');
}
bizit[name=Playlist] {
    width: 240px;
    height: 320px;
}

div[bizit=Playlist] {
    overflow: auto;
}

div[bizit=Playlist] ul {
    margin: 0px;
    padding: 0px;
    
    list-style: none;
}

/**
* Horizontal Playlist
*/
div[bizit=Playlist].horizontal ul li {

    padding: 10px;
    float: left;
    width: 150px;
    text-align: center;

}

div[bizit=Playlist].horizontal ul li img {
    width: 90px;
    margin: 2px auto;
}

div[bizit=Playlist].horizontal ul li div p {

    margin: 5px;

}
/**
* Carosel Playlist
*/
div[bizit=Playlist].carosel div.inner {

    float: left;

}


div[bizit=Playlist].carosel ul li {

    padding: 10px;
    float: left;
    width: 150px;
    text-align: center;

}

div[bizit=Playlist].carosel ul li img {
    width: 90px;
    margin: 2px auto;
}

div[bizit=Playlist].carosel ul li div p {

    margin: 5px;

}

div[bizit=Playlist].carosel .leftArrow {

    float: left;
    font-size: 24pt;
    width: 20px;
    cursor: pointer;
    color: gray;    
}

div[bizit=Playlist].carosel .leftArrow:hover {

     color: black;

}

div[bizit=Playlist].carosel .noArrow {

    /*display: none;*/
    visibility: hidden;

}

div[bizit=Playlist].carosel .rightArrow {
    
    float: left;
    width: 20px;
    font-size: 24pt;
    cursor: pointer;
    color: gray;
}

div[bizit=Playlist].carosel .rightArrow:hover {

    color: black;
}

/**
* Vertical Playlist
*/
div[bizit=Playlist].vertical ul li {
    padding: 10px;
    clear: both;
}
div[bizit=Playlist].vertical ul li img {
    float: left;
    width: 90px;
    margin-right: 10px;
}