﻿/* Community gold */
/*orange*/
/*grey*/
/*green*/
/*handicomp*/
/* brown */
/* blue */
/* mixins */
h3 + div {
  margin-top: 10px;
}

input[type=submit],
.button,
.bts {
  padding: 0.3em;
  border-radius: 5px;
  border: 1px solid grey;
  font-size: 11px;
  font-weight: bold;
}
input[type=submit].compact,
.button.compact,
.bts.compact {
  font-size: 10px !important;
  padding: 5px !important;
  font-weight: normal !important;
}
input[type=submit][disabled=disabled], input[type=submit].disabled,
.button[disabled=disabled],
.button.disabled,
.bts[disabled=disabled],
.bts.disabled {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMKFBAkn2PWugAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAiElEQVQY022OSRLEIAwDpTbOt/N05uBgQmo4UJJbXnTfN0i6kDT6u8jMYM551RcRUQBI5pyjlO0nBwS2E0lZduVGgydiO7A9SknKssDo3KbbDgDq0lVzbZP0ofRVNH3suiA65z+1nfO3tpR7Jf18dvgEu+bXAEAnFRGxR7ksoFdkgbfavYct9QPnmhPAHPAgZwAAAABJRU5ErkJggg==") !important;
  background-color: #DEDEDE !important;
  background: #DEDEDE url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMKFBAkn2PWugAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAiElEQVQY022OSRLEIAwDpTbOt/N05uBgQmo4UJJbXnTfN0i6kDT6u8jMYM551RcRUQBI5pyjlO0nBwS2E0lZduVGgydiO7A9SknKssDo3KbbDgDq0lVzbZP0ofRVNH3suiA65z+1nfO3tpR7Jf18dvgEu+bXAEAnFRGxR7ksoFdkgbfavYct9QPnmhPAHPAgZwAAAABJRU5ErkJggg==") 100% transparent !important;
}

input[type=submit],
.bts {
  padding: 0.67em;
  line-height: 1em;
}

.bts {
  line-height: 0.67em;
}

table.system-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  border-width: 0;
}
table.system-table > tbody > tr > td,
table.system-table > tr > td {
  padding: 0;
}

*.left {
  text-align: left !important;
}

div#content table input.bts[type=submit][disabled=disabled], div#AllContent table input.bts[type=submit][disabled=disabled], #mainContent table input.bts[type=submit][disabled=disabled] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMKFBAkn2PWugAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAiElEQVQY022OSRLEIAwDpTbOt/N05uBgQmo4UJJbXnTfN0i6kDT6u8jMYM551RcRUQBI5pyjlO0nBwS2E0lZduVGgydiO7A9SknKssDo3KbbDgDq0lVzbZP0ofRVNH3suiA65z+1nfO3tpR7Jf18dvgEu+bXAEAnFRGxR7ksoFdkgbfavYct9QPnmhPAHPAgZwAAAABJRU5ErkJggg==") !important;
  background-color: grey !important;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMKFBAkn2PWugAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAiElEQVQY022OSRLEIAwDpTbOt/N05uBgQmo4UJJbXnTfN0i6kDT6u8jMYM551RcRUQBI5pyjlO0nBwS2E0lZduVGgydiO7A9SknKssDo3KbbDgDq0lVzbZP0ofRVNH3suiA65z+1nfO3tpR7Jf18dvgEu+bXAEAnFRGxR7ksoFdkgbfavYct9QPnmhPAHPAgZwAAAABJRU5ErkJggg==") 100% transparent !important;
}
div#content table td.left, div#content table th.left, div#AllContent table td.left, div#AllContent table th.left, #mainContent table td.left, #mainContent table th.left {
  padding-left: 5px;
}

.button:active,
input[type=submit]:focus,
.button:active,
input[type=submit]:focus {
  box-shadow: 0 0 10px grey;
  outline: none !important;
}

html {
  background-color: white;
}
html body {
  height: 100%;
  min-height: 999px;
  padding: 0 0 50px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgeEBsp3jztHwAAAEhJREFUGNOVkLERwDAIA99k/42xlC5pMIc7OASPhG0H4AB2ACqqadtL9gfKVqzTxhTkgqvrr35QXvvtB1kcmIatk7dBLnrWwi+0vmbI+IYQ9gAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-color: #cdcdcd;
  font-family: Verdana, Arial, Helvetica, sans-serif, Neue, Lucida Grande, "Segoe UI";
}
html body #AllContent,
html body #page:not(.ignoreHandicomp) {
  margin: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1290px;
  max-width: 1290px;
  min-width: 1290px;
  padding: 15px;
}

[id*=CPH0] #mainPageLayout tbody tr td {
  vertical-align: top;
}
[id*=CPH0] #mainPageLayout tbody tr td .panel {
  vertical-align: top;
}
[id*=CPH0] table {
  width: 100%;
}
[id*=CPH0] input[type=submit] {
  border-radius: 5px;
  padding: 3px 5px;
  background-color: #3d3d3d;
  border-color: #efefef;
  color: #efefef;
}

#content {
  position: relative;
}
#content.handicomp {
  min-height: 0 !important;
  padding: 10px;
  /*max-width: 1020px;*/
  border-radius: 10px;
  text-align: left;
  background-color: #dcdcdc;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAqklEQVQYlVXE5zYCABgA0ItQWUlmhHDsLUTDyi6j9P6P0q++c9wfF7r6/UEH2vALP/AdfUELmvAJH/AOb/AKL/AcNeAJHuEB7uEO6lENqlCBW7iBMlzDVXQJJbiAcziDUziB4+gIDuEA9mEPdmEHtqOtaBM2oAjrsAarUQFWYBnysASLsBDNwxzMQg5mIAvTUQamYBImYBzGIA0pSMJoNALDkIAhGIQB//UAzNsQpATmQnUAAAAASUVORK5CYII=");
  background-size: 100% 100%;
}
#content .well {
  padding: 10px 10px 20px;
  border-radius: 5px;
  margin-bottom: 5px;
  background-color: #efefef;
  background-size: 100% 75%;
  overflow: auto;
}
#content .col-md-12 .well {
  max-width: 1040px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#content #dynamicContent.handicomp {
  padding: 10px;
  text-align: left;
}
#content #dynamicContent.handicomp ul {
  text-align: left;
}

.handicomp input[type=submit],
input.handicomp[type=submit] {
  border-radius: 5px;
  padding: 3px 5px;
  background-color: #3d3d3d;
  border-color: #efefef;
  color: #efefef;
}

body {
  position: relative;
}
body .well {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==");
  background-color: #efefef;
  background-repeat: repeat-x;
}

footer,
#handicompFooter {
  width: 100%;
  padding: 0;
  margin-top: 5px;
  height: auto;
  text-align: center;
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/bannerBackgrounds/my-golf-activity-banner-bg-full.JPG");
  background-size: 100%;
  background-position: 22%;
  border-radius: 10px;
}
footer .panel,
#handicompFooter .panel {
  width: 100% !important;
  padding: 0;
  background-color: transparent;
  text-align: center;
}
footer .panel .well,
#handicompFooter .panel .well {
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  height: 222px;
}
footer .panel .well a,
#handicompFooter .panel .well a {
  color: transparent;
}
footer .panel .well #handicompFooterUpdate,
#handicompFooter .panel .well #handicompFooterUpdate {
  width: 100%;
}
footer .panel h2,
#handicompFooter .panel h2 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 19px;
  font-variant: small-caps;
  text-transform: capitalize;
  text-align: center;
}
footer .panel hr,
#handicompFooter .panel hr {
  margin-top: 5px;
  margin-bottom: 10px;
  border-color: #7d6655;
}
footer .panel .networkButtons img,
#handicompFooter .panel .networkButtons img {
  width: 75px;
  margin-bottom: 22px;
}
footer .panel .row .col-md-4,
#handicompFooter .panel .row .col-md-4 {
  width: 33.333333% !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
footer .panel .row .col-md-4 p,
#handicompFooter .panel .row .col-md-4 p {
  margin: 5px 0;
}
footer .panel .row .well,
#handicompFooter .panel .row .well {
  height: 222px;
}
footer .panel td > p,
#handicompFooter .panel td > p {
  width: 100%;
  clear: both;
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  color: #cdcdcd;
  text-align: center;
  font-size: 13px;
}

.clearHack,
.clear {
  clear: both;
  color: transparent !important;
}

#handicompWrapperpHeader {
  padding: 10px;
}
#handicompWrapperpHeader #handicompBackgroundWrapper {
  height: 133px;
  border-radius: 10px;
  background-size: 100%;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader {
  width: 100%;
  height: 100%;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader td {
  text-align: left;
  vertical-align: middle;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader td div {
  text-align: left;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #tdContactUs {
  vertical-align: top;
  text-align: right;
  padding-right: 8px;
  padding-top: 10px;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #tdContactUs input {
  color: black;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #tdTitle {
  max-width: 1080px;
  overflow: hidden;
  text-wrap: none;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #tdSiteLogo {
  position: relative;
  top: 0;
  vertical-align: middle;
  max-width: 125px;
  width: 125px;
  padding-left: 5px;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #tdSiteLogo img {
  display: inline;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #divTitle,
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #title {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  text-align: left;
  font-size: 0.8em;
  font-style: italic;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px #000000;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #mainHeading {
  font-size: 33px;
  line-height: 5px;
  position: relative;
  top: -13px;
  text-align: left;
}
#handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #subHeading {
  margin: 0;
  font-size: 25px;
  text-align: left;
}
#handicompWrapperpHeader #pnlUsrgaHeader {
  width: 181px !important;
  padding: 5px;
  border-radius: 10px;
  border: 3px solid #979797;
  margin-bottom: 10px;
  background-size: 100% 100%;
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-grey-faint.png");
  float: left;
  margin: 0 10px;
  max-width: 200px;
  height: 80px;
}
#handicompWrapperpHeader #pnlUsrgaHeader img {
  width: 100%;
  height: 75px;
}

#mainContent {
  /*position: relative;*/
  border-radius: 10px;
  padding: 10px;
  background-color: #efefef;
}
#mainContent .handicomp #column_table + h1,
#mainContent .handicomp #column_table #subContent > h1:first-child {
  margin-top: 0;
}

.row > div > div {
  border-radius: 10px;
  padding: 10px;
}

.panel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAqklEQVQYlVXE5zYCABgA0ItQWUlmhHDsLUTDyi6j9P6P0q++c9wfF7r6/UEH2vALP/AdfUELmvAJH/AOb/AKL/AcNeAJHuEB7uEO6lENqlCBW7iBMlzDVXQJJbiAcziDUziB4+gIDuEA9mEPdmEHtqOtaBM2oAjrsAarUQFWYBnysASLsBDNwxzMQg5mIAvTUQamYBImYBzGIA0pSMJoNALDkIAhGIQB//UAzNsQpATmQnUAAAAASUVORK5CYII=");
  background-size: contain;
  border-radius: 10px !important;
}
.panel.panel-login {
  padding: 0;
  margin-bottom: 5px;
  vertical-align: middle;
}

article {
  background-color: transparent;
}
.well {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgeEBsp3jztHwAAAEhJREFUGNOVkLERwDAIA99k/42xlC5pMIc7OASPhG0H4AB2ACqqadtL9gfKVqzTxhTkgqvrr35QXvvtB1kcmIatk7dBLnrWwi+0vmbI+IYQ9gAAAABJRU5ErkJggg==");
  background-size: contain;
}

.menuSeperator {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAoCAYAAAA7Q0BKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AkNESoOw2XkMAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAQElEQVQoz2NgQAKM////54VxWBgYGFA4PDhlyFFGjgEoMnyUGgCXYUIOAxYGBobPyJwvZMh8otQAIjlfKFGGAgDF2xWeGVL3xgAAAABJRU5ErkJggg==");
  border-radius: 5px;
  width: 1.5px;
  height: 35px;
  margin: 0 5px;
}

.loginSection {
  float: left;
  padding: 5px;
}
.loginSection input {
  border-radius: 10px;
  padding: 2px 5px;
  font-weight: bold;
  color: white;
  background-color: #ff6a00;
}
.loginSection input[type=text] div, .loginSection input[type=password] div {
  background-color: #fff0e3;
  color: black;
  font-weight: normal;
}

.loginGroup {
  display: inline-block;
}
.loginGroup .loginSection {
  display: table-cell;
  vertical-align: middle;
}
.loginGroup .clear {
  height: 10px;
  width: 1px;
  clear: both;
}
.loginGroup .clear :after {
  content: ".";
  color: transparent;
}

#login {
  height: 55px;
  width: 1240px;
}
#login input {
  border-radius: 5px;
}
#login input[type=text], #login input[type=password] {
  padding-left: 10px;
}
#login input[type=text] div, #login input[type=password] div {
  background-color: #efefef;
  color: black;
  font-weight: normal;
}
#login input[type=submit] {
  padding: 5px 10px;
  background-color: #3d3d3d;
  border-color: #efefef;
  color: #efefef;
}
#login a {
  color: #efefef;
}
#login table {
  vertical-align: middle;
  height: 100%;
  padding: 0 5px;
  margin-top: auto;
  margin-bottom: auto;
}
#login table tbody tr td {
  vertical-align: middle !important;
}

header,
#header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/bannerBackgrounds/1.jpg");
  background-position: 0 66%;
  background-size: 100%;
  height: 128px !important;
}
header input,
header img,
#header input,
#header img {
  width: 125px;
}
header #divTitle h2,
#header #divTitle h2 {
  vertical-align: middle;
  font-weight: 600;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-transform: capitalize;
}
header #divTitle h2:first-child,
#header #divTitle h2:first-child {
  margin-top: 40px;
}
header #divTitle h2:last-child,
#header #divTitle h2:last-child {
  margin-top: 35px;
}

#networkButtons {
  float: right;
  position: relative;
  top: -1px;
  right: 10px;
  padding-bottom: 0;
}
#networkButtons .overrideNetworkButtonRowStyle {
  background-color: transparent !important;
}
#networkButtons td a {
  text-decoration: none;
}
#networkButtons td .networkButton {
  width: 181px !important;
  padding: 5px;
  border-radius: 10px;
  border: 3px solid #979797;
  margin-bottom: 10px;
  background-size: 100% 100%;
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-grey-faint.png");
}
#networkButtons td .networkButton table {
  width: 100%;
}
#networkButtons td .networkButton table tbody tr td {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  font-family: Verdana;
  color: black;
  text-shadow: 0 0 2px #cdcdcd;
}
#networkButtons #gvNetworkButtons {
  width: 198px;
}
#networkButtons #gvNetworkButtons tr:last-child .networkButton {
  margin-bottom: 0;
}

td #networkButtons {
  position: relative;
  right: -8px;
  top: -10px;
}

[value=activityNetworkButton] + div table tbody tr:first-child td,
[value=reservationNetworkButton] + div table tbody tr:first-child td,
[value=tournamentNetworkButton] + div table tbody tr:first-child td,
[value=mobileNetworkButton] + div table tbody tr:first-child td,
[value=mobileNetworkButton] + div table tbody tr:first-child td,
[value=scorecardNetworkButton] + div table tbody tr:first-child td,
[value=registrationNetworkButton] + div table tbody tr:first-child td,
[value=leagueNetworkButton] + div table tbody tr:first-child td,
[value=handicapNetworkButton] + div table tbody tr:first-child td,
#activityNetworkButton div table tbody tr:first-child td,
#reservationNetworkButton div table tbody tr:first-child td,
#tournamentNetworkButton div table tbody tr:first-child td,
#mobileNetworkButton div table tbody tr:first-child td,
#mobileNetworkButton div table tbody tr:first-child td,
#scorecardNetworkButton div table tbody tr:first-child td,
#registrationNetworkButton div table tbody tr:first-child td,
#leagueNetworkButton div table tbody tr:first-child td,
#handicapNetworkButton div table tbody tr:first-child td,
.handicomp.networkButton table tbody tr:first-child td {
  vertical-align: middle !important;
}
[value=activityNetworkButton] + div table tbody tr:first-child td:first-child,
[value=reservationNetworkButton] + div table tbody tr:first-child td:first-child,
[value=tournamentNetworkButton] + div table tbody tr:first-child td:first-child,
[value=mobileNetworkButton] + div table tbody tr:first-child td:first-child,
[value=mobileNetworkButton] + div table tbody tr:first-child td:first-child,
[value=scorecardNetworkButton] + div table tbody tr:first-child td:first-child,
[value=registrationNetworkButton] + div table tbody tr:first-child td:first-child,
[value=leagueNetworkButton] + div table tbody tr:first-child td:first-child,
[value=handicapNetworkButton] + div table tbody tr:first-child td:first-child,
#activityNetworkButton div table tbody tr:first-child td:first-child,
#reservationNetworkButton div table tbody tr:first-child td:first-child,
#tournamentNetworkButton div table tbody tr:first-child td:first-child,
#mobileNetworkButton div table tbody tr:first-child td:first-child,
#mobileNetworkButton div table tbody tr:first-child td:first-child,
#scorecardNetworkButton div table tbody tr:first-child td:first-child,
#registrationNetworkButton div table tbody tr:first-child td:first-child,
#leagueNetworkButton div table tbody tr:first-child td:first-child,
#handicapNetworkButton div table tbody tr:first-child td:first-child,
.handicomp.networkButton table tbody tr:first-child td:first-child {
  width: 77px;
}
[value=activityNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=reservationNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=tournamentNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=mobileNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=mobileNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=scorecardNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=registrationNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=leagueNetworkButton] + div table tbody tr:first-child td:first-child img,
[value=handicapNetworkButton] + div table tbody tr:first-child td:first-child img,
#activityNetworkButton div table tbody tr:first-child td:first-child img,
#reservationNetworkButton div table tbody tr:first-child td:first-child img,
#tournamentNetworkButton div table tbody tr:first-child td:first-child img,
#mobileNetworkButton div table tbody tr:first-child td:first-child img,
#mobileNetworkButton div table tbody tr:first-child td:first-child img,
#scorecardNetworkButton div table tbody tr:first-child td:first-child img,
#registrationNetworkButton div table tbody tr:first-child td:first-child img,
#leagueNetworkButton div table tbody tr:first-child td:first-child img,
#handicapNetworkButton div table tbody tr:first-child td:first-child img,
.handicomp.networkButton table tbody tr:first-child td:first-child img {
  width: 75px;
  height: 62px;
}

#mainPageLayout .handicomp tbody tr td {
  vertical-align: top;
}
#mainPageLayout .handicomp tbody tr td .panel {
  vertical-align: top;
}

#USRGA_networkButton {
  height: 76px;
  margin-bottom: 0 !important;
}
#USRGA_networkButton img {
  width: 150px;
}

#MGCOA_networkButton td {
  vertical-align: middle !important;
}
#MGCOA_networkButton td img {
  float: left;
  width: 75px;
}

#handicompNetworkButton td {
  vertical-align: middle !important;
}
#handicompNetworkButton img {
  height: 44px;
}

#gvNetworkButtons td {
  border-style: none;
}

.fancy {
  padding: 5px 10px;
  box-shadow: 0 0 5px #656565;
  border-color: #656565;
  background: #656565 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgeEBsp3jztHwAAAEhJREFUGNOVkLERwDAIA99k/42xlC5pMIc7OASPhG0H4AB2ACqqadtL9gfKVqzTxhTkgqvrr35QXvvtB1kcmIatk7dBLnrWwi+0vmbI+IYQ9gAAAABJRU5ErkJggg==") repeat-x;
  background-position: left top;
  background-size: contain;
  color: #3d3d3d;
  font-weight: 600;
  border-radius: 5px;
}

.special, #pnlButtonGrid #btn_grid tr td input,
#pnlButtonGrid #buttonGrid tr td input,
#pnlButtonGrid #tblButtonGrid tr td input, #handicompWrapperpHeader #handicompBackgroundWrapper #handicompHeader #tdContactUs input {
  padding: 10px;
  border-radius: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 0 5px #656565;
  border-color: #656565;
  background: #656565 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgeEBsp3jztHwAAAEhJREFUGNOVkLERwDAIA99k/42xlC5pMIc7OASPhG0H4AB2ACqqadtL9gfKVqzTxhTkgqvrr35QXvvtB1kcmIatk7dBLnrWwi+0vmbI+IYQ9gAAAABJRU5ErkJggg==") repeat-x;
  color: #3d3d3d;
}

#pnlButtonGrid {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 0;
}
#pnlButtonGrid #btn_grid,
#pnlButtonGrid #buttonGrid,
#pnlButtonGrid #tblButtonGrid {
  width: 100%;
  padding: 0;
  border-spacing: 10px;
  border-collapse: separate;
  margin: 0;
}
#pnlButtonGrid #btn_grid tr td,
#pnlButtonGrid #buttonGrid tr td,
#pnlButtonGrid #tblButtonGrid tr td {
  width: 20%;
  padding: 0 10px;
  text-align: center;
}
#pnlButtonGrid #btn_grid tr td:first-child,
#pnlButtonGrid #buttonGrid tr td:first-child,
#pnlButtonGrid #tblButtonGrid tr td:first-child {
  padding-left: 0;
}
#pnlButtonGrid #btn_grid tr td:last-child,
#pnlButtonGrid #buttonGrid tr td:last-child,
#pnlButtonGrid #tblButtonGrid tr td:last-child {
  padding-right: 0;
}
#pnlButtonGrid #btn_grid tr td input,
#pnlButtonGrid #buttonGrid tr td input,
#pnlButtonGrid #tblButtonGrid tr td input {
  width: 100%;
}
#pnlButtonGrid + footer,
#pnlButtonGrid + #handicompFooter {
  margin-top: 0;
}

#mainMenu {
  width: 100%;
  height: 37px;
  margin-bottom: 10px;
  background-color: #cdcdcd;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAqklEQVQYlVXE5zYCABgA0ItQWUlmhHDsLUTDyi6j9P6P0q++c9wfF7r6/UEH2vALP/AdfUELmvAJH/AOb/AKL/AcNeAJHuEB7uEO6lENqlCBW7iBMlzDVXQJJbiAcziDUziB4+gIDuEA9mEPdmEHtqOtaBM2oAjrsAarUQFWYBnysASLsBDNwxzMQg5mIAvTUQamYBImYBzGIA0pSMJoNALDkIAhGIQB//UAzNsQpATmQnUAAAAASUVORK5CYII=");
  background-size: contain;
  border-radius: 5px;
  text-transform: uppercase !important;
}
#mainMenu.handicaps {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAUAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgBwgABAwERAAIRAQMRAf/EAFoAAQEBAAMAAAAAAAAAAAAAAAACAQMGCQEBAQEBAAAAAAAAAAAAAAAAAAEDBRABAQEAAwAAAAAAAAAAAAAAABEBUWEVEQEBAQEAAAAAAAAAAAAAAAAAERIT/9oADAMBAAIRAxEAPwDyZ8zp1sOP0dgbMQAAAAAAAAAAAAAAAAGgqAog2KVUEi4FasFzOAVBFqLEVFqqVHIgqKlXNUWIsVUVFqLEAAAAAAAAAAAAAAAAAf/Z");
}
#mainMenu.handicaps .dxm-main {
  background: none !important;
  background-color: transparent !important;
}
#mainMenu.handicaps .dxm-main > ul > li > a span,
#mainMenu.handicaps .dxm-main > ul > li > div span {
  position: relative;
  top: 5px;
}
#mainMenu.handicaps span,
#mainMenu.handicaps li,
#mainMenu.handicaps li span,
#mainMenu.handicaps div span.dx-vam,
#mainMenu.handicaps li.menuTop,
#mainMenu.handicaps .dxmLite,
#mainMenu.handicaps .dx-vam {
  font-size: 16px;
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important;
  font-weight: bold;
}
#mainMenu.handicaps li {
  background-color: transparent;
  background-image: none;
}
#mainMenu.handicaps div.dxm-popup {
  border-radius: 5px;
}
#mainMenu > table {
  float: left;
  vertical-align: middle;
  height: 100%;
}
#mainMenu > table td {
  vertical-align: middle;
}
#mainMenu > table td a,
#mainMenu > table td a:hover,
#mainMenu > table td button {
  padding-right: 10px;
  font-weight: bold;
}
#mainMenu table:first-child {
  float: right;
}
#mainMenu table:first-child a,
#mainMenu table:first-child a:hover,
#mainMenu table:first-child button {
  padding-left: 10px;
}
#mainMenu > div, #mainMenu > a {
  display: table;
  vertical-align: middle;
  float: right;
}
#mainMenu [id*=pnlLogout] {
  display: table;
  float: left;
}
#mainMenu [id*=pnlMenu] {
  position: relative;
  top: -3px;
  display: table;
  float: left;
}
#mainMenu a,
#mainMenu a:hover,
#mainMenu button {
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
  color: white;
}
#mainMenu a:hover {
  color: #efefef !important;
  font-size: 16px !important;
  text-shadow: 2px 2px 2px #656565 !important;
}
#mainMenu div[id*=MenuX],
#mainMenu .subMenuTop,
#mainMenu .menuTop,
#mainMenu .menuItem {
  background-color: transparent;
  background-image: none;
}
#mainMenu div[id*=MenuX] > div.subMenu,
#mainMenu .subMenuTop > div.subMenu,
#mainMenu .menuTop > div.subMenu,
#mainMenu .menuItem > div.subMenu {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAqklEQVQYlVXE5zYCABgA0ItQWUlmhHDsLUTDyi6j9P6P0q++c9wfF7r6/UEH2vALP/AdfUELmvAJH/AOb/AKL/AcNeAJHuEB7uEO6lENqlCBW7iBMlzDVXQJJbiAcziDUziB4+gIDuEA9mEPdmEHtqOtaBM2oAjrsAarUQFWYBnysASLsBDNwxzMQg5mIAvTUQamYBImYBzGIA0pSMJoNALDkIAhGIQB//UAzNsQpATmQnUAAAAASUVORK5CYII=");
  background-color: #2b2b2b;
  background-size: contain;
}
#mainMenu div[id*=MenuX] > div.subMenu > ul,
#mainMenu .subMenuTop > div.subMenu > ul,
#mainMenu .menuTop > div.subMenu > ul,
#mainMenu .menuItem > div.subMenu > ul {
  box-shadow: #414141 0 0 5px;
}
#mainMenu div[id*=MenuX] > div.subMenu > ul li,
#mainMenu .subMenuTop > div.subMenu > ul li,
#mainMenu .menuTop > div.subMenu > ul li,
#mainMenu .menuItem > div.subMenu > ul li {
  background-color: transparent !important;
  background-image: none !important;
}
#mainMenu div[id*=MenuX] a:hover,
#mainMenu .subMenuTop a:hover,
#mainMenu .menuTop a:hover,
#mainMenu .menuItem a:hover {
  color: #efefef !important;
  font-size: 16px !important;
  text-shadow: 2px 2px 2px #656565 !important;
}
#mainMenu div[id*=MenuX] ul,
#mainMenu .subMenuTop ul,
#mainMenu .menuTop ul,
#mainMenu .menuItem ul {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  top: 1px;
  padding-top: 3px;
  font-size: 16px !important;
  color: white;
}
#mainMenu div[id*=MenuX] ul li,
#mainMenu .subMenuTop ul li,
#mainMenu .menuTop ul li,
#mainMenu .menuItem ul li {
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
  font-size: 16px !important;
  font-weight: bold !important;
}
#mainMenu div[id*=MenuX] .dxm-popup,
#mainMenu div[id*=MenuX] .subMenu,
#mainMenu .subMenuTop .dxm-popup,
#mainMenu .subMenuTop .subMenu,
#mainMenu .menuTop .dxm-popup,
#mainMenu .menuTop .subMenu,
#mainMenu .menuItem .dxm-popup,
#mainMenu .menuItem .subMenu {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  top: -5px;
}
#mainMenu div[id*=MenuX] .subMenu,
#mainMenu .subMenuTop .subMenu,
#mainMenu .menuTop .subMenu,
#mainMenu .menuItem .subMenu {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==") !important;
  background-color: #cdcdcd !important;
}
#mainMenu div[id*=MenuX] .subMenu li:hover,
#mainMenu div[id*=MenuX] .subMenu li,
#mainMenu .subMenuTop .subMenu li:hover,
#mainMenu .subMenuTop .subMenu li,
#mainMenu .menuTop .subMenu li:hover,
#mainMenu .menuTop .subMenu li,
#mainMenu .menuItem .subMenu li:hover,
#mainMenu .menuItem .subMenu li {
  background-color: inherit !important;
  font-size: 16px !important;
}
#mainMenu div[id*=MenuX] div.dxm-shadow,
#mainMenu .subMenuTop div.dxm-shadow,
#mainMenu .menuTop div.dxm-shadow,
#mainMenu .menuItem div.dxm-shadow {
  position: relative;
  top: 5px;
  background-color: #cdcdcd;
  background-size: 100% 10px;
  background-repeat: no-repeat;
}
#mainMenu div[id*=MenuX] div.dxm-shadow > ul > li,
#mainMenu .subMenuTop div.dxm-shadow > ul > li,
#mainMenu .menuTop div.dxm-shadow > ul > li,
#mainMenu .menuItem div.dxm-shadow > ul > li {
  padding: 3px;
  background-color: transparent !important;
  background-image: none !important;
}
#mainMenu div[id*=MenuX] div.dxm-shadow > ul > li:last-child,
#mainMenu .subMenuTop div.dxm-shadow > ul > li:last-child,
#mainMenu .menuTop div.dxm-shadow > ul > li:last-child,
#mainMenu .menuItem div.dxm-shadow > ul > li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#menu_container {
  display: table;
  position: relative;
  z-index: 1;
  top: -5px;
  width: 1240px;
  border-radius: 5px;
}
#menu_container .menutop {
  height: 33px;
}
#menu_container #pnlLogout {
  position: absolute;
  right: 10px;
  top: 5px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
#menu_container #pnlLogout #btnLogout {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
#menu_container #pnlLogout #btnLogout:hover {
  text-decoration: none;
}
#menu_container #MenuX {
  position: absolute;
  left: 10px;
  top: 0;
  background-color: transparent;
}
#menu_container #pnlMenu #MenuX {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  float: right;
  margin-right: 10px;
}
#menu_container #pnlMenu #MenuX ul {
  background-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#menu_container #pnlMenu #MenuX ul li {
  background-color: #656565;
}
#menu_container #pnlMenu #MenuX ul li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#menu_container #pnlMenu #MenuX ul li:last-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#menu_container #pnlMenu #MenuX ul li a {
  background-color: transparent;
  border-radius: 5px;
}

#top_tabs {
  float: right;
  padding: 3px 5px;
  margin-top: 5px;
  margin-right: 10px;
  height: 33px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAqklEQVQYlVXE5zYCABgA0ItQWUlmhHDsLUTDyi6j9P6P0q++c9wfF7r6/UEH2vALP/AdfUELmvAJH/AOb/AKL/AcNeAJHuEB7uEO6lENqlCBW7iBMlzDVXQJJbiAcziDUziB4+gIDuEA9mEPdmEHtqOtaBM2oAjrsAarUQFWYBnysASLsBDNwxzMQg5mIAvTUQamYBImYBzGIA0pSMJoNALDkIAhGIQB//UAzNsQpATmQnUAAAAASUVORK5CYII=");
  border-radius: 5px;
}
#top_tabs a {
  height: 22px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 12px;
  color: black;
}

.overlay {
  border-radius: 0 !important;
}
.overlay > .loaderdots {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: "-25pxpx";
  margin-left: -60px;
  width: 120px;
  height: 50px;
}

.handi-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: "-1pxpx";
  margin-left: -250px;
  width: 500px;
  height: 2px;
  position: fixed;
  top: 222px;
  height: auto;
  border: 1px solid grey;
  border-radius: 10px;
  padding: 10px;
  background: #efefef url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==") 100%;
  box-shadow: 0 0 5px black;
  z-index: 1111;
}
.handi-popup h3 {
  border-top: 2px solid grey;
  border-bottom: 2px solid grey;
  margin-bottom: 10px;
  text-align: center;
}
.handi-popup input {
  margin-bottom: 10px;
  box-sizing: border-box;
}
.handi-popup input:last-child {
  margin-bottom: 0;
}

#pnlLogin {
  background-color: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAqklEQVQYlVXE5zYCABgA0ItQWUlmhHDsLUTDyi6j9P6P0q++c9wfF7r6/UEH2vALP/AdfUELmvAJH/AOb/AKL/AcNeAJHuEB7uEO6lENqlCBW7iBMlzDVXQJJbiAcziDUziB4+gIDuEA9mEPdmEHtqOtaBM2oAjrsAarUQFWYBnysASLsBDNwxzMQg5mIAvTUQamYBImYBzGIA0pSMJoNALDkIAhGIQB//UAzNsQpATmQnUAAAAASUVORK5CYII=");
}
#pnlLogin td {
  padding-top: 5px;
}
#pnlLogin td input {
  vertical-align: middle;
}

#wrapper {
  max-width: 1040px;
}
#wrapper #content.handicomp {
  padding: 10px;
  border-radius: 10px;
}

[id*=pnlNonDelivEmailAddr] {
  position: fixed;
  left: 50%;
  top: 200px;
  width: 500px;
  border: 0px double #414141;
  border-radius: 10px !important;
  margin-left: -250px;
  background: #efefef url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==") 100%;
  background-size: contain;
  opacity: 1;
  z-index: 1111;
  position: absolute;
  height: 300px;
  max-height: 300px;
  min-height: 0 !important;
  background-color: #656565;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==");
  border-radius: 10px;
}
[id*=pnlNonDelivEmailAddr] div:first-child {
  height: 100%;
}
[id*=pnlNonDelivEmailAddr] table:first-child,
[id*=pnlNonDelivEmailAddr] table:nth-child(1) {
  border-radius: 10px;
  height: 100%;
  min-height: 0 !important;
}
[id*=pnlNonDelivEmailAddr] [id*=c_ForgotPassword],
[id*=pnlNonDelivEmailAddr] [id*=c_NonDelivEmailAddr] {
  width: auto !important;
}
[id*=pnlNonDelivEmailAddr] [id*=btnCloseFp] {
  margin-right: 5px;
  border: none !important;
  text-decoration: none;
}

#tblForgotPassword.overlay {
  position: fixed;
  left: 50%;
  top: 200px;
  width: 500px;
  border: 5px double #414141;
  border-radius: 10px !important;
  margin-left: -247.5px;
  background: #efefef url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==") 100%;
  background-size: contain;
  opacity: 1;
  z-index: 1111;
  height: 200px;
}
#tblForgotPassword.overlay td {
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
#tblForgotPassword.overlay td table.pph {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMKFBAkn2PWugAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAiElEQVQY022OSRLEIAwDpTbOt/N05uBgQmo4UJJbXnTfN0i6kDT6u8jMYM551RcRUQBI5pyjlO0nBwS2E0lZduVGgydiO7A9SknKssDo3KbbDgDq0lVzbZP0ofRVNH3suiA65z+1nfO3tpR7Jf18dvgEu+bXAEAnFRGxR7ksoFdkgbfavYct9QPnmhPAHPAgZwAAAABJRU5ErkJggg==");
  background-color: #656565;
  background-size: contain;
}

#tblArticleWrapper {
  width: 100%;
}
#tblArticleWrapper #login > div {
  height: 100%;
  float: right;
}
#tblArticleWrapper #login > div table {
  float: left;
  height: 100%;
}
#tblArticleWrapper #login div:first-child {
  float: left;
}
#tblArticleWrapper > tbody > tr > td,
#tblArticleWrapper > tbody > tr > td > div:not(.ignoreHandicomp) {
  padding: 0;
  vertical-align: top;
}
#tblArticleWrapper #tdMainContent {
  vertical-align: top;
  width: 1040px !important;
}
#tblArticleWrapper #secondaryArticle,
#tblArticleWrapper #mainArticle {
  width: 1040px;
}
#tblArticleWrapper [id*=CPH0] tr:first-child > tr td:first-child,
#tblArticleWrapper [id*=CPH1] tr:first-child > tr td:first-child {
  width: 1020px;
  height: 100%;
}
#tblArticleWrapper [id*=CPH0] tr:first-child > tr td,
#tblArticleWrapper [id*=CPH0] tr:first-child > tr div,
#tblArticleWrapper [id*=CPH0] tr:first-child > tr table,
#tblArticleWrapper [id*=CPH1] tr:first-child > tr td,
#tblArticleWrapper [id*=CPH1] tr:first-child > tr div,
#tblArticleWrapper [id*=CPH1] tr:first-child > tr table {
  height: 100%;
}
#tblArticleWrapper [id*=CPH0] tr:first-child > tr #content,
#tblArticleWrapper [id*=CPH1] tr:first-child > tr #content {
  width: auto;
  height: 100%;
}
#tblArticleWrapper [id*=CPH0] tr:first-child > tr #content .well,
#tblArticleWrapper [id*=CPH1] tr:first-child > tr #content .well {
  width: auto;
}
#tblArticleWrapper [id*=CPH0] tr:first-child > tr #content.handicomp,
#tblArticleWrapper [id*=CPH1] tr:first-child > tr #content.handicomp {
  background-color: #efefef;
}
#tblArticleWrapper #tdNetworkButtons {
  width: 190px;
  padding: 0;
}
#tblArticleWrapper #tdNetworkButtons #networkButtons {
  position: relative;
  top: 0;
}
#tblArticleWrapper #networkButtons {
  position: relative !important;
  top: 1px;
  right: -2px;
}
#tblArticleWrapper + #handicompFooter {
  margin-top: 10px;
}

.btNotVisible {
  visibility: hidden;
  background-repeat: repeat-x;
  background-color: transparent;
  text-decoration: none;
  font-size: 11px;
  line-height: 18px;
  border-color: transparent;
  border-width: 0;
}

#overlay,
#pnlOverlay {
  position: fixed;
  left: 50%;
  top: 200px;
  width: 825px;
  border: 5px double #414141;
  border-radius: 10px !important;
  margin-left: -410px;
  background: #efefef url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==") 100%;
  background-size: contain;
  opacity: 1;
  z-index: 1111;
  position: absolute;
  min-height: 100px;
  top: 50px;
}
#overlay #tdExistingUsers,
#pnlOverlay #tdExistingUsers {
  /*display: none;*/
}
#overlay div[id*=pnlPatQuickAdd],
#pnlOverlay div[id*=pnlPatQuickAdd] {
  width: 100% !important;
}
#overlay table,
#overlay div,
#pnlOverlay table,
#pnlOverlay div {
  background-color: transparent !important;
}

#pnlAppSel.overlay {
  position: fixed;
  left: 50%;
  top: 200px;
  width: 550px;
  border: 4px double #414141;
  border-radius: 10px !important;
  margin-left: -273px;
  background: #efefef url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==") 100%;
  background-size: contain;
  opacity: 1;
  z-index: 1111;
  border-style: double;
  /*opacity: 0.99;*/
}
#pnlAppSel.overlay table {
  border: none !important;
  background-color: transparent !important;
}

#bodyTechnical {
  padding: 0;
  margin: 0;
  min-width: 1200px;
  background-color: #ffffff !important;
}
#bodyTechnical.handicaps [id*=UpdatePanel] {
  color: black !important;
}
#bodyTechnical #divTechnicalMenu {
  top: 0;
  height: 40px !important;
  padding: 0;
  margin: 0;
  color: white;
}
#bodyTechnical #divTechnicalMenu #techMenuTitle {
  font-size: 14px !important;
  font-weight: bold;
  width: 450px;
  font-family: Arial, Arial, Helvetica, sans-serif;
  text-align: center;
}
#bodyTechnical #divTechnicalMenu #techMenuTitle a {
  position: relative;
  top: 6px;
}
#bodyTechnical #divTechnicalMenu .techMenuSubMenu ul {
  background-image: none !important;
  padding-bottom: 5px !important;
}
#bodyTechnical #divTechnicalMenu .techMenuSubMenu ul li {
  padding-bottom: 5px !important;
}
#bodyTechnical #divTechnicalMenu .menuTop a {
  position: relative;
  top: 6px;
  text-decoration: underline;
  font-family: Arial, Arial, Helvetica, sans-serif;
}
#bodyTechnical #divTechnicalMenu > table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
#bodyTechnical #divTechnicalMenu > table tr > td {
  vertical-align: middle;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, Helvetica, "Sans Serif" !important;
  text-align: left;
}
#bodyTechnical #divTechnicalMenu > table tr td.techSubMenuItem.home {
  width: 450px;
  text-align: center;
}
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenuX],
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenu] {
  position: relative;
  top: 2px;
  background-color: transparent;
}
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenuX] li,
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenuX] a,
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenu] li,
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenu] a {
  color: white;
  font-weight: bold;
  background-color: transparent;
}
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenuX] a:hover,
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenu] a:hover {
  color: #efefef;
}
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenuX] li.dxm-item,
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenu] li.dxm-item {
  background-color: transparent;
  font-size: 14px;
  font-family: Arial, Helvetica, Sans;
}
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenuX] .techMenuSubMenuItem,
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenu] .techMenuSubMenuItem {
  padding: 0 13px 0 5px !important;
  border-top: 1px solid #dfdfdf !important;
  background-color: inherit;
}
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenuX] .techMenuSubMenuItem:first-child,
#bodyTechnical #divTechnicalMenu [id*=TechnicalMenu] .techMenuSubMenuItem:first-child {
  border-top: none !important;
}
#bodyTechnical .leagues {
  background-color: #401f0a !important;
  color: #6d3816;
}
#bodyTechnical .leagues ul {
  background-color: #401f0a !important;
}
#bodyTechnical .leagues .techMenuSubMenuItem {
  background-color: #401f0a !important;
}
#bodyTechnical .handicaps,
#bodyTechnical .commons {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  background-color: #293f54 !important;
}
#bodyTechnical .handicaps #divTechnicalMenu,
#bodyTechnical .commons #divTechnicalMenu {
  background-color: #293f54 !important;
}
#bodyTechnical .handicaps #divTechnicalMenu a,
#bodyTechnical .commons #divTechnicalMenu a {
  color: white;
  text-decoration: none;
}
#bodyTechnical .handicaps [id*=UpdatePanel1] p,
#bodyTechnical .commons [id*=UpdatePanel1] p {
  color: #293f54 !important;
}
#bodyTechnical .handicaps [id*=techMenu],
#bodyTechnical .handicaps .techMenuItem,
#bodyTechnical .handicaps .techSubMenu,
#bodyTechnical .handicaps .techSubMenu a,
#bodyTechnical .handicaps .techSubMenuItem,
#bodyTechnical .handicaps .techSubMenu a,
#bodyTechnical .commons [id*=techMenu],
#bodyTechnical .commons .techMenuItem,
#bodyTechnical .commons .techSubMenu,
#bodyTechnical .commons .techSubMenu a,
#bodyTechnical .commons .techSubMenuItem,
#bodyTechnical .commons .techSubMenu a {
  border: none !important;
  color: white !important;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, Helvetica, "Sans Serif" !important;
  text-align: left;
  background-color: #293f54 !important;
}
#bodyTechnical .handicaps .dxm-popOut,
#bodyTechnical .commons .dxm-popOut {
  padding: 0 !important;
}
#bodyTechnical .handicaps [id$=techMenu],
#bodyTechnical .commons [id$=techMenu] {
  height: 25px !important;
}
#bodyTechnical .handicaps .techSubMenu a:hover,
#bodyTechnical .handicaps .techSubMenu a:hover,
#bodyTechnical .commons .techSubMenu a:hover,
#bodyTechnical .commons .techSubMenu a:hover {
  color: #a0d2e2 !important;
}
#bodyTechnical .handicaps .techSubMenu,
#bodyTechnical .commons .techSubMenu {
  padding-bottom: 5px !important;
}
#bodyTechnical .handicaps .techSubMenu li,
#bodyTechnical .commons .techSubMenu li {
  padding-left: 10px !important;
}

.content_btn_column {
  float: left;
  padding-right: 20px;
}
.content_btn_column .market_btn {
  width: 100%;
  margin-bottom: 10px;
}
.content_btn_column .market_btn:last-child {
  margin-bottom: 0;
}
.content_btn_column .market_btn input {
  width: 100%;
}

.handicompForm {
  margin: auto;
  margin-top: 10px;
  text-align: center;
}
.handicompForm tbody > tr > td td,
.handicompForm tr > td td {
  padding-bottom: 5px;
  color: black !important;
}
.handicompForm span,
.handicompForm label {
  font-size: 12.8px;
}
.handicompForm input {
  margin-left: 5px;
}
.handicompForm input[type=checkbox] {
  margin-right: 5px;
}

.handicompFormGroup {
  padding: 10px !important;
  border: none !important;
}
.handicompFormGroup input[type=submit] {
  padding: 5px 10px;
  background-color: #3d3d3d;
  border-color: #efefef;
  color: #efefef;
}
.handicompFormGroup input[type=submit]:last-of-type {
  margin-right: 10px;
}
.handicompFormGroup .handicompFormTable {
  vertical-align: middle;
  margin: auto;
  text-align: center;
  font-size: 12.8px;
}
.handicompFormGroup .handicompFormTable > tbody > tr > td td,
.handicompFormGroup .handicompFormTable > tr > td td {
  vertical-align: top !important;
  padding-bottom: 5px;
}
.handicompFormGroup .handicompFormTable > tbody > tr > td td input,
.handicompFormGroup .handicompFormTable > tbody > tr > td td select,
.handicompFormGroup .handicompFormTable > tbody > tr > td td textarea,
.handicompFormGroup .handicompFormTable > tbody > tr > td td text,
.handicompFormGroup .handicompFormTable > tr > td td input,
.handicompFormGroup .handicompFormTable > tr > td td select,
.handicompFormGroup .handicompFormTable > tr > td td textarea,
.handicompFormGroup .handicompFormTable > tr > td td text {
  margin-left: 5px;
}
.handicompFormGroup .handicompFormTable > tbody > tr > td td > span:first-child,
.handicompFormGroup .handicompFormTable > tr > td td > span:first-child {
  margin-left: 5px;
}
.handicompFormGroup .handicompFormTable > thead > tr > td:first-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr > td:first-child {
  border-left: 1px solid black;
}
.handicompFormGroup .handicompFormTable > thead > tr > td:last-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr > td:last-child {
  border-right: 1px solid black;
}
.handicompFormGroup .handicompFormTable > thead > tr:first-child > th,
.handicompFormGroup .handicompFormTable > thead > tr:first-child > td,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child > th,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child > td {
  vertical-align: top;
  height: 33px !important;
  padding: 1px;
  border-top: 1px solid black;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgeEBsp3jztHwAAAEhJREFUGNOVkLERwDAIA99k/42xlC5pMIc7OASPhG0H4AB2ACqqadtL9gfKVqzTxhTkgqvrr35QXvvtB1kcmIatk7dBLnrWwi+0vmbI+IYQ9gAAAABJRU5ErkJggg==");
  background-size: 100% 75%;
  background-color: #414141;
  background-repeat: repeat !important;
  color: white;
}
.handicompFormGroup .handicompFormTable > thead > tr:first-child > th > img,
.handicompFormGroup .handicompFormTable > thead > tr:first-child > td > img,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child > th > img,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child > td > img {
  display: none;
}
.handicompFormGroup .handicompFormTable > thead > tr:first-child > th span,
.handicompFormGroup .handicompFormTable > thead > tr:first-child > td span,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child > th span,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child > td span {
  position: relative;
  top: 5px;
}
.handicompFormGroup .handicompFormTable > thead > tr:first-child th:first-child,
.handicompFormGroup .handicompFormTable > thead > tr:first-child td:first-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child th:first-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child td:first-child {
  border-top-left-radius: 5px;
}
.handicompFormGroup .handicompFormTable > thead > tr:first-child th:last-child,
.handicompFormGroup .handicompFormTable > thead > tr:first-child td:last-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child th:last-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:first-child td:last-child {
  border-top-right-radius: 5px;
}
.handicompFormGroup .handicompFormTable > thead > tr:last-child > td,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:last-child > td {
  border-bottom: 1px solid black;
}
.handicompFormGroup .handicompFormTable > thead > tr:last-child > td:last-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:last-child > td:last-child {
  border-bottom-right-radius: 5px;
}
.handicompFormGroup .handicompFormTable > thead > tr:last-child > td:first-child,
.handicompFormGroup .handicompFormTable > tbody:first-child > tr:last-child > td:first-child {
  border-bottom-left-radius: 5px;
}

.group:after,
.group:before {
  display: table;
  content: " ";
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
}

.clearfix:after,
.clearHack:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

button:hover,
input[type=submit],
a:hover {
  cursor: pointer;
}

.rec-button {
  border-radius: 10px;
}

#content #rec-border-frame {
  width: 100%;
}
#content #rec-border-frame > tbody > tr:first-child > td {
  border-bottom: 1px solid rgb(127, 157, 185);
}
#content #rec-border-frame > tbody > tr:nth-child(2) {
  border-bottom: 1px solid rgb(127, 157, 185);
}
#content #rec-border-frame > tbody > tr:nth-child(2) > td:first-child,
#content #rec-border-frame > tbody > tr:last-child > td:first-child {
  border-right: 1px solid rgb(127, 157, 185);
}
#content #rec-menu {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
#content #rec-menu td,
#content #rec-menu div {
  padding: 0;
  text-align: center;
}
#content #rec-menu td input.rec-button.rec-menu,
#content #rec-menu td button.rec-button.rec-menu,
#content #rec-menu td #btnSupport,
#content #rec-menu td #btnSupport:hover,
#content #rec-menu div input.rec-button.rec-menu,
#content #rec-menu div button.rec-button.rec-menu,
#content #rec-menu div #btnSupport,
#content #rec-menu div #btnSupport:hover {
  margin: 10px auto 0;
  height: 60px;
  width: 200px;
  font-weight: 600;
  border: 1px outset grey !important;
  box-shadow: 0 0 2px #555;
}
#content #rec-menu td input.rec-button.rec-menu:hover,
#content #rec-menu td button.rec-button.rec-menu:hover,
#content #rec-menu td #btnSupport:hover,
#content #rec-menu td #btnSupport:hover:hover,
#content #rec-menu div input.rec-button.rec-menu:hover,
#content #rec-menu div button.rec-button.rec-menu:hover,
#content #rec-menu div #btnSupport:hover,
#content #rec-menu div #btnSupport:hover:hover {
  color: #CDCDCD;
}
#content #rec-menu td #btnSupport,
#content #rec-menu td #btnSupport:hover,
#content #rec-menu div #btnSupport,
#content #rec-menu div #btnSupport:hover {
  height: 33px;
  background-size: cover;
  border-radius: 10px;
  font-size: 16px;
}
#content #rec-menu td #btnSupport > div,
#content #rec-menu td #btnSupport:hover > div,
#content #rec-menu div #btnSupport > div,
#content #rec-menu div #btnSupport:hover > div {
  border-radius: 10px;
}
#content #rec-statistics,
#content #rec-buttons,
#content #rec-menu,
#content #rec-toggle {
  width: 100%;
}
#content #rec-toggle {
  border-bottom: 1px solid black;
  border-color: rgb(127, 157, 185);
  padding-bottom: 10px !important;
  text-align: left !important;
}
#content #rec-toggle h2 span {
  font-size: 2em;
}
#content #rec-toggle input {
  float: right;
  bottom: 10px;
  font-weight: bold;
  font-size: 12px;
  border-radius: 5px;
}
#content #rec-toggle input:hover {
  color: #CDCDCD;
}
#content #rec-buttons {
  padding-top: 10px;
  border-right: 1px solid #7f9db9;
  text-align: center;
  width: 50%;
}
#content #rec-buttons input {
  font-weight: bold;
  font-size: 22px;
  padding: 10px;
}
#content #rec-buttons table {
  width: 100%;
}
#content #rec-buttons table td {
  width: 50%;
  padding: 10px;
}
#content #rec-buttons table td:last-child {
  padding-right: 20px;
}
#content #rec-buttons table td:first-child {
  padding-left: 0;
}
#content #rec-statistics > #rec-index-calculation {
  position: relative;
  left: 50%;
  margin-left: -100px;
}
#content #rec-statistics > #tdIndexExplain {
  border-bottom: 1px solid #7f9db9;
  border-right: 1px solid #7f9db9;
}
#content #rec-statistics > #rec-card {
  padding: 10px 0 10px 10px;
  margin: 10px 0 10px;
  border-bottom: 1px solid #7f9db9;
}
#content #rec-statistics > #rec-card > div {
  float: right;
}

.rec-header {
  position: relative;
  top: 0;
  color: white;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  background-color: rgb(42, 104, 136);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, rgb(42, 104, 136) 0, #1a2a32 100%);
  background-image: -moz-linear-gradient(-90deg, rgb(42, 104, 136) 0, #1a2a32 100%);
  background-image: -o-linear-gradient(-90deg, rgb(42, 104, 136) 0, #1a2a32 100%);
  background-image: linear-gradient(180deg, rgb(42, 104, 136) 0, #1a2a32 100%);
}

.rec-menu.rec-button {
  width: 100%;
}

#rec-border-frame-top {
  width: 100%;
}

/*****************************************************************
 * THEMES ********************************************************
 *****************************************************************/
td.theme.round-glass.grid-view,
table.theme.round-glass.grid-view {
  width: 100%;
}
td.theme.round-glass.grid-view th,
table.theme.round-glass.grid-view th {
  /*background: white;*/
  background-image: url("/Systems/Graphics/Common/ghn-gradient-dark.png");
  background-size: auto;
  background-repeat: repeat;
}
td.theme.round-glass.grid-view tbody tr td,
table.theme.round-glass.grid-view tbody tr td {
  font-size: 16px;
  border-right: 1px solid #CDCDCD;
  padding: 5px;
}
td.theme.round-glass.grid-view tbody tr td:last-child,
table.theme.round-glass.grid-view tbody tr td:last-child {
  border-right: none !important;
}
td.theme.round-glass.grid-view tbody tr:first-child th,
table.theme.round-glass.grid-view tbody tr:first-child th {
  font-size: 18px;
  color: white;
  border-left: none !important;
  border-top: none !important;
  border-bottom: 1px solid grey;
  border-right: 1px solid grey;
  padding: 5px;
}
td.theme.round-glass.grid-view tbody tr:first-child th:last-child,
table.theme.round-glass.grid-view tbody tr:first-child th:last-child {
  border-right: none !important;
}
td.theme.round-glass.grid-view tbody tr:first-child th a,
table.theme.round-glass.grid-view tbody tr:first-child th a {
  font-size: 18px;
}
td.theme.round-glass.grid-view tbody tr:first-child th table td,
table.theme.round-glass.grid-view tbody tr:first-child th table td {
  background-color: transparent;
  background-image: none;
  color: white;
}
td.theme.round-glass.grid-view tbody tr:nth-child(odd) td,
table.theme.round-glass.grid-view tbody tr:nth-child(odd) td {
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -moz-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -o-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: linear-gradient(180deg, #cbe3ea 0, #a0d2e2 90%);
  border-top: #293f54 1px solid;
}
td.theme.round-glass.grid-view tbody tr:nth-child(even) td,
table.theme.round-glass.grid-view tbody tr:nth-child(even) td {
  border-top: #293f54 1px solid;
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -moz-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -o-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: linear-gradient(180deg, #f6f6f6 0, #dcdcdc 90%);
}
td.theme.round-glass.grid-view tbody tr:last-child td,
table.theme.round-glass.grid-view tbody tr:last-child td {
  text-align: center;
  border-bottom: none;
}
td.theme.round-glass.grid-view tbody tr:last-child td:first-child,
table.theme.round-glass.grid-view tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
td.theme.round-glass.grid-view tbody tr:last-child td:last-child,
table.theme.round-glass.grid-view tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

div#content .theme td {
  text-align: center;
}
div#content .theme .button,
div#content .theme input[type=submit].button {
  border-radius: 5px;
  border: 1px solid grey;
}
div#content .theme .button.caution,
div#content .theme input[type=submit].button.caution {
  background-color: orange !important;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-100deg, orange 0, #c2810a 100%) !important;
  background-image: -moz-linear-gradient(-100deg, orange 0, #c2810a 100%) !important;
  background-image: -o-linear-gradient(-100deg, orange 0, #c2810a 100%) !important;
  background-image: linear-gradient(180deg, orange 0, #c2810a 100%) !important;
}
div#content .theme .button.primary,
div#content .theme input[type=submit].button.primary {
  background-color: #53a8c3 !important;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-100deg, #53a8c3 0, #46889d 100%) !important;
  background-image: -moz-linear-gradient(-100deg, #53a8c3 0, #46889d 100%) !important;
  background-image: -o-linear-gradient(-100deg, #53a8c3 0, #46889d 100%) !important;
  background-image: linear-gradient(180deg, #53a8c3 0, #46889d 100%) !important;
}

.theme {
  border: none !important;
  border-radius: 10px;
}
.theme > tbody > tr:first-child > td:first-child div.dxgvHSDC,
.theme > tr:first-child > td:first-child div.dxgvHSDC {
  border-radius: 10px 10px 0 0;
}
.theme .dxgvHSDC,
.theme .dxgv {
  background-size: 100% 100%;
  padding-right: 0 !important;
  margin-right: 17px;
}
.theme .dxgvHSDC table,
.theme .dxgvHSDC td,
.theme .dxgvHSDC th,
.theme .dxgv table,
.theme .dxgv td,
.theme .dxgv th {
  background-color: transparent;
  color: white;
}
.theme .dxgvHSDC table.dxgvTable > thead > tr > th,
.theme .dxgvHSDC table.dxgvTable > thead > tr > td,
.theme .dxgvHSDC table.dxgvTable > tbody > tr > th,
.theme .dxgvHSDC table.dxgvTable > tbody > tr > td,
.theme .dxgv table.dxgvTable > thead > tr > th,
.theme .dxgv table.dxgvTable > thead > tr > td,
.theme .dxgv table.dxgvTable > tbody > tr > th,
.theme .dxgv table.dxgvTable > tbody > tr > td {
  background-size: cover;
  font-size: 18px;
}
.theme .dxgvHSDC table.dxgvTable > thead > tr:first-child th:first-child,
.theme .dxgvHSDC table.dxgvTable > thead > tr td:first-child,
.theme .dxgvHSDC table.dxgvTable > tbody > tr:first-child th:first-child,
.theme .dxgvHSDC table.dxgvTable > tbody > tr td:first-child,
.theme .dxgv table.dxgvTable > thead > tr:first-child th:first-child,
.theme .dxgv table.dxgvTable > thead > tr td:first-child,
.theme .dxgv table.dxgvTable > tbody > tr:first-child th:first-child,
.theme .dxgv table.dxgvTable > tbody > tr td:first-child {
  border-top-left-radius: 10px;
}
.theme .dxgvHSDC table.dxgvTable > thead > tr:first-child th:last-child,
.theme .dxgvHSDC table.dxgvTable > thead > tr td:last-child,
.theme .dxgvHSDC table.dxgvTable > tbody > tr:first-child th:last-child,
.theme .dxgvHSDC table.dxgvTable > tbody > tr td:last-child,
.theme .dxgv table.dxgvTable > thead > tr:first-child th:last-child,
.theme .dxgv table.dxgvTable > thead > tr td:last-child,
.theme .dxgv table.dxgvTable > tbody > tr:first-child th:last-child,
.theme .dxgv table.dxgvTable > tbody > tr td:last-child {
  border-top-right-radius: 10px;
}
.theme .dxgvHSDC table.dxgvTable > thead > tr th,
.theme .dxgvHSDC table.dxgvTable > thead > tr td,
.theme .dxgvHSDC table.dxgvTable > tbody > tr th,
.theme .dxgvHSDC table.dxgvTable > tbody > tr td,
.theme .dxgv table.dxgvTable > thead > tr th,
.theme .dxgv table.dxgvTable > thead > tr td,
.theme .dxgv table.dxgvTable > tbody > tr th,
.theme .dxgv table.dxgvTable > tbody > tr td {
  /* font-size: 22px; */
}
.theme .dxgvHSDC table.dxgvTable > thead > tr th table td,
.theme .dxgvHSDC table.dxgvTable > thead > tr td table td,
.theme .dxgvHSDC table.dxgvTable > tbody > tr th table td,
.theme .dxgvHSDC table.dxgvTable > tbody > tr td table td,
.theme .dxgv table.dxgvTable > thead > tr th table td,
.theme .dxgv table.dxgvTable > thead > tr td table td,
.theme .dxgv table.dxgvTable > tbody > tr th table td,
.theme .dxgv table.dxgvTable > tbody > tr td table td {
  background-image: none;
}
.theme .dxgvCSD table tbody tr td {
  font-size: 16px;
}
.theme .dxgvCSD table tbody tr td.checked {
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/Miscelleous/checkbox-checked-100-x-100.png") !important;
  background-size: 90% 90%;
  background-repeat-x: no-repeat !important;
  background-repeat-y: no- repeat !important;
  background-position-x: 80%;
}
.theme .dxgvCSD table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.theme .dxgvCSD table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.handicaps > table {
  width: 100%;
  width: 100%;
  font-size: 2em;
  /*label(not:input) {
              font-size: 2em;
          }
  */
}
.handicaps > table tr:first-child td:first-child {
  width: 50%;
}
.handicaps > table td {
  padding: 10px;
}
.handicaps > table input[type=radio] {
  width: 1.5em;
  height: 1.5em;
}
.handicaps > table input,
.handicaps > table input:hover {
  font-size: 1em;
}
.handicaps > table input[type=text], .handicaps > table input[type=email], .handicaps > table input[type=number],
.handicaps > table input:hover[type=text],
.handicaps > table input:hover[type=email],
.handicaps > table input:hover[type=number] {
  width: 100%;
  padding: 5px;
  border: 1px solid grey;
  box-shadow: 0 0 5px black;
  box-sizing: border-box;
}
.handicaps > table table {
  width: 100%;
}
.handicaps .round-glass .dxgvHSDC,
.handicaps .round-glass .dxgv {
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-handicaps.png");
}
.handicaps .round-glass .dxgvCSD tr td a,
.handicaps .round-glass .dxgvCSD tr th a {
  color: #3c4d5c !important;
}
.handicaps .round-glass .dxgvCSD tr:nth-child(odd) td,
.handicaps .round-glass .dxgvCSD tr:nth-child(odd) th {
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -moz-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -o-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: linear-gradient(180deg, #cbe3ea 0, #a0d2e2 90%);
  border-top: #293f54 1px solid;
  border-bottom: #293f54 1px solid;
}
.handicaps .round-glass .dxgvCSD tr:nth-child(even) td,
.handicaps .round-glass .dxgvCSD tr:nth-child(even) th {
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -moz-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -o-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: linear-gradient(180deg, #f6f6f6 0, #dcdcdc 90%);
}
.handicaps .detached .dxgvHSDC,
.handicaps .detached .dxgv {
  border: 2px solid #1c252e;
  color: #1c252e;
  background-color: white !important;
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, white 33%, darkgray 95%);
}
.handicaps .detached .dxgvCSD tr td a,
.handicaps .detached .dxgvCSD tr th a {
  color: #3c4d5c !important;
}
.handicaps .detached .dxgvCSD tr:nth-child(odd) td,
.handicaps .detached .dxgvCSD tr:nth-child(odd) th {
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -moz-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -o-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: linear-gradient(180deg, #cbe3ea 0, #a0d2e2 90%);
  border-top: #293f54 1px solid;
  border-bottom: #293f54 1px solid;
}
.handicaps .detached .dxgvCSD tr:nth-child(even) td,
.handicaps .detached .dxgvCSD tr:nth-child(even) th {
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -moz-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -o-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: linear-gradient(180deg, #f6f6f6 0, #dcdcdc 90%);
}

div#mainMenu > table > tbody > tr > td {
  padding: 0;
}

h3 + .handi-error[id*=lbl] {
  margin-top: 10px;
}

#report-heading {
  padding-bottom: 10px;
}
#report-heading h3 {
  font-size: 22px;
}

.handicaps #report-heading h3 {
  color: #293f54;
}

#calculation-icon {
  border-collapse: collapse;
}
#calculation-icon tr:first-child td:first-child {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#calculation-icon tr:last-child td:first-child {
  position: relative;
  top: 2px;
}
#calculation-icon tr:last-child td:last-child {
  border-top: 2px solid white;
  border-left: 2px solid white;
}
#calculation-icon td {
  padding: 0 2px !important;
  border-radius: 0 !important;
  font-weight: bold;
  font-size: 0.5em;
}

.submenu li {
  margin-bottom: 10px;
}

#paypal-wrapper {
  border-radius: 10px;
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-handicaps.png");
  background-size: 100% 100%;
  box-shadow: 0 0 5px black;
}
#paypal-wrapper a {
  display: inline-block !important;
  width: 100%;
  height: 100%;
  border: none !important;
  border-image: none !important;
  text-align: center;
  outline: none;
}
#paypal-wrapper a:active, #paypal-wrapper a:focus {
  border-image: none !important;
  border: none !important;
  outline: none;
}
#paypal-wrapper table,
#paypal-wrapper tr,
#paypal-wrapper td {
  background-image: none !important;
  background-color: transparent !important;
  padding: 5px;
  border: none !important;
  color: white;
  box-shadow: none;
  text-align: center;
}

ul#friends-menu,
ul#following-menu {
  padding: 0 10px;
  border-radius: 10px;
}
ul#friends-menu li,
ul#following-menu li {
  height: 33px;
  list-style: none;
  list-style-type: none;
}
ul#friends-menu li a,
ul#following-menu li a {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.prominent.button {
  font-size: 1.25em;
  font-weight: bold;
  color: white;
}
.prominent.button.golden {
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-gold.png");
  background-size: 100% 100%;
}
.prominent.button.golden:hover {
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-gold-dark.png");
  background-size: 100% 100%;
}

td.prominent,
div.prominent {
  border-radius: 10px;
}
td.prominent p,
div.prominent p {
  margin: 0;
}

.handicaps.prominent {
  width: 100%;
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-grey.png");
  background-size: 100% 100%;
}
.handicaps.prominent .button.emphasis {
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-handicaps-dark-emphasis.png");
  background-size: 100% 100%;
  box-shadow: 0 0 5px black;
}
.handicaps.prominent .button.emphasis:hover {
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-handicaps-light.png");
  background-size: 100% 100%;
  color: yellow;
}
.handicaps.prominent td {
  padding: 0 10px;
  text-align: center;
}

.prominent a,
.prominent button,
.prominent .button,
.prominent a:hover,
.prominent .button:hover,
.prominent button:hover {
  font-size: 1.5em;
  font-weight: bold;
  color: white;
}
.prominent table,
.prominent table:hover {
  font-size: 1.5em;
  width: 100%;
  text-align: center;
}
.prominent table td,
.prominent table:hover td {
  color: white;
}

.slider_container {
  width: 100%;
  padding: 10px;
  border: 1px solid gray;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgeEBsp3jztHwAAAEhJREFUGNOVkLERwDAIA99k/42xlC5pMIc7OASPhG0H4AB2ACqqadtL9gfKVqzTxhTkgqvrr35QXvvtB1kcmIatk7dBLnrWwi+0vmbI+IYQ9gAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-color: grey;
}
.slider_container .button {
  text-align: left;
}
.slider_container .image_slider_wrapper {
  overflow: hidden;
}
.slider_container .image_slider_wrapper #image_slider {
  margin: 0;
  height: 280px;
  padding: 0;
}
.slider_container .image_slider_wrapper #image_slider h3,
.slider_container .image_slider_wrapper #image_slider h4 {
  margin-top: 0;
  margin-bottom: 10px;
}
.slider_container .image_slider_wrapper #image_slider h3,
.slider_container .image_slider_wrapper #image_slider h4 {
  text-align: center;
}
.slider_container .image_slider_wrapper #image_slider li {
  max-width: 100%;
  list-style: none;
}
.slider_container .image_slider_wrapper #image_slider li .button {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.slider_container .image_slider_wrapper #image_slider li a.button {
  display: inline-block;
  box-sizing: border-box;
  line-height: 1em !important;
}

#gvPlayerCourseHandcapsNU td,
#gvPlayerCourseHandcapsNU th {
  text-align: center;
}

table.theme.round-glass.dev-express-grid-view {
  background-color: transparent;
  background-image: url("/Systems/Graphics/ChangeOnlyInCommons/NetworkButtonBackGrounds/fancy-bg-handicaps.png");
  background-size: 100% 48px;
  background-repeat: no-repeat;
}
table.theme.round-glass.dev-express-grid-view tr,
table.theme.round-glass.dev-express-grid-view th,
table.theme.round-glass.dev-express-grid-view table,
table.theme.round-glass.dev-express-grid-view .dxgvTable.dxMSTouchDraggable {
  background-color: transparent !important;
}
table.theme.round-glass.dev-express-grid-view > tbody > tr > td {
  padding: 0;
  background-color: transparent;
}
table.theme.round-glass.dev-express-grid-view td {
  background-image: none !important;
}
table.theme.round-glass.dev-express-grid-view .dxgvHeader {
  padding: 0;
  background-image: none !important;
  background-color: transparent;
}
table.theme.round-glass.dev-express-grid-view .dxgvHeader table tr td {
  color: white;
  background-image: none !important;
  font-size: 22px;
}
table.theme.round-glass.dev-express-grid-view .dxgvDataRow td {
  padding: 4px 6px;
  font-size: 16px;
  background-image: none !important;
}
table.theme.round-glass.dev-express-grid-view .dxgvDataRow:nth-child(odd) > td {
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -moz-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: -o-linear-gradient(-90deg, #cbe3ea 0, #a0d2e2 90%);
  background-image: linear-gradient(180deg, #cbe3ea 0, #a0d2e2 90%);
}
table.theme.round-glass.dev-express-grid-view .dxgvDataRow:nth-child(even) td {
  background-color: white;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -moz-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: -o-linear-gradient(-90deg, #f6f6f6 0, #dcdcdc 90%);
  background-image: linear-gradient(180deg, #f6f6f6 0, #dcdcdc 90%);
}
table.theme.round-glass.dev-express-grid-view .dxgvDataRow:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
table.theme.round-glass.dev-express-grid-view .dxgvDataRow:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.handiForm td:first-child {
  text-align: right;
}
.handiForm input {
  font-size: 22px;
  font-family: Verdana, Ariel, Helvetica, san-serif, Neue, Lucida Grande, "Segoe UI";
}
.handiForm input[type=number], .handiForm input[type=email], .handiForm input[type=tel], .handiForm input[type=password], .handiForm input[type=text] {
  padding: 5px;
  width: 100%;
  border: 1px solid grey;
  box-shadow: 0 0 5px black;
  border-radius: 5px;
}
.handiForm td[colspan="2"],
.handiForm td[colspan="3"] {
  text-align: right;
}
.handiForm td:nth-child(3) {
  text-align: left;
}

span.handi-check-box input,
input.handi-check-box {
  height: 22px;
  width: 22px;
}

input.handi-text {
  box-sizing: border-box;
}

table.handi-wrapper,
.handi-wrapper > table {
  width: 100%;
}
table.handi-wrapper > tr > td,
table.handi-wrapper > tbody > tr > td,
.handi-wrapper > table > tr > td,
.handi-wrapper > table > tbody > tr > td {
  padding: 10px 0;
  margin: 0 auto;
}
table.handi-wrapper > tr > td h3,
table.handi-wrapper > tbody > tr > td h3,
.handi-wrapper > table > tr > td h3,
.handi-wrapper > table > tbody > tr > td h3 {
  text-align: center;
}
table.handi-wrapper > tr > td input[type=radio],
table.handi-wrapper > tr > td input[type=checkbox],
table.handi-wrapper > tbody > tr > td input[type=radio],
table.handi-wrapper > tbody > tr > td input[type=checkbox],
.handi-wrapper > table > tr > td input[type=radio],
.handi-wrapper > table > tr > td input[type=checkbox],
.handi-wrapper > table > tbody > tr > td input[type=radio],
.handi-wrapper > table > tbody > tr > td input[type=checkbox] {
  width: 20px;
  height: 20px;
}
table.handi-wrapper.central-alignment > tr td:first-child,
table.handi-wrapper.central-alignment > tbody > tr td:first-child,
.handi-wrapper > table.central-alignment > tr td:first-child,
.handi-wrapper > table.central-alignment > tbody > tr td:first-child {
  padding-right: 5px;
  text-align: right;
}
table.handi-wrapper.central-alignment > tr td:last-child,
table.handi-wrapper.central-alignment > tbody > tr td:last-child,
.handi-wrapper > table.central-alignment > tr td:last-child,
.handi-wrapper > table.central-alignment > tbody > tr td:last-child {
  padding-left: 5px;
  text-align: left;
}

td[align=left] {
  text-align: left !important;
}

#pnlSelectFriend {
  position: fixed;
  left: 50%;
  top: 200px;
  width: 505px;
  border: 2px double #414141;
  border-radius: 10px !important;
  margin-left: -251.5px;
  background: #efefef url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAH0CAYAAAD8PUeXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH3AgdEBws86IguQAAAJ9JREFUSMfFlUkOwCAMAwf+/+WS3lpVAmSTSL2gbmTBnpSIuDpAB+JZsK/e2+XbfRS/AjowVgGiA80JalW1/5hE3vZtq1AFdYevQiRUVbcJvhJsobop02B10+Mscs0zoXrfdQKrKlZ727bJ+Q0n2yEVGfIKR24mbyHYqm7NdtiYsB8i2NaU9/3sA7E3ZiGwglqH4zBt0WreDv8p/iH+ttzhV//kwlNBeQAAAABJRU5ErkJggg==") 100%;
  background-size: contain;
  opacity: 1;
  z-index: 1111;
  position: absolute;
}
#pnlSelectFriend td.section_bg {
  border-radius: 10px 10px 0 0;
}

.content-heading {
  text-align: center;
}

.handi-error {
  display: block;
  color: red !important;
  margin-bottom: 10px;
}

body div input.success,
body div a.success {
  border: 2px solid #044904 !important;
  color: #044904 !important;
  background-color: white !important;
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, white 33%, darkgray 95%) !important;
}
body div input.success:hover,
body div a.success:hover {
  background-color: darkgray !important;
  background-image: linear-gradient(180deg, white 33%, gray 88%) !important;
}

body div input.warning,
body div a.warning,
body div a.cancel,
body div input.cancel {
  border: 2px solid #c2810a !important;
  color: #c2810a !important;
  background-color: white !important;
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, white 33%, darkgray 95%) !important;
}
body div input.warning:hover,
body div a.warning:hover,
body div a.cancel:hover,
body div input.cancel:hover {
  background-color: darkgray !important;
  background-image: linear-gradient(180deg, white 33%, gray 88%) !important;
}

body div input.danger,
body div a.danger,
body div input[type=submit].danger,
body div#content input.danger,
body div#content a.danger,
body div#content input[type=submit].danger {
  border: 2px solid #c20a0a !important;
  color: #c20a0a !important;
  background-color: white !important;
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, white 33%, darkgray 95%) !important;
}
body div input.danger:hover,
body div a.danger:hover,
body div input[type=submit].danger:hover,
body div#content input.danger:hover,
body div#content a.danger:hover,
body div#content input[type=submit].danger:hover {
  background-color: darkgray !important;
  background-image: linear-gradient(180deg, white 33%, gray 88%) !important;
}

#pnlExplanation {
  width: 1110px;
  margin-left: -555px;
}

td.column-1-3,
td.column-2-3,
td.column-3-3 {
  width: 330px;
  margin-left: 10px;
  margin-right: 10px;
}
td.column-1-3 input.ButtonStyle,
td.column-2-3 input.ButtonStyle,
td.column-3-3 input.ButtonStyle {
  display: block;
  margin-bottom: 10px;
}

div.section {
  border: 3px gray groove;
  border-radius: 5px;
  padding: 0 10px 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  background-image: linear-gradient(360deg, #cdcdcd, #efefef);
}

#golfCommunityLogin #login {
  width: 1222px;
}

input.gcnButton {
  border-style: solid;
  border-color: #CEA74B;
  background-image: linear-gradient(360deg, black, gray);
  color: #efefef;
}

.gcn div.section {
  border-color: #CEA74B;
}
.gcn div.section h2 {
  text-align: center;
}

.fixed-header > tbody > tr th,
.fixed-header > thead > tr th {
  position: sticky;
  top: 0;
}

.handiColumnContainer .drop-down-list {
  margin-top: 10;
}

.handiColumnContainer {
  display: flex;
  flex-direction: column;
}
.handiColumnContainer > div {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding: 0 0 5px 0;
}
.handiColumnContainer > div > div {
  flex: 1;
  flex-direction: row;
  padding: 0 0 5px 5px;
}

.hidden,
.hide {
  display: none !important;
}

td.name,
th.name {
  text-align: left !important;
  padding-left: 5px;
}

/* Rounded sliders */
.switch {
  position: relative;
  display: inline-block;
  min-width: 45px;
  height: 25px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch span.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
  color: white;
}
.switch span.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  min-width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.switch input::not(:checked) + .slider {
  background-color: red;
}
.switch input:checked + .slider {
  background-color: green;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px green;
}
.switch input:checked + .slider:before {
  left: -2px;
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

ul.handi-list {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Take up space because you're a big deal. */
ul.grand {
  display: flex;
  flex-direction: column;
}
ul.grand li {
  flex-grow: 1;
}
ul.grand button,
ul.grand a,
ul.grand input[type=submit] {
  font-size: 2em;
}

input.grand {
  font-size: 2.5em;
  min-height: 55px;
}

div#content input.success,
div#content input.success.button,
div#content input.success.btn,
div#content input[type=submit].success,
div#content input[type=submit].success.button,
div#content input[type=submit].success.btn {
  background-color: white !important;
  color: #363 !important;
  border: 2px solid green !important;
}
div#content input.success:hover,
div#content input.success.button:hover,
div#content input.success.btn:hover,
div#content input[type=submit].success:hover,
div#content input[type=submit].success.button:hover,
div#content input[type=submit].success.btn:hover {
  background-color: #333 !important;
  color: #141 !important;
  border: 2px solid green !important;
  background-image: linear-gradient(180deg, white 0, #333 100%) !important;
}

table.hbh {
  width: 100%;
  border-collapse: collapse;
}
table.hbh td {
  border: 1px solid;
}
table.hbh tr + td {
  font-size: 14px;
  font-weight: bold;
}
table.hbh tr.holes,
table.hbh tr.par,
table.hbh tr.scores,
table.hbh tr.fairway-position,
table.hbh tr.middle,
table.hbh tr.yards,
table.hbh tr.hdcps,
table.hbh tr.hdcp,
table.hbh tr.net-scores,
table.hbh tr.strokes {
  background-color: #a0d2e2;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
table.hbh tr.scores,
table.hbh tr.strokes {
  background-color: white;
}
table.hbh tr.holes {
  background-color: #293f54;
}
table.hbh tr.holes td,
table.hbh tr.holes span {
  color: white;
  padding: 2px;
  font-size: 14px;
  font-weight: bold;
}
table.hbh tr.yards {
  background-color: #abc3cb;
}
table.hbh tr.par {
  background-color: #cbe3fb;
}
table.hbh tr.net-scores {
  background-color: white;
}
table.hbh tr.scores,
table.hbh tr.hdcps,
table.hbh tr.net-scores {
  height: 34px;
  font-size: 15px;
  line-height: 15px;
  /* outer wrapper */
  /* inner wrapper */
}
table.hbh tr.scores span.eagle,
table.hbh tr.scores span.double-bogey,
table.hbh tr.hdcps span.eagle,
table.hbh tr.hdcps span.double-bogey,
table.hbh tr.net-scores span.eagle,
table.hbh tr.net-scores span.double-bogey {
  border: 1px solid black;
  max-width: 24px;
  min-width: 24px;
  width: 24px;
  max-height: 24px;
  min-height: 24px;
  height: 24px;
  padding: 2px;
}
table.hbh tr.scores span.bogey,
table.hbh tr.scores span.birdie,
table.hbh tr.hdcps span.bogey,
table.hbh tr.hdcps span.birdie,
table.hbh tr.net-scores span.bogey,
table.hbh tr.net-scores span.birdie {
  border-radius: 5;
  border: 1px solid black;
  width: 22px;
  max-width: 22px;
  height: 22px;
  max-height: 22px;
}
table.hbh tr.scores span.birdie,
table.hbh tr.scores span.eagle,
table.hbh tr.hdcps span.birdie,
table.hbh tr.hdcps span.eagle,
table.hbh tr.net-scores span.birdie,
table.hbh tr.net-scores span.eagle {
  border-radius: 22px;
}
table.hbh tr.hdcps {
  height: auto;
  min-height: 22px;
  font-size: 15px;
  line-height: 15px;
  justify-content: center;
}

div.hbh {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-between;
}
div.hbh .title {
  width: 86px;
  font-size: 12px;
  text-align: left;
  justify-self: center;
  align-self: center;
  padding-left: 5px;
}
div.hbh > div.holes,
div.hbh > div.par,
div.hbh > div.scores,
div.hbh > div.fairway-position,
div.hbh > div.middle,
div.hbh div.yards,
div.hbh div.hdcps,
div.hbh div.hdcp,
div.hbh div.net-scores,
div.hbh div.strokes {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #a0d2e2;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
div.hbh > div.holes.net-scores,
div.hbh > div.par.net-scores,
div.hbh > div.scores.net-scores,
div.hbh > div.fairway-position.net-scores,
div.hbh > div.middle.net-scores,
div.hbh div.yards.net-scores,
div.hbh div.hdcps.net-scores,
div.hbh div.hdcp.net-scores,
div.hbh div.net-scores.net-scores,
div.hbh div.strokes.net-scores {
  border-bottom: 1px solid black;
}
div.hbh > div.holes > div,
div.hbh > div.par > div,
div.hbh > div.scores > div,
div.hbh > div.fairway-position > div,
div.hbh > div.middle > div,
div.hbh div.yards > div,
div.hbh div.hdcps > div,
div.hbh div.hdcp > div,
div.hbh div.net-scores > div,
div.hbh div.strokes > div {
  border-left: 1px solid black;
  display: flex;
  flex-direction: row;
  flex: 5;
}
div.hbh > div.holes > div > div,
div.hbh > div.holes > div > span,
div.hbh > div.par > div > div,
div.hbh > div.par > div > span,
div.hbh > div.scores > div > div,
div.hbh > div.scores > div > span,
div.hbh > div.fairway-position > div > div,
div.hbh > div.fairway-position > div > span,
div.hbh > div.middle > div > div,
div.hbh > div.middle > div > span,
div.hbh div.yards > div > div,
div.hbh div.yards > div > span,
div.hbh div.hdcps > div > div,
div.hbh div.hdcps > div > span,
div.hbh div.hdcp > div > div,
div.hbh div.hdcp > div > span,
div.hbh div.net-scores > div > div,
div.hbh div.net-scores > div > span,
div.hbh div.strokes > div > div,
div.hbh div.strokes > div > span {
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid black;
}
div.hbh > div.holes > div div,
div.hbh > div.holes > div span,
div.hbh > div.par > div div,
div.hbh > div.par > div span,
div.hbh > div.scores > div div,
div.hbh > div.scores > div span,
div.hbh > div.fairway-position > div div,
div.hbh > div.fairway-position > div span,
div.hbh > div.middle > div div,
div.hbh > div.middle > div span,
div.hbh div.yards > div div,
div.hbh div.yards > div span,
div.hbh div.hdcps > div div,
div.hbh div.hdcps > div span,
div.hbh div.hdcp > div div,
div.hbh div.hdcp > div span,
div.hbh div.net-scores > div div,
div.hbh div.net-scores > div span,
div.hbh div.strokes > div div,
div.hbh div.strokes > div span {
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
div.hbh > div.holes > div div.in,
div.hbh > div.holes > div span.in,
div.hbh > div.holes > div div.out,
div.hbh > div.holes > div span.out,
div.hbh > div.par > div div.in,
div.hbh > div.par > div span.in,
div.hbh > div.par > div div.out,
div.hbh > div.par > div span.out,
div.hbh > div.scores > div div.in,
div.hbh > div.scores > div span.in,
div.hbh > div.scores > div div.out,
div.hbh > div.scores > div span.out,
div.hbh > div.fairway-position > div div.in,
div.hbh > div.fairway-position > div span.in,
div.hbh > div.fairway-position > div div.out,
div.hbh > div.fairway-position > div span.out,
div.hbh > div.middle > div div.in,
div.hbh > div.middle > div span.in,
div.hbh > div.middle > div div.out,
div.hbh > div.middle > div span.out,
div.hbh div.yards > div div.in,
div.hbh div.yards > div span.in,
div.hbh div.yards > div div.out,
div.hbh div.yards > div span.out,
div.hbh div.hdcps > div div.in,
div.hbh div.hdcps > div span.in,
div.hbh div.hdcps > div div.out,
div.hbh div.hdcps > div span.out,
div.hbh div.hdcp > div div.in,
div.hbh div.hdcp > div span.in,
div.hbh div.hdcp > div div.out,
div.hbh div.hdcp > div span.out,
div.hbh div.net-scores > div div.in,
div.hbh div.net-scores > div span.in,
div.hbh div.net-scores > div div.out,
div.hbh div.net-scores > div span.out,
div.hbh div.strokes > div div.in,
div.hbh div.strokes > div span.in,
div.hbh div.strokes > div div.out,
div.hbh div.strokes > div span.out {
  min-width: 8%;
  flex: 2;
  font-weight: bold;
}
div.hbh > div.holes > div.total,
div.hbh > div.holes > span.total,
div.hbh > div.par > div.total,
div.hbh > div.par > span.total,
div.hbh > div.scores > div.total,
div.hbh > div.scores > span.total,
div.hbh > div.fairway-position > div.total,
div.hbh > div.fairway-position > span.total,
div.hbh > div.middle > div.total,
div.hbh > div.middle > span.total,
div.hbh div.yards > div.total,
div.hbh div.yards > span.total,
div.hbh div.hdcps > div.total,
div.hbh div.hdcps > span.total,
div.hbh div.hdcp > div.total,
div.hbh div.hdcp > span.total,
div.hbh div.net-scores > div.total,
div.hbh div.net-scores > span.total,
div.hbh div.strokes > div.total,
div.hbh div.strokes > span.total {
  flex: 1;
  max-width: 122px;
  font-weight: bold;
  align-self: center;
}
div.hbh div.scores,
div.hbh div.strokes {
  background-color: white;
}
div.hbh div.holes {
  background-color: #293f54;
}
div.hbh div.holes div,
div.hbh div.holes span {
  color: white;
}
div.hbh div.yards {
  background-color: #abc3cb;
}
div.hbh div.par {
  background-color: #cbe3fb;
}
div.hbh div.net-scores {
  background-color: white;
}
div.hbh > div.scores,
div.hbh > div.hdcps,
div.hbh > div.net-scores {
  height: 34px;
  font-size: 15px;
  line-height: 15px;
  justify-content: center;
  /* outer wrapper */
  /* inner wrapper */
}
div.hbh > div.scores div,
div.hbh > div.scores span,
div.hbh > div.hdcps div,
div.hbh > div.hdcps span,
div.hbh > div.net-scores div,
div.hbh > div.net-scores span {
  justify-content: center;
}
div.hbh > div.scores div.eagle,
div.hbh > div.scores div.double-bogey,
div.hbh > div.scores span.eagle,
div.hbh > div.scores span.double-bogey,
div.hbh > div.hdcps div.eagle,
div.hbh > div.hdcps div.double-bogey,
div.hbh > div.hdcps span.eagle,
div.hbh > div.hdcps span.double-bogey,
div.hbh > div.net-scores div.eagle,
div.hbh > div.net-scores div.double-bogey,
div.hbh > div.net-scores span.eagle,
div.hbh > div.net-scores span.double-bogey {
  border: 1px solid black;
  max-width: 24px;
  min-width: 24px;
  width: 24px;
  max-height: 24px;
  min-height: 24px;
  height: 24px;
  padding: 2px;
}
div.hbh > div.scores div.bogey,
div.hbh > div.scores span.bogey,
div.hbh > div.scores span.birdie,
div.hbh > div.scores div.birdie,
div.hbh > div.hdcps div.bogey,
div.hbh > div.hdcps span.bogey,
div.hbh > div.hdcps span.birdie,
div.hbh > div.hdcps div.birdie,
div.hbh > div.net-scores div.bogey,
div.hbh > div.net-scores span.bogey,
div.hbh > div.net-scores span.birdie,
div.hbh > div.net-scores div.birdie {
  border-radius: 5;
  border: 1px solid black;
  width: 22px;
  max-width: 22px;
  height: 22px;
  max-height: 22px;
}
div.hbh > div.scores div.birdie,
div.hbh > div.scores div.eagle,
div.hbh > div.scores span.birdie,
div.hbh > div.scores span.eagle,
div.hbh > div.hdcps div.birdie,
div.hbh > div.hdcps div.eagle,
div.hbh > div.hdcps span.birdie,
div.hbh > div.hdcps span.eagle,
div.hbh > div.net-scores div.birdie,
div.hbh > div.net-scores div.eagle,
div.hbh > div.net-scores span.birdie,
div.hbh > div.net-scores span.eagle {
  border-radius: 22px;
}
div.hbh > div.hdcps {
  height: auto;
  min-height: 22px;
  font-size: 15px;
  line-height: 15px;
  justify-content: center;
}
a.cancel,
input.cancel,
a.success,
input.success,
a.warning,
input.warning,
a.danger,
input.danger {
  width: fit-content;
  display: block;
  font-size: 22px;
  line-height: unset !important;
  border-radius: 5px;
  padding: 5px;
}

table.grid-view {
  width: 100%;
}

input[type=submit].left {
  text-align: left !important;
}

table.handicaps {
  width: 100%;
}
table.handicaps tr td input[type=radio] {
  width: 1.5em;
  height: 1.5em;
}
table.handicaps tr td label {
  font-size: 22px;
}

table.ghn {
  width: 100%;
}
table.ghn tr td,
table.ghn tr th {
  padding: 2px;
  text-align: center;
}
table.ghn tr td.name,
table.ghn tr th.name {
  text-align: left;
}
table.ghn tr th {
  color: white;
}
table.ghn tr:nth-child(even) {
  background-color: #efefef;
}

.center {
  margin-left: auto;
  margin-right: auto;
}
