@import url('tlg_global.css');

form { margin: 0 auto; padding: 0; width: 100%; }

body { color: #333; background: #4d90cd url('images/consumer/body_bgtile.jpg') repeat-x left top; background-attachment: fixed; }

ol li { color: #0076c0; }

ul li { color: #0076c0; }

p { color: #0076c0; }

a { color: #7f3f98; }

h1,h2,h3,h4, div.hdr1 { color: #7f3f98; }
div#wrapper { background: url('images/consumer/wrapper_bg.jpg') no-repeat center top; background-attachment: fixed; }

div#search td.ms-sbgo { margin: 0; padding: 0; background: none; }
td.ms-sbtext { color: #0076c0; font: 12px Verdana, Helvetica, Sans-serif; }

div#search table.ms-table tr { color: #0076c0; font: 12px Verdana, Helvetica, Sans-serif; }

div#topnav { width: 560px; position: relative; top: 0; left: 315px; }

div#mainnav { background: url('images/consumer/mainnav_bg.gif') no-repeat top left; }
   
div#mainnav #zz2_GlobalNavn0 table.topNavHover {
	background: #f79c85 url('Images/consumer/mainnav_leftcorner_on.gif') no-repeat top left;
}
   
div#mainnav #zz2_GlobalNavn0 table.topNavSelected {
	background: #f79c85 url('Images/consumer/mainnav_leftcorner_on.gif') no-repeat top left;
}
   
div#mainnav #zz2_GlobalNavn4 table.topNavHover {
	background: #f79c85 url('Images/consumer/mainnav_rightcorner_on.gif') no-repeat top right;
}

div#mainnav #zz2_GlobalNavn4 table.topNavSelected {
	background: #f79c85 url('Images/consumer/mainnav_rightcorner_on.gif') no-repeat top right;
}

div#mainnav a.topNavItem { margin: 0; padding: 5px 25px; width: 159px; white-space: normal; display: block; }

div#mainnav table.topNavFlyOuts { margin: 0; padding: 0; border: 1px solid #fff; width: 159px; }

div#mainnav .topNavFlyOutsItem { margin: 0; padding: 3px 5px; width: 159px; background: #4d90cd; color: #fff; }

div#mainnav .topNavFlyOutsHover { background: #f79c85; }

div#mainnav table.topNavHover { background: #f79c85; }

div#mainnav table.topNavSelected { background: #f79c85; }

div#findagym p {color: #83449b; padding: 5px 15px;}

div#findagym h3 { background: url('Images/global/icon_magnifyglass.gif') no-repeat top 135px; }

div#findagym h3.country { background: url('Images/global/icon_magnifyglass.gif') no-repeat top 185px; }

div#findagym select {margin: 0 0 5px 0; padding: 3px; width: 150px; height: 24px; border: 1px solid #83449b; color: #83449b;}

div#findagym input.textfield {margin: 0 0 5px 0; padding: 3px; width: 150px; height: 24px; border: 1px solid #83449b; color: #83449b;}
div#findagym input.btn_go {
	margin: 0; padding: 0; background: url("Images/global/btn_go_purple.gif") no-repeat bottom left; width: 39px; height: 30px;
}

div#enrollonline { margin: 0 7px 0 0; padding: 5px 15px; background: url("images/consumer/freeclass_bg.gif") no-repeat bottom right; }
div#enrollonline p { padding: 5px 15px; }


div#freeclass { margin: 0 7px 0 0; padding: 5px 15px; background: url("images/consumer/freeclass_bg.gif") no-repeat bottom right; }
div#freeclass p { padding: 5px 15px; }
div#callout { margin: 0 7px 0 0; padding: 5px 15px; border: none; background: url("images/consumer/jointhefamily_bg.gif") no-repeat bottom right; }
div#callout p {padding: 5px 15px;}
div#testimonial { margin: 0 7px 0 0; padding: 5px 5px 5px 15px; }
div#testimonial p {
	padding: 5px 15px;
}
div.greencallout div#plain { margin: 0 7px 0 0; padding: 5px 15px; }
div.greencallout div#plain p {color: #8cc63f;}
div.greencallout div#plain input {margin: 0 0 5px 0; padding: 3px; width: 150px; height: 24px; border: 1px solid #8cc63f; color: #8cc63f;}

div#calloutcs { margin: 0 7px 0 0; padding: 5px 15px; border: none; }
div#calloutcs p {padding: 5px 15px;}

/* Gym Locator styles */
div#flashmap {
	margin: 0 0 0 10px; padding: 0;
}
div#gymlocator {
	margin: 0; padding: 0; display: block;
}

div#gymlocator table {
	 margin: 0; 
	 padding: 0; 
	 border: 0px; 
	 font: 13px Verdana, Helvetica, Arial, Sans-serif; 
	 color: #0076c0; 
	 line-height: 1.25em; 
	 width: 550px;
	 
}

div#gymlocator table tr th {
	text-align: left; border: 1px solid white; font: 15px Verdana, Helvetica, Arial, Sans-serif; color: #7f3f98; visibility: visible;
}

div#gymlocator table tr td {
	margin: 0; padding: 10px 0; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 2px dotted #874b9e;
}

div#gymlocator table tr td div.distance {
	margin: 5px 5px 50px 35px; padding: 0;
}

/* END Gym Locator styles */

/* Contact Us form styles */

div#copy div#__XmlFormView { margin: 0; padding: 0; color: #0076c0; background: #555;
}

div#copy div#__XmlFormView table tr td {
	margin: 0; padding: 0; color: #0076c0;
}
div#copy div#__XmlFormView div.BrandingText {
	display: none;
}

div#DialogFinalMessage {
	width: 100px; z-index: 1; display: none;
}

div#contactform {
	margin: 0; padding: 0; z-index: 3; position: relative; top: -50px; left: 0; width: 550px; overflow: hidden;
}

div#contactform table {

}

div#contactform table tr td {
	overflow: hidden;
}

div#confirmMessage {
	margin: 0; padding: 0; position: relative; top: 50px; left: 0; z-index: 2;
}

div.DialogContainer {
	display: none;
}

/*END contact us form styles */

/*franchise directory table */

div#franchiseDirectory {
	 margin: 0 0 0 20px; padding: 0; width: 862px;
}

div#franchiseDirectory a.positiongobtn {
	 margin: 0 0 -25px 0; padding: 0;position : relative; top: -28px; left: 225px;
}
div#franchiseDirectory select { color: #0076c0; font: 12px Verdana, Helvetica, Arial, Sans-serif; width: 325px;}

div#franchiseDirectory table table { margin: 0 0 10px 0; padding: 0; border: 1px solid #4d90cd; border-collapse: collapse; }

div#franchiseDirectory table table tr.ms-alternating { background: #b1d0eb;}

div#franchiseDirectory table table tr th.ms-vh {margin: 0; padding: 4px; border: 1px solid #4d90cd; background: #4d90cd; font: 13px Verdana, Helvetica, Arial, Sans-serif; color: #fff;}

div#franchiseDirectory table table tr td.ms-vb {margin: 0; padding: 4px; border: 1px solid #4d90cd; font: 11px Verdana, Helvetica, Arial, Sans-serif; color: #333;}

div#franchiseDirectory table table tr .centertxt {text-align: center;}


div#franchiseDirectory div.floatleft table.subtable {
	margin: 0; padding: 0; width: 350px;
}

div#franchiseDirectory div.floatleft table.subtable tr th {
	margin: 0; padding: 5px; background: none; color: #4d90cd; font-weight:bold;
}

div.directory div.floatleft table.subtable tr td {
	margin: 0; padding: 5px;
}

div#franchiseDirectory div.floatleft table.subtable tr th {
	margin: 0; padding: 5px;
}

div#franchiseDirectory div.floatleft table.subtable tr.ms-alternating {
	background: #deebf6;
}

#careers_subnav {
	background: url('Images/global/careers_subnav_middle.gif') repeat-y top;
	width: 512px;
	margin-bottom: 25px;
	margin-right: 30px;
	float: left;
	clear: both;
	position: relative;
}

*html body #careers_subnav {
	position: static;
}

#careers_subnav ul {
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	list-style-type: none;
}

#careers_subnav li a {
	display: list-item;
	list-style-type:disc;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	line-height: 25px;
}

#careers_subnav li {
	font-size: 12px;
	line-height: 0px;
	padding: 0;
	margin: 0;	
}
	
#careers_subnav .left_margin {
	margin-left: 20px;
}

#careers_subnav_top {
	background: url('Images/global/careers_subnav_top.gif') no-repeat top;
	width: 512px;
	height: 13px;
	float: left;
}

#careers_subnav_bottom {
	background: url('Images/global/careers_subnav_bottom.gif') no-repeat bottom;
	width: 512px;
	height: 13px;
	float: left;
}







/* Struck */
.clear-left {
	clear: left;
}

a:focus {
	outline: none;
}

.clear-left.pad-bottom {
	padding-bottom: 20px;
}

.form-layout hr {
	border-top: 1px solid #CCC;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	height: 1px;
}

.form-layout fieldset {
	clear: left;
	margin: 36px 0 0 0;
	border: 0;
	padding: 0;
}

/* necessary for IE */
.form-layout fieldset.sub {
	margin-top: 16px;
}

div#copy .form-layout p {
	clear: left;
	padding: 4px 0;
}

/* trigger error notice with .form-layout.login-problem or login-error */
div#copy .form-layout p.error {
	display: none;
	clear: left;
	color: #F00;
	line-height: 1.2em;
	padding: 0 0 4px 0;
}

.form-layout span.errorLabel {
	clear: left;
	color: #F00;
	line-height: 1.2em;
	padding: 0 0 4px 0;
}

.form-layout.problem-login p.error#login-problem {
	display: block !important;
}

.form-layout.problem-login #membership_signin {
	display: block;
}

.form-layout.error-login p.error#login-error {
	display: block !important;
}

.form-layout.problem-password-match p.error#password-match-problem {
	display: block !important;
}

.form-layout.error-login #membership_signin {
	display: block;
}

/* trigger validation error notice with various .form-layout.req-[widget-type-here] */
.form-layout p span.req {
	float: left;
	padding-left: 10px;
}

.form-layout.problem-email p span#req-email,
.form-layout.problem-password p span#req-password,
.form-layout.problem-membership-num #membership_signin,
.form-layout.problem-pin #membership_signin,
.form-layout.problem-membership-num p span#req-membership-num,
.form-layout.problem-pin p span#req-pin,
.form-layout.problem-fname p span#req-fname,
.form-layout.problem-lname p span#req-lname,
.form-layout.problem-address p span#req-address1,
.form-layout.problem-city p span#req-city,
.form-layout.problem-state p span#req-state,
.form-layout.problem-postal-code p span#req-postal-code,
.form-layout.problem-country p span#req-country,
.form-layout.problem-home-phone p span#req-home-phone,
.form-layout.problem-password2 p span#req-password2
 {
	display: block;
}

/* end validation error notices */

.form-layout label.right {
	float: none;
	width: auto;
	margin-right: 10px;
}

.form-layout label.left {
	float: left;
}

/* different label widths for each form */
.form-layout.signin label {
	width: 100px;
}

.form-layout.membership label.left {
	width: 220px;
}

.form-layout.family-info label {
	width: 200px;
}

.form-layout label span.req-star {
	color: #353535;
}

.form-layout input.txt, .form-layout select {
	float: left;
	width: 180px;
	font-size: 12px;
	border: 1px solid #CCC;
	padding: 2px 0;
}

.form-layout select {
	width: 182px;
}

.form-layout select option.instruct {
	color: #666;
}

.form-layout optgroup option {
	margin: 0;
	padding: 0;
}

.form-layout input.btn {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/submit.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_addchild:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_addchild {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/add_child.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_continue:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_continue {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/continue.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_save:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_save {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/save.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_addchild:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_addchild {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/add_child.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_addclass:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_addclass {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/add-class.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_viewschedule97:hover {     /* added by BCohen, 11/11/09 */
	background-position: 0 -25px;
}

.form-layout input.btn_viewschedule97 {     /* added by BCohen, 11/11/09 */
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 97px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/btn_viewschedule97px.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_addmorefun97:hover {    /* added by BCohen, 11/11/09 */
	background-position: 0 -25px;
}

.form-layout input.btn_addmorefun97 {     /* added by BCohen, 11/11/09 */
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 97px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/btn_addmorefun97px.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_checkout97:hover {     /* added by BCohen, 11/11/09  */
	background-position: 0 -25px;
}

.form-layout input.btn_checkout97 {     /* added by BCohen, 11/11/09  */
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 97px;  
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/btn_checkout97px.png') 0 0 no-repeat;
	cursor: pointer;
}


.form-layout input.btn_checkout:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_checkout {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;  
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/checkout.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_addmembership:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_addmembership {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 138px;   /*modified by Bcohen on 11/3/09, from 80px */
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/add_membership.png') 0 0 no-repeat;
	cursor: pointer;
}
.form-layout input.btn_continueandrenew:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_continueandrenew {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 157px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/continue_and_renew.png') 0 0 no-repeat;
	cursor: pointer;
}
.form-layout input.btn_continuewithoutrenew:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_continuewithoutrenew {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 184px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/continue_without_renew.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_becomeMember:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_becomeMember {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 137px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/btn-become-a-member.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_renewMembership:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_renewMembership {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 157px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/btn-renew-your-membership.png') 0 0 no-repeat;
	cursor: pointer;
}
.form-layout input.btn_cancel:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_cancel {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/cancel.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_close:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_close {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/close.png') 0 0 no-repeat;
	cursor: pointer;
}



.form-layout input.btn_addmembership:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_addmembership {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/add_membership.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_edit:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_edit {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/edit.png') 0 0 no-repeat;
	cursor: pointer;
}

.form-layout input.btn_remove:hover {
	background-position: 0 -25px;
}

.form-layout input.btn_remove {
	clear: left;
	float: left;
	display: block;
	height: 25px;
	width: 80px;
	margin-top: 16px;
	border: none;
	background: url('/PublishingImages/remove.png') 0 0 no-repeat;
	cursor: pointer;
}

.float-msg {
	float: left;
	padding: 15px 0 0 10px;
}

.form-layout p.grey-msg, .form-layout p.msg {
	font-size: 12px;
	line-height: 1.2em !important;
	padding-top: 12px !important;
}

.form-layout p.grey-msg {
	color: #666;
}

.form-layout .bold {
	font-weight: bold;
}

.form-layout span.purple-wait {
	color: #7F3F98 !important;
}

.form-layout span.purple-wait img {
	margin: 0 5px -3px 0;
}

.form-layout div.btn {
	width: 80px;
	height: 25px;
	margin-top: 12px;
}

.form-layout .float-btns div.btn {
	float: left;
	margin-right: 10px;
}

.form-layout #register-link {
	background: url('/PublishingImages/register.png') 0 0 no-repeat;
}

.form-layout div.continue {
	background: url('/PublishingImages/continue.png') 0 0 no-repeat;
}

.form-layout #continue-and-renew {
	width: 157px;
	background: url('/PublishingImages/continue_and_renew.png') 0 0 no-repeat;
}

.form-layout #continue-without-renew {
	width: 184px;
	background: url('/PublishingImages/continue_without_renew.png') 0 0 no-repeat;
}

.form-layout.membership #divContinue {
	display: none;
}

.form-layout #cancel {
	background: url('/PublishingImages/cancel.png') 0 0 no-repeat;
}

/* hover on div to stay consistent for IE 6 (no hover on div/input elements) */
.form-layout #register-link:hover, .form-layout #divContinue:hover, .form-layout #cancel:hover, .form-layout #continue-and-renew:hover, .form-layout #continue-without-renew:hover {
	background-position: 0 -25px;
}

.form-layout div:hover.continue{
	background-position: 0 -25px;
}

.form-layout .btn a {
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 25px;
}

.form-layout .btn#continue-and-renew a {
	width: 157px;
}

.form-layout .btn#continue-without-renew a {
	width: 184px;
}

.form-layout #membership_signin {
	display: none;
}

p.error-vis {
	clear: left;
	color: #F00;
	line-height: 1.2em;
	padding: 0 0 4px 0;
}



/* tooltip */
#tooltip-try {
	position: absolute;
	z-index: 10000;
	display: none; /* show using JS */
	width: 188px;
	height: 172px;
	background: url('/PublishingImages/tooltip_try.png') no-repeat;
}

#tooltip-try .btn {
	width: 93px;
	height: 25px;
}

#tooltip-try .btn a {
	display: block;
	text-indent: -9999px;
	width: 93px;
	height: 25px;
}

#tooltip-try #enroll-link.btn {
	background: url('/PublishingImages/enroll.png') no-repeat 0 0;
	margin: 42px 0 0 44px;
}

#tooltip-try #enroll-link.btn:hover {
	background-position: 0 -25px;
}

#tooltip-try #intro-class-link.btn {
	background: url('/PublishingImages/intro_class.png') no-repeat 0 0;
	margin: 30px 0 0 44px;
}

#tooltip-try #intro-class-link.btn:hover {
	background-position: 0 -25px;
}