@charset "utf-8";
/* Style sheet for MODEL Function */


	.modalDialog {											/* The Modal (background) */
		display:block;
		position: fixed;
		font-family: candara ;
		font-size:15px;	
		top: 0;
		right: 100;
		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: 50%;
	position: sticky;
	margin: 5% 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: #FC6;
	color: #039;
	line-height: 25px;
	position: absolute;
	text-align: center;
	right: -12px;
	top: -10px;
	width: 50px;

	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 2px solid #FFF;

}

	.close:hover { 
	background: #F00 ;
	color: #FFF; 
	border: 2px solid #FFF;
	font-weight: bold;
	}
	
.textm{
	font-size:14px;						/* set default all font sizes on the page[1em=50 pixals] */
	font-style:;					/* normal; italic; */
	font-weight:normal;					/* bold; normal; */
	font-variant:;						/* small-caps; normal; */
	letter-spacing:2px;					/* betwen letters ; */
	background-color: #f8f1c1;				/* behind text only;  */
	color:#7b3f0d;							/* font color; */
	text-indent:;					/* First line of text;  */
	text-align:center;		 			/* left;center;right;justified;auto;  */
	line-height:1.5;					/* height per line of text */
	
	}	
	
.textb{
	color: rgba(0,0,0,0.05) ;
	opacity:0;
	
	}