@charset "utf-8";

/* Style sheet for MODEL Function */

.modalDialog {											/* The Modal (background) */

		display:block;
		width: 700px;
		position: fixed;
		font-family: candara ;
		font-size:15px;	
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.05);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
		overflow: auto;
	}



	.modalDialog:target {

		opacity:1;

		pointer-events: auto;

	}



	.modalDialog > div {		/* Modal Content */

	width: 90%;

	position: relative;

	margin: 10% auto;

	padding: 5px 20px 13px 20px;

	border-radius: 10px;

	border: 5px solid #fee67d;

	background: #fafbfc;

	background: -moz-linear-gradient(#fff, #e6e9ee);

	background: -webkit-linear-gradient(#fff, #e6e9ee);

	background: -o-linear-gradient(#fff, #e6e9ee);

	

	}

	.close {

	background: #0F3;

	color: #FFFFFF;

	line-height: 25px;

	position: absolute;

	right: -12px;

	text-align: center;

	font-weight:normal;

	top: -10px;

	width: 30px;

	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: #ca1020;

	color: ; 

	border: 2px solid #FFF;

	}