/*  
Originally created by Juxtaprose, (c) copyright 2010
http://juxtaprose.com/
*/

body {
	background: #262626; 
	color: #004269;
	margin: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;	
}

/* centering and framing */
#wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 1017px;
	background: #f6fcff;
	border: 1px solid #fff;
	text-align: left;
}

/* Accessiblity Skip Menu */
#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
 
#skip a:focus {
	position: static;
	width: auto;
	height: auto;
} 

/* masthead */
#masthead {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 128px;
	background-color: #47494b;	
	background-image: url("/images/site/fit/bg-masthead.jpg");
}

#masthead h1, #masthead h3 {
	position: absolute;
	top: 11px;
	left: 42px;
	margin: 0;
	padding: 0;
}

#masthead h1 a span, #masthead h3 a span {
	display: none;
}

#masthead #util {
	position: absolute;
	top: 10px;
	left: 725px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
}

#masthead #util a {
	color: #fff;
	text-decoration: none;
}

#masthead #util a:hover {
	color: #fff;
	text-decoration: underline;
}

#masthead #util img {
	border: 0;
	vertical-align: middle;
}

/* primary navigation (nav1) */
#nav1 {
	position: relative;
	list-style: none;
	width: 100%;
	height: 69px;
	margin: 3px 0 0 0;
	padding: 0;	
	background-image: url("/images/site/fit/bg-nav1.gif");
	background-repeat: repeat-x;
	background-position: 0 18px;
}

#nav1 li {
	float: left;
	display: inline; /* ie6 only */
	height: 67px;
	width: 147px;
	margin: 0 13px 0 0;
	padding: 0;	
	background: #004269;
	border: 1px solid #fff;
}

#nav1 li a {
	display: block;	
	width: 147px;
	height: 67px;
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;	
}

#nav1_1 {margin-left: 31px !important;}
#nav1_6 {margin-right: 0 !important;}

#nav1_7, #nav1_8 {display: none !important;} /* TEMPORARY */

#nav1 a {
	background-position: 0 0;
	background-repeat: no-repeat;
}

#nav1_1 a {background-image: url("/images/site/fit/nav1-about.gif");}
#nav1_2 a {background-image: url("/images/site/fit/nav1-training.gif");}
#nav1_3 a {background-image: url("/images/site/fit/nav1-classes.gif");}
#nav1_4 a {background-image: url("/images/site/fit/nav1-events.gif");}
#nav1_5 a {background-image: url("/images/site/fit/nav1-nutrition.gif");}
#nav1_6 a {background-image: url("/images/site/fit/nav1-members.gif");}

.about #nav1_1 a, .personal-training #nav1_2 a,
.classes #nav1_3 a, .class #nav1_3 a, .events #nav1_4 a,
.nutrition #nav1_5 a, 
.member-area #nav1_6 a, 
.member-profile #nav1_6 a,
#nav1 a:hover {
	background-position: 0 -67px;
}

#nav1 a span {
	display: none;
}

/* page structural elements */
#main {
	float: left;
	display: inline; /* ie6 only */
	height: 350px; /* ie6 only */
	min-height: 350px;
	width: 600px;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 50px;
	padding-bottom: 30px;
}

.home #main, .event-sign-up #main {
	float: none;
	display: block;
	width: 960px;
	margin-right: 0;
}

html>body #main {
	height: auto; /* override ie6-only rule above */
}

#sidebar {
	float: left;
	display: inline; /* ie6 only */
	width: 310px;
	margin: 30px 0;
}

 /*member pages only */
#memhead {
	margin: 30px 199px 15px 30px;
}

#memmenu {
	float: left;
	display: inline; /* ie6 only */
	width: 170px;
	min-height: 340px;
	margin: 12px 0 0 30px;
}

.member #main {
	width: 590px;
	margin: 0 20px 0 30px;
}

.member #sidebar {
	width: 150px;
	min-height: 340px;	
	margin: 12px 0 0 0;
}

#registerbox {
	position: absolute;
	left: 756px;
	top: 52px;
	width: 232px;
	height: 37px;
	padding-top: 5px;
	background-color: #fff;
	color: #004269;
	border: 1px solid #004269;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	z-index: 100;
}

.home #registerbox {
	top: 228px;
	background-image: url("/images/site/fit/bg-register.gif");	
	background-repeat: repeat;
}

.member #registerbox, .sysmsg #registerbox {
	display: none !important;
}

#registerbox span {
	display: block;
	margin-bottom: 2px;
	font-size: 14px;
}

#registerbox:hover {
	color: #f15922;
	border: 1px solid #f15922;	
}

#managebox {
	position: absolute;
	left: 670px;
	top: 208px;
	width: 148px;
	height: 19px;
	border: 1px solid #2f3b62;	
	z-index: 99;
}

#managebox a {
	display: block;
	height: 16px;
	padding-top: 3px;
	color: #f15922;
	background: #fff;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;	
}

#managebox a:hover {
	background: #f15922;
	color: #fff;
}

#clientbox {
	position: absolute;
	left: 670px;
	top: 228px;
	width: 144px;
	height: 34px;
	padding: 2px;
	border: 1px solid #2f3b62;	
	z-index: 100;
}

#clientbox p {
	margin: 8px 0 0 0;
	color: #2f3b62;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}

#clientbox select {
	width: 140px;
	margin: 0;
	padding: 0;
	text-transform: none;
}

#logoutbox {
	position: absolute;
	left: 841px;
	top: 228px;
	width: 144px;
	height: 34px;
	padding: 2px;
	border: 1px solid #2f3b62;	
	z-index: 100;
}

#logoutbox a {
	display: block;
	height: 25px;
	padding-top: 9px;
	background-color: #2f3b62;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;	
}

#logoutbox a:hover {
	background: #f15922;
}

/* main text and inline elements */
#main p, #main ul, #main ol {
	font-size: 14px;
	line-height: 22px;
}

#main a, #sidebar a { 
	color: #f15922; 
}

#main a:hover, #sidebar a:hover { 
	color: #fff !important;
	background: #f15922; 
}

#main h1, .home #main h2, #memhead h1 {
	margin: 10px 0 3px 0;
	color: #f15922;
	font-size: 48px;
	font-weight: normal;	
}

.home #main h2 {
	font-weight: bold;
}	

.cufon-active .home #main h2 {
	letter-spacing: 0.09em;
}

#main h2 {
	margin: 10px 0 3px 0;
	font-size: 20px;
	font-weight: normal;
}

#main h3 {
	margin: 15px 0 0 0;
	font-size: 16px;
	font-weight: normal;
}

#main blockquote {
	clear: both;
	margin: 20px 0 20px 0;
	padding: 10px 10px 0 10px;
	background: #d3ecfa;	
	border: 1px solid #a9c1cf;
	font-size: 16px;
	line-height: 26px;	
}

#main blockquote p {
	margin: 0 0 10px 0;
	font-size: inherit;
	line-height: inherit;
}

#main .intro {
	font-weight: bold;
}

#main .byline {
	margin: 0 20px 0 0;
	text-align: right;
}

#main .byline a {
	color: #f15922;
	background: #fff;
}

#main h1 a, #main h2 a, #main .byline a {
	text-decoration: none;
}	

#main h1 a:hover, #main h2 a:hover, #main .byline a:hover {
	text-decoration: underline;
}	

#main .readline {
	margin: -10px 0 30px 0;
}

#main .classlist h3 {
	margin-bottom: 0px;
}

#main .classlist p {
	margin-top: 0px;
}

#main .testibox {
	color: #f15922;
	font-size: 18px;
	line-height: 28px;
	margin: 30px 0 20px 0;
	padding: 20px 0 20px 0;
	border-top: 6px double #f15922;
	border-bottom: 6px double #f15922;
}

#main .testibox h3 {
	margin: 0;
}

#main .testibox .byline {
	text-align: right;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0px;
}

#main .testibox .tupper {
	color: #004269;
	font-size: 12px;
	text-transform: uppercase;
}

/* main images */
#main img {
	clear: both;
	float: left;
	padding: 0 15px 10px 0;
	border: 0;
}

#main .portrait {
	padding-bottom: 15px;
}

/* home page elements */
#main .slidebox {
	position: relative;
	float: left;
	display: inline; /* ie6 only */
	width: 600px;
	height: 400px;
	margin: 15px 5px 30px 0;
}

#main .slidebox .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 400px;
	z-index: 20;
}

#main .slidebox #slide1 {
	z-index: 25;
}

#main .slidebox img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

#main .slidebox .caption {
	position: absolute;
	bottom: 0;
	width: 600px;
	height: 75px;
	background-image: url("/images/site/fit/bg-opaq-white63.png");	
	background-repeat: repeat;
	z-index: 110;
}

#main .slidebox .caption p {
	margin: 10px 15px;
	width: 350px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

#main .slidebox .caption p a {
	font-size: 11px;
	text-transform: uppercase;
}

/* slidebox controls */
.slidecontrol {
	position: absolute;
	top: 350px;
	right: 10px;
	height: 25px;
	width: 210px;
	overflow: hidden;
	z-index: 120;
}

.slidecontrol a {
	float: left;
	display: inline; /* ie6 only */
	width: 25px;
	height: 25px;
	margin-right: 5px;
	background-color: transparent !important;	
	background-position: 0 0;
	background-repeat: no-repeat;
}

.slidecontrol a:hover, .slidecontrol a.on {
	background-position: 0 -25px !important;
}

a.play {
	background-position: 0 -50px !important;
}

a.play:hover {
	background-position: 0 -75px !important;
}

a.pause {
	background-position: 0 -0 !important;
}

a.pause:hover {
	background-position: 0 -25px !important;
}

a#i1, a#i1:hover {
	background-image: url("/images/site/fit/slide-button-1.gif") !important;
}

a#i2, a#i2:hover {
	background-image: url("/images/site/fit/slide-button-2.gif") !important;
}

a#i3, a#i3:hover {
	background-image: url("/images/site/fit/slide-button-3.gif") !important;
}

a#i4, a#i4:hover {
	background-image: url("/images/site/fit/slide-button-4.gif") !important;
}

a#i5, a#i5:hover {
	background-image: url("/images/site/fit/slide-button-5.gif") !important;
}

a#i6, a#i6:hover {
	background-image: url("/images/site/fit/slide-button-6.gif") !important;
}

a#pp, a#pp:hover {
	margin-right: 0 !important;
	background-image: url("/images/site/fit/slide-play-button.png") !important;
}

.slidecontrol span {
	display: none;
}

#main .imagebox {
	position: relative;
	float: left;
	display: inline; /* ie6 only */
	width: 355px;
	height: 265px;
	margin: 15px 0 5px 0;
}

#main .imagebox img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#main .imagebox .caption {
	position: absolute;
	bottom: 0;
	width: 345px;
	height: 10px;
	padding: 5px 5px;
	background-image: url("/images/site/fit/bg-opaq-white63.png");	
	background-repeat: repeat;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase;
	text-align: right;	
	z-index: 20;	
}

#main .quotebox {
	float: left;
	display: inline; /* ie6 only */	
	width: 355px;
	height: 130px;
	margin: 0 0 30px 0;
	color: #fff;	
	background-color: #f15922;
	background-image: url("/images/site/fit/bg-quote.gif");	
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#main .quotebox p {
	margin: 10px 10px;
	font-family: Georgia, "Times New Roman", times, serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
}

#main .videobox {
	float: left;
	display: inline; /* ie6 only */	
	width: 290px;	
	height: 280px;
	padding: 15px 10px;
	margin-bottom: 30px;
	background: #e2e2e2;
}

#main .videobox h3, #main .ecbox h3  {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#main .videobox p {
	font-size: 14px;
	font-weight: bold;
}

#main .homebody {
	float: left;
	display: inline; /* ie6 only */	
	width: 625px;
	height: 55px;
	padding: 0 10px 0 0;		
	margin: 0 0 5px 15px;
	overflow: hidden;
}

#main .homebody p {
	margin: 0;
}

#main .ecbox {
	position: relative;
	float: left;
	display: inline; /* ie6 only */	
	width: 290px;
	min-height: 220px;
	padding: 15px 10px;	
	margin-bottom: 30px;
	background: #666;	
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

.js #main .ecbox {
	height: 220px;
}

#main .eventbox {
	margin-left: 15px;
	margin-right: 15px;
	background: #4a4a4a;
}

#main .ecbox p, #main .ecbox li {
	font-size: 12px;
}

#main .eventbox p {
	margin-bottom: 5px;
}

#main .eventbox li {
	border-bottom: 1px dotted #fff;
}

#main .eventbox li span {
	color: #ccc;
	font-weight: normal;
}

#main .ecbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main .ecbox a {
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
}

#main .ecbox a:hover {
	background: #fff;
	color: #4a4a4a !important;
}

#main .ecbox a.boxbutton {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 12px;
	padding: 7px;
	background: #004269;
	border: 1px solid #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;	
	text-align: center;
}

#main .ecbox a.boxbutton:hover {
	color: #004269;
	background: #fff;	
}

.js #weekview li, .js #weekview h4 {
	display: none;
/*	width: 288px;
	height: 125px; */
}

#weekview .clisting {
	clear: both;
	border-bottom: 1px solid #fff;	
	overflow: hidden;
}

#weekview .ctime {
	float: left;
	display: inline; /* ie6 only */
	width: 55px;
	padding-top: 4px;
}

#weekview .ctime span {
	font-style: italic;
	font-weight: normal;
}

#weekview p {
	float: left;
	display: inline; /* ie6 only */
	width: 200px;
	height: 32px;
	padding: 7px 0 0 6px;
	margin: 0;
	border-left: 1px solid #fff;	
	font-size: 11px;
	font-weight: bold;	
	line-height: 16px;
}

#weekview p span {
	color: #aaa;
	font-weight: normal;
	font-style: italic;
}	

#weekview p a {
	font-weight: bold;
	text-decoration: none !important;
	border-bottom: 1px dotted #aaa;
}

/* Javascript only styles */
.classbox #tabs {
	margin: 5px 0 0 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #fff;	
	overflow: hidden;
}

.classbox #tabs a {
	display: block;
	float: left;
	display: inline; /* ie6 only */	
	width: 30px;
	padding: 4px 1px;
	margin-left: 10px;
	text-align: center;
}

.classbox #tabs a:hover {
	background: #fff;
	color: #4a4a4a !important;
}

.classbox #tabs a.first {
	margin-left: 0;
}

.classbox #tabs a.show {
	background: #4a4a4a;
	color: #fff !important;
	padding: 3px 0;
	border: 1px solid #fff;
	text-decoration: none;	
}

/* class page table */
.classtimes {
	width: 100%;
	border-collapse: collapse;	
	font-size: 14px;		
}

.classtimes td, .classtimes th {
	padding: 5px;
	border: 1px dotted #f15922;
	text-align: center;
}

.classtimes th {
	color: #f15922;
	background: #f6e7e2;
	
}

.classtimes th {
	font-weight: bold;
}

/* registration form */
.register_form div {
	float: left;
	width: 290px;
}

.register_form .rt {
	margin-left: 20px;
}

.register_form h2 {
	clear: both;
	margin-top: 24px !important;
	padding-top: 6px;
	border-top: 1px dotted #666;
	font-size: 16px !important;
	font-style: italic;
	text-transform: uppercase;
}

.register_form label, .login_form label, .event_form label, .forgot_form label {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}

.register_form label.inln {
	display: inline;
	font-size: 14px;
	text-transform: none;
}

.register_form label.error,
.event_form label.error, .forgot_form label {
	color: #f15922;
}

.register_form input, .register_form select,
.login_form input, .event_form input, .forgot_form input {
	height: 24px;
	width: 274px;
	padding: 3px;
	color: #f15922;
	border: 1px dotted #f15922;
	font-size: 16px;
	line-height: 16px;	
}

#main .sign-up-here {
	display: block;
	width: 150px;
	height: 30px;
	padding: 5px 0 0 0;
	color: #fff;
	background: #f15922;
	border: 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

#main .sign-up-here:hover {
	background: #004269;
}

.event_form input {
	width: 100px;
	height: 14px;
	font-size: 12px;
}

.wide_form input {
	width: 250px;
}

.wide_form .agreebox input {
	width: auto;
}

#main #addlinks {
	visibility: hidden;
}

#main #addlinks p {
	font-size: 12px;
	text-transform: uppercase;
}

#main .addpeople {
	display: none;
}

#loadingimg {
	display: none;
}

.register_form input.error, .register_form select.error,
.event_form input.error, .forgot_form input.error {
	border: 1px solid #f15922;
}

.register_form input:focus, .register_form select:focus,
.login_form input:focus, .forgot_form input:focus {
	background: #f6e7e2;
}

.register_form select {
	height: 30px;
	width: 280px;
}

.register_form .radio {
	width: auto;
	height: auto;
}

.register_form .submit, .login_form .submit, 
.event_form .submit, .forgot_form .submit, 
#free_consult .submit, #signup22 .submit, 
.button {
	width: 100px;
	height: 30px;
	color: #fff !important;
	background: #f15922;
	border: 0;
}

.button { padding: 5px 10px; text-decoration: none;}

.event_form .submit {
	padding: 0;
	height: 18px;
}

.register_form .submit:hover,
.login_form .submit:hover,
.event_form .submit:hover,
#signup22 .submit:hover,
#free_consult .submit:hover,
.button:hover {
	background: #004269 !important;
}

/* login form */
.login_form, .forgot_form {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;	
	overflow: hidden;
}

.login_form p {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 0 10px 0;
}

/* event form */
.event_form {
	float: left;
	width: 250px;
}

.event_form p {
	margin-top: 0;
}

/* 22 Secrets sign-up form */
#signup22 label {
	display: inline-block;
	width: 45px;
	padding-right: 5px;
	text-align: right;
}

#signup22 label.error {	
	width: auto; 
	padding-left: 5px;
	color: #f00;
	text-align: left;
}

#signup22 .submit {
	margin-left: 55px;
	text-transform: uppercase;
}

/* Free consultation form (in Sidebar) */
#free_consult label {
	display: inline-block;
	width: 45px;
	padding-right: 5px;
	text-align: right;
}

#free_consult label.error {
	display: block;
	width: auto;
	margin-left: 50px;
	text-align: left;
	color: #f00;
}

#free_consult #best_time_label {
	width: auto;
	margin-left: 50px;
	text-align: left;
}

#free_consult #best_time {
	margin-left: 50px;
}

#free_consult .submit {
	margin-left: 50px;
	text-transform: uppercase;
}

/* Free consultation form (in Sidebar) */
#share_friend label {
	display: inline-block;
	width: 80px;
	padding-right: 5px;
	text-align: right;
}

#share_friend label.error {
	display: block;
	width: auto;
	margin-left: 85px;
	text-align: left;
	color: #f00;
}

#share_friend textarea {
	width: 240px;
	height: 160px;
	padding: 5px;
	vertical-align: text-top;
}


#share_friend .submit {
	margin-left: 85px;
	text-transform: uppercase;
}

#prompt .close {	
	color: #004269;
}


#main .borderbox {
	margin: 0 0 24px 0;
}



/* sidebar text and inline elements */
#sidebar p {
	font-size: 13px;
	line-height: 17px;
}

#sidebar h3 {
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	text-transform: lowercase;
}

#sidebar .infobox h3 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: none;
}

#sidebar .centerbox {
	text-align: center !important;
}

#sidebar .borderbox, #sidebar .bluebox {
	width: 306px;
	margin: 0 0 24px 0;
}

#sidebar .borderbox, #main .borderbox {
	border: 2px solid #f15922;
	background: #f6e7e2;
}

#sidebar .bluebox {
	background: #004269;
	border: 1px solid #004269;		
	color: #fff;
}

#sidebar .borderbox h3, 
#main .borderbox h3, 
#sidebar .bluebox h3 {
	width: 100%;
	margin: 0;
	padding: 7px 0;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
}

#sidebar .borderbox h3, #sidebar .borderbox p, 
#sidebar .borderbox p a {color: #f15922;}
#sidebar .borderbox p, #sidebar .bluebox p,
#main .borderbox p { margin: 15px; }

#sidebar .bluebox p { font-size: 15px; line-height: 20px;}

#sidebar .bluebox a {color: #fff;}
#sidebar .bluebox a:hover {background: #fff; color: #004269 !important;}

#sidebar .quotebox {
	color: #f15922;
	font-size: 18px;
	line-height: 28px;
	margin: 30px 0 20px 0;
	padding: 20px 0 20px 0;
	border-top: 6px double #f15922;
	border-bottom: 6px double #f15922;
}

#sidebar .quotebox .byline {
	text-align: right;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0px;
}

#sidebar .quotebox .tupper {
	color: #004269;
	font-size: 12px;
	text-transform: uppercase;
}

#sidebar .bmichart {
	width: 236px;
	margin: 0 auto;
	color: #f15922;
	border-collapse: collapse;
	text-align: left;
}

#sidebar .bmichart th, #sidebar .bmichart td {
	padding-left: 3px;
	border: 1px solid #ccc;
}	



.nav2 {
	width: 100%;
	list-style: none;
	margin: 0 0 24px 0;
	padding: 0;	
}

.nav2 li {
	margin: 0 0 6px 0;
	padding: 0;
	width: 100%;
	height: 34px;
}

.nav2 li a {
	display: block;
	height: 26px;
	padding: 6px 0 0 22px;
	margin: 0;
	background: #fff;
	color: #004269 !important;
	font-size: 16px;	
	border: 1px solid #004269;
	text-decoration: none;
}

#memmenu .nav2 li a {
	padding: 6px 22px 0 0;
	text-align: right;
}

.nav2 li a:hover, a#nav2on, 
.recipe #nav2_3 a, 
.member-profile #nav2_3 a, 
.member-home #nav2_1 a, 
.profile-edit #nav2_3 a, .profile-photo #nav2_3 a,
.profile-password #nav2_3 a, 
.view #nav2_4 a, .view-manage #nav2_4 a {
	background: #7d9Fb3 !important;
	border: 1px solid #7d9Fb3 !important;
	color: #fff !important;
}


/* member only */
	/* member menu */
#memmenu img {
	width: 170px;
	height: 170px;
}

#memmenu p {
	margin: 2px 0 20px 0;
	font-size: 10px;
	text-align: center;
}

#memmenu p a {
	color: #404040;
}

#memmenu p a:hover {
	background: #404040;
	color: #fff;
}
	
#memmenu .profileph {
	width: 170px;
	height: 100px;
	padding-top: 70px;
	margin-bottom: 20px;
	background: #ccc;
}

#memmenu .profileph span {
	display: block;
	margin-top: -30px;
	font-size: 80px;
	text-align: center;	
}

#memmenu .profileph a {
	display: block;
	margin: 0 20px;
	text-align: center;
	color: #000;
}

#memmenu .profileph a:hover {
	background: #000;
	color: #fff;
}

	/* member main */
#main .announce {
	padding: 12px;
	margin: 12px 0;
	border: 1px dotted #f15922;
}

#main .announce h2 {
	margin: 0;
}

#main .announce p {
	margin: 9px 0 0 0;
}
	
#main .sharenote, #main .privnote {
	height: 10px;
	margin: 0 0 2px 0;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}	

#main .sharenote {	color: #969696; }
#main .privnote { color: #6a9dbb; }

#main .sharenote span, #main .privnote span {
	text-transform: uppercase;
}

#main .sharebox {
	padding: 20px 15px;
	margin-bottom: 30px;
	color: #535353;
	background: #f1f1f1;
	border: 1px solid #ddd;
}

#main .privbox {
	padding: 20px 15px;
	margin-bottom: 30px;
	color: #004269;
	background: #d3ecfa;	
	border: 1px solid #a9c1cf;
}

#main .gosharebutton {
	display: block;
	width: 180px;
	margin: 15px auto;
	color: #fff;
	background: #f15922;
	border: 1px solid #f15922;	
	font-style: normal;
	text-align: center;
	text-transform: uppercase;	
	text-decoration: none;		
}

#main .gosharebutton strong {
	display: block;
	font-weight: normal;
	text-decoration: underline;			
}

#main .gosharebutton span {
	display: block;
	font-size: 11px;
	text-transform: lowercase;	
}

#main .gosharebutton:hover {
	background: #fff;
	color: #f15922 !important;	
}

#main .privbox a {
	color: #004269;
}

#main .privbox h2 {
	color: #2a7bab;
	padding: 10px 0;
	border-top: 1px solid #a9c1cf;
	border-bottom: 1px solid #a9c1cf;	
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
}

#main .privbox table {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;	
}

#main .privbox table select {
	width: 150px;
}

#main .privbox td {
	margin: 0;
	padding: 2px;
	border: 1px solid #a9c1cf;
}

#main .memberlist {
	list-style: none;
	margin: 0;
	padding: 14px 0;
	overflow: hidden;
}

#main .memberlist li {
	float: left;
	display: inline; /* ie6 only */
	margin: 0;
	height: 52px;
	width: 275px;
	padding: 0 4px 10px 0;
}

#main .memberlist img, #main .photoph {
	float: left;
	display: inline; /* ie6 only */
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid #666;
	font-size: 30px;
	line-height: 35px;
	text-align: center;
}

#main .photoph {
 	padding-top: 8px;
 	height: 42px !important;
 	background-color: #fff;
 }

#main .memberlist em {
	color: #666;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
}

#main .acomment {
	padding: 15px 0;
	overflow: hidden;
}

#main .acomment .photo, #main .acomment .photoph {
	float: left;
	display: inline; /* ie6 only */
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	border: 1px solid #666;
	font-size: 30px;
}

#main .acomment .photo img {
	border: 0;
	padding: 0;
}

.sharebox .acomment {
	border-top: 2px dotted #ddd;
}

.privbox .acomment {
	border-top: 2px dotted #a9c1cf;
}

#main .acomment .msg {
	float: left;
	display: inline; /* ie6 only */
	width: 490px;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
}

#main .acomment .msg span {
	font-size: 11px;
	text-transform: uppercase;
}

#main .privbox .acomment .msg strong a {
	color: #004269;
	border-bottom: 1px dotted #004269;
	text-decoration: none;	
}

#main .sharebox .acomment .msg strong a {
	color: #535353;
	border-bottom: 1px dotted #535353;	
	text-decoration: none;	
}

.acomment .delcom {
	float: right;
	height: 13px;	
	margin-top: 4px;
	color: #535353 !important;	
	font-size: 9px;
	line-height: 13px	
}

.sharebox .delcom {
	color: #535353 !important;	
}

.privbox .delcom {
	color: #004269 !important;	
}

#main .manage {
	margin: 0 0 11px 0;
	padding: 5px;
	border: 1px solid #2f3b62;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
}

#main .paginate {
	margin: 20px 0 0 0;
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
}

.sharebox .paginate {
	border-top: 2px dotted #ddd;
}

.privbox .paginate {
	border-top: 2px dotted #a9c1cf;
}

	/* member sidebar */
.member #sidebar h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

.member #sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;	
}

.member #sidebar li {
	margin-left: -3px;
	padding: 3px 0 3px 3px;
}

.addnote {
	margin: 0;
	color: #999;
	font-style: italic;
}

.my-areas, .my-areas a {
	font-weight: bold;
	color: #f15922 !important;
}

.more-areas, .more-areas a {
	font-weight: bold;
	color: #2f3b62 !important;
}

.more-areas a:hover {
 	background: #2f3b62 !important;
}

.more-areas #nav3on {
	padding: 2px 0 2px 2px !important;
	border: 1px dotted #004269;	
}

.my-areas #nav3on {
	padding: 2px 0 2px 2px !important;
	border: 1px dotted #f15922;	
}

.more-areas #nav3on a, .my-areas #nav3on a {
 	text-decoration: none;
}

#suggestions {
	margin: 30px 0;
	height: 76px;
	padding: 15px 0 0 66px;
	color: #656768;
	background-image: url("/images/site/fit/suggestion-box.gif");
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 16px;
	text-align: center;	
}

#suggestions a {
	color: #656768;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

/* member forms */
#main .privbox form, #main .sharebox form {
	overflow: hidden;
}

.privbox form table {
	font-size: 14px;
	line-height: 16px;	
}

#main .privbox form table td {
	margin-bottom: 3px;
	border: 0 !important;
}

#main .privbox form table strong {
	padding-left: 25px;
}

#main .privbox form table .share_control strong {
	padding-left: 0;
}

#main .privbox form table .share_control td {
	border-bottom: 1px dotted #a9c1cf !important;
}

#main .privbox textarea, #main .sharebox textarea {
	width: 550px;
	height: 74px;
	padding: 3px;
	font-size: 16px;
	line-height: 16px;		
}

#main .privbox textarea { color: #004269; }

#main .sharebox textarea { color: #535353; }

.areaselect {
	height: 25px;
	width: 475px;
	margin: 0 0 14px 0;
	padding: 3px 0 0 0;
	text-align: right;
}

.submitbutton {
	float: right;
	margin: 0;
}

.privbox label {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
}

.privbox label.inln {
	display: inline;
	font-size: 14px;
	text-transform: none;
}

.privbox input[type="text"], .privbox input[type="password"] {
	height: 24px;
	width: 274px;
	padding: 3px;
	color: #004269;
	border: 1px dotted #004269;
	font-size: 16px;
	line-height: 16px;	
}

#submit {
	height: 23px;
	margin: 0;
	padding: 0 10px;
	border: 0;	
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.privbox #submit, .modal #submit {
	background: #004269;	
	color: #fff;	
	border: 1px solid #004269;
}

.sharebox #submit {
	background: #535353;	
	color: #fff;	
	border: 1px solid #535353;	
}

#submit:hover {
	cursor: pointer;
	background: #f15922;
	color: #fff;
}

/* add to areas button */
.addbutton {
	margin: -12px 0 0 0 !important;
	text-align: right;
}

.addbutton #submit {
	background: #fff;
	color: #f15922;
	border: 1px solid #f15922;
}

.addbutton #submit:hover {
	color: #fff;
	background: #f15922;
}


/* convenience classes */
.clr {
	clear: both;
}

.separator {
	clear: both;
	margin: 30px 0 20px 0;
	border-bottom: 2px solid #f15922;
}

.marbottom {
	margin-bottom: 10px;
}

.marbottom20 {
	margin-bottom: 20px !important;
}

.martop25 {
	margin-top: 25px !important;
}

.martop30 {
	margin-top: 30px !important;
}

.feedicon {
	margin-left: 5px;
}

/* footer */
#footer {	
	clear: both;
	position: relative;
	width: 100%;
	min-height: 221px;
	height: 221px; /* ie6 only */
	background-color: #154967;
	background-image: url("/images/site/fit/bg-footer.jpg");
}

html>body #footer {
	height: auto; /* override ie6-only rule above */
}

.foothead {
	overflow: hidden;
}

.foothead div {
	float: left;
	display: inline; /* ie6 only */
	width: 290px;
	padding: 0 0 0 0;
	margin: 25px 0 60px 0;
	color: #fff;
}

.foothead div.cola {
	padding: 0 12px 0 40px;
}

.foothead div.colb {
	width: 275px;
	padding: 0 25px 10px 25px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;	
}

.foothead div.colc {
	padding: 0 40px 0 15px;
}

.foothead div.colc p.subscribe {
	float: right;
	display: inline; /* ie6 only */
	width: 74px;
	margin: 0 30px 10px 10px;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
}

.foothead div.colc p.subscribe img {
	padding-bottom: 7px;
}

.foothead h5, .foothead h5 a {
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.foothead p {
	margin-top: 14px;
	font-size: 12px;
	line-height: 20px;
}

.foothead p.note {
	font-size: 9px;
	text-transform: uppercase;
	margin-top: 0px;
	line-height: 11px;
}

.foothead p a {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: underline;	
}

.foothead p a:hover {
	color: #154967;
	background: #fff;
}

.foothead a.email {
	font-size: 12px;
	text-transform: none;
}

.foothead h5 a {
	text-decoration: none;
}

.foothead h5 a:hover {
	text-decoration: underline;
}

.footfoot {
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	color: #fff;
	background-image: url("/images/site/fit/bg-opaq-white16.png");	
	background-repeat: repeat;
}

.footfoot p {	
	margin: 12px 0 5px 30px;
	font-size: 12px;
}

.footfoot a {
	color: #fff;
	text-decoration: none;
}

.footfoot a:hover {
	text-decoration: underline;
}

.juxta {	
	width: 1007px;
	padding-right: 10px;
	margin: 2px auto;
	font-size: 10px;
	text-align: right;
}

.juxta span {
	font-style: italic;
}

.juxta a {
	color: #ccc;
	text-decoration: none;	
}

.juxta a:hover {
	color: #fff;
	text-decoration: underline;	
}


/* query tools overlays */
.modal {
	background-color: #fff;
	display: none;
	width: 350px;
	padding: 15px;
	text-align: left;
	border: 2px solid #333;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
	
.modal h2 {
	margin: 0px;
	padding: 10px 0 10px 45px;
	border-bottom: 1px solid #333;
	font-size: 20px;
}

.modal label {
	white-space: nowrap;
}
