﻿/*!
 * (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;
}

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

.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)";
}

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

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

}


.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;
}

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

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

.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:relative;
	
	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;
		
}

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

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

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

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

.slideImage {
	position:absolute;
}

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

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

.classLayerElement {
	position:absolute;
}

.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;
}