/*!
 * (c) Forward Thinking BV - All rights reserved - www.fthink.nl
 *
 * turnpages_phone_player.css
 */

html {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	margin:0;
	padding:0;
	overflow-y:hidden;
	background-color:white;
	
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;	
}

#desktopContainer {
	margin:0 auto;
	position: absolute;
	z-index:1000;
}

#desktopContainerAbove {
	margin:0 auto;
	position: absolute;
	z-index:3000;
}

.imageClassDebug{
	padding:2px;
	border:2px solid #000000;
}

.imageClass{
	position:absolute;
	margin: 0px;
  padding: 0px;
  	
	cursor:normal;
}

.textClassDebug{
	
	border-style: solid; 
	border-color: #000000;
	border-width: 1px;	
}

.textClass{
	position:absolute;
	margin: 0px;
  padding: 0px;

	overflow: auto;

	
	/* test = must be removed */
/*
	border-style: solid; 
	border-color: #000000;
	border-width: 1px;
*/
	

	/* cursor:pointer; */
	/* ================= */
	
	/* cursor:default; */
	
	
  
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.0 opacity */
	background: rgba(0, 0, 0, 0.0);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
}

.textArea {
	position:absolute;
	margin: 0px;
  padding: 0px;

	border-style:none;
	border:none;
	border-color: transparent;
	background: transparent;
	
	outline: none;
}

.inputTextClassDebug{
	position:absolute;
	margin: 0px;
  padding: 0px;

	border-style:none;
	border:none;
	border-color: transparent;
	background: transparent;
	
	border-style: solid; 
	border-color: #000000;
	border-width: 1px;	
	
	outline: none;

}

.inputTextClass{
	position:absolute;
	margin: 0px;
  padding: 0px;

	border-style:none;
	border:none;
	border-color: transparent;
	background: transparent;
	
	outline: none;

}


select[disabled] { background-color: #EEEEEE; }

.buttonElementClass{
	position:absolute;
	margin: 0px;
  padding: 0px;
  
	cursor:pointer;
	
	
	
}

#indexContainer{
	margin:0 auto;
	position: absolute;
	z-index:4500;
	
}

#indexContent{
	
	overflow:hidden;
	position: absolute;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	z-index:4500;
	
}

#indexResultBox {
	
	left: 0px;
	top: 0px; 
	 
	overflow:hidden;
	display:block; 
	cursor:move;
	
	float:left;
	z-index:1;

}


#searchContainer{
	margin:0 auto;
	position: absolute;
	z-index:5500;
}

#searchResultContent{
	overflow:hidden;
	position: absolute;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	z-index:5500;
}

#searchResultBox {
	position:relative;
	left: 0px;
	top: 0px;
	 
	overflow:hidden;
	display:block; 
	cursor:move;
	
	float:left;
	z-index:1;
}


.scrollResultContent{
	overflow:hidden;
	position: absolute;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;

}

.scrollResultBox {
	position:relative;
	left: 0px;
	top: 0px;
	 
	overflow:hidden;
	display:block; 
	cursor:move;
	
	float:left;
}

.classLayerContent{
	
	overflow:hidden;
	position: absolute;
	
	cursor:move;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.classLayerContentBox {
	position:absolute;
	left: 0px;
	top: 0px;
	 
	//overflow:hidden;
	display:block; 
	//cursor:move;
	
	float:left;
	z-index:1;
}

/* Styled scrollbars */

.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 9999;
	height: 5px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	overflow: hidden;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
	height: 100%;
	background: #AAAAAA
}







.iScrollVerticalScrollbar { 
 	position: absolute; 
 	z-index: 9999; 
 	width: 3px; 
 	bottom: 2px; 
 	top: 2px; 
 	right: 2px; 
 	overflow: hidden; 
 } 


.iScrollVerticalScrollbar .iScrollIndicator { 
  width: 100%;
	background: #AAAAAA
 } 




/* end */

.scroller {
	position:absolute; 
	padding:0;
	width:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:1;
}



.scroller ul {
	padding:0;
	margin:0;
	border:0;
	width:100%;
	list-style:none;
}


.scrollRow {
	position:absolute;
	
	margin:0;
	border:0;
	padding:0;

}

.scrollColumn {
	position:absolute;
	
	margin:0;
	border:0;
	padding:0;

}

.searchResultRow {
	margin:0;
	border:0;
	padding:0;

}


#zoomContainer{
	margin:0 auto;
	position: absolute;
	z-index:3500;
	
}


#zoomContent{
	
	overflow:hidden;
	position: absolute;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index:3500;
	
		background-color:white;
	
}

.zoomHotspotsClass {
	position:absolute;
	float:left;
	z-index:3800;
}


#tp_layer_index_result{
	overflow:hidden;
	position: absolute;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}

#zoomPageImage{
	left: 0px;
	top: 0px;
	position: absolute;

}

#zoomImage{
	left: 0px;
	top: 0px;
	position: absolute;
	

}


#zoomImageBig{
	left: 0px;
	top: 0px;
	position: absolute;
	
	
}


#page {
	margin:0 auto;
	width: 100%;
	height: 100%;
}

#loader {
	margin:0;
	padding:0;
	
	position: absolute;
	left: 50%;
	top: 50%;
	
	display: none;
	
	z-index:5000;
}

#percentageLoader {
	margin:0;
	padding:0;
	
	position: absolute;
	left: 50%;
	top: 50%;
	
	width:40%;  
	height:5px;
	
	background-color:#ACACAC;
	border:0.5px solid #E1E1E1;  
	
	
	z-index:5100;
}

#progressIndicator{  
	
	position: absolute;
	left: 0%;
	top: 0%;

		margin:0;
		width:0px; 
		height:100%;

		
		
		
		
		background: #F6A800; 
		
	}

#slideContainerAbove {
	margin:0;
	padding:0;
	background:#000;
		
}

.slideContentClass {
	position:absolute;
	float:left;
	z-index:9000;
}

.pageHotspotsClass {
	position:absolute;
	float:left;
	z-index:9500;
}


#wrapper {
				
		position: absolute;
		width: 100%;
		height: 100%;
		
		//overflow:hidden;
		//box-sizing: border-box;
		//-webkit-box-sizing: border-box;
		z-index:2000;
}

.wrapperSlide {
		overflow:hidden;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
}


#slideContainer {
	position:absolute;
	left:0px;
	top:0px;
	
	margin:0;
	padding:0;
	background:#000;
	display:none;	

	background-color: transparent;

}

.slideContainer {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

}

.slideClass {
	position:absolute;
	background:transparent;
	float:left;
}

.slideImage {
	position:absolute;
}



#staticPage {
		position: absolute;
		z-index:2000;
}



.classLayerElement {
	position:absolute;
	

}

.classLayerElementFixed {
	position: fixed;
	top: 0px;
  right: 0px;
}

.classElement {
	position:absolute;

}

.classSlides {
	position:absolute;
}

.text_button{
	color: White;
	vertical-align: top;
	background-color: none;
	cursor:default;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.text_button a{
	text-decoration: none;
	display: block;
	padding-bottom: 2px;
	background-color: none;
	cursor:default;
}

.text_button a:hover{
	background-color: none;
	cursor:default;
}


@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg);}
  100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg);}
  100% { -moz-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
	
#loaderImage {	
	
	animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
}

#roundLoaderImage_image {	
	animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
}


.classEcommerceSelect {
	position:absolute;
	
	
   cursor:pointer;
	
}

#testDiv {
		position: absolute;
		z-index:10000;
}

/* 
////////////////////////////////////////////////////////////////////////////////////////////////////
 		START SLIDER UI
////////////////////////////////////////////////////////////////////////////////////////////////////
 */
 
 .slider-wrapper {
  margin: 50px 0 30px 30px;
  position: relative;
  width: 400px;
}

.display-box-label {
  font-size: 0.8em;
  position: absolute;
  right: -80px;
  top: -8px;
}

.display-box {
  background-color: #f7fcff;
  border-radius: 5px;
  font-size: 0.8em;
  height: 23px;
  right: -140px;
  padding-top: 2px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 50px;

  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
}


/**
 * Horizontal slider style (default).
 */

.range-bar {
  border-radius: 5px;
  display: block;
  position: relative;
  width: 100%;
  
  background-color: #a9acb1;
  height: 4px;
}

.range-quantity {
  border-radius: 5px;
  display: block;
  height: 100%;
  width: 0;
  
  background-color: #ff0000;
}

.range-handle {
  border-radius: 100%;
  cursor: move;
  position: absolute;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  
  
  left: 0px;
  top: -15px;
  height: 30px;
  width: 30px;
  background-color: #fff;
  
}

.range-min,
.range-max {
  color: #181819;
  font-size: 12px;
  height: 20px;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  top: -9px;
  width: 24px;
}

.range-min {
  left: -30px;
}

.range-max {
  right: -30px;
}


/**
 * Style for disabling text selection on handle move.
 */

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * Style for handle cursor on disabled slider.
 */

.range-disabled {
  cursor: default;
}


/* 
////////////////////////////////////////////////////////////////////////////////////////////////////
 		END SLIDER UI
////////////////////////////////////////////////////////////////////////////////////////////////////
 */