/* Player container*/

#pageContainer{
	position:absolute;
	background-color:#ffffff;
}

#slideshow {
	position:relative;
	width:1260px;
	height:718px;
	margin:0 auto;
}
#slideshow #slidesContainer {
	position:absolute;
	width:1260px;
	height:718px;
	margin:0 auto;
	overflow:auto; /* allow scrollbar */
}


#slideshow #slidesContainer .slide {
	width:1260px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:718px;
	margin:0;
	/* float: left; float not working, needs to check */
}

/** 
 * Slideshow controls style rules.
 */

#allControls{
	/*display:block;*/
	position:absolute;
	width:118px;
	height:718px;
	top:0;
	right:0;
	background:transparent url(../img/base_test.png) no-repeat 0 0; 
}

.control {
  display:block;
  position:absolute;
  cursor: pointer;
  /*width:65px;
  height:65px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;*/
}


/* make controls unselectable*/
*.control { 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}


/* Full screen */
#fullscreen {
	width:118px;
	height: 66px;
	top: 0px;
	left:0px;
	background:transparent url(../img/fullscreen.png) no-repeat 50% 50%;

}
#fullscreen:hover {
	background:transparent url(../img/fullscreen_over.png) no-repeat 50% 50%; 
}
#fullscreen:disabled {
	background:transparent url(../img/fullscreen_disabled.png) no-repeat 50% 50%; 
}
#fullscreen:active {
	background:transparent url(../img/fullscreen_active.png) no-repeat 50% 50%;
}

/* Up */
#upControl {
	width:118px;
	height: 66px;
	top:133px;
	left:0%;
	background:transparent url(../img/up_t_normal.png) no-repeat 50% 50%;  
}
#upControl:hover {
	background:transparent url(../img/up_t_active.png) no-repeat 50% 50%; 
	
}
#upControl:disabled {
	background:transparent url(../img/up_t_disabled.png) no-repeat 50% 50%; 
	
}
#upControl:active {
	background:transparent url(../img/up_t_active.png) no-repeat 50% 50%; 
	
}
/* Down */
#downControl {
	width:118px;
	height: 66px;
	top :586px;
	left:0;
	background:transparent url(../img/down_t_normal.png) no-repeat 50% 50%;
	/*background-size:100% 100%;*/
}
#downControl:hover {
	background:transparent url(../img/down_t_active.png) no-repeat 50% 50%; 
}
#downControl:disabled {
	background:transparent url(../img/down_t_disabled.png) no-repeat 50% 50%;
}
#downControl:active {
	background:transparent url(../img/down_t_active.png) no-repeat 50% 50%;
}


#timerControl{ /* timer number*/
	top:68px;
	height: 66px;
	width:118px;
	color: rgb(113,130,167);
	text-indent:0;
	font-family:Arial;
	font-size: 150%;
	cursor: default;
	text-align:center;
	line-height: 66px;
}
#timerControl:hover{
	color: rgb(0,116,233);
}
#timerControl:active{
	color: rgb(54,172,84);
}

/* Task number light circle */
#taskNoLight {
	position:absolute;
	width:118px;
	height: 52px;
	top :0px;
	z-index:2;
	background:transparent url(../img/selected.png) no-repeat 50% 50%;
}

.taskNumber{
	position:relative;
	height: 52px;
	width:118px;
	color: #000000;
	text-indent:0;
	font-family:Arial;
	font-size: 150%;
	cursor: pointer	;
	text-align:center;
	line-height: 50px;
	z-index:10;
}
.taskNumber:hover{
	color:rgb(0,228,237)
}
.taskNumber_hover{
	color:rgb(0,228,237)
}
.taskNumber:disabled{
	color:rgb(162,164,165)
}
#sectionNumbers{ /* section number*/
	top:185px;
	height: 416px;
	width:118px;
	overflow:hidden;
	z-index:2;
}

#scrollControl{
	top:185px;
	left:96px;
	height: 402px;
	width: 0px;
	border: solid 2px rgb(190,190,190);
}


#ScrollBulletControl{
	top:185px;
	left:96px;
	height: 402px;
	width: 0px;
	border: solid 2px rgb(49,147,246);
}


/* Full screen */
#finish_button{
	width:118px;
	height: 66px;
	top: 652px;
	left:0px;
	background:transparent url(../img/finish_normal.png) no-repeat 50% 50%;

}
#finish_button:hover {
	background:transparent url(../img/finish_active.png) no-repeat 50% 50%; 
}
#finish_button:disabled {
	background:transparent url(../img/finish_active.png) no-repeat 50% 50%; 
}
#finish_button:active {
	background:transparent url(../img/finish_active.png) no-repeat 50% 50%;
}
