﻿/* temp style */
#artist_rotator_container 
{
    padding-left: 375px;
}

/* artist rotator */
.artist_rotator 
{
    position: relative;
    width: 650px;
    height: 340px;
    overflow: hidden;
}
.artist_rotator UL
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.artist_rotator.imagelist LI 
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}
.artist_rotator.rotatornav 
{
    position: absolute;
    top: 315px;
    left: 400px;
    z-index: 2100;
}
.artist_rotator.rotatornav LI
{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin-right: 5px;
    cursor: pointer;
    margin-right: 10px;
}

.artist_rotator LI.artist1 
{
    z-index: 300;
}
.artist_rotator LI.artist2 
{
    z-index: 100;
}
.artist_rotator LI.artist3 
{
    z-index: 200;
}
.artist_rotator.textblockbg
{
    position: absolute;
    top: 230px;
    left: 275px;
    width: 365px;
    height: 150px;
    filter: red() alpha(opacity=80); /* IE */
    opacity: 0.80;
    z-index: 1000;
    background-image: url('../images/FeaturedArtistTextBG.png');
    background-repeat: no-repeat;
    background-size: 100%;

}
.artist_rotator.textblock 
{
    position: absolute;
    display: inline;
    top: 220px;
    left: 300px;
    width: 350px;
    height: 140px;
    overflow: visible;
    z-index: 2005;
}
.artist_rotator.textblock h2
{
    color: White;
    font-size: 1.3em;
    margin-bottom: 5px;
}
.artist_rotator.textblock h3
{
    color: White;
    font-size: 1.0em;
    text-decoration: underline;
    font-weight: normal;
}


/* Music Player */
.featured_player 
{
    width: 100%;
    font-size: 10px;
}

.featured_player.playercontainer 
{
    background-color: #c5c6c5;
    height: 30px;
    position: relative;
    padding: 0px;
    margin: 0px;
    text-align: center;

}
.featured_player.bgleader 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 26px;
    z-index: 50;
    padding: 0px;
    margin: 0px;
}
.featured_player.box.container
{
    width: 1026px;
    margin: 0 auto;
    vertical-align: middle;
    z-index: 100;    
    height: 26px;
    font-size: 10px;
    position: relative;
    text-align: left;
}
.featured_player.box.ctrlbox 
{
    width: 150px;
    height: 26px;
    display: table;
    color: White;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    left: 0px;
}
.featured_player.box.newslettersignup
{
    float: left;
    height: 26px;
    color: White;
    width: 520px;
    position: absolute;
    top: 0px;
    vertical-align: middle;
}
.featured_player.box.ctrlbox .musicplayer-switch 
{
    cursor: pointer;
}

.featured_player.box.ctrlbox span.ctrlbox-switch {
    display: block;
    vertical-align: middle;
    line-height: 26px;
}
.musicplayer-switch-playing 
{
    font-weight: bold;
}
* html .featured_player.box.ctrlbox span 
{
    padding: 3px;
}
.featured_player.box.ctrlbox span img 
{
    vertical-align: middle;
}

.featured_player.box.nowplaying 
{
    float: left;
    height: 26px;
    color: White;
    width: 520px;
    position: absolute;
    top: 0px;
    left: 140px;
    vertical-align: middle;
}
.featured_player.box.nowplaying .artistname
{
    margin-left: 15px;
    line-height: 26px;
}
.featured_player.box.nowplaying .songdetails 
{
    color: #AAA;
    font-style: italic;
    line-height: 26px;
}
.featured_player.box.player, #playercontainer 
{
    position: absolute;
    top: 0px;
    left: 600px;
    height: 24px;
    width: 200px;    
    background-color: #2A2627;
}
#playercontainer_wrapper 
{
    display: none;
}
.featured_player.box.searchbox 
{
    position: absolute;
    top: 2px;
    right: 0px;
    height: 26px;
    width: 200px;
}

.searchfield.rounded,newslettersignup.rounded
{
	height: 20px;
	margin-top: 3px;
}

/* form elements */
input.rounded {
	border: 1px solid #ccc;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
    font-size: 10px;
	padding: 0px 2px 0px 10px;
	outline: 0;
	-webkit-appearance: none;
}
input.rounded:focus {
    border-color: #B42B32;
}

/* adjust home page elements */

#animatedlogo 
{
    top: 0px !important; 
}

div.artist_rotator-background
{
    background-color: black;
    position: absolute;
    bottom: 5px;
    right: 0px;
    width: 260px;
    height: 30px;
    opacity: .7;
    z-index: 999;
}