.pop-up {position:absolute; top:0; left:-500em;}
.pop-up:target {position:static; left:0;}

/* The pop-up itself */
.popBoxUnit{
	background:none;
	position:absolute; left:20%; right:20%; top:20%; bottom:25%;
	z-index:10;
	opacity:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.popBoxAlert{
	background:none;
	position:absolute; left:10%; right:10%; top:0%; bottom:0%;
	z-index:10;
	opacity:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.popBoxSocket{
	background:none;
	position:absolute; left:30%; right:20%; top:20%; bottom:25%;
	z-index:10;
	opacity:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.popBoxZone{
	background:#none;
	  position:absolute; left:35%; right:10%; top:30%; bottom:0%;
	  z-index:10;
	  -moz-border-radius:12px;
	  border-radius:12px;
	  opacity:0;
	  -webkit-transition: opacity 1s ease-in-out;
	  -moz-transition: opacity 1s ease-in-out;
	  -o-transition: opacity 1s ease-in-out;
	  -ms-transition: opacity 1s ease-in-out;
	  transition: opacity 1s ease-in-out;
}

.popBox {
  background:#none;
  position:absolute; left:30%; right:30%; top:30%; bottom:40%;
  z-index:10;
  -moz-border-radius:12px;
  border-radius:12px;
  opacity:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

:target .popBox {position:fixed; opacity:1; z-index:1000;}
:target .popBoxUnit {position:fixed; opacity:1; z-index:1000;}
:target .popBoxAlert {position:fixed; opacity:1; z-index:1000;}
:target .popBoxZone {position:fixed; opacity:1; z-index:1000;}
:target .popBoxSocket {position:fixed; opacity:1; z-index:1000;}

/* Light box properties */
.lightbox {display:none; text-indent:-200em; background:#000; opacity:0.4; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:5;}
:target .lightbox {display:block;}
.lightbox:hover {background:#000;}

/* The pop-ups close link, moved via CSS to the top right of the pop-up */
.close:link,
.close:visited {
  position:absolute; top:-0.75em; right:-0.75em; display:block; width:1em; height:1em;
  padding:0;
  font:bold large/1 arial, sans-serif; text-align:center; text-decoration:none;
  background:#000; border:3px solid #fff; color:#fff;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 1px 1px #3a3a3a;
  -webkit-box-shadow: 0 0 1px 1px #3a3a3a;
  box-shadow: 0 0 1px 1px #3a3a3a;
}
.close:before {content:"X";}
.close:hover,
.close:active,
.close:focus {box-shadow:0 0 1px 1px #c00; background:#c00; color:#fff;}
.close span {text-indent:-200em; display:block;}

/* The pop-up content div will scroll if it has too much content */
/* .popScroll {max-height:99%; overflow:hidden; overflow-y:scroll;} removed 17/07/2012 */
.popScroll {position:absolute; top:0%; left:0%; right:0%; bottom:0%; overflow-y:auto; *overflow-y:scroll; padding-right:0;}


.popupText{font-size:15px; margin:0px 0 0 0px; color:#000;}

.popupTextLink{color:#68aeb5}

.cancel:link,
.close:visited {
  padding:0;
  font:bold large/1 arial, sans-serif; text-align:center; text-decoration:none;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-box-shadow: 0 0 1px 1px #3a3a3a;
  -webkit-box-shadow: 0 0 1px 1px #3a3a3a;
}