.reveal-modal-bg {position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0; }	
.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	background: #eee;
	position: absolute;
	z-index: 101;
	width: 600px;
	padding-top:20px;
	padding-bottom:5px;
	border: 2px solid #fda700;
	-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(css/PIE.htc);
}
.of-hide { overflow:hidden;}

/*ClosePopup START*/
.reveal-modal .close-reveal-modal { position: absolute; top:0px; right:4px; cursor: pointer;} 
.close-reveal-modal .img{ position: absolute; top: 0px; right:-3px; cursor: pointer; z-index:11px;} 
/*ClosePopup END*/
/*adjust popup window width and height START*/
.reveal-modal.small { width: 200px; margin-left: -140px; height:100px;}
.medium {width: 400px;	margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px; height:500px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px; height:500px;}
/*adjust popup window width and height END*/
.of {
	 overflow-y:scroll;
	 overflow-x:hidden;
	 padding:0 15px 15px 15px;
	 height:97%;
}