* {
  box-sizing: border-box;
  font-family: Roboto;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}
header {
  border-bottom: 2px solid #1b248c;
  width: 100%;
  background: white;
  z-index: 100;
  position: relative;
}
header #oklive {
  background: #ce0000;
  color: white;
  border: 2px solid #ce0000;
  font-size: 1.5rem;
  font-weight: bold;
  box-shadow: 1px 1px 5px 0 #333;
  padding: .875rem 3rem;
  top: .25rem;
}
header #oklive:hover {
  background: white;
  color: #ce0000;
}
header .oklive {
  position: absolute;
  top: 0;
  right: 50%;
}
header .oklive input[type="submit"] {
  padding: .75em 1em;
}
header img {
  margin: .75em .75em .5em;
}
header .profile_image {
  width: 65px;
  height: 65px;
  float: right;
  padding: .375em;
}
header .profile_image img {
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile-container {
  float: right;
  position: relative;
  right: 1em;
  cursor: pointer;
}
.profile-container h6 {
  float: left;
  font-size: 1.25em;
  line-height: 3em;
  color: #1b248c;
  font-weight: 600;
}
.profile-container i {
  font-size: 4em;
  display: block;
  float: right;
  color: #1b248c;
}
.profile-container nav {
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 2px;
  display: inline-block;
  position: absolute;
  top: 4em;
  left: -9999px;
  width: 200px;
  background: white;
}
.profile-container:hover nav {
  left: inherit;
  right: 0;
}
header .blue-button {
  position: absolute;
  top: .5em;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding: .875em 1.25em;
  font-size: 1em;
}
.blue-button {
  padding: .875em 1.125em;
  background: #1b248c;
  color: white;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
  border: 2px solid #1b248c;
  transition: .2s ease;
  font-size: .875em;
}
.blue-button:hover {
  background: white;
  color: #1b248c;
  text-decoration: none;
}
a {
  color: #0275d8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
nav a {
  display: block;
  padding: 1em;
}
nav a:hover {
  color: white;
  background: #1b248c;
  text-decoration: none;
}
header nav a.currentpage {
  background: #1b248c;
  color: white;
}
.mainnav {
  width: 250px;
  height: 100%;
  background: #1b248c;
  position: fixed;
  z-index: 1;
  padding-top: 66px;
  margin-top: -66px;
}
.mainnav li {
  position: relative;
}
.mainnav li:hover {
  background: white;
}
.mainnav li:hover a {
  color: #0275d8;
}
.mainnav li:hover ul {
  left: 250px;
}
.mainnav li ul {
  position: absolute;
  left: -9999px;
  top: 0;
  width: 200px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 2px;
  background: white;
}
.mainnav li ul a {
  color: #1b248c;
}
.mainnav li ul a:hover {
  background: #1b248c;
  color: white;
}
.mainnav a {
  color: white;
  padding: 1em .5em 1em 1.5em;
}
.mainnav a i {
  font-size: 2em;
  margin-top: -.25em;
  float: right;
}
.mainnav a:hover {
  background: white;
  color: #1b248c;
}
.mainnav a.currentpage {
  background: white;
  color: #1b248c;
}
.mainnav li ul li a.currentpage {
  background: #1b248c;
  color: white;
}
main {
  margin-left: 250px;
  padding: 15px 25px;
  position: relative;
  min-height: calc(100% - 191px);
}
#error_404 main {
  min-height: calc(100% - 188px);
}
#homepage main, #tourneyschedule main, #tourney_index main, #software main, #faqs main, #contact main {
  width: calc(75% - 250px);
  float: left;
}
h2 {
  color: #1b248c;
  font-size: 2em;
}
h2 + a {
  margin-top: 1em;
  display: inline-block;
}
p {
  padding-top: .75em;
}
.italic {
  font-style: italic;
}
h2 + p {
  padding-top: 1em;
}
#homepage h2 + p {
  padding-top: .5em;
}
#tourneyschedule h2 + p, #board_results h2 + p {
  font-weight: 600;
  line-height: 1.25em;
  max-width: 750px;
}
h3 {
  text-align: center;
  font-size: 1.5em;
  font-weight: 600;
  padding: .5em;
  color: white;
  background: #1b248c;
}
#account_maintenance h3 {
  text-align: left;
  width: 716px;
  margin-top: 1em;
}
#pricing h3 {
  text-align: left;
  width: 600px;
  margin-top: 1.5em;
}
[id="2over1_hardy_sys"] h3, #four_card_majors_sys h3 {
  margin: 2em 0 1em;
  max-width: 750px;
}
#precision_sys main h5 {
  margin-top: 1em;
  font-size: 1.125em;
}
p.small {
  padding: 0;
}
#pricing main h4 {
  margin-top: 1.25em;
}
#account_maintenance p {
  margin-left: 1em;
}
#tutorials p, #manuals p {
  margin-top: 1em;
}
#tutorials b {
  font-size: 1.125em;
}
#manuals h4, #contact h4 {
  margin: 1.5em 0 .5em;
}
main p {
  max-width: 700px;
  line-height: 1.25em;
}
#homepage main p {
  max-width: none;
}
#error_404 main {
  margin: 0;
  padding: 1em;
}
#error_404 h1 {
  font-size: 15em;
  color: #1b248c;
  text-align: center;
}
#error_404 h2 {
  text-align: center;
  font-size: 3em;
}
#error_404 header h6 {
  font-size: 2em;
  margin: 0;
  line-height: 2em;
}
#error_404 main p {
  text-align: center;
  font-size: 1.125em;
  max-width: none;
  max-width: 1220px;
  margin: auto;
}
#error_404 main div {
  border: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
#error_404 main .blue-button {
  padding: 1.25em 1.5em;
  font-size: 1em;
  display: inline-block;
  margin: 1em 1em 0 0;
  float: none;
}
#error_404 main div .blue-button:first-of-type {
  background: white;
  color: #1b248c;
}
#error_404 main .blue-button:hover {
  background: white;
  color: #1b248c;
}
main div, aside div {
  margin: 1em 0;
  border: 2px solid #1b248c;
  padding: 1em;
}
div.temporary {
  margin: 0;
}
div.temporary h4 {
  font-size: 1.5em;
  margin-top: 1.25em;
  float: left;
}
div.temporary table {
  margin: 1em 0 0;
  display: inline-table;
}
#contact .address {
  border: none;
  text-align: center;
  width: 300px;
  margin: 2em 0 0;
  padding: 0;
  line-height: 1.5;
}
#contact div b {
  display: block;
}
main img {
  width: 150px;
}
#sayc_sys main img, [id="2over1_sys"] main img, [id="2over1_hardy_sys"] main img, [id="2over1_hardy_partner_sys"] main img, #four_card_majors_sys main img, #precision_sys main img, .conventions main img, #dictionary #symbols img {
  width: 13px;
  height: 11px;
}
.conventions main table {
  width: auto;
}
.conventions main table tr:first-child {
  font-weight: 400;
}
.conventions main table tr:nth-child(odd) {
  background: white;
}
#drury main table {
  width: auto;
}
#drury main table tr:first-child {
  font-weight: 400;
}
#drury main table tr:nth-child(odd) {
  background: white;
}
[id="2over1_sys"] main table, [id="2over1_hardy_partner_sys"] main table` {
  margin: 1em 0;
  width: auto;
}
[id="2over1_sys"] main table tr:first-child, [id="2over1_hardy_partner_sys"] main table tr:first-child, #precision_sys main table tr:first-child {
  font-weight: 400;
}
[id="2over1_sys"] main table tr:nth-child(odd), [id="2over1_hardy_partner_sys"] main table tr:nth-child(odd) {
  background: white;
}
#change_photo main img {
  width: auto;
}
#photo_gallery main img {
  display: block;
  margin-top: 1em;
}
#photo_gallery form div, #change_photo form div {
  border: none;
  margin: 2em 1em 0 0;
  padding: 0;
  text-align: center;
  display: inline-block;
  min-width: 150px;
}
#photo_gallery form img, #change_photo {
  margin: 0 auto;
}
#photo_gallery form div div, #change_photo form div div {
  border: none;
  margin: 0 auto;
  padding: 0;
}
figure {
  float: left;
  margin-bottom: 1em;
}
figure a {
  display: block;
  margin-top: .5em;
}
.account-info .blue-button {
  width: 105px;
  margin-left: 1em;
}
.account-info td a.blue-button {
  width: auto;
  margin: .25em 0 0;
}
.account-info table {
  margin: 1em 0;
  position: relative;
}
.account-info tr:first-of-type {
  font-weight: 400;
}
input[type="button"] {
  cursor: pointer;
}
#homepage .account-info table tr td:last-child {
  text-align: right;
}
main table {
  width: 100%;
}
#my_account main table {
  /* width: auto; */
  margin: 2em 0;
}
#my_account main ul li {
  margin: .5em 0 .5em 2em;
  font-size: .875em;
}
#my_account main p {
  max-width: 900px;
  padding-top: 1em;
}
#prefs #message {
  border-radius: 10px;
}
#prefs #message.prefs-success {
  background: #c7ffcf;
  border: 2px solid green;
}
#prefs #message.prefs-error {
  background: #ffeae8;
  border: 2px solid red;
}
#prefs #message i.material-icons {
  float: right;
  cursor: pointer;
}
#prefs #message h4 {
  margin: 0 0 .5em;
}
#prefs main .section2_container {
  display: none;
}
#prefs main .conditions {
  display: none;
}
#prefs input[type="submit"] {
  position: static;
  margin: 1.5em 1.5em 0 0;
  min-width: 100px;
}
#prefs main p {
  max-width: 900px;
  padding: .25em 0 .75em;
}
#prefs p.small {
  font-size: .875em;
  padding: .5em 0;
}
#prefs label {
  margin-bottom: 0;
}
#prefs main li {
  margin: .25em 1em .5em;
  line-height: 1.25;
}
#prefs h3 {
  margin: 0 0 .5em;
}
#prefs .invalid {
  border: 2px solid red;
  background: #ffe9e9;
}
#prefs .invalid:disabled {
  border: 2px solid #ccc;
  background: #eee;
}
#prefs .valid {
  border: 2px solid green;
  background: #c7ffcf;
}
#prefs .valid:disabled {
  border: 2px solid #ccc;
  background: #eee;
}
#prefs .section2_container h4 {
  margin: .5em 0 1em;;
}
#prefs .section2_container ul {
  margin-left: 1em;
}
#prefs main li {
  max-width: 900px;
}
#my_account p.alert {
  padding: 0 0 .5em;
}
#my_account label span {
  line-height: 1.25;
}
#my_account .display_chkboxes {
  margin: 1em 0 0;
}
#my_account main ul {
  margin-top: 1em;
}
#my_account div.acbl label {
  display: block;
  margin: 2em 1em 1em;
}
#my_account div.acbl input {
  margin: 0 1em;
}
#my_account div.acbl p {
  font-size: .875em;
  margin-left: 1em;
  padding-top: .5em;
}
.display_chkboxes_all {
  display: none;
}
#my_account main h4 {
  margin: 1.75em 0 .25em;
  font-size: 1em;
}
#my_account p.small {
  padding: 0;
  max-width: none;
}
#my_account tr:first-child {
  font-weight: 400;
}
#my_account tr {
  background: white;
}
#my_account form div {
  border: none;
  margin: 1em 0;
  padding: 0;
}
#prefs form div {
  border: none;
  margin: .5em 0;
  padding: 0;
}
#my_account main form table tr:first-child {
  font-weight: 400;
}
#my_account main form table tr:nth-child(odd) {
  background: white;
}
#my_account main form input[type="submit"] {
  position: static;
  margin-bottom: 1em;
}
#my_account main img {
  width: auto;
  margin-top: 1em;
  float: right;
}
#my_account main label {
  margin: 0;
}
#conduct_rules main h4, #conduct_procedures main h4 {
  margin-top: 1em;
}
main li {
  margin: 1em;
  max-width: 700px;
}
td {
  padding: .5em;
}
tr:first-child {
  font-weight: 600;
}
tr:nth-child(odd) {
  background: #ddd;
}
.stats {
  margin: 2em 0;
  text-align: center;
  border: 2px solid #1b248c;
}
.stats tr:first-child {
  color: white;
  background: #1b248c;
}
.stats td {
  border-right: 2px solid #1b248c;
}
#board_results .stats td {
  border-right: none;
}
#tourney_results .stats tr:first-child + tr td {
  display: none;
}
#acbl_tourney_leaders h4, #tourney_leaders h4 {
  margin: 1em 0;
  color: #1b248c;
}
#acbl_tourney_leaders div, #tourney_leaders div {
  border: none;
}
.linkspacing {
  display: inline-block;
  margin-right: 2em;
}
#acbl_tourney_leaders .triplecolumns, #tourney_leaders .triplecolumns {
  padding: 0;
  margin: 2em 0;
}
#acbl_tourney_leaders main div div, #tourney_leaders main div div {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0 1em 0 0;
}
#acbl_tourney_leaders table tr:first-child, #tourney_leaders table tr:first-child {
  text-align: center;
  background: #1b248c;
  color: white;
}
#acbl_tourney_leaders table tr:last-child, #tourney_leaders table tr:last-child {
  font-weight: 600;
}
#acbl_tourney_leaders_archive main h4, #tourney_leaders_archive main h4 {
  margin: 1em 0;
}
#acbl_tourney_leaders_archive main table, #tourney_leaders_archive main table {
  width: auto;
  margin: 1em 1em 1em 0;
}
#acbl_tourney_leaders_archive main table tr:first-child, #tourney_leaders_archive main table tr:first-child {
  background: #1b248c;
  color: white;
}
#acbl_tourney_leaders_archive main table td[colspan="3"], #tourney_leaders_archive main table td[colspan="3"] {
  text-align: center;
}
#pondpoints_faqs main table {
  width: 600px;
  margin: 1em 0;
}
#acbl_faqs main table tr:first-child, #pondpoints_faqs main table tr:first-child {
  background: #1b248c;
  color: white;
}
div.flex-tables {
  border: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
tr.me {
  background: #004411;
  color: white;
}
tr.friend {
  background: #abc898;
  border-bottom: 2px solid white;
}
td.friend {
  position: relative;
}
td.friend svg {
  width: 20px;
  position: absolute;
  right: 5px;
}
.lehman-rating form {
  float: right;
  margin: 1em 0 0;
}
.lehman-rating form select {
  width: 100px;
}
.lehman-rating form input[type="submit"] {
  position: relative;
  padding: .75em 1em;
  top: -.25em;
  margin-left: .5em;
}
.lehman-rating td {
  width: 25%;
  padding: .5em;
}
.columns, .stack {
  border: none;
  padding: 0;
}
.stack {
  float: right;
  width: calc(50% - .5em);
  margin: 0;
}
.leaderboards {
  width: calc(50% - .5em);
  float: left;
  margin: 0;
}
.winners {
  margin: 0;
}
.winners td:first-of-type {
  width: 70%;
}
.performance {
  position: relative;
}
.leaderboards h4 {
  font-size: 1.5em;
  margin-top: 1.25em;
  float: left;
}
#dictionary main table {
  margin: 1em 0;
  text-align: center;
}
#dictionary main table tr:nth-child(odd) {
  background: white;
}
#dictionary main table td {
  border: 2px solid #1b248c;
}
#dictionary main table td a {
  display: block;
}
#dictionary main div {
  border: none;
  display: none;
}
#dictionary main div.active {
  display: block;
}
#my_masterpoints main table, #my_pondpoints main table {
  margin: 1em 0;
}
#my_masterpoints main table tr:first-child, #my_pondpoints main table tr:first-child {
  background: #1b248c;
  color: white;
}
main .blue-button {
  float: right;
  margin-top: 1em;
}
.leaderboards table, .winners table, .performance table {
  margin: 1em 0 0;
  display: inline-table;
}
/* turn on after changing members home page back */
/* .leaderboards table:first-of-type {
  margin-bottom: 2em;
} */
.leaderboards td:last-child {
  text-align: right;
}
.performance .blue-button {
  float: left;
}
.performance ul {
  list-style: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 2px;
  display: inline-block;
  position: absolute;
  top: 8em;
  left: -9999px;
  width: 200px;
  background: white;
}
.performance ul.active {
  left: 1em;
}
.performance li a {
  color: #0275d8;
  display: block;
  padding: 1em;
  text-decoration: none;
}
.performance li a:hover {
  background: #1b248c;
  color: white;
}
#my_profile main div {
  margin: 2em 0 3em;
}
#my_profile main div + a {
  position: relative;
  bottom: 1em;
}
#my_profile #validate {
  display: inline-block;
}
#my_profile #validEmail {
  position: relative;
  top: .5em;
}
#my_profile #validEmail i.material-icons {
  font-size: 2em;
}
#my_profile form textarea {
  height: 150px;
}
#board_results .columns div {
  width: calc(50% - 10px);
  float: right;
}
#board_results .columns div:first-child {
  float: left;
}
#board_results .columns div:first-child div {
  margin: 0;
}
#board_results form h3 {
  margin-bottom: .25em;
}
#board_results .columns form div {
  border: none;
  width: 100%;
  margin: 0 0 1em;
  padding: 0;
}
#board_results main img {
  width: auto;
}
form {
  position: relative;
}
.edit-photo {
  margin: 2em 0;
}
.edit-photo input {
  display: block;
  margin-top: 1em;
}
#change_photo input[type="submit"] {
  position: static;
  display: block;
  margin-top: 2em;
}
#photo_gallery input[type="submit"] {
  position: static;
  display: block;
  margin: 2em 0 1em;
}
input[type="file"] {
  background: white;
  padding: 1em;
  border: 2px solid #1b248c;
  border-radius: 10px;
  cursor: pointer;
}
#my_profile form {
  margin-left: 11em;
}
.flyout {
  position: absolute;
  top: 0;
  left: -9999px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 2px;
  width: 500px;
  padding: 1em;
}
#account_maintenance .flyout p {
  margin-left: 0;
  margin-bottom: 1em;
}
.flyout div {
  border: none;
  margin: 0;
  padding: 0;
}
.flyout h5:first-of-type {
  margin-top: .5em;
}
#account_maintenance .flyout h5 + p {
  padding-top: .5em;
  font-size: .875em;
}
#board_results table + a {
  display: block;
  text-align: center;
  margin: 1em 0 0;
}
#board_results form input[type="submit"] {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#board_results label {
  margin: 0 .5em 1em;
}
#board_results form p {
  text-align: center;
  padding: 0 0 .25em;
}
.flyout label {
  font-weight: 400;
  display: inline-block;
  margin-left: 3em;
  margin-bottom: 0;
  position: relative;
  bottom: 1em;
  font-size: .875em;
}
.flyout div:last-child label {
  margin-left: 1em;
}
.flyout div:last-child label {
  bottom: 0;
}
.flyout input[type="submit"] {
  position: static;
  display: block;
  margin: 2em auto 1em;
}
label {
  font-weight: 600;
  margin-bottom: 1em;
  cursor: pointer;
}
#change_photo label {
  display: block;
  margin-bottom: 0;
}
input {
  display: inline-block;
}
input[type="email"] {
  display: block;
}
.formright {
  position: relative;
  left: 300px;
  width: calc(100% - 300px);
  bottom: 2em;
  margin: 0!important;
  padding: 0;
  border: none;
}
.formright:last-of-type label {
  padding-right: 1em;
}
.formright div {
  border: none;
  margin: 0!important;
  padding: .25em 0;
}
input[type="text"], input[type="email"], input[type="password"], textarea, select {
  padding: 1em;
  margin-bottom: .5em;
  width: 400px;
  max-width: 400px;
  border: 2px solid #ccc;
  border-radius: 10px;
}
input[type="number"] {
  padding: .375em;
  font-size: 1.125em;
  border: 2px solid #ccc;
  border-radius: 10px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  text-align: center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 36, 140, .6);
  outline: 0;
  border: 2px solid #1b248c;
}
input[type="search"] {
  padding: 1em;
  width: 300px;
  border: 2px solid #ccc;
  border-radius: 10px;
}
#prefs input[type="number"] {
  margin: 0 .25em;
  width: 100px;
}
#my_account main form table td:first-of-type {
  width: 150px;
}
#my_account main table input[type="text"], #my_account main table input[type="email"], #my_account main table input[type="password"] {
  width: 100%;
  max-width: none;
}
#my_account main table table {
  margin: 0;
}
#my_account main table table td {
  padding: 0;
}
#my_account input[type="button"] {
  background: #1b248c;
  color: white;
  border: 2px solid #1b248c;
  padding: 1em 1.5em;
  font-size: 1em;
  border-radius: 10px;
  margin: -.5em 0 .5em;
  transition: .2s ease;
}
#prefs input[type="button"] {
  background: #1b248c;
  color: white;
  border: 2px solid #1b248c;
  padding: 1em 1.5em;
  font-size: 1em;
  border-radius: 10px;
  margin: 2em 2em 0 0;
  transition: .2s ease;
}
#my_account input[type="button"]:hover, #prefs input[type="button"]:hover {
  background: white;
  color: #1b248c;
}
#prefs input[type="button"] + a, #prefs input[type="submit"] + a {
  position: relative;
  top: 1em;
}
#my_account main form input[type="button"]:disabled, #prefs main form input[type="button"]:disabled {
  background: #eeefff;
  color: #999;
  border: 2px solid #ccc;
  cursor: default;
}
#change_password .container {
  max-width: 734px;
}
#change_password .container div ~ p {
    padding: 0;
    margin-top: 2em;
}
#change_password .formright {
  left: 200px;
  width: calc(100% - 200px);
}
#change_password input[type="password"] {
  max-width: none;
  width: 100%;
}
#change_password .formright input + p {
  padding: 0;
  color: red;
}
#change_password input[type="submit"] {
  position: relative;
  bottom: 3.5em;
  float: right;
}
#by_board main table:first-of-type {
  margin: 2em 0;
}
#by_board main div table:first-of-type {
  margin: 0 1em 0 0;
}
#by_board main table tr:first-child {
  background: #1b248c;
  color: white;
}
#by_board main div table tr:first-child {
  text-align: center;
}
#by_board main div table tr:nth-child(2) {
  font-weight: 600;
}
div.search {
  position: relative;
}
div.search i.search {
  position: absolute;
  font-size: 2em;
  right: .25em;
  top: .25em;
  color: #1b248c;
}
form.search input[type="submit"] {
  padding: .75em;
  width: 3.5em;
  top: 0;
  opacity: 0;
}
div.cropper {
  border: none;
  padding: 0;
  margin: 2em 0 1.5em;
}
#check_messages form:last-of-type {
  margin: 2em 0 1em;
}
#check_messages form:last-of-type input[type="submit"] {
  position: static;
  display: block;
  margin-top: 1em;
}
#check_messages input#message {
  width: 500px;
}
#check_messages form div {
  padding: 0;
  margin: 0 2em 1em 0;
  border: none;
  display: inline-block;
}
#check_messages form.search div {
  margin: 2em 0 0;
}
#check_messages label {
  padding-right: .5em;
}
#check_messages input[type="text"] {
  width: auto;
  margin-bottom: 0;
}
#check_messages textarea {
  width: 300px;
  position: relative;
  top: 2.5em;
  margin-bottom: 0;
}
#check_messages .stats td, #friends_page table td {
  vertical-align: middle;
}
#check_messages .stats td:first-child {
  /* add these back in when we add the persons profile picture next to their name for the check messages page */
  /* position: relative;
  height: 100px;
  padding-left: 90px;
  width: 175px; */
  width: 125px;
}
#check_messages .stats td:nth-child(2) {
  width: 60%;
}
#check_messages .stats td:last-child {
  width: 150px;
}
#friendstats table {
  border: 2px solid #1b248c;
}
#friends_page table td:first-child {
  position: relative;
  /* height: 100px;
  padding-left: 90px; */
}
#show_profile main div img, #userstats main div img {
  width: 100px;
  float: left;
}
#show_profile main div table, #userstats main div table {
  width: calc(100% - 116px); /* 116px = img 100px + 1em or 16px font size for spacing */
  float: right;
}
#userstats main div table table {
  float: none;
  width: auto;
}
#userstats main div table table td {
  padding: .5em 2em .5em 0;
}
#check_messages .stats tr:first-of-type td:first-child {
  height: auto;
  padding-left: 0;
}
#friends_page table tr:first-of-type td:first-child {
  height: auto;
}
#check_messages .stats td:first-child img,
#friends_page table td:first-child img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 37px);
  left: 12px;
}
#friends_page div.search, #membersearch div.search, #membersearch_results div.search {
  border: none;
  display: inline-block;
  padding: 0;
  margin: 2em 0 1em;
}
#friends_page h4 {
  margin-top: 1em;
}
#friends_page form:last-of-type {
  margin: 1em 0;
}
#friends_page form:last-of-type input[type="submit"] {
  right: auto;
  margin-left: 1em;
  padding: .75em 1em;
}
#friends_page table {
  margin: 2em 0;
}
#friends_page table tr:first-of-type {
  background: #1b248c;
  color: white;
  font-weight: 600;
}
#board_results input[type="text"], #board_results input[type="email"], #board_results textarea, #board_results select {
  width: auto;
}
input[type="checkbox"] {
  display: inline-block;
}
input[type="checkbox"] + label {
  display: inline-block;
}
.pdesk_form input[type="checkbox"] + label {
  display: inline;
}
input[type="checkbox"], input[type="radio"], i.checked {
  display: none;
}
i.checked, i.unchecked {
  color: #1b248c;
  position: relative;
  top: .25em;
}
input[type="checkbox"]:checked ~ .checked, input[type="radio"]:checked ~ .checked {
  display: inline-block;
}
input[type="checkbox"]:checked ~ .unchecked, input[type="radio"]:checked ~ .unchecked {
  display: none;
}
.pdesk_form input[type="checkbox"]:checked ~ label .checked, .pdesk_form input[type="radio"]:checked ~ label .checked, .flight_form input[type="radio"]:checked ~ label .checked, #my_account input[type="radio"]:checked ~ label .checked, #my_account input[type="checkbox"]:checked ~ label .checked, #prefs input[type="radio"]:checked ~ label .checked, #prefs input[type="checkbox"]:checked ~ label .checked {
  display: inline-block;
}
#ts_form input[type="radio"]:checked + label .checked {
  display: inline-block;
}
.pdesk_form input[type="checkbox"]:checked ~ label .unchecked, .pdesk_form input[type="radio"]:checked ~ label .unchecked, .flight_form input[type="radio"]:checked ~ label .unchecked, #my_account input[type="radio"]:checked ~ label .unchecked, #my_account input[type="checkbox"]:checked ~ label .unchecked, #prefs input[type="radio"]:checked ~ label .unchecked, #prefs input[type="checkbox"]:checked ~ label .unchecked {
  display: none;
}
#ts_form input[type="radio"]:checked + label .unchecked {
  display: none;
}
#ts_form main form div {
  padding: 0;
  border: none;
}
#ts_form main form ol li {
  margin: 0 1em .5em;
}
#ts_form main form p:last-of-type {
  margin-bottom: 1em;
}
#ts_form main form input[type="submit"] {
  position: static;
}
#ts_form main form input[type="reset"] {
  background: white;
  border: 2px solid #1b248c;
  border-radius: 10px;
  font-size: 1em;
  padding: 1em 1.5em;
  color: #1b248c;
  cursor: pointer;
  margin-left: .5em;
}
.pdesk_form h3 {
  margin-top: 1em;
}
.pdesk_form main form div, main form.flight_form div {
  border: none;
  margin: .5em 0;
  padding: 0;
}
.pdesk_form main form div label span, main form.flight_form div label span {
  margin-left: .25em;
}
.pdesk_form main form textarea {
  margin: 1em 1em .25em 0;
  display: block;
}
.pdesk_form main form input[type="submit"], main form.flight_form input[type="submit"] {
  position: static;
  margin: .75em .5em 0 0;
}
select {
  cursor: pointer;
}
input[type="submit"] {
  position: absolute;
  right: 0;
  background: #1b248c;
  color: white;
  padding: 1em 1.5em;
  border: 2px solid #1b248c;
  font-size: 1em;
  border-radius: 10px;
  cursor: pointer;
  transition: .2s ease;
}
input[type="submit"]:hover {
  background: white;
  color: #1b248c;
}
input#topbutton {
  top: -5.375em;
}
input#bottombutton {
  bottom: -5.25em;
}
main h4 {
  margin-top: 2em;
}
#display_results main table.main, #completed_boards_request main table.main, #pending_boards_request main table.main {
  width: auto;
  border: 2px solid black;
  margin: 1em 0;
}
#display_results main table tr.first, #completed_boards_request main table tr.first, #pending_boards_request main table tr.first {
  border-bottom: 2px solid black;
}
#display_results tr:nth-child(odd), #completed_boards_request tr:nth-child(odd), #pending_boards_request tr:nth-child(odd) {
  background: white;
}
#display_results main table tr:first-child.first, #completed_boards_request main table tr:first-child.first, #pending_boards_request main table tr:first-child.first {
  background: #1b248c;
  color: white;
}
#display_results main table img, #completed_boards_request main table img, #pending_boards_request main table img {
  width: 13px;
}
#display_results main table tr:nth-child(2) table, #completed_boards_request main table tr:nth-child(2) table, #pending_boards_request main table tr:nth-child(2) table {
  margin: auto;
  width: auto;
}
#display_results main table tr:nth-child(3) table, #completed_boards_request main table tr:nth-child(3) table, #pending_boards_request main table tr:nth-child(3) table {
  margin: auto;
}
#completed_boards_request main .container, #pending_boards_request main .container {
  display: flex;
}
#completed_boards_request main div, #pending_boards_request main div {
  border: none;
  padding: 0;
  margin: 0;
}
#completed_boards_request main .container div:first-child, #pending_boards_request main .container div:first-child {
  margin-right: 2em;
}
#completed_boards_request main .container div:first-child p, #pending_boards_request main .container div:first-child p {
  max-width: 500px;
}
#completed_boards_request main .container div:last-child, #pending_boards_request main .container div:last-child {
  margin-top: 1em;
}
#display_results main table tr:last-child a {
  color: white;
}
#display_results main table tr:last-child.first {
  background: #1b248c;
}
#display_results main table tr:last-child.first tr {
  background: #1b248c;
  text-align: center;
}
#display_results main table tr:last-child a:hover {
  text-decoration: underline;
}
#display_results_board main img {
  width: 13px;
}
#display_results_board main table {
  margin: 1em 0;
}
#display_results_board main table tr:first-child {
  background: #1b248c;
  color: white;
}
#check_messages .chatbox {
  width: 400px;
  background: white;
  position: absolute;
  bottom: 0;
  z-index: 1000;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 2px;
  max-height: 400px;
  overflow-y: scroll;
}
#check_messages .chatbox::-webkit-scrollbar {
  background: #ddd;
}
#check_messages .chatbox::-webkit-scrollbar-button {
  background: #1b248c;
}
#check_messages .chatbox::-webkit-scrollbar-thumb {
  background: #1b248c;
  border-radius: 10px;
}
#check_messages .chatbox i.material-icons {
  position: absolute;
  top: .5em;
  right: .5em;
  color: white;
  cursor: pointer;
}
#check_messages p.message {
  max-width: 250px;
  border-radius: 10px;
  padding: 1em;
}
#check_messages p.them {
  margin: 1em;
  background: #eee;
  border: 2px solid #1b248c
}
#check_messages p.me {
  margin: 1em 1em 1em 115px;
  text-align: right;
  background: #1b248c;
  color: white;
}
#check_messages .chatbox form {
  padding: 0 1em;
}
#check_messages .chatbox form textarea {
  width: 100%;
  top: 0;
}
#check_messages .chatbox form textarea + p {
  color: #555;
  font-size: .875em;
  padding: .5em 0 0;
}
#check_messages .chatbox form input[type="submit"] {
  display: block;
  padding: .75em;
  float: right;
}
#conduct_reports form div {
  border: none;
  margin: 0;
  padding: 0;
}
#conduct_reports .spacetop {
  margin: 2em 0 0;
}
#conduct_reports .lessspacetop {
  margin: 1em 0 0;
}
#conduct_reports input[type="submit"] {
  position: static;
  display: block;
  margin: 2em 0 1em;
}
label.spacebottom {
  margin-bottom: .5em;
  display: block;
}
label.spacebottom + input {
  margin-bottom: 2em;
}
#conduct_reports .shiftup {
  position: relative;
  bottom: 1.5em;
}
#friendstats table {
  margin: 2em 0 1em;
  text-align: center;
}
#friendstats tr:first-child {
  background: #1b248c;
  color: white;
  text-align: center;
}
#friendstats tr:nth-child(2) {
  font-weight: 600;
}
#friendstats td:first-child, #friendstats td:nth-child(4) {
  border-right: 2px solid #1b248c;
}
aside {
  width: 25%;
  float: right;
  padding-right: 1em;
}
#tourneyschedule aside {
  margin-top: 6em;
}
#tourneyschedule aside h4 {
  color: red;
  margin: 1em 0;
}
#tourneyschedule aside p:first-of-type {
  font-weight: 600;
}
h4 {
  font-size: 1.25em;
  font-weight: 600;
}
.zerotol {
  display: inline-block;
  margin-top: 1em;
}
.tooltip:hover {
  position: relative;
  cursor: help;
}
.tooltip span {
  display: none;
}
.tooltip:hover span {
  border: 2px solid #1b248c;
  background: white;
  display: block;
  padding: .5em;
  z-index: 100;
  position: absolute;
  left: 0;
  width: 400px;
  color: black;
}
.tooltip:hover span span {
  color: #0275d8;
  border: none;
  background: transparent;
  position: static;
  display: inline;
  padding: 0;
  cursor: pointer;
}
.tooltip:hover span span:hover {
  text-decoration: underline;
}
.question_return {
  display: block;
  margin-top: 1em;
  float: right;
}
#pending_boards table, #completed_boards table {
  margin: 2em 0 1em;
}
#pending_boards tr:first-of-type, #completed_boards tr:first-of-type {
  background: #1b248c;
  color: white;
}
#pending_boards_request form, #completed_boards_request form {
  margin: 2em 0 1em;
}
#pending_boards_request label, #completed_boards_request label {
  display: block;
  margin: 1em 0 .5em;
  width: fit-content;
}
#pending_boards_request input[type="submit"], #completed_boards_request input[type="submit"] {
  position: static;
  display: block;
  margin: 2em 0 1em;
}
/* #pending_boards_request aside, #completed_boards_request aside {
  width: auto;
  float: left;
  margin-left: calc(250px + 1em);
} */
#pending_boards_request table u, #completed_boards_request table u {
  font-weight: 600;
  color: blue;
}
#pending_boards_request .spacetop tr:first-child, #completed_boards_request .spacetop tr:first-child {
  background: white;
  color: black;
}
#tourney_rules .toc, #okweb_faqs .qlist {
  columns: 100px 3;
  -webkit-columns: 100px 3;
  -moz-columns: 100px 3;
  max-width: 700px;
  margin: 1em 0;
}
#tourney_rules .toc li, #okweb_faqs .qlist li, #conventions main ul li {
  display: inline-block;
  width: 100%;
  margin: 1em 0 0;
  line-height: 1.125em;
}
#conventions main ul, #faqs main ul.columns {
  columns: 200px 2;
  -webkit-columns: 200px 2;
  -moz-columns: 200px 2;
  max-width: 700px;
  margin: 1em 0;
}
ol li {
  margin: 1.5em 1em;
  line-height: 1.25;
}
ol ul li {
  margin-left: 2em;
  list-style: disc;
}
#tourney_rules main svg {
  width: 12px;
}
#pondpoints main ul {
  list-style: none;
  margin-left: 1em;
}
#help form {
  margin-top: 2em;
}
#help .small {
  font-size: .75em;
  font-weight: 400;
  display: block;
  max-width: 240px;
}
#help input {
  width: 250px;
  padding: .75em;
}
#help input[type="submit"] {
  width: auto;
  padding: 1em 2em;
  position: static;
  display: block;
}
#faqs main h4 {
  margin: 2em 0 1em;
}
#faqs main a {
  display: table;
  margin: .5em -.5em;
  padding: .5em;
}
#faqs main p a {
  display: inline;
  margin: 0;
  padding: 0;
}
#acblfaqs table {
  margin: 3em 0;
}
#acblfaqs table tr:first-of-type {
  text-align: center;
  font-size: 1.125em;
}
#membersearch .search_results h4 {
  margin-top: 1em;
}
.search_results table {
  margin-top: 1.5em;
}
.search_results table tr:first-of-type {
  background: #1b248c;
  color: white;
}
#pdesk div.columns {
  border: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pdesk div.columns div {
  border: none;
  width: 25%;
  min-width: 260px;
}
#pdesk div.columns div h4 {
  margin: 1em 0 1em;
  text-align: center;
}
#pdesk div.columns div h4 + a {
  display: block;
  width: 75px;
  margin: auto;
}
#pdesk div.columns div a img {
  width: 75px;
}
#pdesk_display main form {
  max-width: 800px;
}
#pdesk_display main table {
  margin: 1em 0;
}
#pdesk_display main textarea {
  display: block;
  margin: .25em 0;
}
#pdesk_display main img {
  margin-top: 1em;
  width: 115px;
}
#cc_info main form table {
  width: auto;
}
#cc_info main form table tr:nth-child(odd) {
  background: white;
}
#cc_info main form h4 {
  margin: 0 0 .5em;
}
#cc_info main form img {
  width: auto;
  position: relative;
  top: .75em;
}
#cc_info main form select {
  width: auto;
  margin-right: 1em;
}
#cc_info main form input[type="button"] {
  padding: 1em 1.5em;
  font-size: 1em;
  background: white;
  color: #1b248c;
  cursor: pointer;
  border: 2px solid #1b248c;
  border-radius: 10px;
  margin-right: .5em;
}
#cc_info main form input[type="submit"] {
  position: static;
}
#send_mail_to_help main pre {
  margin-top: 1em;
  border: 2px solid #1b248c;
  padding: 1em;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.nonbold {
  font-weight: 400;
}
#okweb_faqs main h5 {
  margin-top: 2em;
}
#conventions h3, #convention_cards h3, #scoring h3 {
  max-width: 600px;
  margin-top: 2em;
}
#scoring table {
  max-width: 700px;
  margin: 1em 0;
}
p.spacetop {
  margin-top: 2em;
}
#contact form {
  margin: 1em 0;
}
#contact form label {
  margin: 1em 0 .5em;
  display: block;
}
#contact form input, #contact form textarea, #contact form select {
  width: 100%;
}
#contact input[type="submit"] {
  width: auto;
  position: static;
}
#contact .lightbox_container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#faces iframe {
  width: 100%;
  height: 100%;
}
.tourney_stats h1 {
  font-size: 2.25em;
  color: #1b248c;
  margin-bottom: .375em;
}
.tourney_stats hr {
  margin: 0;
}
.tourney_stats table {
  width: auto;
}
.tourney_stats table tr:nth-child(odd) {
  background: white;
}
.tourney_stats form table {
  width: 800px;
  border: 2px solid #1b248c;
}
.tourney_stats form table tr:first-child {
  background: #1b248c;
  color: white;
}
.tourney_stats form input[type="submit"] {
  position: static;
  padding: .75em 1em;
  vertical-align: top;
  margin-left: 1em;
}
.tourney_stats pre {
  font-family: monospace;
  font-size: 1.25em;
}
.tourney_stats pre a, .tourney_stats pre b {
  font-family: monospace;
}
.tourney_stats pre p {
  font-size: .875em;
}
.tourney_stats pre span.them {
  background: #abc898;
  color: black;
  font-family: monospace;
  display: block;
  margin: .25em 0 -.75em;
  padding: .5em 0;
}
.tourney_stats pre span.them a {
  color: black;
}
.tourney_stats pre span.me {
  background: #1b248c;
  color: white;
  font-family: monospace;
  display: block;
  margin: .25em 0 -.75em;
  padding: .5em 0;
}
.tourney_stats pre span.me a {
  color: white;
}
div.success, div.error {
  border: 5px solid #1b248c;
  background: white;
  padding: 1em;
  border-radius: 10px;
  position: absolute;
  top: 5em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 102;
}
div.inline-error {
  border: 3px solid red;
  background: #ffdddd;
  padding: 0;
  max-width: 750px;
}
div.inline-error p {
  padding: 1em;
}
div.inline-error li {
  margin-left: 2em;
}
div.success i, div.error i {
  display: block;
  font-size: 5em;
  text-align: center;
}
div.success i {
  color: #42f459;
}
div.error i {
  font-size: 4em;
  color: #c40000;
  border: 5px solid #c40000;
  border-radius: 50%;
  width: fit-content;
  margin: 0 auto;
}
div.success i.close, div.error i.close {
  font-size: 1.5em;
  position: absolute;
  top: .5em;
  right: .5em;
  color: black;
  cursor: pointer;
  border: none;
}
div.success h4, div.error h4 {
  margin: .75em 0 0 !important;
}
aside table {
  width: 100%;
}
aside td {
  padding: .875em .675em;
}
.tourney-schedule .blue-button {
  display: inline-block;
  width: calc(50% - 8px);
  margin-top: 1em;
  float: right;
}
.tourney-schedule .blue-button:first-of-type {
  float: left;
}
aside section {
  padding-top: 1em;
}
aside section:first-of-type {
  clear: both;
}
#tourney_index aside h4 {
  margin-top: .5em;
}
aside h5 {
  color: #db1303;
}
#faqs aside form {
  margin: 2em 0 0;
}
#faqs aside textarea {
  width: 100%;
  max-width: none;
  margin-top: 1em;
}
#faqs input[type="submit"] {
  position: static;
  display: block;
  float: right;
  margin-top: .75em;
}
footer {
  background: #1b248c;
  color: white;
  text-align: center;
  width: 100%;
  clear: both;
  padding: 1em 2em 2em;
  position: relative;
}
footer a {
  color: white;
  padding: 1em;
  display: inline-block;
}
footer .oklive input[type="submit"] {
  position: static;
}
footer .media-icons {
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%);
}
footer .media-icons a {
  border: 2px solid white;
  border-radius: 50%;
  padding: .625em .8375em;
  margin-left: .5em;
}
footer .media-icons a:hover {
  background: white;
  color: #1b248c;
}
footer .media-icons .ln {
  padding: .625em .675em;
}
@media only screen and (max-width: 1450px) {
  #completed_boards_request .tooltip:hover span, #completed_boards_request .tooltip:hover span {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 1320px) {
  #homepage main, #tourneyschedule main, #tourney_index main {
    width: calc(100% - 250px);
    float: none;
  }
  aside {
    min-width: 310px;
    width: 39%;
    float: left;
    margin-left: 275px;
  }
  #tourneyschedule aside {
    margin-top: 1em;
    margin-bottom: 3em;
  }
  #board_results input[type="text"], #board_results input[type="email"], #board_results textarea, #board_results select {
    width: 100%;
  }
  #board_results label {
    margin: 1.5em .5em .5em;
    display: block;
  }
}
@media only screen and (max-width: 1250px) {
  .formright {
    left: 200px;
    width: calc(100% - 200px);
  }
  input[type="text"], input[type="email"], textarea, select {
    width: 100%;
  }
}
@media only screen and (max-width: 950px) {
  .account-info td:first-child {
    width: 150px;
  }
}
@media only screen and (max-width: 850px) {
  .leaderboards, .stack {
    width: 100%;
  }
  .winners {
    margin-top: 1em;
  }
  .winners, .performance {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 800px) {
  #protest_guidelines footer .media-icons {
    position: static;
    margin-top: 2em;
  }
}
@media only screen and (max-width: 750px) {
  .account-info .blue-button {
    width: 90px;
  }
}