#ringMarshall {
  background-color: #eee;
}

tbody {
  border: none;
}

#ringMarshall body {
  height: auto;
  margin: auto;
  max-width: 1350px;
}

#ringMarshall body.hideHeader {
  max-width: unset;
}

#main-nav {
  font-size: 17px;
  margin-bottom: 30px;
}


.title-bar {
  background-color: #0556a0;
}

@media screen and (min-width: 64em) {
  #main-nav {
    background-color: #0556a0;
  }

  #main-nav a {
    color: #fff;
  }

  #main-nav a:after {
    border-color: #fff transparent transparent;
  }

  #main-nav .submenu a {
    color: #0556a0;
  }

  #main-nav > li.current-page {
    background-color: #5dbf68;
  }

  #main-nav li.current-page li,
  #main-nav li.current-page li .submenu li {
    background-color: #fff;
  }

  #main-nav .submenu li.current-page a {
    color: #2e954b;
  }

  #main-nav .current-page-child {
    background-color: #1779ba;

  }

  #main-nav .current-page-child a:after {
    border-color: #2e954b transparent transparent;
  }
}

.header, .header .cell {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header img {
  max-height: 80px;
}

@media screen and (min-width: 64em) {
  .header, .header .cell {
    height: 160px;
  }

  .header img {
    max-height: 160px;
  }
}

.content {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  min-height: 500px;
  /*background-image:url('http://ringmarshall.com/includes/templates/default/images/tree2.gif');*/
  background-repeat: no-repeat;
  background-position: center center;
}

h1 {
  font-size: 1.5em;
}

.powered {
  float: right;
  width: 150px;
  z-index: 1000;
  display: inline;
}

.itkd {
  margin-top: 20px;
  float: left;
  width: 245px;
  z-index: 1000;
  display: inline;
}

.header img {
  margin-top: 0px;

}

.header {
  margin-top: 0px;
  text-align: center;

}

.header h1 {

  margin-bottom: 0px
}

.sheader img {
  margin-top: 0px;
  max-height: 130px;

}

.sheader {
  margin-top: 0px;
  text-align: center;
  width: 1100px;
  height: 130px;
}

.sheader h1 {
  padding-top: 20px;
  margin-bottom: 0px
}

.footer-powered-by {
  text-align: right;
}


.report {
  border: 1px;
  border-color: #333;
  border-style: solid;

}

.strong {
  font-weight: bold;
}

.report tr {
  width: 100%;

}

.report td {
  padding: 5px;

  border: 1px;
  border-color: #666;
  border-style: solid;


}

#liveresult table {
  width: 100%;
  padding: 10px;


}

.footer span {
  padding: 5px;
  padding-right: 20px;
}

#logout {
  float: right;
  clear: both;
  padding-top: 0px;
}

#logout a {
  text-decoration: none;
  color: #20548E;
}

#logout a:hover {
  color: #9F1B1B;
  text-decoration: underline;
}

.login {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 10px;
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 220px;
  width: 400px;
  margin-top: -55px;
  margin-left: -190px;
  background: #CCC;
}

.login div {
  margin: 5px;
}

.login label {
  height: 32px;
  padding-top: 6px;
  display: block;
  float: left;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  width: 100px;
}

.loginButton {
  float: right;
  width: 60px;
}

.loginInput {
  height: 30px;
  width: 268px;
  border: 1px solid #666;
  color: #666;
  font-size: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#tournamentlist table th {
  text-align: left;
}

#tournamentlist td a .fa,
#menuTable td a .fa,
#confirmedOfficials td a .fa,
.fa.fa-search,
.fa.fa-refresh {
  font-size: 26px;
  color: #0556a0;
}

#manageEntrants .fa,
.entrantSearchResults .fa {
  font-size: 26px;
  display: table;
  margin: 0 auto;
}

#manageEntrants .fa:hover {
  opacity: 0.8;
}

.fa.fa-plus-circle {
  font-size: 26px;
  width: auto;
}

.fa.fa-plus-circle:before {
  margin-right: 10px;
}

.faGreen,
.divisionCompleted{
  color: #5dbf68;
}

#manageEntrants .fa.fa-times-circle {
  color: #cc4b37;
}

#manageEntrants .fa.fa-camera {
  color: #5dbf68;
}

#manageEntrants .fa.fa-edit {
  color: #0556a0;
}

#tournamentlist td a .fa:hover,
#menuTable td a .fa:hover,
#confirmedOfficials td a .fa:hover,
.fa.fa-search:hover{
  color: #5dbf68;
}

#menuTable select {
  margin: 0;
}

a {
  color: #036;

}

.Pending {
  color: #111;
  background-color: #EEE;

}

.editButton {
  cursor: pointer;
}

.inputLabel {
  padding-top: 5px;
  display: inline-block;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  width: 200px;
  height: 28px;
}

.formID {
  padding-top: 6px;
  padding-left: 3px;
  float: left;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  width: 130px;
}

.textInput {
  width: 270px;
  border: 1px solid #666;
  color: #666;
  font-size: 20px;
  padding-left: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-right: 8px;
}

.inputSelect, .inputSelectRequired {
  margin: 0px;
  width: 275px;
  border: 1px solid #666;
  color: #666;
  font-size: 20px;
  padding-left: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.required {
  margin-left: 8px;
}

#div_id.inputSelect, #merge_div.inputSelect {
  width: 400px;
  margin-bottom: 3px;
}

.itemElementWrapper {
  padding: 5px;
  /*height:28px;*/
}

.success {
  width: 400px;
}

.callout.success {
  width: auto;
}

.divisionResult .callout.success {
  margin: 20px 0;
}

a .success {
  text-decoration: none !important;
}

.successLarge {
  background-color: #C1E195;
  width: 90%;
  border: 1px solid #666;
  color: #666;
  font-size: 24px;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
}

#disclaimer .success {
  width: 90%;
}

.bigbutton {
  padding: 10px;
}

.green {
  background-color: #C1E195;
}

.fail {
  background: #FFF6BF;
}

.error {
  width: 400px;
  margin-bottom: 10px;
}

.smallerror {
  width: auto;
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  color: #000;
  background: #FDD;
  border: 1px solid #666;
}

.inputerror {
  border: 2px solid #C03;
}

.eventerror {

  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  background-color: #fdd;
}

.warning {
  width: 500px;
}

.callout.warning,
.button.warning {
  width: auto;
}

.button.warning {
  margin-bottom: 0;
}

.hint, .notice {
  width: auto;
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  color: #000;
  background: #C2E0FF;
  border: 1px solid #AAA;
}

.errorEcho {

  margin-bottom: 10px;
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  background-color: #fdd;
}

.tableGreen {
  background-color: #C1E195;
  text-align: center;
}

.tableCell {
  text-align: center;
}

.userAccess {
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  background-color: #eee;
}

.userAccess td, .userAccess th {
  padding: 5px;
}

.userAccess table {
  margin-bottom: 10px;
}

.pageSplit {
  background: #E5ECF9;
  padding: 5px;
}

.inlineBlock {
  display: inline-block;
  border-collapse: collapse;
  margin: 3px;
}

#expandImg {
  vertical-align: middle;
  margin: 0px;
  padding-bottom: 3px;
}

.personalInfo {
  width: 300px;
}

.personalInfo div strong {
  font-size: 16px;
}

@media screen and (min-width: 64em) {
  .entryDetail {
    height: 175px;
    vertical-align: top;
  }

  .entryDetail div {
    height: 20px;
    margin: 0;
  }
}

.individualEvents {
  width: 425px;
  margin: 0px;
}

.individualEvents img {
  vertical-align: text-top;
}

.teamEvents {
  width: 225px;
  margin: 0px;
}

.noCompeteImg {
  border: #666;
  border-style: double;
  vertical-align: top;
}

.entrantImgThumb {

  width: 50px;
  border: #666;
  border-style: double;

}

.noborder {
  border: none;
}

.eventName {
  width: 100px;
  margin: 0px;
}

.imgButton {
  cursor: pointer;
}

.roundedHeading {
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  margin: 0px;
  background-color: #eee;
  display: inline-block;
}

.managePersonalInfo {
  border: 1px solid #666;
  padding: 10px;
  margin: 0px;
  background-color: #eee;
  margin-top: 20px;
}

.manageEvents {
  border: 1px solid #eee;
  padding: 10px;
  display: inline-block;
  margin: 20px 0 0 10px;
  float: left;
}

.rightside {
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  margin: 0px;
  background-color: #D9D9D9;
  display: inline-block;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
}

.clear {
  clear: both;
  line-height: 12px;
}

.eventDivision {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
  margin-left: 140px;
  margin-right: 5px;
}

.saved {
  border: 1px solid #C6D880;
  background: #E6EFC2;
  color: #264409;
}

.notSaved {
  color: #000;
  background: #FFF6BF;
  border: 1px solid #FFD324;
}

.showError {
  color: #C03;
  background: #F66;
  border: 1px solid #C33;
}

.modified {
  border: 5px solid #FFF6BF;
}

.addButton {
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 5px;
  background-color: #eee;
  display: inline-block;
  font-weight: bold;
  margin: 10px 0 10px 0;
  cursor: pointer;
}

.addButton:hover {
  border: 1px solid #C6D880;
  background-color: #CCC;
}

.addButton span {
  vertical-align: top;
  margin-left: 3px;
}

.dob {
  width: auto;
  margin-right: 8px;
}

.optionsLabel {
  width: 150px;
  display: inline-block;
}

.viewOptions {
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 5px;
  background-color: #eee;
  margin-bottom: 20px;
}

.viewOptions div {
  margin-bottom: 5px;
}

.viewOptions .inputSelect {
  width: 180px;
  margin: 0px;
  border: 1px solid #666;
  font-size: 14px;
  padding-left: 3px;
  margin-right: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.droptrue li {
  cursor: pointer;
}

.reserve {
  border: 1px solid #F9DD34;
  background: #d7ebf9 url(../images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #333;
}

.TeamEventHeader div {
  padding: 5px;
  width: 500px;
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #CCC;
}

#RingScheduleHeader {
  padding: 5px;
  margin: 10px 10px 0 0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #CCC;
}

.teamSubmitButton {
  margin-left: 830px;
  margin-top: 5px;
}

#sortable1, #sortable2, #sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 10px;
  background: #eee;
  padding: 5px;
  width: 500px;
  min-height: 40px;
}

#sortable {
  float: none;
  width: 600px;
}

#sortable li:not(.ui-state-disabled):nth-child(odd) {
  background-color: #EEE;
}

#sortable1 li, #sortable2 li, #sortable li {
  margin: 5px;
  padding: 5px;
  font-size: 1.2em;
}

.moveDiv {
  float: right;
}

.orange,
table.dataTable tbody tr.orange,
#liveresult table tr.orange {
  background-color: #E1B16C;
  height: 60px;
}

.tier {
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0px;
}

.matchNum, .matchCompetitors {
  display: inline-block;
  height: 51px;
  vertical-align: middle;
  border: 1px solid black;
}

.match, .noclick {
  /*margin-bottom:10px;*/
  margin: 1px;
}

.tier div {
  cursor: default;
}

div.match, div.match div {
  cursor: pointer;
}

.matchNum {
  width: 40px;
  padding: 0 3px;
  margin: auto;
}

.matchCompetitors {
  width: 200px;
  padding-left: 2px;
}

.hong {
  color: red;
  display: block;
}

.chong {
  color: blue;
  display: block;
}

.matchSpacer {
  height: 25px;
  margin: 1px;
  border: 1px solid transparent;
  border-collapse: collapse;
  padding: 0;
}

.splitter {
  height: 43px;
  border: 1px solid black;
  margin: 1px;

}

.noborder {
  border-color: transparent;
}

#ringBout {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.h2h-hong h3, .h2h-chong h3, .h2h-center h3, .h2h-winner h3 {
  text-align: center;
}

.h2h-hong, .h2h-hong:hover {
  background-color: #900;
  color: #FFF;
  font-weight: 700;
}

.h2h-chong, .h2h-chong:hover {
  background-color: #00C;
  color: #FFF;
  font-weight: 700;
}

.h2h-chong:hover, .h2h-hong:hover {
  opacity: 0.8;
}

.h2h-hong table,
.h2h-chong table,
.h2h-winner table {
  color: #000;
}
.h2h-winner {
  background-color: #3c9846;
  color: #FFF;
}

.h2h-hong, .h2h-chong, .h2h-winner {
  margin: 10px;
}

.h2h-hong table, .h2h-chong table, .h2h-winner table {
  margin: 0 auto;
}

.h2h-hong div, .h2h-chong div, .h2h-winner div {
  text-align: center;
}

.h2h-center {
  margin: 10px;
  text-align: center;
  font-weight: bold;
}

.h2h-image-center, .h2h-image {
  height: 250px;
  padding-bottom: 10px;
}

.h2h-image-center div {
  /*line-height:250px;*/
  font-size: 36px;
  font-weight: bold;
}

.h2h-image img {
  height: 250px;
}

.h2hValues {
  margin: 5px;
  font-size: 16px;
}

.tableImage, .centerDivider {
  padding: 5px;
}

.centerDivider {
  height: 64px;
}

.tableImage img {
  height: 60px;
  display: block;
  margin: 0 auto;
  border: 2px solid #333;
}

.tableImage-small img {
  height: 30px;
}

.currentEntrant {
  font-weight: bold;
}

.currentEntrant select {
  margin: 0px;
  width: 60px;
  border: 1px solid #666;
  color: #666;
  font-size: 14px;
  margin: 0;
  padding-left: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.currentEntrant .destructionTotal {
  font-size: 24px;
}

.entrantName {
  cursor: pointer;
}

#rrResults {
  clear: both
}

#rrPadding {
  height: 60px;
}

#ringSelect label {
  width: auto;
  margin-right: 5px;
}

#ringSelect #ring, #ringSelect #splitRing {
  margin-top: 3px;
  width: 50px;
}

#splitRing {
  margin-left: 10px;
}

#ringSelect {
  margin-bottom: 5px;
}

.drawButtonRegion {
  padding-bottom: 5px;
}

.confirmResultWrapper {
  margin: 10px auto;
  text-align: center;
  width: 100%;
}

.confirmResultWrapper a {
  display: inline-block;
  margin: 0 auto;
}

.confirmResultWrapper h2 {
  text-align: center;
}

.confirmResultWrapper h2 {
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
}

.winner {
  margin: 10px;
  border: 1px solid #999;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  padding: 12px auto;
}

.h2h-center {
  border: none;
}

.border-hong {
  border: 4px solid red;
}

.border-chong {
  border: 4px solid blue;
}

.border-draw {
  border: 4px solid #000;
}

.border-winner {
  border: 5px solid #C1E195;
}

.strikeThrough {
  text-decoration: line-through;
}

#resultsEntered {
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  color: #C03;
  background: #FFF6BF;
  border: 1px solid #FFD324;
  text-align: center;
}

.ringSummary {
  width: 700px;
  margin: 5px;
  margin-left: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  background: #CCC;
  border: 1px solid #AAA;
}

.wlink {
  color: #03C;
}

.moveDivToForm {
  width: 600px;
  margin: 5px;
  margin-bottom: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  background: #EEE;
  border: 1px solid #AAA;
}

.moveDivToForm select {
  margin-right: 10px;
}

.matchWinner {
  text-align: center;
  font-size: 18px;
}

#indexSave {
  margin: 0px;
  margin-top: 10px;
}

.confirmResultButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf;
}

.confirmResultButton:active {
  position: relative;
  top: 1px;
}

#matchList .highlightSwap {
  background-color: #E1B16C;

}

#matchList {
  width: 100%;
}

#matchList td {
  padding: 3px;
}

td.listHong {
  text-align: right;
}

.listHong, .listChong {
  width: 200px;
  vertical-align: middle;
}

.vs {
  width: 20px;
  padding: 5px;
  margin-left: 4px;
  margin-right: 4px;
}

.pointer {
  cursor: pointer;
}

.tableError {
  background-color: #fdd;
  padding-left: 2px;
}

.tableWarning {
  background: #FFF6BF;
  padding-left: 2px;
}

.tableSuccess {
  background: #C1E195;
  padding-left: 2px;
}

.viewLink {
  text-align: center;
  margin: 0 auto;
}

.viewLink .fa {
  font-size: 26px;
  color: #0556a0;
}

.viewLink .fa:hover {
  color: #5dbf68;
}

.divLink, .divLink a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

.divLink a {
  display: inline-block;
  width: 100%;
}

#entrantByEvent td {
  padding: 0px 5px;
}

#entrantByEvent td.imageCell {
  width: 50px;
  padding: 0px;
}

#divDetails {
  width: 500px;
}

#divDetails label, #moveEntrantDiv label{
  display: block;
  float: left;
  color: #666;
  font-weight: bold;
  width: 150px;
}

#moveEntrantDiv #entrantDetails div{
  clear: both;
  height: 30px;
}

#selectNewDiv select {
  margin-top: -5px;
}

.displayMoveDivisions {
  display: inline-block;
  margin: 10px;
}

.displayMoveDivisions #fromLabel {
  display: inline-block;
  padding-bottom: 8px;
}

#savedWarning div {
  width: 400px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  color: #C03;
  background: #FFF6BF;
  border: 1px solid #FFD324;
  font-size: 14px;
  padding: 10px;
}

#mergeReport th.tableWarning {
  text-align: center;
}

#mergedDivisions {
  width: 550px;
}

#mergedDivisions td {
  height: 32px;
  vertical-align: middle;
}

#mergeButton {
  position: absolute;
  margin-left: 55px;
  margin-top: -10px;
}

.mergeHistorySection {
  display: inline-block;
  float: left;
}

#tournamentDetails {
  width: 900px;
  height: 400px;
  margin-bottom: 10px;
}

.postText {
  padding: 10px;
}

.postText h1,
.postText h2,
.postText h3,
.postText h4,
.postText h5,
.postText h6 {
  font-size: 1rem;
}

.powerspecs {
  border: #03C;
  border-radius: 3px;
  border-style: dotted;
  margin-right: 10px;
  margin-bottom: 10px;
}

.powerspecs td {
  padding: 10px;


}

.powerspecs tr:nth-child(even) {
  background: #b8d1f3
}

.powerspecs tr:nth-child(odd) {
  background: #dae5f4
}

.powerspecs th {
  background: #CCC;

}

.postText img {
  padding-right: 10px;
  border: #CCC;
  border: 1px;
  border-radius: 3px;


}

.postWrapper h2, .postWrapper h3 {
  display: inline;
}

#post_name {
  width: 700px;
}

.elementWrapper {
  margin-top: 10px;
  clear: both;
}

#tournamentDetails_ifr html {
  background: #FFF;
}

#tournage {
  display: inline-block;
}

.eventHeader {
  background: none repeat scroll 0 0 #CCCCCC;
  border: 1px solid #666666;
  border-radius: 5px 5px 5px 5px;
  margin: 10px 0px;
  padding: 10px;
  width: 700px;
  font-weight: bold;
  font-size: 24px;
}

.divisionResult {
  padding-bottom: 20px;
}

.divisionResult h4 {
  margin: 15px 0 5px 0;
}


.divisionResult table {
  width: 100%;
}

.divisionResult .Gold, .divisionResult .Silver, .divisionResult .Bronze {
  border: 1px solid #999999;
  margin: 3px 0;
}

.Gold label, .Silver label, .Bronze label {
  display: inline-block;
  padding: 5px;
  width: 180px;
}

.Gold .grid-x label, .Silver .grid-x label, .Bronze .grid-x label  {
  width: auto;
  margin: 0.5rem;
}

.Gold .grid-x select, .Silver .grid-x select, .Bronze .grid-x select  {
  margin: 0.5rem;
}

.individualBelt h4 {
  width: auto;
}

.individualBelt .Gold, .individualBelt .Silver, .individualBelt .Bronze {
  width: auto;
  margin: 15px 0 5px 0;
}

.individualBelt .Gold strong, .individualBelt .Silver strong, .individualBelt .Bronze strong {
  display: inline-block;
  padding: 5px;
  width: 320px;
}

.Gold {
  background-color: #FFCC66;
}

.Silver {
  background-color: #EEEEEE;
}

.Bronze {
  background-color: #CC9966;
}

.final {
  font-weight: bold;
}

table .Gold, table .Silver, table .Bronze {
  width: 15%;
  font-weight: bold;
}

.overall span {
  display: inline-block;
  padding: 10px;
  margin-left: 10px;
  width: 60px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  height: 25px;
}

.ui-timepicker-div dl dd {
  margin: -25px 10px 10px 90px;
}

.ui-timepicker-div td {
  font-size: 90%;
}


.pat-top {
  border: 1px solid black;
  height: 10%;
  min-height: 60px;
}

.pat-top td {
  width: 33%;
}

.patterns th, .patterns td, .judge th, .judge td {
  border: 2px solid black;
}

.patterns, .judge table {
  border-collapse: collapse;
}

.judge table {
  width: 100%;
  margin-bottom: 0;
}

.patterns {
  height: 90%;
}

.patterns td div {
  margin: 0px;
  vertical-align: middle;
  text-align: center;
}

.patHong {
  border: 2px solid red;
}

.patChong {
  border: 2px solid blue;
}

.plus, .minus {
  width: 50px;
}

.patChong div, .patHong div {
  display: inline-block;
  height: 50px;
}

.active .plus {
  cursor: pointer;
  background: url(http://ringmarshall.com/includes/templates/default/images/plus.png) no-repeat;
  background-position: center;
}

.active .minus {
  cursor: pointer;
  background: url(http://ringmarshall.com/includes/templates/default/images/minus.png) no-repeat;
  background-position: center;
}

.point {
  width: 43%;
  height: 100%;
}

.judge {
  width: 15%;
  margin: 5px;
  display: inline-block;
  vertical-align: middle;
}

.judgeWrapper {
  text-align: center;
}

.judgeWrapper td {
  text-align: left;
}

.pat-win {
  background-color: #C1E195;
}

.entrantImage {
  float: left;
  margin: 0px 20px 10px 0px;
  padding: 5px;
  background-color: #DDD;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

h3 a {
  text-decoration: none;
  color: #006;
  background-color: #eee;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCC;
}

h3 a:hover {
  background-color: #9CF;
}

.SignInDetails {
  display: inline-block;
  width: 500px;
  vertical-align: top;
}

.SignInImage {
  display: inline-block;
  width: 400px;
  vertical-align: top;
}

.signIn {
  cursor: pointer;
  -moz-box-shadow: inset 0px 0px 0px 0px #dcecfb;
  -webkit-box-shadow: inset 0px 0px 0px 0px #dcecfb;
  box-shadow: inset 0px 0px 0px 0px #dcecfb;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
  background: -moz-linear-gradient(center top, #bddbfa 5%, #80b5ea 100%);
  background-color: #bddbfa;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 4px solid #84bbf3;
  display: inline-block;
  color: #ffffff;
  font-family: arial;
  font-size: 24px;
  font-weight: bold;
  margin-left: 30 p;
  padding: 15px 61px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #528ecc;
}

.signIn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
  background: -moz-linear-gradient(center top, #80b5ea 5%, #bddbfa 100%);
  background-color: #80b5ea;
}

.signIn:active {
  position: relative;
  top: 1px;
}

.judgeWrapper .undoPat {
  text-align: center;
}

.undoButton {
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: auto;
  margin: 10px 0px;
  vertical-align: middle;
}

.pointButton {
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 110px;
  margin: 10px 0px;
  vertical-align: middle;
}

.pointButton, .undoButton {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.patFormCentre {
  float: left;
  width: 220px;
  margin: 10px;
  text-align: center;
  font-weight: bold;
}

.formWidth {
  text-align: left;
  font-weight: bold;
  width: 48%;
  margin: 0;
}

#hongScore, #chongScore {
  font-size: 48px;
}

#hongScore {
  padding-left: 15px;
  color: red;
}

#chongScore {
  padding-right: 15px;
  color: blue;
}

#matchResultForm h3 {
  margin: 0;
  width: 100%;
}

.patternConfirm {
  -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
  box-shadow: inset 0px 0px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #777777;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 40px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #ffffff;
  margin: 0 auto;
  margin-top: 10px;
}

.patternConfirm:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf;
}

.patternConfirm:active {
  position: relative;
  top: 1px;
}

.margin10 {
  margin: 10px;
}

.resultConfirmedHong {
  background-color: #FF5C5C;
}

.resultConfirmedChong {
  background-color: #94B8FF;
}

.resultConfirmedDraw {
  background-color: #CCC;
}
.resultConfirmed {
  cursor: pointer;
  margin: 10px 0;
}

.resultConfirmed div {
  text-align: center;
}

.scoreCards h3 {
  text-align: center;
}

.resultConfirmedHong h3, .resultConfirmedChong h3, .resultConfirmedDraw h3 {
  font-size: 32px;
  text-align: center;
  padding: 0;
  margin: 0;
}

.resultWaiting {
  font-size: 14px;
  padding: 10px;
}

.patName {
  font-size: 24px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.pointsWrapper {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  float: left;
  margin: 0;
  width: 40%;
}

.winnerWrapperPoints {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
}

.patPointsCentre {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  width: 20%;
  margin: 0;
  text-align: center;
  font-weight: bold;
}


.confirmDivYes {
  background-color: #C1E195;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.confirmDivNo {
  background-color: #FDD;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.confirmDivYes, .confirmDivNo {
  cursor: pointer;
  margin: 10px;
  border: 1px solid black;
  text-align: center;
  font-size: 60px;
}

.confirmWinner {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6 */
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  left: 0px;
  top: 0px;
  z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
  /* additional features, can be omitted */
  padding: 5%;
}

.bg {
  background-color: #FFFFCC;
  border: 1px;
}

.oneThird {
  height: 33.333333%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px;
}

.showResult {
  background-color: #CCC;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.confirmWinner h3 {
  text-align: center;
  font-size: 60px;
}

.showResult th {
  text-align: center;
  font-size: 52px;
}

.alignRight {
  text-align: right;
  padding-right: 5px;
}

.alignLeft {
  text-align: left;
  padding-left: 5px;
}

.winnerWrapper .warning {
  width: 70%;
  text-align: center;
  margin: 0 auto;
}

.winnerWrapper img {
  height: 100px;
  margin: 0 5px;
}

.confirmedScore .hong, .confirmedScore .chong {
  font-size: 32px;
}

.confirmedScore .hong {
  float: left;
  padding-left: 10px;
}

.confirmedScore .chong {
  float: right;
  padding-right: 10px;
}

.small {
  width: auto;
}

.leftColumn, .centreColumn, .rightColumn {
  width: 33.333333%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px;
}

.sparScoresheet {
  width: 90%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: collapse;
  margin: 10px;
}

.sparScoresheet td, .sparScoresheet th {
  text-align: center;
  width: 33.333%;
}

.sparScoresheet td, .sparScoresheet th, .sparScoresheet tr {
  padding: 4px;
  border: 1px solid #666;
  border-collapse: collapse;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: collapse;
}
.sparScoresheet button,
.judgeWrapper button {
  margin: 0;
}

.sparCenter {
  width: 90%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px;
}

.sparCenter td, .sparCenter th, .sparCenter tr {
  padding: 0;
  text-align: center;
  border-size: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: collapse;
}

.plusButton, .minusButton {
  background-color: #ededed;
  color: #1779ba;
  font-family: arial;
  font-size: 42px;
  width: 100%;
  margin: 0;
  text-decoration: none;
  padding: 0;
}

.plusButton:hover, .minusButton:hover {
  background-color: #dfdfdf;
}

.plusButton:active, .minusButton:active {
  position: relative;
  top: 1px;
}

.plusButton {
  height: 60%;
  border-bottom: 4px solid #FFF;
}

.minusButton {
  height: 32%;
  font-size: 21px;
  border-top: 4px solid #FFF;
  background-color: #fff3d9;
  color: #777;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.live {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  height: auto;
  width: 40%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.live.h2h-center {
  width: 20%;
}

.live .floatRight, .live .floatLeft {
  /*height:50px;
line-height: 50px;*/
  vertical-align: middle;
}

.live .floatRight div {
  text-align: right;
  padding-right: 20px;
}

.live .floatLeft div {
  text-align: left;
  padding-left: 20px;
}

.patEntrantName {
  padding: 0;
  margin-bottom: 8px;
}

.divisionResult a, .divisionResult a:visited {
  color: #003;
}

.divisionResult a:hover {
  color: #666;
}

#countdown {
  line-height: 2rem;
}

#countdown, .showResult {
  text-align: center;
  font-size: 50px;
  line-height: 1;
}

.hide {
  display: none;
}

.countdownComplete {
  background-color: red;
}

.fPoint {
  width: 33%;
  padding: 5px;
}

.formWrapper {
  height: 80%;
}

.fPoint .pointButton {
  height: 80%;
}

.postText table {
  width: 100%
}

.postText table tr td {
  padding-left: 2px;
  padding-right: 2px;
}

.postText table tr:nth-child(odd) {
  background-color: #CCC;
}

.postText table tr:nth-child(even) {
  background-color: #DFEBF2;
}

time.icon {
  font-size: 1em; /* change icon size */
  display: inline;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 7em;
  height: 7em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong {
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #9c1200;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #9c1200;
}

time.icon em {
  position: absolute;
  bottom: 0.3em;
  color: #9c1200;
}

time.icon .num {
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  margin-top: -15px;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus {
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg) skewY(0deg);
  }
  20% {
    -webkit-transform: rotate(12deg) skewY(4deg);
  }
  60% {
    -webkit-transform: rotate(-9deg) skewY(-3deg);
  }
  80% {
    -webkit-transform: rotate(6deg) skewY(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg) skewY(0deg);
  }
}

@keyframes swing {
  0% {
    transform: rotate(0deg) skewY(0deg);
  }
  20% {
    transform: rotate(12deg) skewY(4deg);
  }
  60% {
    transform: rotate(-9deg) skewY(-3deg);
  }
  80% {
    transform: rotate(6deg) skewY(-2deg);
  }
  100% {
    transform: rotate(0deg) skewY(0deg);
  }
}

.divide {
  position: absolute;
  height: 1px;
  border-left: 0 none;
  border-right: 0 none;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #444444;
  background: #222222;
  width: 86px;
  top: 86px;;
  z-index: 20;
}

.countdown {
  float: left;
  width: 120px;
  height: 120px;

  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 8px solid #505050;
  background: #9c1200; /* old browsers */
  -webkit-box-shadow: 0px 2px 5px;
  -moz-box-shadow: 0px 2px 5px;
  box-shadow: 0px 2px 5px;
}

.bottext, .toptext {
  font-family: helvetica, arial;
  color: #D5E2EA;
  text-shadow: 0px 1px 0px #121212;
  filter: dropshadow(color=#121212, offx=0, offy=1);
}

.toptext {
  font-size: 18px;
  padding: 3px 0px 2px 0px;
  text-align: center;
  width: 120px;
  float: left;
  position: relative;
}

.number {
  font-family: sans-serif, arial;
  font-size: 45px;
  font-weight: bold;
  color: #F8F8F8;
  padding: 2px 0px 2px 0px;
  text-align: center;
  width: 120px;
  float: left;
}

.bottext {
  font-size: 10px;
  padding: 4px 0 0 0;
  text-align: center;
  width: 120px;
  float: left;
  position: relative;
  text-transform: uppercase;
}

#sparJuryDQ {
  width: 150px;
}

#sparJuryWrapper {
  height: 120px;
  margin-top: 0;
}

#sparJuryWrapper .h2h-hong,
#sparJuryWrapper .h2h-chong,
#teamDetails .h2h-hong,
#teamDetails .h2h-chong {
  padding: 28px 0;
}

#DQModalWrapper h1, #DQModalWrapper h2, #DQModalWrapper h3, #populateMatchData h1, #populateMatchData h2, #populateMatchData h3, #manualEntryModalWrapper h1 {
  text-align: center;
}

#DQModalWrapper .warning, #DQModalWrapper .error {
  width: auto;
}

#DQHongWrapper, #DQChongWrapper {
  cursor: pointer;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  color: #FFF;
  min-height: 100px;
}

#DQHongWrapper {
  border: 4px solid red;
  background-color: #900;
}

#DQChongWrapper {
  border: 4px solid blue;
  background-color: #00C;
}

.strikethrough {
  opacity: 0.5;
}

.crossImg {
  height: 100px;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  opacity: 0.7;
}

#confirmDQ, #confirmManualScore {
  font-size: 32px;
}

#closeDQWindow, #closeManualEntryModalWrapper {
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
}

.tablesorter > tr {
  height: 75px;
}

.DTFC_LeftBodyWrapper > div > table > tbody > tr,
.DTFC_RightBodyWrapper > div > table > tbody > tr {
  background-color: #EEE;
}

.ui-complete, .Completed {
  background: #C1E195;
}

.errorMessages .errorContents {
  margin-top: 20px;
  font-size: 18px;
}

#confirmedOfficials td,
#confirmedOfficials th {
  padding: 3px;
}

.availability-yes {
  color: green;
}

.availability-no {
  color: red;
}

.confirmed-entrants-by-club .odd {
  background-color: #eee;
}

.confirmed-entrants-by-club .odd, .confirmed-entrants-by-club .even {
  padding: 5px;
}

.costSummaryTable {
  width: auto;
}

.costSummaryEntrants tbody tr td:first-child,
.costSummaryEntrants thead tr th:first-child{
  width: 60px;
}

.costSummaryEntrants tbody td,
.costSummaryEntrants thead th {
  padding:3px;
}

.costSummaryEntrants tbody td:first-child,
.costSummaryEntrants thead th:first-child {
  padding:0;
}

.dashboardWrapper .grid-y {
  margin-bottom: 20px;
}

.responsiveDrawWrapper,
.overflow-x-scroll{
  overflow-x: scroll;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.css-grid {
  display: grid;
}

.head2headWrapper {
  grid-template-columns: 2fr 1fr 2fr;
}

#matchInfo {
  padding-top: 2.5rem;
}

.entrantReportRow {
  padding: 5px;
}

.entrantReportRow.even {
  background-color: #e6e6e6;
}

#manageEntrants img {
  max-width: unset;
}

#managephoto .managePersonalInfo label {
  font-size: 14px;
  font-weight: 400;
  padding-left: 2px;
  margin-bottom: 0;
}

#managephoto .managePersonalInfo input{
  font-size: 16px;
  margin-bottom: 16px;
  padding: 8px;
  height: auto;
}

.timeWrapper .button {
  margin: 0;
}

.button.confirmSparResult {
  background-color: #e1faea;
  color: #000;
}

.button.confirmSparResult:hover {
  background-color: #e1faea;
  color: #000;
  opacity: 0.8;
}

ul.ui-sortable {
  font-size: 0.7rem;
}