* { margin: 0; padding: 0; /* Quick and Dirty Reset */ }

.resizedTextbox {width: 55px; height: 18px;text-align: center;font-family:helvetica}
}

body {
	color:white;
}

#FirstBtnBusy {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

#FirstBtn {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#FirstBtn p a.press-it-FirstBtn {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/FirstBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#FirstBtn p a.press-it-FirstBtn:hover, #FirstBtn p a.press-it-FirstBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#FirstBtn p a.press-it-FirstBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}


#BackBtnBusy {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

#BackBtn {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#BackBtn p a.press-it-bckbtn {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/BackBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#BackBtn p a.press-it-bckbtn:hover, #BackBtn p a.press-it-bckbtn:active {
			background-position: center; /* Set the position to the center */
		}
		#BackBtn p a.press-it-bckbtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}

		
#FwdBtnBusy {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

#FwdBtn {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#FwdBtn p a.press-it-FwdBtn {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/FwdBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#FwdBtn p a.press-it-FwdBtn:hover, #FwdBtn p a.press-it-FwdBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#FwdBtn p a.press-it-FwdBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}
		

#LastBtnBusy {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

#LastBtn {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#LastBtn p a.press-it-LastBtn {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/LastBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#LastBtn p a.press-it-LastBtn:hover, #LastBtn p a.press-it-LastBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#LastBtn p a.press-it-LastBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}

#PauseBtnBusy {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

#PauseBtn {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#PauseBtn p a.press-it-PauseBtn {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/PauseBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#PauseBtn p a.press-it-PauseBtn:hover, #PauseBtn p a.press-it-PauseBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#PauseBtn p a.press-it-PauseBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}
		
			
#PlayBtnBusy {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}
#PlayBtnBusy p a.press-it-PlayBtnBusy {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/PauseBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#PlayBtnBusy p a.press-it-PlayBtnBusy:hover, #PlayBtn p a.press-it-PlayBtnBusy:active {
			background-position: center; /* Set the position to the center */
		}
		#PlayBtnBusy p a.press-it-PlayBtnBusy:active {
			background-position: bottom; /* Set the position to the bottom */
		}

#PlayBtn {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#PlayBtn p a.press-it-PlayBtn {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/PlayBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#PlayBtn p a.press-it-PlayBtn:hover, #PlayBtn p a.press-it-PlayBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#PlayBtn p a.press-it-PlayBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}
		

#RewindBtnBusy {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

#RewindBtn {
	width: 40px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#RewindBtn p a.press-it-RewindBtn {
		display: block; /* Change anchor to block element */
		width: 40px; height: 40px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/RewindBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#RewindBtn p a.press-it-RewindBtn:hover, #RewindBtn p a.press-it-RewindBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#RewindBtn p a.press-it-RewindBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}

#PDFBtnBusy {
	width: 100px; margin: 8px auto;  /*  margin is space above and below the image */
}

#PDFBtn {
	width: 100px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#PDFBtn p a.press-it-PDFBtn {
		display: block; /* Change anchor to block element */
		width: 100px; height: 50px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/PDFBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#PDFBtn p a.press-it-PDFBtn:hover, #PDFBtn p a.press-it-PDFBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#PDFBtn p a.press-it-PDFBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}
		
#HardBtnBusy {
	width: 100px; margin: 8px auto;  /*  margin is space above and below the image */
}

#HardBtn {
	width: 100px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#HardBtn p a.press-it-HardBtn {
		display: block; /* Change anchor to block element */
		width: 100px; height: 50px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/HardBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#HardBtn p a.press-it-HardBtn:hover, #HardBtn p a.press-it-HardBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#HardBtn p a.press-it-HardBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}


#CollectionBtnBusy {
	width: 100px; margin: 8px auto;  /*  margin is space above and below the image */
}

#CollectionBtn {
	width: 100px; margin: 8px auto;  /*  margin is space above and below the image */
}

	#CollectionBtn p a.press-it-CollectionBtn {
		display: block; /* Change anchor to block element */
		width: 100px; height: 50px; /* Specify width and height of the image. Height is value of each individual button graphic */
		background-image: url(../buttons/CollectionBtnSprite.png); /* Add the image as a background */
		background-position: top; /* Set the position to the top */
	}
		#CollectionBtn p a.press-it-CollectionBtn:hover, #CollectionBtn p a.press-it-CollectionBtn:active {
			background-position: center; /* Set the position to the center */
		}
		#CollectionBtn p a.press-it-CollectionBtn:active {
			background-position: bottom; /* Set the position to the bottom */
		}		
		
		
.ui-slider-vertical {  /*slider size*/
	width: 8px;
	height: 50px;
}
.ui-slider-vertical .ui-slider-handle {  /*the handle*/

	position: absolute;
	cursor: pointer;
	background: url('../buttons/handle2.png') no-repeat 50% 50%;
	z-index: 2;		
	outline: none;
	margin-left: -3px;
	border : 0;
	width: 25px;
	height: 25px;

}

.ui-slider-range {  /*the fill color when you move the slider*/
	background: #B0B0B0 ; /* dark gray */

}

.volume {    /*the speaker icon*/
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	right: -20px;  
	background: url('../buttons/volume.png') no-repeat 0 -50px;
	position: absolute;
	margin-top: 0px;  /*vertical position*/
}

		
		
		
a { outline: none; }