﻿
#slider {
	text-align: left;
	width: 350px;
	height:175px;
	margin: 0 auto;
	background:#fff url(../images/videos/background.gif) no-repeat left top;
	position:relative;
}
	#slider h3 {
		color:#fff;
		font-weight:bold;
		vertical-align:middle;
		padding:11px;
		margin:0;
	}
		#slider h3 img {
			vertical-align:middle;
		}
		#slider h3 span {
			color:#69d;
		}
	#slider .slides {
		padding:0 11px;
		margin:0;
	}
	#slider .floating {
		margin-top: 0px;
	}
#slider ul {
	list-style-type: none;
	width: 285px;
	height: 80px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}
	#slider ul li {
		position:absolute;
		top:0;
		height: 80px;
		display:block;
		text-align: center;
		padding-top: 0px;
	}
		#slider ul li a {
			width: 60px;
			height: 80px;
			display:block;
			text-decoration: none;
			text-align:center;
		}
			#slider ul li a:hover {
				text-decoration: none;
			}
		#slider ul li img {
			display: block;
			margin:10px auto;
			border:none;
		}
.floating {
	float: left;
}

#butleft, #butright {
	padding: 0px;
	margin: 0px;
}
	#butleft a, #butright a {
		text-decoration:none;
	}
	#butleft img, #butright img {
		padding: 0px;
		margin:20px 0;
		border:0;
	}

#butleft {
	margin-left: 1px;
	margin-right: 4px;
}

#butright {
	margin-left: 4px;
}
	.playing_title {
		color:#69d;
		float:left;
		padding:5px 11px;
		margin:10px 0;
	}
	
	.playing_title span 
	{
		color:#fff;
		left:95px;
		width:240px;
		position:absolute;
		top:142px;
	}
	
	#butright .text {
		color:#fff;
		position:absolute;
		top:138px;
		left:85px;
		padding:5px 11px;
		margin:0;
		display:none;
	}




#numberedSlides {
	text-align: left;
	width: 170px;
	height:138px;
	margin: 0 auto;
	background:#fff url(../images/videos/background-square.gif) no-repeat left top;
	position:relative;
	z-index:0;
}
	#numberedSlides .slides {
		padding:10px 10px 0px 10px;
		margin:0;
	}
	#numberedSlides .slides ul {
		list-style-type: none;
		width: 150px;
		height: 100px;
		margin:0;
		padding:0;
		overflow:hidden;
		position:relative;
	}
		#numberedSlides .slides ul li {
			position:absolute;
			top:0;
			height: 100px;
			display:block;
			text-align: center;
			padding-top: 0px;
		}
			#numberedSlides .slides ul li a {
				width: 150px;
				height: 100px;
				display:block;
				text-decoration: none;
				text-align:center;
			}
				#numberedSlides .slides ul li a:hover {
					text-decoration: none;
				}
			#numberedSlides .slides ul li img {
				display: block;
				margin:0px auto;
				border:none;
			}
		#numberedSlides .playing_title {
			color:#cc7;
			float:right;
			font-size:9px;
			padding:0px;
			margin:5px 10px;
		}
		#numberedSlides ul.navigation {
			position:relative;
			list-style:none;
			margin-top:5px;
			padding:0px;
			left:10px;
			float:left;
			background:#69d;
			border:1px inset #69d;
		}
			#numberedSlides ul.navigation li {
				list-style:none;
				float:left;
				font-size:8px;
			}
			#numberedSlides ul.navigation li a {
				text-decoration:none;
				color:#000;
				height:10px;
				width:10px;
				text-align:center;
				display:block;
			}
			#numberedSlides ul.navigation li.current a {
				color:#fff;
				background:#69d;
			}
			#numberedSlides ul.navigation li a:hover {
				color:#036;
				background:#fff;
			}