@charset "utf-8";
/* CSS Document */

/*@font-face {
    font-family: GishaBold;
    font-style:  normal;
    font-weight: bold;
    src: url("../fonts/gishabd.eot");
}

@font-face {
    font-family: GishaNormal;
    font-style:  normal;
    font-weight: normal;
    src: url("../fonts/gisha.eot");
}*/

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	margin: 0pt;
	padding: 0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #42474a;
	text-align: justify;
	min-width: 1000px;
	background-color:#c1c3c4;
}

/* Headings */
h1, h2, h3 {
	color: #324047;
	font-family: Arial, Helvetica, sans-serif; /*GishaBold, Gisha, */
	text-transform: uppercase;
}

h1 {
	line-height: 1px;
	height: 1px;
	background: #ffffff;
	text-indent: -10000px;
	margin: 30px 9px 0px;
	width: 1000px;
}

h2 {
	font-size: 18pt;
	line-height: 14pt;
	margin: 22px 0px 17px;
	padding-bottom:6px;
	border-bottom: solid 1px #9daab3;
}

	/* Pages With sub content */
	h2 span {
		font-size: 9pt;
		text-transform: none;
		line-height: 5pt;
		position: relative;
		top: -3px;
	}

h3 {
	font-size: 14pt;
	margin: 14px 0px 3px;
}

h4 {
	font-size: 11pt;
	font-weight: bold;
}

	h4 span {
		font-weight: bold;
	}

.emptyshadow h4{
	margin:20px 0 -7px 10px;
}

h5 {
	font-size: 12pt;
	margin: 20px 0px 7px;
	clear: both;
}

a {
	color: #81ad01;
}

a img {
	border: none;
}

/* Login Styles */
#login {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	line-height: 30px;
	height: 30px;
	background: url("../images/bar_top.gif") repeat-x;
	margin: 0px;
}

#login form {
	width: 1002px;
	display: block;
	margin: 0px auto;
	position: relative;
}

#login h2 {
	display: none;
}

#login p {
	margin: 0px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	float: left;
}

#login fieldset {
	float: right;
}

#login .loginBackground {
	position: absolute;
	top: 0px;
	left: 700px;
	z-index: 5;
}

#login fieldset p {
	position: relative;
	float: left;
	width: 140px;
	padding: 0px 6px 0px 10px;
}

#login input {
	position: absolute;
	top: -9px;
	left: 0px;
	height: 16px;
	line-height: 16px;
	width: 140px;
	text-align: left;
}

#login button {
	margin-top: 5px;
	float: left;
	margin-left: 10px;
}

/* Navigation Styles */
#navigation {
	height: 47px;
	background: url("../images/bar_nav.gif") repeat-x;
	border-top: solid 2px #519aff;
	font-size: 14pt;
}

#navigation ul {
	margin: 0px auto;
	padding: 0px 4px;
	width: 992px;
	border-left: solid 1px #9daab3;
	border-right: solid 1px #9daab3;
	list-style-type: none;
	height: 39px;
	position: relative;
	top: 4px;
}

#navigation li {
	float: left;
	margin-top: -4px;
	width: 155px;
	cursor: pointer;
}

#navigation a {
	display: block;
	position: relative;
	color: #324047;
	text-decoration: none;
	padding-top: 6px;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 12px;
	padding-bottom: 2px;
	height: 39px;
}

#navigation span {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 29px;
	display: block;
	width: 100%;
	font-size: 9pt;
	text-transform: capitalize;
	font-weight: normal;
	color: #7e8588;
	padding-bottom: 3px;
}

#navigation a:hover {
	background: url("../images/nav_hover.gif") repeat-x;
}

#navigation a:hover span {
	color: #ffffff;
}

/* sub navigation */

#navigation .subNavigation a:hover span {
	background: url("../images/nav_sub_hover.gif") no-repeat top right;
}

#navigation .subNavigation {
	position: relative;
	background: url("../images/nav_sub_prompt.gif") no-repeat top right;
}

#navigation .subNavigation ul {
	display: none;
	position: absolute;
	top: 44px;
	right: -5px;
	width: 240px;
	border: solid 1px #bbbbbb;
	background: #ffffff;
	z-index: 10;
	font-size: 10pt;
	font-weight: normal;
	padding: 0px;
	height: auto;
}

#navigation .subNavigation:hover ul {
	display: block;
}

#navigation .subNavigation li {
	width: 100%;
	margin-top: 0px;
}

#navigation .subNavigation li a {
	display: block;
	color: #42474a;
	text-decoration: none;
	padding: 0px 10px;
	text-transform: none;
	font-weight: normal;
	text-indent: 0px;
	line-height: 22px;
	height: 22px;
}

#navigation .subNavigation li a:hover {
	background: #e5f3bf;
	background-image: none;
}

#navigation .subNavigation:hover a {
	background: url("../images/nav_hover.gif") repeat-x top right;
}

#navigation .subNavigation:hover a span {
	background: url("../images/nav_sub_clicked.gif") no-repeat top right;
	color: #ffffff;
}

#navigation .subNavigation:hover li a {
	background-image: none;
}

#navigation .subNavigation:hover span {
	background: url("../images/nav_sub_clicked.gif") no-repeat top right;
	color: #ffffff;
}

/* Main Body */
#content {
	width: 1002px;
	margin: 0px auto 0px;
	padding-bottom: 75px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	background-color: #FFF;
}

/****************************************************

General size and layout classes

/****************************************************/

.left {
	float: left;
}

.middle {
	float: left;
	margin-left: 20px;
}

.right, .left.right {
	float: right;
}

.left h3, .right h3, .middle h3 {
	margin-top: 0px;
	line-height: 1em;
	height: 1em;
}

.break {
	clear: both;
}

.breakLeft {
	clear: left;
}

.breakRight {
	clear: right;
}

.oneOfTwo {
	width: 490px;
}

.oneOfThree {
	width: 320px;
	float:left;
}

.twoOfThree {
	width: 660px;
}

.right.shadow {
	/* to fix alignment on right aligned elements */
	margin-right: -7px;
}

.oneOfTwo.shadow {
	width: 497px;
}

.oneOfThree.shadow {
	width: 327px;
}

.twoOfThree.shadow {
	width: 647px;
}

/* Boxed Group Definition */
.box {
	height: 143px;
	position: relative;
	margin-bottom: 12px;
}

.box h2, .rbox h2 {
	margin: 19px 0px 15px 90px;
	padding: 0px;
	font-size: 22pt;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: none;
	width: 75%;
}

.box p, .rbox p {
	margin: 0px 20px 0px 90px;
}

.box a, .box button, .rbox a {
	position: absolute;
	bottom: 18px;
	right: 17px;
	line-height: 35px;
	height: 35px;
	color: #ffffff;
	/*font-family: GishaBold, Gisha, Arial, Helvetica, sans-serif;*/
	letter-spacing: -1px;
	font-size: 14pt;
	font-weight: bold;
	text-indent: 10px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	padding: 0px;
}

.box p.social {
	background: none;
	margin: 0px;
	margin-left: 74px;
	padding-left: 0px;
}

.box p.social a {
	position: relative;
	bottom: 0px;
	right: 0px;
	top: 0px;
	left: 0px;
	background: none;
	margin: 0px 15px;
	display: inline;
}

.rbox {
	height: 175px;
	position: relative;
	margin-top: 14px;
	margin-bottom: 18px;
}
.rbox a {
	position: absolute;
	bottom: 47px;
	right: 15px;
}
.nbox {
	position: relative;
	bottom: 150px;
	left: 145px;
}
.adSpace {
	width: 336px;
	height: 280px;
	position: relative;
	margin: 14px 25px 26px 0px;
}

/* Accent Boxes (specific boxed groups) */
.equipment {
	background: url("../images/box_articles.jpg") no-repeat top left;
}

.equipment a {
	background: url("../images/button_equipment.jpg") no-repeat bottom right;
	width: 270px;
}

.tools {
	background: url("../images/box_tools.jpg") no-repeat top left;
}

.tools a {
	background: url("../images/button_tools.jpg") no-repeat bottom right;
	width: 290px;
}

.recipes {
	background: url("../images/box_recipes.jpg") no-repeat top left;
}

.recipes a {
	background: url("../images/button_recipes.jpg") no-repeat bottom right;
	width: 270px;
}

.personalTraining {
	background: url("../images/box_training.jpg") no-repeat top left;
}

.personalTraining a {
	background: url("../images/button_training.jpg") no-repeat bottom right;
	width: 277px;
}

.newsletter {
	background: url("../images/box_share.jpg") no-repeat top left;
	margin-top: 22px;
	/*position: absolute;
	top: 0px;
	right: 0px;*/
}

.social{
	background: url("../images/box_newsletter.jpg") no-repeat top left;
	margin-top: 22px;
}

.newsletter input, .social input {
	width: 165px;
	text-align: left;
}

.newsletter div, .social div{
	position: absolute;
	bottom: 51px;
	left: 91px;
}

.newsletter button {
	background: url("../images/button_newsletter.jpg") no-repeat bottom right;
	width: 160px;
	text-align: left;
}

/* Recipe accent boxes specification */
.coldCereal {
	background: url("../images/box_cold_cereal.jpg") no-repeat top left;
}

.coldCereal h2, .sandwiches h2, .hamburgers h2 {
	margin-left: 210px;
}

.coldCereal pre, .sandwiches pre, .hamburgers pre {
	margin-left: 73px;
}

.coldCereal a {
	background: url("../images/button_view_recipe.jpg") no-repeat bottom right;
	margin-right: 60px;
	width: 175px;
	text-align: left;
}

.sandwiches {
	background: url("../images/box_cold_cereal.jpg") no-repeat top left;
}

.sandwiches a {
	background: url("../images/button_view_recipe.jpg") no-repeat bottom right;
	margin-right: 60px;
	width: 175px;
	text-align: left;
}

.hamburgers {
	background: url("../images/box_cold_cereal.jpg") no-repeat top left;
}

.hamburgers a {
	background: url("../images/button_view_recipe.jpg") no-repeat bottom right;
	margin-right: 60px;
	width: 175px;
	text-align: left;
}

/* * * * * * * * * * * * * * * * * 
/* This area is being adjusted and might need to be removed
/* Explanation Area */
.explanation {
	/*min-height: 180px;*/
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

/* To put the right images on the right side of the explanation area*/
.explanation.home {
	background: url("../images/apple_tapemeasure.jpg") no-repeat center right;
}

.explanation.tools {
	background: none;
	/*background: url("../images/apple_splash.jpg") no-repeat center right;*/
}
/**/

.explanation p {
	margin: 4px 0px 0px;
}

/* Form Styles */
/* Form Field Groups */
fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	position: relative;
	line-height: 2.65em;
}

fieldset span {
	position: absolute;
	left: 150px;
	top: 0px;
}

fieldset label {
	display: inline;
	margin-left: 0px;
}

fieldset input {
	width: 40px;
	position: relative;
	top: 3px;
}

/* visual adjustment */
.date select {
	position: relative;
	top: 2px;
	left: 0px;
}

.height span {
	position: absolute;
	left: 150px;
	top: -3px;
}

/* Form Field Groups (1 title with multiple fields) */
.radio span {
	left: 145px;
}

.radio input {
	border: none; /* browser fix ie? don't remember which */
	width: auto;
}

/* Default form filed representation */
form {
	margin: 0px;
}

label {
	display: block;
	line-height: 2.65em;
	height: 2.65em;
	position: relative;
}

label span {
	/* all inputs are inside of spans as well as labels to facilitate their positioning with units*/
	position: absolute;
	left: 150px;
	top: 0px;
}

input, select, textarea, button {
	/* Generic similarities */
	font-size: 9pt;
	border: solid 1px #919899;
	text-align: right;
	padding-right: 4px;
}

input {
	width: 70px;
	margin-top: 6px;
}

select {
	position: relative;
	top: 5px;
	width: 76px;
	line-height: 17px;
	padding-right: 0px;
}

button {
	position: relative;
	cursor: pointer;
	border: none;
	background: url("../images/button_background.gif") no-repeat center center;
	width: 75px;
	line-height: 20px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}

button span {
	position: absolute;
	/*top: -9px;*/
	left: 0px;
	width: 69px;
	text-align: center;
}

/* Calculated Fields */
.calculated {
	position: relative;
	margin: 9px 0px 17px;
}

.calculated span {
	position: absolute;
	left: 150px;
	top: -3px;
	line-height: 19px;
}

.calculated span span {
	position: static;
	width: 70px;
	background: #e3e5e6;
	float: left;
	margin-right: 3px;
	text-align: right;
	padding-right: 6px;
	font-weight: bold;
}

/* Accented fields (should also be calculated) */
.accented {
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 18px;
}

.accented span {
	line-height: 23px;
}

/****************************************************

Styles for sliders that the user can drag (Tools)

/****************************************************/


.SliderImage {
	clear:left;
	width: 320px;
	float:left;
}




/* Input conected with a dragable region */
.draggable input {
	/* class placed on the label */
	border: solid 1px #519aff;
	color: #3c6db0;
	font-weight: bold;
}

.slider {
	/* Whole section (div) */
	background: #CCC;
	border-radius:10px;
	height: 90px;
	margin: 20px 0px 0px;
}

.slider p {
	font-size: 10pt;
	font-family: GishaBold, Gisha, Arial, Helvetica, sans-serif;
	margin: 10px 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.continuum {
	/* notched slider area */
	width: 610px; /* needed for ie draggable slider */
	margin: 30px auto 0px;
	border: ridge 2px #42474a;
	border-top: none;
	position: relative;
	height: 3px;
}

.slider.bmi .continuum {
	background: url("../images/continuum_bmi.jpg") repeat-y;
}

.slider .continuum div {
	/* notches, sliding arrows and indicators */
	position: absolute;
	top: 3px;
	border-left: ridge 2px #42474a;
	width: 30px;
	text-align: center;
	height: 5px;
	margin-left: 0px;
}

.continuum span {
	/* notche and arrow indicators */
	position: absolute;
	top: 5px;
	left: 0px;
	margin-left: -17px;
	line-height: 1em;
	width: 30px;
}

.slider .continuum .pointer {
	/* indicators and sliding arrows */
	height: 26px;
	top: -29px;
	border: none;
	width: 0px;
}

.slider .continuum .pointer span {
	/* indicators */
	background: url("../images/slider_stationary.gif") bottom center no-repeat;
	padding-bottom: 12px;
	font-weight: bold;
	font-size: 10pt;
	cursor: default;
	left: 0px;
	padding-left: 2px;
}

.slider .continuum .draggable span {
	/* slidding arrow */
	background: url("../images/slider_draggable.gif") bottom center no-repeat;
	color: #3c6db0;
	cursor: pointer;
}



/*SPECIFIC TO RUNNING CALCULATOR Input conected with a dragable region */
.draggable input {
	/* class placed on the label */
	border: solid 1px #519aff;
	color: #3c6db0;
	font-weight: bold;
}

.RunnerSlider {
	/* Whole section (div) */
	background: #FFFFFF;
	border-radius:10px;
	height: 90px;
	margin: 20px 0px 0px;
}

.RunnerSlider p {
	font-size: 10pt;
	font-family: GishaBold, Gisha, Arial, Helvetica, sans-serif;
	margin: 15px 20px 0px 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.continuum {
	/* notched slider area */
	width: 610px; /* needed for ie draggable slider */
	margin: 30px auto 0px;
	border: ridge 2px #42474a;
	border-top: none;
	position: relative;
	height: 3px;
}

.RunnerSlider.bmi .continuum {
	background: url("../images/continuum_bmi.jpg") repeat-y;
}

.RunnerSlider .continuum div {
	/* notches, sliding arrows and indicators */
	position: absolute;
	top: 3px;
	border-left: ridge 2px #42474a;
	width: 30px;
	text-align: center;
	height: 5px;
	margin-left: 0px;
}

.continuum span {
	/* notche and arrow indicators */
	position: absolute;
	top: 5px;
	left: 0px;
	margin-left: -17px;
	line-height: 1em;
	width: 30px;
}

.RunnerSlider .continuum .pointer {
	/* indicators and sliding arrows */
	height: 26px;
	top: -29px;
	border: none;
	width: 0px;
}

.RunnerSlider .continuum .pointer span {
	/* indicators */
	background: url("../images/slider_stationary.gif") bottom center no-repeat;
	padding-bottom: 12px;
	font-weight: bold;
	font-size: 10pt;
	cursor: default;
	left: 0px;
	padding-left: 2px;
}

.RunnerSlider .continuum .draggable span {
	/* slidding arrow */
	background: url("../images/slider_draggable.gif") bottom center no-repeat;
	color: #3c6db0;
	cursor: pointer;
}





/* Each of the 12 notches on the continuum */
.continuum0 { left: -2px; }
.continuum1 { left: 8.33%; }
.continuum2 { left: 16.66%; }
.continuum3 { left: 25%; }
.continuum4 { left: 33.33%; }
.continuum5 { left: 41.66%; }
.continuum6 { left: 50%; }
.continuum7 { left: 58.33%; }
.continuum8 { left: 66.66%; }
.continuum9 { left: 75%; }
.continuum10 { left: 83.33%; }
.continuum11 { left: 91.66%; }
.continuum12 { left: 100%; }

/* Accordian Styles ( uses the classes applied by the jquery ui ) */

.accordian {
	width:780px;
}

.accordian h4.ui-state-active {
	background: url("../images/accordian_open.jpg") no-repeat top left;
	line-height: 20px;
	height: 20px;
	cursor: pointer;
	clear:both;
	text-transform: none;
	font-weight: normal;
	padding: 0px;
	padding-top: 2px;
	padding-left: 28px;
	margin: 0px;
}

.accordian h4.ui-state-default {
	background: url("../images/accordian_closed.jpg") no-repeat top left;
	line-height: 23px;
	height: 23px;
	cursor: pointer;
	clear:both;
	text-transform: none;
	font-weight: normal;
	padding-left: 28px;
	margin: 2px 0px;
}

.accordian h4.ui-state-default:hover {
	background: url("../images/accordian_hover.jpg") no-repeat top left;
}

.accordian .slider {
	/* Adjustment to slider */
	margin-left: 0px;
	margin-bottom: 20px;
}

.accordian .section {
	
	margin: 0px;
	padding-left: 20px;
	height: 500px;
	min-width:750px;
	background: url("../images/accordian_open_bottom.jpg") no-repeat bottom left;
}

/* Adjustments for things inside of the accordian that elsewhere are outside of it */
.accordian .middle {
	width: 300px;
}

.accordian .slider {
	width: 640px;
}

.accordian .continuum {
	width: 590px;
}

/* For a 45% max circle indicator */
.gradeIndicator {
	position: absolute;
	top: 830px;
	left: 290px;
	width: 180px;
	height: 128px;
	overflow: hidden;
	border-bottom: solid 1px #3c6db0;
}

.gradeIndicator img {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 5;
}

.gradeIndicator div {
	border-top: solid 0px #FFF;
	border-right: solid 180px #3c6db0;
	height: 14px;
	width: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: -14px;
	right: 0px;
	z-index: 1;
}


.GradeSlider {
	clear:left;
	float:left;
	
}
/* Requestable Information (in slide open div.info with hidden p that opens) */
.info {
	position: relative;
}

.info img {
	z-index: 5;
	position: absolute;
	top: 8px;
	left: 8px;
	cursor: pointer;
}

.info p {
	background: #f8f9a2;
	border: solid 1px #cccd84;
	display: none;
	position: absolute;
	top: 15px;
	left: 15px;
	margin: 0px;
	z-index: 3;
	padding: 20px;
	width: 260px;
}

/* Help Information */
.help {
	background: #f8f9a2;
	border: solid 1px #cccd84;
	position: relative;
	top: 2px;
	left: 0px;
	margin: 0px;
}

.help h3 {
	padding: 25px 0px 25px 40px;
	margin: 0px 15px;
	background: url("../images/icon_info.png") left center no-repeat;
	letter-spacing: -1px;
}

.help p {
	margin: -7px 15px 0px;
	line-height: 20px;
}

.help table {
	width: 100%;
	margin: 0px;
}

/* Customized Heights for helps */
.help.bmi {
	height: 222px;
	margin-top:15px;
}

.help.waisttohip {
	height: 175px;
	width:200px;
}
.wthstandards h4 span{
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
}

/* Contact Page */
#contact {
	font-size: 11pt;
	background: url("../images/bar_innerbox.jpg") bottom left repeat-x;
	margin: 15px 0px -2px 0px;
	border: solid 1px #919899;
	height: 150px;
	width: 318px;
}

#contact p {
	margin: 15px;
	margin-bottom: 20px;
	text-align: left;
}

#contact span {
	font-size: 12pt;
	font-weight: bold;
}

/* form elements on the contact page */
.contact {
	border: solid 1px #919899;
	margin-top: 0px;
	margin-left: 0px;
	height: 320px;
	background: url("../images/bar_innerbox.jpg") bottom left repeat-x;
}

.contact legend {
	font-size: 14pt;
	color: #324047;
	padding: 0px 10px;
	margin-left: 30px;
}

.contact label {
	display: block;
	margin-left: 15px;
	position: relative;
	line-height: 2.65em;
}

.contact input {
	position: absolute;
	left: 105px;
	top: 8px;
	width: 165px;
	text-align: left;
}

.contact textarea {
	position: absolute;
	left: 105px;
	top: 8px;
	width: 365px;
	height: 95px;
	text-align: left;
}

.contact button {
	position: relative;
	left: 120px;
	top: 88px;
}

/* form elements on registration page (for a new account) */
.registration label {
	position: relative;
}

.registration input {
	position: absolute;
	top: 0px;
	left: 75px;
	width: 150px;
	text-align: left;
}

/* Program Page */
.program {
	background-repeat: no-repeat;
	height: 110px;
	padding: 1px 15px 0px;
}

.imageLeft {
	padding-left: 185px;
	background-position: left top;	
}

.imageRight {
	padding-right: 185px;
	background-color: #e3e5e6;
	margin: 20px 0px;
	background-position: right top;
}

/* Program image specification */
.nutrition {
	background-image: url("../images/program_nutrition.jpg");
}

.cardio {
	background-image: url("../images/program_cardio.jpg");
}

.weightlifting {
	background-image: url("../images/program_weightlifting.jpg");
}

.teaching {
	background-image: url("../images/program_teaching.jpg");
}

.planning {
	background-image: url("../images/program_planning.jpg");
}

.accountability {
	background-image: url("../images/program_accountability.jpg");
}

.software {
	background-image: url("../images/#") no-repeat left top;
}


/*  Tools Landing Page */
.calcExplain {
	width: 600px;
	margin-top: 34px;
	margin-left: 30px;
}

.calcExplain p {
	padding-left: 180px;
	position: relative;
}
.calcExplain a {
	position: absolute;
	left: 0px;
	top: 0px;
	font-weight: bold;
	font-size: 11pt;
	color: #81ad01;
	text-transform: uppercase;
	text-decoration:none;
}

.CalculatorsMenu {
	width: 200px;
	max-width:200px;
	float:left;
	margin-right:20px;
	
	/*font-family: GishaBold, Gisha, Arial, Helvetica, sans-serif;*/
}

.CalculatorsMenu h3 {
	font-weight: bold;
	background: url("../images/bar_menu_header.jpg") repeat-x top left;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	margin-top:3px;
	margin-bottom: 1px;
	border-bottom: solid 1px #808080;
	font-size: 12pt;
}
.CalculatorsMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #cdcdcd;
}

.CalculatorsMenu ul li a {
	font-weight: normal;
	font-size: 10pt;
	color: #324047;
	background: #f3f3f3;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	line-height: 35px;
	height: 35px;
	border-top: solid 1px #cdcdcd;
	text-transform: uppercase;
	text-decoration: none;
}

.CalculatorsMenu ul li a:hover {
	background: #e6e6e6;
	font-weight: normal;
	font-size: 10pt;
	color: #86b500;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	line-height: 35px;
	height: 35px;
}

.CalculatorsMenu .soon a {
	color: #a2a7a9;
}

.CalculatorsMenu .soon a:hover {
	color: #a2a7a9;
}

.CalculatorsMenu p {
	border-top: solid 1px #808080;
	margin-top: 1px;
	padding-top: 6px;
	padding-left: 8px;
	font-size: 11pt;
	color: #3347A7;
	font-weight: bold;
}
.CalculatorsMenu span {
	color: #3347A7;
	font-weight: bold;
	font-size: 20pt;
	line-height: 10pt;
	height: 10pt;
	position: relative;
	top: 3px;
	left: 0px;
}

/* One Rep Max - Tool Page */
table {
	float: left;
	width: 25%;
	margin-right: 5%;
	margin-left: 2px;
	color: #324047;
}

th {
	text-align: center;
}

td {
	text-align: center;
	padding: 3px 0px;
}

.recommended span {
	color: #0053c5;
	background: #e3e5e6;
	font-weight: bold;
	padding: 2px 0px;
	width: 50%;
	margin: 0px auto;
	display: block;
}

#fillImage {
	background: url("../images/girl.png") no-repeat bottom right;
	height: 214px;
	width: 327px;
	position: fixed;
	bottom: 0px;
	right: 300px;
	margin: 0px;
	z-index: 100;
}
.categoryblock{
	height:85px;
	width:400px;
	float:left;
	padding:20px 0;
	border-bottom:1px solid #000;
	position:relative;
}
.artblock{
	height:85px;
	width:100%;
	float:none;
	padding:20px 0;
	border-bottom:1px solid #000;
	position:relative;
}
.artblock:hover img ,#simblock:hover .hidden, .artblock:hover .hidden, .categoryblock:hover .hidden {
	display:inline;
}
.categoryblock:hover img, .popimg:hover img, .img-contain:hover img {
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

#article a:hover {
	color:#de7629;
}
.artblock span, .categoryblock span {
	position:absolute;
	top:20px;
	left: 105px;
	font-size:16px;
}
.articleblock{
	height:50px;
	width:350px;
	margin-left:50px;
	float:left;
}
.emptyshadow{
	background:url(../images/box_bg.jpg);
	height:145px;
	width:440px;
	margin:5px 0px 5px 0px;
}
.emptyshadowleft{
	height:135px;
	width:190px;
	margin-left:3px;
	float:left;
}
.emptyshadowright{
	height:135px;
	width:190px;
	margin-left:3px;
	float:left;
}
.emptyshadowright a{
	background: url("../images/button_view_recipe.jpg");
	display:block;
	height:24px;
	padding:5px 0px 5px 5px;
	width:165px;
	text-align: left;
	color:#f0f0f0;
	font-weight:bold;
	text-decoration:none;
	font-size:18px;
	margin:30px 0px 0px 50px;
}
.emptyshadowleft div{
	background-color:#89898b;
	width:inherit;
}
.thickbartop{
	height:10px;
	margin-top:0px;
}
.thinbartop{
	height:5px;
	margin-top:2px;
}
.thickbarbottom{
	height:10px;
	margin-top:2px;
}
.thinbarbottom{
	height:5px;
	margin-top:102px;
}
#article, #article table{
	width:660px;
	float:left;
	margin-bottom:30px;
	min-height: 600px;
	position: relative;
}

#article-sidebar {
	float:right;
	width: 320px;
	margin-top: 112px;
	background-color: #444;
	border: 1px solid #939598;
}

#article-sidebar a {
	color: white;
	line-height: 30px;
	text-decoration: none;
	font-size: 16px;
}

#article-sidebar a:hover {
	color:#f16f21;
	text-decoration: none;
}

#article-sidebar .heading {
	text-align:left;
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 1px;
	background:#b1b3b5 url(../../public/images/bg_calc_box_article.jpg) repeat-x;
	/*background:#939598 url(../../public/images/bg-box-heading.gif) repeat-x;*/
}

#article-sidebar h3 {
	text-transform: none;
	font-size: 24px;
	line-height: 1.2em;
	margin: 8px 0px 3px;
	margin-top: 3px;
	color: #344458;
}

#article-sidebar .calc-links p {
	padding-left: 10px;
	padding-right: 10px;
}

#article-sidebar .similar-articles {
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
}

#article-sidebar .similar-articles p {
	margin-top: 4px;
	margin-bottom: 0px;
}

#article-sidebar .similar-articles a {
	color: #81AD01;
	text-decoration: underline;
	line-height: 20px;
}

#article-sidebar .similar-articles a.summary {
	color: #42474A;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
}

#article-sidebar .similar-articles a.summary:hover {
	color:#f16f21;
	text-decoration: underline;
}

.calc {
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:30px;
	height:30px;
	background:url(../../public/images/bg_calc_new.png) no-repeat;
	margin:-6px 30px 0 0;
}

.clear {
	clear: both;
}
#ad{
	width: 130px;
	margin:0 0 0 20px;
	float:left;
}
#articleContent{
	float: left;
}
.artCatBox{
	width:150px;
}
.artCatBox li{
	display:inline;
	margin-right: 20px;
}
.artCatBox ul{
	padding: 0;	
}
#articleContent h6{
	font-size:10pt;
	font-weight:bold;
	margin:0;
	padding:0;
}
#articleContent h6 span{
	font-size:8pt;
	font-style:italic;
	color:#999;
	font-weight:normal;
}
#toolAd{
	margin:65px 0 0 100px;
	width:468px;
	height:60px;
	background:#CCC;
}
.adjustUp{
	position:relative;
	top: 17px;
	left:0px;
}
.adjustUp2{
	/*position:relative;
	top: -30px;*/
}

.fb_ltr{
	margin-bottom: 3px;
}




/*Tools Preview START */

.ToolPreviewBox {
	margin-top: 20px; 
	width:222px; 
	height:390px; 
	border:thin #666 solid; 
	margin-bottom:200px; 
	clear:both; 
	float:left; 
	margin-right:25px;
	border-radius:10px;
}

.ToolPreviewBoxTitle {
	text-align:center;
	color:#0fa4cd; 
	border-bottom:thin solid #666;
	padding-bottom:15px;
	font-size:16px;
	padding-left:5px;
	padding-right:5px;
	min-height:40px;
	text-decoration:none;
	margin-top:0px;
	padding-top:20px;
}


.ToolPreviewBoxTitleA  {
	text-decoration:none;

}



.ToolPreviewBoxTitle:hover {
	background-color:#eeeeee;
	color:#FF6600;
	border-top-right-radius:10px;
	border-top-left-radius:10px;

}


.ToolPreviewBox2 {
	margin-top: 20px; 
	width:222px;
	height:390px; 
	border:thin #666 solid; 
	margin-bottom:200px;  
	float:left; 
	margin-right:25px;
	border-radius:10px;
}
/*Tools Preview END */

.hidden {
	display:none;
}

#simblock span.view-articles, .artblock span.view-articles, .categoryblock span.view-articles {
	position:absolute;
	top:55px;
	left:105px;
	font-size:14px;
	color:#bbb;
}
#simblock {
	border-bottom:1px solid #000;
	padding:10px 0;
	position:relative;
} 
#simblock a{
	width: 200px;
	display: block;
	float: right;
	position:absolute;
	top:10px;
	right:0;
	text-align:left;
}
ul#popular{
	padding:0;
	margin-bottom:30px;
}
ul#popular li a{
	text-decoration:none;
}
span#catname{
	font-size:19px;
}
span#artname{
	font-size:15px;
}
ul#popular li{
	width:187px;
	display:inline-block;
	margin:0 42px auto;
}
ul#popular li h4{
	text-align:left;
	color:#0fa4cd;
}
ul#popular li h4:hover{
	color:#de7629;
}
li#num_1{
	margin-left:0 !important;
}
li#num_4{
	margin-right:0 !important;
}
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	width:100%;
	position:absolute;
	bottom:0;
}

div.pagination a {
	padding: 2px 7px 2px 7px;
	margin: 2px;
	
	text-decoration: none; /* no underline */
	color: #81ad01;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #81ad01;

	color: #000;
}
div.pagination span.current {
	padding: 2px 7px 2px 7px;
	margin: 2px;
	border: 1px solid #81ad01;
	
	font-weight: bold;
	background-color: #81ad01;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 7px 2px 7px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}
div.pagination span, div.pagination a{
	font-size:18px;
	text-decoration:underline;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
button.css3button {
	width:auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 3px 5px;
	background: -moz-linear-gradient(
		top,
		#09a9d9 0%,
		#09a9d9);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#09a9d9),
		to(#09a9d9));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0px solid #003366;
	-moz-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		0px 0px 0px rgba(255,255,255,0.1);
}
#yrsspan {position:relative;top:0;left:0;margin:0}
.img-contain{
	width: 84px;
	height: 84px;
	border: 1px solid #CCC;
	overflow:hidden;
}
.img-contain img {
	max-width:100%;
}
.popimg {
	width:187px;
	height:187px;
	border:1px solid #ccc;
	-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
overflow:hidden;
}
.popimg img {
	max-width:100%;
}
button.backcrumb {
	width:auto;
	line-height:auto;
	height:auto;
	margin-right:5px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 0px 10px;
	background: -moz-linear-gradient(
		top,
		#324047 0%,
		#324047);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#324047),
		to(#324047));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #171717;
	-moz-box-shadow:
		0px 0px 3px rgba(000,000,000,0.3),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	-webkit-box-shadow:
		0px 0px 3px rgba(000,000,000,0.3),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	box-shadow:
		0px 0px 3px rgba(000,000,000,0.3),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
button.backcrumb:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 0px 10px;
	background: -moz-linear-gradient(
		top,
		#de7729 0%,
		#de7729);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#de7729),
		to(#de7729));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #171717;
	-moz-box-shadow:
		0px 0px 3px rgba(000,000,000,0),
		inset 0px 0px 10px rgba(087,087,087,0);
	-webkit-box-shadow:
		0px 0px 3px rgba(000,000,000,0),
		inset 0px 0px 10px rgba(087,087,087,0);
	box-shadow:
		0px 0px 3px rgba(000,000,000,0),
		inset 0px 0px 10px rgba(087,087,087,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}