/************** Studio Pages Styles ***********************************/

/*== Studio - Browse  ==*/

/* Left Column */

#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 - Browse - Major City ==*/

#mainPanel .middle a.backToSelect {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/arrow_back_circle.png') center left no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 10px;
	}

/* Studios, Teachers, Events Tabs */

#mainPanel .middle #SecondaryTabs { clear: both; margin: 40px 0px 9px 0px; position: relative; z-index: 999;}
#mainPanel .middle #SecondaryTabs .secondaryTab { text-decoration: none; margin-right: -10px; font-size: 12px; }

#mainPanel .middle #SecondaryTabs .secondaryTab .wrap1 { 
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/SecondaryTab_left.png') top left no-repeat;
	padding: 10px 10px 10px 10px;
	}

#mainPanel .middle #SecondaryTabs .secondaryTab .wrap2 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/SecondaryTab_right.png') top right no-repeat;
	padding: 10px 20px 10px 10px;
	}

#mainPanel .middle #SecondaryTabs .current .wrap1 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/SecondaryTab_left_current.png') top left no-repeat;
	padding: 10px 10px 10px 10px;
	}

#mainPanel .middle #SecondaryTabs .current .wrap2 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/SecondaryTab_right_current.png') top right no-repeat;
	padding: 10px 17px 10px 10px;
	}
	
#mainPanel .middle #SecondaryTabs .dropDown {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/arrow_down_circle.png') center left no-repeat;
	padding: 3px 0px 3px 30px;
	margin: 0px 0px 0px 20px;
	color: #3e3e3e;
	font-size: 12px;
	}

/* Studio List */
#mainPanel .middle #StudioList {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_blue.png') top left repeat-x;
	width: 933px;
	border-top: 1px solid #d7eff9;
	margin: 8px 0px 0px -18px;
	padding: 20px 0px 20px 20px;
	position: relative;
	z-index: 6;
	}

#mainPanel .middle #StudioList .Title {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_lightBlue.png') top left repeat-x;
	width: 900px;
	-moz-border-radius: 3px;
	border: 1px solid #C8E6F2;
	padding: 10px; margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}
	 
#mainPanel .middle #StudioList .Title a.backToTop {
	float: right;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/arrow_up_circle.png') center left no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 10px 0px 0px;
	text-transform: lowercase;
	font-weight: normal;
	}

#mainPanel .middle #StudioList .studio { float: left; width: 470px; padding: 0px 10px 0px 10px; }
#mainPanel .middle #StudioList .studio h1 { color: #0092CF; }
#mainPanel .middle #StudioList .studio p { font-style: italic; }
#mainPanel .middle #StudioList .studio img { float: left; margin: 0px 20px 20px 0px; padding: 3px; background: #fff; border: 1px solid #ededed; }

#mainPanel .middle #StudioList .where { float: left; width: 150px; padding: 10px 0px; }
#mainPanel .middle #StudioList .style { float: left; width: 270px; padding: 10px 0px; }

#mainPanel .middle #StudioList .firstRow {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_blue.png') top left repeat-x;
	padding: 20px 0px 0px 10px;
	height: 40px;  
	font-weight: bold;
	}

/*== Studio - Search Results ==*/

/* Map and Studio List */

#mainPanel .middle .resultSummary { float: right; }

#mainPanel .middle #greyBox { clear:both; margin: 0px 0px 20px -20px; }

#mainPanel .middle #greyBox .top { 
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/greyBox_top.png') top left no-repeat;
	width: 954px;
	height: 8px;
	margin-left: 2px;
	display:block;
	}

#mainPanel .middle #greyBox .bottom {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/greyBox_bottom.png') bottom left no-repeat;
	width: 954px;
	height: 15px;
	margin-left: 2px;
	display:block;
	}
	
#mainPanel .middle #greyBox .middle {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/greyBox_body.png') top left repeat-y;
	width: 924px;
	padding: 0px 10px 0px 20px;
	margin-left: 2px;
	display:block;
	}
	
#mainPanel .middle #greyBox .middle .studioList { float: right; width: 380px; padding: 3px 20px 10px 10px; margin-right: 4px; height: 493px; overflow: auto;}
#mainPanel .middle #greyBox .middle .studioList ul li { list-style-type: none; padding: 10px 0px 5px 5px; border-bottom: 1px solid #d3d3d3; }
#mainPanel .middle #greyBox .middle .map { padding: 3px 10px 3px 0px;}
#mainPanel .middle #greyBox .middle .map img { border: 3px solid #fff; }

#mainPanel .middle #greyBox .middle #map { width: 500px; height: 500px; border: 3px solid #fff; background: #fff; }

/* Class timetable */

#mainPanel .middle .classSession { float: right; }
#mainPanel .middle .classSession input { margin: 0px 10px 0px 30px; vertical-align: middle ; }

#mainPanel .middle #classTimetable {
	clear: both;
	-moz-border-radius: 3px;
	background: #fff url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/bg_timetable.png') top left repeat-x;
	width: 924px;
	overflow: auto;
}

#mainPanel .middle #classTimetable h1 {
	margin-bottom: 10px;
	float: none;
}

#mainPanel .middle #classTimetable #days .daySelect { float: left; padding: 12px 10px 0px 10px; margin-right: 25px; }

#mainPanel .middle #classTimetable #days .daySelect a {
	font-size: 11px !important;
}
#mainPanel .middle #classTimetable #days .daySelect.selected { margin-right: 10px; margin-left: -10px; }
#mainPanel .middle #classTimetable #days .daySelect.selected a {
	font-size: 11px !important;
	color: #fff;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/daySelect_selected.png') top left no-repeat;
	width: 111px;
	height: 52px;
	padding-top: 14px;
	margin-top: -12px;
	display: block;
	text-align: center;
}

#mainPanel .middle #classTimetable #days .daySelect.first { margin-left: 30px !important; }

#mainPanel .middle #classTimetable #days .daySelect.inactive a { color: #78bad7 !important; cursor: default !important; }
#mainPanel .middle #classTimetable #days .daySelect.inactive a:hover { text-decoration: none !important; }

#mainPanel .middle #classTimetable #table { clear: both; padding: 0px 0px 0px 0px; }
#mainPanel .middle #classTimetable #table .tableCol { float: left; width: 100px; padding: 10px 0px 5px 30px; /* border-bottom: 1px solid #d3d3d3; */ }
#mainPanel .middle #classTimetable #table .firstRow { font-weight: bold; padding-bottom: 15px; border-bottom: none; }

#mainPanel .middle #pagination { clear: both; text-align: center; padding: 30px 0px 20px 0px;  }
#mainPanel .middle #pagination a.inactive { color: #d9d9d9; padding: 0px 30px 0px 0px; text-decoration: none; }
#mainPanel .middle #pagination a.active { color: #2AB0D3; padding: 0px 0px 0px 20px; text-decoration: none; }
#mainPanel .middle #pagination a.pagination { margin: 0px 10px 0px 10px; text-decoration: none; }
#mainPanel .middle #pagination a.selected { color: #fff; padding: 5px 8px 5px 8px; background: #0092cf; -moz-border-radius: 3px;  }


/* === Studio - Details === */

/* Sidebar */

#MainWrap #Sidebar { float: right; width: 150px; }
#MainWrap #Sidebar h3 { font-weight: bold; color: #00374E; padding: 20px 0px 10px 0px; }
#MainWrap #Sidebar ul li { list-style-type: none; position: relative; margin: 0px 0px 12px 0px; }
#MainWrap #Sidebar ul li a.selected {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/SideNav_Right_Selected.png') top left no-repeat;
	width: 193px;
	height: 25px;
	margin-left: -30px;
	margin-bottom: 5px;
	margin-top: -5px;
	padding: 15px 0px 0px 30px;
	display:block;
	color: #fff;
	text-decoration: none;
	position: relative;
	z-index: 999;
}

#MainWrap #Sidebar ul li a.add {
	background: url('/Resources/FY/Sites/FindYoga/Images/Icons/plus_green.png') top left no-repeat;
	width: 193px;
	height: 25px;
	margin-bottom: 5px;
	margin-top: 15px;
	padding: 0px 0px 0px 25px;
	display: block;
	color: #141414;
	text-decoration: underline;
	position: relative;
	z-index: 999;
}

/* Manage Studio */

.manageTop {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/ManagePanel_Top.png') top left no-repeat;
	width: 958px;
	height: 12px;
	display:block;
}
	
.manageBottom {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/ManagePanel_Bottom.png') top left no-repeat;
	width: 958px;
	height: 5px;
	display:block;
}

.manageMiddle {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/ManagePanel_Body.png') top left repeat-y;
	width: 958px;
	padding: 20px 20px 40px 20px;
	display: block;
}

.is_ie7 .manageTop { margin-top: -10px !important; }

/* Studio details box */

#MainWrap #StudioDetails { margin: 10px 0px 0px 0px; }
.is_ie7 #MainWrap #StudioDetails { zoom: 1; }

#MainWrap #StudioDetails .top {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/StudioDetails_Top.png') top left no-repeat;
	width: 805px;
	height: 10px;
	display:block;
}
	
#MainWrap #StudioDetails .bottom {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/StudioDetails_Bottom.png') top left no-repeat;
	width: 805px;
	height: 5px;
	display:block;
	}

/* Studio details box inner content */

#MainWrap #StudioDetails .middle {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/StudioDetails_Body.png') top left repeat-y;
	width: 770px;
	padding: 20px 20px 40px 20px;
	display: block;
}

.is_ie7 #MainWrap #StudioDetails .middle {
	min-height: 300px;
}
	
.middle h1 { color: #262626; padding-bottom: 0px; margin-bottom: 5px;}
.middle .tagline { font-style: italic; display: block; }

.button_contact { display: block; color: #262626 !important; text-decoration: none !important; margin: 0px 10px 40px 0px; }
.button_contact:hover { color: #6d6d6d; }

.button_contact .wrap1 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Buttons/button_contact_left.png') top left no-repeat;
	padding: 18px 0px 20px 40px;
}
	
.button_contact .wrap2 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Buttons/button_contact_Right.png') top right no-repeat;
	padding: 18px 30px 20px 10px;
}

.is_ie7 .button_contact .wrap1 { padding-top: 0px; zoom: 1; }
.is_ie7 .button_contact .wrap2 { zoom: 1; }

.button_blank { display: block; color: #262626 !important; text-decoration: none !important; margin: 0px 5px 20px 0px; }
.button_blank:hover { color: #6d6d6d; }

.button_blank .wrap1 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Buttons/button_blank_left.png') top left no-repeat;
	padding: 18px 0px 20px 10px;
}
	
.button_blank .wrap2 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Buttons/button_blank_Right.png') top right no-repeat;
	padding: 18px 20px 20px 8px;
}

.is_ie7 .button_blank .wrap1 { padding-top: 0px; zoom: 1; }
.is_ie7 .button_blank .wrap2 { zoom: 1; }
	
#contactForm input, #contactForm textarea {
	display: block;
	padding: 3px;
	color: #92BDCE;
	font-size: 12px;
	font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif;
	width: 250px;
	margin-bottom: 8px;
}

#contactForm textarea {
	width: 350px;
	height: 100px;
}

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

.title { position: absolute; width: 70px; padding: 10px 0px 20px 0px; }
.details { padding: 10px 0px 10px 100px; }

#photos { float: left; width: 320px; margin: 20px 20px 20px 0px;}

#photos .photo .top {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/StudioDetails_PhotoBg_Top.png') top left no-repeat !important;
	width: 315px;
	height: 10px;
	display: block;
	}
	
#photos .photo .body {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/StudioDetails_PhotoBg_Body.png') top left repeat-y !important;
	width: 315px;
	display: block;
	text-align: center;
}

#photos #container_photo .body {
	margin-bottom: -2px;
}

#photos #container_map .body {
	margin-bottom: -5px;
}
	
#photos .photo .bottom { 
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/StudioDetails_PhotoBg_Bottom.png') top left no-repeat !important;
	width: 315px;
	height: 12px;
	display:block;
}
	
#map {
	height: 200px;
	margin-left: 10px;
	width: 295px;
	margin-top: -2px;
	margin-bottom: 6px !important;
	overflow: auto;
	background: #E5E3DF;
}

.is_ie7 #map { margin-left: 0px; }

#map a {
	font-size: 10px;
}

#MainWrap #StudioDetails .middle #details { float: left; width: 400px; margin-bottom: 30px; }

/* No results - hidden back link */
#MainWrap.noResults #backToSearchResults { display: none; }
#MainWrap.noResults .top.inner { margin-bottom: -10px; height: 6px; }
#MainWrap.noResults #StudioDetails .top.inner { z-index: 1000; position: relative; top: -12px; margin-bottom: -12px; }

/* Timetable */

#MainWrap #StudioDetails .middle #timetable { clear: both; margin: 20px 0px 0px 0px; }

#MainWrap #StudioDetails .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;
	}

#MainWrap #StudioDetails .middle #timetable .col { width: 93px; float: left; padding: 5px 0px 5px 0px; font-size: 12px; }

#MainWrap #StudioDetails .middle #timetable .firstRow {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/StudioDetails_Timetable_Bg.png') top left repeat-x;
	padding: 5px 0px 20px 0px;
	color: #00374E;
	margin-top: -5px;
	font-size: 12px; }
	
#MainWrap #StudioDetails .middle #timetable .firstCol { padding: 5px 0px 5px 10px; } 
#MainWrap #StudioDetails .middle #timetable .greyBg { background: #f5f5f5; height: 30px; }
#MainWrap #StudioDetails .middle #timetable a { font-size: 12px; }

/* Listing */

#listing {
	width: auto;
	margin: 0px;
	position: relative;
	z-index: 6;
	margin-top: 30px;
	color: #727272;
}

#listing .item {

}

#listing p {
	color: #727272;
	clear: both;
}

#listing .Title {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_lightBlue.png') top left repeat-x;
	width: 900px;
	-moz-border-radius: 3px;
	border: 1px solid #C8E6F2;
	padding: 10px; margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	font-weight: bold;
}
	 
#listing .Title a.backToTop {
	float: right;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/arrow_up_circle.png') center left no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px 10px 0px 0px;
	text-transform: lowercase;
	font-weight: normal;
}

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

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

#listing .style { width: 300px; padding: 0px 0px; float: left; }

#listing .firstRow {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_blue.png') top left repeat-x;
	padding: 20px 0px 0px 15px;
	height: 35px;  
	font-weight: bold;
	float: left;
}

#listing h1 {
	height: 37px;
	float: left;
	width: 310px;
}

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

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

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

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

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

/******************* Event *******************/

#eventListing {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/gradient_blue.png') top left repeat-x;
	width: auto;
	display: block;
	padding: 10px 0px 10px 10px;
	margin: 20px 20px 0px 0px;
	overflow: auto;
}

#eventListing h1 {
	margin-bottom: 7px !important;
}

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

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

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

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

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

#eventListing .what { float: left; width: 400px; }
#eventListing .what .details {
	padding: 6px 20px !important;
	background: #0092cf;
	-moz-border-radius: 5px;
	color: #fff;
	width: 350px;
	display: inline;
	border: 0px solid #fff;
	position: relative;
	z-index: 10;
	margin-right: -8px;
}

#eventListing .what .duration { padding: 6px 12px; background: #006e9c;-moz-border-radius: 5px;  color: #fff; width: 40px; display: inline; border: 0px solid #fff; position: relative; z-index: 1; }

#eventListing .where { float: left; width: 150px; }
#eventListing .who { float: left; width: 200px; }
#eventListing .howMuch { float: left; width: 180px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; }
#eventListing .firstRow { font-weight: bold; }
#eventListing .greyBg { background: #ededed; padding: 7px 0px 7px 0px; margin: 30px 0px 10px 0px;}

/* Copy of #mainPanel styles in site.css */
.bodyTop { 
	display:block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/mainPanel_top.png') top left no-repeat;
	width: 958px;
	height: 5px;
	margin: 20px 0px 0px 0px;
}
	
.bodyBottom { 
	display:block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/mainPanel_bottom.png') top left no-repeat;
	width: 958px !important;
	height: 5px;
	margin: 0px 0px 20px 0px;
}
	
.bodyMiddle { 
	display:block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/mainPanel_body.png') top left repeat-y;
	width: 918px;
	padding: 20px;
	margin: 0px 0px 0px 0px; 
}

/* Browse listing link styles */

.browse-listing a:link { color: #00374E; text-decoration: none; }
.browse-listing a:visited { color: #00374E; text-decoration: none; }
.browse-listing a:hover { color: #002332; text-decoration: underline; }
.browse-listing a:active { color: #00374E; text-decoration: underline; }

.browse-listing .city .studio { color: #0092CF; }
.browse-listing .city .teacher { color: #66a435; }

.browse-listing .image {
	background: #FFFFFF none repeat;
	border: 1px solid #EDEDED;
	float: left;
	margin: 0 20px 20px 0;
	padding: 3px;
	width: 90px;
	height: 90px;
	display: block;
}

.browse-listing .inner {
	background: #EDEDED;
}

.browse-listing .bigLink {
	font-size: 19px;
}

/* overrides until styles cleaned up */
.browse-listing .studio img {
	background: none !important;
	border: none !important;
	float: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

.browse-listing .teacher img {
	background: none !important;
	border: none !important;
	float: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* Editting styles */

.edit input, .edit textarea {
	padding: 3px;
	font-size: 12px !important;
	font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif;
}

.edit .textfield {
	width: 246px;
	margin-bottom: 5px;
}

.edit .textarea {
	width: 650px;
	height: 150px;
	margin-bottom: 5px;
}

.edit .grouped { 
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.edit .submit {
	font-size: 13px !important;
}

.edit .toolbar {
	border-top: 1px solid #d6d6d6; padding-top: 8px; margin-top: 12px; margin-right: 12px;
}

/* Match list */

.matches {
	list-style: none;
}

.matches li {
	margin-bottom: 8px;
}