/*Start from Calculator styles */
.toolsBody{padding:10px 5px 10px 0;	*margin-bottom:30px;font-size:14px;	color:#000;}

/*reset form div element*/

/*Start Total Text area */
.totalTextArea{float:right; margin-right:20px; margin-top:-5px; }
.totalTextAreaNew{padding: 15px;margin-left:10px;margin-top: -10px;  background:#eee; min-height:70px;}
.totalGraident{margin-top:15px;padding-bottom:10px;width:100%;height: 50px; clear:both; }

/*End Total text area */
.txtSmall{ width:50px; background:url(../images/forms/art_frmtext.png) no-repeat scroll left top ; border:1px solid #CCCCCC;}
.txtBig{ width:68px;  background:url(../images/forms/art_frmtext.png) no-repeat scroll left top ; font-size:15px; font-weight:bold; color:#666666;  border:1px solid #CCCCCC;}
.txtBig.txtResult{ height:20px; color:#333333;}
.selectBig {margin-bottom:10px;width:250px; padding:0px !important; background:#fff !important;}
.ttotals{font-size:15px;clear:both; font-weight:bold; float:none; clear:both;}
.atotalResult{	border:1px solid #CCCCCC; width:68px;height:30px;background-color:#FFFFFF;}
/*fix padding for selector div in form */



.toolsBody .inputs{
	clear:both;
	margin-bottom:5px;
	height:45px;
	}
.radioInputs{
	position:relative;
	top:5px;
	}
/*Image labels for field names*/
h2.lbltitlesHeadings {font-size:20px;font-family:Tahoma, arial, sans-serif;font-weight:lighter;margin-bottom: 5px;color:#135D7B;}
/*end labels for field names*/

/*Start tools buttons */
a.btnTools{display:inline-block; padding:8px 30px; margin-right:10px; }
a.btnTools.btncalculate{background:#D2000F; color:#fff;}
a.btnTools.btncalculate:hover{background:#c2000e;}
a.btnTools.btnReset{background:#DDDDDD; color:#000;}
a.btnTools.btnReset:hover{background:#eee;}
/*End tools buttons */

/*Start Tools Icons */
.toolsIcons{background:url(../images/tools/art_toolmatrix.png) no-repeat scroll;text-indent:-9999px; height:88px;}
.toolsIcons.activity {background-position: 0px -9px; height: 66px; width: 61px; float:right; }
.toolsIcons.cwater {background-position: -62px -8px;height:53px;width:61px;float:right;}
.toolsIcons.bmrate  {background-position:-125px 8px;;width:61px;float:right;}
.toolsIcons.tCalorie {background-position: -197px -7px;height: 58px;margin-top: 2px;width: 61px;float:right;}
/*End Tools Icons */

/*Caclualtor Loader object*/
#calculator{font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:10px;padding-top:20px;padding-bottom: 40px;}
ul.lstHorz{margin:0px; padding:0px;}
ul.lstHorz li {float:left;margin-right:7px;margin-top:5px;margin-bottom:5px;height:20px;list-style:none outside none;font-size: 14px;font-weight: bold;}
ul.lstHorz input, .input {font-size:14px;margin:0px 0;padding:0px;}
.roundAreaSub .rBody ul{ margin:0px;}
#frmCalculator label {
	float:left;
	font:14px Arial,Helvetica,sans-serif;
	margin-left:5px;
	margin-right:5px;
	padding-top:10px; 
	display:inline-block;
	width:80px;
	height:25px;
	font-weight:bold;
	}

#frmCalculator .waterCalculator label{width:150px;}

#activity, #goal {padding:5px !important; height:40px; float:left; margin-right:10px; font-size: 14px!important;}

#frmCalculator label.lblWhite{color:#FFF;text-indent:0px;height:20px;margin-left:10px;margin-top:4px;}
#frmCalculator label.lblWhite.lblSmall{height:26px;width:55px;margin-top:-3px;}

/*Round area for calculator*/
.roundArea {/*background: #F2F2F2;border: 2px solid #ffffff;border-radius: 5px;-moz-border-radius: 5px 5px 5px 5px;-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);-webkit-border-radius: 5px;margin: 0 auto;	box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); behavior:url(/scripts/PIE.htc);*/}
/*End Round Area for calculator */

/*Start round calculator Corners */
.roundBox {position:relative; }
/*END round calculator Corners */

.calculatorButtons{margin-top:50px;	margin-left:10px;}

/*Start total box area */
.ttlBox{color:#C00; font-weight:bold;}
.ttlBox.tlWhite{color:#333;font-weight:normal;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px 5px 5px 5px;width:30px;	padding:4px;border: 1px solid #B3B3B3;text-align: center;behavior: url(/scripts/PIE.htc);}
/*end total box area */

/*Start Calorie Calculator Styles */

.calorieCal h2{font-size:14px;padding-bottom:2px;color:#000;}
.calorieCal .lftContent {float: left; padding-right: 8px; width: 52%;}
.calorieCal .rghtContent {float: right; width: 40%; }
.roundGay{behavior: url(/scripts/PIE.htc);background-color:#f5f5f5;  padding:10px 10px 25px; }
.roundGay ul, .roundGay h2 {padding: 10px 0 0 10px; font-size:20px!important;}

/*Start help box */
.hlpBox{background-color: #f5f5f5;border: 1px solid #B3B3B3;left: 400px;position: absolute;top: 152px;z-index: 999;border-radius: 5px;	-webkit-border-radius: 5px;-moz-border-radius: 5px 5px 5px 5px;display:none;behavior: url(/scripts/PIE.htc);}
.hlpBox h2{font-size:18px;}
.hlpBox ul{ width:190px; margin:0 auto; padding-left:20px;padding-top:10px;padding-bottom:10px;}
.hlpBox ul li.lstNone{list-style:none;}
.hovPointer {cursor: pointer;}
.hovDefault {cursor:default;}

/*Button Help */
.btnDisabled{ opacity: 0.7;}

/*Start BMI Calculator Body */
.calBMI{width: 630px;}
.calBMI .calBLeft{width: 270px;float:left;}
.calBMI .calBRight{width: 360px; float:left;}
.calBMI .bgBGraph{width:355px;height:162px; background:url(../images/tools/bmi/art_bmigraph.png) no-repeat;opacity: 0.5;filter: alpha(opacity = 50);}
.calBMI .bgGraphFull{width:4px;height:175px;background:url(../images/tools/bmi/art_bmigraph.png) no-repeat;position:absolute;}
.calBMI .bgGraphFull .bgArrow{background:url(../images/base/art_arrowtop.png) bottom right no-repeat;width:14px;height:16px;position:absolute;bottom:1px;right:-7px;}
/*End BMI Calculator Body */

/*Genrate small text */
.small{ font-size:11px; line-height:1.3em;}

/*Horz Total with graident back */
ul.lstHorzGraident{margin:0px;padding:0px;margin-top:0px;}
ul.lstHorzGraident li {float:left;margin-right:7px;height:20px;list-style:none outside none;}

/*Gray Line */
.gline{width:100%;clear:both;background:url("../images/tools/art_gline.png")repeat-x;margin-top:5px;height:5px;}

/*Clear Floating*/
.clearaddPadding{clear:both;padding:0px;height:1px;font-size:1px;line-height:1px;margin:0px;padding-bottom:10px;}





/*  DO NOT DISPLAY THE CALCULATORS ON MOBILE DEVICES! */ 


@media (max-width: 600px) {
  .toolsBody .inputs{height:auto;}  
  .mk-blog-container{margin-top:50px;}
  .totalTextAreaNew {min-height: 100px;}
  .calorieCal .lftContent, .calorieCal .rghtContent{float:none; width:100%;}
  #btnHelp{display:none;}
  .rghtContent{display:none;}
}