.pngfix { behavior: url("/iepngfix/iepngfix.php") }

* {
	font-family: Arial;
}

/* don't use * because it breaks <select> and <input> */
html, body, div, span, p, img, ul, ol, li, table, td, tr, form
{
	padding:0;
	margin:0;
}

/* normalize across browsers */
h1, h2, h3, h4, h5
{
	margin: 0;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 10px;
}

ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

body {
	font-size: 12px;
	background-color: #F6F6F6;
}

textarea {
	font-size: 13px;
}

img {
	border: none;
	display: block; /* xhtml strict extra margin fix */
}

#wrapper {
	width: 770px;
	margin: 0 auto;
}

#content {
	padding: 10px 0;
}

#header {
	background: #000000 url("/images/header_bg.png") repeat-x top center;
	height: 35px;
}

#header a.logo {
	float: left;
	padding-left: 5px;
	padding-top: 10px;
	height: 25px;
	color: #FFFFFF;
}

#header ul.nav {
	float: right;
}

#header ul.nav li {
	float: left;
	line-height: 35px;
}

#header ul.nav li a {
	padding: 0 40px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#header ul.nav li a.last {
	padding-right: 5px;
}

#searchbar {
	background: transparent url("/images/searchbar.png") repeat-x top center;
	height: 27px;
	width: 768px;
	margin: 0 auto;
}

#searchbar form {
	float: right;
	padding-right: 5px;
	margin-top: 3px;
}

#searchbar form input.searchbtn {
	border: none;
	background: none;
	margin: 0;
	float: left;
	font-size: 11px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

#searchbar form .searchbox {
	background: transparent url("/images/searchbox.png") no-repeat top left;
	width: 200px;
	padding-left: 25px;
	padding-right: 8px;
	height: 18px;
	padding-top: 2px;
	*height: 19px;
	*padding-top: 1px;
	float: left;
	display: block;
}

#searchbar form .searchbox input {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#footer {
	text-align: center;
	/*border: 1px solid #D2D2D2;*/
	padding: 2px 0;
	font-size: 9px;
}

#footer .links a {
	color: #000000;
	text-decoration: none;
	padding: 0 10px;
	font-weight: bold;
}

#footer .copyright, #footer .copyright a {
	color: #8B8B8B;
	margin-top: 3px;
}

.videothumb {
	position: relative;
	height: 66px;
}

.videothumb .addjukebox {
	position: absolute;
	left: -10px;
	bottom: -10px;
}

.videothumb .clicktoview {
	position: absolute;
	width: 66px;
	bottom: -8px;
}

#homepage {
	padding: 0 10px;
}

#homepage #left {
	width: 222px;
	float: left;
	height: 421px;
}

#homepage #left .more {
	text-align: right;
	display: block;
	color: #00f;
	font-size: 11px;
}

#homepage #middle {
	/*background: transparent url("/images/homepage/main.jpg?20081209") no-repeat top center;
	padding-top: 402px;*/
	width: 285px;
	float: left;
	margin-left: 11px;
}

#homepage #middle a {
	display: block;
}

#homepage #right {
	width: 222px;
	float: right;
	height: 421px;
}

#homepage #right .channels {
	height: 205px;
	background-color: #DBDBDB;
	padding-top: 5px;
}

#homepage #right .channels h2 {
	font-size: 12px;
}

#homepage #right .channels .channel {
	padding: 10px;
	font-size: 11px;
}

#homepage #right .channels .channel a {
	color: #000;
}

#homepage #right .channels .channel .icon {
	background: transparent url("/images/homepage/channels.png") no-repeat top left;
	width: 49px;
	height: 49px;
	float: left;
	margin-right: 5px;
}

#homepage #right .channels .holreviews .icon {
	background-position: -100px 0;
}

#homepage #right .channels .holmovies .icon {
	background-position: -50px 0;
}

#homepage #right .channels .miscvideos .icon {
	background-position: 0 0;
}

#homepage #right .search {
	height: 102px;
	background-color: #DBDBDB;
	padding: 0 10px;
	padding-top: 35px;
	overflow: hidden;
}

#homepage #right .search .keywords,
#homepage #right .search .channel {
	border: 1px solid #666;
	padding: 1px;
}

#homepage #right .search .keywords {
	width: 197px;
}

#homepage #right .search .channel {
	width: 201px;
	*width: 202px;
	margin-top: 5px;
	padding: 0px;
}

#homepage #right .search .searchbtn {
	float: right;
	margin-top: 5px;
}

#homepage #right .footer {
	background: transparent url("/images/homepage/channels_footer.png") no-repeat top center;
	height: 38px;
}

#homepage #right .footer .rss {
	float: right;
	margin-right: 5px;
	margin-top: 9px;
	display: inline;
}

.videolist {
	padding: 0 5px;
}

.videolist table {
	width: 100%;
}

.videorow {
	background-color: #D2D2D2;
	margin: 5px;
}

.videorow .thumb {
	padding: 2px;
	width: 1px;
}

.videorow .info {
	padding-left: 5px;
	font-size: 9px;
}

.videorow .info a {
	display: block;
}

.videorow .info h2 {
	font-size: 11px;
}

#jukebox {
	background: #545454 url("/images/jukebox/bg.png") repeat-x top center;
}

#jukebox .player {
	margin: 0 auto;
	width: 746px;
	height: 450px;
}

#jukebox .player .play {
	margin: 0 auto;
	position: relative;
	width: 94px;
	height: 107px;
	top: 171px;
}

#jukebox #playlist {
	margin: 0 auto;
	margin-top: 17px;
	width: 746px;
	padding-bottom: 12px;
}

#jukebox #playlist .header {
	background: transparent url("/images/jukebox/playlist_header.png") no-repeat top center;
	background-position: 0 0;
	width: 716px;
	height: 33px;
	line-height: 33px;
	padding: 0 15px;
	color: #FFFFFF;
}

#jukebox #playlist .footer {
	background: transparent url("/images/jukebox/playlist_header.png") no-repeat top center;
	background-position: 0 -34px;
	width: 716px;
	height: 33px;
	line-height: 33px;
	padding: 0 15px;
	color: #FFFFFF;
}

#jukebox #playlist .header h1 {
	float: left;
	font-size: 16px;
}

#jukebox #playlist .header h1 span {
	font-weight: normal;
}

#jukebox #playlist .header a {
	float: right;
	display: block;
	margin-top: 8px;
}

#jukebox #playlist .notice {
	background-color: #D6D6D6;
	padding: 5px 15px;
	font-size: 10px;
	font-style: italic;
}

#jukebox #playlist #novideos {
	padding: 70px 30px;
	background-color: #EEEEEE;
	text-align: center;
	font-size: 14px;
}

#jukebox #playlist .footer .steps .step {
	float: left;
	padding-left: 50px;
}

#jukebox #playlist .footer .steps .step h2 b {
	font-size: 18px;
	color: #FF00E7;
}

#jukebox #playlist .footer .steps .step h2 {
	font-size: 12px;
}

#jukebox #playlist ul#videos {
	cursor: move;
	padding: 10px 30px;
	background-color: #EEEEEE;
}

#jukebox #playlist ul#videos li {
	padding: 10px 5px;
	width: 676px;
	height: 45px;
	overflow: hidden;
}

#jukebox #playlist ul#videos li.alt {
	/*background-color: #D6D6D6;*/
}

#jukebox #playlist ul#videos li.selected {
	background-color: #545454;
	color: #fff;
}

#jukebox #playlist ul#videos li.placeholder {
	background-color: #FFFFCC;
	padding: 10px 5px;
	width: 672px; /* -4 for border */
	height: 41px; /* -4 for border */
	border: 2px dashed black;
}

#jukebox #playlist ul#videos li img {
	margin-right: 5px;
}

#jukebox #playlist ul#videos li .title {
	font-size: 12px;
	font-weight: bold;
}

#jukebox #playlist ul#videos li .desc {
	font-size: 10px;
}

#channels {
	margin: 0 auto;
	width: 746px;
	background-color: #E8E8E8;
}

#channels .channels {
	width: 480px;
	margin: 0 auto;
	padding: 30px 0;
	*padding-bottom: 0px;
}

#channels .channels .channel {
	display: inline;
	position: relative;
	width: 140px;
	height: 250px;
	float: left;
	margin: 0 10px;
	text-align: center;
	background: #FFFFFF url("/images/channels/icons.jpg") no-repeat top left;
}

#channels .channels .channel h2 {
	font-size: 14px;
	margin-top: 10px;
}

#channels .channels .channel .info {
	position: absolute;
	top: 155px;
	padding: 0 10px;
	width: 120px;
	left: 0px;
}

#channels .channels .channel a.goto {
	position: absolute;
	bottom: 7px;
	width: 140px;
	left: 0px;
}

#channels .channels .holreviews {
	border-bottom: 3px solid #00901C;
	background-position: -140px 0;
}

#channels .channels .holreviews h2 {
	color: #00901C;
}

#channels .channels .holmovies {
	border-bottom: 3px solid #FF7600;
	background-position: 0 0;
}

#channels .channels .holmovies h2 {
	color: #FF7600;
}

#channels .channels .miscvideos {
	border-bottom: 3px solid #BE009C;
	background-position: -280px 0;
}

#channels .channels .miscvideos h2 {
	color: #BE009C;
}

#channels .channels .channel div.goto {
	background: transparent url("/images/channels/gotobtn.png") no-repeat top left;
	width: 106px;
	height: 0px;
	margin: 0 auto;
	padding-top: 24px;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

#channels .channels .channel .goto .green {
	background-position: 0 0;
}

#channels .channels .channel .goto .orange {
	background-position: 0 -25px;
}

#channels .channels .channel .goto .purple {
	background-position: 0 -50px;
}

#searchanduploadbar {
	background: transparent url("/images/searchanduploadbar.jpg") no-repeat top left;
	width: 765px;
	height: 59px;
	margin: 0 auto;
	margin-bottom: 10px;
}

#searchanduploadbar .search {
	float: left;
	margin-left: 15px;
	margin-top: 17px;
}

#searchanduploadbar .search .keywords {
	float: left;
}

#searchanduploadbar .search .searchbtn {
	float: left;
	margin-left: 10px;
}

#searchanduploadbar .upload {
	float: right;
	margin-top: 14px;
	margin-right: 7px;
}

div.headedbox {
	background-color: #DBDBDB;
}

div.headedbox h1 {
	background: #fff url("/images/buttons/accordion.png") repeat-x;
	height: 28px;
	text-align:left;
	line-height:28px;
	margin: 0;
	color: #FFF;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
}

#searchresults {
	width: 746px;
	margin: 0 auto;
}

#searchresults .sortbar {
	background-color: #D0E9FF;
	padding: 5px;
}

#searchresults .sortbar .opt {
	margin-left: 40px;
}

#searchresults .pagination {
	background-color: #D0E9FF;
	padding: 5px;
	text-align: right;
}

#searchresults .results {
	margin: 30px;
	margin-bottom: 0;
}

#searchresults .results li {
	width: 323px;
	margin: 0 10px;
	float: left;
	font-size: 10px;
	display: inline;
	position: relative;
	margin-bottom: 10px;
}

#searchresults .results li h2 {
	margin-bottom: 5px;
	font-size: 13px;
	width: 323px;
}

#searchresults .results li h2 a {
	color: #000;
	text-decoration: none;
}

.rating .star {
	display: inline;
	padding: 0 1px;
}

#searchresults .results li .videothumb {
	margin-right: 10px;
	margin-bottom: 20px;
}

#tandc {
	width: 746px;
	margin: 0 auto;
}

#contactus {
	width: 746px;
	margin: 0 auto;
}

#contactus .content {
	padding: 20px 30px;
}

#contactus .content label {
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 5px;
}

#contactus .content .btnsubmit {
	width: 100px;
	display: block;
	margin: 0 auto;
}

#contactus .content .confirm {
	font-weight: bold;
	font-style: italic;
	padding-bottom: 15px;
}

#contactus .content textarea {
	font-size: 13px;
}

#viewpage {
	width: 746px;
	margin: 0 auto;
}

#viewpage .details {
	float: left;
	width: 280px;
	height: 290px;
}

#viewpage .details .content {
	padding: 10px;
	overflow: auto;
	width: 260px;
	height: 242px;
}

#viewpage .details .content .desc {
	margin: 10px 0;
}

#viewpage .player {
	float: right;
	width: 450px;
	height: 290px;
}

#viewpage .related {
	float: left;
	width: 280px;
	height: 342px;
}

#viewpage .actions {
	float: right;
}

#viewpage .actions .pane {
	padding: 10px;
}

#viewpage .actions .pane .confirm {
	font-weight: bold;
	font-style: italic;
	padding-bottom: 5px;
}

#viewpage .actions .viewcomments .commentheader {
	background-color: #D4D4D4;
	margin-bottom: 5px;
	padding: 3px 10px;
	margin-top: 10px;
}

#viewpage .actions .viewcomments .commentheader .postedby {
	float: left;
}

#viewpage .actions .viewcomments .commentheader .dateposted {
	float: right;
}

#viewpage .actions .viewcomments .comment {
	padding: 0 10px;
}

#viewpage .actions .viewcomments hr {
	display: none;
}

#worldmap {
	width: 746px;
	margin: 0 auto;
	margin-bottom: 10px;
}

#worldmap .caption {
	font-weight: bold;
	text-align: center;
}

#worldmap .mapbg .map {
	padding-top: 10px;
}

#worldmap .mapbg .map img {
	width: 673px;
	margin: 0 auto;
}

#worldmap .destselector {
	padding: 10px 0;
	background-color: #BBB;
	text-align: center;
	position: relative;
}

#worldmap .destselector select {
	margin-left: 10px;
	width: 250px;
}

#upload .content {
	padding: 5px;
}

#upload .content form {
	margin-top: 30px;
	margin-left: 30px;
}

#upload .content form label {
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 5px;
}

#upload .content form .btnsubmit {
	width: 200px;
	margin-bottom: 20px;
	margin-top: 15px;
}