body
	{margin:75px 0px 75px 0px; background:#000 url("/images/top_bottom_new.gif") center -120px repeat-x; color:#777777; font-family: Lucida Grande, Tahoma, sans-serif; text-align: center;}
	
a
	{color: #ff9115; text-decoration: none;}
a:hover
	{color: #ffffff;}

#videoplayer
	{margin: 0px auto; padding: 20px 40px;}
	
#header
	{color: #fff; margin: 25px auto 0px auto; font-size: 14pt; text-shadow: #000 0px 2px 3px; opacity: .75;}

#header a
	{color: #fff; margin-left: -1em;}
#header a:before
	{content: "« ";}

#top_info
	{position: absolute; top: 0px; width: 100%; background: url('/images/top_bkg_new.gif') center bottom;}

#footer
	{position: fixed; bottom: 0px; width: 100%; background: url("/images/video_footer_bkg.png") center bottom repeat-x; opacity: .5;}

#footer:hover
	{opacity: 1;}


#viewer_controls
	{background-color: #000; opacity: .75; height: 18px; -webkit-border-radius: 2px; margin: 10px auto 0px auto; padding: 1px;}

#viewer_controls ul, #viewer_conrols ul li
	{margin: 0px; padding: 0px; list-style: none; float: right;}

#toggle_top
	{display: block; width: 16px; height: 16px; background: url("/images/video_toolbar_toggle.gif") center top no-repeat;}

	





/*	Taken from /stylesheet.css   Maybe I should link this somehow.	*/

.gallery a img		{border: 1px solid #ff9115;
					padding: 2px;
					margin: 2px;
					width: 50px;
					height: 50px;}
.gallery a img:hover	{border: 1px solid #fff;}


.gallery	{margin: 0px; padding: 0px; list-style: none; text-align: center;}
.gallery li	{display: inline;}

#docknames
	{text-align: center; color: #fff; font-size: 8pt; height: 12pt; margin: 0px; padding: 0px; list-style: none;}
#docknames li
	{margin: 0px; padding: 0px;}

#docknames .docktitle
	{display: none;}