/* Mask for background, by default is not display */
#mask {
	display:none;
	background: url(../images/blackBGTrans.png); 
	position: fixed;
	left: 0;
	top: 0; 
	z-index: 50;
	width: 100%; height: 100%;
}
.popup
{
	padding:10px;
	background:#ffffff;
	border:4px solid #d3d3d3;
	color:#463c3c;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
}
.popup a.close
{
	width:25px;
	height:29px;
	top:-14px;
	right:-15px;
	position:absolute;
	background:url(../images/closebox.png) no-repeat;
	z-index:110;
	cursor:pointer;
}

.popup 
{
    display:none;
    z-index:110;
    position: fixed;
	top: 50%;
	left: 50%;
}

/*Manasa Code*/
/*New css for popup*/

.popup1 {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.79);
}

/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
   
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
    overflow-y: auto;
    overflow-x:hidden;
    max-height: 100%;
    padding:20px 0px 0px 0px; 
    position:relative;
     float:left;
      width:100%; 
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}

.popupRenewal {
    width: 100%;
    height: 100%;
    /*display: none;*/
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.79);
}