label {
  font-weight: bold;
  font-size: 18px; }

.right {
  float: right;
  margin-right: 16px; }

.label-header {
  vertical-align: 100%; }

.left-padding {
  padding-left: 16px; }

.button-radius {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.background-gradient {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #eef2e7 98%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(98%, #eef2e7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #eef2e7 98%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #eef2e7 98%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #eef2e7 98%);
  /* IE10+ */
  background: linear-gradient(top, white 0%, #eef2e7 98%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#eef2e7');
  /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#eef2e7')";
  /* IE8 */ }

.gray-top {
  background: url("../img/gray_top.png") repeat-x center top;
  background-size: auto 16px;
  width: 100%;
  height: 16px;
  margin-bottom: -16px; }

/* Overrides JQuery mobile */
.ui-btn {
  margin: 8px 15px; }

.ui-btn-text {
  font-size: 1.3em; }

.ui-field-contain .ui-controlgroup-label {
  vertical-align: 100%; }

.ui-control-group, fieldset.ui-controlgroup {
  margin: 0; }

.ui-br {
  border-bottom-style: none; }

a.ui-btn-active {
  border: 1px solid #3e80b5;
  background: #3e72b2;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px 0 #444444;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3e72b2), to(#66aad0));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#3e72b2, #66aad0);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(#3e72b2, #66aad0);
  /* FF3.6 */
  background-image: -ms-linear-gradient(#3e72b2, #66aad0);
  /* IE10 */
  background-image: -o-linear-gradient(#3e72b2, #66aad0);
  /* Opera 11.10+ */
  background-image: linear-gradient(#3e72b2, #66aad0);
  -webkit-box-shadow: 0px -2px 6px #3c69a1;
  -moz-box-shadow: 0px -2px 6px #3c69a1;
  box-shadow: 0px -2px 6px #3c69a1; }

div .ui-slider {
  width: 68%; }

.ui-slider-input {
  margin-top: 8px; }

.no-slider {
  height: 48px; }
  .no-slider input {
    float: right;
    margin-right: 16px;
    margin-top: 0px; }
  .no-slider .ui-slider {
    display: none; }

@media screen and (min-width: 480px) {
  div .ui-slider {
    width: 78%; } }
@media screen and (min-width: 800px) {
  #weight-slider, #amount-slider, #money-slider {
    width: 60px; }

  #start-time-hour, #start-time-minutes {
    width: 50px; }

  div .ui-slider {
    width: 85%; } }
@media screen and (min-width: 1024px) {
  div .ui-slider {
    width: 88.5%; } }
