body {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: black;
	margin: 0px;
	background-color: white !IMPORTANT;
	background-image: none !IMPORTANT;
	background: none !IMPORTANT;
}

a.player {background: url(images/player_bg.gif) no-repeat;}
div.title, h1 {color: #B3181E;}


#dhtmltooltip{
width: 150px;
border: 1px solid #af181d;
background-color: #E8eaec;
/* remove below to remove rounded corner  Only works in FF */
-moz-border-radius: 7px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS oly works in IE */
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* to customize up/down buttons for video list scroller */
a.go.up {background: url(images/up.png) no-repeat;}
a.go.down {background: url(images/down.png) no-repeat;}

/* to change the background image for video buttons - DO NOT CHANGE ANYTHING ABOUT THIS BUT THE IMAGE LINK 
Make sure that the background of the button image is transparent */
div.clips a {
	display:block;
	background: none;
	padding:5px 5px;
	height:44px;
	width:196px;
	text-decoration:none;
	letter-spacing:-1px;
	background-image:url(images/light_sm.gif);
	background-position:0 59px;
	padding-right:52px;
}

#pl div.entries table { background:transparent url(images/button-bg.gif)  no-repeat scroll 0% !IMPORTANT;}

#pl div.entries td {padding: 0px 5px 0px 5px !IMPORTANT;}

#pl div.entries a {font-size: 12px !IMPORTANT; color: #FFFFFF !IMPORTANT; font-weight: bold !IMPORTANT; text-decoration: none !IMPORTANT; }

a.banner {background: url(images/banner-bg.gif) no-repeat white !IMPORTANT;}

.banner_sub {color: #B3181E !IMPORTANT;}