/**
 * -- jCarousel -----------------------------------------------------------------
 *
 */

/* Base styles */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}

.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}

.jcarousel-item {margin-right: 0;}
.jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-item-placeholder:hover l{background: #fff !important;}



/* -- Small Carousel Home ------------------------------------------------------------- */
.start .jcContainer .jcarousel-container {background: none;width:244px;padding: 0;}
.start .jcContainer .jcarousel-clip {width:244px;height: 182px;}


/* Buttons */
.start .jcContainer .jcarousel-next {position: absolute;top: -21px;right: 9px;width: 11px;height: 11px;cursor: pointer;background: transparent url(../images/icon/arrow_right_bg.gif) no-repeat 0 0;display: block;}
.start .jcContainer .jcarousel-next:hover {background-position: -11px 0;}
.start .jcContainer .jcarousel-next:active {background-position: -11px 0;}

.start .jcContainer .jcarousel-next-disabled,
.start .jcContainer .jcarousel-next-disabled:hover,
.start .jcContainer .jcarousel-next-disabled:active {cursor: default;background-position: -96px 0;}

.start .jcContainer .jcarousel-prev {position: absolute;top: -21px;right: 49px;width: 11px;height: 11px;cursor: pointer;background: transparent url(../images/icon/arrow_left_bg.gif) no-repeat 0 0;display: block;}
.start .jcContainer .jcarousel-prev:hover {background-position: -11px 0;}
.start .jcContainer .jcarousel-prev:active {background-position: -11px 0;}

.start .jcContainer .jcarousel-prev-disabled,
.start .jcContainer .jcarousel-prev-disabled:hover,
.start .jcContainer .jcarousel-prev-disabled:active {cursor: default;background-position: -12px 0;}

/* Items */
.jcContainer .jcarousel-list li,
.jcContainer .jcarousel-item {float: left;list-style: none;width: 224px;height: 190px;font-size:11px;border-right: 1px solid #d4d4d4;padding: 0 10px;}
.jcContainer .jcarousel-item h5 { font-size: 14px;color: #333;margin: 0 0 6px;}

.jcContainer .jcarousel-item .image { margin: 0 0 7px 0;}
.mag .jcContainer .jcarousel-item .image { margin: 0 0 8px 0;}
.jcContainer .jcarousel-item .image img { display:block;}

.jcContainer .jcarousel-item .info {color: #4e4e4e;font-size: 11px;line-height: 15px;padding: 0 0 0 2px;width:100%; overflow: hidden;}
.jcContainer .jcarousel-item .info h6 {color: #333;font-size: 11px;}
.jcContainer .jcarousel-item .info .text {height: 30px; overflow: hidden;}
body.mag .jcarousel-item .info .text { height:auto;padding-bottom: 0; }
.jcContainer .jcarousel-item .info .arrowLink {margin-top: 5px;}

.start .jcContainer .jcarousel-item .info p {margin-bottom: 5px;}

.jcContainer .jcarousel-item .info .date {float:left;}
.jcContainer .jcarousel-item .info .view {float:right;margin-right:3px;}
.jcContainer .jcarousel-item .info .time {width: 164px;float:left;margin-top: 5px;}
.jcContainer .jcarousel-item .info .rating {float:left;width: 58px;margin: 5px 0 0 -2px;background: url(../images/icon/star_bg_w.gif) left 2px repeat-x;}

*+html .jcContainer .jcarousel-item .info .time {margin-top: 6px;}


/* -- Vertical Carousel Home ------------------------------------------------------------- */
.start .videoCarousel .jcarousel-container {background: none;width:244px;padding: 0;}
.start .videoCarousel .jcarousel-clip {width:244px;height: 233px;margin: 14px 0 25px 2px;}
+html .start .videoCarousel .jcarousel-clip {margin: 13px 0 27px 2px;}
* html.start .videoCarousel .jcarousel-clip {margin: 13px 0 27px 2px;}


*+html .start .videoCarousel .jcarousel-container {position:relative; top: 13px;}
* html .start .videoCarousel .jcarousel-container {position:relative; top: 13px;}
/* BMWTV-433 */
/* +html .start .videoCarousel .jcarousel-clip {height: 230px;} */
*+html .start .videoCarousel .jcarousel-clip {height: 225px;}
/* html .start .videoCarousel .jcarousel-clip {width:241px;height: 230px;}*/
* html .start .videoCarousel .jcarousel-clip {width:241px;height: 225px;}

/* Buttons */
.start .videoCarousel .jcarousel-next {position: absolute;bottom: -18px;right: 120px;width: 11px;height: 11px;cursor: pointer;background: transparent url(../images/icon/arrow_btm_bg.gif) no-repeat 0 0;display: block;}
.start .videoCarousel .jcarousel-next:hover {background-position: 0 -11px;}
.start .videoCarousel .jcarousel-next:active {background-position: 0 -11px;}

* html .start .videoCarousel .jcarousel-next {bottom: 3px;overflow:hidden;}
*+html .start .videoCarousel .jcarousel-next {bottom: -1px;}

.start .videoCarousel .jcarousel-next-disabled,
.start .videoCarousel .jcarousel-next-disabled:hover,
.start .videoCarousel .jcarousel-next-disabled:active {cursor: default;background-position: -96px 0;}

.start .videoCarousel .jcarousel-prev {position: absolute;top: -14px;right: 120px;width: 11px;height: 11px;cursor: pointer;background: transparent url(../images/icon/arrow_top_bg.gif) no-repeat 0 0;display: block;}
.start .videoCarousel .jcarousel-prev:hover {background-position: 0 -11px;}
.start .videoCarousel .jcarousel-prev:active {background-position: 0 -11px;}
*+html .start .videoCarousel .jcarousel-prev {bottom: 6px;}
* html .start .videoCarousel .jcarousel-prev {bottom: 1px;overflow:hidden;}


.start .videoCarousel .jcarousel-prev-disabled,
.start .videoCarousel .jcarousel-prev-disabled:hover,
.start .videoCarousel .jcarousel-prev-disabled:active {cursor: default;background-position: -12px 0;}

/* Items */
.start .videoCarousel .jcarousel-list li,
.start .videoCarousel .jcarousel-item {list-style: none;width: 242px;font-size:11px;padding: 0;overflow:hidden;min-height: 75px;/*height:auto !important; height:80px;*/}


*+html .start .videoCarousel .jcarousel-list li,
*+html .start .videoCarousel .jcarousel-item {min-height: 75px;}

.start .videoCarousel .jcarousel-item {position: relative;}

.start .videoCarousel .jcarousel-list li div a.clip {height: 58px; display: block;}

.start .videoCarousel .jcarousel-item .CarouselTeaser {width: 232px;height: 58px;font-size:11px;padding: 8px 0 8px 9px;overflow:hidden;}





.start .videoCarousel .jcarousel-item .playing {display:none;}
.start .videoCarousel .jcarousel-item .image { float:left;margin: 0 10px 9px 0; height: 58px; width: 80px; overlfow: hidden;}
.start .videoCarousel .jcarousel-item .image img {margin-bottom: 13px; }
*+html .start .videoCarousel .jcarousel-item .image { float:left;margin-top: 2px;margin-bottom: 11px;}
* html .start .videoCarousel .jcarousel-item .image { float:left;margin: 1px 6px 0 0;}

.start .videoCarousel .jcarousel-item .image .fade {height:58px; width: 80px; overflow:hidden;display:block;}
.start .videoCarousel .jcarousel-item .image .fade .listener {overflow:hidden;display:block;height:84px;width:244px;position:absolute;top:-4px;left:-4px;z-index:99;background: url(../images/pixel.gif) top left;}

.start .videoCarousel .jcarousel-item .image .banderole {position:absolute; top: 53px;color: #fff;font-size:10px;font-weight:bold;height:13px;width:80px;line-height: 13px;}
*+html .start .videoCarousel .jcarousel-item .image .banderole {top:55px;}

.start .videoCarousel .active .image .banderole {top:62px;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ .start .videoCarousel .active .image .banderole {top:63px;} }

*+html .start .videoCarousel .active .image .banderole {top:66px;}
.start .videoCarousel .jcarousel-item .image .aqua { background-color:#3399cc; }
.start .videoCarousel .jcarousel-item .image .blue { background-color:#061081; }
.start .videoCarousel .jcarousel-item .image .red { background-color:#8c0000; }
.start .videoCarousel .jcarousel-item .image .grey { background-color:#737880; }



.start .videoCarousel .jcarousel-item .text { width:100%;overflow:hidden;position:relative;}

.start .videoCarousel .jcarousel-item .text {color: #4e4e4e;font-size: 11px;line-height: 15px;padding: 0 0 0 2px;width:140px; overflow: hidden;}
.start .videoCarousel .jcarousel-item .text h5 {color: #333;font-size: 11px;margin-top: -2px;margin-bottom: 2px;height: 28px;padding-top: 1px;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ .start .videoCarousel .jcarousel-item .text h5 {margin-top: -1px;} }



.start .videoCarousel .jcarousel-item .info .rating {float:left;}

.start .videoCarousel .jcarousel-item .text .rating {width: 60px;display:block;margin:2px 0 0 4px;
	background: url(../images/icon/star_bg_w.gif) 0 0 repeat-x;height:12px;}

.start .videoCarousel .jcarousel-item .text .rating .rated {display:block;height:20px;background: url(../images/icon/star_rated_w.gif) top left repeat-x;}
.start .videoCarousel .jcarousel-item .text div span {float:left;}
/*
.start .videoCarousel .jcarousel-item .text .rating .Star0 {width: 0px;}
.start .videoCarousel .jcarousel-item .text .rating .Star1 {width: 12px;}
.start .videoCarousel .jcarousel-item .text .rating .Star2 {width: 24px;}
.start .videoCarousel .jcarousel-item .text .rating .Star3 {width: 36px;}
.start .videoCarousel .jcarousel-item .text .rating .Star4 {width: 48px;}
.start .videoCarousel .jcarousel-item .text .rating .Star5 {width: 58px;}
*/
.rating .Star0 {width: 0px;}
.rating .Star1 {width: 12px;}
.rating .Star2 {width: 24px;}
.rating .Star3 {width: 36px;}
.rating .Star4 {width: 48px;}
.rating .Star5 {width: 58px;}

.rating {width: 58px;}


	/* active */

.start .videoCarousel .jcarousel-list li div.active {background: #EBEBEB;}
.start .videoCarousel .jcarousel-list li div.active a.clip {height: 74px;}
.start .videoCarousel .jcarousel-list li div.active div {overflow:hidden;}

.start .videoCarousel .jcarousel-list .active {background:#ebebeb;height: 74px;padding: 0px 9px 10px;}

*+html .start .videoCarousel .jcarousel-list .active {height: 78px;}
* html .start .videoCarousel .jcarousel-list .active {height: 78px;}

.start .videoCarousel .jcarousel-list .active .image {margin-top: 1px;}
.start .videoCarousel .jcarousel-list .active .playing {display:block;font-size: 11px;color: #333333; font-weight:bold;margin: 2px 0 0 0;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ .start .videoCarousel .jcarousel-list .active .playing {margin: 3px 0 -1px 0;} }

*+html .start .videoCarousel .jcarousel-list .active .playing {margin-top: 6px;}
* html .start .videoCarousel .jcarousel-list .active .playing {margin-top: 6px;}

.start .videoCarousel .jcarousel-list .active .rating {background: url(../images/icon/star_bg_g.gif) top left repeat-x;}
.start .videoCarousel .jcarousel-list .active .rating .rated {background: url(../images/icon/star_rated_g.gif) top left repeat-x;}

.start .videoCarousel .jcarousel-list li:hover {background:#ebebeb;}
.start .videoCarousel .jcarousel-list li:hover .rating {background: url(../images/icon/star_bg_g.gif) top left repeat-x;}
.start .videoCarousel .jcarousel-list li:hover .rating .rated {background: url(../images/icon/star_rated_g.gif) top left repeat-x;}

*+html .start .videoCarousel .jcarousel-item {padding: 6px 9px 9px 0;margin-top: -4px;}
*+html .start .videoCarousel .active {padding: 6px 9px 8px 0;margin-top: 0px !important;}
* html .start .videoCarousel .jcarousel-item {padding: 6px 9px 8px 0;margin-top: -4px;}
* html .start .videoCarousel .active {padding: 6px 9px 8px 0;margin-top: 0px !important;}