/* ---------------- BMI & Body Fat----------------  */

#bmi_calculator input#feet,#bmi_calculator input#inches,#bmi_calculator input#cm,#bodyfat_calculator input#feet,#bodyfat_calculator input#inches,#bodyfat_calculator input#cm{
	width: 3em;
}

#bmi_calculator #cms, #bodyfat_calculator #cms{
	display: none;
}

#bmi_calculator .checked, #bodyfat_calculator .checked{
    background-color: #EE3C3C;
    color: #ffffff;
}
#bmi_calculator .switch, #bodyfat_calculator .switch{
	width: 38%;
}

#bmi_calculator fieldset#BMICalculator, #bodyfat_calculator fieldset#BodyFatCalculator{
    border-color: #EE3C3C;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#bmi_calculator .input-area, #bodyfat_calculator .input-area{
	margin-top: 1em;
}

#bmi_calculator #bmi-result-value,#bmi_calculator  #classification, #bodyfat_calculator #bodyfat-result-value,#bodyfat_calculator  #classification{
    padding: 0.25em;
    line-height: 2em;
}

#bodyfat_calculator .input-area ul{
	padding: 0;
	margin: 0;
}


#bmi_calculator .very-severly-underweight{ background-color: #990099; color: #ffffff;}
#bmi_calculator .severly-underweight{ background-color: #b2a1c7; color: #000000;}
#bmi_calculator .underweight{ background-color: #95b3d7; color: #000000;}
#bmi_calculator .healthy-weight{ background-color: #92d050; color: #000000;}
#bmi_calculator .over-weight{ background-color: #ffff00; color: #000000;}
#bmi_calculator .moderately-obese{ background-color: #ff6600; color: #ffffff;}
#bmi_calculator .severely-obese{ background-color: #ff0066; color: #ffffff;}
#bmi_calculator .morbidly-obese{ background-color: #ff0000; color: #ffffff;}

#bmi_calculator #classification.very-severly-underweight:before{ content: "Very Severly Under Weight";}
#bmi_calculator #classification.severly-underweight:before{ content: "Severly Under Weight";}
#bmi_calculator #classification.underweight:before{ content: "Under Weight";}
#bmi_calculator #classification.healthy-weight:before{ content: "Healthy Weight";}
#bmi_calculator #classification.over-weight:before{ content: "Over Weight";}
#bmi_calculator #classification.moderately-obese:before{ content: "Moderately Obese";}
#bmi_calculator #classification.severely-obese:before{ content: "Severly Obese";}
#bmi_calculator #classification.morbidly-obese:before{ content: "Morbidly Obese";}


#bodyfat_calculator .below-essential{ background-color: #990099; color: #ffffff;}
#bodyfat_calculator .within-essential{ background-color: #b2a1c7; color: #000000;}
#bodyfat_calculator .athlete{ background-color: #95b3d7; color: #000000;}
#bodyfat_calculator .fitness{ background-color: #92d050; color: #000000;}
#bodyfat_calculator .average{ background-color: #ffff00; color: #000000;}
#bodyfat_calculator .obese{ background-color: #ff6600; color: #ffffff;}


#bodyfat_calculator #classification.below-essential:before{ content: "Below Essential";}
#bodyfat_calculator #classification.within-essential:before{ content: "Within Essential";}
#bodyfat_calculator #classification.athlete:before{ content: "Athlete";}
#bodyfat_calculator #classification.fitness:before{ content: "Fitness";}
#bodyfat_calculator #classification.average:before{ content: "Average";}
#bodyfat_calculator #classification.obese:before{ content: "Obese";}

/*------------------ Spinning ------------------*/

h1.spinning,h2.spinning,h3.spinning, #spinning_calories_calculator legend,#spinning_calories_calculator label.label,#spinning_calories_calculator label#calories-burned-result-value {
    color: #c4112e;
	margin: 0;
}

#spinning_calories_calculator  input[type="number"], .number {
    margin-top: 0.25em;
}

#spinning_calories_calculator .checked{
    background-color: #c4112e;
    color: #ffffff;
}
#spinning_calories_calculator .switch{
	width: 38%;
}

#spinning_calories_calculator fieldset#SpinningCaloriesCalculator{
    border-color: #c4112e;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#spinning_calories_calculator .input-area {
	margin-top: 1em;
}

/*------------------ Skipping ------------------*/

h1.skipping,h2.skipping,h3.skipping, #skipping_calories_calculator legend,#skipping_calories_calculator label.label,#skipping_calories_calculator label#calories-burned-result-value {
    color: #55acee;
	margin: 0;
}

div#speed_area{
    padding-top: 1em;
}

div#speed_area .switch{
		margin-top: 0.25em;
}

#skipping_calories_calculator  input[type="number"], .number {
    margin-top: 0.25em;
}

#skipping_calories_calculator .checked{
    background-color: #55acee;
    color: #ffffff;
}
#skipping_calories_calculator .switch{
	width: 38%;
}

#skipping_calories_calculator fieldset#SkippingCaloriesCalculator{
    border-color: #55acee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#skipping_calories_calculator .input-area {
	margin-top: 1em;
}

/*------------------ Weight Lifting & Calisthenics ------------------*/

h1.weightlifting,h2.weightlifting,h3.weightlifting, #weight_lifting_calories_calculator legend,#weight_lifting_calories_calculator label.label,#weight_lifting_calories_calculator label#calories-burned-result-value {
    color: #484848;
	margin: 0;
}


div#workout_type_area{
    padding-top: 1em;
}


#weight_lifting_calories_calculator .checked{
    background-color: #484848;
    color: #ffffff;
}
#weight_lifting_calories_calculator .switch{
	width: 38%;
}

#weight_lifting_calories_calculator fieldset#WeightLiftingCaloriesCalculator{
    border-color: #484848;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#weight_lifting_calories_calculator .input-area {
	margin-top: 1em;
}


/*------------------ Hiking ------------------*/

h1.hiking,h2.hiking,h3.hiking, #hiking_calories_calculator legend,#hiking_calories_calculator label.label,#hiking_calories_calculator label#calories-burned-result-value {
    color: #667834;
	margin: 0;
}

div#hiking_type_area, div#backpack_type_area, div#incline_type_area {
    padding-top: 1em;
}

#hiking_calories_calculator .checked{
    background-color: #667834;
    color: #ffffff;
}
#hiking_calories_calculator .switch{
	width: 38%;
}

#hiking_calories_calculator fieldset#HikingCaloriesCalculator{
    border-color: #667834;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#hiking_calories_calculator .input-area {
	margin-top: 1em;
}


/*------------------ Yoga ------------------*/
h1.yoga,h2.yoga,h3.yoga, #yoga_calories_calculator legend,#yoga_calories_calculator label.label,#yoga_calories_calculator label#calories-burned-result-value {
    color: #ff9e71;
	margin: 0;
}

div#yoga_type_area {
    padding-top: 1em;
}

#yoga_calories_calculator .checked{
    background-color: #ff9e71;
    color: #ffffff;
}
#yoga_calories_calculator .switch{
	width: 38%;
}

#yoga_calories_calculator fieldset#YogaCaloriesCalculator{
    border-color: #ff9e71;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


/* ------------Generic------------ */
#text-intro{
	margin-bottom: 1em;
}

#calculator_area{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

legend {
    font-weight: bold;
    text-align: center;
}


fieldset#T25CaloriesCalculator{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-color: #172caf;
	padding: 0;
}

.label {
	padding: 0.5em;
    	font-weight: bold;
}

.switch { 
	 border: 1px solid #000000; 
	 -webkit-border-radius: 5px; 
	 -moz-border-radius: 5px; 
	 text-align: center; 
	 padding: 0.5em; 
	 cursor: pointer; 
	 list-style-type: none; 
	 display: inline-block; 
	 width: 35%; 
	 margin: 0.2em; 
	 font-size: 0.8em;
	 margin-top: 1em;
	 margin-bottom: 1em;
	 font-weight: bold;
 }
 
 .switch label{
 	cursor: pointer;
 }
 
 .unchecked {
  	background-color: #ffffff;
 }
 
 input[type="number"], .number {
 	text-align: center;
 	font-size: 16px;
	padding: 0.5em; 
	width: 8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
 }

.input-area, .drop-down-area {
    text-align: center;
    margin: 0;
}


.switch-area {
	text-align: center;
    	margin: 0;
}

.switch-area ul{
	padding: 0;
	margin: 0;
}

.drop-down-area select{
	height: 2em;
	font-size: 1em;
    	padding-left: 0.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

.drop-down-area select option {
	text-align: center;
}

div#result_area {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0.5em;
}

.adblock {
	width: 100%;
}

.test-adblock{
	width: 100%;
}