#ringMarshall {
  background-color: #CCC;
}

#ringMarshall body {
  width: 1260px;
  margin: auto;
  padding: 5px;
  border: 1px solid #FFF;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.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 {
  height: 22px;
  border: 1px solid #666;
  background-color: #CCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.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;
}

.menu {
  text-align: center;
  border: none;
  border: 0px;
  margin: auto;
  padding: 0px;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: 8 e8e8e;
}

.menu ul {
  background: url(../images/menu-bg.gif) top left repeat-x;
  height: 43px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  float: left;
}

.menu li a {
  color: #666666;
  display: block;
  font-weight: bold;
  line-height: 43px;
  line-height: 33px \9;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
}

.menu li a:hover {
  color: #000000;
  text-decoration: none;
}

.menu li ul {
  background: #e0e0e0;
  border-left: 2px solid #0079b2;
  border-right: 2px solid #0079b2;
  border-bottom: 2px solid #0079b2;
  display: none;
  height: auto;
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
/*left:0;*/
}

.menu li:hover ul {
  display: block;
}

.menu li li {
  display: block;
  float: none;
  width: 225px;
}

.menu li ul a {
  display: block;
  font-size: 12px;
  font-style: normal;
  padding: 0px 10px 0px 15px;
  text-align: left;
}

.menu li ul a:hover {
  background: #949494;
  color: #000000;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.menu p {
  clear: left;
}

.menu #current {
  background: url(../images/current-bg.gif) top left repeat-x;
  color: #ffffff;
}

.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;
}

#menuTable {
  width: 100%;
}

#menuTable th {
  padding: 2px;
  text-align: left;
}

#menuTable td {
  padding: 2px;
}

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

}

#tournamentlist table th {
  background-color: #000;
  color: #fff;

}

.odd {
  background-color: #CCC;
  color: #000;
}

.even {
  background-color: #DFEBF2;
  color: #000;
}

.Open {
  font-weight: bold;
  font-size: 16px;
}

.Complete {
  color: #333;


}

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;
}

.inputLabel em {
  font-size: 12px;
}

.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 {
  background-color: #C1E195;
  width: 400px;
  border: 1px solid #666;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

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;
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  background-color: #fdd;
}

.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;
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  color: #000;
  background: #FFF6BF;
  border: 1px solid #FFD324;
}

.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;
}

.entryDetail {
  height: 175px;
  vertical-align: top;
}

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


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

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

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

.individualEvents div, .teamEvents div, .eventName div {
  border-bottom: 1px solid #666;
  /*border-style:dashed;*/
  margin: 0px;
  padding: 5px;
}

.entrantImg {
  border: #666;
  border-style: double;
}

.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;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  margin: 0px;
  background-color: #eee;
  display: inline-block;
  margin-top: 20px;
  float: left;
}

.managePersonalInfo div, .manageEvents div {
  padding: 5px;
  padding-left: 20px;
}

.managePersonalInfo label, .manageEvents label {
  width: 170px;
}

.managePersonalInfo .notice, .manageEvents .notice, .managePersonalInfo .smallerror, manageEvents .smallerror {
  padding: 5px 10px;
}

.manageEvents {
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  margin: 0px;
  background-color: #eee;
  display: inline-block;
  margin-top: 20px;
  margin-left: 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;
}

.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;
}

#scheduleWrapper {
  display: inline-block;
  margin: 0 auto;
}

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

#scheduleWrapper #sortable {
  width: 850px;
}

.moveDiv {
  float: right;
}

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

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

.matchNum, .matchCompetitors {
  display: inline-block;
  height: 43px;
  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: 30px;
  padding: 0 5px;
  margin: auto;
}

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

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

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

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

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

}

.noborder {
  border-color: transparent;
}

#matchInfo {
  margin-top: 50px;
  /* must be initially hidden */
  display: none;

  /* place overlay on top of other elements */
  z-index: 10000;

  /* styling */
  background-color: #AAA;

  width: 998px;
  border: 1px solid #666;

  /* CSS3 styling for latest browsers */
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
#matchInfo .close {
  background-image: url(../images/close.png);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}

#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 {
  background-color: #900;
  color: #FFF;


}

.h2h-chong {
  background-color: #00C;
  color: #FFF;

}

.h2h-hong, .h2h-chong, .h2h-winner {
  display: inline-block;
  float: left;
  margin: 10px;
  width: 400px;
}

.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 {
  float: left;
  width: 120px;
  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;
}


.entrantImg {
  width: 50px;
}

#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;
  height: 50px;
}

.drawButtonRegion {
  padding-bottom: 5px;
}

.confirmResultWrapper {
  margin: 10px auto;
}

.confirmResultWrapper h2 {
  text-align: center;
}

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

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

.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 {
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  color: #C03;
  background: #FFF6BF;
  border: 1px solid #FFD324;
  text-align: center;
  font-size: 18px;
}

.confirmResultButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 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: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 2px solid #dcdcdc;
  display: inline-block;
  color: #777777;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 5px;
  width: 140px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  margin: 0px 0px 10px 400px;
}

#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;
}

.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;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding-left: 2px;
}

.tableWarning {
  background: #FFF6BF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding-left: 2px;
}

.tableSuccess {
  background: #C1E195;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding-left: 2px;
}

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

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

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

#entrantByEvent {
  width: 60%;
  margin: 0 auto;
}

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

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

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

#moveEntrantDiv #entrantDetails div, #selectNewDiv {
  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;
}

#mergeReport {
  width: 90%;
}

#mergedDivisions {
  width: 550px;
}

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

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

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

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

.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 h4 {
  background: none repeat scroll 0 0 #CCCCCC;
  border: 1px solid #999999;
  border-radius: 5px 5px 5px 5px;
  margin: 15px 5px 5px 20px;
  padding: 5px;
  width: 550px;
}

.divisionResult div {
  margin-left: 20px;
}

.Gold, .Silver, .Bronze {
  border: 1px solid #999999;
  border-radius: 5px 5px 5px 5px;
  margin-bottom: 2px;
  width: 500px;
}

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

.individualBelt h4 {
  width: 650px;
}

.individualBelt .Gold, .individualBelt .Silver, .individualBelt .Bronze {
  width: 600px;
}

.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: 50px;
  font-weight: bold;
}

.divisionResult table {
  width: 600px;
}

.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%;
}

.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 {
  width: 100%;
  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;
  font-size: 14px;
  padding: 10px;
}

.resultConfirmedChong {
  background-color: #94B8FF;
  font-size: 14px;
  padding: 10px;
}

.resultConfirmedDraw {
  background-color: #CCC;
  font-size: 14px;
  padding: 10px;
}

.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;
}

.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 {
  border: 1px solid #666;
  border-collapse: collapse;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: collapse;
}

.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 {
  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 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 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;
  border: 2px solid #dcdcdc;
  color: #777777;
  font-family: arial;
  font-size: 42px;
  width: 95%;
  margin: 2px auto;
  text-decoration: none;
  padding: 0;
}

.plusButton:hover, .minusButton: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;
}

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

.plusButton {
  height: 60%;
}

.minusButton {
  height: 35%;
  font-size: 21px;
}

.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;
}

.refresh {
  margin: 5px 40%;
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 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: 6px 0;
  width: 20%;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #ffffff;
}

.refresh: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;
}

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

.timerButton {
  margin: 10px 20%;
  width: 60%;
  cursor: pointer;
}

.patEntrantName {
  padding-bottom: 5px;
  margin: 2px;


  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

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

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

#countdown, .showResult {
  text-align: center;
  font-size: 64px;
}

.hide {
  display: none !important;
}

.countdownComplete {
  background-color: red;
  border: 2px solid #AAA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.timeWrapper, .timeWrapper div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

.timeWrapper div {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 33%;
}

.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: 90px;
  margin-top: 0;
}

#DQModalWrapper, #manualEntryModalWrapper {
  padding: 10px;
  position: fixed;
  z-index: 10000;
  background-color: #eee;
  border: 1px solid #666;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 0px 2px 5px;
  -moz-box-shadow: 0px 2px 5px;
  box-shadow: 0px 2px 5px;
  top: 10%;
  left: 10%;
  height: auto;
  width: 80%;
}

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

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

#DQHongWrapper {
  cursor: pointer;
  margin-top: 10px;
  text-align: center;
  float: left;
  width: 400px;
  height: 100px;
  border: 4px solid red;
  background-color: #900;
  color: #FFF;
  margin-left: 15px;
  margin-bottom: 10px;
  position: relative;
}

#DQChongWrapper {
  cursor: pointer;
  margin-top: 10px;
  text-align: center;
  float: right;
  width: 400px;
  height: 100px;
  border: 4px solid blue;
  background-color: #00C;
  color: #FFF;
  margin-right: 15px;
  margin-bottom: 10px;
  position: relative;
}

.strikethrough {
  opacity: 0.5;
}

.crossImg {
  height: 100px;
  position: absolute;
  top: 0px;
  left: 150px;
  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;
}

button.roundTimerButton {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #fff;
}

button.roundTimerButton:hover {
  background-color: #368a55;
}

button.roundTimerButton.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #fff;
}