/******************************************/
/* CSS powered by clock - www.clock.co.uk */
/******************************************/

/**
 * Sarries TV
 */

body {
	background-image: url("/includes/image/background-11.jpg");
}

.sarriestv #main-content .secondary h3 {
	margin-bottom: 2px;
}

/* Possibly need to remove */

.sarriestv .panel p {
	margin-top: 0px;
	background-color: #000000;
}
.sarriestv .panel.sponsor {
	margin-bottom: 15px;
	background-color: #000000;
}

.sarriestv #main-content .sponsor p {
	margin-bottom: 12px;
	margin-right: 0;
}

.sarriestv .column-full {
	clear: both;
}

.sarriestv #main-content .column-full h3 {
	margin-bottom: 8px;
}

.column {
	margin-bottom: 15px;
}

.column .panel {
	margin-bottom: 0px;
}

.primary {
	width: 508px;
}

.secondary {
	width: 260px;
}

.primary .panel {
	width: 506px;
}

.secondary .panel {
	width: 258px;
	*padding-bottom: 8px; /* For IE 6 & 7 */
}

.sponsor {
	text-align: center;
	background-color: #ffffff;
}

/* Video menu */

.top-item {
	position: relative;
	width: 107px;
	float: left;
	display: inline;
	margin: 10px 10px 10px 10px;
	border: 1px solid #000000;
	/*border-bottom-color: #333333;*/
	cursor: pointer;
	overflow: hidden;
}

.top-item:hover {
	border: 1px solid #FF0000;
}

.top-item img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#main-content .top-item h4 {
	position: absolute;
	bottom: -80px;
	left: 0;
	display: block;
	width: 97px;
	padding: 5px;
	margin: 0;
	background: #000;
	background: rgba(0,0,0,0.8);
	-webkit-transition: bottom 0.3s ease;
	   -moz-transition: bottom 0.3s ease;
	    -ms-transition: bottom 0.3s ease;
	     -o-transition: bottom 0.3s ease;
	        transition: bottom 0.3s ease;
}

#main-content .top-item:hover h4 {
	bottom: 0;
}

/* Thumbnails */

.thumbnail {
	float: left;
	display: inline;
	width: 122px;
	height: 140px;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 10px;
	background-color: #000000;
	border: 1px solid #333333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
}

.thumbnail img {
	margin-bottom: 5px;
}

.thumbnail:hover {
	border-color: #FF0000;
}

#main-content .thumbnail p {
	color: #FFFFFF;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
}

.video-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
	height: 160px;
	outline: none;
	background-color: #000000;
	opacity: 0;
	filter: alpha(opacity=0);
}

/* Forms */

.dropdown {
	position: absolute;
	top: 10px;
	right: 10px;
}

.dropdown .listbox {
	width: 145px;
}

/* Popout Player */

.popout {
	background-image: none;
}

.popout #container {
	padding: 0px 0px 0px 0px;
}

.popout #video-player {
	width: 600px;
}

.popout #video-selection {
	margin-left: 15px;
	width: 295px;
	height: 489px;
}

.popout .thumbnail {
	width: 253px;
	height: 65px;
	margin-right: 10px;
}

.popout .thumbnail img {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}

.popout .thumbnail .video-link {
	height: 87px;
}

.popout .multipage-controls {
	position: absolute;
	bottom: 0px;
	right: 0px;
	*bottom: 10px;
}

/* JW Player */
#jw-player_wrapper {
	position: relative;
	width: 506px;
	height: 285px;
}