/*  My Playlists */
/* jCarousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
 position:relative;
}
.jcarousel-clip {
 z-index:2;
 padding-top:15px;
 margin:0;
 overflow:hidden;
 position:relative;
}
.jcarousel-list {
 z-index:1;
 overflow:hidden;
 position:relative;
 top:0;
 left:0;
 margin:0;
 padding:0;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarouselContainer ul {
 /*height:134px;*/
 height:130px;
 overflow:hidden;
}
.jcarousel-next {
 z-index:3;
 display:none;
}
.jcarousel-prev {
 z-index:3;
 display:none;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
 /*width: 110px;*/
 width:208px;
 padding: 0px 0px 0px 0px;
/* padding: 20px 30px 6px 28px;*/
 /*margin-left:15px;*/
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 /*width:105px;*/
 width:208px;
 /*height:134px;*/
 height:130px;
}
.jcarousel-skin-tango .jcarousel-item, #mycarousel li {
 /*width:99px;*/
 width:208px;
 height:120px;
 float:left;
 list-style:none;
 text-align:center;
 font-weight:normal;
 color:#666666;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right:7px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
 background:#fff;
 color:#000;
}

#mycarousel li a {
 display:block;
 padding-top:4px;
}
#mycarousel li a img {
 height:100px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
 position:absolute;
 top:55px !important;  top:55px;
 right:12px;
 width:19px;
 height:19px;
 cursor:pointer;
 background:transparent url(img/but-arrow-right.png) no-repeat top left;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
/* background-position:bottom left;*/
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
 /*background-position:0 -130px;*/
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
 cursor:default;
 background-position:top left;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
 position:absolute;
 top:55px !important;  top:55px;
 left:12px;
 width:19px;
 height:19px;
 cursor:pointer;
 background:transparent url(img/but-arrow-left.png) no-repeat top left;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
 /*background-position:bottom left;*/
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
/* background-position:0 -130px;*/
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
 cursor:default;
 background-position:top left;
}