body
{
	background-image:url("images/bg_gradient.jpg");
	background-repeat:repeat-x;
	background-color:#3A1304;
	padding:0px;
	margin:0px;
}


table.main
{
	padding:0px;
	margin:0px;
	width:800px;
	border:1px solid #000000;
	background-color:#3A1304;
}

div.main
{
	padding:0px;
	margin:0px;
	width: 816px;
	border:0px;
	background-color:#FFFFFF;
}

div.thickbar
{
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	height: 40px;
	background-color:#6E4225;
}

.copyright
{
	font-size:10pt;
}

table, div, hr, tr, td, img
{
	padding:0px;
	margin:0px;
}

div.hr
{
	border-top:1px solid;
	border-top-color:#000000;
}

.preview
{
	border:1px solid #6E4225;
	background-color:#FFFFFF;
	width:80px;
	height:80px;
}

.player
{
	padding:0px;
	margin:0px;
	display:block;
	width:500px;
	height:375px;
	background:#F5BE23;
}

.title
{
	color:#3A1304;
}

.desc
{
	color:#6E4225;
	font-size:12px;
}

.views
{
	position: absolute;
	right: 24px;
	bottom: 4px;
	color: #3A1304;
	font-size:12px;
}

.playlist
{
	border-left:0px solid #000000;
	padding:0px;
	margin:0px;
	width:100%;
	height:375px;
	overflow:auto;	
}

div.clipbutton
{
	position:relative;
	width:98%;
	text-align:left;
	background-image:url("images/gradient.jpg");
	background-repeat:repeat-x;
	background-color:#6E4225;
	border:1px outset #6E4225;
	margin:0px;
	margin-top:0px;
	margin-bottom:2px;
	margin-left:0px;
	margin-right:0px;
}

a.clips
{
	width:100%;
	display:block;
	margin:0px;
	padding:0px;
	background:url("images/decoration1.jpg") no-repeat top right;
	text-decoration:none;
}

a.playing, a.paused, a.progress
{
	display:block;
	background:url("images/decoration3.jpg") no-repeat top right;
}

a.clips:hover
{
	display:block;
	background:url("images/decoration2.jpg") no-repeat top right;
}

a.playing:hover, a.paused:hover, a.progress:hover
{
	display:block;
	background:url("images/decoration4.jpg") no-repeat top right;
}