/* 
========================================================================================================= CREDITS
Copyright : Copyright (c) 2008 JPL & JERRDAN. All Rights Reserved.
Author(s) : Larry Daughenbaugh - ldaugh@jplcreative.com 
Date      : 10/13/2008 
========================================================================================================= CHANGE LOG
Date		Name			Desc
---			---				---
02/23/2009	Jamy Kunjappu	Tweaked for JERRDAN Modal
========================================================================================================= BEGIN CSS
*/


/* ====================================================================================================== LIGHTBOX */

.lightbox {
	display: none; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	text-align: left; 
	z-index: 1001;
	}


.lightbox h3 { display: none; }
.lightbox a:link, .lightbox a:visited { color: #000; text-decoration: underline; }
.lightbox a:hover, .lightbox a:active { text-decoration: none; }

.lightbox_mag {
	display: none; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	text-align: left; 
	z-index: 1001;
	}


.lightbox_mag h3 { display: none; }
.lightbox_mag a:link, .lightbox2 a:visited { color: #000; text-decoration: underline; }
.lightbox_mag a:hover, .lightbox2 a:active { text-decoration: none; }

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1c1a1a;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id] { position: fixed; } /* IE6 Can't See This */
#overlay[id] { position: fixed; } /* IE6 Can't See This */


/*Modal Popup for Run Hard Section*/

#modal_popup {
	position:relative;
	width:481px; 
	height:244px;
	background: url(../img/life/run-hard-modal/modal-popup.jpg) no-repeat top center;
	border:10px solid #fff;
}
#modal_popup #close_btn {
	position:absolute;
	top:12px;
	left:434px;
	width:20px; 
	height:21px;
	}
	html>body #modal_popup #close_btn {   
		left:454px;  }

#modal_popup #title {
	position:absolute;
	top:36px;
	left:51px;
	width:358px; 
	font-size:14px;
}
#modal_popup #text {
	position:absolute;
	top:76px;
	left:51px;
	width:385px; 
	line-height:1.2em;
}
#modal_popup #title_email {
	position:absolute;
	top:153px;
	left:51px;
	width:148px; 
}
#modal_popup #email_entry {
	position:absolute;
	top:179px;
	left:52px;
	width:373px; 
	height:25px;
}

#modal_popup #email_entry .email_field {
	position:absolute;
	top:0;
	left:0;
	border:1px solid #747474;
	width:240px; 
	height:23px;
	font-size:1.1em;
	padding:4px 0 0 0;
}
#modal_popup #email_entry .submit_btn {
	position:absolute;
	top:7px;
	left:251px;
	width:63px; 
	height:21px;
}

/*End Modal Popup #1 */



/*Modal Popup #2 for Run Hard Section*/

#modal_popup_magazine {
	position:relative;
	width:774px; 
	height:659px;
	background: url(../img/modal_car_driver/popup.jpg) no-repeat top center;
}
#modal_popup_magazine #close_btn a {
	position:absolute;
	top:6px;
	left:685px;
	width:63px; 
	height:15px;
	text-indent:-999999px;
	}
	html>body #modal_popup_magazine #close_btn a {   
		left:685px;  }

#modal_popup_magazine #logo a {
	position:absolute;
	top:0px;
	left:0px;
	width:201px; 
	height:58px; 
	font-size:10px;
	text-indent:-999999px;
}
#modal_popup_magazine #main_message a {
	position:absolute;
	top:290px;
	left:37px;
	width:498px; 
	height:309px; 
	font-size:10px;
	text-indent:-999999px;
}
#modal_popup_magazine #visit a {
	position:absolute;
	top:604px;
	left:17px;
	width:523px; 
	height:43px; 
	font-size:10px;
	text-indent:-999999px;
}
#modal_popup_magazine #visit2 a {
	position:absolute;
	top:29px;
	left:488px;
	width:130px; 
	height:26px; 
	font-size:10px;
	text-indent:-999999px;
}
#modal_popup_magazine #contact a {
	position:absolute;
	top:29px;
	left:660px;
	width:90px; 
	height:26px; 
	font-size:10px;
	text-indent:-999999px;
}
#modal_popup_magazine #element_learn_text {
	position:absolute;
	top:208px;
	left:564px;
	width:180px; 
	font-size:10px;
	color:#000;
}
#modal_popup_magazine #element_learn_more a {
	position:absolute;
	top:286px;
	left:564px;
	width:111px; 
	height:26px; 
	font-size:10px;
	text-indent:-999999px;
}
#modal_popup_magazine #runhard_text {
	position:absolute;
	top:398px;
	left:564px;
	width:188px; 
	font-size:10px;
	color:#fff;
}
#modal_popup_magazine #runhard_signup a {
	position:absolute;
	top:493px;
	left:564px;
	width:86px; 
	height:26px; 
	font-size:10px;
	text-indent:-999999px;
}

/*End Modal Popup #2 */