body {
   
}

#wrapper {
background-color:#FFFFFF;
margin:65px 1px auto;
min-width:250px;
padding:3em;
}

#header3 h1 {
    border-bottom: 1px solid #777;
    color: #555;
    padding-bottom: 0.2em;
background-image:url(../images/mb.jpg);
display:block;
float:left;
height:48px;
margin:0;
padding:0;
width:127px;

}

#logo {
background-image:url(../images/logo.png);
float:left;
height:57px;
margin-top:2px;
width:150px;

}

#content h3 {
    color: #434690;
}

#footer  {
background-color:#F6F6F6;
bottom:0;
border-top:4px solid #1E1E1E;
position:fixed;
text-align:center;
width:100%;
height: 30px;
}


/* added */ 

#cpanel {
float:right;
font-size:13px;
font-weight:bold;
height:23px;
margin-top:15px;
padding:0 0;

}
#siteSearch {
float:left;
height:37px;
margin-left:14px;
padding-top:14px;
width:398px;
}
#siteSearch #headerSearch {
border:1px solid #CB0619;
float:left;
width:400px;
}
#siteSearch #siteSearchInput {
border:0 none;
display:block;
float:left;
height:16px;
margin-left:5px;
padding:5px 4px 4px 0;
width:330px;
}
#siteSearch #askToggle {
float:left;
font-size:10px;
height:19px;
padding-right:2px;
padding-top:6px;
width:30%;
}
#siteSearch input.inputSubmit {

background:#CB0619 none repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
cursor:pointer;
float:right;
font-size:11px;
font-weight:bold;
height:25px;
padding:0 5px;
text-align:center;
}
#cpanel #logOut, #cpanel #anonLinks {
display:block;
float:right;
font-size:11px;
padding-top:3px;
}
#cpanel #anonLinks a {
border-right:1px solid #CCCCCC;
font-size:12px;
padding:0 5px;
}
a:link, a:visited {
color:#224D61;
text-decoration:none;
}
#cpanel #anonLinks a#forgot_password {
border:0 none;
}
#header h1 a {
display:block;
height:48px;
width:127px;
}
#header h1 a span {
display:none;
}
#nav{
clear:both;}
.hidden{
display:none;
}
.float-right {
color:#666666;
float:right;
font-size:10pt;
}
.float-left {
color:#B10000;
float:left;

}
.resdet{
font-size:16pt;
}
#content{

}
#massActions{
clear:both;
padding-top:4px;
height:60px;
}
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}
#tagSub{
float:left;
}
#tagInfo{
float:left;
}
#filteredTags{
width:200px;
float:right;
}
#filters{
float:left;
width:700px;
}
#tagBody{
display:none;
border:1px solid black;
}
#top
{
position: fixed;
top: 0px;
width:100%;
background-color:white;
height:60px;
min-width:720px;
z-index:100;
}
.pagination
{
	clear:left;
	font-size:85%;
	margin:0em 0pt;
	padding-bottom:1em;
	font-family:arial, helvetica, sans-serif;
	font-size:110%;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4;
	height:35px;
	width:450px;
}

.pagination a, .pagination span
{
	background:transparent none repeat scroll 0%;
	border:1px solid #FFFFFF;
	display:block;
	float:left;
	margin-right:0.1em;
	padding:0.2em 0.5em;
}

.pagination a
{
	color:#105CB6;
	border:1px solid #211E20;
	text-decoration:none;
}

.pagination a:hover
{
	border-color:#2E6AB1;
	background-color:#D5ECFD;
}

.pagination span.nextprev
{
	border:1px solid #211E20;
	color:#999999;
}

.pagination span.current
{
	background: #224FB7 none repeat scroll 0%;
	border:1px solid #2E6AB1;
	color:#FFFFFF;
	font-weight:bold;
}

.pagination a.nextprev { font-weight:bold; }


/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/

/* Login Panel */
#logintop {
  	background: transparent url(../images/login_top.jpg) repeat-x 0 0;
	height: 38px;
	position: relative;
	
	z-index:100;

}

#logintop ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 38px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url(../images/login_r.jpg) no-repeat right 0;
	padding-right: 45px;
}

#logintop ul.login li.left {
  	background: url(../images/login_l.jpg) no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#logintop ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 38px;
  	background: url(../images/login_m.jpg) repeat-x 0 0;
}

#logintop ul.login li a {
	color: #33CCCC;
}

#logintop ul.login li a:hover {
	color: white;
}

/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	background: #1E1E1E;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
	top: 33px;
}
#container2 {
	background: transparent;
}
#login a {
	text-decoration: none;
	color: #33CCCC;
}

#login a:hover {
	color: white;
}

#login .loginContent {

	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#login .loginContent .left {

	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}

#login .loginContent input:focus.field {
	background: #545454;
}

#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/button_login.jpg) no-repeat 0 0;
}

#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(../images/button_close.jpg) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}

#login .loginClose a:hover {
	background: url(../images/button_close.jpg) no-repeat right -20px;
}
/*Multiselect*/
.mtmultiselect{
width: 400px;
background: transparent ;
font: 12px verdana;            
}

.mtmultiselect .selected{
background-color: #4690BB;
}

.mtmultiselect ol .selected{
background-color: #4690BB;
background-image: url('check-mark.png');
background-position: left;
background-repeat: no-repeat;
}

.mtmultiselect ul li{            
display:inline;
}

.disabled{
color: #ccc;
}

.mtms_filterbox{
float: left;
padding: 5px;            
}

.mtms_filterbox input{
background: #4690BB;
border: 1px solid #141212;
}

.mtms_filtercontrols{
padding: 7px 0;
color: #B4A6A6;
margin:0;
}

.mtms_filtercontrols a, .mtms_paginator a{
color: #84D1E0;
padding: 0 4px 0 6px;

}

.mtms_paginator{
clear: both;
padding: 5px;
}

.mtmultiselect ol{
padding: 0;
margin:0;
}

.mtmultiselect ol li{
list-style-type: none;            
padding: 7px 5px 7px 25px;
border-bottom: 1px solid #444;
background-color: #88B2BD;
color: #fff;
}

.mtmultiselect ol li:hover{
background-color: #84D1E0;
color: #111;
}
.explain{
color:#33CCCC;
}
li .text{
margin:15px 0 15px 10px;
height:15px;
padding:5px;
}
.source{
color:#aaa;
display:block;
float:right;
}
.clear:{clear:both;}

.button_front{
display:inline;
}
div#sortby a {
font-size:12px;
}
.button a, .button a:active {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #D5CCD1;
color:#000000;
float:left;
font-weight:bold;
margin:5px;
padding:5px;
}
.button_front {
float:left;
font-size:12px;
font-weight:bold;
margin-left:10px;
padding:10px;
}


div#footerbar a {
font-size:9px;
}
.footerbutton a, .footerbutton a:active {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #D5CCD1;
color:#000000;
float:left;
font-weight:bold;
margin:5px;
padding:5px;
}
.footerbutton a:hover {
background:#224FB7 none repeat scroll 0 0;
color:#FFFFFF;
}
.footerbutton_front {
float:left;
font-size:9px;
font-weight:bold;
margin-left:10px;
padding:10px;
}

#watchnow {
	width:160px;
	height:60px;
    background: transparent url(../images/watchnow.png);
}
.xt  {
border-bottom:1px dashed #BBBBBB;
font-family:"arial","ms sans serif";
font-size:10pt;
line-height:180%;
}
/*Footer Styling FB style*/
#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
		font:10px normal Verdana, Arial, Helvetica, sans-serif;

}
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}
#footpanel a.home{
	background: url(../images/home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.mostviewed{
	background: url(../images/user.png) no-repeat 15px center;
	width: 80px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.newest{
	background: url(../images/wrench_screwdriver.png) no-repeat 15px center;
	width: 80px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.tsearches{
	background: url(../images/address_book.png) no-repeat 15px center;
	width: 80px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.submityoursite{
	background: url(../images/mail.png) no-repeat 15px center;
	width: 70px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.stars{
	background: url(../images/mail.png) no-repeat 15px center;
	width: 70px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.tubesites{
	background: url(../images/film.png) no-repeat 15px center;
	width: 70px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.playlist{ background: url(../images/document_music_playlist.png) no-repeat center center; }
a.tubesites{ background: url(../images/film.png) no-repeat center center; }
a.alerts{ background: url(../images/newspaper.png) no-repeat center center; }
#footpanel a.chat{
	background: url(../images/balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/
#footpanel a small {
	text-align: center;
	width: 100px;
	background: url(../images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
	font:10px normal Verdana, Arial, Helvetica, sans-serif;

}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}
#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/
#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#chatpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#chatpanel .subpanel li p {padding: 5px 10px;}
#chatpanel .subpanel li a.delete{
	background: url(../images/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#chatpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #chatpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}
.vidinfo a{
padding:0 5px;
background-image:url(../images/addfav.png);
background-position:right center;
background-repeat:no-repeat;
	cursor: pointer;
	cursor: hand;

}

.vidinfo a span{
display:none
}
.duration{
background-color:#FFFFFF;

opacity:0.8;filter:alpha(opacity=80);
position:absolute;
top:115px;
left:11px;
width:133px;
padding:0 5px;
height:20px
}

.duration2{
background-color:#FFFFFF;
opacity:0.8;filter:alpha(opacity=80);
position:absolute;
top:115px;
width:133px;
height:20px
}

.block {
background:none repeat scroll 0 0 #F2F2F2;
border:1px solid #DDDDDD;
float:left;
margin-bottom:5px;
position:relative;
}

.cheading {
background:none repeat scroll 0 0 #E0E0E0;
border-bottom:1px solid #DDDDDD;
color:#222222;
font-size:12pt;
font-weight:bold;
position:relative;
right:-1px;
top:-1px;
width:100%;
z-index:1;
}