/* CSS Document */
body
{
    zoom:1
}

#leftcolumn {
	float:left;
	margin:0;
	width:692px;
	overflow:hidden;
}

#middlecolumn {
	float:left;
	margin:0 0 0 10px;
	width:480px;
	overflow:hidden;
}

#rightcolumn {
	float:left;
	margin:0 0 0 2px;
	width:300px;
	overflow:hidden;
}

.channelimage  
{
    margin: 12px;
    margin-bottom:0;
}

.adv-label
{
    color: White;
    text-align: center;
    width: 300px;
    clear: both;
    font-size: 9px;
}

.infobox, .tabbox
{
    background-color: #4c4c4c;
    position: relative;
    margin: 0px 12px 0px 12px;
    display: inline;
    float: left;
    width:668px !important;
    
    display:block;
    clear:both;
}
.infobox  
{
    margin: 12px; 
    padding-bottom:12px;
}

.infobox #topleft 
{
    background: url(/images/infobox-topleft.png) bottom right;
    height: 7px;
    width: 7px;
    position: absolute;
    top: -1px;
    left: -2px;
}

.infobox #topright 
{
    background: url(/images/infobox-topright.png) bottom left;
    height: 7px;
    width: 7px;
    position: absolute;
    top: -1px;
    right: -2px;   
}

.infobox #left { background: url(/images/infobox-left.png) repeat-y top left; }
.infobox #right { background: url(/images/infobox-right.png) repeat-y top right; }

.infobox #right { padding: 10px; }

.tabbox
{
    margin-left:12px;
}

.videoplayer {
	width:642px;
	float:left;
	margin: 0 12px;
}

.videotitle 
{
	font: bold 20px Arial;
	width: 642px;
	text-align: left;
	margin-top:12px;
	margin-bottom:12px;
}

.videotitle .youarewatching {
	color: White;
}

.videoresponses {
	float:left;
	display:inline;
	background-image:url(/images/black60percent.png);
	*background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/black60percent.png');
	padding:10px;
	margin:10px 0 0 0;
	width:460px;
	clear:left;
}

.videoresponsescontainer
{
	background: #4D4D4D;
	padding:10px 0px;
}

.videoresponseheader {
	font-size:93%;
	padding:0 10px;
}

.videoresponseheader span {
	float:left;
}

.videoresponseheader a {
	float:right;
	color:#fff;
	text-decoration:underline;
	display:inline;
}

.videoresponsescontainer ul {
	padding:10px 0 5px 10px;
	text-align:center;
}

.videoresponse {
	float:left;
	display:inline;
	margin:0 10px 0 0;
	width:100px;
	text-align:center;
}

.videoresponse img 
{
	width:86px;
	height:68px;
	background:#000;
}

.videoresponse a {
	text-decoration:none;
	color:#fff;
	font-size:85%;
}

.responsepager {
	text-align:right;
	color:#999;
	font-size:85%;
	padding:0 10px 0 0;
}

.responsepager a {
	color:#fff;
	text-decoration:underline;
}

.tabinfo 
{
    /*
	float:left;
	display:inline;
	background: #000;
	width:668px;
	font: 12px Arial;
	color: White;
	text-align: left;
    */
}

.videoinfo {
	float:left;
	display:inline;
	background: #aaa8a8;
	padding:10px;
	margin:5px 0 0 0;
	width:622px;
	font: 12px Arial;
	color: Black;
	text-align: left;
}

.videoinfo h1 {
	font-size:140.6%;
	color:#fff;
	display:inline;
	float:none;
	clear:none;
	width:auto
}

.videoinfo p
{
    clear:both;
}

#embedcode {
	padding: 0px 5px;
	background:#959595 !important;
	font-size:93%;
	font-weight:bold;
	display:none;
	margin-left: 5px;
	color: White;
	height: 24px;
	float: left;
	width: 425px;
}

#embedcode input 
{
	background: url(/images/embedded.png) top left no-repeat !important;
	width: 275px;
	height: 17px;
	color: White;
	border: 0px;
	margin: 3px 0px 3px 4px;
}

#embedcode a {
	font-weight:normal;
	color:#fff;
	margin-bottom: 5px;
}

.videoinfo { display: inline; }
.videoinfo p {
	margin:10px 0;
	font: 12px Arial;
}

.videoinfo p a
{
	color:#fff;
	text-decoration:underline;
}

.videoinfo p .avatar 
{
	
	text-align:center;
	float:left;
	margin:0 10px 0 0;
	text-decoration:none;
	font-size:85%;
}

.videoinfo p .avatar img
{
	display:block;
}

.videostats li a.label:hover
{
	text-decoration:none;
}

#mdc_rater 
{
	display:inline;
	padding-top:5px;
	vertical-align:middle;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 /*margin-top:1em;*/
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding:0;
 color:#fff;
 height:24px;
}

ul.tabbernav li
{
 display: inline;
}

ul.tabbernav li a
{
 margin-right: 10px;
 color:#B63901;
 font-size:100%;
 font-weight:bold;
 /*width:121px;*/
 overflow:hidden;
 height:18px;
 text-align:center;
 background:url(/images/blacktab.png) no-repeat top left;
 *background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/blacktab.png');
 display:block;
 float:left;
 display:inline;
 padding-top:6px;
}



ul.tabbernav li a:hover
{
 color: #fff;
 text-decoration:none;
 background:url(/images/greytab.png) no-repeat top left;
 *background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/greytab.png');
}

ul.tabbernav li.tabberactive a
{
 color:#fff;
 background:url(/images/greytab.png) no-repeat top left;
 *background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/greytab.png');
}

ul.tabbernav li.tabberactive a:hover
{
 
}

/*--------------------------------------------------s
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:20px 10px 10px 10px;
 background: #4c4c4c;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}




.artistpicks {
	background-image:url(/images/black60percent.png);
	*background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/black60percent.png');
	padding:10px;
	margin:10px 0 0 0;
	width:280px;
}

.artistpickscontainer {
	background: #4D4D4D;
	padding:10px 0 10px 10px;
}

.artistpickscontainer h3 {
	font-size:100%;
 	font-weight:bold;
	line-height:1.4;
}

.artistpickscontainer .photopick {
	float:left;
	background:#000;
	display:inline;
	width:100px;
	text-align:center;
	padding:0 0 3px 0;
	margin:10px 35px 0 0;
}

.artistpickscontainer .photopick a {
	color:#fff;
	line-height:1.2;
	font-size:85%;
}

.artistpickscontainer .photopick a:hover {
	text-decoration:none;
}

.pickspager {
	text-align:right;
	color:#999;
	font-size:85%;
}

.pickspager a {
	color:#fff;
	text-decoration:underline;
}


.alertpanel 
{
    font-size:120%;
    line-height:1.2;
    vertical-align:middle;  
    padding:6px;
    /*
    background-image:url(/images/white30percent.png);
	*background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/white30percent.png');
    */
	width:246px;
}

.alertpanel span
{
       
}

.alertpanel strong
{
    color:#FFCC66;  
    margin-right:3px; 
}

.alertpanel a
{
    font-size:100%;
    color:White;
}

.alertpanel a:hover 
{
	text-decoration: none;
}

.alertpanel .checkbtn
{
    vertical-align:middle;
    margin-left:2px;
}

.login
{
    color:#AAA8A8;
}

.login a
{
    color:#000000;
}

.seriesTitle
{
    background-color:#747474;
    color:#FFFFFF;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    margin-top:8px;
    padding:3px 3px 3px 10px;
    text-align:left;
    text-transform:uppercase;
    width:100%;                                     
}

.sandbox
{
    background-color:#4D4D4D;
}