/*	CSS CSMtvReplay version 3.2 June 2010	*/

/*	1.	MOST WATCHED 	*/
/*	2.	WATCH_ON 	*/
/*	3.	JCAROUSEL	*/
/*	4.	CODA SLIDER	*/
/*  5.  TOOLTIP  */

/** 1. Most watched **/

.mostwatched .rollover {
	background: transparent url(http://www.itv.com/_app/itvplayer/images/grey-selected-bg-300.png) no-repeat;
}
.mostwatched .li .li_container {
	padding-bottom: 1px;
	background: transparent url(http://www.itv.com/_app/itvplayer/images/dot-grey.gif) bottom repeat-x;
	margin: 0 10px;
	width: 280px;
	overflow: hidden;
	padding: 5px 0;
}
.mostwatched .li {
	position: relative;
}
.mostwatched .li span.title {
	display: block;
	color: #fff;
	font-size: 1.3em; /*13px*/
	font-weight: bold;
	float:left;
	width:250px;
}
.mostwatched .li span.number {
    background: #ffffff;
	display: block;
	color: #666;
	font-size: 1.3em; /*13px*/
	font-weight: bold;
	float:left;
	width:15px;
	padding:4px;
	margin-right:5px;
}	
.mostwatched .li span.subtitle {
	display: block;
	color: #666;
	font-weight: bold;
	font-size: 9px
	width:250px;
}
.mostwatched .li span.title a {
	color: #fff;
	text-decoration: none;
	font-size: 1.0em; /*10px*/
	float:left;
}
.mostwatched .li span.title a:hover, div.mostwatched .rollover span.title a {
	color: #333;
}
.mostwatched .li span.date {
	margin-left: 30px;
	font-size: 1.2em; /*12px*/
	display: block;
	width: 170px;
	float: left;
	color: #333;
	}
.mostwatched .li span.time {
	font-size: 1.2em; /*12px*/
	display: block;
	width: 80px;
	float: left;
	color: #333;
	font-weight: bold;
	text-align: right;
	}
.mostwatched .li p.blurb {
	display: none;
	color: #333;
	margin-top: 5px;
	font-size: 1.2em; /*12px*/
	line-height: 1.1666667; /* 14px */
}