/*	CSS Design and Coding by Seth Toles for CybermonkeyStudios.com	*/

.AudioPlayer {
	width: 790px;
	height: 70px;
	background-image: url(Layout_Images/AudioPlayerB.png);
}

.AudioControls {
	width: 185px;
	height: 70px;
	
	float: left;
	padding-left: 5px;
}

.AudioButton {
	width: 40px;
	height: 35px;
	background-image: url(Layout_Images/AudioControls.png);
	margin-left: 15px;
	margin-top: 18px;
	
	float: left;
	cursor: pointer;
}

.AudioButton:active {
	background-position:  0px -35px;
}

.PlayIcon {
	width: 90px;
	height: 20px;
	background-image: url(Layout_Images/PlayIcon.png);
	
	margin-left: 25px;
	float: left;
	cursor:pointer;
}

.AudioRow {
	width: 585px;
	height: 35px;
	float: right;
	padding-right: 15px;
}

.AudioTitle {
	z-index: 0;
	height: 25px;
	float: left;
	
	padding-top: 10px;
	font-size: 24px;
	color: #FFFFFF;
}

.AudioArtist {
	height: 17px;
	float: left;
	
	padding-top: 18px;
	padding-left: 15px;
	font-size: 16px;
	color: #FFFFFF;
}

.AudioVolume {
	width: 100px;
	height:13px;
	padding-top: 18px;
	padding-right: 28px;
	
	float: right;
	position: relative;
}

.AudioTime {
	width: 32px;
	height: 13px;
	padding-top: 10px;
	padding-left: 2px;
	
	float: left;
	font-size: 12px;
	color: #FFFFFF;
}

.AudioScrubber {
	width: 505px;
	height: 13px;
	padding-top: 11px;
	padding-left: 7px;
	padding-right: 5px;
	display:inline;
	float: left;
	position: relative;
}

.AudioLoading {
	width: 505px;
	height: 13px;
	display: block;
	float: right;
	background-image: url(Layout_Images/AudioLoading.png);
}

.Knob {
	width: 12px;
	height: 13px;
	background-image: url(Layout_Images/ScrubberKnob.png);
	display: block;
	position: absolute;
	cursor: pointer;
}