@charset "utf-8";
/* Local Gym CSS Stylesheet */

body.localGym {
	background-image:url(../images/body-background.jpg);
}
body.localGym label {
	text-align: right;
	padding-right: 10px;
}
body.localGym div.form div.row {
	text-align: center;
	overflow: auto;
	clear: both;
	padding: 5px;
}
body.localGym div.form div.row label {
	text-align: left;
	display: block;
	float: left;
	width: 150px;
}
body.localGym div.form div.row div.input {
	float: left;
}


body.localGym div#header {
	background-image:url(../images/header-background.jpg);
}

body.localGym div#header div#vertNav {
	height:88px;
}

body.localGym div#header div#vertNav div.link a:hover {
	color:#a1a1a4;
}

body.localGym div#bodyWrapper,
body.localGym div#wrapper {
	background-image:url(../images/wrapper-background.jpg);
}

body.localGym div#wrapper div#breadCrumb {
	color:#B2B2B2;
}

body.localGym div#wrapper div#breadCrumb a {
	color:#B2B2B2;
}

body.localGym div#wrapper div#breadCrumb span.current {
	color:#F58023;
}

body.localGym div#wrapper h1.title {
	padding:0px 20px;
}

body.localGym div#wrapper h1.title a img {
	border:0px;
}

body.localGym div#wrapper div#contentArea {
	padding-left:25px;
	width:953px;
}

body.localGym div#wrapper div#contentArea a img {
	border:0px;
}

body.localGym div#wrapper div#contentArea div#gymLeft {
	float:left;
	width:110px;
}

body.localGym div#wrapper div#contentArea div#gymLeft div.link a {
	color:#f48024;
	text-decoration:none;
	font-weight:bold;
}

body.localGym div#wrapper div#contentArea div#gymLeft div.link a:hover {
	color:#f69950;
}

body.localGym div#wrapper div#contentArea div#gymMiddle {
	float:left;
	width:620px;
	margin-left:10px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-image {
	clear:both;
	margin-bottom:20px;
	width:600px;
	height:390px;
}

/* ###############################################
##
##					GYM MAIN
##
################################################## */

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row {
	clear:both;
	overflow:auto;
	margin-left:-100px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box {
	float:left;
	width:298px;
	height:153px;
	border:1px solid #cccccc;
	margin-right:20px;
	padding:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-title {
	clear:both;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-content {
	clear:both;
	margin-top:5px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-content div.class-schedule {
	font-size:10px;
	text-transform:uppercase;
	color:#797979;
	height:18px;
	line-height:18px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-content div.class-schedule div.class-name {
	float:left;
	width:150px;
	height:18px;
	font-weight:bold;
	overflow:hidden;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-content div.class-schedule div.class-days {
	float:left;
	width:50px;
	height:18px;
	overflow:hidden;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-content div.class-schedule div.class-hours {
	float:left;
	width:98px;
	height:18px;
	overflow:hidden;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-content div.more-schedules {
	clear:both;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.main-row div.row-box div.box-content div.more-schedules a {
	color:#f48024;
	text-decoration:none;
}

/* ###############################################
##
##					SCHEDULES
##
################################################## */

body.localGym div#wrapper div#contentArea div#gymMiddle div#selectorRow div#scheduleSelector {
	clear:both;
	overflow:auto;
	margin-bottom:10px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#selectorRow div#scheduleSelector {
	float:left;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#selectorRow div#schedulePrint {
	float:right;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar {
	width:600px;
	border:1px solid #bcbcbf;
	margin:0px auto;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr.header td {
	width:85px;
	background-image:url(../images/schedulesCalendar-header.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	height:53px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	border-bottom:1px solid #bcbcbf;
	font-weight:bold;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr.class td {
	text-align:center;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr td {
	vertical-align:top;
	border-right:1px solid #bcbcbf;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr td.noBorderLeft {
	border-right:0px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr td div.classItem {
	text-align:center;
	color:#555555;
	font-size:9px;
	padding-top:10px;
	padding-bottom:10px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr td div.classItem div.name {
	font-weight:bold;
	text-transform:uppercase;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr td div.classItem div.name a {
	color:#555555;
	text-decoration:none;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.schedulesCalendar tr td div.classItem div.time {
	clear:both;
}

/* ###############################################
##
##					CHILD CARE
##
################################################## */

body.localGym div#wrapper div#contentArea div#gymMiddle div#childCareDescription {
	clear:both;
	margin-bottom:15px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.childCareSchedule {
	clear:both;
	width:600px;
	margin:0px auto;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.childCareSchedule tr.header td {
	width:150px;
	vertical-align:bottom;
	border-bottom:1px solid #bcbcbf;
	font-size:15px;
	font-weight:bold;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.childCareSchedule tr td {
	vertical-align:top;
	padding-top:15px;
	font-size:11px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.childCareSchedule tr td.day {
	width:150px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.childCareSchedule tr td.hours {
	width:125px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle table.childCareSchedule tr td.comment {
	width:300px;
}

/* ###############################################
##
##					GYM MEDIA
##
################################################## */

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-menu {
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-menu div.link {
	float:left;
	margin-left:20px;
	width:150px;
	height:30px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-menu div.link a {
	display:block;
	text-decoration:none;
	width:150px;
	height:30px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-menu div.link a:hover {
	background-image:url(../images/button-over.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-menu div.link a img {
	border:0px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-menu div.link a:hover {
	background-color:#f48024;
	color:#ffffff;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-image {
	clear:both;
	overflow:auto;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#media-video {
	height:400px;
}
	
/* ###############################################
##
##					GYM RIGHT
##
################################################## */

body.localGym div#wrapper div#contentArea div#gymRight {
	float:left;
	width:203px;
	margin-left:10px;
}

body.localGym div#wrapper div#contentArea div#gymRight div.monthlySpecial {
	background-image:url(../images/monthly-special.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:202px;
	height:121px;
	margin-bottom:10px;
	font-size:10px;
}

body.localGym div#wrapper div#contentArea div#gymRight div.monthlySpecial a {
	color:#000000;
	display:block;
	padding-top:89px;
	padding-left:14px;
	padding-bottom:6px;
	text-decoration:none;
}

body.localGym div#wrapper div#contentArea div#gymRight div.freePass {
	background-image:url(../images/free-pass.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:202px;
	height:121px;
	margin-bottom:10px;
	font-size:10px;
}

body.localGym div#wrapper div#contentArea div#gymRight div.freePass a {
	color:#000000;
	display:block;
	padding-top:98px;
	padding-left:17px;
	padding-bottom:9px;
	text-decoration:none;
}

body.localGym div#wrapper div#contentArea div#gymRight div.clubInfo {
	border-top:1px solid #cccccc;
	margin-bottom:10px;
	padding-top:10px;
}

body.localGym div#wrapper div#contentArea div#gymRight div.clubHours {
	border-top:1px solid #cccccc;
	margin-bottom:10px;
	padding-top:10px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div#gym-description {
	padding:20px;
	margin-bottom:20px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.schedPopup {
	display:none;
	width:300px;
	padding:20px;
	position:absolute;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.schedPopup div.schedPopup-top {
	background-image:url(../images/schedPopup-top.png);
	background-position:top;
	background-repeat:no-repeat;
	height:15px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.schedPopup div.schedPopup-middle {
	background-color:#a5a5a9;
	color:#ffffff;
	padding-left:25px;
	padding-right:25px;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.schedPopup div.schedPopup-bottom {
	background-image:url(../images/schedPopup-bottom.png);
	background-position:top;
	background-repeat:no-repeat;
	height:15px;
}
/* ###############################################
##
##					JOIN GYM
##
################################################## */
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers {
	clear: both;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer {
	clear: both;
	border:2px dashed #929292;
	background-image: url('../images/offer-wg-logo.gif');
	background-position: top left;
	background-repeat: no-repeat;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	margin:10px;
	padding:5px;
	text-align:center;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.expiration {
	padding-left: 160px;
	color: #e21c37;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.description {
	padding-left: 160px;
	margin-top: 2px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.addons {
	float: left;
	width: 280px;
	margin:5px 0px;
	padding:5px;
	text-align: left;
	font-size: 15px;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.addons > h4 {
	font-weight: normal;
	text-decoration:underline;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.addons > ul > li {
	color: #e32740;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.addons > ul > li > span {
	color: #000;
}

body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.additionalInfo {
	clear: both;
	overflow: auto;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.additionalInfo div.fees {
	font-size:11px;
	color: #B3B3B3;
	text-align: left;
	margin:5px 0px;
	float: right;
	width: 275px;
	padding:5px;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.additionalInfo div.fees > h4 {
	margin-bottom: 3px;
	font-weight: normal;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.additionalInfo div.fees div.fee > strong {
	display:block;
	text-decoration: underline;
	font-weight: bold;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.commitment {
	margin: 10px 0px;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.purchase {
	padding-bottom: 2px;
	border-bottom: 1px solid #E6E6E6;
}
body.localGym div#wrapper div#contentArea div#gymMiddle div.clubOffers div.clubOffer div.taxes {
	margin: 5px 0px;
	text-align: center;
	border-top: 1px solid #E6E6E6;
	color: #B3B3B3;
}
body.localGym div#wrapper div#contentArea div#ContractTerms {
	height: 250px;
	border: 1px inset #666666;
	overflow: scroll;
	padding: 5px;
}
/* style for join online */
div.offerDetails div.Hide {
	display: none;
}
div.offerDetails span.error {
	color: #FF0000;
	visibility:hidden;
}
#submitForm input.disabled {
	background-color: #D6D6D6;
}
div.offerDetails div.fees {
	margin: 10px 0px;
}
div.offerDetails div.description {
	font-size: 18px;
	font-weight:bold;
}
div.offerDetails div.payment {
	font-size: 14px;
	margin-bottom: 3px;
}
div.offerDetails div.fees {
	font-weight: bold;
	font-size: 14px;
}
div.offerDetails div.commitment {
	color: #666666;
	font-size: 11px;
}
div.offerDetails table.signup {
	width: 100%;
}
div.offerDetails div.addonIncluded {
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}
div.offerDetails table.fees {
	width: 100%;
	border: 1px solid #F3F3F3;
}
div.offerDetails table.fees tr th,
div.offerDetails table.signup tr th{
	background-color: #F3F3F3;
	padding: 5px 10px;
	text-align: center;
	border-collapse:collapse;
}
div.offerDetails table.fees tr td {
	text-align: center;
	padding: 5px;
	border: 1px solid #F3F3F3;
}
/* style for questions in member surveys */
#survey-form {
	border: 2px solid #F4F4F4;
	padding: 10px 0px;
}
#survey-form div.question {
	float: left;
	width: 300px;
	padding: 5px 0px;
}
#survey-form div.answer {
	float: left;
	width: 250px;
	padding: 5px 0px;
}
#survey-form div.questionAnswer {
	overflow: auto;
	clear: both;
	padding: 0px 10px;
	border-bottom: 1px dashed #F5F5F5;
}
#survey-form > form > div.questionHeader {
	background-color: #D6D6D6;
	padding: 5px;
	margin: 10px 0px;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	clear:both;
}

/* style for questions in member services */
#member-services {
	clear: both;
}

/* style for membership payment / contact update / trial form / contact form */
#membership-payment,
#contact-update,
#trial-form,
#contact-form {
	border: 2px solid #F4F4F4;
	padding: 10px 0px;
	clear: both;
}
#membership-payment div.questionRow,
#contact-update div.questionRow,
#trial-form div.questionRow,
#contact-form > div.row {
	overflow: auto;
	clear: both;
	padding: 0px 10px;
	border-bottom: 1px dashed #F5F5F5;
}
#membership-payment div.questionRow label,
#contact-update div.questionRow label,
#trial-form div.questionRow label,
#contact-form > div.row > label {
	display: block;
	float: left;
	width: 300px;
	padding: 5px 0px;
	text-align: left;
}
#membership-payment div.questionRow div.answer,
#contact-update div.questionRow div.answer,
#trial-form div.questionRow div.answer,
#contact-form > div.row > div.input {
	float: left;
	width: 250px;
	padding: 5px 0px;
}
#membership-payment div.questionHeader,
#contact-update div.questionHeader,
#trial-form div.questionHeader {
	background-color: #D6D6D6;
	padding: 5px;
	margin: 10px 0px;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
}
#membership-payment div.questionSubmit,
#contact-update div.questionSubmit,
#trial-form div.questionSubmit,
#contact-form > div.submit{
	overflow: auto;
	clear: both;
	padding: 0px 10px;
	border-bottom: 1px dashed #F5F5F5;
	text-align:center;
}

div#trainersPage {
}
div#trainersPage div.trainer {
	clear:both;
	overflow:auto;
	margin-bottom:20px;
}
div#trainersPage div.trainer div.trainer-photo {
	float:left;
	width:200px;
	margin-right:20px;
	padding:5px;
	border:1px solid #000000;
}
div#trainersPage div.trainer div.trainer-info {
	float:left;
	width:388px;
}
div#trainersPage div.trainer div.trainer-info div.trainer-name {
	color:#F48024;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}
div#trainersPage div.trainer div.trainer-info div.trainer-cert {
	margin-bottom:10px;
}
div#trainersPage div.trainer div.trainer-info div.trainer-desc {
}