#content {width:980px;}

/* Novas class hp*/

#featuredFrame {
	margin-left:11px; 
	margin-right:11px; 
	padding:0px; 
	width:958px; 
	height: 380px; 
	background: url(/images/new_hp/topHpDestaqueBackground.png) no-repeat; 
	position: relative;
}


#featured-pub {
	width: 940px;
	position: absolute;
   height: 360px;
   background-color: black;
   top: 5px;
   left: 8px;
	padding-top: 5px;
	z-index: 10000;
}
 
 
#featured
        {
            width: 630px;
            position: absolute;
            height: 360px;
            background-color: black;
            top: 5px;
            left: 8px;
				z-index: 100;
        }
        
        #featured ul.ui-tabs-nav
        {
            position: absolute;
            top: 258px;
            left: 636px;
            list-style: none;
            padding: 0px;
            margin: 0px;
            outline: 0px solid red;
            width: 304px;
            z-index: 20;
        }
        
        #featured ul.ui-tabs-nav li
        {
            border: 1px solid #eee;
            width: 70px;
            height: 44px;
            float: left;
            margin: 2px;
        }
        
        #featured ul.ui-tabs-nav li img
        {
            width: 70px;
				height: 44px;
            margin: 0px;
            padding: 0px;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            opacity: 1;
        }
        #featured ul.ui-tabs-nav li img:hover
        {
            width: 70px;
				height: 44px;
            margin: 0px;
            padding: 0px;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
            opacity: 0.7;
        }
        #featured li.ui-tabs-nav-item a
        {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
            opacity: 0.4;
        }
        #featured li.ui-tabs-nav-item a:hover
        {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
            opacity: 0.4;
        }
        #featured li.ui-tabs-selected
        {
            border: 1px solid #eee;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
            opacity: 0.4;
        }
        #featured .ui-tabs-panel
        {
            width: 940px;
            height: 360px;
            position: relative;
				text-align: left;
				background: url(/images/new_hp/bgblack.png);
        }
        #featured .ui-tabs-panel .info
        {
            position: absolute;
            top: 255px;
            left: 0;
            width: 100%;
            height: 105px;
            background: url('/images/transparent-bg.png');
        }
        #featured .info
        {
            width: 630px;
            text-align: left;
        }
        #featured .info h2
        {
            font: 18px Arial, Helvetica, sans-serif;
            font-weight: normal;
            color: #3bbff3;
            padding: 5px 0px 7px 8px;
            margin: 0px;
            overflow: hidden;
        }
        #featured .info h2 a
        {
            font: 18px;
            font-weight: normal;
            color: #3bbff3;
            padding: 5px;
            margin: 0px;
            overflow: hidden;
        }

        #featured .info p
        {
            font: 15px Arial, Helvetica, sans-serif;
            font-weight: normal;
            margin: 5px 6px 0px 10px;
            padding-left: 10px;
            width: 600px;
            color: #fff;
            background: url(/images/new_hp/blueArrow.png) left center no-repeat;
        }

		  #featured .info span
        {
            font: 15px Arial, Helvetica, sans-serif;
            font-weight: normal;
            margin: 5px 6px 0px 0px;
            padding-left: 6px;
            width: 600px;
            color: #fff;
        }
		  
        #featured .info a
        {
            text-decoration: none;
            color: #fff;
        }
        #featured .info a:hover
        {
            text-decoration: none;
        }
		  
		  
		  #featured .buttonListen
        {
		  		cursor: pointer;
            background: url(/images/new_hp/buttonListenBG.png) repeat-x; 
				font: 15px Arial, Helvetica, sans-serif;
				margin:8px; 
				padding:2px 5px 2px 10px;				
				max-width:320px; 
				height:25px; 
				border: #232323 1px solid; float: left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#fff;
        }

        #featured .buttonListen:hover {
        	   background: url(/images/new_hp/buttonListenBGOver.png) repeat-x; 
        }
		  
		  
		  #featured .buttonText
        {
				font: Arial, Helvetica, sans-serif;
         	text-transform: uppercase;
			   font-size: 16px;
				font-weight: bold;
				color:#fff;
				margin-top:3px;
				float:left;
				padding-right:4px;
        }
		  	  
		  #featured .artistName {
				font-weight: normal;
				color:#fff;				
		  }

		  #featured .buttonImage
        {
		  		width: 27px; height: 26px;
				background: url(/images/new_hp/buttonListenPlay.png) repeat-x; 
				float:right;
        }
		  #featured .buttonImage:hover
        {
		  		width: 27px; height: 26px;
				background: url(/images/new_hp/buttonListenPlayOver.png) repeat-x; 
        }

        #featured .ui-tabs-hide
        {
            display: none;
        }

        .destaqueBigImage
        {
            width: 630px;
            height: 360px;
				
        }
.separador {
	width: 90%;
   height: 1px;
   background: url(/images/transparent-bg.png) left bottom;
}
		  
		  
#allradios ul{
margin: 0px 0px 0px 5px;
padding: 0px 0px;
list-style-type: none;
height: 160px;	
border:0px solid #7fff00;
}

#allradios ul li{
	text-transform: uppercase;
	margin: 0px 5px 0px 0px;
	padding-top: 13px;
	float:left;
	width:130px;
	height: 170px;
	background: url(/images/new_hp/hp_radios_in_bg.png) no-repeat;
}

#allradios ul li:hover {
   padding-top: 13px;
	float:left;
	cursor: pointer;
}

.tabTitle {
	text-transform: uppercase;
	letter-spacing:1px;
	background-image:url(/images/new_hp/tab_radios.png);
	width:90px;
	height:15px;
	padding:5px;
}

.tabTitleinfo {
	text-transform: uppercase;
	letter-spacing:1px;
	background-image:url(/images/new_hp/tab_info.png);
	width:90px;
	height:15px;
	padding:5px;
}

.tabTitlelong {
	text-transform: uppercase;
	letter-spacing:1px;
	background-image:url(/images/new_hp/tab_community.png);
	width:130px;
	height:15px;
	padding:5px;
}

.tabradio {
    float:left;

	width:100px;
	height:25px;
}
.tabradio:hover {

}

#allradios .tabTextSeparator {
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif; 
	color: #fff;
	padding: 0px 4px 0px 4px;
	
}

#allradios .tabSelect {
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #cac8c8;
    padding:5px;
	background-image:url(/images/new_hp/tab_radios.png);
    background-position: left -50px ;
	width:90px;
	height:15px;
}

#allradios .tabSelect:hover {
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #FFF;	
    padding:5px;
	background-image:url(/images/new_hp/tab_radios.png);
    background-position: left -25px ;
	width:90px;
	height:15px;
}

#allradios .tabSelect a, a:hover, a:link, a:visited { text-decoration: none; }

#allradios .tabSelectActive {
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #FF9900;
    padding:5px;
	background-image:url(/images/new_hp/tab_radios.png);
	width:90px;
	height:15px;
}

#allradios .tabSelectActive:hover {
	text-transform: uppercase;
	font: bold 16px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: #FFF;
    padding:5px;
}

#allradios .tabSelectLastItem {
	float:right;
	color:#fff;
	font: 11px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	padding-right: 20px;
	padding-top:3px;	
}

#allradios .tabSelectLastItem:hover {
	float:right;
	color:#111111;
	font: 11px Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	padding-right: 20px;
	padding-top:3px;
}


#news{ 
	width:460px; 
	position:relative; 
	height:185px; 
	margin-left: auto; 
	margin-right: auto;
	margin-top:5px;
}

#news ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	left:180px; 
	list-style:none; 
	padding:0; margin:0; 
	width:280px; 
}

#news ul.ui-tabs-nav li{ 
	margin:0px;
	padding:0px 0px 4px 0px; 
	font-size:12px; 
	color:#666; 
	background: url(/images/new_hp/newsTextBorder.png) no-repeat 10px top ;
	height: 59px;
}

#news ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}

#news li.ui-tabs-nav-item a { 
	padding-left:20px;
	display:block; 
	height:60px; 
	color:#333; 
	text-decoration: none;	
}

#news li.ui-tabs-nav-item a:hover{ 
	
}

#news li.ui-tabs-selected 
{
	/*background: url(newsTextBorder.png) no-repeat -10px;
	background:url('images/selected-item.gif') top left no-repeat;  */
}

#news ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url(/images/new_hp/newsTextBorder.png) no-repeat -10px;
}

#news .ui-tabs-panel{ 
	width:185px; 
	height:185px; 
	background: url(/images/new_hp/newsImgborder.png) no-repeat;
	position:relative;
	float: left;

}

#news .ui-tabs-panel img {  
	margin:5px;
	width:175px; 
	height:175px; 
}

#news .ui-tabs-panel .info{ 
	position:absolute; 
	top:145px; 
	left:5px; 
	width:175px; 	
	height:35px; 
	background: url('/images/transparent-bg.png'); 
	text-align: center;
}

#news img.ListenButton {
  width: 118px;
  height: 25px;
}

#news .ui-tabs-nav-item .title { 
	color:#3bbff3;
	font: 13px arial, helvetica, sans-serif;
	font-weight: bold;
   text-decoration: none; 
	padding-top:10px;
	border:0px solid red;
	text-align: left;
	margin-left:-5px;
}

#news .ui-tabs-nav-item .date { 
	color:#ffffff;
	font: 10px arial, helvetica, sans-serif;
	font-weight: normal;
   text-decoration: none; 
	padding-top:0px;
	border:0px solid blue;
	text-align: left;
	margin-left:-5px;
}

#news .ui-tabs-hide{ 
	display:none; 
}


#events{ 
	width:460px; 
	position:relative; 
	height:185px; 
	margin-right: 5px;
	margin-top:5px;
}

#events ul.ui-tabs-nav{ 
	position:relative;
	list-style:none; 
	padding:0px; margin:0px; 
	width:290px;
	float:left;
}

#events ul.ui-tabs-nav li{ 
	margin:0px;
	padding:0px 0px 4px 0px; 
	font-size:12px; 
	color:#666; 
	background: url(/images/new_hp/newsTextBorder.png) no-repeat 5px top ;
	height: 59px;
}

#events ul.ui-tabs-nav li span{ 
	font-size:11px; 
	font-family:Verdana; 
	line-height:18px; 
}

#events li.ui-tabs-nav-item a { 
	padding-left:20px;
	display:block; 
	height:60px; 
	color:#333; 
	text-decoration: none;
}

#events li.ui-tabs-nav-item a:hover{ 
	
}

#events li.ui-tabs-selected 
{
	/*background: url(eventsTextBorder.png) no-repeat -10px;
	background:url('images/selected-item.gif') top left no-repeat;  */
}

#events ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url(/images/new_hp/newsTextBorder.png) no-repeat 20px;
}

#events .ui-tabs-panel{ 
	position:absolute; 
	top:0; 
	left:280px; 
	width:185px; 
	height:185px; 
	background: url(/images/new_hp/newsImgborder.png) no-repeat;	
}

#events .ui-tabs-panel img {  
	margin:5px;
	width:175px; 
	height:175px; 
}

#events .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; 
	left:0; 
	height:70px; 
	background: url('/images/transparent-bg.png'); 
	border:0px solid blue;
}

#events .ui-tabs-nav-item .title { 
	color:#3bbff3;
	font: 13px arial, helvetica, sans-serif;
	font-weight: bold;
   text-decoration: none; 
	padding-top:10px;
	border:0px solid red;
	text-align: right;
	margin-right:20px;
}

#events .ui-tabs-nav-item .date { 
	color:#ffffff;
	font: 10px arial, helvetica, sans-serif;
	font-weight: normal;
   text-decoration: none; 
	padding-top:0px;
	border:0px solid blue;
	text-align: right;
	margin-right:20px;
}

#events .ui-tabs-hide{ 
	display:none; 
}

#searchBox {
	padding-bottom: 3px; 
	padding-top: 6px; 
	font: 11px arial, helvetica, sans-serif;
	margin-right: 8px;
	width: 220px;	
	float:right;	
}

img {
	border: 0px;
}

