html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

:focus{
	outline: 0; }

body{
	line-height: 1;
	color: #222222;
	background: #C6E3FF;
	text-align: center; }

table{
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td{
	text-align: left;
	font-weight: normal;
	vertical-align: top; }

blockquote:before, blockquote:after,
q:before, q:after{
	content: ""; }

blockquote, q{
	quotes: "" ""; }

img{
	vertical-align: bottom; }

body, table, th, td{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px; }

h3{
	font-size: 12px;
	font-weight: 700;
	margin: 1.2em 0 .4em;
	color: #000; }

h2, h3.icon{
	margin: 2.5em 0 .5em;
	padding: .5em 0 .4em;
	font-size: 14px;
	line-height: 1em;
	font-weight: 400;
	text-transform: uppercase;
	color: #666666;
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: 3px double #cccccc; }

h2 a{
	font-size: 10px; }

div.inner h2.icon, h2.icon, h3.icon{
	clear: both;
	margin: 0 0 .5em; }

p, ul, ol{
	margin: 0 0 .75em; }

ul, ol{
	padding: 0 0 0 1em; }

li{
	padding: .1em 0; }

html body ul li.lt,
html body ol li.lt{
	border-bottom: 0; }

#thetube .col-s,
#thetube .col-m,
#thetube .col-mf,
#thetube ol,
#thetube li,
#menu ul,
#menu li,
#sub ul,
#sub li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none; }

a:link{
	color: #000000;
	text-decoration: underline; }

a:visited{
	color: #333; }

a:focus,
html body a:hover,
a:active{
	color: #b22222; }

html body .c{
	clear: both;
	display: block; }

html body .c-left{
	clear: left; }

html body .c-right{
	clear: right; }

.col-1, .col-2{
	float: left;
	width: 490px; }


.col-1p{
	float: left;
	width: 225px; 
}

.col-1g{
	float: left;
	width: 510px; 
	vertical-align: top; 
	margin: 0 0px 0px 30px;
}


.col-2p{
	float: right;
	width: 700px; }


.col-1e{
	width: 500px;
	float: left; }

.col-1m{
	width: 810px;
	float: left;
	padding: 0;
	margin: 0 0px 3em 10px;}

.col-1m .col-m{
	margin: 0; }

.col-2s{
	float:	left;
	width: 340px; }

.col-3{
	float: left;
	width: 130px;
	padding: 1px 0; }

.col-1{
	clear: both; }

.col-x{
	margin: 0 10px 2em;
	display: block; }

.col-m{
	clear: both;
	margin: 0 5px 3em 5px;
	padding: 1px 0; }

.col-s{
	float: left;
	width: 225px;
	margin: 0 10px 3em 10px;
	padding: 0; }

.col-s1{
	width: 225px;
	margin: 0 10px 3em 10px;
	padding: 0; }

.col-s1prof{
	vertical-align: top; 
	width: 180px;
	margin: 0 10px 3em 10px;
	padding: 0; }


.col-s2{
	width: 470px;
	margin: 0 10px 3em 10px; }

.col-s3{
	width: 715px;
	margin: 0 10px 2em; }

.col-s4{
	width: 960px;
	margin: 0 10px 2em; }

html body .player{
	margin: 0 0px 2em 10px;
	padding: 1px 0; }

html body div.player div.inner h2{
	width: 480px; }

.col-x .inner h2.icon{
	margin-right: 0;
	margin-left: 0; }

#rectangle{
	float: left;
	border: 1px dotted #333;
	background-color: #666; }

#insertionMarker{
	display: none; }

html body .half{
	width: 48%; }

html body .left{
	float: left; }

html body .right{
	float: right; }

#wrap{
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 7px 0;
	text-align: left;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-width: 0 1px; }


#my{
	display: block;
	overflow: hidden;
	margin: 0 10px 3em 10px;
	height: 3em;
	line-height: 1.5em;
	vertical-align: middle; }

#my img{
	vertical-align: middle;
	margin: 1px; }

#my ul.usr{
	float: right;
	height: 2em;
	line-height: 2em;
	text-align: right;
	width: 50%; }

#my ul.usr li{
	margin-right: 1em; }

#my ul.usr li,
#my ul.language li{
	display: inline;
	list-style: none; }

#my ul.language{
	float: right;
	text-align: right;
	height: 2em;
	line-height: 2em; }

#my span.offline {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #F00; }

#header{
	position: relative;
	margin: -1.5em 0 -2.5em 10px;
	z-index: 50;
	padding: 0 .8em 0;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 700;
	color: #b22222;
	width: 200px; }

#header a{
	background: transparent; }

#menu{
	width: 960px;
	margin: 0 auto;
	clear: both;
	display: block;
        word-spacing: -7px;
	height: 5em;
	background: #C6E2FF; }


#menu ul{
	height: 5em;
	padding: 0 0 0 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 200; }

#menu ul li{
	display: inline;
	font-size: 1.2em;
	list-style: none; }

#menu a{
	position: relative;
	padding: 0 5px;
	line-height: 4.2em;
	background: transparent;
	color: #666666;
	font-weight: 400;
	text-decoration: none;
	z-index: 10; }

#menu li.act a{
	color: #b22222;
	font-weight: bold;
	text-decoration: underline; }

#menu a:hover{
	text-decoration: underline;
	color: #b22222; }

#sub, .sub{
	position: relative;
	width: 960px;
	display: block;
	clear: both;
	height: 25px;
	margin: 0 auto 2em;
	padding: .5em 0 .3em;
	border-top: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	background: #ffffff;
	z-index: 60; }

#sub ul{
	float: left;
	width: 600px;
	height: 25px; }

.sub ul{
	float: left;
	height: 25px; }

#sub ul li, .sub ul li{
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 1em;
	text-transform: none; }

.sub ul li{
	margin: 0 1.5em 0 .5em; }

#sub ul li a{
	display: block;
	line-height: 25px;
	padding: 0 .75em;
	color: #111;
	text-decoration: none; }

.sub ul li a{
	line-height: 25px;
	padding: 0 .75em;
	color: #111;
	text-decoration: none; }

#sub a:hover, .sub a:hover{
	color: #b22222;
	text-decoration: underline; }

.sub span.right{
	margin-right: 1em;
	display: block;
	height: 25px;
	line-height: 25px; }

.boxform{
	display: inline; }

.boxform input{
	border: 0;
	background-color: #797979;
	display: inline; }

#mainsearch{
	width: 370px;
	float: right;
	text-align: right; }

#mainsearch, #mainsearch p{
	margin: -2em 0 -2.5em 10px;}

#mainsearch form input, #mainsearch form select{
	margin: -1px 0 0;
	padding: 0;
	vertical-align: middle; }

#mainsearch p{
	display: block;
	height: 25px;
	overflow: hidden;
	margin: 0;
	padding: 0 15px;
	border: 0; }

#mainsearch input, #mainsearch label, #mainsearch select{
	display: inline;
	margin: 0;
	padding: 0;
	border: 1;
	vertical-align: baseline;
	max-width: 130px; }

#mainsearch form input{
	border: 3px double #cccccc; }

#mainsearch form input.button{
	border: 0; }

#register_captcha_id {
  margin: 3px 0 0;
  width: 207px;
}

#mainsearch label{
	display: none; }

#thetube{
	width: 960px;
	margin: 3em auto 3em;
	padding: 1px 0 0;
	overflow: hidden;
	border-bottom: 3px double #cccccc; }

#thetube h2{
	margin: 0;
	padding: .7em 0;
	font-size: .9em; }

#thetube-featured,
#thetube-top,
#thetube-latest{
	float: left;
	clear: none; }

#thetube-featured{
	width: 480px;
	height: 360px; }

#thetube-top.col-s{
	width: 160px;
	overflow: hidden; }

#thetube-latest.col-m{
	width: 320px;
	float: left; }

#thetube li{
	float: left; }

#thetube-top li,
#thetube-latest li,
#thetube-top li img,
#thetube-latest li img{
	width: 160px;
	height: 120px;
	overflow: hidden; }

#thetube-top li{
	width: 158px;
	height: 118px;
	margin: 0 0 2px 2px; }

#thetube-top li.lt,
#thetube-latest li{
	width: 158px;
	height: 120px;
	margin: 0 0 0px 2px; }

#thetube-latest ol li.ft img{
	width: 320px;
	height: 240px; }

#thetube-latest li.ft{
	width: 318px;
	height: 238px;
	margin: 0 0 2px 2px; }

.pagination, .pagination-bottom{
	position: absolute;
	top: .6em;
	right: .8em;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination_over{
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination-bottom{
	clear: both;
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: .5em 0 .5em;
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: 3px double #cccccc; }

.pagination span.count,
.pagination-bottom span.count{
	margin: 0 1em; }

.pagination a.rsslink,
.pagination-bottom a.rsslink,
.sort a.rsslink,
.pagination a.rsslink:hover,
.pagination-bottom a.rsslink:hover,
.sort a.rsslink:hover{
	padding: 0;
	background: transparent;
	color: inherit; }

.pagination a,
.pagination-bottom a,
.pagination_over a,
.sort a{
	padding: 2px 5px; }

span.sort{
	float: right;
	font-size: 12px;
	line-height: 16px;
	text-transform: none; }

span.sort a.rsslink{
	margin: 0 0 0 1.25em; }

span.sort form{
	display: inline; }

.pagination b,
.pagination-bottom b,
.pagination_over b,
.sort b,
.pagination a:hover,
.pagination-bottom a:hover,
.pagination_over a:hover,
.sort a:hover{
	padding: 2px 5px 1px;
	background: #b22222;
	color: #ffffff; }

.pagination form{
	display: inline; }

ul.inner{
	padding: 0;
	list-style: none; }

p.tags{
	line-height: 2em; }

.post{
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 2px solid #111; }

.media li.file .preview img{
	border: 3px double #cccccc;
	padding: 2px; }

ul.visitor{
	list-style: none;
	display: block;
	padding: 0; }

li.user{
	padding: 0;
	margin: .5em 0 0; }

li.user a.avatar{
	display: block;
	float: left;
	margin: 0 1em 0 0; }

li.user a.avatar img{
	display: block;
	width: 50px;
	height: auto;
	border: 5px solid #ffffff; }

li.user cite.about a{
	display: block;
	margin: 0 0 0.2em; }

li.user cite.about a:hover{
	background: transparent; }

li.user cite.about .stats, #mystats strong.stats{
	display: block;
	float: left;
	margin: 0 .5em 0 0;
	text-align: center; }

li.user cite.about .stats img,  #mystats strong.stats img{
	display: block; }

li.user cite.about .stats a{
	display: inline;
	margin: auto; }

#news div.inner div.content.media ul li.user {
	width: 110px;
	float: left; }

#most-active-user ul.media li.file{
	width: 140px; }

#most-active-user ul.media li.file .preview img {
	width: 130px; }

div.user{
	width: 280px;
	float: left; }

div.m_info{
	float: left; }

div.m_info ul.about li{
	text-align: left; }

.m_media{
	float: right; }

.m_media .media {
	width: 140px; }

.m_media .media li.file div.about{
	width: 130px; }

.col-2s .col-m .inner .content input,
.col-2s .col-m .inner .content textarea{
	width: 300px; }

div.user ul li a{
	width: 20px; }

div.user ul.about{
	float: left;
	display: block;
	margin: 0;
	padding: 0; }

div.user ul.about li{
	clear: both;
	margin-left: 100px; }

.posts,
.comments,
.users{
	margin: 0;
	padding: 0;
	list-style: none; }

.posts li{
	margin: 0 0 50px;
	padding: 0 0 15px;
  border-bottom: 4px solid #DDD; }

.posts h3,
.comments h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
  border-bottom: 1px solid #dddddd; }

.posts h3 span.blog_user,
.comments  h3 span.blog_user {
  position: absolute;
  vertical-align: bottom;
}

.posts h3 span.blog_user span.avatar,
.comments h3 span.blog_user span.avatar {
  width: 50px;
  overflow:hidden; }

.posts h3 span.blog_user span.avatar img,
.comments h3 span.blog_user span.avatar img {
  width: 50px;
}

.posts h3 span.blog_user span.avatar a,
.comments h3 span.blog_user span.avatar a {
  display: inline;
}

.posts h3 span.blog_user a.autor,
.comments h3 span.blog_user a.autor {
  margin: 0 0 0 10px;
  display: inline;
  font-size: 11px;
  line-height: 14px;
}

.posts h3 a,
.comments h3 a{
	display: block;
	text-decoration: none; }

.posts h3 a.title,
.comments h3 a.title {
  float: right;
  margin: 20px 0 0 0; }

.posts span.date,
.comments span.date {
  display: block;
  text-align:right;
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 6px; }

.posts cite.about,
.comments cite.about{
	display: block;
	margin: 25px 0 3px;
	font-size: 10px;
  line-height: 14px;
  text-align: right;
	color: #222222; }

.posts cite.about a,
.comments cite.about a{
  line-height: 14px;
	color: #222222; }

.comments li, #commentform{
	margin: 0 0 6px;
	padding: 9px;
	background: #FFFFFF; }

#commentform{
	margin: 12px 0 0; }

.users li{
	margin: 0 0 3px;
	padding: 3px 0 6px;
	border-bottom: 1px solid #cccccc; }

.users a.avatar, .user a.avatar{
	display: block;
	width: 120px;
	float: left;
	margin-right: -120px; }

.users a.avatar img{
	display: block;
	width: 50px; }

.users span.user{
	display: block;
	padding-left: 70px;
	line-height: 12px; }

.users span.user a{
	display: block; }

span.o_stats{
	width: 90px;
	display: block; }

.users span.user strong a{
	display: inline; }

.users span.user strong	{
	display: inline; }

.users span.user span.stats a{
	display: inline; }

strong.stats{
	display: block;
	text-align: center;
	margin: 0 6px 0 0;
	line-height: 1.6em; }

.content .media .about strong.stats img{
	width: 16px; }

.users span.user span.stats strong.stats strong.small{
	float: none;
	margin: 0; }

#chatbox input#chat_text_id{
	width: 135px;
	margin: 0;
	background: #ffffff;
	border: 3px double #cccccc;
	color: #333;
	padding: 0px; }

#chatbox input.button{
	width: 60px;
	margin: -5px 0 -7px 3px;
	border: 0; }

#chatbox input#chat_text_id:focus{
	border-color: #b22222; }

#chatbox cite.about{
	margin: .5em 0 0; }

div.chatform{
	margin: 0 0 5px; }

ul.actions{
	list-style: none;
	margin: 0;
	padding: .25em 0 0;}

ul.actions li{
	padding: 0 1em .25em;
	margin: 0 0 .25em; }

ul.actions a{
	display: block;
	color: #222222; }

#welcome{
	clear: both;
	float: none;
	width: auto;
	padding: 1em; }

#welcome h2{
	margin: 0; }

.comments,
.files,
ul.inner li.comment,
.users-pic ul,
ul.mystats,
#mystats ul,
.media,
.media li,
#kategorien li{
	padding: 0;
	list-style: none; }

.media{
	position: relative; }

.media ul{
	margin: 0 -40px 0 0;
	padding: 0; }

div.content .media.left.add{
	width: 230px; }

#kategorien{
	width:140px;}

#kategorien .inner {
	margin: 0 0 20px 10px; }

#kategorien li{
	display: block;
	float: left;}

#kategorien li img{
	width: 105px;
	height: 80px }

.media li.file,
.users.big li{
	float: left;
	width: 176px;
	margin: 1em 20px 1em 0; }

html body .media li.file.c-left{
	clear: both;
	float: left; }

.media ul.groups li.file{
	height: 225px; }

.media div.g_app{
	float: left;
	margin-right: 25px; }

.col-ms .content ul li img{
	width: 150px; }

#dragableElementsParentBox .content .media li.file{
	float: none;
	width: 225px;
	margin: 0;
	padding: 5px 0 0;
	border-bottom: 1px solid #cccccc; }

.content .media .mystats li.file{
	height: 290px; }
	
#latest-comments .content.media li.file{
	height: 240px; }

.content .media li.file img{
	width: 100%; }

.mwimg{
	width: 225px; }

.media li.file .preview img{
	display: block;
	width: 166px;
	height: 120px; }

.media li.file div.about{
	background: #eeeeee;
	color: #666666;
	padding: 5px 5px 1px;
	line-height: 1em;
	overflow: hidden; }

.media li.file div.about li{
	font-size: 10px;
	line-height: 1em;
	margin: 0;
	padding: 4px 0 2px; }

.media li.file div.about li.rating{
	padding: 5px 0 3px; }

.media ul.history{padding:5px;}

.media ul.history li.file{
	width: 120px;
	height: 150px;
	margin: 10px 0;
	overflow: hidden;
	font-size: 10px; }

.media ul.history li.file .preview img{
	height: 85px;
	width: 100px; }

.media ul.history li.file div.about{
	width: 100px;
	height: 40px;
	overflow: hidden; }

.media ul.history li.file div.about li.rating img{
	width: 14px; }

.media li.file div.about li.rating img{
	width: 16px; }

.media ul.history li.file div.about ul{
	display: none; }

.error{
	display: block;
	padding: .4em;
	margin: .5em;
	border: 3px solid #e1e3e5; }

.bookmark img{
	padding: .5em 2px 0; }

div.about ul{
	position: relative;
	display: block;
	margin: 0 0 .5em;
	padding: 0;
	line-height: 1.3em; }

div.about li{
	display: block;
	position: relative;
	font-weight: 700;
	list-style: none;
	border-bottom: 1px solid #cccccc; }

div.about li.lt{
	border: 0; }

div.about li strong{
	font-weight: 400; }

.media div.about li.desc{
	height: 3em; }

.media div.about input{
	width: 95%;
	margin: 0 .5em; }

.col-3.more ul,
.col-3.more li{
	margin: 0;
	padding: 0; }

.col-3.more li{
	display: block;
	padding: 0 0 5px;
	list-style: none;
	overflow: hidden; }

.col-3.more img{
	display: block;
	width:100%; }

div.buttons{
	margin: 9px 0; }

div.inner ul li span.plt{
	margin: 2em 1em;
	display: block; }

.descr{
	display: block;
	padding: 0 .2em 1em; }

#topic select{
	width: 400px; }

.g_desc{
	background: #eeeeee;
	padding: .5em;
	display: block; }

.g_edit input {
	width:445px; }

ul.g_list{
	list-style: none;
	width: 45%;
	padding: .5em; }

div.about img{
	padding: .2em .3em .4em 0; }

div.inner h2.pad{
	margin-top: 3em; }

div.pad label{
	display: block;
	width: 110px; }

div.pad .check{
	display: block;
	padding: 1em 0 0 100px; }

div.pad .media_list{
	list-style: none;
	padding: 0pt 0pt 1.75em; }

div.pad .media_list li{
	float: left;
	width: 25%; }

div.pad .channel_info{
	list-style: none;
	padding: 0pt 0pt 1em; }

div.pad .channel_info li{
	float: left;
	width: 33%; }

div.profile div.avatar{
	float: left;
	width: 290px;
	margin: 0 30px 0 0; }

div.profile div.avatar img{
	display: block;
	margin: 30px auto;
	border: 5px solid #ffffff; }

div.profile div.about{
	float: left;
	width: 640px;
	padding: 30px 0 0; }

div.profile div.about h3{
	margin: 0 10px 1.5em;
	font-size: 2em; }

div.profile div.about ul{
	float: left;
	width: 280px;
	margin: 0 10px;
	padding: 0 0 30px; }

div.profile div.about ul li.errorfield{
	margin: 0 0 2.5em;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .3em; }

div.profile div.about .user_info{
	margin: 0 100px; }

div.profile div.about.user_info ul{
	list-style: none;
	width: 700px;}

div.profile .user_info ul li{
	text-align: left;
	height: 1em;
	width: 900px;}

div.profile span.p_left{
	padding-right: 2em;
	text-align: right;
	display: block;
	float: left;
	width: 300px; }

div.profile span.p_right{
	display: block; }

div.profile p{
	width: 330px;
	float: left;
	padding: 1em 0;
	margin: 0 0 3em; }

div.profile p{
	width: 330px;
	float: left;
	padding: 1em 0;
	margin: 0 0 3em; }

#myprofile{
	width: 100%; }

.p_avatar{
	float: left;
	width: 270px;
	padding: 10px; }

.p_avatar img{
	margin-bottom: 15px; }

.p_infos{
	float: right;
	padding: 10px;
	width: 646px; }

.p_infos th{
	text-align: right;
	width: 180px;
	padding-right: 5px; }

table.forum td{
	padding: .2em; }

table.forum th{
	background: #eeeeee;
	padding: .1em .5em;
	border-right: 5px #ffffff solid; }

table.forum td{
	height: 100%; }

table.forum span.tdate{
	font-size: 10px;
	display: block; }
	
ul.showerror{
	list-style: none; }

input.errorfield{
	margin: 0;
	padding: 2px; }

.showerror,
.errorfield{
	margin: 1em 10px;
	padding: .5em;
	background: #e88;
	color: #000; }

.success_message{
	margin: 1em 10px;
	padding: .5em;
	background: #aea;
	color: #000; }

#chat div.chat{
	overflow: hidden; }

.blog_post_text{
	width: 446px;
	height: 5em; }

.blog_com_text{
	width: 446px;
	height: 5em; }

.button{
	width: 70px;
	height:  24px; }

.buttons{
	margin: 10px 0 5px; }

#footer{
	clear: both;
	margin: 1em 10px;
	padding: 1.5em 0;
	background: #C6E2FF;
	border-top: 3px double #cccccc;
	text-align: center; }

#footer p{
	margin: 0; }

#footer a{
	margin: 0 .5em }

#dragableElementsParentBox{
	width: 980px;
	border: 0; }

img.avatar{
	float: left;
        align: text-top;
	width: 50px; 
	padding: 0 10px 0 0;}

ul.comments li div.comment {
	display: block;
	float: left; 
	width: 395px;
        overflow: hidden;
}




ul.comments li div.comment cite.about {
	margin: 0; 
	text-align: left;}
	
ul.comments li div.comment cite.about span {
	text-align: left;}
	
.playlist ul li{
	list-style: none;
	float: left;
	width: 90px;
	margin: 0 8px 0 0; }

.playlist ul li img{
	float: left;
	width: 90px;
	height: 70px; }




/*
  Quote =Bubbles
-----------------------------*/
.quoteBubble .container,
.quoteBubble .top,
.topcritic .container,
.topcritic .top { background-image: url('http://dynamotv.com/ostube/media/custom/quoteBubble1_bg.png'); background-repeat: no-repeat; }
    html>body .quoteBubble .container,
    html>body .quoteBubble .top,
    html>body .topcritic .container,
    html>body .topcritic .top { background-image: url('http://dynamotv.com/ostube/media/custom/quoteBubble1_bg.png'); background-repeat: no-repeat; }
  
.quoteBubble .container { background-position: bottom left; }
.quoteBubble .top { background-position: top left; }
.topcritic .container { background-position: bottom right; }
.topcritic .top { background-position: top right; }

.quoteBubble .container { width: 220px; height: auto; margin: 0 0 20px 0px; padding: 0px; }
.quoteBubble .top { width: 220px; height: 6px; margin: 0px 0px 0px 0px; padding: 0px; }

/* Content */
.quoteBubble .middle { margin: 0px 0px 20px 0px; padding: 0px 0; }
.quoteBubble .content { width: 190px; margin: 0px 0px 0px 10px; padding: 0px; clear: both; overflow: hidden; }
.quoteBubble .content .rating { clear:left; float:left; margin-left:10px; text-align:center; width:25px; }

.quoteBubble .toolsContainer { width: 190px; height: 22px; margin: 3px 0 10px 0; }
    html>body .quoteBubble .toolsContainer { margin: 6px 0; }

.quoteBubble .toolsContainer .date, 
.quoteBubble .toolsContainer .tools { white-space: nowrap; }
.quoteBubble .toolsContainer .date { width: 70px; overflow: visible; float: right; text-align: right;}
.quoteBubble .toolsContainer .tools { width: 190px; float: left; clear: left; text-align: left; color: #3469b9; }
.quoteBubble .toolsContainer .tools a:link { color: #3469b9; }

.quoteBubble .content p { width: 190px; margin: 0px 0px 6px 0px; float: right; clear: right; font: 10pt/11pt Arial; color: #2d3b04; text-align: left; }

.quoteBubble .bottom { height: 50px; clear: both; overflow: hidden;}
.quoteBubble .bottom .criticImage { width: 50px; height: auto; margin: 5px 0px 0px 40px; padding: 0; display: inline; float: left; clear: left; }
.quoteBubble .bottom .criticContent { width: 120px; margin: 0px 0px 0px 10px; padding: 0px; float: left; clear: right; text-align: left; }

.criticContent .author a { font-size: 1em; font-weight: bold; color: #3469b9;}
.criticContent .author a:link { color: #3469b9; }
.criticContent .source { font-size: 0.85em; width: 80px; line-height: 12px; overflow: visible;}
.criticContent .topcritic { font-size: 0.9em; color: #882e1a; }



/*
  Media in squares
-----------------------------*/
.mediaSquare .container,
.mediaSquare .top,
.topmedia .container,
.topmedia .top { background-image: url('http://dynamotv.com/ostube/media/custom/mediaSquare_bg.png'); background-repeat: no-repeat; }
    html>body .mediaSquare .container,
    html>body .mediaSquare .top,
    html>body .topmedia .container,
    html>body .topmedia .top { background-image: url('http://dynamotv.com/ostube/media/custom/mediaSquare_bg.png'); background-repeat: no-repeat; }
  
.mediaSquare .container { background-position: bottom left; }
.mediaSquare .top { background-position: top left; }
.topmedia .container { background-position: bottom right; }
.topmedia .top { background-position: top right; }

.mediaSquare .container { width: 240px; height: auto; margin: 0 0 0px 0; padding: 0px; }
.mediaSquare .top { width: 240px; height: 6px; margin: 0px; padding: 0px; }

/* Content */
.mediaSquare .middle { margin: 0px; padding: 6px 0; }
.mediaSquare .content { width: 220px; margin: 0px 0px; padding: 10px; clear: both; overflow: hidden; }
.mediaSquare .content .rating { clear:left; float:left; margin-left:10px; text-align:center; width:25px; }

.mediaSquare .toolsContainer { width: 220px; height: 22px; margin: 3px 0 12px 0; }
    html>body .mediaSquare .toolsContainer { margin: 6px 0; }


.mediaSquare .content p { width: 240px; margin: 0px 0px 6px 0px; float: right; clear: right; font: 10pt/11pt Arial; color: #2d3b04; text-align: left; }

.mediaSquare .bottom { height: 50px; clear: both; overflow: hidden; vertical-align: bottom; }
.mediaSquare .bottom .criticImage { width: 47px; height: auto; margin: 3px 3px 3px 35px; padding: 0; display: inline; float: left; clear: left; }
.mediaSquare .bottom .criticContent { width: 123px; margin: 0px 0px 0px 5px; padding: 0; float: left; clear: right; text-align: left; }


/*
  jCarousel
  This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".
-----------------------------*/
.jcarousel-container { position: relative; }
.jcarousel-clip { padding: 0; margin: 0; z-index: 2; overflow: hidden; position: relative; }
.jcarousel-list { margin: 0px !important; padding: 0; z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; }
.jcarousel-list li,
.jcarousel-item { width: 75px; height: 75px; /* No width/height causes infinite loops. */ float: left; list-style: none; }
/* buttons added dynamically before the <ul> (inside the <div> described above) & have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next,
.jcarousel-prev { z-index: 3; display: none; }




div.col_960 { width: 960px; }



/* Features Carousel - home/spotlights.php */
/* This should be in it's own file, but is here to save request for now */
div#featuresCarousel_main .content_body { padding: 0px; background-color: #000; border: none; } /*overrides existing values*/
div#featuresCarousel_main a { text-decoration: none; }

div#featuresCarousel_main .content_body #feature_item_region { height: 233px;}
div#featuresCarousel_main .content_body a.feature_item { height: 233px; background-color: #000; background-repeat: no-repeat; background-position: top center; display: block; opacity: 0.6;}
div#featuresCarousel_main .content_body a.feature_item .content { height: 70px; margin: 0; padding-top: 5px; display: block; position: relative; top: 163px; background-color: #000;}
div#featuresCarousel_main .content_body a.feature_item .content_text { position:relative; width:412px; top: 95px; left: 5px; display: block; }
div#featuresCarousel_main .content_body a.feature_item .content_text .title { margin: 2px 5px; padding-top: 5px; color: #FFFF99; font: bold 11pt/14pt Arial,Helvetica,Verdana,sans-serif; text-transform: capitalize; }
div#featuresCarousel_main .content_body a.feature_item .content_text .body { height: 34px; color: #FFF; display: block; margin: 0 5px 0; }

div#featuresCarousel_main .content_body a.feature_item:hover .content_text .title,
div#featuresCarousel_main .content_body a.feature_item .content_text .title.hover { color: #FFFF00 !important; }



/*RT Features Main jCarousel Skin*/
.jcarousel-skin-rt_features_main .jcarousel-container,
.jcarousel-skin-rt_features_main .jcarousel-item a.img { background: #ffffff no-repeat top center;}
.jcarousel-skin-rt_features_main .jcarousel-container-horizontal { padding: 6px 20px; }
.jcarousel-skin-rt_features_main .jcarousel-clip-horizontal { width:  890px; height: 150px; margin: 0 auto; }
.jcarousel-skin-rt_features_main .jcarousel-item { width: 175px; height: 124px; }
.jcarousel-skin-rt_features_main .jcarousel-item a { font-weight: normal; color: #FFF; }
.jcarousel-skin-rt_features_main .jcarousel-item a:hover { color: #FFFF00; }

.jcarousel-skin-rt_features_main .jcarousel-item a.hover img,
.jcarousel-skin-rt_features_main .jcarousel-item a:hover img { border-color: #FFFF99; }
.jcarousel-skin-rt_features_main .jcarousel-item a.img { width: 160px; height: 115px; border: 2px solid #b7babb; display: block; background-position: top center; }
.jcarousel-skin-rt_features_main .jcarousel-item a.img:hover { border-color: #FFFF99; }

div#jcarousel-skin-rt_features_main .jcarousel-item a span { position: relative; top: 95px; display: block; text-align: center; font-size: 0.8em; line-height: 12px; background-color: #000; } 

.jcarousel-skin-rt_features_main .jcarousel-item a span { position: relative; top: 100px; display: block; text-align: center; font-size: 0.8em; line-height: 12px; background-color: #000; opacity: 0.6;} /* IE6 doesnt like borders here. */
    html>body .jcarousel-skin-rt_features_main .jcarousel-item a span { width:160px; height:23px; border:2px solid transparent; top:87px; left:-2px; padding-top: 3px; display: block; background-color: #000; opacity: 0.6;}
.jcarousel-skin-rt_features_main .jcarousel-item a span.selected { color: #FFFF99; }
.jcarousel-skin-rt_features_main .jcarousel-item a:hover span { color: #FFFF99; }
.jcarousel-skin-rt_features_main .jcarousel-item a:hover span.selected { color: #FFFF00 !important; }

.jcarousel-skin-rt_features_main .jcarousel-item-horizontal { margin-right: 6px; }
.jcarousel-skin-rt_features_main .jcarousel-item-placeholder { background: #fff; color: #000; }


/*RT Features Main jCarousel Skin - Horizontal Buttons*/
.jcarousel-skin-rt_features_main .jcarousel-next-horizontal,
.jcarousel-skin-rt_features_main .jcarousel-prev-horizontal { background: transparent url(http://www.dynamotv.com/ostube/templates/default/images/buttons.gif) no-repeat 0 0; }
    html>body .jcarousel-skin-rt_features_main .jcarousel-next-horizontal,
    html>body .jcarousel-skin-rt_features_main .jcarousel-prev-horizontal { background-image: url(http://www.dynamotv.com/ostube/templates/default/images/buttons.png); }
.jcarousel-skin-rt_features_main .jcarousel-next-horizontal { width: 18px; height: 14px; position: absolute; top: 56px; right: 7px; cursor: pointer; background-position: 0 0; }
.jcarousel-skin-rt_features_main .jcarousel-next-horizontal:hover { background-position: -18px 0; }
.jcarousel-skin-rt_features_main .jcarousel-next-horizontal:active { background-position: -36px 0; }
.jcarousel-skin-rt_features_main .jcarousel-next-disabled-horizontal,
.jcarousel-skin-rt_features_main .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-rt_features_main .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -54px 0; }
.jcarousel-skin-rt_features_main .jcarousel-prev-horizontal { width: 18px; height: 14px; position: absolute; top: 56px; left: -14px; cursor: pointer; background-position: 0 -14px; }
    html>body .jcarousel-skin-rt_features_main .jcarousel-prev-horizontal { left: 7px; } /*ie6 is -7px*/
.jcarousel-skin-rt_features_main .jcarousel-prev-horizontal:hover { background-position: -18px -14px; }
.jcarousel-skin-rt_features_main .jcarousel-prev-horizontal:active { background-position: -36px -14px; }
.jcarousel-skin-rt_features_main .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-rt_features_main .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-rt_features_main .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -54px -14px; }