/*
 * app.css
 * application specific CSS.
 *
 */

img {
  border: 0px;
}

.breadcrumb > li + li::before {
  color: #777;
}

body {
  background: #e7e7e7;
  /*  background-image: url(../img/nice_snow.png); */
  background-repeat: repeat;
  padding-top: 125px;
}

#header-top {
  height: 70px;
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1040;
}

#header-banner {
  padding-top:5px;
  height: 70px;
}

#header-banner .input-group {
  padding-top:15px;
}

#header-banner a.navbar-brand {
  padding: 0;
}

#header-banner a.navbar-brand img {
  width: auto;
  height: 60px;
}

@media print {
  a[href]:after {
    content: none;
  }
}
/* ---------- Footer ---------- */
#footerPanel {
  margin-top: 20px;
}

/* ---------- login background ---------- */
.login-background {
  background-color: gray;
  margin: 0;
}

.login-container {
  margin: 5% auto;
  padding: 5px;
  border-radius: 5px;
  width: 300px;
}

/* ---------- lemur icon ---------- */
.lemur-icon-32 {
  display: block;
  width: 39px;
  height: 32px;
  background-image: url(../img/lemur-icon-32.png);
}

@media (min-width: 768px) {
  .control-label {
    text-align: right;
  }
}
/* ---------- breadcrumb override ----------*/
.title-holder {
  display: inline-block;
  background-color: #e0e0e0;
  color: #333;
  padding: 4px 10px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 1em;

  background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
  background-repeat: repeat-x;
  /*text-shadow: 0 1px 0 #fff;*/

}
.title-holder h1,
.title-holder h2,
.title-holder h3
{
  margin: 0;
}

.panel .panel-body h3:first-of-type {
  margin-top: 0;
}

ol.breadcrumb {
  background: transparent;
  padding: 4px 0;
  font-size: 1em;
  border-radius: 0;
  margin-bottom: 0;
}

.title-holder.panel-title {
  margin-bottom: 4px;
}

/* ---------- Nav buttons ---------- */
.btn-fixed {
  width: 14.5em;
  display: block;
  position: fixed;
  right: 1em;
  top: 50px;
}
.btn-nav {
  height:5.5em;
  width: 6.5em;
  position: relative;
  white-space: normal;
  overflow: hidden;
  margin-right: .4em;
  margin-bottom: .6em;
  display: inline-block;
  vertical-align: middle;
  touch-action: manipulation;
}
.btn-nav:active {
}
.btn-nav i {
  padding: 0px;
  margin: 0;
  text-align: center;
}
.btn-nav p,
.btn-nav span {
  padding: .4em 0 0 0;
  margin: 0;
  text-align: center;
  display: block;
  clear: both;
}

.btn-insert {
  width: 15em;
  position: relative;
  white-space: normal;
  overflow: hidden;
  margin-right: .4em;
  margin-bottom: .6em;
  display: inline-block;
  vertical-align: bottom;
}

.btn-insert-sm {
  width: 4em;
}

.btn-menu {
  height:9em;
  width: 10em;
  position: relative;
  white-space: normal;
  overflow: hidden;
  margin-right: 1em;
  margin-bottom: 1em;
  display: inline-block;
  vertical-align: middle;
  touch-action: manipulation;
}
.btn-menu:active {
}
.btn-menu i {
  padding: 10px;
  margin: 0;
  text-align: center;
}
.btn-menu p,
.btn-menu span {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 120%;
  display: block;
  clear: both;
}

.btn-special {
  position: relative;
  z-index: 100;
  width: 6.5em;
  margin-right: 0;
  float: right;
}

.btn-special-holder {
  position: relative;
  margin-bottom: 0.75em;
}

.nav-btn-holder {
  display: block;
  width: 100%;
  clear: both;
  margin-top: 1em;
  margin-bottom: 1em;
}

.panel-body table {
  width: 100%;
}

.panel-body table td {
  vertical-align: top;
}

/*.panel-body table td:first-child {
  width: 8em;
}*/

/* ---------- Row with equal height columns ---------- */
@media (min-width: 768px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
}

/* ---------- Bootstrap inline fix ---------- */
.form-inline > .form-group {
  display: block;
  margin-bottom: 15px;
}

.form-inline .form-group .form-group {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .form-inline .form-group div.col-xs-1,
  .form-inline .form-group div.col-sm-1,
  .form-inline .form-group div.col-sm-2,
  .form-inline .form-group div.col-sm-3,
  .form-inline .form-group div.col-sm-4,
  .form-inline .form-group div.col-sm-5,
  .form-inline .form-group div.col-sm-7,
  .form-inline .form-group div.col-sm-8,
  .form-inline .form-group div.col-sm-10,
  .form-inline .form-group div.col-sm-11 {
    padding-right: 0px;
  }

  .form-inline .form-group div.col-xs-1:last-child,
  .form-inline .form-group div.col-sm-1:last-child,
  .form-inline .form-group div.col-sm-2:last-child,
  .form-inline .form-group div.col-sm-3:last-child,
  .form-inline .form-group div.col-sm-4:last-child,
  .form-inline .form-group div.col-sm-5:last-child,
  .form-inline .form-group div.col-sm-7:last-child,
  .form-inline .form-group div.col-sm-8:last-child,
  .form-inline .form-group div.col-sm-10:last-child,
  .form-inline .form-group div.col-sm-11:last-child {
    padding-right: 15px;
  }
}

.form-inline .form-group div:last-child .form-group {
  margin-bottom: 0;
}

.form-inline .form-group .form-control {
  width: 100%;
}

.form-control-numeric {
  text-align: right;
}

/* ---------- Contact number ---------- */
.contact-number-type {
  width: 8em;
}

.panel-visit {
  height: 140px;
}

.panel-vehicle {
  height: 250px;
}

.ui-menu {
  z-index: 3000;
}

/* ---------- AutoComplete ---------- */
.ui-autocomplete {
  background: white;
}
.ui-autocomplete .ui-menu-item {
  padding: 4px;
}
.ui-autocomplete .ui-menu-item.entity {
  display: block;
}
.ui-autocomplete .ui-menu-item .icon {
  display: inline-block;
  width: 4em;
  text-align: center;
  vertical-align: middle;
}
.ui-autocomplete .ui-menu-item .detail {
  display: inline-block;
  width: 25em;
  vertical-align: middle;
}
.ui-autocomplete .ui-menu-item .name {
  display: block;
  font-weight: bold;
}
.ui-autocomplete .ui-menu-item .value {
  display: block;
  width: 100%;
}
.ui-autocomplete .ui-menu-item .value2 {
  display: inline-block;
  float: left;
}
.ui-autocomplete .ui-menu-item .value3 {
  display: inline-block;
  float: right;
}

input[type="radio"], input[type="checkbox"] {
  margin-top: 2px;
}

/* ---------- term-venue-dates ---------- */
.term-venue-dates .table span {
  vertical-align: text-bottom;
}
.term-venue-dates h3,
.term-venue-dates h4
{
  margin-top: 0;
}

.term-venue-dates td {

}

.term-venue-dates td.month1,
.term-venue-dates td.month3,
.term-venue-dates td.month5,
.term-venue-dates td.month7,
.term-venue-dates td.month9,
.term-venue-dates td.month11 {
  background-color: #ddd;
}

.term-venue-dates td.dayOfWeek6,
.term-venue-dates td.dayOfWeek7 {
  background-color: #eee;
}

.term-venue-dates td.month1.dayOfWeek6,
.term-venue-dates td.month3.dayOfWeek6,
.term-venue-dates td.month5.dayOfWeek6,
.term-venue-dates td.month7.dayOfWeek6,
.term-venue-dates td.month9.dayOfWeek6,
.term-venue-dates td.month11.dayOfWeek6,
.term-venue-dates td.month1.dayOfWeek7,
.term-venue-dates td.month3.dayOfWeek7,
.term-venue-dates td.month5.dayOfWeek7,
.term-venue-dates td.month7.dayOfWeek7,
.term-venue-dates td.month9.dayOfWeek7,
.term-venue-dates td.month11.dayOfWeek7 {
  background-color: #ccc;
}


/* ---------- table.icon-scaffold ---------- */
table.icon-scaffold {
}

table.icon-scaffold tr td {
  padding-bottom: 10px;
  vertical-align: top;
}

table.icon-scafold-label tr td:first-child {
  width: 10em;
}

/* ---------- table ---------- */
table.table-menu {
  table-layout: fixed;
}

table.table-menu tr td.link {
  width: 20em;
}

table.table-menu tr td.check {
  width: 2em;
}

table.table-menu tbody tr td {
  vertical-align: middle;
}

.dataTables_wrapper {
  margin-bottom: 1em;
}

.alert strong i {
  vertical-align: middle;
}

textarea.form-control {
  max-width: 100% !important;
}

#calendar {
  width: 100%;
  margin: 0 auto;
}

.cke_editable_inline {
  overflow:auto;
  height:300px;
  max-width: 100%;

  width:100%;
  padding:5px 10px;
  font-size:12px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.cke_editable_inline:focus {
  border-color:#66afe9;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.table-responsive {
  overflow-x: hidden;
}

.user-holder {
  min-height: 7em;
  border: 1px #ccc solid;
  border-radius: 4px;
  padding: 4px;
  display: block;
  overflow-y: auto;
}

.user-tile {
  display: inline-block;
  background-color: #eee;
  border: 1px #ccc solid;
  margin: 6px 3px 3px 5px;
  padding: 3px 5px 3px 5px;
  border-radius: 4px;
  cursor: pointer;

}

.cke_dialog
{
  z-index: 10055 !important;
}

.wizard {
  margin-bottom: 1em;
}

.wizard a {
  padding: 10px 12px 10px;
  /*margin-right: 5px;*/
  background: #e0e0e0;
  position: relative;
  display: inline-block;
  height: 40px;
}
.wizard a:before {
  width: 0;
  height: 0;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #fff;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.wizard a:after {
  width: 0;
  height: 0;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #e0e0e0;
  position: absolute;
  content: "";
  top: 0;
  right: -20px;
  z-index: 2;
}
.wizard a:first-child:before,
.wizard a:last-child:after {
  border: none;
}
.wizard a:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.wizard a:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.wizard .badge {
  margin: 0 5px 0 18px;
  position: relative;
  top: -1px;
}
.wizard a:first-child .badge {
  margin-left: 0;
}
.wizard .current {
  background: #007ACC;
  color: #fff;
}
.wizard .current:after {
  border-left-color: #007ACC;
}


table.basket {
  table-layout: fixed;
  width: 100%;
}

table.basket tr .line-qty {
  width: 6em;
  text-align: right;
}

table.basket tr .line-discount,
table.basket tr .line-each,
table.basket tr .line-gross {
  width: 6em;
  text-align: right;
}

table.basket tr .line-item {
  width: 10em;
  text-align: left;
}
table.basket tr .line-desc {
  text-align: left;
}
table.basket tr .line-size,
table.basket tr .line-option {
  width: 8em;
  text-align: left;
}
table.basket tr .line-action {
  width: 4em;
  text-align: center;
}

table.basket .basket-total {
  text-align: right;
  font-weight: bold;
}

#addItemLookup {
  max-width: 12em;
}

#available-lessons .course-pane {
  background-color: #e0e0e0;
  border: 1px solid #d0e0e0;
  border-radius: 4px;
  display: block;
  height: 5.5em;
  margin: 0 2px 5px 0;
  padding: 4px;
  width: 100%;
  color: #333;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
}
#available-lessons .course-pane:hover {
  background-position: 0 -15px;
}
#available-lessons .course-pane .venue {
  display: block;
  font-style: italic;
  margin-top: 1em;
}
#available-lessons .course-pane .name {
  display: block;
}
#available-lessons .lesson-pane {
  display:  inline-block;
  height:5.5em;
  width: 6.5em;
  position: relative;
  white-space: normal;
  overflow: hidden;
  padding:  4px;
  margin: 0 2px 5px 0;
  border-radius: 4px;
  touch-action: manipulation;
  color: #333;
}
#available-lessons .lesson-pane-free {
  background-color: #b3daee;
  border: 1px solid #d0e0e0;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #b3daee 0px, #89c5e5 100%);
}
#available-lessons .lesson-pane-free:hover {
  background-position: 0 -15px;
  background-color: #89c5e5;
}
#available-lessons .lesson-pane-full {
  background-color: #fea3a3;
  border: 1px solid #e0e0d0;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #fea3a3 0px, #f55959 100%);
}
#available-lessons .lesson-pane-full:hover {
  background-position: 0 -15px;
  background-color: #f55959;
}
#available-lessons .lesson-pane .date {
  display: block;
  font-size: 85%;
  font-weight: bold;
  text-align: center;
}
#available-lessons .lesson-pane .time-of-day {
  display: block;
  font-size: 85%;
  text-align: center;
}
#available-lessons .lesson-pane .avail {
  display: block;
  text-align: center;
  margin-top: 2px;
}
#available-lessons .lesson-pane .spaces {
  font-size: 140%;
}
#available-lessons .lesson-pane .max {
  font-size: 85%;
}

#available-courses .course-pane {
  display:  inline-block;
  height:5.5em;
  width: 15em;
  position: relative;
  white-space: normal;
  overflow: hidden;
  padding:  4px;
  margin: 0 2px 5px 0;
  border-radius: 4px;
  touch-action: manipulation;
  color: #333;
}
#available-courses .course-pane-free {
  background-color: #b3daee;
  border: 1px solid #d0e0e0;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #b3daee 0px, #89c5e5 100%);
}
#available-courses .course-pane-free:hover {
  background-position: 0 -15px;
  background-color: #89c5e5;
}
#available-courses .course-pane-full {
  background-color: #fea3a3;
  border: 1px solid #e0e0d0;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #fea3a3 0px, #f55959 100%);
}
#available-courses .course-pane-full:hover {
  background-position: 0 -15px;
  background-color: #f55959;
}

#available-courses .info {
  display: block;
  width: 69%;
  float: right;
  overflow: hidden;
}

#available-courses .schedule {
  display: block;
  width: 30%;
  float: left;
  overflow: hidden;
  border-right: 1px #6cb7df inset;
}

#available-courses .course-pane .name {
  display: block;
  font-size: 85%;
  text-align: right;
}
#available-courses .course-pane .teacher {
  display: block;
  font-size: 85%;
  text-align: right;
}
#available-courses .course-pane .date {
  display: block;
  font-size: 85%;
  text-align: center;
  font-weight: bold;
}
#available-courses .course-pane .time {
  display: block;
  font-size: 85%;
  text-align: center;
}
#available-courses .course-pane .venue {
  display: block;
  font-size: 85%;
  text-align: right;
}
#available-courses .course-pane .next-lesson {
  display: block;
  font-size: 85%;
  font-style: italic;
  text-align: right;
}
#available-courses .course-pane .avail {
  display: block;
  text-align: center;
  margin-top: 2px;
}
#available-courses .course-pane .spaces {
  font-size: 140%;
}
#available-courses .course-pane .max {
  font-size: 85%;
}

.help-block {
  margin-bottom: 0;
}

.signup td.no-events {
  font-style: italic;
}

.signup .contestEvent {
  table-layout: fixed;
}
.signup .event {
  text-align: left;
  vertical-align: middle !important;
}
.signup .level {
  width: 7em;
  text-align: center;
  vertical-align: middle !important;
}

.stats {
  padding: 1em;
  margin-bottom: 1em;
  border-radius: 3px;
}
.stats span {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.stats h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.registration-period {
  font-size: 1.4em;
}
.registration-corps {
  font-size: 1.2em;
}
.registration-date {
  font-size: 0.8em;
}

.table-striped > tbody > tr:nth-of-type(2n+1).bg-warning {
	background-color: #F4F0DB;
}
/*
 * Custom css for the matrix display
 */

.matrix {
  padding: 0;
  display: block;
}

.matrix .scroller {
  border-top: 1px solid #ddd;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  position: relative;
}
.matrix table {
  width: 100%;
  margin-top: -2px;
  table-layout: fixed;
}

.matrix table td,.matrix table th {
  vertical-align: top;
}

.matrix table thead tr {
  border-bottom: gray 1px solid;
  text-align: center;
}

.tp_spanningwrapper {
  position: relative;
  margin: 1px 0 0 1px;
}

.tp_hourmarkers {
  position: absolute;
  width: 100%;
}

.tp_headercell {
  padding: 4px;
  font-weight: bold;
  text-align: center;
}

.tp_progresscell {
  padding: 4px 10px 10px 10px;
  font-weight: bold;
  text-align: center;
}

.tp_markercell {
  height: 40px;
}

.tp_timelabel {
  text-align: right;
  padding-right: 2px;
  padding-top: 2px;
  border-top: 1px solid #ddd;
}

.tp_dualmarker {
  height: 100%;
  border-top: 1px solid #ddd;
  text-align: center;
}

.tp_tm {
  border-left: 1px solid #ddd;
}

.tp_bd {
  border-left: 1px solid #ddd;
}

.tp_tm1 {
  width: 5em;
}

.tp_bd1 {
}

.tp_entry {
  -moz-user-select: none;
  cursor: default;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.tp_entryview {
  width: 95%;
  height: 100%;
  border: solid #ccc 1px;
  border-radius: 4px;
  -moz-box-shadow:		4px 4px 4px #ccc;
  -webkit-box-shadow:		4px 4px 4px #ccc;
  box-shadow:			4px 4px 4px #ccc;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffe;
}

.tp_entry.active .tp_entryview {
  border: 2px dotted #339;
  background-color: #eef;
}


.tp_entryheader {
  width: 100%;
  height: 39px;
  border-bottom: solid #ccc 1px;
  padding-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 90%;
  background-color: rgba(127,127,127,0.1);
  overflow: hidden;
}

.tp_entrydetail {
  width: 100%;
  height: 40px;
  border-bottom: solid #ccc 1px;
  padding: 2px;
  text-align: center;
}

.tp_entrydetailwrapper {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 0;
  overflow: hidden;
}

.tp_entrydetail.active .tp_entrydetailwrapper {
  border: 2px dotted #339;
  background-color: rgba(127,127,255,0.05);
}

.tp_entrydetail.match .tp_entrydetailwrapper {
  background-color: #dfd;
}

.tp_entryholder {
  position: relative;
  top: 0px;
  margin-right: 3px;
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.tp_normal {
}

.droppable-active {
  background-color: rgba(127,127,127,0.1);
}

.droppable-hover {
  transition: .5s border ease;
  border: 2px silver dashed;
}

.has-violation {
  border: 1px orangered solid;
  background: rgba(255,0,0,.1);
}

.matrix .arena {
  width: 100%;
  clear: both;
}

.matrix .toolbox {
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin-bottom: 0.75em;
  border-bottom: 1px silver solid;
  border-left: 1px silver solid;
  border-right: 1px silver solid;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.matrix .toolbox .kit {
  float: left;
  height: 100%;
  width: 10em;
  padding: 8px;
  overflow: hidden;
  display:block;
}

.matrix .toolbox .kit-right {
  float: right;
}

.matrix .toolbox .sep {
  float: left;
  display:block;
  padding: 0;
  margin: 0;
  border: 0;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05));
}

.matrix .toolbox .sep-right {
  float: right;
}

.matrix .toolbox .kit .kit-body {
  padding: 0;
  margin: 0;
  display:block;
}

.matrix .toolbox .kit .kit-body p {
  margin-bottom: 0;
}

.matrix .toolbox .kit.kit-lg {
  width: 20em;
}

.matrix .toolbox .kit h5 {
  margin-top: 0;
  text-align: center;
}

.toolbox-kit-selected-arena {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.toolbox .btn-toolbox {
  background: transparent;
}

.toolbox .btn-toolbox:hover {
  background-color: rgba(255,255,127,0.3);
  border: 1px #ee7 solid;
}
/*
 * Custom css for the score display
 */

.score-table {
}

.table-bordered > tbody > tr > td.score-name {

}

.table-bordered > thead > tr > th.score-points {
  width: 8em;
  text-align: right;
}
.table-bordered > tbody > tr > td.score-points {
  width: 8em;
  text-align: right;
  padding: 0;
}

.table-bordered > tbody > tr > td.score-points a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 6px;
}

.table-bordered > tbody > tr > td.score-points a:hover {
  background-color: rgba(0,0,0,0.1);
}

.table-bordered > tbody > tr > td.score-points a div {
  width: 100%;
  height: 100%;
}

.table-bordered > thead > tr > th.score-total,
.table-bordered > tbody > tr > td.score-total {
  width: 8em;
  text-align: right;
}

.table-bordered > thead > tr > th.score-rank,
.table-bordered > tbody > tr > td.score-rank {
  width: 8em;
  text-align: right;
}

.table-bordered > tbody > tr > td.score-rank.rank-1,
.table-bordered > tbody > tr > td.score-rank.rank-2,
.table-bordered > tbody > tr > td.score-rank.rank-3 {
  color: green;
  font-weight: bold;
}

input.score-points-entry {
  text-align: right;
}

p.score-points-entry {
  text-align: right;
  padding-right: 10px;
}

p#scoreSubtotal,
p#scoreTotal {
  font-weight: bold;
  font-size: 1.2em;
}

.button-holder {
  text-align: center;
}

/* New Score */
.score-age-range-list-body {
  display: block;
  min-height: 30em;
}

.score-age-range  {
  padding: 9px 9px 9px 9px;
  border-bottom: 1px solid #ddd;
}