.menulnk:hover {    
   left:10px;  
   -webkit-transition: all 0.7s ease; 
  transition: all 0.7s ease;
  z-index: 81; 

	
}

.modalDialog {
		
	    text-align:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;  
		transform: translate(0, -50%);
		position: fixed;   
		float:left;
	 
		opacity:0;
		
		pointer-events: none;
		
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		 
		z-index: 80; 
 	}

.modalDialog:target {
	
	 
	opacity:1;
	pointer-events: auto;
	height: 620px;
	 
	position: absolute;
    top: 310px; 
	  
	left:  67px;
	overflow-y:scroll;
	overflow-x:none; 
 }

.modalDialog > div {
	 
	 
	left:  10px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	border: 10px;
	
 
	 
	z-index: 4;
 
}

.close {
	z-index: 83;
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	  

}

.close:hover { background: #00d9ff; }