/* Specific list styles */
#mainWrap #mainWrapInner { background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/bg_detailsWithSidebar.png ) top left no-repeat; width: 958px; height: 6px; }

#mainWrap ul {}
#mainWrap ul li { list-style-type: none; background: url( /Resources/FY/Sites/FindYoga/Images/Icons/blue_bullet.gif ) top left no-repeat; margin-bottom: 7px; padding-left: 22px; }

#mainWrap #sidebar .linksSidebar {
	position: relative;
	margin-top: 40px; margin-left: 5px;
	z-index: 500;
}

#mainWrap #sidebar .linksSidebar ul {}
#mainWrap #sidebar .linksSidebar ul li {
	list-style-type: none;
	background: url( /Resources/FY/Sites/FindYoga/Images/Icons/blue_bullet_onBlue.gif ) top left no-repeat;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	border: none;
}
#mainWrap #sidebar .linksSidebar ul li a {
	padding: 0px;
	margin-left: 20px;
	font-size: 12px;
	color: #434647;
}
#mainWrap #sidebar .linksSidebar ul li a:hover {
	color: #6c7274;
}

#mainWrap #sidebar .linksSidebar p {
	margin: 2px 0px 0px 0px;
	font-size: 11px;
}

#mainWrap #sidebar .linksSidebar.events .event {
	margin-bottom: 6px;
}
#mainWrap #sidebar .linksSidebar.events a {
	font-weight: bold;
	color: #434647;
	text-decoration: none;
}
#mainWrap #sidebar .linksSidebar.events a:hover {
	color: #6c7274;
}

#mainWrap #sidebar .linksSidebar #twitter_div span a {
	display: inline;
	margin: 0px; padding: 0px;
	font-size: 11px !important;
}
#mainWrap #sidebar .linksSidebar #twitter_div li {
	background: none;
	margin-bottom: 10px;
	padding-bottom: 13px;
	border-bottom: 1px solid #9aaab0;
	width: 130px;
	overflow: hidden;
}
#mainWrap #sidebar .linksSidebar #twitter_div span {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
}

#mainWrap #sidebar .linksSidebar #twitter_div a {
	display: block;
	font-size: 9px !important;
	margin-left: 0px;
	color: #006894;
}

#mainContent .taglineBar {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/taglineBar.png ) top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height: 33px;
	margin-left: -38px;
	padding-left: 40px;
	padding-top: 5px;
	position: relative;
}

#mainContent .taglineBar.large {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/taglineBar_large.png ) top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height: 36px;
	font-size: 14px;
	margin-left: -38px;
	padding-left: 40px;
	padding-top: 7px;
	width: 410px;
	position: relative;
}

#mainContent .taglineBar a {
	color: #ffffca;
	text-decoration: underline;
}

#mainContent .taglineBar span {
	margin-right: 5px;
}

#mainContent .taglineBar a:hover {
	color: #ffffec;
	text-decoration: underline;	
}

#mainContent .classBar {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/classBar.png ) top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height: 33px;
	margin-left: -38px;
	padding-left: 40px;
	padding-top: 5px;
	width: 738px;
}

#mainContent .classBar .day {
	width: 94px;
	float: left;
}


/* Left Column */
#mainContent .name { font-size: 32px; color: #363636; padding-bottom: 0px; padding-right: 20px; margin-bottom: 15px; }
#mainContent .tagline { margin-bottom: 12px; }
#mainContent .description { font-size: 13px; min-height: 160px; }
#mainContent .training { font-size: 13px; padding-right: 20px; } /* Used for Teachers */
#mainContent .bio { font-size: 13px; } /* Used for Teachers */

#mainContent .heading { color: #666666; font-size: 19px; margin-bottom: 15px; }
#mainContent .subheading { color: #666666; font-size: 16px; font-weight: normal; margin-bottom: 10px; }

#mainContent .details { float: left; width: 180px; overflow: hidden; }

#mainContent .field { overflow: hidden; margin-bottom: 7px; position: relative; }

#mainContent .label { position: absolute; }
.is_ie7 #mainContent .label { position: absolute !important; left: 0px; }

#mainContent .input { margin-left: 80px; }

/* Photo */

#mainContent .photo { position: relative; float: right; margin: 0px 25px 25px 25px; }

#mainContent .photo .shadow-left { background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/studio_photo_shadow-left.png') bottom left no-repeat; }
#mainContent .photo .shadow-right { padding-bottom: 10px; background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/studio_photo_shadow-right.png') bottom right no-repeat; }
#mainContent .photo .border { overflow: hidden; border: 1px solid #bfbfbf; padding: 10px; background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/studio_photo.png') bottom left repeat-x; }

#mainContent .photo .photo_container { min-height: 100px; min-width: 100px; text-align: center; background: #e5e5e5 url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/bg_photo_placeholder.jpg') center center no-repeat; }
#mainContent .photo .photo_container img { border: 1px solid #bbb; margin-bottom: -3px; }

#mainContent .photo .studio_name {
	color: #363636;
	font-size: 12px;
	padding: 15px 0 5px 1px;
}	

#mainContent .photo .upload {
	background: url( /Resources/FY/Sites/FindYoga/Images/Icons/blue_pen.png ) top left no-repeat;
	float: right;
	display: block;
	font-size: 13px;
	padding: 6px 0 6px 32px;
	margin-top: 6px;
	margin-right: 1px;
	text-decoration: none;
}

#mainContent .columns {
	border-top: 1px solid #b2b2b2;
	overflow: hidden;
	padding-top: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 30px;
	clear: both;
}

#mainContent .map {
	width: 730px;
	height: 160px;
	border: 1px solid #666666;
	background-color: #E5E3DF;
	display: block;
	margin-bottom: 40px;
}

#mainContent .map .loading { text-align: center; margin-top: 70px; font-size: 17px; }

#mainContent .toolbar { margin-bottom: 25px; padding-top: 15px; margin-top: 10px; border-top: 1px solid #B2B2B2; width: 740px; }

#mainContent .toolbar input {
	border: 1px solid #428292;
	background: #0092CF;
	color: #fff;
	padding: 10px;
	font-size: 15px;
	padding: 5px;
}


/* Panel Styles */
#mainPanel .middle .left { float: left; width: 180px; }

#mainPanel .middle .left h2 { 
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_lightGrey.png ) top left no-repeat;
	padding: 10px 0px 0px 15px;
	width: 165px;
	height: 40px;
	color: #0a3e5f;
	text-transform: uppercase;
	font-weight: normal;
} 

#mainPanel .middle .left a {  display: block; font-size: 12px; padding: 0px 0px 15px 10px; }
#mainPanel .middle .left a.selected {
	display: block;
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/arrow_blue.png ) top left no-repeat;
	width: 170px;
	height: 40px;
	padding: 14px 0px 0px 10px;
	color: #fff;
	text-decoration: none;
}


/* Right Column */
#mainPanel .middle .right { float: left; width: 720px; } 
#mainPanel .middle .right h2 {
	clear: both;
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_lightBlue.png ) top left repeat-x;
	-moz-border-radius: 3px;
	border: 1px solid #c8e6f2;
	width: 720px;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 10px 0px;
}
	
#mainPanel .middle .right .col { float: left; width: 180px;  }
#mainPanel .middle .right .col ul { list-style-type: none; padding: 0px 0px 20px 10px; }


/* Studio details box */
#mainWrap #mainContent { margin: 10px 0px 0px 0px; position: relative; }
.is_ie7 #mainWrap #mainContent { zoom: 1; }

#mainWrap #mainContent .top {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/mainContent_top.png ) top left no-repeat;
	width: 805px;
	height: 10px;
	display: block;
}
#mainWrap #mainContent.long .top {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/mainContent_top_long.png ) top left no-repeat;
	width: 958px;
}

#mainWrap #mainContent .middle {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/mainContent_body.png ) top left repeat-y;
	width: 770px;
	padding: 20px 20px 20px 30px;
	display: block;
	z-index: 100;
	position: relative;
}
#mainWrap #mainContent.long .middle {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/mainContent_body_long.png ) top left repeat-y;
	width: 930px;
}
	
#mainContent #contactForm input, #contactForm textarea {
	display: block;
	padding: 3px;
	color: #92BDCE;
	font-size: 12px;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	width: 310px;
	margin-bottom: 8px;
}

#mainContent #contactForm textarea {
	width: 313px;
	height: 100px;
}

#mainContent #contactForm .submit {
	display: inline;
	width: auto;
	color: #333;
	margin-right: 6px;
}


/* Timetable */
#mainContent .middle #timetable { clear: both; }

#mainContent .middle #timetable h2 {
	clear: both;
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_lightBlue.png ) top left repeat-x;
	-moz-border-radius: 3px;
	border: 1px solid #c8e6f2;
	width: 750px;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 10px 0px;
}

#mainContent .middle #timetable .col {
	width: 90px;
	float: left;
	padding: 5px 0px 5px 3px;
	font-size: 11px;
	overflow: hidden;
	border-right: 1px solid #e2e2e2;
	min-height: 30px;
}

#mainContent .middle #timetable .firstRow {
	background: url( /Resources/FY/Sites/FindYoga/Images/Backgrounds/mainContent_timetable_bg.png ) top left repeat-x;
	padding: 5px 0px 70px 0px;
	color: #00374E;
	margin-top: -5px;
	font-size: 12px;
}
	
#mainContent .middle #timetable .firstCol { width: 58px; } 
#mainContent .middle #timetable .greyBg { background: #f5f5f5; height: 30px; }
#mainContent .middle #timetable a { font-size: 11px; }

/* Listing, used for Teacher and Event summary pages when viewing a studios details */

#mainContent #listing {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_blue.png') top left repeat-x;
	width: auto;
	margin: 0px 30px 0px 0px;
	position: relative;
	z-index: 10;
	padding: 20px 0px 0px 8px;
}

#mainContent .item { overflow: hidden; }

#mainContent #listing p {
	clear: both;
}

#mainContent #listing .studio { float: left; width: 400px; padding: 0px 20px 20px 10px; }
#mainContent #listing .details h1 { color: #0092CF; }
#mainContent #listing .details p { font-style: italic; }

#mainContent #listing .image {
	float: left;
	margin: 0px 16px 20px 10px;
	padding: 3px;
	background: #fff;
	border: 1px solid #ededed;
	width: 90px;
	line-height: 0px;
}

#mainContent #listing .styles { margin-bottom: 15px; }

#mainContent #listing .teacher h1 {
	height: 37px;
	float: left;
	width: 285px;
}

#mainContent #listing .event h1 {
	width: auto;
	height: auto;
	float: none;
}

#mainContent #listing h1 a {
	font-size: 24px;
}

#mainContent #listing h1 a:link { 
	color: #0072a2;
	text-decoration: none;
}

#mainContent #listing h1 a:visited { 
	color: #0072a2;
	text-decoration: none;
}

#mainContent #listing h1 a:hover { 
	color: #018fcb;
	text-decoration: underline;
}

#mainContent #listing h1 a:active { 
	color: #018fcb;
	text-decoration: underline;
}