.tabberlive .tabbertabhide
{
    DISPLAY: none
}
.tabber
{
}
.tabberlive
{
    MARGIN-TOP: 10px;
}


UL.tabbernav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: bold 12px Verdana, sans-serif;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #778 1px solid;
}
UL.tabbernav LI
{
    DISPLAY: inline;
    MARGIN: 0px;
    LIST-STYLE-TYPE:none;
    
}

/* inactive tabs */
UL.tabbernav LI A
{
    BORDER-RIGHT: #666 1px solid;
    PADDING-RIGHT: 15px;
    BORDER-TOP: #999 5px solid;
    PADDING-LEFT: 15px;
    BACKGROUND: #F5F5F5;
    PADDING-BOTTOM: 3px;
    MARGIN-LEFT: 3px;
    BORDER-LEFT: #666 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: medium none;
    TEXT-DECORATION: none;
	text-align: center;
	background-image: url(images/tab_green_dark.png);

}
UL.tabbernav LI A:link
{
    COLOR: #666666;
    
}
UL.tabbernav LI A:visited
{
    COLOR: #666;
    
}

/* inactive tabs hover */
UL.tabbernav LI A:hover
{
    BORDER-LEFT-COLOR: #666;
    background-image: url(images/tab_green.png);
    BORDER-BOTTOM-COLOR: #666;
    COLOR: #4B924B;
    BORDER-TOP-COLOR: #66CC66;
    BORDER-RIGHT-COLOR: #666
}

/* active tab */
UL.tabbernav LI.tabberactive A
{
    BORDER-BOTTOM: #E7FBD0 1px solid;
    background-image: url(images/tab_green.png);
}

/* active tab hover */
UL.tabbernav LI.tabberactive A:hover
{
    background-image: url(images/tab_green.png);
    COLOR: #4B924B;
    BORDER-BOTTOM: #E7FBD0 1px solid
}

.tabbertab p
{
font-size: 9pt;
color: #666666;
}

.tabbertab td
{
font-size: 9pt;
color: #666666;
}

.tabbertab table
{
margin-left: 5px;
}



.tabbertab a, .tabbertab a:hover, .tabbertab a:visited
{
color: #666666;
text-decoration: underline;
}


.tabberlive .tabbertab
{
    BORDER-RIGHT: #666 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    OVERFLOW: auto;
    BORDER-LEFT: #666 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #666 1px solid;
    HEIGHT: 200px
}

/* tab interface background */
.tabbertab
{
background-image: url(images/tab_green_grad.png);
}

.tabberlive .tabbertab H2
{
    DISPLAY: none
}
.tabberlive .tabbertab H3
{
    DISPLAY: none
}
.tabberlive#tab1
{
}
.tabberlive#tab2
{
}
.tabberlive#tab2 .tabbertab
{
    OVERFLOW: auto;
    HEIGHT: 200px
}
.playlistitem
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    MARGIN: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    WIDTH: 25%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    HEIGHT: 140px;
    background-color: white;
    overflow: hidden;

}
.playlistitem .playlistdesc
{
    FONT-WEIGHT: 100;
    FONT-SIZE: 8pt;
 
    COLOR: #666666;
    WORD-BREAK: break-all;
}
.playlistitem .playlistheader
{
    COLOR: #333333;
    WORD-BREAK: break-all;
    font-size: 0.8em;
}


/* right tabs interface */
.tab_gray_grad
{
background-image: url(images/tab_gray_grad.png);
}

#tab_gray
{
background-image: url(images/tab_gray.png);
border-bottom: black;
border-top-color: black;
display: block;
}

.tab_gray_dark
{
background-image: url(images/tab_gray_dark.png);
}