* {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}

a { color: #2B84CE; text-decoration: none; }

a:hover { color: #2B84CE; text-decoration: underline; }

img { vertical-align: text-bottom; border: none; }

h1 {
    font: 25px verdana;
	color: #666;
	margin: 5px;
	width: 200px;
}

h6 {
    font: 10px verdana;
    font-weight: bold;
	color: #DDD;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
}

.mainpic { width: 136px; height: 81px; }
.relpic  { width:  116px; height: 71px;}
.catpic  { width: 110px; height: 90px; }
.clear   { clear: both; }

.rate, .views, .comments, .videos, .date {
	padding: 2px;
	padding-left: 15px;
	margin-left: 10px;
}

.rate { background:url("../images/ico_rate.gif") 0 50% no-repeat; }
.views { background:url("../images/ico_views.gif") 0 50% no-repeat; }
.comments { background:url("../images/ico_comments.gif") 0 50% no-repeat; }
.videos { background:url("../images/ico_videos.gif") 0 50% no-repeat; }
.date { background:url("../images/ico_date.gif") 0 50% no-repeat; }

.contenttitle {
	border-bottom: 3px double #ebebeb;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 5px;
}

.cloudwrapper {
	background-color: #fbfbfb;
	border: 1px solid #efefef;
}

.cloudtitle {
	background-color: #497bac;
	border-bottom: 1px solid #efefef;
	color: #ccc;
	font-size: 14px;
	font-weight: bold;	
	padding: 5px;
	/*font-weight: bold;*/
}

.cloudtags {
	line-height: 23px;
	padding: 5px;
}

.cloudcontent { }

#container {
	background: #fff;
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#topbar {
    width:auto;
    background-color: #fbfbfb;
    height: 10px;
    padding: 4px;
    font: 10px;
    color: #666;
    text-align: right;
    border-bottom: 3px double #ebebeb;
}

#headerwrapper { padding: 0px; position: relative; width: auto;  height: 100px; }

#headerwrapper #logo {
	/*background: url("../images/tubeprofiles.jpg") no-repeat;*/
	background: url("../images/tubeprofiles_header1.jpg") no-repeat;
	height: 166px;
	left: 0px;
	position: absolute;
	width: 960px;
	top: 0px;
}

#headerwrapper #headerbanner{ position: absolute; top: 15px; right: 15px;}

#upperform { float: right; width: 450px; }

#upperform .userform {
    width: 450px;
    padding: 2px;
    position: relative;
   /*background: #fbfbfb;*/
    text-align: justify;
    /*border: 1px solid #EBEBEB;*/
}

#upperform .userform input {
    border: 3px double #DDD;
    padding: 2px;
    font-family: verdana;
    font-size: 11px;
    color: #666;
}

/* This holds the tabs */
#tabholder {
	clear: both;
	border-bottom: 8px solid #E6E6E6;
	/*background-color: #FBFBFB;*/
	padding: 10px 10px 0 10px;
	position:  relative;
	margin-top: 20px;
	width: auto;
	/*border-top: 1px solid #EBEBEB;*/
    /*float: left;*/
}

#tabs8 {
    float:left;
    width:50%;
    font-size:120%;
    line-height:normal;
    margin: 0;
}

#tabs8 ul {
    margin:0;
    padding:10px 10px 0 5px;
    list-style:none;
}

#tabs8 li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs8 a {
    float:left;
    background:url("../images/tableft8.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}

#tabs8 a span {
    float:left;
    display:block;
    background:url("../images/tabright8.gif") no-repeat right top;
    padding:5px 14px 5px 6px;
    color:#eee;
    font-weight: bold;
}

#tabs8 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs8 a:hover span {
    color:#591333;
}

#tabs8 a:hover { background-position:0% -42px; }

#tabs8 a:hover span { background-position:100% -42px; color: #888; }

#tabs8 #current a { background-position:0% -42px; }

#tabs8 #current a span { background-position:100% -42px; color: #888; }


/** PAGINATION */
#paginate {
	width: auto;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin-top: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
	/*border-bottom: 1px solid #EEE;*/
}

#paginate .title {
	padding-right: 50px;
	display: inline;
}

#paginate .pagecounter {
	font-weight: bold;
	margin-top: 8px;
	color: #CCC;
}
	
#paginate a { text-decoration:none;}
	
#paginate a.pagerNotCurrent:hover {
	background-color: #0099ff;
	border:1px solid #EEE;
	color:#FFF;
}
	
#paginate .pagerCurrent {
	padding: 3px 5px 3px 5px;
	background-color: #0099ff;
	border:1px solid #EEE;
	margin:0 1px;
	color:#FFF;
}
	
#paginate .pagerNotCurrent {
	padding: 3px 5px 3px 5px;
	margin:0 2px;
	border:1px solid #EEE;
}

#maincontent {
	margin: 20px auto 0 auto;
	padding-bottom: 5px;
	position: relative;
	width: 940px;
	clear: both;
}

#maincontent #topbannerwrapper {
	margin-bottom: 10px;
	position: relative;
	vertical-align: middle;
	width: auto;
}

#maincontent #topbannerwrapper .topbannerleft {
	margin: 0 auto;
	width: auto;
	text-align: center;
}

#maincontent #topbannerwrapper .topbannerright {
	float: right;
	width: 320px;
}


#maincontent #bottombanner {
	margin-top: 10px;
	text-align: center;
	width: 940px;
}

#maincontent #noticesinfo {
	border-bottom: 1px double #EFEFEF;
	margin: 10px auto 10px auto;
	width: 900px;
}

#maincontent #noticesinfo .titleactivated {
	background-color: #FBFBFB;
	border: 1px solid #EFEFEF;
	color: #2B84CE;
	font-weight: 600;
	margin: 10px auto 0 auto;
	padding: 5px;
	text-align: center;
	width: 600px;
}

#maincontent #noticesinfo .titlefailed {
	background-color: #FBFBFB;
	border: 1px solid #EFEFEF;
	color: #990000;
	font-weight: 600;
	margin: 10px auto 0 auto;
	padding: 5px;
	text-align: center;
	width: 600px;
}

#maincontent #noticesinfo .content {
	border: 1px solid #EFEFEF;
	border-top: none;
	color: #666;
	margin: auto auto 10px auto;
	padding: 5px;
	text-align: center;
	width: 600px;
}

#maincontent form { padding: 10px; margin: 0;  border: 1px solid #ebebeb;}

#maincontent label { float: left; width: 35%; vertical-align: middle; padding: 4px;}

#maincontent p { margin: 10px; }

#maincontent input, textarea {
    border: 3px double #ebebeb;
    padding: 4px;
    font-family: verdana;
    font-size: 11px;
    font-weight: 600;
    color: #666;
}

#maincontent #leftcontent {
	background-color: #fbfbfb;
	border: 1px solid #efefef;
	width: 600px;
	float: left;
}

#maincontent #leftcontent #registerform {
	background-color: #FBFBFB;
	color: #666;
	font-weight: bold;
	margin-left: 80px;
	width: 500px;
}

#maincontent #leftcontent #registerform .notices {
	color: #990000;
	font-size: 9px;
	font-weight: 600;
}

#maincontent #leftcontent #registerform .title {
	background-color: #DFE8ED;
	color: #4D4F50;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px;
	width: auto;
}

#maincontent #leftcontent #articletabs {
	width: auto;
	position: relative;
	/*background:url(../images/headerBG.jpg) repeat-x;*/
	padding: 5px;
	height: 20px;
	background: #497BAC;
	margin-bottom: 20px;
}

#maincontent #leftcontent #articletabs ul {
	list-style: none;
	position: absolute;
	bottom: 5px;
}

#maincontent #leftcontent #articletabs ul li {
	position:  relative;
	display: inline;
	margin-left: 10px;
}

#maincontent #leftcontent #articletabs ul li a {
	padding: 10px;
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
}

#maincontent #leftcontent #articletabs ul li a:hover {
	background-color: #fbfbfb;
	font-weight: bold;
	color:  #666;
	text-decoration: none;
}

#maincontent #leftcontent #articletabs .current a { 
	position: relative;
	background-color: #fbfbfb;
	color: #666;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
}

/*#maincontent #leftcontent #articletabs .current a{  color: #666; }*/
#maincontent #leftcontent #articleboxouter {
	background-color: #FFF;
	border: 1px solid #efefef;
	padding-bottom: 10px;
	position: relative;
	width: 580px;
    margin: 10px auto 20px auto;
}

#maincontent #leftcontent #articleboxouter .articleboxinner {
    padding: 15px 6px 0px 6px;
    text-align: justify;
    width: auto;
}

#maincontent #leftcontent #articleboxouter .articleboxinner .articleheaderwrapper {
	padding-bottom: 5px;
	background-color: #fbfbfb;
	border-bottom: 1px solid #efefef;
}

#maincontent #leftcontent #articleboxouter .date {
	position: absolute;
	background:url("../images/ico_date.gif") 0 50% no-repeat;
	color: #666;
	padding: 2px;
	padding-left: 15px;
	font-size: 10px;
	font-weight: bold;
	right: 10px;
	text-align: right;
	z-index: 100;
}

#maincontent #leftcontent #articleboxouter #info {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	padding: 5px;
}

#maincontent #leftcontent #articleboxouter .desc {
	font-size: 11px;
	padding: 5px;
}

#maincontent #leftcontent #articleboxouter .tags {
	clear: both;
	font-size: 11px;
	font-style: italic;
	padding: 5px;
}

#maincontent #leftcontent #articleboxouter .articleboxinner .articleheader {	
    font-size: 12px;
    font-weight: bold;
}

#maincontent #leftcontent #articleboxouter .articleboxinner #thumbcontrol {
	position: relative;
	border: 1px #efefef solid;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

#maincontent #leftcontent #articleboxouter .articleboxinner #thumbcontrol .duration {
	position: absolute;
	padding: 2px;
	text-align: right;
	filter: alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
	background-color: #000;
	color: #FFF;
	right: 2px;
	top: 2px;
	z-index: 100;
}

#maincontent #leftcontent #articleboxouter .mainpiccontrol {
    border: 1px #efefef solid;
    float: left;
    margin-right: 10px;
}

#maincontent #rightcontent {
	width: 320px;
	float: right;
	text-align: center;
}

#maincontent #rightcontent #rightsidebartop { width: auto; text-align: center; margin-top: 20px;}

#maincontent #rightcontent #rightsidebarbottom {
	border:  1px solid #efefef;
	margin: 20px auto 5px auto;
	text-align: center;
	width:  200px;
}

#maincontent #rightcontent #rightsidebarbottom .title {
	background-color: #497BAC;
	color: #fff;
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

#maincontent #rightcontent #loginform {
	width: 300px;
	color: #666;
	font-weight: bold;
}

#maincontent #rightcontent #loginform .title{
	background-color: #fbfbfb;
	border: 1px solid #DFE8ED;
	border-bottom: none;
	color: #4D4F50;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px;
	width: auto;
}


/* WATCH PART */
#maincontent #watchtopbanner { width: 900px; margin: 10px auto 30px auto; text-align: center; }

#maincontent #leftwatchcontent { width: 500px; float: left; }

#maincontent #leftwatchcontent #leftwatchwrapper { width: auto; margin: auto;}

#maincontent #leftwatchcontent #leftwatchwrapper .title {
	background-color: #fbfbfb;
	border: 1px solid #ebebeb;
	border-bottom: none;
	color: #2B84CE;
	font-size: 13px;
	font-weight: bold;
	margin: auto;
	padding: 5px;
	width: 450px;
}

#maincontent #leftwatchcontent #leftwatchwrapper .player {
	width: 450px;
	margin: auto;
	padding:  5px;
	text-align: center;
	background-color: #333;
    border: 1px solid #ebebeb;
    border-top: none;
}

#maincontent #leftwatchcontent #leftwatchwrapper .desc {
	width: 450px;
	background-color: #fbfbfb;
	border: 1px solid #ebebeb;
	margin: auto;
	padding: 5px;
}

#maincontent #leftwatchcontent #leftwatchwrapper .desc #desc {
	overflow: hidden;
	padding: 5px;
	text-align: justify;
}

#maincontent #leftwatchcontent #leftwatchwrapper .info {
	width: 450px;
	color:  #666;
	font-weight: bold;
	font-size: 10px;
	margin: 10px auto 5px auto;
	padding: 5px;
}

#maincontent #leftwatchcontent #leftwatchwrapper .tags {
	font-size: 11px;
	font-style: italic;
	padding: 5px;
}

#maincontent #leftwatchcontent #comment { width: auto; }

#maincontent #leftwatchcontent #comment .userform {
    width: 420px;
    margin: auto;
    color:  #666;
    font-weight: bold;
    padding: 10px;
    background: #fbfbfb;
    border: 1px solid #efefef;
    text-align: justify;
    margin-bottom: 20px;
}

#maincontent #leftwatchcontent #comment .noerror { color : #2B84CE; text-align: center; }

#maincontent #leftwatchcontent #comment .error { color : #FF0000; text-align: center; }

#maincontent #leftwatchcontent #comment .summary {
	border-bottom: 1px solid #ebebeb;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: right;
	width: auto; 
}

#maincontent #leftwatchcontent #comment .viewer { 
	width: 450px;
	margin: auto;
	padding: 5px;
	border: 1px solid #ebebeb;
	border-bottom: none; 
}

#maincontent #leftwatchcontent #comment .content { 
	width: 450px;
	margin: auto auto 20px auto;
	padding: 5px;
	border: 1px solid #ebebeb;
	background-color: #fbfbfb;
}

#maincontent #rightwatchcontent {
	padding: 10px;
	padding-top: 0px;
	float:  right;
	width:  420px;
	
}

#maincontent #watchrightbanner {
	width:  auto;
	text-align: center;
}

#maincontent #rightwatchcontent #relatedwrapper { margin-top: 20px; }

#maincontent #rightwatchcontent #relatedwrapper #relatedtitle { font-weight: bold; }

#maincontent #rightwatchcontent #relatedwrapper #relatedtitle #relatedvids {
	background-color: #FBFBFB;
	border: 1px solid #EBEBEB;
	border-bottom: none;
	margin-left: 20px;
	padding: 5px;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedtitle #relateduser {
	border: 1px solid #EBEBEB;
	border-bottom: none;
	padding: 5px;
	margin-left: 10px;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedcontents {
	background-color: #fbfbfb;
	border: 1px solid #ebebeb;
	margin: 5px;
	padding: 10px;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedcontents #relateddisplay {
	position: relative;
	height: 400px;
	overflow: scroll;
	padding: 10px;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedcontents #relateddisplay #displaywrapper {
	background-color: #fff;
	border: 1px solid #ebebeb;
	float: left;
	margin: 4px;
	text-align: center;
	width: 160px;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedcontents #relateddisplay #displaywrapper .title {
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedcontents #relateddisplay #displaywrapper #thumbcontrol {
	position: relative;
	border: 1px #efefef solid;
	width: 116px;
	margin: auto;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedcontents #relateddisplay #displaywrapper #thumbcontrol .duration {
	position: absolute;
	padding: 2px;
	text-align: right;
	filter: alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
	background-color: #000;
	color: #FFF;
	right: 2px;
	top: 2px;
	z-index: 100;
}

#maincontent #rightwatchcontent #relatedwrapper #relatedcontents #relateddisplay #displaywrapper #info {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	padding: 5px;
}

/* CHANNELS PART */
#maincontent #channelscontent { position: relative; width: 950px; margin: 0 auto; }

#maincontent #channelscontent #channelwrapper { 
	border: 1px solid #ebebeb;
	color: #666;
	height: auto;
	margin: auto;
	width: auto;
}

/* CATEGORIES PART */
#maincontent #leftcategoriescontent { width: 600px; float: left;}

#maincontent #leftcategoriescontent #categorywrapper { 
	/*position: relative;*/
	background: #fbfbfb;
	border: 1px solid #efefef;
	float: left;
	padding: 5px;
	margin: 5px;
	width: 250px;
}

#maincontent #leftcategoriescontent #articleboxouter {
	background-color: #fff;
	border: 1px solid #efefef;
	float: left;
	margin: 10px 5px 10px 5px;
	padding-bottom: 10px;
	/*position: relative;*/
	width: 280px;
}

#maincontent #leftcategoriescontent #articleboxouter .articleboxinner {
    padding: 15px 6px 0px 6px;
    text-align: justify;
    width: auto;
}

#maincontent #leftcategoriescontent #articleboxouter .articleboxinner .articleheaderwrapper {
	padding-bottom: 5px;
	background-color: #fbfbfb;
	border-bottom: 1px solid #efefef;
}

#maincontent #leftcategoriescontent #articleboxouter #info {
	color: #666;
	font-size: 10px;
	font-weight: bold;
}

#maincontent #leftcategoriescontent #articleboxouter #info p{ line-height: 10px;}

#maincontent #leftcategoriescontent #articleboxouter .desc {
	font-size: 11px;
	padding: 5px;
}

#maincontent #leftcategoriescontent #articleboxouter .tags {
	clear: both;
	font-size: 11px;
	font-style: italic;
	padding: 5px;
}

#maincontent #leftcategoriescontent #articleboxouter .articleboxinner .articleheader {	
    font-size: 12px;
    font-weight: bold;
}

#maincontent #leftcategoriescontent #articleboxouter .articleboxinner #thumbcontrol {
	position: relative;
	border: 1px #efefef solid;
    float: left;
    margin: 10px 30px auto 10px;
}

#footer {
	background-color: #333;
	color: #666;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	padding: 5px;
	margin: 0;
	border-top: 3px solid #666;
}

/** RATING STAR*/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}

.star-rating {
	position: relative;
	width: 100px;
	height: 20px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li{ display: inline; }
.star-rating a, 
.star-rating .current-rating{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 20px;
	line-height: 20px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{ background-position: left bottom; }
.star-rating a.stars1 { width:20%; z-index:6; }
.star-rating a.stars2 { width:40%; z-index:5; }
.star-rating a.stars3 { width:60%; z-index:4; }
.star-rating a.stars4 { width:80%; z-index:3; }
.star-rating a.stars5 { width:100%; z-index:2; }
.star-rating .current-rating{ z-index:1; background-position: left center; }	


/* For an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	padding-left: 10px;
	vertical-align: middle;
}

/* Smaller star */
.small-star{ width:75px; height:15px; }
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../images/smallstar.jpg);
	line-height: 15px;
	height: 15px;
}