/** ..:: Body MindLife | Popups ::.. **/

/* General */
.aurora-popup-blockout { background:black; }
.aurora-popup { background: white; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 1px 8px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 8px rgba(0,0,0,0.5); box-shadow:0 1px 8px rgba(0,0,0,0.5); }
.popup { width:720px; padding:20px; }
.popup .close { float:right; text-indent:-999in; width: 22px; height: 22px; margin:-12px -12px 0 0; opacity:0.5; background:url(/Platforms/Aurora/Images/UI/PopupClose.png) top left no-repeat; }
.popup .close:hover { opacity:1; }
.popup textarea { background:#fafafa; border:1px solid #aaa; color:#333; font-family:arial; font-size:15px; height:80px; margin-bottom:10px; padding:5px; width:240px; }
.popup textarea:focus { background:white; border:2px solid #007b52; padding:4px; }

/* Sections */
.popup .sections { overflow:hidden; font-size:14px; line-height:1.3em; }
.popup .sections .section { background-color:#FAFAFA; border:1px solid #eee; float:left; margin-right:2px; padding:15px 10px 20px; width:216px; }

/* Buttons */
.popup .buttons .cancel { float: left; display: block; margin: 8px 0 0; color: #999; }
.popup .submit-button { display: block; float: left; padding: 8px 16px; margin-right: 5px; overflow: hidden; margin-bottom: 5px; background-color: #eee; border: 1px solid rgba(0,0,0,0.2); color: black; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #ddd; -webkit-box-shadow: 0 1px 2px #ddd; box-shadow: 0 1px 2px #ddd;
	background: -moz-linear-gradient(top, #fafafa, #eee); /* Moz gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee)); /* Webkit gradient */
}
.popup .submit-button:hover { text-decoration: none; background-color: #ddd;
	background: -moz-linear-gradient(top, #fafafa, #e6e6e6); /* Moz gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #e6e6e6)); /* Webkit gradient */
}
.popup .submit-button:focus { background-color: #eee; outline: none;
	background: -moz-linear-gradient(top, #eee, #fafafa); /* Moz gradient */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #fafafa)); /* Webkit gradient */
}


/* Default Image Popup Styles */
.aurora-images-overlay { display:none; position:absolute; z-index:100; left:0; top:0; background-color:#000; cursor:pointer; }
.aurora-images-box { display:none; position:absolute; left:50%; z-index:101; background-color:#fff; }
.aurora-images-stage { position:relative; z-index:103; height:100%; }
.aurora-images-bottom { position:relative; z-index:102; background-color:#fff; height:45px; padding:0 10px; margin-bottom:-45px; }
.aurora-images-close { display:block; float:right; width:66px; height:22px; background:transparent url(/Resources/JazeDocs/Sites/TMM/Content/Images/Examples/Styles/Default/Images/close.gif) no-repeat center; cursor:pointer; }
.aurora-images-prev,.aurora-images-next { position:absolute; z-index:104; width:50%; height:100%; outline:none; display:block; border:none; }
.aurora-images-prev:hover,.aurora-images-next:hover { border:none; }
.aurora-images-next { left:50%; }
.aurora-images-prev:hover { background:transparent url(/Resources/JazeDocs/Sites/TMM/Content/Images/Examples/Styles/Default/Images/prev.gif) no-repeat 0 15%; }
.aurora-images-next:hover { background:transparent url(/Resources/JazeDocs/Sites/TMM/Content/Images/Examples/Styles/Default/Images/next.gif) no-repeat 100% 15%; }
.aurora-images .loading { background:#fff url(/Resources/JazeDocs/Sites/TMM/Content/Images/Examples/Styles/Default/Images/loading.gif) no-repeat center; }
.aurora-images-caption { color:#666; font-size:.8em; font-weight:bold; margin-bottom:6px; }
.aurora-images-counter { font-family:Arial, Helvetica, sans-serif; color:#aaa; font-size:.8em; font-weight:bold; }

/* Event Popup */
#event-popup .header { overflow: hidden; padding: 5px 5px 40px 0; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
#event-popup .header h1 { font-size: 36px; }

#event-popup .header .photo { position: absolute; right: 20px; }
#event-popup .header .aurora-slide { width: 310px; height: 210px; }
#event-popup .header .photo .frame { background: #fafafa; padding: 5px; margin: 0; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3); box-shadow: 0 1px 4px rgba(0,0,0,0.3); }
/* backgrond frame */
	#event-popup .header .background-frame { display: none; -moz-transform:  rotate(-4deg); -webkit-transform:  rotate(-4deg); height:210px; position:absolute; top: 2px; width:310px; z-index:-1; }
	.csstransforms #event-popup .header .background-frame { display: block; }
#event-popup .header .photo h3 { position: absolute; bottom: 0; margin: 0; width: 310px; font-size: 24px; font-weight: normal; font-family: "Reenie Beanie"; background: #fafafa; }
#event-popup .header .photo h3 span { display: block; text-align: center; padding: 7px 0 2px; }
#event-popup .header .aurora-map { background-color:#ECE9E1; height:210px; width:310px; }

#event-popup .header table { float: left; width: 360px; font-size: 13px; color: #666; font-style: italic; }
#event-popup .header table td { padding: 3px 8px; border: 1px solid white; border-width: 0 1px 1px 0; background: #fafafa; }
#event-popup .header tr:nth-child(odd) td { background: #eaeaea; }
#event-popup .header table p { margin: 0 0 10px; }
#event-popup .header table .title { width: 100px; color: black; font-style: normal; }

#event-popup .footer { font-size: 13px; overflow: hidden; }
#event-popup .footer h3 { margin: 0; }
#event-popup .description { height: 100px; overflow: auto; }

#event-popup .buttons { position: relative; overflow: hidden; padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #ccc; }

/* Dates */
#event-popup .event-dates { overflow: hidden; font-size: 11px; margin-bottom: 20px; color: white; }
#event-popup .eventDate { position: relative; float: left; padding: 5px 33px; width: 57px; height: 32px; text-align: center; }
#event-popup .eventDate span { display: block; }
#event-popup .eventDate .date { font-size: 20px; font-weight: bold; color: white; }
#event-popup .eventDate .month-year { color: white; }

#event-popup .startDate { z-index: 1; background-color: #70b312; -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.2); box-shadow: 1px 0 3px rgba(0,0,0,0.2); box-shadow: 1px 0 3px rgba(0,0,0,0.2); }
#event-popup .startDate .arrow { position: absolute; top: 0; right: -10px; height: 42px; width: 10px; background: transparent url(/Resources/BML/Sites/TeacherTraining/Images/Icons/lgDate-arrow.png) no-repeat right center; }
#event-popup .startDateOnly .arrow { display: none; }
#event-popup .endDate { background-color: #80cc14; }

#event-popup .hours { height: 30px; color: #80cc14; width: 42px; border: 1px solid #80cc14; }
#event-popup .hours .numbers { font-size: 20px; font-weight: bold; }

#event-popup .nav { text-align: center; padding: 15px; font-size: 12px; color: #666; }
#event-popup .nav a { text-decoration: none; color: #999; }
#event-popup .nav .selected { color: #666; }


/* Teachers */
.faculty { overflow: hidden; }
.faculty .teacher {
	width: 86px;
	height: 86px;
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
	position: relative;
	overflow: hidden;
	border: 2px solid;
	border-color: transparent;
	text-decoration: none;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
}
.faculty .teacher .teacher_name {
	background-color: black; background-color: rgba(0,0,0,0.8);
	position: absolute;
	padding: 5px 0px;
	bottom: 0px;
	left: 0px;
	text-align: center;
	color: #FFF;
	display: block;
	width: 100%;
	font-size: 11px;

}
.faculty .teacher img { width: 86px; }