/* Player container*/

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

#slideshow {
	position:relative;
	width:1278px;
	height:718px;
	border: solid 1px #ccc;
	margin:0 auto;
}
#slideshow #slidesContainer {
	position:absolute;
	width:1160px;
	height:718px;
	margin:0 auto;
	overflow:auto; /* allow scrollbar */
}


#slideshow #slidesContainer .slide {
	width:1160px; /* 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;*/
        background:transparent url(../img/base_test.jpg) 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 {
	width:118px;
	height: 66px;
	top: 0px;
	left:0px;
}

/*#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%;
}*/


#fullscreen img {
    bottom: 0;
    height: 28px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}







/* Up */
#upControl {
	width:118px;
	height: 66px;
	top:133px;
	left:0%;
	background:transparent url(../img/up_t_normal.png) no-repeat 50% 50%;  
}

.upControlDis{
    background:transparent url(../img/up_t_disabled.png) no-repeat 50% 50% !important;    
}

.downControlDis{
    background:transparent url(../img/down_t_disabled.png) no-repeat 50% 50% !important;    
}


#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;
        background:url(../img/timer_test_bg.jpg) repeat-y 0 0;
        border-top:solid 1px #d5d6d8;
        border-bottom:solid 1px #d5d6d8;
        display:none;
}
#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%;
}


.taskShow{
    color:black !important;
    
}

.taskNumber{
	position:relative;
	height: 52px;
	width:118px;
	/*color: rgb(162,164,165);*/
        color:#aaabad;
	text-indent:0;
	font-family:Arial;
	font-size: 150%;
	cursor: pointer	;
	text-align:center;
	/*line-height: 50px;*/
        line-height:54px;
	z-index:10;
}
.taskNumber:hover{
	color:rgb(0,228,237) !important;
}

.taskNumber_active{
    color:rgb(0,228,237) !important;    
}

.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;*/
        height:412px;
	width: 0px;
	border: solid 1px rgb(190,190,190);
        display:none;
}


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


/* Tiny Scrollbar */
#test_scrollbar {width: 105px; /*margin: 20px 0 10px;*/ }
#test_scrollbar .viewport { /*width: 500px; height: 416px;position: relative;*/ overflow: hidden;}
#test_scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#test_scrollbar .scrollbar{position: relative;float: right; width: 15px; }
/*#test_scrollbar .scrollbar{ background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }*/
/*#test_scrollbar .track {z-index:1; background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; top:185px; }*/
#test_scrollbar .track {z-index:1;height: 100%; width:13px; position: relative; padding: 0 1px; top:185px; }
#test_scrollbar .thumb { background-color:#3193F6;  height: 20px; width: 2px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 6px; }
/*#test_scrollbar .thumb { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 6px; }*/
/*#test_scrollbar .thumb .end { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 4px; }*/
#test_scrollbar .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }









/* 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%;
}

.slCenter{
    /*margin:0 auto;*/
    transform-origin: 0 0 0;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

.bodMarg{
    margin:0;   
}

.htmOver{
    overflow:hidden;
}

.ui-draggable{
    -webkit-backface-visibility: hidden;
}

.rightSpaceFix{
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    width:100%;
}

#slideshow .slide{
    background-color:white;
}