@charset "UTF-8";
/* CSS Document */

/* fix the fix from the 9th*/
#sportspromoscarousel .canvas li {
	visibility: visible;
}

.canvas {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	zoom:1;/* for IE */
}

.cbccarousel {
	font-family:arial, sans-serif;
	clear:both;
	position:relative;
	overflow:hidden;
}

.cbccarousel a {
	text-decoration:none;
}
.cbccarousel a:hover, .cbccarousel a:active, .cbccarousel a:focus {
	text-decoration:underline;
}

.cbccarousel .slides {
	height:283px;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden; /*for IE*/
	list-style:none;
	zoom:1;
}

.cbccarousel .slides li {
	background-color:#fff;
	width:300px;
	height:280px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	/* DO NOT USE MARGINS ON SLIDES
	use an internal element within each slide to create the illusion of space between slides
	slide's width should equal the width of the internal element + padding + margin */
	overflow:hidden;
}
.cbccarousel .slides li.fadeTop {
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	opacity:1;
}
.cbccarousel .slides li.fadeBtm {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}

.cbccarousel .slides li img {
	border:none;
	width:300px;
	height:235px;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}

.cbccarousel .slides li dl {
	background:none repeat scroll 0 0 #fff;
	color:#333;
	width:300px;
	position:relative;
	left:0;
	bottom:0;
	padding:0;
	z-index:10;
	top:175px;
}
.cbccarousel .slides li dl dt {
	width:300px;
	font-size:14px;
	font-weight:bold;
	margin:0;
}
.cbccarousel .slides li dl dt a {
	display:block;
}
.cbccarousel .slides li dl dd {
	width:280px;
	font-size:14px;
	margin:2px 0 0;
	padding:0;
}
.cbccarousel .slides li dl dd .timestamp {
	padding:0 10px;
}
.cbccarousel .slides li dl a {
	color:#003399;
	/*font-weight:bold;*/
}

.cbccarousel .controlscontainer {
	height:20px;
	margin-top:7px;
	overflow:hidden;
	text-align:center;
	padding-bottom: 10px;
	padding-left:0 !important;
	border-bottom: 1px solid #E3E3E3;
}

.cbccarousel .controlscontainer a {
	background-image:url(/i/o/carousel/v11/sprite.png);
	background-repeat:no-repeat;
	width:15px;
	height:0;
	margin:0 5px;
	padding-top:20px;
	float:left;
	overflow:hidden;
}
.cbccarousel .controlscontainer h3, .cbccarousel .controlscontainer .status{
    float: left;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
	text-indent:-9999px;
}

.cbccarousel .pagination a {
	background-position:0 -98px;
}
.cbccarousel a.prev,
.cbccarousel a.next {
	width:10px;
	margin:0 4px 0 0;
}
.cbccarousel a.prev {
	background-position:2px -18px;
}
.cbccarousel a.prev:hover {
	background-position:2px 2px;
}
.cbccarousel a.next {
	background-position:2px -58px;
	margin-left: 4px;
}
.cbccarousel a.next:hover {
	background-position:2px -38px;
}
.cbccarousel a.pause,
.cbccarousel a.play {
	background-position:0 -180px;
	width:20px;
	margin-right:10px;
	float:right;
}

.cbccarousel a.pause, .cbccarousel a.play {
  background-position: 0 -180px;
  float: right;
  margin-right: 0;
  width: 20px;
}

.cbccarousel a.play {
	background-position:0 -200px;
}
.cbccarousel a.play:hover {
	background-position:0 -160px;
}
.cbccarousel a.pause:hover {
	background-position:0 -140px;
}

.cbccarousel .pagination a.selected,
.cbccarousel .pagination a.selected:hover,
.cbccarousel .pagination a:focus {
	background-position:0 -78px;
}
.cbccarousel .pagination a:hover {
	background-position:0 -118px;
}
.cbccarousel .pagination.preview{
	position:relative;
}
.cbccarousel .controlscontainer, .cbccarousel .pagination.preview a.index{
	overflow:visible;
}
.cbccarousel .pagination.preview a.index .thumb{
	display:none;
}
.cbccarousel .pagination.preview a.index:hover, .cbccarousel .pagination.preview a.index:focus{
	background-color:#cc0000;
	text-decoration:none;
}
.cbccarousel .pagination.preview a.index:hover .thumb, .cbccarousel .pagination.preview a.index:focus .thumb{
	display:block;
	float:none;
	position:absolute;
	padding:15px 15px 10px;
	border:1px solid #444;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width:140px;
	z-index:-1;
	top:0px;
	left:-165px;
	*left:-171px;
	background-color:#111;
	background:rgba(0,0,0,.9);
	
}
.cbccarousel .pagination.preview a.index .hdline{
	font-size:13px;
	line-height:1.25em;
	color:#a0e1ff;
	text-align:left;
	height:50px;
	display:block;
	overflow:hidden;
}
.cbccarousel .pagination.preview a.index.selected:hover, .cbccarousel .pagination.preview a.index.selected:focus{
	background-color:transparent;
}
.cbccarousel .pagination.preview a.index.selected .thumb{
	display:none;
}
.cbccarousel .pagination.preview a.index .thumb img{
	display:block;
	border:none;
	margin-bottom:7px;
}

/* dimensions */
.cbccarousel.col8 {
  height: 283px;
  width: 300px;
}

.cbccarousel.col4 {
  height: 320px;
  width: 300px;
}

.cbccarousel.col8 .slides {
	height:235px;
}

.cbccarousel.col4 .slides {
	height:235px;
}


.cbccarousel.col8 .slides li,
.cbccarousel.col8 .slides li img {
	width:300px;
	height:235px;
}
.cbccarousel.col8 .slides li dl {
	width:300px;
}

.cbccarousel.col4 .slides li img {
	width:300px;
	height:169px;
}
.cbccarousel.col4 .slides li dl {
	width:300px;
}


.cbccarousel.col5, .cbccarousel.col5 .slides li, .cbccarousel.col5 .slides li img{
	width:380px;
}
.cbccarousel.col5 .slides li img{
	height:214px;
}


/*<promo collection>*/
.cbccarousel.promocollection, .cbccarousel .promogrp {
	height:234px;
/*	margin:0 28px;*/
}

.cbccarousel.promocollection {
	margin:0;
	overflow:visible;
}

.cbccarousel .promogrp {
/*	border-bottom:1px solid #a9a9a9;*/
	margin:0 28px;
	padding-top:48px;
	overflow:hidden;
}
.cbccarousel .promogrp h2 {
	position:absolute;
	left:0;
	top:0;
}
.cbccarousel .promogrp .promos {
	border-top:1px solid #a9a9a9;
	width:10000px;
	margin:0;
}
.cbccarousel .promogrp h3 {
	display:none;
}

.cbccarousel.promocollection .canvas {
	background-color:#232323;
	border-width:1px;
	border-color:#a9a9a9;
	border-style:solid none;
	position:absolute;
	top:38px;
	left:28px;
	z-index:5;
}

.cbccarousel.promocollection .slides li {
	background-color:#232323;
	width:141px;
	height:185px;
}

.cbccarousel .promo.med,
.cbccarousel .promo.lrg {
	background-color:#232323;
	border-width:1px;
	border-color:#a9a9a9;
	border-style:none none solid;
	width:141px;
	height:185px;
	padding:0;
	float:left;
}
.cbccarousel .promo.med h3,
.cbccarousel .promo.lrg h3 {
	font-size:12px;
	font-weight:normal;
	display:block;
}
.cbccarousel .promo.med a,
.cbccarousel .promo.lrg a {
	background:none !important;
	border-left:1px solid #474747;
	color:#cbcbcb !important;
	width:140px;
	height:185px;
	display:block;
}
.cbccarousel .promo.med a:hover,
.cbccarousel .promo.lrg a:hover {
	background-color:#333 !important;
	text-decoration:none !important;
}
.cbccarousel .promo.med img,
.cbccarousel .promo.lrg img {
	border-bottom:1px solid #474747;
	width:140px;
	height:79px;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	top:auto;
	left:auto;
	z-index:auto;
	float:none;
}
.cbccarousel .promo.med span.flag,
.cbccarousel .promo.lrg span.flag {
	background-color:#043c7b;
	color:#fff;
	width:auto;
	height:auto;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	white-space:nowrap;
	padding:3px 10px;
	display:inline-block;
	position:static;
	left:auto;
	top:auto;
	overflow:hidden;
}
.cbccarousel .promo.med span.flag.live,
.cbccarousel .promo.lrg span.flag.live {
	background-color:#f7cc31;
	color:#232323;
}
.cbccarousel .promo.med strong,
.cbccarousel .promo.lrg strong {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:10px;
	display:block;
}
.cbccarousel .promo.med span.synopsis,
.cbccarousel .promo.lrg span.synopsis {
	display:none;
}

.cbccarousel.promocollection .controlscontainer {
	height:187px;
	width:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:38px;
	left:0;
	overflow:visible;
	z-index:4;
}

.cbccarousel.promocollection .pagination {
	position:absolute;
	top:-30px;
}

.cbccarousel.promocollection .pagination a {
	background-position:right -80px;
	width:10px;
	height:0;
	margin:0 0 0 5px;
	padding-top:10px;
}
.cbccarousel.promocollection .pagination a:hover {
	background-position:right -100px;
}
.cbccarousel.promocollection .pagination a.selected,
.cbccarousel.promocollection .pagination a.selected:hover {
	background-position:right -90px;
}


.cbccarousel a.preprev,
.cbccarousel a.prenext,
.cbccarousel.promocollection a.prev,
.cbccarousel.promocollection a.next {
	background:url(/i/o/carousel/v11/sprite.png) no-repeat left -320px;
	width:28px;
	height:0;
	margin:0;
	padding:187px 0 0;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.cbccarousel a.preprev:hover,
.cbccarousel.promocollection a.prev:hover {
	background-position:left -507px;
}
.cbccarousel a.prenext,
.cbccarousel.promocollection a.next {
	background-position:right -694px;
	left:100%;
	margin-left:-28px;
}
.cbccarousel a.prenext:hover,
.cbccarousel.promocollection a.next:hover {
	background-position:right -881px;
}

.cbccarousel a.prenext,
.cbccarousel a.preprev {
	top:48px;
}

/*</promo collection>*/