/*




	This file was auto generated by Less (http://lesscss.org). To change the contents of this file, edit app/stylesheets/additup.less instead.




*/#additup {
  float: left;
  height: 400px;
  margin: 100px 0 0;
  width: 184px;
}
#additup .meter {
  width: 100%;
  height: 60px;
  background: url(/images/pickchow/gauge_text.png) no-repeat;
}
#additup #protein.meter { background-position: 0 0; }
#additup #protein.meter.green { background-position: 0 -60px; }
#additup #carbs.meter { background-position: 0 -120px; }
#additup #carbs.meter.green { background-position: 0 -180px; }
#additup #fat.meter { background-position: -10px -240px; }
#additup #fat.meter.green { background-position: -10px -300px; }
#additup #fiber.meter { background-position: 0 -360px; }
#additup #fiber.meter.green { background-position: 0 -420px; }
#additup #three_s {
  position: relative;
  top: -5px;
  margin: 0 auto;
  width: 100px;
}
#additup #three_s.meter { background: url(/images/pickchow/additup_three_s.png) 8px 17px no-repeat; }
#additup #three_s.meter div { display: none; }
#additup .meter.small {
  height: 22px;
  float: left;
  display: inline-block;
}
#additup .expansion {
  height: 60px;
  position: relative;
  top: -10px;
}
#additup .expansion #threeS-text {
  background-image: url("/images/pickchow/gauge_text_3s.png");
  height: 20px;
}
#additup .expansion #threeS-text.green000 { background-position: 0 0; }
#additup .expansion #threeS-text.green001 { background-position: 0 -180px; }
#additup .expansion #threeS-text.green010 { background-position: 0 -120px; }
#additup .expansion #threeS-text.green011 { background-position: 0 -300px; }
#additup .expansion #threeS-text.green100 { background-position: 0 -60px; }
#additup .expansion #threeS-text.green101 { background-position: 0 -240px; }
#additup .expansion #threeS-text.green110 { background-position: 0 -360px; }
#additup .expansion #threeS-text.green111 { background-position: 0 -420px; }
#additup .expansion table { width: 100%; }
#additup .expansion td {
  width: 33%;
  text-align: center;
}
#additup .expansion > * { margin: 0 auto; }
#additup .expansion .meter { background: none; }
#additup td * { margin: 0 auto; }
#additup .gauge {
  width: 74px;
  height: 57px;
  float: right;
  margin-right: 20px;
}
#additup .gauge.normal { background: url(/images/pickchow/additup_gauge.png) no-repeat; }
#additup .gauge.split { background: url(/images/pickchow/additup_gauge_split.png) no-repeat; }
#additup .gauge.reverse { background: url(/images/pickchow/additup_gauge_split_reverse.png) no-repeat; }
#additup .meter.small .gauge {
  width: 44px;
  height: 34px;
  float: none;
  display: inline-block;
}
#additup .meter.small .gauge.normal { background-image: url(/images/pickchow/additup_gauge_sm.png); }
#additup .meter.small .gauge.split { background-image: url(/images/pickchow/additup_gauge_split_sm.png); }
#additup .meter.small .gauge.reverse { background-image: url(/images/pickchow/additup_gauge_split_reverse_sm.png); }
#additup #needle-img {
  width: 21px;
  height: 43px;
  display: none;
}
#additup .needle-canvas {
  width: 74px;
  height: 57px;
}
#additup .meter.small .needle-canvas {
  width: 44px;
  height: 34px;
}
#additup #stars {
  float: left;
  width: 171px;
  height: 96px;
  background: url(/images/pickchow/starmeter.png) no-repeat;
}
#stars #rating-bar {
  float: left;
  height: 27px;
  margin: 38px 0 0 13px;
  width: 142px;
}
#rating-bar .star {
  margin-left: 6px;
  width: 21px;
  height: 21px;
  float: left;
}
#rating-bar .star.off { background: url(/images/pickchow/whitestar.png) no-repeat; }
#rating-bar .star.on { background: url(/images/pickchow/pinkstar.png) no-repeat; }
#additup-back {
  float: left;
  margin: -30px 0 0 20px;
  background: url(/images/pickchow/additup_napkin.png) no-repeat;
  width: 250px;
  height: 497px;
}
#additup-back #stars { margin-left: 13px; }
#additup-back #additup { margin: 51px 0 0 32px; }
#additup-back #additup .meter { margin: 0 auto; }
#additup-back #additup #three_s {
  left: 10px;
  top: -15px;
}
#additup-back #additup .meter.small { top: 0; }
#additup-back #additup .expansion {
  top: -30px;
  left: 13px;
}
#additup-back #additup #stars {
  position: relative;
  top: -30px;
}