/*	Movie player					------------------------------------------------------*/

	div#column1 div.sctv div.movieplayer { float: right; margin: 8px 21px 0 1em; }
	div#column2 div.sctv div.movieplayer { margin-bottom: 10px; }
	div.movieplayer p.upgrade { text-align: center; }
	div.movieplayer p.upgrade a img { text-decoration: none; }


/*	Movie panel					------------------------------------------------------*/

	div.moviepanel {
		margin: 0 0 10px 0;
	}
	
	div.moviepanel div.inner {
		height: 450px;
		position: relative;
	}
	
	div.moviepanel div.movieplayer { float: left !important; margin: 0 !important;}
	
	div.moviepanel div.details { float: right; width: 270px; margin: 0 0 0 10px; min-height: 370px; _height: 370px;}

	div.moviepanel div.rating { padding: 0 0 0px; }
	
	div.moviepanel div.rating span { display: block; float: left; margin: 0 5px 0 0;}
	
	div.moviepanel .stats { /*position: absolute; top: 380px; right: 20px; */ float: right; width: 270px; }
		
	div.moviepanel .stars {
		display: block; 
		float: left; 
		margin: 0 8px 0 0;
		width:80px;
		height:16px;
		padding:0;
		list-style:none;
		position:relative;
		background: url(images/star-matrix.gif) no-repeat 0 0;
	}
	/* add these classes to the ul to effect the change to the correct number of stars */
	.star0 {background-position:0 0	 !important;}
	.star1 {background-position:0 -16px !important;}
	.star2 {background-position:0 -32px !important;}
	.star3 {background-position:0 -48px !important;}
	.star4 {background-position:0 -64px !important;}
	.star5 {background-position:0 -80px !important;}
	
	ul.stars li {
		cursor: pointer;
	 /*ie5 mac doesn't like it if the list is floated\*/
		float:left;
		/* end hide*/
		text-indent:-999em;
	}
	ul.stars li a {
		position:absolute;
		left:0;
		top:0;
		width:16px;
		height:16px;
		text-decoration:none;
		z-index: 200;
		outline: none;
	}
	ul.stars li.one a {left:0}
	ul.stars li.two a {left:16px;}
	ul.stars li.three a {left:32px;}
	ul.stars li.four a {left:48px;}
	ul.stars li.five a {left:64px;}
	ul.loggedin li a:hover, ul.loggedin li a.selected {
		z-index:2;
		width:80px;
		height:16px;
		overflow:hidden;
		left:0;	
		background: url(images/star-matrix.gif) no-repeat 0 0
	}
	ul.loggedin li.one a:hover, ul.loggedin li.one a.selected {background-position:0 -96px;}
	ul.loggedin li.two a:hover, ul.loggedin li.two a.selected {background-position:0 -112px;}
	ul.loggedin li.three a:hover, ul.loggedin li.three a.selected {background-position:0 -128px}
	ul.loggedin li.four a:hover, ul.loggedin li.four a.selected {background-position:0 -144px}
	ul.loggedin li.five a:hover, ul.loggedin li.five a.selected {background-position:0 -160px}
	
	
/*	Movie filter					------------------------------------------------------*/

	div.moviefilter	{
	}
	
	div.moviefilter	div.filters {
		margin: 0 0 10px 0;	
	}
	
	div.moviefilter	div.filters div.filter {
		float: left;
		margin: 0 10px 0 0;
	}
	
	div.moviefilter	div.filters div.filter span {
		display: block;
		color:#666666;
	}
	
	div.moviefilter	div.filters p { padding: 4px 0 0 20px; margin: 0; width: 230px; float: left; text-align: center;}
	
	
	div.moviefilter ul.grid {
		list-style: none;
		padding: 5px 0 0 5px;
		margin: 0;
		height: 450px;
	}
	
	div.moviefilter ul.notregistered {
		height: 110px;
	}
	
	div.moviefilter ul.grid li {
		width: 190px;
		padding: 0 9px 0 0;
		margin: 0 0 10px 0;
		float: left; 
		height:100px;
		color:#666;
		font-size: 0.9em;
		overflow: hidden;
	}
	
	div.moviefilter ul.grid li img {
		float: left;
		margin: 0 5px 0 0;
	}
	
	div.moviefilter div.paging {
		height: 30px;	
		color: #CCCCCC;
	}

	div.moviefilter div.next, div.moviefilter div.total, div.moviefilter div.prev {
		float: left;
		width: 275px;
	}
	
	div.moviefilter div.total { text-align: center; }
	div.moviefilter div.next  { text-align: right; }
	
	


/*	Movie browser					------------------------------------------------------*/

	div.sctv div.item { margin: 0 0 2em 0; width: 100%; clear: both; }
	
	div.sctv div.content {
		border: 1px solid #1c1b78;
		height: 97px;
		background: url(/assets/templates/sussexcricket/images/panels/panel-1-bg.gif) repeat-y;
	}
	
	
	div.sctv div.item div.header {
		background: url(/assets/templates/sussexcricket/images/panels/panel-1-header-main.gif) no-repeat;
		height: 20px;
		color: #fff;
		font-weight: bold;
	}
	
	div.sctv div.title { float: left; padding: 2px 0 0 10px; }
	
	div.sctv div.item div.publishedDate {
		float: right;
		padding: 2px 10px 0 0;
		background: url(/assets/templates/sussexcricket/images/panels/panel-1-header-right.gif) 100% 0 no-repeat;
	}
	
	div.sctv div.item div.logo {
		float: left;
		padding: 7px;
		height: 75px;
		width: 75px;
		text-align: center;
	}
	
	div.sctv div.links { float: right; padding: 13px 0 0 10px; height: 84px; width: 132px; }
	
	div.sctv div.links div {
		width: 125px;
		height: 21px;
		background: url(/assets/templates/sussexcricket/images/panels/panel-1-button.gif) no-repeat;
		font-weight: bold;
		font-size: 11px;
		cursor: pointer;
	}
	
	div.sctv div.links a {
		float: left;
		padding: 3px 0 0 4px;
		text-decoration: none;
		font-weight: bold;
		color: #000;
	}
	
	div.sctv div.links span { float: right; padding: 3px 5px 0 0; color: #fff; }
	div.sctv div.item div.summary { padding: 10px; }
	div.sctv div.item div.logo img { border: none; }

/*	sctv teaser				--------------------------------------------------------------*/
		
	div.sctvteaser { 
		margin: 0 0 10px 0;
		width: 300px; 
		height: 364px;
		background: url(/assets/templates/sussexcricket/images/teaser-header-bg.gif) no-repeat;
	}
	
	div.sctvteaser h3 {
		margin: 0;
		padding: 0;
		line-height: 24px;
		color: #fff;
		font-weight: normal;
		padding: 0 0 0 10px;
		font-size: 1em;
	} 
	
	/* links */
		
		ul#sctvteaser-links { 
			margin: 0; 
			padding: 0 0 0 4px; 
			height: 25px;
		}
		ul#sctvteaser-links li { 
			margin: 0 0 0 3px; 
			padding: 0; 
			list-style: none; 
			float: left;
			background: url(/assets/templates/sussexcricket/images/teaser-btn-left.gif) left top no-repeat;
		}
		ul#sctvteaser-links li a { 
			display: block; 
			margin: 0; 
			padding: 0 6px 0 6px; 
			line-height: 25px;
			text-decoration: none;
			color: #fff;
			background: url(/assets/templates/sussexcricket/images/teaser-btn-right.gif) right top no-repeat;
		}
		
		ul#sctvteaser-links li:hover,
		ul#sctvteaser-links li.selected { 
			background-image: url(/assets/templates/sussexcricket/images/teaser-btn-d-left.gif);
		}
		
		ul#sctvteaser-links li:hover a,
		ul#sctvteaser-links li.selected a { 
			background-image: url(/assets/templates/sussexcricket/images/teaser-btn-d-right.gif);
			color: #032385;
		}
		
	
	/* content */
	
		div.sctvteaser div.content { 
			clear: both; 
			height: 314px;
			overflow: auto;
			background: url(/assets/templates/sussexcricket/images/teaser-bg.gif) bottom left no-repeat;
			border: none;
			padding: 0 0 0 0;
		}
		
		div.content a.sctvlink {
			display: block;
			width: 260px;
			margin: 5px auto 0 auto;
			padding: 0;
			background: url(/assets/templates/sussexcricket/images/button-left.gif) top left no-repeat;
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
		}
			
		div.content a.sctvlink:hover {
			text-decoration: underline;
		}
		
		div.content a.sctvlink span {
			display: block;
			height: 24px;
			line-height: 24px;
			padding: 0 0 0 36px;
			background: url(/assets/templates/sussexcricket/images/button-right.gif) top right no-repeat;
		}
	
	/* sctv list */
	
		div.sctvteaser div.content ul, 
		div.sctvteaser div.content div.promomovie { 
			margin: 0 1px; 
			padding: 0; 
			height: 277px;
			overflow: auto;
		}
		
		div.sctvteaser div.content div.promomovie { overflow: hidden; }
		
		
		div.sctvteaser div.content ul li { 
			margin: 0; 
			padding: 5px 5px; 
			list-style: none; 
			border-bottom: 1px solid #bcc4d9; 
			border-top: 1px solid #FFF; 
			background: #dae2f9;
			color: #444 !important; 
			height: 75px !important;
			font-size: 0.9em;
			line-height: 1.3em;
			overflow: visible;
		}
		
		div.sctvteaser div.content ul li img {
			float: left;
			margin: 0;
		}
		
		div.sctvteaser div.content ul li p {
			float: right;
			width: 205px;
			padding: 0;
			margin: 0;
		}
		
		div.sctvteaser div.content #sctvteaser-1, 
		div.sctvteaser div.content #sctvteaser-2,
		div.sctvteaser div.content #sctvteaser-3 { 
			display: none; 
		}
		
		div.sctvteaser div.content ul li a {
			color: #000;
			font-size: 1.1em;
		}