/* popup */


		.inlineBackground {
			position:absolute;
			top:50%;
			left:50%;
			width:70%;
			height:70%;
			z-index:400;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			background-image:url(../pics/_00_element_fond_noCross.png);
			background-repeat: round;
			visibility:hidden;
		}
		/* title is above popup */
		.textPopTitle {
			position:absolute;
		    font-family:'Ethno';
		    font-size:18pt;
		    color:cyan;
		    top:7%;
		    z-index:401;
		}
		/* subtitle and description are left-aligned */
		.textPopSubtitle {
			position:absolute;
		    left:15%;
		    top:20%;
		    width:70%;
		    font-family:'Electrolize';
		    color:cyan;
		    font-size:16pt;
		   	z-index:401;
		}
		.testPopDescription {
			position:absolute;
		    left:15%;
		    top:28%;
		    width:70%;
		    height:60%;
		    font-family:'Electrolize';
		    color:white;
		    font-size:12pt;
		   	z-index:401;
		   	overflow-x:hidden;
		   	overflow-y:auto;
		}
		/* text centered is for special messages and contents, it starts at top */
		/* to use combined with centering styles */
		.textPopCentered {
		    position:absolute;
		    top:16%;
		    width:70%;
		    font-family:'Electrolize';
		    color:white;
		    font-size:12pt;
		   	z-index:401;
		}
		/* additional style to textPopCentered */
		.textPopCenteredBigMessage {
		    font-family:'Electrolize';
		    color:cyan;
		    font-size:24pt;
		   	z-index:402;
		}
		.textPopLeaveButton {
			position:absolute;
			/*right:6vmax;
			top:4.5vmin;*/
			right:6.7vmin;
			top:6vh;
			width:6vmax;
			height:5vmax;
			z-index:500;
			opacity:1.0;
		}
		.textPopLeaveButton:hover {
			scale:1.1;
		}
		.inputInPop {
			position:absolute;
			font-family:'Electrolize';
			font-size:16pt;
			text-align:center;
			text-shadow:1px 1px black;
			width:200px;
		   	z-index:402;
		}
		.buttonOKInPop {
			text-shadow:1px 1px black;
			width:200px;
		   	height:71px;
		   	z-index:402;
			opacity:0.8;
		}
		.buttonOKInPop:hover {
			opacity:1.0;
		}
		.textPopBig {
			text-shadow:1px 1px #333333;
			font-size:20pt;
		}
		.popupLink {
			color:cyan;
			text-decoration:none;
		}
		.popupLink:visited, .popupLink:link {
			color:cyan;
			text-decoration:none;
		}
		.popupLink:hover {
			color:white;
			text-decoration:none;
		}
		.popupLinkSmall {
			font-size:12pt;
		}
		
		.zoomTransferLink {
			display: inline-block;
  			text-align: center;
  			background-color:none;
  			color:#008080;
		    
			transition-duration: 0.4s;
		  	text-decoration: none;
		  	overflow: hidden;
  			cursor: pointer;
  			font-family:'Electrolize';
		    font-size:16pt;
		    padding:10px;
		    border-radius:5px;
		    border:2px solid cyan;
		    z-index:15000;
		}
		.zoomTransferLink:hover {
  			background-color:#008080; /* Green */
  			color: white;
		}
		/*.zoomTransferLink:after {
		  content: "";
		  background: #f1f1f1;
		  display: block;
		  position: absolute;
		  padding-top: 300%;
		  padding-left: 350%;
		  margin-left: -20px !important;
		  margin-top: -120%;
		  opacity: 0;
		  transition: all 0.8s
		}
		.zoomTransferLink:active:after {
		  padding: 0;
		  margin: 0;
		  opacity: 1;
		  transition: 0s
		}*/
		.zoomOpenLink {
			display: inline-block;
  			text-align: center;
  			background-color:none;
  			color:#AA15B6;
		    transition-duration: 0.4s;
		  	text-decoration: none;
		  	overflow: hidden;
  			cursor: pointer;
  			font-family:'Electrolize';
		    font-size:16pt;
		    padding:10px;
		    border-radius:5px;
		    border:2px solid #AA15B6;
		    z-index:15000;
		}
		.zoomOpenLink:hover {
  			background-color:#AA15B6; /* Green */
  			color: white;
		}
		.zoomSellLink {
			display: inline-block;
  			text-align: center;
  			background-color:none;
  			color:#00FF00;
		    transition-duration: 0.4s;
		  	text-decoration: none;
		  	overflow: hidden;
  			cursor: pointer;
  			font-family:'Electrolize';
		    font-size:16pt;
		    padding:10px;
		    border-radius:5px;
		    border:2px solid lime;
		    z-index:15000;
		}
		.zoomSellLink:hover {
  			background-color:#00FF00; /* Green */
  			color: white;
		}
		.zoomBuyLink {
			display: inline-block;
  			text-align: center;
  			background-color:none;
  			color:cyan;
		    transition-duration: 0.4s;
		  	text-decoration: none;
		  	overflow: hidden;
  			cursor: pointer;
  			font-family:'Electrolize';
		    font-size:16pt;
		    padding:10px;
		    border-radius:5px;
		    border:2px solid cyan;
		    z-index:15000;
		}
		.zoomBuyLink:hover {
  			background-color:cyan; /* Green */
  			color: black;
		}
		.zoomCancelSellLink {
			display: inline-block;
  			text-align: center;
  			background-color:none;
  			color:#6a0dad;
		    transition-duration: 0.4s;
		  	text-decoration: none;
		  	overflow: hidden;
  			cursor: pointer;
  			font-family:'Electrolize';
		    font-size:16pt;
		    padding:10px;
		    border-radius:5px;
		    border:2px solid #6a0dad;
		    z-index:15000;
		}
		.zoomCancelSellLink:hover {
  			background-color:#6a0dad; /* Green */
  			color: white;
		}
		.zoomBoundLink {
			display: inline-block;
  			text-align: center;
  			background-color:none;
  			color:orange;
		    transition-duration: 0.4s;
		  	text-decoration: none;
		  	overflow: hidden;
  			cursor: pointer;
  			font-family:'Electrolize';
		    font-size:16pt;
		    padding:10px;
		    border-radius:5px;
		    border:2px solid orange;
		    z-index:15000;
		}
		.zoomBoundLink:hover {
  			background-color:orange; /* Green */
  			color: white;
		}
		.zoomLink {
			color:white;
			text-decoration:none;
		}
		.zoomLink:visited, .zoomLink:hover,  .zoomLink:link {
			color:white;
			text-decoration:none;
		}