/*--- LIVE EVENTS GLOBAL STYLES ---*/
li.first { 
	margin-left: 23px; 
}
li.last { 
	margin-left: 30px; 
}
span.grey { 
	color: #333333; 
}
.newEvent { 
	background: url(/images/education_center/live_events_eventBg.gif) bottom left repeat-x; 
	margin-bottom: 10px;
	min-height: 45px;
}
.register {
	width: 115px; 
	text-align: right; 
}
.eventBottom { 
	height: 5px; 
}
.expired { 
	display: none; 
}
.open { 
	display: block; 
}
.featuredMap { 
	float: right; 
	text-align: right; 
}
.disclaimer { 
	margin-bottom: 10px; 
}

.events { 
	width: 765px; 
}
.event_nav { 
	width: 100%; 
	border-bottom: 1px solid #cccccc; 
	width: 765px; 
}
.event_nav ul.event_menu { 
	margin: 0; 
	padding: 0 0 0 1px; 
	list-style-type: none; 
	border: 1px solid #cccccc; 
	float: left; 
	border-bottom: 0; 
}
.event_nav ul.event_menu li { 
	float: left; 
	margin: 1px 1px 0 0; 
	padding: 0; 
}
.event_nav ul.event_menu li a { 
	float: left; 
	display: block; 
	line-height: 26px; 
	background: url(/images/education_center/nav_off.gif) left repeat-x; 
	color: #2d6894; 
	font-weight: bold;
	font-size: 16px;
	padding: 0 17px;
}
.event_nav ul.event_menu li a:hover {
	background: url(/images/education_center/nav_on.gif) left repeat-x; 
	color: #ffffff;
}
body.tab1 a#tab1, body.tab2 a#tab2 { 
	background: url(/images/education_center/nav_on.gif) left repeat-x; 
	color: #ffffff; 
}
.linkRight { 
	float: right; 
	margin: 5px 10px 0 0; 
}
.hide { 
	display: none; 
}
.show { 
	display: block; 
	padding: 0 10px 15px 10px; 
}
.tbd { 
	padding-right: 50px 
}
.dateTimeTitle { 
	width: 650px; 
	float: left; 
	margin: 0 0 10px 10px; 
}
.openIcon { 
	position: relative; 
	top: 2px; 
}
#eventType { 
	font-size: 18px; 
	text-transform: uppercase; 
	padding: 15px 10px; 
	color: #333333; 
}
a.eventTitle, a.eventTitle:visited { 
	color: #222222; 
}
a.eventTitle:hover, {
	color: #23909a;
}
.eventHead { 
	position: relative; 
	width: 765px; 
}
#maplink { 
	position: absolute; 
	top: 20px; 
	right: 10px; 
	font-size: 14px; 
	font-weight: bold; 
}
.futures_disclosure {
	margin: 15px 0 0 0; 
	font-size: 12px; 
	line-height: 16px; 
	color: #666666;
}
.clear { clear: both; }
/*----------------------*/



/*--- REGISTTRATION FORM STYLES ---*/
#registrationShadow {
	width: 958px;
	height: 767px;
	position: fixed;
	left: 11%; 
	top: 5.5%;
	z-index: 1;
	background: url(/images/education_center/registrationShadow.png) no-repeat;
}
#registrationWrapper {
	z-index: 2; 
	width: 900px; 
	height: 715px;
	border: 2px solid #333333;  
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	position: fixed; 
	left: 14.5%; 
	top: 6%;  
}
.registrationModule {
	width: 850px;
	height: 650px;
	border: 1px solid #999999;
	margin: 0 auto;
	position: relative;
	top: 25px;
}
p.close {
	text-align: right;
	padding: 10px 0;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: 25px;
}
.regShadow {
	position: absolute;
	top: -7px;
	left: -37px;
}
/*----------------------*/


/* GOOGLE MAP STYLES */
.frameContainer { 
	position:relative; 
	overflow: hidden; 
	text-align: left; 
	margin: 0 auto; 
	width: 760px; 
	height: 600px; 
	border: 1px solid #666666;
}
.mapFrame { 
	position:absolute; 
	left: -388px; 
	top: -129px; 
}

#mapModule {
	 z-index: 2; 
	 width: 800px; 
	 border: 1px solid #333333; 
	 text-align: center; 
	 background-color: #ffffff; position: absolute; 
	 left: 17%; 
	 top: 9%;  
	 font-family: Arial, Helvetica, sans-serif; 
}
.closeDiv { 
	text-align: right; 
	padding: 10px 20px 0 0; 
	float: right; 
	width: 30px; 
	font-size: 12px; 
}
.titleDiv { 
	float: left; 
	width: 300px; 
	text-align: left; 
	padding: 10px 0 0 20px; 
	color: #444444; 
}
.spacer { 
	padding: 20px 0; 
}
.mapShadow { 
	background: url(/images/education_center/mapShadow.png) no-repeat;
	width: 810px; 
	height: 685px; 
	position: absolute; 
	left: 15%; 
	top: 10%; 
	z-index: 1; 
}
/*----------------------*/



/*--- IE6 FIXES ---*/

.mapShadow { 
	_background: url(/images/education_center/mapShadowIE6.gif) repeat; /* for IE6 */
	_width: 800px; 
	_height: 675px; 
	_left: 15%; 
	_top: 11%; 
	_-moz-opacity: 0.15; 
	_filter: alpha(opacity=15); 
	_opacity: 0.15;  
}

#registrationWrapper {
	_position: absolute;
	_left: 4%; 
	_top: 1%;  
}

#registrationShadow {
	_position: absolute;
	_background: none;
}
.show {
	_padding: 0 10px 15px 20px; 
}