@charset "utf-8";

/* Resets */
h1, h2, h3, h4, h5, h6, img {
	border: 				none;
	margin:					0;
	padding:				0;
}

/* HTML / Body / Wrapper */
html, body {
	margin:					0;
	padding:				0;
	font-family: 			Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:				14px;	
	height:					100%;
}

body {
	background-color:		#1a191a;
	background-image:		url('../images/background.png');
	background-repeat:		repeat-x;
}

div#wrapper{
	height:					100%;
	min-height:				100%;
	background-image:		url('../images/background-watermark.png');
	background-position: 	0 185px;
	background-repeat:		repeat-x;
}

/* Header */
div#header {
	width:					900px;
	height:					168px;
	margin:					0 auto;
	position:				relative;
}

h1#logo a {
	background-image:		url('../images/logo-trans.png');
	text-indent:			-99999px;
	display:				block;
	width:					570px;
	height:					168px;
	margin:					0;
	padding:				0;
	position:				absolute;
	left:					-130px;
}

/* Navigation */
div#navigation-search {
	position:				absolute;
	left:					500px;
	top:					50px;
	width:					320px;
	height:					165px;
}

div#navigation-search ul {
	list-style:				none;
	margin:					0;
	padding:				0;
}
div#navigation-search ul li {
	float:					left;
	display:				block;
}
div#navigation-search ul li a {
	display:				block;
	width:					158px;
	height:					30px;
	text-indent:			-99999px;
}
a#menu-browse 		{ 		background-image:		url('../images/menu-browse.png'); 		}
a#menu-feedback 	{ 		background-image:		url('../images/menu-feedback.png'); 	}
div#navigation-search ul li a#menu-broadcast {
	width:					318px;
	height:					42px;
	background-image:		url('../images/menu-broadcast.png');
}
a#menu-browse:hover, a#menu-feedback:hover, a#menu-broadcast:hover { 	background-position:	bottom; }

div#navigation-search ul li.form {
	height:					30px;	
	padding-top:			6px;
	width:					318px;
}
div#navigation-search ul li.form form {
	margin:					0;
}
div#navigation-search ul li.form input.search-term {
	float:					left;
	width:					210px;
	height:					22px;
	border:					2px solid #4b494b;
	font-family: 			Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:				16px;
	background-image:		url('../images/menu-search-background.png');
	padding-left:			2px;
}
div#navigation-search ul li.form button.submit {
	float:					right;
	width:					95px;
	height:					30px;
	border:					none;
	background-color:		transparent;
	overflow:				hidden;
	text-indent:			-99999px;
	cursor:					pointer;
	color:					transparent;
	background-image:		url('../images/menu-search.png');
	background-repeat:		no-repeat;
}
div#navigation-search ul li.form button.submit:hover {
	background-position:	bottom;
}

/* Body Content Wrapper */
div#inner {
	width:					900px;
	background-image:		url('../images/inner-background.png');
	background-repeat:		repeat-x;
	min-height:				450px;
	background-color:		#FFF;
	overflow:				hidden;
  position:       relative;
}
div#inner-top {
	width:					900px;
	background-image:		url('../images/inner-background-top-trans.png');
	background-repeat:		no-repeat;
	padding-top:			16px;
	margin:					0 auto;
  position:       relative;
}
div#inner-bottom {
	width:					900px;
	background-image:		url('../images/inner-background-bottom-trans.png');
	background-position:	bottom;
	padding-bottom:			16px;
}

/* Footer */
div#footer {
	width:				100%;
	margin-top:			40px;
	background-image:	url('../images/footer-background.png');
	background-color:	#000000;
}
div#footer div#wrapper {
	width:				900px;
	margin:				0 auto;
	position:			relative;
	min-height:			150px;	
}

div#footer h2 {
	background-image:	url('../images/footer-logo-trans.png');
	width:				314px;
	height:				132px;
	position:			relative;
	top:				-40px;
	left:				-40px;
	text-indent:		-99999px;
}
div#footer-navigation {
	position:			absolute;
	left:				230px;
	top:				24px;
}
div#footer-navigation ul {
	list-style:			none;
}
div#footer-navigation ul li {
	float:				left;
	margin-left:		20px;
}
div#footer-navigation ul li a {
	color:				#FFF;
	text-decoration:	none;	
}
div#footer-navigation ul li a:hover {
	text-decoration:	underline;
}


/* ***********************
/* Page content elements 
 ************************/

/* Headers */
h3.section-header {
	margin:					20px;
	height:					46px;
	background-repeat:		no-repeat;
	text-indent:			-99999em;
}
h3#header-text-other-videos {
	background-image:		url('../images/header-text-other-videos.png');
	width:					220px;
}
h3#header-text-browse-videos {
	background-image:		url('../images/header-text-browse-videos.png');
}
h3#header-text-search-results{
	background-image:		url('../images/header-text-search-results.png');
}
h3#header-text-feedback-contact{
	background-image:		url('../images/header-text-feedback-contact.png');
}

h4#header-text-coming-up {
	margin:					10px 0;
	height:					22px;
	background-repeat:		no-repeat;
	text-indent:			-99999em;
	background-image:		url('../images/header-text-coming-up.png');
}
h4#header-text-other-small {
	margin:					10px 0;
	height:					22px;
	background-repeat:		no-repeat;
	text-indent:			-99999em;
	background-image:		url('../images/header-text-other-small.png');
}
 
/* Video lists */
ul.large-video-list {
	list-style:				none;
	overflow:				hidden;
	margin:					0 20px;
	padding:				0;
}

ul.large-video-list li {
	display: 				block;
	width:					207px;
	text-align:				center;
	float:					left;
	margin:					0 5px 40px 0;
	padding:				0;
}

ul.large-video-list li img {
	border:					2px solid #be2727;
}
ul.large-video-list li ul {
	list-style:				none;
	overflow:				hidden;
	margin:					0;
	padding:				0;
}
ul.large-video-list li ul li { 
	margin:					0;
}
ul.large-video-list li ul li.video-title {
	font-size:				11px;
	color:					#be2727;
	font-weight:			bold;
	margin-bottom:			4px;
}
ul.large-video-list li ul li.video-rating {
	width:					65px;
	float:					left;
	margin-left:			20px;
}
ul.large-video-list li ul li.video-comments {
	float: 					right;
	margin-right:			20px;
	font-size:				11px;
	width:					auto;
}

/* search */
div.search-row {
	margin:					20px;
	overflow:				hidden;
}

div.search-row img {
	border:					2px solid #be2727;
	float:					left;
}
div.search-row ul {
	float:					left;
	width:					670px;
	margin:					0 0 0 20px;
	padding:				0;
	list-style:				none;
}
div.search-row ul li.video-title {
	margin-bottom:			8px;
}
div.search-row ul li.video-title a {
	font-size:				13px;
	color:					#be2727;
	font-weight:			bold;
	text-decoration:		none;
}

div.search-row ul li.video-description {
	font-size:				11px;
	margin-bottom:			8px;
}
div.search-row ul li.video-rating {
	margin-bottom:			8px;
}
div.search-row ul li.video-comments {
	background-image:		url('../images/icons/comment.png');
	background-position:	left;
	background-repeat:		no-repeat;
	padding-left:			20px;
	font-size:				11px;	
}

div.video-pager {
	margin-top:				-20px;
	text-align:				center;
	font-size:				18px;
}
h3.header-text-page {
	margin:					0 auto 10px auto;
	height:					56px;
	background-repeat:		no-repeat;
	text-indent:			-99999em;
	background-image:		url('../images/header-text-page.png');
	width:					94px;	
}


/* Video Rating Mini */
p.video-rating {
	margin:					0;
	padding:				0;
	display: 				block;
	width:					65px;
	height:					11px;
	background-image:		url('../images/star-inactive.png');
}
p.video-rating span {
	display:				block;
	height:					11px;
	background-image:		url('../images/star-active.png');
	text-indent:			-99999px;
}
p.video-rating span.rating1 { width: 13px; }
p.video-rating span.rating2 { width: 26px; }
p.video-rating span.rating3 { width: 39px; }
p.video-rating span.rating4 { width: 52px; }
p.video-rating span.rating5 { width: 65px; }

/* Current playing video */
div#current-video {
	margin:					0 0 0 20px;
	padding:				0;
	overflow:				hidden;
}
div.current-video-left {
	width: 					420px;
	float:					left;
}
div.current-video-right {
	width: 					420px;
	float:					left;
}
	/* Left side */
	div#current-video h3.current-video-title {
		height:					32px;
		margin:					0 0 10px 0;
		padding-left:			34px;
		background-image:		url('../images/video-title-icon.png');
		line-height:			30px;
		background-repeat:		no-repeat;
		color:					#be2727;
	}
	
	div.current-video-bar {
		margin-top:				10px;
		height:					46px;
		width:					390px;
		padding-left:			10px;
		background-image:		url('../images/current-video-bar-left.png');
		background-repeat:		no-repeat;
	}
	div.current-video-bar-inner {
		height:					46px;
		background-image:		url('../images/current-video-bar-right.png');
		background-position:	right;
		padding-right:			10px;
	}
	div.current-video-bar-inner ul {
		margin:					0;
		padding:				0;
		height:					46px;
		overflow:				hidden;
	}
	div.current-video-bar-inner ul li {
		display: 				block;
		height:					46px;
		list-style:				none;
		margin:					0;
		padding:				0;
	}
	div.current-video-bar-inner ul li.rating {
		float: 					left;
	}
	div.current-video-bar-inner ul li.comments {
		float: 					right;
		font-size:				12px;
	}
	div.current-video-bar-inner h6 {
		display:				block;
		float:					left;
		height:					46px;
		background-repeat:		no-repeat;
		text-indent:			-99999em;
	}
	div.current-video-bar-inner ul li.rating h6 {
		width:					49px;
		background-image:		url('../images/current-video-bar-text-rating.png');
	}
	div.current-video-bar-inner ul li.comments h6 {
		width:					106px;
		background-image:		url('../images/current-video-bar-text-comments.png');
	}
	div.current-video-bar-inner ul li.rating p, div.current-video-bar-inner ul li.comments p {
		float:					left;
		display:				block;
		margin:					0 0 0 4px;
		padding:				0;
		height:					46px;
		line-height:			46px;
	}
	
	/* Right side */
	div.current-video-right p.added {
		margin-top:			0px;
		color:				#be2727;
		font-weight:		bold;
	}
	div.current-video-right p.added span {
		color:				#000000;
		font-weight:		normal;
	}
	div.current-video-right p.description {
		font-size:			12px;
		line-height:		16px;
	}

/* Broadcast playlist */
div#playlist-container, div#other-videos-list-container {
	width:					400px;
	height:					200px;
	overflow-y:				scroll;
	border:					1px solid #888888;
}

div.playlist-row {
	overflow:				hidden;
	padding:				9px;
}
div.active-playlist {
	background-color:		#bdcae9;
}
div.playlist-row .thumbnail {
	float:					left;
	width:					70px;
	padding-right:			4px;
}
div.playlist-row .thumbnail img{
	border:					2px solid #BE2727;
}
div.playlist-row .description {
	float:					left;
	width:					280px;
}
div.playlist-row .description p {
	margin:					0;
	font-size:				11px;
	line-height:			14px;
}
div.playlist-row .description p.title {
	color:					#BE2727;
	font-weight:			bold;
}

/* Comments */
div#comments-container {
	float:					left;
	display:				none;
	width:					800px;
	padding-top:			20px;
}

div.comment-row p.heading {
	background-image:		url('../images/icons/comment.png')	;
	background-position:	left;
	background-repeat:		no-repeat;
	padding-left:			20px;
}
div.comment-row p.body {
	font-size:				12px;
	padding-left:			22px;
}
h5.add-comment {
	font-size:				14px;
	margin-top:				20px;
}



/* Video Rating Large */
div.current-video-bar-inner ul.star-rating {
	height:					auto;
	float:					left;
}
div.current-video-bar-inner ul.star-rating li {
	height:					18px;
}
div.current-video-bar-inner div {
	height: 				20px;
	float: 					left;
	width:					140px;		
}
div.current-video-bar-inner div ul {
	margin-left:			20px;
	margin-top:				11px;
}
div.current-video-bar-inner div.container {
	height:					40px;
	font-size:				11px;
	text-align:				center;	
}



/* Standard form */
form {
	margin:					10px 20px;
}
form div.form-row {
	overflow:				hidden;
	padding:				2px 0;
}
form label {
	display: 				block;
	width:					130px;
	padding-left:			10px;
	float:					left;
	font-weight:			bold;
}
form input {
	float:					left;
}
form button.stylish {
	margin-left:			140px;
	border:					none;
	background-image:		url('../images/button-submit.png');
	background-color:		transparent;
	background-repeat:		no-repeat;
	cursor:					pointer;
	display:				block;
	float:					left;
	height:					32px;
	overflow:		
	hidden;
	text-indent:			-99999px;
	width:					120px;
}
input[type="text"], input[type="password"] {
	border:					2px solid #a8aaab;
	font-family:			"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:				12px;
	padding:				2px;
	width:					200px;
}
input[type="submit"], input[type="button"] {
	margin-left:			140px;
}
select {
	border:					2px solid #a8aaab;
	font-family:			"Trebuchet MS",Arial,Helvetica,sans-serif;	
}
form textarea {
	border:					2px solid #a8aaab;
	font-family:			"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:				12px;
	padding:				2px;	
	width:					200px;
}

div.form_error {
	padding-left:			140px;
	font-size:				11px;
	color:					#CC0000;
}

div.global-form-error {
	border:					1px solid #4097e1;
	background-color:		#bcd8f0;
	padding:				20px;
	margin-bottom:			20px;
}
div.global-form-error h5 {
	background-image:		url('../images/icons/error.png');
	background-repeat:		no-repeat;
	background-position:	left;
	margin:					0;
	font-size:				13px;
	padding:				0 0 0 20px;;
}
div.global-form-error ul {
	margin:					0;
	padding:				0 20px;
}
div.global-form-error li {
	list-style:				none;
	margin:					8px 0 0 0;
	padding:				0 0 0 20px;
	background-image:		url('../images/icons/exclamation.png');
	background-repeat:		no-repeat;
	background-position:	left 2px;
}


form#submit-feedback div#recaptcha_div{
	padding-left:			140px;
}

h2.home-welcome {
	margin: 				10px 20px;
  color:          #0f36c2;
}

a#facebook {
  display:        block;
  width:          130px;
  height:          130px;
  position:       absolute;
  background-image: url('../images/facebook-corner.png');
  text-indent:    -99999px;
  right:          0;
  top:            0;
  z-index:        9;
}