/** ..:: BodyMindLife | Studios ::.. **/

#body { padding: 20px 0; }

/* New Student */
.new_student { position: relative; overflow: hidden; }
.aurora-expander { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 10px; }
.aurora-expander.even { background-color: #F5F5F5; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;  }
h3.aurora-expander-label {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/plus.png) center left no-repeat;
	padding: 20px 0px 10px 45px; 
	margin: 0px 0px 0px -15px;
	cursor: pointer;
	font-size: 24px;
	color: #8DC63F;
}

h3.aurora-expander-label:hover { color: #8DC63F; }

h3.aurora-expander-label-expanded {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/minus.png) center left no-repeat;
	color: #8DC63F; 
}

.aurora-expander-content { margin-left: 45px; zoom: 1;}
.aurora-expander-content p { padding: 0px 0px 10px;  }

.col_list { width: 300px; font-size: 16px; float: left;  }
.col_list.left { }
.col_list.right { width: 600px; }

.is_ie7 hr.studionav_border { border: 1px solid #DEDEDE; z-index: -1; position: relative; top: -7px; }
.is_ie7 hr { border: 3px solid #DEDEDE; height: 0px; }

/* Studio Nav */

.studio_nav { padding: 40px 0px 0px; margin: 0px 0px 0px 5px; border-top: 3px solid #DEDEDE; position: relative; overflow: hidden; }

.studio_nav a { display: block; float: left; font-size: 16px; color: #8DC63F; text-decoration: none; padding: 15px 20px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; }
.studio_nav a:active { color: #999; }
.studio_nav a.selected { color: #333; background-color: #FFF; border: 1px solid #DEDEDE; border-bottom: none; cursor: default; }

.details { padding: 10px 0px 0px; margin-right: 340px; }

.teachers { width: 320px; float: right; margin: 0px; padding: 20px 0px; }
.details h3 { margin: 20px 0px 0px; }
.details .aurora-map h3 { margin: 10px 0px; }

.teachers .teacher {
	width: 96px;
	height: 96px;
	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; 
}

.teachers .teacher:hover { border-color: #8DC63F; }
.teachers .teacher:active { border-color: #8DC63F; opacity: 0.5; }
.teachers .teacher:hover .teacher_name, .teachers .teacher:active .teacher_name { display: block; }
.teachers .teacher.selected { border-color: #8DC63F; }
.teachers .teacher .teacher_name {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/black_80.png) top left repeat;
	position: absolute;
	padding: 5px 0px;
	bottom: 0px;
	left: 0px;
	text-align: center;
	color: #FFF;
	display: none;
	width: 100%;
	font-size: 11px;

}
.teachers .teacher img { width: 96px; }

/* Yoga Pass */
.yoga_pass { width: 320px; height: 170px; float: right; background: #E8E8E8; text-align: center; padding: 150px 0px 0px 0px; color: #CCC; text-shadow: 0px 1px 2px #FFF; }

/* Teacher Popup */
#teacher-popup.popup { width: 820px; height: 450px; padding: 20px; overflow: hidden; }
.is_ie7 #teacher-popup.popup { zoom: 1; }

#teacher-popup h1 { font-size: 46px; font-weight: bold; color: #000; margin: 10px 0px 20px; }

.teacher_profile .teacher_profile { position: relative; overflow: hidden; }

.teacher_profile  .left_col { float: left; width: 220px; padding-left: 20px; }

.teacher_profile  .teacher_photo img { margin: 20px 0px 20px 1px; padding: 5px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); width: 90%; }

.teacher_profile  .right_col  { margin-left: 260px; padding-right: 20px; font-weight: normal; color: #333; font-size: 13px; line-height: 1.3em;  }

.teacher_profile  .right_col p { font-size: 13px; line-height: 1.3em; }

/* Teacher Slides */
#teacher-popup .teacher-slides {
	background: url('/Resources/BML/Sites/BMLYoga/Images/Backgrounds/teacher-slide-bg.jpg') top left repeat-x;
	position: absolute;
	bottom: 0px;
	margin: 0px -20px;
	background-color: #e8e8e8;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	width: 700px;
	padding: 0px 80px 5px;
}

.is_ie7 #teacher-popup .teacher-slides { background: #FFF;  width: 2000px; left: -200px; position: absolute; clear: left; z-index: 999; }

#teacher-popup .divider {
	background: url('/Resources/BML/Sites/BMLYoga/Images/Backgrounds/teacher_slide_divider.jpg') top left no-repeat;
	display: block;
	width: 2px;
	height: 80px;
	position: absolute;
	top: 20px;
}

#teacher-popup .divider.left { left: 60px; }
#teacher-popup .divider.right { right: 60px; }

#teacher-popup .slide-controller a {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Buttons/slide_controllers.png) no-repeat;
	width: 33px;
	height: 33px;
	display: block;
	position: absolute;
	top: 40px;
	text-indent: -999in;
	z-index: 999;
}
#teacher-popup .slide-controller a.next { right: 15px; background-position: top right; }
#teacher-popup .slide-controller a.previous { left: 15px; background-position: top left; }
#teacher-popup .slide-controller a.next:hover { background-position: right -33px; }
#teacher-popup .slide-controller a.previous:hover { background-position: left -33px; }
#teacher-popup .slide-controller a.next:active { background-position: right -66px; }
#teacher-popup .slide-controller a.previous:active { background-position: left -66px; }
#teacher-popup .slide-controller a.inactive, #teacher-popup .slide-controller a.inactive:hover { opacity: 0.1; cursor: default; background-position-y: top; }
#teacher-popup .teacher { width: 80px; height: 80px; text-decoration: none; display: block; float: left; margin: 0px 23px 0px 0px; padding-top: 20px; overflow: hidden; position: relative; }
#teacher-popup .teacher .photo_container {
	width: 76px;
	height: 76px;
	display: block;
	overflow: hidden;
	border: 2px solid;
	border-color: transparent;
	position: relative;
}
#teacher-popup .teacher.aurora-button-hover .teacher_name { display: block; }
#teacher-popup .teacher.aurora-button-press .teacher_name { display: block; }
#teacher-popup .teacher .teacher_name {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/black_80.png) top left repeat;
	position: absolute;
	padding: 5px 0px;
	bottom: 0px;
	left: 0px;
	text-align: center;
	color: #FFF;
	display: none;
	width: 100%;
	font-size: 10px;

}
#teacher-popup .teacher.aurora-button-hover .photo_container { border-color: #8DC63F; }
#teacher-popup .teacher.aurora-button.selected .photo_container { border-color: #8DC63F; }
#teacher-popup .teacher.aurora-button-press {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/current_teacher.jpg) top center no-repeat;
}
#teacher-popup .teacher.aurora-button.selected {
	background: url(/Resources/BML/Sites/BMLYoga/Images/Backgrounds/current_teacher.jpg) top center no-repeat;
}
#teacher-popup .teacher.aurora-button-press .photo_container { border-color: #8DC63F; }
#teacher-popup .teacher img { width: 76px; }

/* Teacher Profile Full */

.teacher_profile.full .left_col { padding: 0px; width: 220px; margin-right: 20px; }
.teacher_profile.full .right_col { margin-left: 0px; line-height: 1.5em; }

.teacher_profile.full .right_col p { line-height: 1.5em; }

.teachers.full .teacher { width: 146px; height: 146px; margin: 0px 20px 20px 0px; }

.teachers.full .teacher img { width: 146px; }

.teacher_studios a { margin: 0px 5px; }

/* New pricing table */
hr.border-dashed {
	width: 100%;
	height: 5px;
	background: url( /Resources/BML/Sites/BMLYoga/Images/Backgrounds/dashed-border.jpg ) top left repeat-x;
	border: none;
	margin: 20px 0 20px;
}

#pricingTables h2 { }

#pricingTables .pricingTable-nav {
	position: relative;
	overflow: hidden;
}

#pricingTables .pricingTable-nav a {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #999;
	padding: 10px 20px;
	font-size: 13px;
	display: inline-block;
}

#pricingTables .pricingTable-nav a:hover {
	text-decoration: none;
	background: #F1F1F1;
}

#pricingTables .pricingTable-nav a.selected {
	background: #333;
	color: #FFF;
}

#pricingTables .aurora-slides-container {
	padding: 10px 0 0;
	border-top: 2px solid #333;
	z-index: 1;
	overflow: visible !important;
	margin-bottom: 30px;
	margin-top: 00px;
}

#pricingTables table { margin: 0 0 30px 0; } 

#pricingTables td { padding: 10px 0px; font-size: 12px; }

#pricingTables .price { width: 120px; text-align: center; }
#pricingTables .price.regular { background: #F6F6F6; }
#pricingTables .header .price { text-transform: uppercase; color: #999; font-size: 11px; }
#pricingTables .type {
	color: #68A611;
	text-transform: uppercase;
	font-size: 12px;
	border-bottom: 2px solid #DEDEDE;
	font-weight: bold;
	padding: 20px 0 10px;
}

#pricingTables .type.blue { color: #72ABF9; }
#pricingTables .type.grey { color: #666; }

#pricingTables .type.orange { color: #FF8E56; }

#pricingTables .cell td { border-bottom: 1px solid #F1F1F1; }

#pricingTables .price strong { font-size: 14px; }
#pricingTables .price em { display: block; font-size: 12px; font-family: Georgia, Times, serif; font-style: italic; padding: 10px 0; }
#pricingTables .highlight td { background: #FFFFF4; }
#pricingTables .highlight td.price.regular { background: #FFFEE4; } 
#pricingTables .cell td.description strong { width: 50px; display: inline-block; } 
#pricingTables .note { font-family: Georgia, Times, serif; font-style: italic; font-size: 13px; }

#pricingTables .info-popup {
	padding: 10px 0px 10px 0px;
	background: #FFFFF4;
	font-size: 11px;
	display: inline-block;
	text-decoration: none;
	color: #666;
	line-height: 0;
	font-weight: normal;
	text-transform: none;
	margin: 0 0 0 10px;
	border-bottom: 1px dotted #666;
}

#pricingTables .info-popup-box {
	background: #333;
	color: #f1f1f1;
	text-transform: none;
	font-size: 12px;
	width: 200px;
	-moz-border-radius: 10px;
	position: absolute;
	z-index: 9;
	padding: 10px 20px;
	font-weight: normal;
	position: relative;
}

#pricingTables .info-popup-box h3 { color: #fff; }

#pricingTables .info-popup-box .arrow {
	background: url( /Resources/BML/Sites/BMLYoga/Images/Backgrounds/info-popup-arrow.png ) top left no-repeat;
	display: block;
	width: 13px;
	height: 28px;
	position: absolute;
	left: -13px;
	top: 30px;

}

#pricingTables .info-popup-box.tc {
	width: 400px;
}

#pricingTables .info-popup-box.tc .arrow {
 	background: url( /Resources/BML/Sites/BMLYoga/Images/Backgrounds/info-popup-arrow-down.png ) top left no-repeat;
	bottom: -13px;
	left: 30px;
	width: 28px;
	height: 13px;
	top: auto;
}

#pricingTables .notes ul { list-style-type: disc; margin: 10px 0 30px 10px; }
#pricingTables .notes li { font-size: 12px; background: none; margin: 0 0 5px 20px; padding: 0 0 0 10px;  }
#pricingTables h3 { font-size: 13px; }


