.top-section
{
	background: #020A0C url(../../../../images/generic/bg-top.jpg) no-repeat scroll 0 0;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 10px 0 0;
    width: 100%;
}

.top-section h2
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/fitness-zone/title-fitness-calc.jpg) no-repeat scroll 0 0;
    height:31px;
    text-indent:-9999px;
    width:225px;
    margin:0 10px 5px;
}

.top-section .content-wrap
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/hydration-calculator/content-base.jpg) repeat-y scroll 0 0;
	margin:0 auto 10px auto;
    width:678px;
    overflow: hidden;
}

.top-section .content
{
	background: transparent url(../../../../images/pagespecific/motivation-zone/hydration-calculator/content-base.gif) no-repeat scroll bottom center;
    padding: 10px 0;
    overflow:hidden;
}

.top-section .subnav
{
    overflow: hidden;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin:0 0 0 10px;
}

.top-section .subnav li
{
    float: left;
}

.top-section .subnav li a
{
    display: block;
}

.top-section .subnav li.nav1 a
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/hydration-calculator/btn-sprite.jpg) no-repeat scroll 0 -49px;
	height:40px;
    text-indent:-9999px;
    width:225px;
}

.top-section .subnav li.nav1 a.active,
.top-section .subnav li.nav1 a:hover,
.top-section .subnav li.nav1 a:focus
{
    background-position: 0 0;
}

.top-section .subnav li.nav2 a
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/hydration-calculator/btn-sprite.jpg) no-repeat scroll -225px -49px;
	height:40px;
    text-indent:-9999px;
    width:225px;
}

.top-section .subnav li.nav2 a.active,
.top-section .subnav li.nav2 a:hover,
.top-section .subnav li.nav2 a:focus
{
    background-position: -225px 0;
}

.top-section .subnav li.nav3 span
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/hydration-calculator/btn-sprite.jpg) no-repeat scroll -450px -49px;
	height:40px;
    text-indent:-9999px;
    width:228px;
    display:block;
}

.top-section .subnav li.nav3 span.active {
    background-position: -450px 0;
}

.top-section h3.title-intro
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/fitness-zone/subtitle.jpg) no-repeat scroll 0 0;
    height:28px;
    text-indent:-9999px;
    width:364px;
}

.top-section h3.title-personal
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/hydration-calculator/subtitle-personal.jpg) no-repeat scroll 0 0;
    height:28px;
    text-indent:-9999px;
    width:311px;
}

.top-section h3.title-activity
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/hydration-calculator/subtitle-activity.jpg) no-repeat scroll 0 0;
    height:28px;
    text-indent:-9999px;
    width:311px;
}

.top-section p,
.top-section h3
{
    margin:0 10px 10px;
}

.top-section p a.btn-next
{
	background: #020A0C url(../../../../images/pagespecific/motivation-zone/hydration-calculator/btn-sprite.jpg) no-repeat scroll 0 -100px;
	display:block;
    height:39px;
    text-indent:-9999px;
    width:76px;
}


.age input.text,.weight input.text,.height input.text,.temperature input.text,.duration input.text,.heart input.text,.press-ups input.text,.plank input.text {
	width:30px;
	border:1px solid #0c313e;
	background:#fff;
	color:#000;
	text-align:center;
}


.age p {
	width:100px;
}

.weight p {
	width:150px;
}

.height p {
	width:140px;
}

.sex,.age,.weight,.height {
	float:left;
}


.prev-next {
	clear:both;
}

.prev-next .button-prev,.prev-next .button-next {
	float:left;
}


.hr {
	margin:0 12px;
}

div.hr {
	border-top:1px solid #143341;
	clear:both;
}

.recalculate,.put-to-the-test {
	float:left;
}

.recalculate a {
	display:block;
	text-indent:-9999em;
	background:url(../../../../images/pagespecific/motivation-zone/hydration-calculator/button-recalculate.jpg) 0 0 no-repeat;
	width:152px;	height:38px;
}
.put-to-the-test a {
	display:block;
	text-indent:-9999em;
	background:url(../../../../images/pagespecific/motivation-zone/fitness-zone/button-results.jpg) 0 0 no-repeat;
	width:336px;	height:38px;
}


.disclaimer {
	clear:both;
}

.in-help {
	float:right;
}

.in-help a {
	background:url(../../../../images/generic/btn_help.gif) right no-repeat;
	padding:4px 24px 4px 0;
	display:block;
	line-height:20px;
	min-height:20px;
}

.help a {
	background:url(../../../../images/generic/btn_help.gif) right no-repeat;
	padding-bottom:4px;
	padding-right:24px;
	padding-top:4px;
	line-height:20px;
	min-height:20px;
}

.label {
	float:left;
}

h3.title-results {
	background: #010608 url(../../../../images/pagespecific/motivation-zone/default/title-results.jpg) 0 0 no-repeat;
	width:102px;	height:31px;
	text-indent:-9999em;
}

.title-test-results {
	background:url(../../../../images/pagespecific/motivation-zone/fitness-zone/title-results.jpg) 0 0 no-repeat;
	width:373px; height:27px;
	text-indent:-9999em;
}

.content-top {
	background: url(../../../../images/pagespecific/motivation-zone/default/content-base-top.gif) 0 0 no-repeat;
	width:678px; height:6px;
	margin-left:10px;
}

.title-info {
	font-size:1.6em;
}


.error {
	clear:both;
	color:Red;
}

.results .label {
	width:80px;
}

.results .text {
	background:#010405 none repeat scroll 0 0;
	border:1px solid #0C313E;
	color:#FFFFFF;
	width:230px;
}

.title-send-to-friend {
	background:url(../../../../images/pagespecific/motivation-zone/fitness-zone/title-send-to-friend.jpg) 0 0 no-repeat;
	width:191px; height:27px;
	text-indent:-9999em;
}

.friends {
	padding:24px 0 0 0;
}

.friends .label {
	width:100px;
}

.title-thanks {
	background:url(../../../../images/pagespecific/motivation-zone/fitness-zone/title-thanks.jpg) 0 0 no-repeat;
	width:120px; height:27px;
	text-indent:-9999em;
}

.title-thank-you {
	background:url(../../../../images/pagespecific/motivation-zone/fitness-zone/title-thank-you.jpg) 0 0 no-repeat;
	width:121px;	height:26px;
	text-indent:-9999em;
}

p.note {
	clear:both;
	font-size:1em;
}