

div.cbs-vidcarousel-container {
	padding: 0px;
}

.cbs-carousel {
    margin-top: 12px;
}

.wrapperCarousel {
    height: auto;
}


.cbs-caro-size-5 {
	width: 843px;
}

.cbs-caro-wrapper-size-5 {
	width: 805px;
}

.cbs-caro-size-5 span.cbs-video-item {
    width: 167px;
}

.cbs-caro-size-3 {
	width: 520px;
}

.cbs-caro-wrapper-size-3 {
	width: 482px;
}

span.cbs-video-item {
	display:block;
    float: left;
    text-align: left;
}

.cbs-caro-size-3 span.cbs-video-item {
    width: 173px;
}



.cbs-caro-size-4 {
	width: 584px;
}

.cbs-caro-wrapper-size-4 {
	width: 579px;
}

.cbs-caro-size-4 span.cbs-video-item {
    width: 146px;
}


.cbs-caro-size-6 {
	width: 900px;
}

.cbs-caro-wrapper-size-6 {
	width: 892px;
}

.cbs-caro-size-6 span.cbs-video-item {
    width: 150px;
}




/*.cbs-caro-size-5 {
	width: 843px;

}

.cbs-caro-size-3 {
	width: 507px;

}*/

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	height: 170px;
	float: left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	/* border: 1px solid blue; */
}

.cbs-vidslide {
	float:left;
	height: 175px;
	text-align: center;
	position: relative;
	/*padding-left: 10px;*/
	/* border: 1px solid green; */
	
}

.cbs-vid {
	float: left;
	padding-left: 5px;
	width: 161px;
	text-align: left;
	
}

a.cbs-vid-play img.cbs-vidthumb {
	padding: 3px;
	border: 1px solid #BEBEBE;
}	

a.cbs-vid-play:hover img.cbs-vidthumb {
	padding: 3px;
	border: 1px solid #000000;
}

div.cbs-vid-img-wrap {
	position: relative;
	margin: 0;
}

a.cbs-vid-play img.cbs-vid-play-button {
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    position: absolute;
    right: -263px;
    top: -40px;
    z-index: 20;
}

a.cbs-vid-play:hover img.cbs-vid-play-button {

    clip: rect(84px, 74px, 116px, 42px);
    display: block;
    position: absolute;
    right: -225px;
    top: -40px;
    z-index: 20;
}

div.cbs-vid-time {

	background-color: #000000;
	width: 40px;
	height: 13px;
	text-align: center;
	position: relative;
	bottom: 17px;
	left: 4px;
	margin-bottom: -12px;
	opacity:0.8;
	filter:alpha(opacity=80);
	
}


span.cbs-vid-time {
	
	text-decoration: none;
	font-size: 10px;
	font-weight: 400;
	color: yellow;
	opacity:1;
	filter:alpha(opacity=100);
	font-family: arial,helvetica;

}


h3.cbs-show-title {
    color: #333333;
    display: block;
    font-family: arial,verdana,san-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 5px 0 0;
    width: 135px;
}

h3.cbs-vid-title {
    color: #666666;
    display: block;
    font-family: arial,verdana,san-serif;
    font-size: 12px;
    font-weight: 100;
    line-height: 17px;
    margin: 0;
    width: 135px;
}

h3.cbs-vid-aired {
    color: #333333;
    display: block;
    font-family: arial,verdana,san-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 17px;
    margin: 0;
    width: 135px;
}

.cbs-scrollnav {
	padding-top: 2px;
	padding-left: 15px;
	height: 20px;	

}

/** dot navigation **/

.cbs-carousel.video .navi {width:350px; float:left; margin-bottom:20px;padding-left:30px;}
.cbs-carousel.video .navi a {width:11px; height:11px; float:left; margin-right:6px; margin-top:0; display:block; font-size:1px; outline:none; cursor: pointer;}
.cbs-carousel.video .navi a:hover { background-position:-22px -350px}
.cbs-carousel.video .navi a.active { background-position:-9px -350px}

.cbs-carotitle {

    color: #666666;
    float: left;
    font-family: helvetica,arial,san-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 3px 15px 0 0;
    padding: 0;
    vertical-align: middle;

}

.cbs-disabled {
	opacity: 0.2;
	filter: alpha(opacity=20);
	cursor: default !important;
}


.tooltip {

	display: none;
	background:transparent url(black_tooltip.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

div.clear {
	clear: both;
	height: 0px;
}

h3.cbs-vid-slide-figure {
	font-family: helvetica,arial,san-serif;
	font-size: 11px;
	color: #666666;
	position: relative;
	bottom: 10px;
	left: 65px;
}



/* panes */
#videopanes {
	width:953px;
	height:auto;	
}


/* single pane */
#videopanes div.tab-container {
	display:none;
}

/* some decorations for elements inside single pane */
#videopanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#videopanes a {
	color:#cc9;		
	font-size:14px;
}

#videopanes .narrow {
	padding-right:160px;		
}

a.browse.video {visibility:visible}
a.left.video {margin-right: 10px}
a.right.video {margin-left: 9px}

div#small_carousel_1 a.left.video {margin-right: 4px}
div#small_carousel_1 a.right.video {margin-left: 4px}

/************* video thumbnails/metadata **************/

h3.cbs-carousel-title {font-size:18px; font-weight:normal; color:#333; margin: 0; float: left; padding-bottom:20px; padding-top:10px}
h3.cbs-carousel-title a {text-decoration:none; color:#666}
h3.cbs-carousel-title a:hover {text-decoration:underline;}
h3.cbs-carousel-title a:visited {color:#666}
span.cbs-video-thumbnail a.cbs-video-thumbnail-link {display:block;position:relative;width:140px; height:80px;}
a.cbs-video-thumbnail-link img.cbs-video-thumbnail-main {display:block; position:absolute; z-index:10; top:0; left:0; width:140px; height:80px; padding:0; border: 0}
/*a.cbs-video-thumbnail-link img.cbs-video-play-overlay {display:block; position:absolute; z-index:20; top:-425px; right:-755px; clip:rect(463px 35px 500px 0px)}
a.cbs-video-thumbnail-link:hover img.cbs-video-play-overlay {display:block; position:absolute; z-index:20; top:-425px; right:-719px; clip:rect(463px 74px 500px 35px)}*/
a.cbs-video-thumbnail-link div.cbs-video-play-overlay {display:block; position:absolute; z-index:20; bottom:0; left:0; width:33px; height:30px; background: transparent url(/assets/images/2012/r1/site/sprite.png) -12px -9px scroll no-repeat}
span.cbs-video-thumbnail {display:block; width:140px; height:95px;}
span.cbs-video-metadata {width:140px; font-family:helvetica, "Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; text-align:left}
h5.cbs-video-show-title {font-size:12px; color:#666666; margin:0; margin-top:0; margin-bottom:0; font-weight:normal; font-family: helvetica, arial, san-serif; display:block; width:140px; letter-spacing:0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:3px; line-height:16px;}
h5.cbs-video-title {font-size:10px; color:#7f8e94; margin:5px 0 0 0; font-weight:100; line-height:13px; display:block; width:140px;}
p.cbs-video-airdate {font-size:12px; color:#666; padding:0; margin-bottom:3px; margin-top:0; font-weight:100; line-height:16px; display:block; width:140px;}
p.cbs-video-airdate span {color:#F00}
p.cbs-video-duration {font-size:12px; color:#0066cc; padding:0; margin:0; line-height:16px; display:block; width:140px;}
.clear {clear:both; overflow:hidden; height:0; display:block }
