/* CSS Document */

/*----------------- VALIKKO -----------------------*/
#ihannepainoosiMenu { list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0; width:200px; }
#ihannepainoosiMenu li {display:block; margin:0px 0px 0px 0px;}
#ihannepainoosiMenu li a { display:block; width:200px; height:27px; text-decoration:none; background:url(../img/verticalMenu/verticalMenuStates.jpg) left top; font-size:11px; text-decoration:none; color:#333333; font-family:verdana; line-height:24px; text-indent:35px; font-variant: normal; }
#ihannepainoosiMenu li a:hover {background:url(../img/verticalMenu/verticalMenuStates.jpg) left bottom; color:#050;}
#ihannepainoosiMenu li a.selected, #ihannepainoosiMenu li a.selected:hover { background:url(../img/verticalMenu/verticalMenuStates.jpg) left bottom; color: #000000; cursor:default;  }
#ihannepainoosiMenu li.alkupalaIhannepainoosi{background:url(../img/verticalMenu/alkupala.jpg);height: 26px; width: 200px; }
#ihannepainoosiMenu li.loppupalaIhannepainoosi{background:url(../img/verticalMenu/loppupala.jpg);height: 26px; width: 200px; }
/*----------------- RAKENNE -----------------------*/
.twoColLayout #mainContentIhannepainoosi { margin: 0 auto; width: 300px; padding: 15px 0px 0px 0px; background-color: #FFFFFF; }
.twoColLayout #sidebarRightIhannepainoosi { float: right; width: 250px; margin-top: 20px; background-color: #FFFFFF; }
.twoColLayout #sidebarLeftIhannepainoosi { float: left; width: 200px; margin-top: 20px; background-color: #FFFFFF; }
/*----------------- LOMAKKEET -----------------------*/
input.paino { width: 30px }
input.pituus { width: 30px }
input.sukupuoli { width: 30px;border: none;background:none }
input { border: none; color: #333333; background-color: #ffffff; border: 1px solid #9AD65A; width: 100px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
input.btn { background-color: #FFFFFF; border: 0px; margin: 0px; padding: 0px; }
#proteiinintarveTaulu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; }
#proteiinintarveTaulu td { }
#bmiTaulu { }
form div { /*clear: left;*/ margin: 0; padding: 5px 5px 0px 5px; }
label.labelNormal { float: left; width: 140px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; }
label.labelErr { float: left; width: 140px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; color: red; }
fieldset { margin-top: 10px; padding: 10px 10px 10px 20px; border-top: 1px solid #CCEDBC; border-right: 1px solid #CCEDBC; border-bottom: 1px solid #CCEDBC; border-left: 1px solid #CCEDBC; margin-right: 10px; margin-left: 10px; }
legend { font: bold small-caps normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; padding-bottom: 5px; background-color: #FFFFFF; padding-right: 10px; padding-left: 10px; }
.bmiBox{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: green; padding: 5px; float: none; width: 170px; border: 1px dotted #33CC00; }
.protBox{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: red; padding: 5px; float: none; width: 200px; border: 1px dotted #33CC00; }