/* General style for the whole HTML body */
body {
font-family: Trebuchet MS;
font-size: 10px;
background-color: #ffffff;
color: #333333;
padding: 0px;
text-align: center;
margin:0 auto;
}

/* "Wrapper table */
wraptable, .wraptable {
width: 883px;
margin-top: 0px;

}

/* Main header elements */
mainheadel, .mainheadel {
width: 883px;
padding: 0px;
padding-left: 15px;
float: left;
height:140px;
background: url(../../images/links_bg.png) top right no-repeat;

}

/* Top header content ("wrapper") */
topheadcnt, .topheadcnt {
text-align: left;
display: block;
float: left;
width: 879px;
margin-left: 3px;
border: 0px #ebebeb solid;
}

/* Left part of top header content */
topheadcntleft, .topheadcntleft {
text-align: left;
display: block;
float: left;
width: 480px;
margin-left: 5px;
}

/* Right part of top header content */
topheadcntright, .topheadcntright {
display: block;
float: left;
width: 370px;
text-align: right;
margin-left: 17px;
margin-top: 5px;
}

/* Mainsite content */
#maincontent_wrapper {
width: 899px;
padding: 0px;
float: left;
display: block;
margin-top: -50px;
padding-left: 3px;
padding-bottom: 61px;
margin-left: 10px;
}

/* Styles for the table cells, if there are still any around */
td, .td {
font-family: Trebuchet MS,Helvetica,Tahoma,Verdana,Arial,Sans Serif;
font-size: 12px;
color: #333333;
}

/* "Labels", for title text in profile pages, etc */
.label {
font-family: Trebuchet MS,Helvetica,Tahoma,Verdana,Arial,Sans Serif;
font-size: 12px;
font-weight: bold;
color: #586688;
}

/* Tags Cloud */
a.cloudtags, div.cloudtags, cloudtags  {
color: #000000;
text-decoration: none;  
}
a.cloudtags, td.cloudtags, td.a.cloudtags,
div.cloudtags, div.a.cloudtags, cloudtags {
color: #164A66;
text-decoration: none;
}
a.cloudtags:hover, td.cloudtags:hover, td.a.cloudtags:hover,
div.cloudtags:hover, div.a.cloudtags:hover, cloudtags:hover {
border-bottom: 1px #3f4c6b solid;
text-decoration: none;
background-color: #3f4c6b;
color: #FFFFFF;
}

.videos_left{
width: 100px;
height: 100%;
background: #999;

}
.cloudtags a, .cloudtags a: hover, .cloudtags a:visited, .cloudtags a:active {
color: #FFFFFF;
}
cloudtags, .cloudtags {
color: #FFFFFF;
}
/* Styles for links */
a:link, a:visited, a:hover, a:active{
color:#333;
text-decoration: none;
}

/* Style for general input fields */
input, select, textarea, .input, .select, .textarea, td.input, td.select, td.textarea {
font-family: Trebuchet MS,Helvetica,Tahoma,Verdana,Arial,Sans Serif;
font-size: 11px;
font-weight: normal;
color: #666666;
border: #C4C0C0 1px solid;
background: #ffffff url(../../images/search_box.png) left top repeat-x;
}


/* No margin and no padding class, for elements such as forms, etc */
.nowrap{
padding: 0px;
margin: 0px;
}

/* Style for some form input fields */
forminput, .forminput, div.forminput {
width: 460px;
text-align: left;
font-weight: normal;
padding: 3px;
}

/* The tab links on the header */
#toplinks_container {
padding-top:20px;
display: block;
margin-left: 1px;
}
.toplinks {
margin-left: -18px;
margin-top: 6px;
margin-bottom: 0;
font: bold 12px Tahoma,Verdana,Arial;
list-style-type: none;
text-align: left;
}
.toplinks li{
display: inline;
margin: 0;
text-decoration: none;
text-align: center;
color: #666666;
padding: 0px;
}
.toplinks li a{
text-decoration: none;
text-align: center;
width: 92px;
height: 29px;
display: block;
float: left;
padding-top: 7px;
margin: 0px;
color: #aaaaaa;
border: 1px solid #ebebeb;
background: url(../../images/button.png) left top no-repeat;
}
.bar{
position: absolute;
background: url(../../images/bar.png) center top no-repeat;
width: 883px; 
height: 20px; 
margin-top: -5px;
margin-left: -30px;
z-index:100;
color: #ffffff;
}
.bar a:link{
color: #ffffff;
font-weight:bold;
}
.bar a:hover{
color: #ffffff;
font-weight:bold;
}
.bar a:visited{
color: #ffffff;
font-weight:bold;
}
.hider{
margin-top:-8px; margin-left:-28px
}
.toplinks li a:visited{
color: #999999;
text-decoration: none;
}
.toplinks li a:hover{
text-decoration: none;
color: #ffffff;
background: url(../../images/button_over.png) left top no-repeat;
}
.toplinks li.selected{
text-decoration: none;
color: #ffffff;
background: url(../../images/button_over.png) left top no-repeat;
}
.toplinks li.selected a{
text-decoration: none;
color: #ffffff;
background: url(../../images/button_over.png) left top no-repeat;
}
.toplinks li.selected a:hover{
text-decoration: none;
color: #ffffff;
}

/* Top right user links */
.topulinks, .topulinks a, .topulinks a:active, .topulinks a:visited, .topulinks a:hover {
text-decoration: none;
}


/* Header 2nd links row ("head bottom" links) */
header_b, .header_b {
display: block;
margin-left: 42px;
text-align-center;
font-weight: bold;
margin-top:3px;

}
.header_b a:link, .header_b a:active, .header_b a:visited {
color: #666;
text-decoration: none;
border-right: 1px #fff solid;
border-left: 1px #fff solid;
padding-left:5px;
padding-right:5px;
}

.header_b a:hover{
border-right: 1px #ccc solid;
border-left: 1px #ccc solid;
color:#999;
}

/* Top Banner container box */
#top_banner {
width: 100%;
margin-top: 0px;
}

/* Main header */
#header_main_container {
display: block;
margin-left: -34px;
height: 113px;
}
#header_main {
width: 872px;
margin-top: 0px;
padding-top: 0px;
display: block;
margin-bottom: 19px;
}
#header_main span {
text-decoration: none;
padding-left: 17px;
margin-left: -11px;
}
#header_main span span {
padding-right: 820px;
height: 92px;
margin: 0px;
margin-left: -8px;
}
#header_main span span span{
width: 37px;
height: 92px;
text-align: right;
}
#header_main span span span h1{
width: 872px;
margin: 0px;
padding: 0px;
font-size: 11px;
font-weight: bold;
padding-top: 3px;
margin-left: -27px;
text-align: left;
}
#header_main span span span h1 a{
font-size: 11px;
}
#header_main span span span h1 a:visited{
font-size: 11px;
}
#header_main span, #header_main span span {
display: block;
}
/* Hide from IE5-Mac \*/
#header_main span, #header_main span span {
float: none;
}
a.vote_up, a.vote_down, a.vote_not {
	display:inline-block;
	height:38px;
	width:123px;
	margin:0px;
  margin-right:5px;
  margin-left:5px;
}

a.vote_up {
	background:url("../../images/buttons.png") 0px 38px;
}

a.vote_down {
	background:url("../../images/buttons.png") 246px 38px;
}
a.vote_not {
	background:url("../../images/buttons.png") 123px 38px;
}
a.vote_up:hover {
	background:url("../../images/buttons.png") 0px 0px;
}

a.vote_down:hover {
	background:url("../../images/buttons.png") 246px 0px;
}
a.vote_not:hover {
	background:url("../../images/buttons.png") 123px 0px;
}
/* End hide */
#header_main ul {
list-style: none;
padding: 0px;
margin: 0px;
height: 92px;
}
#header_main li {
margin: 0;
height: 11px;
list-style: none;
padding: 0px;
}

/* Main header search form */
#header_main_search {
padding-left:5px;
width: 372px;
height: 45px;
font-family: Arial;
font-size: 11px;
background: url(../../images/search_bg.png) left no-repeat;
float:right;

}
#header_main_search_form {
color: #000000;
padding: 0px;
margin: 0px;
margin-left: 25px;
}
#search_button {
border: 0px;
background: transparent;
padding: 0px;
margin: 0px;
margin-top: -4px;
margin-bottom: -6px;
}

/* Main header template and language switch form */
#options_switch_form {
margin-left: 283px;
margin-top: -73px;
color: #062F46;
}

/* Main header main links ("Contact Us", "Help", etc) */
#header_main_main_links {
font-family: Tahoma;
font-size: 10px;
float:right;
margin-top: -62px;
color: #000000;
text-align: right;
font-weight: normal;
}
#header_main_main_links a:link {
color: #000000;
font-weight: normal;
}
.upload{
width: 133px;
height: 37px;
float:right;
margin-right:10px;
margin-top: -15px;
background: url(../../images/upload.png) right no-repeat;
font-size: 16px;
font-family: Tahoma;
padding-top:10px;
color: #ffffff;
}
.upload2{
width: 133px;
height: 37px;
float:right;
margin-right:10px;
margin-top: -15px;
background: url(../../images/upload_over.png) right no-repeat;
font-size: 16px;
font-family: Tahoma;
padding-top:10px;
color: #ffffff;
}
.upload2 a{
color: #ebebeb;
font-weight: bold;
}
.upload a{
color: #ffffff;
font-weight: bold;
}
/* Main header "Upload" and "RSS" links container */
#header_main_imagelinks {
margin-left: 441px;
margin-top: 15px;
text-align: right;
margin-right: -5px;
}

/* Main links header ("Home", "Watch", etc) */
#header_links_container {
display: block;
margin-left: 30px;
height: 122px;
}
#header_links {
width: 872px;
margin-top: 0px;
padding-top: 0px;
display: block;
margin-bottom: 19px;
}
#header_links span {

text-decoration: none;
padding-left: 17px;
margin-left: -8px;
}
#header_links span span {
padding-right: 825px;
margin: 0px;
margin-left: -12px;
}
#header_links span span span{
width: 5px;
text-align: right;
margin-left: 24px;
}
#header_links span span span h1{
width: 872px;
margin: 0px;
padding: 0px;
color: #666;
font-size: 12px;
font-weight: bold;
padding-top: 3px;
margin-left: -27px;
text-align: left;
}
#header_links span span span h1 a{
color: #999;
font-size: 12px;
font-weight: bold;
}
#header_links span, #header_links span span {
display: block;
}
/* Hide from IE5-Mac \*/
#header_links span, #header_links span span {
float: none;
}
/* End hide */
#header_links ul {
list-style: none;
padding: 0px;
margin: 0px;
height: 20px;
}
#header_links li {
margin: 0;
height: 11px;
list-style: none;
padding: 0px;
}

/* Main content footer (discalimer links, contact links, etc) */
#footer_a_container {
width: 887px;
height: 44px;
display: block;
margin-left: 10px;

float: left;
color: #999;
padding-top: 10px;
font-weight: bold;

}
#footer_a_container a:link, #footer_a_container a:hover, #footer_a_container a:visited {
color: #999;
}

/* Dock bar, for videos and users */
#dock_bar {
float: left;
display: block;
width: 887px;
height: 87px;
color: #666666;
background: transparent url(../../images/footer_bg.png) left bottom no-repeat;
padding-top: 31px;
margin-left: 10px;
}
#dock_bar a:link {
color: #666666;
}
#dock_bar a:hover {
color: #333333;
}
#dock_bar a:visited {
color: #666666;
}
contents_right, .contents_right {
width: 185px;
float: left;
margin-left: 77px;
display: inline;
}

/* Highlighted text in forms and pages */
.highLight {
font-weight: bold;
color: #586688;
}
.formHighlight {
background-color: #DDDCDC;
border: 1px solid #ebebeb;
padding-bottom: 10px;
margin-bottom: 5px;
padding-left:7px;
padding-right:7px;
padding-top:7px
}
.hightlight3 {
background-color: #DDE7F3;
border: 1px #ebebeb solid;
margin: 7px;
}
.label {
color: #586688;
font-size: 13px;
}
.label2 {
color: #586688;
font-size: 13px;
}
.profileLabel {
color: #586688;
font-size: 12px;
font-weight: bold;
}

/* Small text, for explanatory notes, in input fields */
.small {
color: #6C6C6C;
font-size: 11px;
}

/* GENERAL BLOCK PROPERTIES, FOR MAIN CONTENT */
/* The header for most content blocks */
content_head, .content_head {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-right: 5px;
padding-left: 5px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
}
.content_head: a, .content_head a:visited, .content_head:hover, .content_head a:active {
color: #F0F2F3;
text-decoration: none;
}

/* The header for RIGHT blocks */
head_right, .head_right, div.head_right {
background-image: url('../../images/content_head_back.png'); background-repeat: repeat-x;
text-align: center;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
width: 193px;
height: 24px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
margin-left: -13px;
}
/* The header for RIGHT blocks in index page */
head_right2, .head_right2, div.head_right2 {
background-image: url('../../images/content_head_back.png'); background-repeat: repeat-x;
text-align: center;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
width: 287px;
height: 24px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
}
head_right2, .head_right2, div.head_right2 {
text-align: center;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
width: 287px;
height: 24px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
}

head_right12, .head_right12, div.head_right12 {
text-align: center;
text-valign: middle;
color: #3f4c6b;
font-weight: bold;
font-size: 18px;
width: 287px;
height: 24px;
padding-top: 9px;
border-bottom: #999 2px dashed;
float: left;
display: block;
}
/* Links for content header */
a.headlink, a.headlink:visited, a.headlink:hover {
color: #FFFFFF;
text-decoration: none;
}
/* Header for submitting a new Channel topic */
chanforumhead, .chanforumhead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-right: 5px;
padding-left: 5px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
width: 469px;
margin-top: 7px;
}
invitetable, .invitetable {
width: 876px;
}
/* FOOTER */
footer_bottom, .footer_bottom {
float: left;
margin-left: 10px;
display: block;
padding-bottom: 17px;
color: #666;
font-weight: bold;
font-family: Trebuchet MS,Helvetica,Tahoma,Verdana,Arial,Sans Serif;
width: 887px;
text-align: center;
}
.footer_bottom a, .footer_bottom a active, .footer_bottom a:visited, .footer_bottom a:hover {
color: #999999;
text-decoration: none;
font-weight: bold;
font-family: Tahoma,Verdana,Arial,Sans Serif;
}

/* Bottom of page videos and users list */
#footer_videos {
width: 430px;
text-align: left;
font-size: 12px;
margin-bottom: 3px;
margin-left: 49px;
margin-top: -48px;
float: right;
display: block;
}
footer_videoblocks, .footer_videoblocks {
display:block;
float: left;
text-align: center;
margin-right:5px;
width: 103px;
height: 70px;
background: url(../../images/footer_users_back.png) bottom right no-repeat;
}
#footer_users {
width: 336px;
text-align: left;
font-size: 12px;
margin-bottom: 3px;
margin-left: 17px;
float: left;
display: block;
margin-top: -50px;
}
#footerblock {
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
margin-left: 9px;
display: block;
}
#footerblockvideos {
padding-top: 5px;
padding-bottom: 5px;
color: #333333;
margin-left: 19px;
display: block;
}
#footerblock a,  #footerblock a:active, #footerblock a:visited, #footerblock a:hover, #footerblock a.visited:hover{
color: #666666;
}
#footerblockvideos a,  #footerblockvideos a:active, #footerblockvideos a:visited, #footerblockvideos a:hover, #footerblockvideos a.visited:hover{
color: #666666;
}
#footer_userblocks {
display: block;
float: left;
text-align: center;
margin-right:5px;
color: #333333;
width: 103px;
background: url(../../images/footer_users_back.png) bottom right no-repeat;
}
#footer_userblocks a,  #footer_userblocks a:active, #footer_userblocks a:visited, #footer_userblocks a:hover, #footer_userblocks a.visited:hover{
color: #666666;
}
footerblock_photos, .footerblock_photos {
border: 0px #FFFFFF solid;
}
footerblock_fontstyle1, .footerblock_fontstyle1 {
color: #79769a;
font-size:19px;
font-weight:bold;
margin-left: 5px;
}
footerblock_fontstyle2, .footerblock_fontstyle2 {
color: #aaa9c0;
font-size:19px;
font-weight:bold;
margin-left: 5px;
}

/* Style for "pagination" blocks, in most content blocks */
paging, .paging, div.paging {
text-align: right;
color: #858687;
font-weight: normal;
font-size: 12px;
height: 25px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
float: left;
background: url(../../images/paging_back.png) top left repeat-x;
border-left: 1px #ebebeb solid;
border-right: 1px #ebebeb solid;
}
.paging: a, .paging: a:hover, .paging: a:visited, .paging: a:active, .paging: a:visited:hover {
color: #858687;
}

/* Style for the div elements of the main LEFT content */
results, .results, div.results, a.results {
text-align: center;
font-size: 12px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 5px;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: block;
float: left;
}
/* Style for the div elements of the RIGHT-box contents */
content_right, .content_right, div.content_right {
text-align: left;
font-size: 12px;
padding: 2px;
width: 189px;
display: block;
float: left;
margin-left: -13px;
}
/* Style for the div elements of the RIGHT-boxes in index page */
content_right2, .content_right2, div.content_right2 {
text-align: left;
font-size: 12px;
padding: 2px;
width: 283px;
display: block;
float: left;
}
/* Results wrapper for video details */
.resultswrapper {
display: block;
float: left;
width: 165px;
height: 260px;
}
/* Results wrapper for smaller-height content */
.contentwrapper {
display: block;
float: left;
width: 223px;
height: 177px;
}
/* Results wrapper, no style */
.plainwrapper {
text-align: left;
display: block;
float: left;
width: 190px;
}

.topleft{
text-align: left;
display: block;
float: left;
width: 269px;
margin-left: -3px;
}
.toploginlinks {
width: 225px;
float: right;
display: inline;
margin-top: 19px;
text-align: right;
margin-right: -9px;
}
/* Video thumbnails, in main content */
.moduleEntryThumb {
border: 0px;
margin-right: -2px;
margin-left: 2px;
margin-top: 6px;
margin-bottom: 6px;
}
.moduleEntryThumb_index {
border: 0px;
padding-right: 2px;
margin-left: 2px;
margin-top: 0px;
margin-bottom: 6px;
}
/* Video details output, within other, wrapper blocks */
.resultstats {
background: url(../../images/thumb_bg.png) no-repeat top center;
text-align: center;
font-weight: bold;
font-size: 11px;
width: 150px;
display: block;
float: left;
margin-top: 5px;
margin-bottom: 21px;
padding-bottom: 7px;
border: 0px;
}
.resultstats2 {
}

resultstats:hover, .resultstats:hover {
background: url(../../images/thumb_bg2.png) no-repeat top center;
}

.resultstats a:link {
}
.resultstats_no_bg {
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
text-align: center;
font-weight: bold;
font-size: 11px;
width: 187px;
display: block;
float: left;
margin-top: 5px;
margin-bottom: 21px;
padding-bottom: 7px;
border: 0px;
}
/* Blocks for index page "Featured videos" */
.featuredvids {
text-align: left;
font-weight: normal;
font-size: 11px;
width: 131px;
display: block;
float: left;
margin-top: 5px;
margin-bottom: 11px;
padding-bottom: 7px;
border: 0px;
text-align: left;
}
featurewrap, .featurewrap {
width: 582px;
height: 103px;
border-bottom: 1px #CCCCCC solid;
display: block;
float: left;
}
fetaturedescr, .fetaturedescr {
text-align: left;
float: left;
margin-top: 2px;
width: 282px;
display: inline;
}
fetaturedetails, .fetaturedetails {
text-align: left;
float: left;
margin-top: 2px;
width: 157px;
display: inline;
margin-top: -13px;
}

/* Video statistics output, in main content */
.resultdetails {
font-weight: normal;
text-align: left;
margin-left: 23px;
float: left;
width: 211px;
}
/* Wrapper box for main content blocks */
.main_content{
border: 0px;
float: left;
display: block;
}
/* Wrapper Box for right content */
.right_content {
font-weight: normal;
text-align: left;
width: 192px;
margin-right: 7px;
float: right;
display: block;
}
/* A simple graphic wrapper for a one-line top-right message-link */
right_top_msg, .right_top_msg, div.right_top_msg {
background: url(../../images/right_box_msg.png) top center no-repeat;
width: 190px;
height: 27px;
display: block;
float: left;
text-align: center;
margin-bottom: 5px;
margin-left: -5px;
}
a.right_top_msg, a.right_top_msg:visited, a.right_top_msg:hover{
font-weight: bold;
text-decoration: none;
padding-top: 5px;
color: #FFFFFF;
}
/* Topic posts details, in Channels */
topicdetails, .topicdetails {
float: left;
display: block;
border-bottom: 1px #ebebeb solid;
background-color: #D8D8D8;
}
/* A simple separator, when viewing video details */
.video_details_separator {
margin-top: 117px;
width: 666px;
height: 5px;
border-bottom:
1px #ebebeb solid;
}

/* Styles for the "Last Watched" etc tabs in the index */
tabinfo, .tabinfo {
width: 574px;
float: left;
margin-left: 0px;
border-top: 1px #ebebeb solid;
border-bottom: 1px #ebebeb solid;
text-align: right;
color: #0048C0;
font-weight: normal;
font-size: 12px;
height: 20px;
padding: 3px;
background-color: #EBEBEB;
}
/* Thumbs and links blocks for the "Last Watched" etc videos in the index */
tabthumbs, .tabthumbs{
width: 580px;
text-align: left;
display: inline;
float: left;
}
/* Wrapper for thimbs and links results */
tabthumbswrapper, .tabthumbswrapper{
display: block;
float: left;
width: 136px;
height: 105px;
padding: 4px;
font-size: 11px;
text-align: center;
}
/* "Wrapper" for results (video thumbs AND paging) in the previous-mentioned tabs */
tabswrapper, .tabswrapper {
float: left;
width: 580px;
height: 127px;
margin-left: 3px;
margin-bottom: 5px;
margin-right: 0px;
padding: 0px;
border-left: 1px #ebebeb solid;
border-right: 1px #ebebeb solid;
border-bottom: 1px #ebebeb solid;
}
.asc{

}

.asc2{

}
.desc{

}

.desc2{

}
.sort_by {
text-align:left;
list-style:none;
}
.sort_by li{
text-align:left;
}
.sort_by li.selected{
font-weight:bold;
text-align:left;
color: #45609e;
}
.sort_by li.selected a{
font-weight:bold;
color: #45609e;
text-align:left;
}
.sort_by a:hover{
width:150px;
color: #666666;
text-align:left;
}
/* "Wrapper" for the top content of the index page */
topwrap, .topwrap {
width: 585px;
margin-left: 17px;
margin-bottom: 5px;
text-align: left;
display: inline;
float: left;
}
 
/* "Tips" and info blocks */
tips, .tips {
text-align: left;
margin-bottom: 7px;
margin-left: 1px;
margin-right: 25px;
padding: 2px;
font-size: 12px;
color: #666;
background-color: #f3f3f3;
border-top: 3px #9aa1b1 solid;
border-bottom: 3px #9aa1b1 solid;
}

/* System message blocks */
message, .message {
text-align: center;
font-weight: bold;
font-size: 12px;
color: #666666;
background-color: #f3f3f3;
border-top: 3px #9aa1b1 solid;
border-bottom: 3px #9aa1b1 solid;
margin-right: 25px;
margin-left: 4px;
margin-top: 20px;
margin-bottom: 0px;
padding: 2px;
}

/* System error blocks */
error, .error {
text-align: left;
font-weight: bold;
font-size: 12px;
color: #FF0000;
background-color: #FBD4D4;
border-top: 3px #FF0000 solid;
border-bottom: 3px #FF0000 solid;
margin-top: 19px;
margin-right: 25px;
margin-left: 4px;
margin-bottom: 7px;
padding: 2px;
}

/* Dimensions for the TinyMCE WYSIWYG editor */
tinymcetextarea,.tinymcetextarea {
width: 450px;
height: 270px;
}

/* The containers of the user stats blocks in the index */
userinfohead, .userinfohead {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
height: 24px;
padding-left: 7px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: inline;
width: 279px;
margin-left: 3px;
}
userinfo, .userinfo {
width: 280px;
padding: 3px;
margin: 0px;
text-align: left;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: inline;
float: left;
margin-left: 3px;
}

/* Blocks for login and signup information */
headlogin, .headlogin {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
height: 21px;
margin-left: 3px;
margin-right: -3px;
padding: 3px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
width: 421px;
}
logincontent, .logincontent {
text-align: left;
font-size: 12px;
margin-left: 3px;
margin-right: -3px;
padding-left: 5px;
padding-top: 3px;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: block;
float: left;
width: 422px;
}
logincontent1, .logincontent1 {
text-align: left;
font-size: 12px;
margin-left: 3px;
margin-right: -3px;
padding-left: 5px;
padding-top: 3px;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: block;
float: left;
width: 422px;
}
logginbutton, .logginbutton {
width: 200px;
text-align: right;
font-weight: normal;
padding: 3px;
}

/* Place-holder for comments in videos */
#comment_scroller {
width: 391px;
height: auto;
overflow: auto;
}
#comment_scroller p {
margin: 0px;
text-align: left;
font-weight: normal;
}

/* Styles for "view_video" page */
viewvid_header, .viewvid_header {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: inline;
width: 465px;
}
viewvid_box, .viewvid_box {
font-size: 12px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: block;
float: left;
width: 456px;
text-align: left;
padding: 7px;
text-align: center;
margin-left: 5px;
}
video_left_content, .video_left_content {
margin-left: -7px;
padding: 0px;
float: left;
display: block;
width: 456px;
margin-right: 8px;
}
viewvideo_tabswrapper, .viewvideo_tabswrapper {
margin: 0px;
padding: 0px;
width: 456px;
text-align: left;
display: inline;
float: left;
}
videotab_results, .videotab_results {
width: 470px;
border: 1px #ebebeb solid;
float: left;
display: block;
margin-left: 5px;
}
videocomm_head, .videocomm_head {
color: #FFFFFF;
font-size: 12px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
padding: 3px;
background-color: #A1A7B5;
border-left: 1px #C4C0C0 solid;
float: left;
width: 464px;
text-align: left;
font-weight: bold;
margin-top: 7px;
}
videocomm_content, .videocomm_content {
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
width: 456px;
text-align: left;
padding: 7px;
text-align: left;
float: left;
display: block;
}
videoright_content, .videoright_content {
width: 374px;
float: left;
display: block;
margin-left: 0px;
}
videoright_content2, .videoright_content2 {
width: 374px;
float: left;
display: block;
margin-left: 37px;
}
content_head_video_right, .content_head_video_right {
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-left: 0px;
margin-right: 5px;
padding-left: 5px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
width: 369px;
}
.content_head a, .content_head a:visited, .content_head a:active, .content_head a:hover {
color: #FFFFFF;
}
content_head_video_results, .content_head_video_results,
div.content_head_video_results, a.content_head_video_results {
font-size: 12px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: block;
float: left;
width: 360px;
text-align: left;
padding: 7px;
}
content_right_video_related, .content_right_video_related {
font-size: 12px;
margin-left: -5px;
padding-top: 3px;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: inline!important;
float: left;
width: 379px;
margin-left: 35px;
margin-top: 5px;
text-align: left;
padding: 7px;
border: 0px #FFFFFF solid;
}

/* Divs for static pages: Header(c1), paragpaph title(c3), paragraph text(c2) and separator(c4)) */
div.c1 {
text-align: left;
width: 95%;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
}
div.c2 {
text-align: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 15px;
}
div.c3 {
text-align: left;
padding-top: 8px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold
}
div.spacer {
height: 8px;
}

/* Styles for tabbed interfaces */
.shadetabs{
padding: 3px 0;
margin-left: 1px;
margin-bottom: 2px;
font: 12px Tahoma;
font-weight: bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
padding: 2px;s
text-decoration: none;
background: url(../../images/shade.png) top left repeat-x;
}

.shadetabs li a{
text-decoration: none;
height: 20px;
border: 1px #999 solid;
color: #666666;
padding: 5px;
text-decoration: none;
}
.shadetabs li a:visited{
text-decoration: none;
}
.shadetabs li a:hover{
color: #fff;
text-decoration: none;
background: #3f4c6b;
}
.shadetabs li.selected{
text-decoration: none;

}
.shadetabs li.selected a{ /*selected main tab style */
text-decoration: none;
background: #3f4c6b;
color: #ffffff;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
color: #ffffff;
}
.tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;
width: 315px;
margin-bottom: 0em;
padding: 10px;
}
html> body .tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;
width: 298px;
margin-bottom: 0em;
padding: 10px;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block!important;
}
}

/* Styles for content uploading */
.info {
font:13px Arial;
font-weight:bold;
}
.data {
background-color:#b3b3b3;
border:1px solid #898989;
width:40%;
}
.data tr td {
background-color:#eee;
font:12px Arial;
width:35%;
}
.bar1 {
background-color:#ccc;
background-image:url('../../images/uploadbar_1.gif');
background-repeat:repeat-x;
position:relative;
text-align:left;
height:20px;
width:400px;
border:none;
}
.bar2 {
background-color:#666;
background-image:url('../../images/uploadbar_2.gif');
background-repeat:repeat-x;
position:relative;
text-align:left;
height:20px;
width:0%;
}
/* Promoted videos ) */
promoted, .promoted {
width: 582px;
float: left;
display: block;
margin-left: -17px;
text-align: left;
}
.promovidblock, .promovidblock {
width: 139px;
margin: 0px;
border: 0px #FFFFFF solid;
padding: 3px;
text-align: center;
font-size: 12px;
display: block;
float: left;
}
/* Header styles for titles on index page */
genhead, .genhead{
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #3F4C6B;
margin-left: -9px;
text-align: left;
float: left;
display: block;
}
/*  "What's new" index block */
whatsnew_head, .whatsnew_head {
text-align: left;
display: block;
float: left;
width: 289px;
height: 37px;
margin-top: 3px;
}
whatsnew_head h1, .whatsnew_head h1 {
font-size: 13px;
font-weight: bold;
}
whatsnew, .whatsnew {
text-align: left;
display: block;
float: left;
width: 288px;
}
whatsnew p, .whatsnew p {
padding: 5px;
text-align: left;
}
whatnew_bullet, .whatnew_bullet {
padding-top: 5px;
padding-left: 3px;
}
/* Now playing index video info boxes */
nowplaybox, .nowplaybox {
width: 143px;
float: left;
display: block;
text-align: left;
}

/* Block for "Top Categories" and "Top Channels" in index */
blocktop, .blocktop {
width: 99%;
border-bottom: 1px #CCCCCC dashed;
float: left;
display: block;
}

/* Headers for the "Related Videos" blocks on "view_video.php" */
#viewvideo_related_header {
width: 373px; 
height: 24px;
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
padding-top: 9px;
border: #ebebeb 1px solid;
margin-left: -4px;
}
#viewvideo_related_header a, #viewvideo_related_header a:active, #viewvideo_related_header a:visited, #viewvideo_related_header a:hover {
color: #FFFFFF;
}
/* Contents for the "Related Videos" blocks on "view_video.php" */
#viewvideo_related_content {
margin-left: -4px;
overflow: auto;
width: 373px;
height: 350px;
border-left: 1px #ebebeb solid;
border-right: 1px #ebebeb solid;
border-bottom: 1px #B5B5B5 solid;
}

/* Box for "Recover Password" Header */
recoverpass_box, .recoverpass_box {
margin-left: 117px;
width: 663px;
text-align:center;
background-image: url('../../images/content_head_back.png');
background-repeat: repeat-x;
text-align: left;
text-valign: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
height: 24px;
margin-right: 5px;
padding-top: 9px;
border: #ebebeb 1px solid;
float: left;
display: block;
padding-left: 5px;
}
/* Box for "Recover Password" Info */
recoverpass_infobox, .recoverpass_infobox {
margin-left: 117px;
width: 662px;
text-align:center;
padding: 3px;
text-align: center;
font-size: 12px;
margin-right: 5px;
padding-top: 3px;
padding-bottom: 5px;
border-left: #ebebeb 1px solid;
border-right: #ebebeb 1px solid;
border-bottom: #ebebeb 1px solid;
display: block;
float: left;
}