@charset "utf-8";
/* CSS Document */

.button { 
	width: 150px; 
	padding: 10px; 
	font-weight:bold; 
	text-decoration:underline; 
	text-align: center;
	} 
#cover{ 
	position:fixed; top:0; left:0; 
	background:rgba(0,0,0,0.6); 
	z-index:5; width:100%; height:100%; display:none; 
	} 
	
#loginScreen {
	height:380px;
	width:340px;
	margin:0 auto;
	position:relative;
	z-index:20;
	display:none;
	border:5px solid #cccccc;
	border-radius:10px;
	background-color: #FFC;
	background-repeat: no-repeat;
	margin-top: 150px;
	} 
#loginScreen a {	
	text-decoration: underline;
}

#loginScreen:target, #loginScreen:target + #cover{ 		    display:block;
    opacity:2;
	
	
	} 
	
#popup {
	width: 190px;
	height: 50px;
	float: left;
	margin-top: 50px;
}
#close {
	float: left;
	width: 80px;
	text-align: center;
	
}
.cancel {
	display:block;
	position:absolute;
	top:3px;
	right:2px;
	color:black;
	height:37px;
	width:37px;
	font-size:30px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/close.jpg);
	background-repeat: no-repeat;
	
	} 
	
#loginScreen:target, #loginScreen:target + #cover p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
  color: #030;
}
#loginScreen:target, #loginScreen:target + #cover h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
    color: #030;
	padding: 0px;
}