@charset "utf-8";
/* CSS Document */
   #article #bmiw {
      width: 180px;
	  font-size: 0.87em;
	  float: left;
	  clear: both;
	  margin-bottom: 10px;
	  position: relative;
   }   
   #article #bmiw, #article .bmiw-border {
	  background-color: white;
	  border: 1px solid #D3D3D3;
	  -moz-border-radius: 5px;
	  color: #222222;
   }
   #article #bmiw, .bmiw-display, .ui-widget {
	 font-family: "Droid Sans", arial, helvetica, sans-serif;
   }
   #article #bmiw h1, .bmiw-display h1 {
	 font-size: 1.5em;
	 margin: 0 0 10px 0;
	 font-weight: bold;
   }
   #article #bmiw h1 {
	 padding: 10px 10px 0 10px;
   }   
   #article #bmiw p {
     margin: 0 10px;
   }
   #article #bmiw fieldset {
     border: none;
	 padding: 10px 0 0 0;
   }
   #article #bmiw fieldset strong {
     color: #555555;
	 width: 55px;
	 float: left;
   }
   #article #bmiw input {
     width: 30px;
	 margin-right: 3px;
   }
   #article #bmiw fieldset div {
     width: 55px;
	 float: left;
   }
  #article #bmiw .ui-buttonset {
     margin-right: 0;
   }
   #article #bmiw input.ui-button {
     width: 170px;
	 margin-top: 10px;
	 margin-right: 0;
   }
   #article #bmiw input#bmiw-r1 {
     width: 180px;
   }
   #article #bmiw input.action, .bmiw-display a.button {
	 color: white;
	 font-weight: bold;
	 margin-top: 5px;
   }
    #article #bmiw input.action {
     background: url("images/ui-bg_glass_75_008080_1x400.png") repeat-x scroll 50% 50% #008080;
	}
   .bmiw-display a.button {
     background: url("images/ui-bg_glass_75_9d0000_1x400.png") repeat-x scroll 50% 50% #9d0000;
	margin-left: 185px;
   }
   #article #bmiw input.action.ui-state-hover {
     background: url("images/ui-bg_glass_75_9d0000_1x400.png") repeat-x scroll 50% 50% #33cccc;
	 color: white;
   }   
    .bmiw-display a:hover.button {
     background: url("images/ui-bg_glass_75_cc0000_1x400.png") repeat-x scroll 50% 50% #33cccc;
	 color: white;
   }
   .bmiw-display {
      display: none;
      position: absolute;
	  -moz-border-radius-topright: 5px;
	  -moz-border-radius-bottomright: 5px;
	  -moz-border-radius-bottomleft: 5px;
   }
    .bmiw-display p {
	  padding: 0 0 10px 0;
	  font-size: 15px;
	}  
	.bmiw-display blockquote, .bmiw-display p.lose {
	  font-size: 17px;
      color: #9d0000;
	  font-weight: bold;
	}
	.bmiw-display blockquote {
	  color: #222222;
	  text-align: center;
      margin: 5px 20px;
	}
	.bmiw-display p.lose {
	  text-align: left;
	}
	.bottom {
	  bottom: 10px;
	  position: absolute;
	}	
	.bmiw-display p.member {
	  text-align: center;
	}
   #article .bmiw-display h1 {
     padding: 40px 0 0 0;
   }
   #article .bmiw-display p.category {
	 font-size: 17px;
   }
   .p5 {
     padding: 5px;
   }
   .p25 {
     padding: 15px 0;
   }
   .ui-widget-header {
     background: url("images/ui-bg_glass_75_E6DFCF_1x400.png") repeat-x scroll 50% 50% #E6DFCF;
   }
   
   /* for weight converter page */
   #article .articleNav a.button, #article .trial a.button {
     background: url("images/ui-bg_glass_75_9d0000_1x400.png") repeat-x scroll 50% 50% #008080;
	 color: white;
     font-size: 1em;
	 font-weight: bold;
	 margin-top: 5px;
   }   
   #article .articleNav a:hover.button, #article .trial a:hover.button {
     background: url("images/ui-bg_glass_75_cc0000_1x400.png") repeat-x scroll 50% 50% #9D0000;
	 color: white;
   }   
   /*end of weight converter*/