/* +------------------------------------------------------------------------+ */
/* | PROPERTY OF ADKNOWLEDGE, ALL RIGHTS RESERVED							| */
/* | GLOBAL MODAL WINDOW STYLES												| */
/* +------------------------------------------------------------------------+ */

.modal_overlay, .modal_iframe_fix, .modal_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
}

.modal_overlay {
	background: #000;
	height: 3000px;
	z-index: 1000;
	opacity: .70;
	filter: alpha(opacity=70);
}

.modal { overflow: hidden; position: relative; }
.modal_iframe_fix { z-index: 50; opacity:.0; filter: alpha(opacity=0); } /* Fix for drop down bleeds in IE6 */
.modal .box_modal_wht { margin: 70px auto 0 auto; }
.modal_wrapper { z-index: 2000; } 
.modal .modal_hidden { display: block !IMPORTANT; }
.modal_content { overflow: auto; overflow-x: hidden; }

h1.title_modal {
	font-size: 18px;
	padding: 5px 0px 10px 10px;
	border-bottom: 3px solid #E9E9E9;
	float: none;
}

/* +--------------------------------+ */
/* | MODAL CLOSE BUTTON				| */
/* +--------------------------------+ */

.btn_close_modal {
	background: url(../images/btn/btn_close_spt.png) no-repeat;
	width: 39px;
	height: 39px;
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 3000;
	cursor: pointer;
	display: block;
}

.btn_close_modal:hover { background-position: 0 -39px; }

/* +--------------------------------+ */
/* | MODAL SWITCHES					| */
/* +--------------------------------+ */

/* HIDE MODALS */
.modal_hidden,
#premium_modal,
#standard_modal,
#social_modal,
#affiliate_modal,
#traffic_modal,
#benefits_modal,
#terms_modal { display: none; }

/* SHOW MODALS */
.premium_modal #premium_modal,
.standard_modal #standard_modal,
.social_modal #social_modal,
.affiliate_modal #affiliate_modal,
.traffic_modal #traffic_modal,
.benefits_modal #benefits_modal,
.terms_modal #terms_modal { display: block; }

/* +------------------------------------------------------------------------+ */
/* | PREMIUM / STANDARD / SOCIAL MODAL										| */
/* +------------------------------------------------------------------------+ */

#premium_modal .box_modal_wht,
#standard_modal .box_modal_wht,
#traffic_modal .box_modal_wht { width: 700px; padding-bottom: 50px; }

#social_modal .box_modal_wht{width:815px; padding-bottom: 50px;}

#premium_modal .modal_content,
#standard_modal .modal_content,
#social_modal .modal_content,
#traffic_modal .modal_content { padding: 15px 25px 0px 25px; }

#premium_modal .modal_content .img,
#standard_modal .modal_content .img,
#social_modal .modal_content .img,
#traffic_modal .modal_content .img {
	width: 100%;
	height: 434px;
	margin-top: 10px;
}

#premium_modal .modal_content .img { background: url(../images/img/img_premium_screens.jpg) center no-repeat; }
#standard_modal .modal_content .img { background: url(../images/img/img_standard_screens.jpg) center no-repeat; }
#social_modal .modal_content .img { background: url(../images/img/optimization.jpg) center no-repeat; }
#traffic_modal .modal_content .img { background: url(../images/img/img_social_screens.jpg) center no-repeat; }

/* +------------------------------------------------------------------------+ */
/* | AFFILIATE MODAL														| */
/* +------------------------------------------------------------------------+ */

#affiliate_modal .box_modal_wht { width: 700px; text-align: center; }
#affiliate_modal .modal_content { padding: 15px 25px 0px 25px; }

/* +------------------------------------------------------------------------+ */
/* | BENEFITS MODAL															| */
/* +------------------------------------------------------------------------+ */

#benefits_modal .box_modal_wht { width: 700px; }
#benefits_modal .modal_content { padding: 15px 25px 0px 25px; }

/* +------------------------------------------------------------------------+ */
/* | TERMS MODAL															| */
/* +------------------------------------------------------------------------+ */

#terms_modal .box_modal_wht { width: 800px; }
#terms_modal .modal_content { padding: 15px 25px 0px 25px; line-height: 18px; }
#terms_modal p { font-weight: bold; margin-bottom: 10px; }
#terms_modal ol span { font-weight: bold; }
#terms_modal ol { list-style: upper-roman; }
#terms_modal ol ol { list-style: upper-alpha; }