/* YUI Reset + Fonts */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#222;background:#fcfcfc;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:1px;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
label { cursor:pointer;cursor:hand } 
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
body {font:13px/1.31 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; background: #fff; }
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
	font-family: arial,helvetica,clean,sans-serif;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
	font-family: arial,helvetica,clean,sans-serif;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0 0 1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:0 1em 1em 2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* End YUI block */

/* WILL REPLACE FITNESSFIRST.CSS WHEN V2 GOES LIVE */

/* Overrides for generic healthclubs css */
ul {padding-left: 32px;}
.encapsulated {border: none; clear: both;}
#Menu ul li {float: left;}
#Menu ul li a {background: none; display: block; border: none;}
#MemberDetails {width: auto; padding: auto; float: none; display:block; }
#LoginForm {width: auto; float: none;}
#UserDetail {display: none;}
#MailForm { margin: 0 0 16px 0; }
#MailForm p { margin: 0 10px 10px 10px; }
#MailForm .detailLabel { width: 8em; display: block; float: left; text-align: right;}
#MailEditor, #PageMessage, #MailEditor h2 {border: none; margin: auto;}
#MailEditor #CCMeCheck, #PageMessage textarea {margin: auto;}
#MemberControls {text-align: center;}
#MemberControls ul {margin: 0; padding: 0; width: 100%; display: block; clear: both; padding: 0;}
#MemberDetails .frmDropDown select {width: 175px; display: block; }
#MemberDetails.twoColumn div p.frmDropDown select {width: 100%;*width:100%;}
/* End "Overrides..." */

/* Page Structure */
body { margin: 0; padding: 0; text-align: center; font-family: arial; font-size: 12px;}
#PageContainer { width:974px; min-height: 99%; margin: 0 auto; padding: 0px; text-align: left; }
#Header { width:974px; margin: 0; position:absolute; top: 0; height: 181px; background: url(/images/healthclubs/ffirst/1px-top-banner.jpg);}
#Body {  padding: 181px 0 16px 0; background: url(/images/healthclubs/ffirst/eyecatch.jpg) no-repeat bottom right;}
#Body h1 {text-indent: -9999px; height: 79px;}
#Content { width: 606px; min-height: 390px; margin-left: 48px;}
#Footer { width:974px; height: 116px; clear: both;  text-align: center; background: url(/images/healthclubs/ffirst/1px-rhs-banner.jpg); margin: 0;}

#Menu ul li {text-indent: -9999px; height: 48px; width: 94px; display: block; margin: 0 10px 0 0; line-height: 48px;}
#Menu ul li a {height: 48px; width: 94px; display: block;}

.sizeForcer {clear: both; width: 100%; display: block;}
.contentHidden {display: none;}

/* IE6 Compliance */
#Content {_height: 390px;}
/* End "IE6 Compliance" */
/* End "Page Structure" */

/* Content Boxes */
/*
.contentBox { padding: 8px 0 0 0;  background: url(/images/healthclubs/ffirst/contentBox_top.png) no-repeat top left; margin: 0 0 16px 0; } 
.contentBox div { background: url(/images/healthclubs/ffirst/contentBox_bot.png) no-repeat bottom left; padding: 0 0 10px 0; margin: 0; } 
.contentBox p, .contentBox ul { margin: 0 10px 10px 10px;}
.contentBox.typeTwo { background: url(/images/healthclubs/ffirst/contentBox_two_top.png) no-repeat top left; margin: 0;} 
.contentBox.typeTwo div {background: url(/images/healthclubs/ffirst/contentBox_two_bot.png) no-repeat bottom left; color: #eee;} 
.contentBox div div, .contentBox.typeTwo div div { background: transparent;} 
*/
/*
#FitnessFirst .contentBox, #FitnessFirst .contentBox div { padding: 0; margin: 0; display: block; height: auto;}
#FitnessFirst .contentBox { padding: 8px 0 0 0;  background: #014F7C url(/images/healthclubs/ffirst/contentBox_top.png) no-repeat top left; } 
#FitnessFirst .typeTwo { background: url(/images/healthclubs/ffirst/contentBox_two_top.png) no-repeat top left; } 
#FitnessFirst .contentBox div { background: url(/images/healthclubs/ffirst/contentBox_bot.png) no-repeat bottom left; padding: 0 0 5px 0; margin: 0; } 
#FitnessFirst .contentBox.typeTwo div { background: url(/images/healthclubs/ffirst/contentBox_two_bot.png) no-repeat bottom left; color: #eee;} 
#FitnessFirst .contentBox div.endFormButton { padding: 0; margin: 0; background: transparent; } 
.contentBox p, .contentBox ul { margin: 0 10px 10px 10px;}
#FitnessFirst .endFormButton { text-align: right; height: 60px; display: block; margin: -10px 10px 0px 0;  } 
*/
#FitnessFirst .contentBox div.boxBottom {background: #fff url(/images/healthclubs/ffirst/contentBox_bot.png) no-repeat bottom left; width: 606px; margin: 0; padding: 0;}
#FitnessFirst .contentBox div.boxTop {background: #fff url(/images/healthclubs/ffirst/contentBox_top.png) no-repeat bottom left; height: 10px; width: 606px;}
#FitnessFirst .contentBox h2,#FitnessFirst .contentBox ul {padding-bottom: 10px;}

#FitnessFirst .typeTwo div.boxBottom {background: #014F76 url(/images/healthclubs/ffirst/boxbottom.png) no-repeat bottom left; width: 606px; margin: 0; padding: 0; color: #eee;}
#FitnessFirst .typeTwo div.boxTop {background: #fff url(/images/healthclubs/ffirst/boxtop.png) no-repeat bottom left; height: 6px; width: 606px;}
#FitnessFirst .contentBox p,#FitnessFirst .typeTwo p {padding: 0 8px;}
#FitnessFirst .endFormButton { text-align: right; height: 60px; display: block; margin: -10px 10px 0px 0; padding: 0; } 
#FitnessFirst .twoColumn div {width: 48%; background: 014F76;}

#ListContainer {height: 290px;}
#ListView { height: 280px; overflow: auto; width: 96%; margin: 0 0 0 10px; border: 1px solid #99bbe8; }
#ListView table{ width: 97%; }
#ListView td {border: 0;}
#ListView .evenRow {background: #edf5ff;}
#ListView .rowSelected {background: #00aacc;}
#ListView thead tr {background: url(/images/HealthClubs/Styling/halfgrey.png) repeat-x;}
#LocationsTable tbody tr:hover, #MembersTable tbody tr:hover, .rowHighlighted {background: #ccffff; cursor: pointer;}
#MemberControls {text-align: center; margin-top: 1em;}
#AdminControls ul li, #MemberControls ul li {list-style: none inside; display: inline; padding: 0 5px; margin: 0; }
#AdminControls ul li a,#MemberControls ul li a, #CommissionControls input, #ReportControls input#submit 
	{text-decoration: none; color: #000000; font-weight: bold;}
#CreditControl span {font-weight: bold;}
#MailEditor {width: 97%;}
			
/* Option List */
.optionList { margin: 0 0 0 0; padding: 0;  } 
.optionList li {list-style: none; display: inline;}
.optionList.showSplit li {border-left: 1px solid; border-right: none; line-height: 24px; padding: 0 8px 0 8px;} 
.optionList.headFoot li {border-left-color: #ebebeb;} 
.optionList.showSplit li.firstInList {border: none;}
/* End "Option List" */


/* Area Specifics */
#HomeLink a {width: 405px; height: 110px; background: url(/images/healthclubs/ffirst/logo-top-banner.jpg) no-repeat top right; display: block; float: left;}
#Header p, #Header a, #Header a:hover, #Header a:visited {color: #ebebeb;}
#Header p {clear: both; padding: 8px 0 0 32px;}
#Header ul {display: block; float: right; margin: 16px 16px 0 0;}
#Header ul li a, #Header ul li a:hover, #Header ul li a:visited, #Footer ul li a, #Footer ul li a:hover, #Footer ul li a:visited {text-decoration: none; color: #ebebeb;}
#Footer span {width: 198px; height: 116px; display: block; background: url(/images/healthclubs/ffirst/logo-rhs-banner.jpg) no-repeat top right; float: right;}
#Footer div ul {padding-top: 70px;}
#Footer ul li {margin-left: 64px;}
#Content h2, #Content p {margin-bottom: 1em;}
#Content h2, #Content p.hiLight {font-weight: bold;}
/* End "Area Specifics" */	



/* Column and Form Formatting */
.frmTxtBox label, .frmDropDown label {width: 75px; display: block; float: left; text-align: right; margin-right: 6px;}
.frmTxtBox input, frmTxtBox select {width: 175px; display: block; }
.frmTxtArea textarea {width: 100%; display: block; margin-bottom: 0.5em;}


.twoColumn div {width: 50%; float: left; }
.twoColumn.padded div p {margin: 0 16px 0 16px; clear: both;}
.twoColumn div p.frmTxtBox label,.twoColumn div p.frmDropDown label {display: block; width: auto; float: none; text-align: left;}
.twoColumn div p.frmTxtBox input {width: 100%;}
.twoColumn div p.frmDropDown select {width: 100%;*width:100%;}
.twoColumn div p.frmRadioGroup label {float: left; margin-bottom: 1em;}
.twoColumn div p.frmRadioGroup input {width: auto; float: left; margin: 3px 16px 0 4px;}



/* Buttons and Links */
#HomeButton {background: url(/images/healthclubs/ffirst/btnhome.jpg) no-repeat 0 0;}
#ViewLocationButton {background: url(/images/healthclubs/ffirst/btnviewgyms.jpg) no-repeat 0 0;}
#AddLocationButton {background: url(/images/healthclubs/ffirst/btnaddgym.jpg) no-repeat 0 0;}
#AddPTButton {background: url(/images/healthclubs/ffirst/btnaddpt.jpg) no-repeat 0 0;}
#ReportsButton {background: url(/images/healthclubs/ffirst/btnreports.jpg) no-repeat 0 0;}
#ViewPTButton {background: url(/images/healthclubs/ffirst/btnviewpts.jpg) no-repeat 0 0;}
#LocationOrdersButton {background: url(/images/healthclubs/ffirst/btnvieworders.jpg) no-repeat 0 0;}
#NewMemberButton {background: url(/images/healthclubs/ffirst/btnnewmember.jpg) no-repeat 0 0;}
#ViewMemberButton {background: url(/images/healthclubs/ffirst/btnviewmembers.jpg) no-repeat 0 0;}
#ViewOrdersButton {background: url(/images/healthclubs/ffirst/btnviewcomms.jpg) no-repeat 0 0;}
/* End "Buttons and Links" */

/* Image-replace headers */
#PTHomeHeader {background: url(/images/healthclubs/ffirst/ptheader.jpg) no-repeat 0 0;}
#SplashHeader {background: url(/images/healthclubs/ffirst/mainheader.jpg) no-repeat 0 0;}
/* End "Image-replace headers" */

.colTypeOne {float: right;}
#SignOff {padding: 0 0 8px 0;}
#SignOff p {margin: 0 0 0 10px;}
#PreviewPanel {display: none;}
#ProductSelect {width: 95%; padding: 0; margin: 0;}
#ProductSelect label {display: block; width: auto; float: none; text-align: left;}
#ProductSelect select {width: 150px;}
.signupError {font-weight: bold;}
#MailForm h2, #Acknowledge h2 { margin: 0 10px 10px 10px; font-family: arial; font-size: 12px;}
#SplashOptions {margin-top: 32px;}