/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: Body Genie | Master Stylesheet
' Description	: This page contains overall site styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 09/12/2006	: David Ellenwood - Created Page
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* {font-size:100%;}
 
body {
	color:#535353;
	background:#d1e3fc url('/include/site/images/bodyBack.jpg') repeat-x;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size:.84em;
	line-height:1.333;
	margin:0 0 100px 0;
	padding:0;
}

a:visited {color:#2213B5; text-decoration:none;}

a {color:#2213B5; text-decoration:none;}

a:hover {color:#00f; text-decoration:underline;}

a:active {color:#535353; text-decoration:underline;}

h1,h2,h3,h4,h5,h6,p,dl {margin:0; padding:0;}

h1 {font-size:1.5em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.75em;}
h6 {font-size:.75em;}
p  {font-size:.9em;}

p strong {color:#333;}

sup {font-size:.5em;}

td {vertical-align:top;}

form {margin:0;	padding:0;}
input, select {font-size:.9em;}

img {border:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				GENERAL CLASS STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.inlineList {
	list-style:none;
	margin:0;
	padding:0;
}

.inlineList li {
	display:inline;
	position:relative;
	margin:0;
	padding:0;
}

.clear {
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
	border:none;
	clear:both;
}

.marked {
	border:1px solid #ccc;
	margin:1em;
	float:left;
	width:auto;
	display:inline;
}

.alert {
	color:#c00;
	font-weight:bold;
}

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}

.vertAlignMid {vertical-align:middle;}

span.label, span.field {
	float:left;
	display:inline;
}

a.helpQmark {
	margin-left:10px;
	padding:1px 4px;
	border:1px solid #5180B3;
	font-weight:bold;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
}

a.helpQmark:hover {
	color:#fff;
	background:#94B0CF;
	border:1px solid #89A8CB;
	text-decoration:none;
}

.popHelp {
	position:absolute;
	background:#fff;
	border:1px solid #ccc;
	display:none;
}

.bluButton {
	color:#2213B5;
	background:#D6E6FD url('/include/site/images/bluButtonbk.gif') repeat-x;
	border-top:1px solid #89A8CB;
	border-left:1px solid #89A8CB;
	border-bottom:1px solid #5180B3;
	border-right:1px solid #5180B3;
	text-align:center;
	height:20px;
	overflow:hidden;
	font-weight:bold;
	font-family:"trebuchet MS", Arial, san-serif;
}

.orgButton {
	color:#5E2F00;
	background:#FFE6CD url('/include/site/images/orgButtonbk.gif') repeat-x;
	border-top:1px solid #FF972F;
	border-left:1px solid #FF972F;
	border-bottom:1px solid #C46200;
	border-right:1px solid #C46200;
	text-align:center;
	height:20px;
	overflow:hidden;
	font-weight:bold;
	font-family:"trebuchet MS", Arial, san-serif;
}

.popHelp {
	position:absolute;
	background:#fff;
	border:1px solid #ccc;
	display:none;
}

.popHelp {
	top:10px;
	left:170px;
	width:400px;
	z-index:1000;
	padding:.75em 1em;
	background:#fff;
	border-top:1px solid #89A8CB;
	border-left:1px solid #89A8CB;
	border-bottom:1px solid #5180B3;
	border-right:1px solid #5180B3;
	cursor:pointer;
}

.popHelp h3 {
	background:#D1E3FC;
	padding:1px 6px;
	margin:0;
	text-align:left;
}

.popHelp p {
	padding:.5em 0;
}

.popHelp p img {
	margin-left:.75em;
	padding:6px;
	border:1px solid #ddd;
}

.popHelp ul {
	margin:0 0 1em 2em;
	padding:0;
	font-size:.9em;
}

div.formRow {
	float:left;
	display:inline;
	clear:both;
	width:100%;
}

div.formRow span.label {
	float:left;
	display:inline;
	clear:none;
}

div.formRow span.field {
	float:left;
	display:inline;
	clear:none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				OVERALL SITE LAYOUT STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerWrap {
	width:865px;
	margin-left:auto;
	margin-right:auto;
	color:inherit;
	background:#EBF3FE;
	border:1px solid #ccc;
	border-top:none;
}

#masthead {
	color:inherit;
	background:#EBF3FE url('/include/site/images/mastback.jpg') repeat-x;
	height:105px;
	position:relative;
}

#bodyGenieLogo {
	float:left;
	display:inline;
	width:150px;
	margin:2px 0 0 45px;
}

#primarySiteNav {
	float:right;
	width:500px;
	text-align:right;
	font-size:.9em;
}

#primarySiteNav li a {
	width:80px;
	display:block;
	float:right;
	text-align:center;
	color:#D1E3FC;
	background:url('/include/site/images/primarySiteNavBk.gif') 0 -6px no-repeat;
	padding:3px 0 7px 0;
	margin:0px 5px 0 5px;
}

#primarySiteNav li a:hover {
	color:#fff;
	padding-top:7px;
	background:url('/include/site/images/primarySiteNavBk.gif') 0 -2px no-repeat;
	text-decoration:none;
	margin-bottom:-4px;
}

#footer h6 {
	color:#999;
	background:transparent;
	font-weight:normal;
	text-align:center;
	margin:.5em 0 0 0;
}

#footer h6 a {
	color:#999;
	background:transparent;
	text-decoration:none;
	font-weight:bold;
}

#footer h6 a:hover {
	color:#777;
	background:transparent;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HOME PAGE Specific Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#homePage #top h1 {
	text-align:center;
	padding:1px 0 1px 0;
}

#homePage #top {
	border-bottom:15px solid #FFBC79;
	position:relative;
	display:block;
	height:279px;
}

#homePage #top #forgotLogin,
#homePage #top #badLogin {
	width:350px;
	top:150px;
	left:220px;
	cursor:default;
}

#homePage #top #forgotLogin span.label {
	margin-right:5px;
	padding-top:2px;
}

#homePage #top #forgotLogin h5 {
	float:left;
	display:inline;
	clear:both;
	margin-top:1em;
}

#homePage #top #loginForm {
	position:absolute;
	top:160px;
	left:20px;
	padding:4px 0 0 10px;
}

#homePage #top #loginForm h2 {
	color:#2213B5;
	margin-left:-10px;
}

#homePage #top #loginForm p {
	float:left;
	display:inline;
	clear:both;
	margin:3px 0 0 0;
}

#homePage #top #loginForm .title {
	float:left;
	display:inline;
	width:60px;
	padding:2px 0 0 0px;
}

#homePage #top #loginForm .field {
	float:left;
	display:inline;
	width:100px;
}

#homePage #top #loginForm input.bluButton {
	width:70px;
}

#homePage #top #quickcalcForm {
	position:absolute;
	top:150px;
	left:235px;
	padding:4px 0 0 10px;
}

#homePage #top #quickcalcForm h2 {
	color:#2213B5;
	margin-left:-10px;
}

#homePage #top #quickcalcForm p {
	float:left;
	display:inline;
	clear:both;
	margin:3px 0 0 0;
}

#homePage #top #quickcalcForm .title {
	float:left;
	display:inline;
	width:100px;
	padding:2px 0 0 0px;
}

#homePage #top #quickcalcForm .field {
	float:left;
	display:inline;
	width:100px;
}

#homePage #top #quickcalcForm input.bluButton {
	width:130px;
}


#homePage .fourColm {
	float:left;
	display:inline;
	position:relative;
	width:190px;
	margin:0 0 0 6px;
	padding:8px;
}

#homePage .fourColm h3.steps {
	font-size:1em;
	margin:0 -8px;
	padding:14px 0 10px 0;
	text-align:center;
}

#homePage #intro h2 {
	color:#2213B5;
	margin:0;
	text-indent:-10px;
	padding:12px 0 .5em 0;
}

#homePage #intro h4 {
	font-weight:bold;
	font-size:1.1em;
	margin-top:.5em;
}

#step1 {
	position:relative;
	z-index:1000;
}


form#fitEval {
	background:#D1E3FC;
	margin:0 9px 0 -2px;
	padding:3px 5px 3px 20px;
}

form#fitEval div.formRow {
	vertical-align:middle;
	font-size:.9em;
	clear:both;
	height:22px;
}

form#fitEval div.formRow span.label {
	width:55px;
	padding:3px 0 0 0;
}

form#fitEval div.formRow span.field {
	vertical-align:middle;
}

form#fitEval div.formRow span.help {
	float:left;
	display:inline;
	height:20px;
	padding:3px 0 0 0;
}

form#fitEval input.bluButton {
	width:120px;
	font-size:1em;
	margin-left:5px;
	display:none;
}

form#fitEval fieldset {
	border:none;
	padding:0;
	margin:0;
}

form#fitEval #metHeight,
form#fitEval fieldset#male,
form#fitEval fieldset#female,
form#fitEval fieldset legend {
	display:none;
}

#homePage #step2 p {
	background:#FFCF9F;
	margin:0 9px 0 -2px;
	padding:5px 15px 0px 15px;
	position:relative;
	z-index:1;
}

#homePage #step2 h4 {
	background:#FFCF9F;
	margin:0 9px 0 -2px;
	padding:7px 15px 7px 17px;
	position:relative;
	z-index:1;
}

#homePage #step3 ul {
	color:#535353;
	background:#D0DCBE;
	font-size:.9em;
	margin:0 9px 0 -2px;
	padding:5px 15px 0 25px;
	position:relative;
	z-index:1;
}

#homePage #step3 h4 {
	background:#D0DCBE;
	margin:0 9px 0 -2px;
	padding:7px 15px 7px 25px;
	position:relative;
	z-index:1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				ABOUT/CONTACT/LEGAL Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#terms.content {
	background:#fff;
	border:1px solid #D1E3FC;
	margin:1em;
	padding:1em 1.5em;
	}
	
div#about.content {
	background:#fff;
	border:1px solid #D1E3FC;
	margin:1em;
	padding:1em 1.5em;
}

div#about h1 {
	color:#2213BF;
}

div#about h3.slogan {
	margin:0 0 0 3px;
	color:#2213BF;
}

div#about h2 {
	color:#2113B4;
	background:#FFDDBC;
	margin:1em 0 0 0;
	padding:3px 5px;
}

div#about h3 {
	margin:1em 0 0 0;
}


div#about div#about_txt {
	float:left;
	display:inline;
	width:590px;
	}

div#about div#about_txt p {
	margin:.5em 2em;
}

div#about div#about_txt ul {
	font-size:.9em;
	margin:.5em 4em;
	padding:0;
}
	
div#about div#sideBar {
	width:175px;
	float:right;
	display:inline;
	margin:1em 0 0 0;
	padding:0;
	}
	
div#about div#sideBar a.imgLink img {border:1px solid #2113B4;}

div#about div#sideBar p			{margin:.5em 0;}
div#about div#sideBar address	{font-style:normal; font-size:.9em; margin:.5em 0;}

#CountDownPanel {}