/* CSS Document */
/******************************************************************

PLAY CONTROLS 

******************************************************************/ 
#play-controls {
	width:100%;
	background : url(../images/top-bar2.jpg) repeat-x 0% 100%;
}
#play-controls ul {
	margin : 0;
	padding :0;
	list-style:none;
	width : 95%;
	margin : auto;
	padding-bottom :10px;
	min-height : 40px;
}
#play-controls li {
	display: inline;
}
/*************************************************************

PLAY BUTTON

*************************************************************/
* html a:hover {
	visibility : visible;
}
#playgif {
	width : 49px;
	height : 37px;
	visibility: hidden;
}
#play-controls div {
}
#slidebutton {
	display : none;
}
/*************************************************************

PLAY BUTTON

*************************************************************/
#play-btn
{
	display : none;
}
.play {
	float : left;
	background : url(../images/buttons/play.jpg) no-repeat 0% 0%;	
	width : 49px; 
	height : 37px;
}
.play:hover{
	float : left;
	background:url(../images/buttons/play-over.jpg) no-repeat 0% 0%;
	width : 49px; 
	height : 37px;
}

.pause{
	float : left;
	background : url(../images/buttons/pause.jpg) no-repeat 0% 0%;
	width : 49px; 
	height : 37px; 
}

.pause:hover{
	background:url(../images/buttons/pause-over.jpg) no-repeat 0% 0%;
	width : 49px; 
	height : 37px;
}
#playtext {
	display : none;
}
/*************************************************************

SLIDE RW/FF BUTTONS

*************************************************************/
#slide-previous
{
	display : none;
}
#slide-next
{
	display : none;
}
.slide-backward {
	float : left;
	margin : 3px 0px 0px 6px;
	background:url(../images/buttons/backward.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px;  
}
.slide-backward:hover {
	margin : 3px 0px 0px 6px;
	background:url(../images/buttons/backward-over.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px; 
}
.slide-forward {
	float : left;
	margin : 3px 0px 0px 0px;
	background:url(../images/buttons/forward.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px; 
}
.slide-forward:hover {
	margin : 3px 0px 0px 0px;
	background:url(../images/buttons/forward-over.jpg) no-repeat 0% 0%;
	width : 31px; 
	height : 37px; 
}
#currentSlide {
	margin-top : 10px;
	width : 50px; 
}
#backwardtext {
	display : none;
}
#forwardtext {
	display : none;
}
/*************************************************************

TIME

*************************************************************/
#position-bar {
	display : none;
	float : left;
	position : relative;
	left : 5px;
	top : 12px;
	background : url(../images/buttons/time-box.jpg) no-repeat 0% 0%;
	height : 22px;
	width : 180px;
}
#time-text {
	position:relative;
	font-size: 10px; 
	top : 0;
	left : 0;
	z-index: 4;
	text-align : left;
	margin-top : 3px;
}
#playstate {
	position:relative;
	float : left;
	padding : 0px 10px;
	z-index: 4;
}
#time  {
	position:relative;
	float : left;
	visibility: hidden;
	padding : 0px 0px;
	z-index: 4;
}
#playstate, #time a:hover {
	color: #333333;
}
#time, #playstate a:hover {
	color: #333333;
}
#position {
	visibility: hidden;
	position : absolute;
	height : 22px;
	top : 0;
	left : 0;
	background : url(../images/buttons/fill.jpg) no-repeat 0% 0%;
	z-index: 2;
	width:180px;
}
#buffer {
	visibility:hidden;
	position : absolute;
	height : 22px;
	top : 0;
	left : 0;
	background : url(../images/buttons/buffering.gif) no-repeat 0% 0%;
	z-index: 3;
}
#arrow {
	position : absolute;
	height : 24px;
	top : -5px;
	margin-left : -1px;
	background : url(../images/buttons/arrow.gif) no-repeat 0% 0%;
	width : 8px;
	z-index: 5;
}
#line {
	float : left;
	background : url(../images/buttons/top-line.jpg) no-repeat 0% 0%;
	width : 3px;
	height : 44px;
	margin-left : 15px;
	display: none;
}
/*************************************************************

VIEW BUTTON

*************************************************************/
#view-btn
{
	display : none;
}
.view-all {
	float: left;
	background : url(../images/buttons/veiw-all.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
.view-all:hover {
	background : url(../images/buttons/veiw-all-over.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
.view-slides {
	float: left;
	background : url(../images/buttons/veiw-slides.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
.view-slides:hover {
	background : url(../images/buttons/veiw-slides-over.jpg) no-repeat 0% 40%;
	margin : 2px 1em 0px 1em;
	padding : 12px 0px 10px 32px;
}
/*************************************************************

SOUND BUTTON

*************************************************************/
#sound-btn
{
	display : none;
}
.sound-on {
	float : left;
	background:url(../images/buttons/sound-on.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px; 
}
.sound-on:hover {
	background : url(../images/buttons/sound-on-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px;
}
.sound-off {
	float : left;
	background:url(../images/buttons/sound-off.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px; 
}
.sound-off:hover {
	float : left;
	background : url(../images/buttons/sound-off-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 34px; 
}
/*************************************************************

SUBTITLES BUTTON

*************************************************************/
#subtitles-btn
{
	display : none;
}
.subtitles-on {
	float : left;
  	background:url(../images/buttons/subtitles-on.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px;  
}
.subtitles-on:hover {
	float : left;
	background : url(../images/buttons/subtitles-on-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px; 
}
.subtitles-off {
	float : left;
  	background:url(../images/buttons/subtitles-off.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px; 
}
.subtitles-off:hover {
	float : left;
	background : url(../images/buttons/subtitles-off-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px; 
}
/*************************************************************

ACCESSIBILITY BUTTON

*************************************************************/
.accessibility {
	float : left;
  	background : url(../images/buttons/accessibility.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px;
}
.accessibility:hover {
	float : left;
	background : url(../images/buttons/accessibility-over.jpg) no-repeat 0% 40%;
	margin-top : 2px;
	margin-right : 1em; 
	padding : 12px 0px 10px 30px;
}
#js-disabled {
	text-align : left;
	margin-top : 2px;
	margin-left : 100px;
	margin-right : 80px;
	_height : 25px;
	min-height : 25px;
	padding : 5px 15px 0px 50px;
	background : url(../images/no-java.gif) #FFFFCC no-repeat 2% 50%;
}