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

/* Normal styles for the modal */
#modal {
	visibility: hidden;
	background:#fff;
	left:65%;
	margin:-250px 0 0 -40%; 
	position:absolute;
	top:-48%;
	/*width:630px;*/
	border-radius:5px;
	border: 5px solid #F1E9DC;
	padding:10px;
	box-shadow:0 3px 7px rgba(0,0,0,.25);
	-moz-box-shadow:0 3px 7px rgba(0,0,0,.25);
	-webkit-box-shadow:0 3px 7px rgba(0,0,0,.25);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
	/* Make the modal appear when targeted */
	#modal:target {
		visibility:visible;
		top:40%;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
	}
/* #modal header,#modal footer {
	background:#f7f7f7;
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0; */
}
	#modal footer {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
	}
#modal section,#modal header, #modal footer {
	padding:0px;
	z-index:200;
}
#modal h2 {
	margin:0;
}

#modal .btn {
	display:block;
    position:absolute;
    top:-10px;
    right:-10px;
	float:right;
	-moz-box-shadow:inset 0px 1px 0px 0px #F1E9DC;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F1E9DC;
	box-shadow:inset 0px 1px 0px 0px #F1E9DC;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F1E9DC), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #F1E9DC 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1E9DC', endColorstr='#468ccf');
	background-color:#F1E9DC;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:18px;
	line-height:18px;
	width:18px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
}
#modal .btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #F1E9DC) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #F1E9DC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
	}
#modal.btn:active {
	position:relative;
	top:1px;
	}