@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

#iwt_popup_backdrop {
	background-color: #3e3e3e;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.iwt_popup_wrapper {
	background-color: rgba(70, 70, 70, 0.6);
	padding: 5px;
	position: fixed;
	top: 1%;
	left: 1%;
	z-index: 10001;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
}

.iwt_popup_inner {
	background-color: #ffffff;
	/*width: 650px;
	max-height: 500px;*/
	overflow-x: hidden;
	overflow-y: auto;
}

.iwt_popup_inner h2 {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.iwt_popup_inner h2 .close_popup {
	float: right;
	cursor: pointer;
}

.iwt_popup_inner .blockbody.settings_form_border {
	border: 0 none;
}


#iwt_guestoverlay_popup {
/*    max-height: 90%;

    width: 75%;*/
	
   width: 790px;
    overflow: auto;
}



/*        body {
            font-family: 'Open Sans', sans-serif;
        }

        body p {
            font-style: italic;
            font-weight: 300; /* You specify the number you see next to the fonts to change from light to bold ie you would put 700 etc. etc. /
        }*/

*{
     box-sizing: border-box;
}

.inner-popup{ max-width:780px; /*min-height:790px;*/ font-family: 'Open Sans', sans-serif; background:#ccc;}
.no-margin{ margin:0;}
.mt30{ margin-top:30px;}
.mb-none{ margin-bottom:0;}
.clr{ clear:both;}

.blue-left{ width:50%; float:left; padding:30px; background:#136aa5 url("../images/blue-back.png") left bottom no-repeat; min-height: 570px; color:#ffffff; } 
.blue-left h1.mainheading{font-family: 'Open Sans', sans-serif; font-weight: 500; font-size:34px; line-height:38px; margin:0; padding:0;}
.blue-left p{ font-size:20px; line-height:26px; margin-top:25px; padding: 0;}

.orange-btn{ display:inline-block; min-width:125px; padding:10px;  line-height:30px; font-size:22px; font-weight: 500; border-bottom:3px solid #f36b2a; color:#fff; background:#f68d3c; text-decoration:none; text-align:center;}

.alreadymbr{ margin:30px 0 0 0; padding:30px 0 0 0; border-top:1px solid #4c91c5;}

.blue-left h2.heading{font-family: 'Open Sans', sans-serif; font-weight: 500; font-size:24px; line-height:28px; margin: 0 !important; padding: 0 !important;}




.white-right{ width:50%; float:left; padding:30px; background:#ffffff; min-height: 570px; color:#333333;}
h3.heading{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:18px; line-height: 26px; margin:0; padding: 0;} 

.gray-list{ margin:35px 0 0 0; padding:0; list-style:none; font-size:14px;}
.gray-list li{ margin:15px 0 0 0; padding:0 0 0 30px; background:url("../images/gray-bull.png") 0 5px no-repeat;}