/* General style for the whole HTML body */
body {
font-family: Trebuchet MS,Helvetica,Tahoma,Verdana,Arial,Sans Serif;
font-size: 12px;
background-color: #C0C0C0;
color: #333333;
background-image: url(../../images/body_bg.gif);
background-repeat: repeat;
padding: 0px;
text-align: center;
margin:0 auto;
}

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

/* Main header elements */
mainheadel, .mainheadel {
width: 883px;
padding: 0px;
float: left;
}

/* Top header content ("wrapper") */
topheadcnt, .topheadcnt {
text-align: left;
display: block;
float: left;
width: 879px;
margin-left: 3px;
border: 1px #F1F0F0 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: -92px;
padding-left: 3px;
padding-bottom: 61px;
margin-left: 10px;
background: url(../../images/main_content_back.png) top center repeat-y;
}

/* 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: #333333;
}

/* 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 #0D608A dashed;
text-decoration: none;
background-color: #0D608A;
color: #FFFFFF;
}
.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:#2969A6;
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-color: #E7E7E7;
}

/* 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 {
display: block;
margin-left: -21px;
}
.toplinks {
margin-left: -28px;
margin-top: 9px;
margin-bottom: 0;
font: bold 12px Helvetica,Tahoma,Verdana,Arial,sans Serif;
list-style-type: none;
text-align: left;
}
.toplinks li{
display: inline;
margin: 0;
text-decoration: none;
text-align: center;
color: #FFFFFF;
padding: 0px;
}
.toplinks li a{
text-decoration: none;
color: #FFFFFF;
background-repeat: no-repeat;
text-align: center;
text-valing: middle;
width: 95px;
height: 21px;
display: block;
float: left;
padding-bottom: 2px;
padding-top: 7px;
margin: 0px;
border-right: 2px #82C1F7 solid;
}
.toplinks li a:visited{
color: #FFFFFF;
text-decoration: none;
}
.toplinks li a:hover{
text-decoration: none;
color: #0D608A;
background-color: #82C1F7;
}
.toplinks li.selected{
text-decoration: none;
background-color: #82C1F7;
color: #0D608A;
}
.toplinks li.selected a{
text-decoration: none;
background-color: #82C1F7;
color: #0D608A;
}
.toplinks li.selected a:hover{
text-decoration: none;
color: #0D608A;
}

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

/* Header 1st links row (user header main links) */
#header_a_container {
display: block;
margin-left: -39px;
}
#header_a {
width: 881px;
margin-top: 0px;
padding-top: 0px;
display: block;
margin-bottom: 19px;
}
#header_a span {
background: #01A2FD url(../../images/user_head_cap_left.gif) left top no-repeat;
text-decoration: none;
padding-left: 17px;
margin-left: -7px;
}
#header_a span span {
padding-right: 820px;
height: 33px;
background: url(../../images/user_head_back.gif) right top repeat-x;
margin: 0px;
margin-left: -4px;
}
#header_a span span span{
background: url(../../images/user_head_cap_right.gif) right top no-repeat;
width: 33px;
height: 33px;
text-align: left;
}
#header_a span span span h1{
width: 841px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding-top: 7px;
margin-left: -27px;
text-align: center;
}
#header_a span span span h1 a{
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
#header_a span, #header_a span span {
display: block;
}
/* Hide from IE5-Mac \*/
#header_a span, #header_a span span {
float: none;
}
/* End hide */
#header_a ul {
list-style: none;
padding: 0px;
margin: 0px;
height: 33px;
}
#header_a li {
margin: 0;
height: 11px;
list-style: none;
padding: 0px;
}

/* Header 2nd links row ("head bottom" links) */
header_b, .header_b {
width: 881px;
display: block;
margin-left: -42px;
text-align-center;
font-weight: bold;
}
.header_b a, .header_b a:active, .header_b a:visited, .header_b a:hover {
color: #236082;
text-decoration: none;
}

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

/* Main header */
#header_main_container {
display: block;
margin-left: -34px;
height: 132px;
}
#header_main {
width: 872px;
margin-top: 0px;
padding-top: 0px;
display: block;
margin-bottom: 19px;
}
#header_main span {
background: url(../../images/header_main_left_cap.gif) left top no-repeat;
text-decoration: none;
padding-left: 17px;
margin-left: -11px;
}
#header_main span span {
padding-right: 820px;
height: 92px;
background: url(../../images/header_main_back.gif) right top repeat-x;
margin: 0px;
margin-left: -8px;
}
#header_main span span span{
background: url(../../images/header_main_right_cap.gif) right top no-repeat;
width: 37px;
height: 92px;
text-align: right;
}
#header_main span span span h1{
width: 872px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding-top: 3px;
margin-left: -27px;
text-align: left;
}
#header_main span span span h1 a{
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
#header_main span, #header_main span span {
display: block;
}
/* Hide from IE5-Mac \*/
#header_main span, #header_main span span {
float: none;
}
/* 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 {
width: 589px;
margin-left: 5px;
margin-top: -3px;
}
#header_main_search_form {
color: #F57B20;
padding: 0px;
margin: 0px;
}
#search_button {
border: 0px;
background: transparent;
padding: 0px;
margin: 0px;
margin-top: -6px;
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 {
margin-left: 441px;
margin-top: -42px;
color: #062F46;
text-align: right;
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: -20px;
height: 132px;
}
#header_links {
width: 872px;
margin-top: 0px;
padding-top: 0px;
display: block;
margin-bottom: 19px;
}
#header_links span {
background: url(../../images/header_links_left_cap.gif) left top no-repeat;
text-decoration: none;
padding-left: 17px;
margin-left: -8px;
}
#header_links span span {
padding-right: 825px;
height: 40px;
background: url(../../images/header_links_back.gif) right top repeat-x;
margin: 0px;
margin-left: -12px;
}
#header_links span span span{
background: url(../../images/header_links_right_cap.gif) right top no-repeat;
width: 5px;
height: 42px;
text-align: right;
margin-left: 24px;
}
#header_links span span span h1{
width: 872px;
margin: 0px;
padding: 0px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding-top: 3px;
margin-left: -27px;
text-align: left;
}
#header_links span span span h1 a{
color: #FFFFFF;
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: 40px;
}
#header_links li {
margin: 0;
height: 11px;
list-style: none;
padding: 0px;
}

/* Main content footer (discalimer links, contact links, etc) */
#footer_a_container {
width: 900px;
height: 44px;
display: block;
margin-left: 11px;
float: left;
background: url(../../images/footer_a_back.png) left top no-repeat;
color: #676767;
padding-top: 10px;
font-weight: bold;
}
#footer_a_container a, #footer_a_container a:hover, #footer_a_container a:visited {
color: #676767;
}

/* Dock bar, for videos and users */
#dock_bar {
float: left;
display: block;
width: 887px;
height: 87px;
background: url(../../images/dock_bar.png) left top no-repeat;
margin-top: 31px;
margin-left: 10px;
}

contents_right, .contents_right {
width: 185px;
float: left;
margin-left: 77px;
display: inline;
}

/* Highlighted text in forms and pages */
.highLight {
font-weight: bold;
color: #008DBB;
}
.formHighlight {
background-color: #DDDCDC;
border: 1px dashed #C7CBD3;
padding-bottom: 10px;
margin-bottom: 5px;
padding-left:7px;
padding-right:7px;
padding-top:7px
}
.hightlight3 {
background-color: #DDE7F3;
border: 1px #C7CBD3 dashed;
margin: 7px;
}
.label {
color: #008DBB;
font-size: 13px;
}
.label2 {
color: #D87949;
font-size: 13px;
}
.profileLabel {
color: #2969A6;
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: #062F46 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: #062F46 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: #062F46 1px solid;
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: #062F46 1px solid;
float: left;
display: block;
width: 469px;
margin-top: 7px;
}
invitetable, .invitetable {
width: 876px;
}
/* FOOTER */
footer_bottom, .footer_bottom {
float: left;
display: block;
padding-bottom: 17px;
color: #FFFFFF;
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: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-family: Trebuchet MS,Helvetica,Tahoma,Verdana,Arial,Sans Serif;
}

/* Bottom of page videos and users list */
#footer_videos {
width: 455px;
text-align: left;
font-size: 12px;
margin-bottom: 3px;
margin-left: 49px;
margin-top: -48px;
float: left;
display: block;
}
footer_videoblocks, .footer_videoblocks {
display:block;
float: left;
text-align: center;
position:relative;
margin-right:5px;
width: 119px;
height: 89px;
background-image: url('../../images/footer_videos_back.png');
background-repeat: no-repeat;
background-position: center bottom;
}
#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: #FFFFFF;
margin-left: 9px;
display: block;
}
#footerblockvideos {
padding-top: 5px;
padding-bottom: 5px;
color: #FFFFFF;
margin-left: 9px;
display: block;
}
#footerblock a,  #footerblock a:active, #footerblock a:visited, #footerblock a:hover, #footerblock a.visited:hover{
color: #FFFFFF;
}
#footerblockvideos a,  #footerblockvideos a:active, #footerblockvideos a:visited, #footerblockvideos a:hover, #footerblockvideos a.visited:hover{
color: #FFFFFF;
}
#footer_userblocks {
display: block;
float: left;
text-align: center;
margin-right:5px;
color: #FFFFF;
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: #FFFFFF;
}
footerblock_photos, .footerblock_photos {
border: 0px #FFFFFF solid;
}
footerblock_fontstyle1, .footerblock_fontstyle1 {
color: #FFFFFF;
font-size:19px;
font-weight:bold;
margin-left: 5px;
}
footerblock_fontstyle2, .footerblock_fontstyle2 {
color: #FFFFFF;
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: 20px;
margin-right: 5px;
padding-left: 5px;
padding-top: 3px;
float: left;
background: url(../../images/paging_back.png) top left repeat-x;
border-left: 1px #C7CBD3 solid;
border-right: 1px #C7CBD3 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: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
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;
border-left: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px solid;
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;
border-left: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px solid;
width: 283px;
display: block;
float: left;
}
/* Results wrapper for video details */
.resultswrapper {
display: block;
float: left;
width: 217px;
height: 250px;
}
/* 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;
padding-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-image: url('../../images/thumb_bg.png');
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;
}
.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 dashed;
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;
}
/* 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 #C7CBD3 dashed;
background-color: #DDE7F3;
}
/* A simple separator, when viewing video details */
.video_details_separator {
margin-top: 117px;
width: 871px;
height: 5px;
border-bottom:
1px #C7CBD3 dashed;
}

/* Styles for the "Last Watched" etc tabs in the index */
tabinfo, .tabinfo {
width: 574px;
float: left;
margin-left: 0px;
border-top: 1px #C7CBD3 solid;
border-bottom: 1px #C7CBD3 solid;
text-align: right;
color: #0048C0;
font-weight: normal;
font-size: 12px;
height: 20px;
padding: 3px;
background-color: #DDE7F3;
}
/* 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 #C7CBD3 solid;
border-right: 1px #C7CBD3 solid;
border-bottom: 1px #C7CBD3 dashed;
}

/* "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: #0C5E887;
background-color: #AFD2E7;
border-top: 3px #0C5B85 solid;
border-bottom: 3px #0C5B85 solid;
}

/* System message blocks */
message, .message {
text-align: center;
font-weight: bold;
font-size: 12px;
color: #0C5E887;
background-color: #AFD2E7;
border-top: 3px #0C5B85 solid;
border-bottom: 3px #0C5B85 solid;
margin-right: 25px;
margin-left: 4px;
margin-bottom: 7px;
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-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: #062F46 1px solid;
float: left;
display: inline;
width: 279px;
margin-left: 3px;
}
userinfo, .userinfo {
width: 280px;
padding: 3px;
margin: 0px;
text-align: left;
border-left: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
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: #062F46 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: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
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: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
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: #062F46 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: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
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 #C7CBD3 solid;
float: left;
display: block;
margin-left: 5px;
}
videocomm_head, .videocomm_head {
color: #0048C0;
font-size: 12px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
padding: 3px;
background-color: #DDE7F3;
border-left: #062F46 1px solid;
border-right: #062F46 1px solid;
border-bottom: #062F46 1px solid;
float: left;
width: 464px;
text-align: left;
border-top: 1px #062F46 solid;
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: #062F46 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: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
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: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
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: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
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;
text-decoration: none;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
color: #FFFFFF;
background: url(../../images/shade.gif) top left repeat-x;
text-decoration: none;
}
.shadetabs li a:visited{
text-decoration: none;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #FFFFFF;
text-decoration: none;
}
.shadetabs li.selected{
position: relative;
text-decoration: none;
}
.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../../images/shadeactive.gif);
border-bottom-color: #E1E8F2;
text-decoration: none;
color: #2969A6;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
color: #2969A6;
}
.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 315px;
margin-bottom: 1em;
padding: 10px;
}
html> body .tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 298px;
margin-bottom: 1em;
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: #008DBB;
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;
background-image: url('../../images/whatsnew_top.png');
background-repeat: no-repeat;
width: 289px;
height: 53px;
margin-top: 3px;
}
whatsnew_head h1, .whatsnew_head h1 {
font-size: 13px;
font-weight: bold;
}
whatsnew, .whatsnew {
text-align: left;
display: block;
float: left;
background-color: #C8EAF8;
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: #062F46 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 #C7CBD3 solid;
border-right: 1px #C7CBD3 solid;
border-bottom: 1px #B5B5B5 dashed;
}

/* 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: #062F46 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: #C7CBD3 1px solid;
border-right: #C7CBD3 1px solid;
border-bottom: #C7CBD3 1px dashed;
display: block;
float: left;
}