/* 
name: com_aol_music_lp.css
version: 11-10-08
author: Dan Kantor, Ali Hasan

TABLE OF CONTENTS

1. = RESET
2. = UNIVERSAL
3. = BOTTOM BAR
4. = ALBUM CONTAINER
5. = CURRENT ALBUM
6. = SONG CONTAINER
*/

/* = RESET
---------------------------------------------------------
*/
/* END RESET
---------------------------------------------------------
*/

/* = UNIVERSAL
---------------------------------------------------------
*/
.clear {
	clear:both;
}

#comm-content {
	background: #FFFFFF url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_bg_gradient.gif) repeat-x scroll center top;
	font-size: 12px; /* Base Font: 12px */
}
	#comm-content a {
		color: #2864b4;
	}

	#comm-sidebar { width: 26.2em; }
		#comm-sidebar #lp-promoModule {
			border: 1px solid #e6e6e6;
			padding: 0 .83333em .83333em .83333em;
			margin-bottom: .83333em;
		}
			#comm-sidebar #lp-promoModule div.header {
				background: transparent;
				border-bottom:5px solid #E6E6E6;
				color:#333333;
				padding:2.24em 0 .35em 0;
				position:relative;
			}
				#comm-sidebar #lp-promoModule div.header h3 {
					color:#333333;
					font-size:1.5em;
					font-weight:normal;
				}
			#comm-sidebar #lp-promoModule div.body {
				padding-top:.83333em;
				height: 8.83333em;
				overflow: hidden;
			}
				#comm-sidebar #lp-promoModule div.body img {
					border:1px solid #D1D1D1;
					display:block;
					margin-right:0.4167em;
					padding:.41666px;
					float: left;
				}
				#comm-sidebar #lp-promoModule div.body p {
					display: block;
					float: left;
					width: 11.5em;		
					line-height: 1.3em;
				}

	#listeningPartyBody {
		margin-bottom:160px;
	}
/* = END UNIVERSAL
---------------------------------------------------------
*/

/* = BOTTOM BAR
---------------------------------------------------------
*/
div#streampadBottomBar {
	background:url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_sp_player_bg.gif) repeat-x !important;
}
	div#streampadBottomBar a#streampadAudioCaption span {
		color:#A8A4A4 !important;
		margin-right:5px !important;
	}
/* = END BOTTOM BAR
---------------------------------------------------------
*/
	
/* = ALBUM CONTAINER
---------------------------------------------------------
*/
#albumList {
	width: 638px;
}
	#albumList #albumListHeader {
		height: 87px;
		width: 100%;
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_module_header_bg.gif) no-repeat;
		overflow: hidden;
		line-height: 0em;
	}
		#albumList #albumListHeader #logo {
			background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_logo.gif) no-repeat; 
			height: 47px;
			width: 169px;
			margin: 22px 0 0 14px;
			float: left;
			text-indent: -1000px;
		}
		#albumList #albumListHeader #presentedBy {
			/*background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_sponsor_nokia.gif) no-repeat; */
			height: 35px;
			width: 215px;
			margin: 32px 10px 0 0;
			float: right;
		}

	#albumList #albumListMiddle {
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_module_mid_bg.gif) repeat-x; 
		height: 176px;
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow: hidden; 
	}
		#albumList #albumListMiddle #albumListContent {
			height: auto;
			width: 576px;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			position: relative;
			float:left;
		}
			#albumList #albumListMiddle #albumListContent #albumCovers {
				height: auto;
				width: 100000px;
				float: left;
				display: inline;
				overflow: hidden; 
				position: relative;
			}
					#albumList #albumListMiddle #albumListContent #albumCovers .album {
						float:left;
						display: inline;
						margin:5px;
						cursor:pointer;
						width: 134px;
					}
						#albumList #albumListMiddle #albumListContent #albumCovers .album img {
							height: 132px;
							border: 1px solid #000000;
						}
					#albumListMiddle .albumText {
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						text-align:center;
						width:132px;
						overflow:hidden;
						height:14px;
						color: #FFFFFF;
						font-weight: bold;
						margin: 4px 0 0 0;
					}
					#albumListMiddle .artistText {
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						text-align:center;
						width:132px;
						overflow:hidden;
						height:14px;
						color: #FFFFFF;
					}
					#albumList #albumListMiddle #albumListContent #albumCovers .albumSelected img {
						border : 1px solid #4478C4;
					}
	
					#albumList #albumListMiddle #albumListContent #albumCovers .albumHighlight {
						position: absolute;
						background: transparent;
						border : none;
						height: 0px;
						width: 0px;						
					}					
					#albumList #albumListMiddle #albumListContent #albumCovers .albumSelected .albumHighlight {
						position: absolute;
						border : 3px solid #4478C4;
						height: 128px;
						width: 128px;						
					}									
		#albumListMiddle #leftArrow {
			background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_left_arrow.gif) no-repeat;
			text-indent: -1000px;
			float:left;
			top: 0;
			left: 0;
			width: 10px;
			height: 16px;
			margin: 65px 10px 0px 10px;
			position:relative;
			display: inline;
		}
		#albumListMiddle #rightArrow {
			background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_right_arrow.gif) no-repeat;
			text-indent: -1000px;
			float: left;
			top: 0;
			left: 0;
			width: 10px;
			height: 16px;
			margin: 65px 0px 0px 10px;
			position: relative;
			display: inline;
		}

	#albumList #albumListBottom {
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_module_bottom_bg.gif) no-repeat; 
		height: 19px;
		width: 638px;
		overflow: hidden;
	}
		#albumListBottom #pagination {
			margin: 7px 0 0 0;
			float: left;
			display: inline;
			background-color: #000000;
		}
		#albumListBottom .paginator {
			background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_module_pagination.gif) no-repeat;
			width: 12px;
			height: 4px;
			float: left;
			margin-right: 3px;
			cursor: pointer;
		}
		#albumListBottom .paginatorSelected {
			background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_module_pagination.gif) no-repeat -24px 0;
			width: 12px;
			height: 4px;
			float: left;
			margin-right: 3px;
			cursor: pointer;
		}	

/* = END ALBUM CONTAINER
---------------------------------------------------------
*/
/* = CURRENT ALBUM
---------------------------------------------------------
*/
#currentAlbum {
	width: 638px;
	margin:10px 0px 0px 0px;
}
	#currentAlbum #currentAlbumHeader{
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_cdtitle_shadow.gif) no-repeat 0 bottom;
		padding-top: 2px;
		padding-bottom: 16px;
	}
		#currentAlbum #currentAlbumHeader span.title {
			font-size: 24px;
			line-height: 1.25em;
			color: #6e6e6e;
		}
		#currentAlbum #currentAlbumHeader span.by {
			font-size: 16px;
			line-height: 1.25em;
			color: #6e6e6e;
		}	
		#currentAlbum #currentAlbumHeader a.artist {
			font-size: 16px;
			line-height: 1.25em;
		}	
	
	#currentAlbumImg {
		float:left;
		padding-right: 10px;
		height: 425px;
		width:auto;
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_vertical_gradient.gif) no-repeat 100%;
	}
		#currentAlbumImg img {
			border:4px solid #E8E4E3;
		}
		#currentAlbumImg #albumDescription{
			width: 212px;
			margin: 10px 0px 10px 0px;
			color:#000000;
		}	
		#currentAlbumImg #wantItDiv {
			background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_wantit_bg.gif) no-repeat 0 0;
			float: left;
			width: 212px;
		}
			#currentAlbumImg #wantItText {
				background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_want_it.gif) no-repeat;
				height: 41px;
				width: 60px;
				text-indent: -4000px;
				margin: 14px 0 0 14px;
			}
			#currentAlbumImg #wantItButtons {
				float: right;
				margin-top: 10px;
			}
			#currentAlbumImg .wantItButton {
				background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_buy_btn.gif) no-repeat;
				height: 34px;
				width: 117px;
				cursor: pointer;
				margin-right: 10px;
				margin-bottom: 10px;
				color:#FFFFFF;
				font-weight: bold;
				text-align: center;
				line-height: 2.8em;
			}
/* = END CURRENT ALBUM
---------------------------------------------------------
*/

/* = SONG CONTAINER
---------------------------------------------------------
*/
#songContainer {
	float:left;
	width:413px;
}
	#songContainer div.true {	}
	#songContainer div.false {}
	#songContainer div.tracks {
		background-image:url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_play_btn_blue.gif);
		background-repeat:no-repeat;
		background-position:97% 4px;
		cursor:pointer;
		background-color:#FFFFFF;
		color:#6e6e6e;
		height: 29px;
		line-height: 29px;
		padding-left: 6px;
		padding-right: 35px;		
		overflow: hidden;
	}
	#songContainer .notplayable {
		background: none !important;
		cursor: default !important;
	}
	#songContainer div.trackSelected{
		background-image:url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_nowplayingrow_bg.gif);
		background-position:97% 0px;
		font-weight:bold;
	}
	#songContainer div.trackPaused{
		background-image:url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_nowpausedrow_bg.gif);
		background-position:97% 0px;		
		font-weight:bold;
	}	
	#songContainer div.trackSeperator{
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_tracklist_hr.gif) no-repeat;
		height: 1px;
		overflow: hidden;
	}
	#songContainer #albumheader {
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_playfullcd.gif) no-repeat 0 0;
		margin: 0px;
		text-indent: 30px;
		font-family: Arial;
		font-size: 22px;
		color:#4B88DB;
		cursor: pointer;
		height: 46px;
	}
	#songContainer #albumheadernotplayable {
		background: url(http://o.aolcdn.com/art/_media/ch_music2_images/lp_notavailable.gif) no-repeat 0 0;
		margin: 0px;
		text-indent: 30px;
		font-family: Arial;
		font-size: 22px;
		color:#4B88DB;
		height: 70px;
		cursor: default;
	}
	#songContainer #albumHeaderBy {
		color: #CCCCCC;
	}
/* = END SONG CONTAINER
---------------------------------------------------------
*/