/* CSS Document */
body {
background-color:#90a04e;
background-image:url(../images/interface/browse_bg.png);
}


#browse-outer-container {
width:968px;
text-align:center;
}

#browse-logo {
/*text-align:left;*/
float:left;
 width:207px; 
 height:171px;
}

#browse-nav {
text-align:center;
width:584px;
height:440px;
margin-left:207px;
color:white;
}
#browse-nav a {
	color:white;
}

#behind-nav {
text-align:center;
float:left;
width:968px;
height:440px;
float:left;
clear:right;
}
#browse-secure-site {
float:right;
margin-top:324px;
margin-right: 52px;
width:106px;
height:116px;
}

#browse-mainbox {
width:968px;
background-color:#82893e;
background-image:url(../images/interface/browse_mainbox_bg.png);
text-align:left;
float:left;
}

#browse-leftcol {
width:155px;
text-align:center;
padding:22px;
padding-top:  58px;
float:left;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:14px;
}

*html #browse-leftcol { /*IE6*/
padding-top: 74px;
}

#browse-main-livearea {
width:746px;
margin-right:18px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
float:left;
}

.browse-small-img {
	border:  none;
	padding: 0px;
	margin-top:20px;
	margin-bottom:2px;
}

.browse-select {
 background-color: #b8c602;
 color: #000000;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
}


/* CONTROLS THE BEHAVIOR OF THE DROP DOWNS */
.browse-dropdown {
	width: 75px;
	float: left;
	display: inline; /* doubled margin bug fix for IE/win */
	margin-top: 3px;
	height:20px;
	padding-left:2px;
	font-size: 11px;
	margin-left: 2px;
	padding-bottom: -2px;	
}

.browse-dropdown ul {
	width: 75px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	padding-top:-2px;
	text-align:left;
	margin-top: 1px;
	margin-left:0px;
	}
	
.browse-dropdown li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	padding:2px;
	padding-bottom: 4px;  /* Lisa:  make drop down menus persist for hover on entire button */
	font-weight: bold;
	font-family: arial, sans-serif;
	vertical-align: bottom; /* for IE5/win */
	}

.browse-dropdown ul a {
padding: 2px;
vertical-align: bottom; /* needed for IE5/win */
text-align: left;
text-decoration: none;
color: #575630;
}	

.browse-dropdown ul ul { 
position: absolute;  
display: none;
background: #b8c602;
color:#000000;
margin-top:-1px; 
}	/* flyout elements need a background image or color to avoid bugs in IE/win */
	
.browse-dropdown ul ul a {
color: #ffffff;
padding:0px;
}
	
.browse-dropdown ul li:hover ul {
top: 18px;
color:#ffffff;
display: block;
height:auto;
}

.browse-dropdown ul {
position: relative;
left:  -1px;
}

/* IE6/win */	
*html .browse-dropdown ul  {
left:  -2px;
}

/* Get border on menu elements */
.browse-dropdown ul li ul li {
border:  1px solid #000;
border-top:  none;
padding-bottom:  2px;
font-size:  94%;
}
	
.top_item  {
border-top:  1px solid #000;
}
	
.unenabled  li {
color: gray;
}

.enabled li:hover {
color: #ffffff;
background:#575630;
}
	
/* \*/ /*/ 
.navholder ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */

/*  CONTROLS APPEARANCE OF SCROLLBAR */
.scroll_border_outer {
border-right: 3px solid #000000;
}

.scroll_border_inner {
border-left:  3px solid #000000;
border-right: 3px solid #000000;
}

.scrollable {
overflow:auto;
border-top: 3px solid #000000;
border-bottom: 3px solid #000000;
}


/*  CONTROLS APPEARANCE OF CD & PRODUCT ROWS */
.browse_cd_row	td {
background-color:#c0c8ab;
text-decoration:none;
padding-bottom:8px;
}
.browse_cd_row td {
border-bottom:solid 1px #000000;
}


.browse_cd_row_over td {
border-bottom:solid 1px #000000;
background-color:#b2c282;
padding-bottom:8px;
}
.browse_cd_row_over td {
border-bottom:solid 1px #000000;
}

.browse-cd-cover  {
padding: 8px;
padding-bottom:0px;
border:none;
}
.width_setter {
}

.browse-cd-box-content	{
/* begin minheight hack */
min-height:116px;
height:auto !important;
height:116px;
/* end minheight hack */
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:13px;
color:#000000;
margin-left:2px;
margin-right:15px;
margin-top:10px;
}

.cd-browse-head {
font-family:"Arial Black";
color:#403300;
font-size:17px;
line-height:19px;
padding-bottom:4px;
}

.cd-browse-title {
font-family:"Arial Black";
color:#ffffff;
font-style:italic;
font-size:17px;
line-height:19px;
}

.cd-browse-description {
width:530px;
padding-top:10px;
padding-bottom:10px;
}

.cd-browse-buttons a {
text-decoration:none;
}

/*CONTROLS THE SONG BROWSE PAGE CATEGORIES */
.song-title-off {
background-image:url(../images/interface/song_title_off.png);
width:290px;
height:27px;
float:left;
}
.song-title-ASC {
background-image:url(../images/interface/song_title_asc.png);
width:290px;
height:27px;
float:left;
}
.song-title-DESC {
background-image:url(../images/interface/song_title_desc.png);
width:290px;
height:27px;
float:left;
}
.song-title-over {
background-image:url(../images/interface/song_title_over.png);
width:290px;
height:27px;
float:left;
}

.song-artist-off {
background-image:url(../images/interface/song_artist_off.png);
width:166px;
height:27px;
float:left;
}
.song-artist-ASC {
background-image:url(../images/interface/song_artist_asc.png);
width:166px;
height:27px;
float:left;
}
.song-artist-DESC {
background-image:url(../images/interface/song_artist_desc.png);
width:166px;
height:27px;
float:left;
}
.song-artist-over {
background-image:url(../images/interface/song_artist_over.png);
width:166px;
height:27px;
float:left;
}

.song-album-off {
background-image:url(../images/interface/song_album_off.png);
width:183px;
height:27px;
float:left;
}
.song-album-ASC {
background-image:url(../images/interface/song_album_asc.png);
width:183px;
height:27px;
float:left;
}
.song-album-DESC {
background-image:url(../images/interface/song_album_desc.png);
width:183px;
height:27px;
float:left;
}
.song-album-over {
background-image:url(../images/interface/song_album_over.png);
width:183px;
height:27px;
float:left;
}

.song-genre-off {
background-image:url(../images/interface/song_genre_off.png);
width:105px;
height:27px;
float:left;
margin-left:  -1px;
border-right:  1px solid white;
}
.song-genre-ASC {
background-image:url(../images/interface/song_genre_asc.png);
width:105px;
height:27px;
float:left;
margin-left:  -1px;
border-right:  1px solid white;
}
.song-genre-DESC {
background-image:url(../images/interface/song_genre_desc.png);
width:105px;
height:27px;
float:left;
margin-left:  -1px;
border-right:  1px solid white;
}
.song-genre-over {
background-image:url(../images/interface/song_genre_over.png);
width:105px;
height:27px;
float:left;
margin-left:  -1px;
border-right:  1px solid white;  
}




/* CONTROLS THE SONG ROWS */

td.play {
width: 32px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#ffffff;
padding-left:4px;
padding-top:4px;
padding-bottom:8px;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;
}
.song-row-up td.play {
background-color:#828a54;
}
.song-row-over td.play {
background-color:#604926;
}
.song-row-clicked td.play {
background-color:#7a5e30;
}
.song-row-up-last td.play {
background-color:#828a54;
border-bottom:none;
}
.song-row-over-last td.play {
background-color:#604926;
border-bottom:none;
}
.song-row-clicked-last td.play {
background-color:#7a5e30;
border-bottom:none;
}

td.buy {
width: 60px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#ffffff;
padding-left:4px;
padding-top:4px;
padding-bottom:8px;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;
}
td.buy a {
text-decoration: none;
color: #ffffff;
}

.song-row-up td.buy {
background-color:#96ab54;
}
.song-row-over td.buy {
background-color:#753B0C;
}
.song-row-clicked td.buy {
background-color:#8a4a0d;
}
.song-row-up-last td.buy {
background-color:#96ab54;
border-bottom:none;
}
.song-row-over-last td.buy {
background-color:#753B0C;
border-bottom:none;
}
.song-row-clicked-last td.buy {
background-color:#8a4a0d;
border-bottom:none;
}


td.songtitle,
td.songtitle_no_scroll {
width: 185px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-left:4px;
padding-top:4px;
padding-bottom:8px;
padding-right:2px;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;
}
td.songtitle_no_scroll {
width:  177px
}
td.songtitle a,
td.songtitle_no_scroll a {
text-decoration:  none;
color:  #000000;
}
.song-row-up td.songtitle,
.song-row-up td.songtitle_no_scroll {
color:#000000;
background-color:#dfe2d0;
}
.song-row-over td.songtitle,
.song-row-over td.songtitle_no_scroll {
color:#ffffff;
background-color:#6F782B;
}
.song-row-clicked td.songtitle,
.song-row-clicked td.songtitle_no_scroll {
background-color:#809430;
color:#ffffff;
}
.song-row-up-last td.songtitle,
.song-row-up-last td.songtitle_no_scroll {
background-color:#dfe2d0;
border-bottom:none;
color:#000000;
}
.song-row-over-last td.songtitle,
.song-row-over-last td.songtitle_no_scroll {
background-color:#6F782B;
border-bottom:none;
color:#ffffff;
}
.song-row-clicked-last td.songtitle,
.song-row-clicked-last td.songtitle_no_scroll {
background-color:#809430;
border-bottom:none;
color:#ffffff;

}

td.artistname,
td.artistname_no_scroll {
width: 163px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-left:4px;
padding-top:4px;
padding-bottom:8px;
padding-right:2px;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;
}
td.artistname_no_scroll {
width: 159px;
}
td.artistname a,
td.artistname_no_scroll a {
text-decoration:  none;
color:  #000000;
}
.song-row-up td.artistname,
.song-row-up td.artistname_no_scroll {
background-color:#dfe2d0;
color:#000000;
}
.song-row-over td.artistname,
.song-row-over td.artistname_no_scroll  {
background-color:#6F782B;
color:#ffffff;
}
.song-row-clicked td.artistname,
.song-row-clicked td.artistname_no_scroll {
background-color:#809430;
color:#ffffff;
}
.song-row-up-last td.artistname,
.song-row-up-last td.artistname_no_scroll {
background-color:#dfe2d0;
border-bottom:none;
color:#000000;
}
.song-row-over-last td.artistname,
.song-row-over-last td.artistname_no_scroll {
background-color:#6F782B;
border-bottom:none;
color:#ffffff;
}
.song-row-clicked-last td.artistname,
.song-row-clicked-last td.artistname_no_scroll {
background-color:#809430;
border-bottom:none;
color:#ffffff;
}

td.albumname,
td.albumname_no_scroll {
width: 180px;    
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-left:4px;
padding-top:4px;
padding-bottom:8px;
padding-right:2px;
border-bottom:solid 1px #000000;
border-right:solid 1px #000000;
}
td.albumname_no_scroll {
width: 176px;
}
.song-row-up td.albumname,
.song-row-up td.albumname_no_scroll {
background-color:#dfe2d0;
color:#000000;
}
.song-row-over td.albumname,
.song-row-over td.albumname_no_scroll {
background-color:#6F782B;
color:#ffffff;
}
.song-row-clicked td.albumname,
.song-row-clicked td.albumname_no_scroll {
background-color:#809430;
color:#ffffff;
}
.song-row-up-last td.albumname,
.song-row-up-last td.albumname_no_scroll {
background-color:#dfe2d0;
border-bottom:none;
color:#000000;
}
.song-row-over-last td.albumname,
.song-row-over-last td.albumname_no_scroll {
background-color:#6F782B;
border-bottom:none;
color:#ffffff;
}
.song-row-clicked-last td.albumname,
.song-row-clicked-last td.albumname_no_scroll {
background-color:#809430;
border-bottom:none;
color:#ffffff;
}

td.genrename,
td.genrename_no_scroll {
width: 80px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-left:4px;
padding-top:4px;
padding-bottom:8px;
padding-right:2px;
border-bottom:solid 1px #000000;
}
td.genrename_no_scroll {
width: 98px;
}
.song-row-up td.genrename,
.song-row-up td.genrename_no_scroll {
background-color:#dfe2d0;
color:#000000;
}
.song-row-over td.genrename,
.song-row-over td.genrename_no_scroll {
background-color:#6F782B;
color:#ffffff;
}
.song-row-clicked td.genrename,
.song-row-clicked td.genrename_no_scroll{
background-color:#809430;
color:#ffffff
}
.song-row-up-last td.genrename,
.song-row-up-last td.genrename_no_scroll {
background-color:#dfe2d0;
border-bottom:none;
color:#000000;
}
.song-row-over-last td.genrename,
.song-row-over-last td.genrename_no_scroll {
background-color:#6F782B;
border-bottom:none;
color:#ffffff;
}
.song-row-clicked-last td.genrename,
.song-row-clicked-last td.genrename_no_scroll {
background-color:#809430;
border-bottom:none;
color:#ffffff;
}