/* Main Layout ---------------------------------------------------------------- */

ul.media_line {
	list-style: none;
	margin:0; 
	padding: 3px;
}
ul.media_line li{
	float: left; 
	margin:0;
	margin-left: 4px;
	padding: 0;
	text-align: center; 
	width: 110px
}
ul.media_line li div {
	width: 100px;
	height: 80px; 
	padding: 0; 
	margin: 5px; 
	float: left; 
	text-align: center; 
	vertical-align: middle
}
div.voteHoverDiv {
	display: none; 
	position: absolute;
	left: 3px; 
	top: 20px; 
	background-color: #ffffff;
	width: 120px;
	height: 40px; 
	border: 1px solid #9c9c9a; 
	padding: 5px
}
div.voteHoverDiv a.closeLink {
	display: block;
	float: left;
	text-align: right; 
	width: 17px
}
ul.media_channels {
	list-style: none;
	margin:0; 
	padding: 3px;
}
ul.media_channels li {
	float: left;
	margin:0; 
	margin-left: 4px; 
	padding: 0;
	text-align: center; 
	width: 100px;
}
ul.media_channels li img {
	width: 56px;
	height: 56px; 
	border: none
}
div.media_latestitem {
	width: 100px;
	height: 80px;
	padding: 0; 
	margin: 5px; 
	float: left; 
	text-align: center; 
	vertical-align: middle
}
a.media_playbutton {
	background-color: gray;
	opacity: .80; 
	filter: alpha(opacity=80); 
	-moz-opacity: 0.80;
	border: 1px solid #9c9c9a;
	color: white;
	font-size: 12pt;
	display: block;
	width: 288px; 
	padding: 5px;
	text-align: center;
	margin:0; 
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 30px; 
	line-height: 30px;
	vertical-align: middle;
}
div.media_flashbox {
	width: 300px; 
	height:300px;
	border: 1px solid #9c9c9a;
}
div.mediainfo_box {
	margin: 0; 
	padding: 0px;
	border: 1px solid #9c9c9a;
	border-bottom: 2px solid #9c9c9a; 
	border-right: 2px solid #9c9c9a;
	background-color: #ffffff;
}
div.mediainfo_box hr {
	color: #9c9c9a;
	height: 1px;
}
div#moreinfo_box {
	margin: 0;
	padding: 3px;
	background-color: #d7ddec;
	border-top: 1px solid #6d84b4;
	font-size: 8pt;
}
div#moreinfo_box label{
	display: block;
	float: left;
	width: 90px;
}
div.media_comments {
	margin: 0; 
	margin-top: 10px;
	padding: 3px;
	border: 1px solid #9c9c9a;
	background-color: #ffffff;
}
div.media_comments textarea{
	border: 1px solid #6d84b4;
	background-color: #ffffff;
	width: 90%;
}
div.more_line {
	text-align: right;
	font-size: 8pt;
	margin: 2px;
}
div.media_comments hr {
	color: #9c9c9a;
	height: 1px;
}
div.media_comments h2{
	border-bottom: 1px solid #d7ddec;
}
div.media_rightbar {
	float: left;
	padding: 0; 
	background-color: white;
	margin: 5px; 
	width: 300px;
	border: 1px solid #9c9c9a;
}

div.media_rightbar h2, div.media_leftbar h2{
	margin: 0;
	padding: 2px;
	background-color: #d7ddec; 
	border-top: 1px solid #6d84b4; 
	border-bottom: 1px solid #6d84b4;
}
div.media_leftbar {
	width: 600px; 
	float: left; 
	padding: 5px; 
	min-height: 600px; 
	margin: 5px; 
	padding: 0;
}
div.media_section {
	background-color: white; 
	border: 1px solid #9c9c9a; 
	border-top: none;
}
span.comment_user {
	font-size: 8pt;
}
div.votebar {
	padding: 0;
	background: #ffffff url('http://www.spurkle.co.uk/recruitment/mediaopt/stardis.jpg') repeat-x top left;
	width: 84px;
	height: 18px;
}
div.votebar_ac {
	padding: 0;
	margin: 0;
	background: #ffffff url('http://www.spurkle.co.uk/recruitment/mediaopt/starac.jpg') repeat-x top left;
	height: 18px;
}