/** ..:: BodyMindLife ::.. **/

/* Reset */
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

/* General*/
body { font-size: 14px; font-family: Arial, sans-serif; color: #444; background: white; }
#page-container { min-height:215px; background: url(/Resources/BML/Sites/TeacherTraining/Layout/polaroids.jpg) top center repeat-x; }

a { color: #68A611; text-decoration: none; cursor: pointer !important; }
a:hover { text-decoration: underline; }

p { margin: 10px 0; line-height: 1.3em; }
ul, ol { margin: 10px 0 10px 30px; line-height: 1.5em; }
blockquote { line-height: 1.3em; margin: 10px 0 10px 30px; }
img { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }

h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: black; margin: 30px 0 10px; line-height: normal; }
h1:first-child, h1.first-child, h2:first-child, h2.first-child, h3:first-child, h3.first-child, h4:first-child, h4.first-child { margin: 0 0 20px; }
h1 { font-size: 72px; }
h2 { font-size: 24px; font-family: Times, Georgia, serif; color: #999; font-style: italic; font-weight: normal; }
h3 { font-size: 16px; }
h4 { font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 0; }

ul { margin: 10px 0px 20px; }
ul li { padding: 0 0 0 30px; line-height: 1.5em; margin: 0px 0px 5px 0px; background: url(/Resources/BML/Sites/TeacherTraining/Layout/bullet.png) no-repeat 15px 8px; }

/** Common **/
.hide { display: none; }
hr { margin: 20px 0px; border: 0px; background: #DEDEDE; height: 3px; }
.clearfix, .clear { clear: both; }
.notice { padding: 10px; margin: 20px 0 0; font-size: 12px; font-style: italic; color: black; text-align: center; background-color: #e8f4d9; border: 1px solid #c6e29f; }
.aurora-expander { line-height: 1.3em; }
.content-container { position: relative; overflow: hidden; }
.section-buttons { position: relative; overflow: hidden; margin: 20px 0px; }

.section-buttons a { margin-right: 10px; }

/* Buttons */
.page-button { display: block; float: left; color: white; font-size: 12px; font-weight: bold; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.33); }
.page-button span { display: block; background: url(/Resources/BML/Sites/BMLYoga/Images/Buttons/page-green.png) top left no-repeat; }
.page-button .wrap1 { padding: 0 0 0 20px; margin-left: -1px; }
.page-button .wrap2 { padding: 10px 20px 10px 0; margin-right: -1px; background-position: top right; }
.page-button:hover { text-decoration: none; }
.page-button .icon { float: left; width: 16px; height: 16px; margin: -2px 8px 0 0; background: url(/Resources/BML/Sites/BMLYoga/Images/Icons/various.png) top left no-repeat; }

/* Structure */
.row-container { position: relative; width: 960px; margin: auto; }

/* Expander */
.aurora-expander { color:#666666; font-size:12px; }
.aurora-expander-label { display: block; color: black; font-weight: bold; border-bottom: 1px solid #eee; padding: 10px 0; }
.aurora-expander-label:hover { background-color: #ffffee; text-decoration: none; }
.aurora-expander-label:before { content:url(/Resources/BML/Sites/TeacherTraining/Images/Icons/expander-collapsed.png); }
.aurora-expander-label-expanded { background-color: #ffffee; border-color: #e5d98a; text-decoration: none; }
.aurora-expander-label-expanded:before { content:url(/Resources/BML/Sites/TeacherTraining/Images/Icons/expander-expanded.png); }
.aurora-expander-content p { line-height: 1.5em; padding-left: 15px; }

/* Forms */
.field-container { overflow: hidden; position: relative; padding-bottom: 6px; }
.field-label, .field { width: 160px; float: left; padding: 10px; }
.field-label { padding: 10px 20px 10px 0; }
.field { border: 1px solid #c7c7c7; background: white; -moz-box-shadow:  0 1px 3px #ddd inset; -webkit-box-shadow:  0 1px 3px #ddd inset; box-shadow:  0 1px 3px #ddd inset; }
.aurora-overtext { padding: 10px; max-width: 400px; color: #999; font-style: italic; }

.aurora-field-feedback { float: left; padding: 13px 20px 13px 10px; font-size: 11px; font-style: italic; color: #666; background-color: white; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
/* .aurora-field-feedback-valid { border: 1px solid rgba(17,115,42,0.5); border-left: 0; padding: 12px 20px 13px 10px; }
.aurora-field-feedback-invalid { border: 1px solid rgba(171,30,27,0.5); border-left: 0; padding: 12px 20px 13px 10px; } */

/** ..:: HEADER ::.. **/
#header { position: relative; z-index: 100; width: 100%; height: 105px; border-top: 4px solid #b6e673; background-color: rgba(0,0,0,0.6); }
.is_ie #header { background: transparent url(/Resources/BML/Sites/TeacherTraining/Images/Backgrounds/black-60.png) repeat; }
#header .row-container { overflow: visible; padding: 22px 0; }

/* Logo */
#header .logo { margin: 0; float: left; }
#header .logo a { display: block; text-indent: -999in; width: 300px; height: 55px; background: url(/Resources/BML/Sites/TeacherTraining/Layout/bml-logo.png) top left no-repeat; }

/* Nav Menus */
.nav-menu { font-family: Arial, sans-serif; z-index: 100; color: black; font-size: 12px; padding: 10px 0; background: white url(/Resources/COSL/Sites/COSL/Images/Backgrounds/nav-menu.png) bottom left repeat-x; -moz-border-radius: 3px; -moz-border-radius-topleft: 0; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.33); -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.33); border-radius: 3px; border-top-left-radius: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.33); }
.nav-menu .min-width { overflow: hidden; height: 0px; padding: 0 28px 0 10px; color: white; font-weight: bold; font-size: 14px; }
.nav-menu .arrow { position: relative; }
.nav-menu .arrow span { position: absolute; width: 18px; height: 8px; top: -18px; left: 50%; margin-left: -9px; background: url(/Resources/COSL/Sites/COSL/Layout/dropdown-arrow.png) top left no-repeat; }
.nav-menu a { display: block; padding: 0 15px; color: black; }
.nav-menu a .buffer { display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
.nav-menu a:last-child .buffer { border: 0; }
.nav-menu a:hover { text-decoration: none; background: #b6e573; }
.nav-menu a:hover span { border-color: #b6e573; }
.nav-menu a:active, .nav-menu a:focus { background-image: none; }

/* Horizontal Navigation*/
#header .navigation { position: relative; overflow: hidden; float: right; padding: 10px 0; font-size: 14px; font-weight: bold; }
#header .navigation a { float: left; padding: 10px; color: white; text-decoration: none; }
#header .navigation a:hover { text-decoration: none; color: #caff80; }
#header .navigation a.aurora-button-hover, #header .navigation a.aurora-button-press { position: relative; z-index: 200; color: black !important; background-color: white; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#header .navigation .selected, #header .navigation .selected:hover { color: #caff80; }

#header .navigation .arrow { display: block; float: right; width: 8px; height: 5px; margin: 5px 0 0 10px; background: url(/Resources/BML/Sites/TeacherTraining/Images/Icons/hNav-arrow.png) top left no-repeat; }
#header .navigation a.aurora-button-hover .arrow, #header .navigation a.aurora-button-press .arrow { background-position: left bottom; }

/* IE Navgitation */
.is_ie7 #header .navigation, .is_ie6 #header .navigation { float: none; position: absolute; right: 0; width: 560px; }
.is_ie7 #header .navigation a, .is_ie6 #header .navigation a { position: relative; zoom: 1; }
.is_ie7 #header .navigation .arrow, .is_ie6 #header .navigation .arrow { position: absolute; right: 10px; top: 9px; }
.is_ie7 #header .navigation .aurora-button, .is_ie6 #header .navigation .aurora-button { padding-right: 26px; }


/** VERTICAL NAVIGATION **/
#vertical-nav { font-family: Arial, sans-serif; padding: 0 30px 0 0; margin: 0 0 40px; text-align: right; }
#vertical-nav li { background: none; padding: 0; line-height: 1; margin: 0; }
#vertical-nav a { position: relative; display: block; color: #666; font-size: 11px; padding: 5px 18px; }
#vertical-nav .secondary a { padding: 15px 0; color: black; font-size: 13px; border-bottom: 1px solid rgba(0,0,0,0.1); }
#vertical-nav a:hover { color: #68A611; text-decoration: none; }

#vertical-nav .selected, #vertical-nav .selected:hover { position: relative; z-index: 1; margin: -1px -30px 0; padding-right: 48px; color: black; font-weight: bold; border: 0; background: transparent url(/Resources/BML/Sites/TeacherTraining/Layout/vNav-selected.png) no-repeat right center; }
#vertical-nav .secondary .selected, #vertical-nav .secondary .selected:hover { margin: -1px -30px 0; padding-right: 30px; border: 0; }

#vertical-nav .ancestor { font-weight: bold; }
#vertical-nav .arrow { display:block; float:right; height:5px; margin:5px 0 0 10px; width:8px; background:url("/Resources/BML/Sites/TeacherTraining/Images/Icons/hNav-arrow.png") no-repeat left bottom transparent; }

/* Ask a question */
#body .col_feature .buttons { overflow: hidden; }
#body .col_feature .buttons a { display: block; float: left; width: 124px; height: 50px; text-indent: -999in; }
#body .col_feature .buttons .ask { background: url(/Resources/BML/Sites/TeacherTraining/Images/Buttons/ask-question.png) top left no-repeat; margin-right: 1px; }
#body .col_feature .buttons .book { background: url(/Resources/BML/Sites/TeacherTraining/Images/Buttons/book-course.png) top left no-repeat; }

.aurora-floating-box { width: 250px; }
#ask-question-form { margin-top: 10px; }
#ask-question-form textarea.field { width: 228px; height: 120px; padding: 10px; border: 1px solid #c7c7c7; background: white url(/Resources/BML/Sites/TeacherTraining/Images/Backgrounds/ask-question.png) no-repeat center center; -moz-box-shadow:  0 1px 3px #ddd inset; -webkit-box-shadow:  0 1px 3px #ddd inset; box-shadow:  0 1px 3px #ddd inset; }
#ask-question-form textarea:focus { background: white; }
#ask-question-form.aurora-form-processing textarea { background: url(/Resources/BML/Sites/TeacherTraining/Images/Backgrounds/ajax-loader.gif) center center no-repeat; }
#ask-question-form .field { width: 140px; }
#ask-question-form .field.aurora-field-invalid { background: #ffffee; }
#ask-question-form a { opacity: 0.8; position: relative; z-index: 1; margin-top: -7px; display: block; padding: 8px; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.5); color: black; font-weight: bold; font-size: 12px; background: white url(/Resources/BML/Sites/TeacherTraining/Images/Buttons/ask-question-small.png) no-repeat center center; }
#ask-question-form a:hover, #ask-question-form a:focus { opacity: 1; text-decoration: none; }
#form-question-success { padding: 40px 30px 40px 0; font-size: 12px; }
#form-question-success .farewell { color: black; }
#form-question-success .farewell em { color: #666; }

#ask-question-form .field-label { display: block; float: left; padding: 10px 0; font-size: 12px; width: auto; }
#ask-question-form .radio-field { display: block; float: left; padding: 10px 0; font-size: 12px; margin-left: 10px; }

#ask-question-form .aurora-field-feedback { background-color: rgba(0,0,0,0.05); padding: 13px 15px 14px 7px; }
#book-now-button { display: block; width: 250px; height: 60px; margin-top: 20px; text-indent: -999in; background: url(/Resources/BML/Sites/TeacherTraining/Images/Buttons/book-course.png) top left no-repeat; }


/** ..:: BODY ::.. **/
#body { padding-top: 105px; }

/* Layout boxes */
#body .body-container { overflow: hidden; }
#body .layout_box { min-height: 200px; }
#body .col_main { width: 940px; overflow: hidden; position: relative; float: left; padding: 40px 20px 20px; }
#body .col_main.has-vertical-nav { float: left; width: 640px; }
#body .col_main_container.has-secondary-content { width: 440px; }
#body .col_feature { float: left; width: 280px; padding: 90px 0 5020px; margin: -50px 0 -5000px; min-height: 510px; background: transparent url(/Resources/BML/Sites/TeacherTraining/Layout/bg-leftCol.png) top right no-repeat; }
#body .col_secondary { float: right; width: 310px; margin: 38px 0 -5000px 20px; padding: 50px 20px 5020px; font-size: 11px; background: url(/Resources/COSL/Sites/COSL/Layout/bg_secondaryCol.png) top left no-repeat; }

/** Copyright **/
#copyright { font-size: 12px; color: #999; margin: 40px 0; padding: 20px 0; border-top: 1px solid #eee; }
#copyright a { color: #999; }
#copyright a:hover { color: #666; }
#copyright .text { padding:10px 0 0; }
#copyright .logo { float:right; display:block; height:25px; padding:10px 60px 0 0; background:url(/Resources/JazeDigital/jaze_logo.png) top right no-repeat; }
#copyright .logo span { display: none; }

/** ===== ..:: IE6 Banner  ::.. ===== **/

.not_ie #layout_area_ie6 { display: none; }
.is_ie7 #layout_area_ie6 { display: none; }
.is_ie6 #layout_area_ie6 { display: block !important; }

#layout_area_ie6 { display: none; }

#ie6warning {
	background: #FFF2B2; 
	width: 100%;
	display: block;
	text-align: center;
	padding: 20px 0px 20px 0px;
	height: 15px;
	color: #000;
	font-size: 16px;
	zoom: 1;
}

#ie6warning a { color: #8DC63F; text-decoration: underline; font-weight: bold; }
#ie6warning a:hover { color: #8DC63F; text-decoration: none; font-weight: bold; }
