a {
  background: white;
  cursor: pointer;
  padding: 2px;
}

a.red-cell { background: #F00; }

hr {
  border-color: #DDD;
  border-width: 0 0 1px;
  margin: 0 -10px 8px;
}

/*
.page-header {
  z-index: 10;
  position: fixed;
  top: 44px;
  margin: 0;
  padding: 8px 0;
  left: 0;
  width: 100%;
  background: #DDD;
  text-shadow: 1px 1px 1px #FFF;
  text-align: center;
  font-size: 16px;
}

.tabs {
  padding: 0px 0px;
  width: 100%;
  display: inline;
}

.tab-links:after {
  display: inline;
  clear: both;
  content: '';
  text-align: center;
}

.tab-links li {
  margin: 0px 5px;
  float: left;
  position: relative;
  display: inline;
  right: 50;
  bottom: 30;
  text-align: center;
}

.tab-links a {
  padding: 3px 4px;
  display: inline;
  border-radius: 0px 0px 0px 0px;
  background: #7FB5DA;
  font-size: 20px;
  font-weight: 900;
  color: #4c4c4c;
  text-align: center;
}

  .tab-links a:hover {
    background: #a7cce5;
    text-decoration: none;
    text-align: center;
  }

.tab-content {
  padding: 20px;
  border-radius: 4px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
  background: #fff;
}

.tab {
  display: none;
}

  .tab.active {
    display: block;
  }
*/

.well {
  background: #EEE;
  border: solid 1px #DDD;
  box-shadow: inset 0 0 10px #DDD;
  margin: 0 15px;
  padding: 20px;
}

li.active a, li.active a:hover {
  background: #fff;
  color: #4c4c4c;
  text-align: center;
}

.alert {
  border: 1px solid transparent;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
}

.alert h4 {
  color: inherit;
  margin-top: 0;
}

.alert .alert-link { font-weight: bold; }

.alert > p,
.alert > ul { margin-bottom: 0; }

.alert > p + p { margin-top: 5px; }

.alert-dismissable { padding-right: 35px; }

.alert-dismissable .close {
  color: inherit;
  position: relative;
  right: -21px;
  top: -2px;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr { border-top-color: #c9e2b3; }

.alert-success .alert-link { color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr { border-top-color: #a6e1ec; }

.alert-info .alert-link { color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr { border-top-color: #f7e1b5; }

.alert-warning .alert-link { color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr { border-top-color: #e4b9c0; }

.alert-danger .alert-link { color: #843534; }

/*
.ui-bar, .ui-body {
  margin: 5px 0;
}

.ui-loader pre {
  word-wrap: break-word;
  font-size: 13px;
  text-shadow: none;
  font-weight: 100;
}

.debug {
  display: none;
}

.ui-header .ui-title, .ui-footer .ui-title {
  margin: 0 38px;
}

.ui-content .ui-listview-inset, .ui-panel-inner > .ui-listview-inset {
  margin-top: 0;
}

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
  background: #1a3062;
  color: #EEE;
  text-shadow: 1px 1px 1px #000000;
}

.ui-listview > .ui-li-has-icon > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-icon {
  padding-left: 4.5em;
}

  .ui-listview > .ui-li-has-icon > img:first-child, .ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
    position: absolute;
    left: .625em;
    top: .9em;
    width: 50px;
    max-width: 50px;
    max-height: 50px;
  }

@media (min-width: 28em) {
  .ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label {
    width: 70%;
  }

    .ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
      width: 28%;
    }
}

@media only screen and (min-width: 600px) {
  body {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAIPHjz4zwjjgzgKCgqMYAEYB8RmROaABAAIDA+kWCZ42QAAAABJRU5ErkJggg==) repeat !important;
    padding: 0;
    height: 99.9% !important;
  }

  .ui-page {
    width: 480px !important;
    margin: 50px auto 0 !important;
    position: relative !important;
    border: 2px #DDD solid !important;
    border-radius: 3px !important;
    max-height: 640px !important;
    min-height: 640px !important;
    height: 640px !important;
    padding: 0 !important;
    box-shadow: 0 0 10px #333;
  }

  .ui-content {
    padding-top: 61px !important;
  }

  .ui-header-fixed, .ui-footer-fixed {
    position: absolute !important;
  }

  .ui-footer-fixed {
    bottom: 0px;
  }
}

.ui-field-contain {
  border-bottom-width: 0;
  padding-top: 0;
}

.round-corners .ui-bar {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}

.round-corners .ui-body {
  border-top-width: 0;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}


*/

#page-index { background: #fff; }

.page-header + * { margin-top: 37px !important; }

.loader {
  margin: 50px auto;
  padding: 0 10%;
  text-align: center;
}

.logo {
  margin-bottom: 25px;
  max-width: 500px;
  width: 100%;
}

/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */ 
@media screen and ( min-width: 30em ), print {

	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive td,
	.ui-table-reflow.ui-responsive th,
	.ui-table-reflow.ui-responsive tbody th,
	.ui-table-reflow.ui-responsive tbody td,
	.ui-table-reflow.ui-responsive thead td,
	.ui-table-reflow.ui-responsive thead th {
		display: table-cell;
		margin: 0;
	}

	/* Hide the labels in each cell */ 
	.ui-table-reflow.ui-responsive td .ui-table-cell-label,
	.ui-table-reflow.ui-responsive th .ui-table-cell-label { 
		display: none;
	}
}