.sponsor p {
	font-size: 15px;
	line-height: 1.0;
	margin-bottom: 5px;
}

body.dark-theme .light-theme-only {
	display: none;
}

body.dark-theme .dark-theme-only {
	display: revert;
}

body:not(.dark-theme) .light-theme-only {
	display: revert;
}

body:not(.dark-theme) .dark-theme-only {
	display: none;
}

/* BEGIN DARK THEME */

body.dark-theme span.keytext {
	color: lightyellow;
}

body.dark-theme .scrollArrowLeft, body.dark-theme .scrollArrowRight {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

body.dark-theme .tablesorter, body.dark-theme .dataTable.table-bordered {
	border-bottom-color: #aaaaaa !important;
}

body.dark-theme table.dataTable.no-footer {
	border-bottom: 1px solid #aaaaaa;
}

body.dark-theme .table-hover > tbody > tr:hover {
	background-color: #0c3b42;
}

body.dark-theme .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #636363;
}

body.dark-theme .table-striped > tbody > tr:nth-of-type(even) {
	background-color: #848484;
}

body.dark-theme .popover, body.dark-theme .popover-title {
	background-color: #5f0000;
}

body.dark-theme .dataTables_wrapper .dataTables_length, body.dark-theme .dataTables_wrapper .dataTables_filter, body.dark-theme .dataTables_wrapper .dataTables_info, body.dark-theme .dataTables_wrapper .dataTables_processing, body.dark-theme .dataTables_wrapper .dataTables_paginate {
	color: White;
}

body.dark-theme .dropdown-menu {
	background-color: #5f0000;
}

body.dark-theme .dropdown-menu > li > a:hover, body.dark-theme .dropdown-menu > li > a:focus {
	color: #262626;
}

body.dark-theme .close:hover, .close:focus {
	color: #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

body.dark-theme .close {
	color: #ffffff;
	background-color: inherit !important;
	border-style: none !important;
	text-shadow: 0 1px 0 #ffffff;
	opacity: .6;
}

body.dark-theme .modal-header {
	border-bottom: 1px solid rgba(158, 158, 158);
}

body.dark-theme .modal-footer {
	border-top: 1px solid rgba(158, 158, 158);
}

body.dark-theme .modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(99, 99, 99, 0.5);
	box-shadow: 0 5px 15px rgba(99, 99, 99, 0.5);
}

body.dark-theme .modal-content {
	background-color: #5f0000;
	border: 1px solid rgba(158, 158, 158, .6);
	-webkit-box-shadow: 0 3px 9px rgba(99, 99, 99, 0.5);
	box-shadow: 0 3px 9px rgba(99, 99, 99, 0.5);
}

body.dark-theme .panel-primary > .panel-heading {
	color: #eef3f9;
}

body.dark-theme .panel-info > .panel-heading {
	background-image: linear-gradient(to bottom, #a2c7da 0, #5fa7cc 100%);
}

body.dark-theme .panel-title > a:hover, body.dark-theme .panel-title > a:focus {
	color: inherit;
}

body.dark-theme .panel-title > a {
	color: inherit;
}

body.dark-theme .panel-title {
	color: inherit;
}

body.dark-theme .panel {
	background-color: #061d3e;
}

body.dark-theme .nav > li > a:hover, body.dark-theme .nav > li > a:focus {
	color: Yellow; /* #003366; */
}

body.dark-theme .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #ffff99;
	background-color: #993300;
	background-image: none;
}

body.dark-theme .nav-pills > li.disabled {
	background-color: inherit;
}

body.dark-theme .nav-pills > li.disabled > a {
	color: #565656;
	background-image: inherit;
}

/*body.dark-theme .btn-primary:hover, body.dark-theme .btn-primary:focus {
	color: lightyellow !important;
}*/

body.dark-theme .btn-default:hover, body.dark-theme .btn-default:focus {
	color: Black;
	background-image: linear-gradient(to bottom, #eaf0f7 0, #95b0ce 100%);
	border-color: #8c8c8c;
}

body.dark-theme .btn-default[disabled]:hover, body.dark-theme .btn-default[disabled]:focus, body.dark-theme .btn-default.disabled:hover, body.dark-theme .btn-default.disabled:focus {
	background-image: linear-gradient(to bottom, #dde4ec 0, #bed2e8 100%);
	border-color: white;
}

body.dark-theme .btn-default {
	color: #333333;
	background-image: linear-gradient(to bottom, #dde4ec 0, #bed2e8 100%);
	text-shadow: 0 1px 0 #e0e0e0;
	border-color: white;
}

body.dark-theme .nav-pills > li > a {
	color: #eef3f9;
	background-image: linear-gradient(to bottom, #7a9bbd 0, #4075a7 100%);
}

body.dark-theme a.btn:hover, body.dark-theme a.btn:focus, body.dark-theme a.btn-sm:hover, body.dark-theme a.btn-sm:focus {
	color: White;
}

body.dark-theme a.btn, body.dark-theme a.btn-sm {
	color: #eef3f9;
}

body.dark-theme a:hover, body.dark-theme a:focus {
	color: #86f5a4;
}

body.dark-theme a {
	color: #30ecdd;
}

body.dark-theme .top-callout-section {
	background-color: #444444;
}

body.dark-theme .top-callout-section h2 {
	color: #ffffff;
}

body.dark-theme .top-callout-section p {
	color: #e4e6aa;
}

body.dark-theme .top-callout-section a {
	background-color: #eeeeee;
	color: #010101;
}

body.dark-theme .section-title {
	color: #FFFFFF;
}

body.dark-theme .section-title:before {
	border-left-color: #31a3dd !important;
}

body.dark-theme .service {
	background-color: transparent;
}

body.dark-theme .service-box {
	background: #ecf8ff;
	border: 1px solid #e0e0e0;
}

body.dark-theme .service-box i {
	color: #121212;
}

body.dark-theme .service-area h4 {
	color: #9bcaff;
}

body.dark-theme .service-area.selected .service-box, body.dark-theme .service-area:hover .service-box, body.dark-theme .detail-btn:active:after, body.dark-theme .more-link:hover, body.dark-theme .more-link:active, body.dark-theme .reply a:hover {
	border: 1px solid #207bab;
	background-color: #31a3dd;
}

body.dark-theme .service-area.selected .service-box i, body.dark-theme .service-area:hover .service-box i {
	color: #ffffff;
}

body.dark-theme .service p, body.dark-theme .portfolio p, body.dark-theme .entry-content {
	color: #d0dae6;
}

body.dark-theme .portfolio-info {
	background-color: #444444;
	color: #ffffff;
	border-bottom: 3px solid #efefef;
}

body.dark-theme .portfolio .entry-header .entry-title {
	color: #9bcaff;
}

body.dark-theme .portfolio-image {
	background-color: #444444;
}

body.dark-theme .portfolio-info:hover {
	border-bottom: 3px solid #31a3dd;
}

body.dark-theme .site-footer {
	border-top: 7px solid #31a3dd;
}

body.dark-theme .site-footer {
	background-color: #1d1d1d;
}

body.dark-theme .site-footer .widget-title {
	color: #fff;
}

body.dark-theme .site-footer a, body.dark-theme .site-footer a:hover, body.dark-theme .site-footer .widget ul > li, body.dark-theme .site-footer .widget ul > li > a, body.dark-theme .site-footer .widget ul > li > a:before, body.dark-theme .site-footer .comment-author-link, body.dark-theme .site-footer .rsswidget, body.dark-theme .site-footer .rss-date, body.dark-theme .site-footer .recentcomments, body.dark-theme .site-footer .recentcomments a, body.dark-theme .site-footer .rssSummary, body.dark-theme .site-footer .textwidget, body.dark-theme .site-footer .textwidget p, body.dark-theme .site-footer dl, body.dark-theme .site-footer h1, body.dark-theme .site-footer h2, body.dark-theme .site-footer h3, body.dark-theme .site-footer h4, body.dark-theme .site-footer h5, body.dark-theme .site-footer h6, body.dark-theme .site-footer .widget table th, body.dark-theme .site-footer .widget table tbody a, body.dark-theme .site-footer .widget table #next a, body.dark-theme .site-footer .widget table #prev a, body.dark-theme .site-footer .widget table td, body.dark-theme .site-footer address span i {
	color: #fff;
}

body.dark-theme .contact-icon i {
	color: #31a3dd;
}

body.dark-theme .site-info {
	background-color: #0e0e0e;
}

body.dark-theme .footer-copyright {
	color: #fff;
}

body.dark-theme .footer-copyright p {
	color: #ffffff;
}

body.dark-theme .footer-menu-links {
	color: #888a8a;
}

body.dark-theme .footer-menu-links li {
	border-right: 1px dotted #b9b5b5;
}

body.dark-theme .footer-menu-links li > a {
	color: #ffffff;
}

body.dark-theme .list-group-item-heading {
	border-bottom: 1px solid #dddddd;
}

body.dark-theme .list-group-item:nth-child(odd) {
	background-color: #1e354a;
	border: 1px solid #aaaaaa;
}

body.dark-theme .list-group-item:nth-child(even) {
	background-color: #1c476d;
	border: 1px solid #aaaaaa;
}

body.dark-theme div.list-group-item:hover, body.dark-theme div.list-group-item:focus {
	background-color: #2b3baf;
}

body.dark-theme tr[data-dt-row] {
	border-bottom-color: #cccccc;
}

body.dark-theme table.scoresheetTable {
	border-color: white;
}

body.dark-theme div.dataTables_wrapper div.dataTables_processing:not(.sticky) {
	background-color: #5f0011;
	color: black;
}

body.dark-theme div.dataTables_wrapper div.dataTables_processing.sticky {
	background-color: #5f0011;
	color: black;
}

body.dark-theme .stats_substat {
	border-right: 1px solid #aaaaaa !important;
}

body.dark-theme .table > thead > tr > th {
	background-color: #000000;
	border-bottom: 1px solid #111;
	color: #d2d211;
}

body.dark-theme .table-striped > tbody > tr[role="row"]:not(.selected):nth-of-type(2n+1) > td {
	background-color: #1e354a;
}

body.dark-theme .table-striped > tbody > tr[role="row"]:not(.selected):nth-of-type(2n+0) > td {
	background-color: #1c476d;
}

body.dark-theme table.dataTable > tbody > tr[role="row"].selected {
	background-color: #2b3baf !important;
	color: White !important;
}

body.dark-theme table.dataTable > tbody > tr.child ul.dtr-details > li {
	border-bottom-color: #cccccc;
}

body.dark-theme table.dataTable > tbody > tr.child {
	background-color: #444444;
}

body.dark-theme table.dataTable > tbody > tr[role="row"].selected:hover > td {
	background-color: #15259a !important;
	color: White !important;
}

body.dark-theme table.dataTable > tbody > tr.group {
	background-color: #440f0f;
	color: aliceblue;
}

body.dark-theme table.dataTable > tbody > tr:hover, body.dark-theme table.dataTable > tbody > tr:hover > td {
	background-color: #421648 !important;
}

body.dark-theme table.dataTable > tbody > tr.child:hover, body.dark-theme table.dataTable > tbody > tr.child:hover > td {
	background-color: #4f4f4f !important;
}

body.dark-theme table.dataTable > tbody > tr.group:hover, body.dark-theme table.dataTable > tbody > tr.group:hover > td {
	background-color: #792c10 !important;
	color: aliceblue;
}

body.dark-theme table.dataTable > tbody > tr.child:hover tr[data-dt-row], body.dark-theme table.dataTable > tbody > tr.child:hover tr[data-dt-row] > td {
	border-color: #aaaaaa !important;
}

body.dark-theme table.dataTable tbody tr.selected a:not(.btn), body.dark-theme table.dataTable tbody th.selected a:not(.btn), body.dark-theme table.dataTable tbody td.selected a:not(.btn) {
	color: #afdbf1 !important;
}

body.dark-theme table.dataTable tbody tr.group a {
	color: #c1e3f4 !important;
}

body.dark-theme table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, body.dark-theme table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, body.dark-theme table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
	border-bottom-color: #646464;
}

body.dark-theme {
	background-color: #0a0c1e;
	color: #d0dae6;
}

body.dark-theme h1, body.dark-theme h2, body.dark-theme h3, body.dark-theme h4, body.dark-theme h5, body.dark-theme h6, body.dark-theme legend {
	color: #9bcaff; /* #0060A9 */
}

body.dark-theme .MainContainer {
	border-top-color: #cccccc;
}


/**** Carousel ****/

body.dark-theme #MainCarousel .carousel-control {
	color: #222222;
}

body.dark-theme .carousel .carousel-indicators li {
	border-color: #777777;
	background-color: #181c33;
}

body.dark-theme .carousel .carousel-indicators li.active {
	border-color: #777777;
	background-color: #9c0000;
}

body.dark-theme .CarouselContainer {
	border-color: #20a020;
	background-color: #063c06;
}

body.dark-theme .CarouselContainer_NoSlides {
	border-color: #20a020;
	background-color: #063c06;
}

body.dark-theme .HeaderPlayerDivider:after {
	border-bottom-color: #20a020;
}

/**** End of carousel ****/

/**** Media queries ****/

body.dark-theme .SubTopicHeading {
	color: #9bcaff; /* #0060A9 */
}

body.dark-theme .ScheduleHeader {
	color: #0060A9;
}

body.dark-theme .CalendarEventName {
	color: #ff6666;
}

body.dark-theme .TopicHeading {
	color: #9bcaff;
}

body.dark-theme .Offers li {
	color: #0060A9;
}

body.dark-theme .SubLinks li {
	color: #8ec0f9;
}

body.dark-theme .SubLinks .SubLinks li {
	color: #8ec0f9;
}

body.dark-theme .HeaderPlayerLabel {
	color: #ff6565;
}

body.dark-theme .HeaderPlayerInfo {
	color: #9bcaff;
}

body.dark-theme .HeaderPlayerInfo2 {
	color: #9bcaff;
}

body.dark-theme .HeaderStatsLabel {
	color: #ff6565;
}

body.dark-theme .HeaderStatsInfo {
	color: White;
}

body.dark-theme #ByesNoticeLabel {
	color: #ff6c6c  !important;
}

body.dark-theme .TableDivScroll {
	background-color: #EAF4FF;
}

body.dark-theme .tableheader_center, body.dark-theme .tableheader_center th {
	background-color: #000000;
	color: #d2d211;
}

body.dark-theme .tableheader_wrapcenter, body.dark-theme .tableheader_wrapcenter th {
	background-color: #000000;
	color: #d2d211;
}

body.dark-theme .tableheader_left, body.dark-theme .tableheader_left th {
	background-color: #000000;
	color: #d2d211;
}

body.dark-theme .tableheader_right, body.dark-theme .tableheader_right th {
	background-color: #000000;
	color: #d2d211;
}

body.dark-theme .tabledata_row, body.dark-theme .tabledata_row td {
	background-color: #1e354a;
	color: #d0dae6;
}

body.dark-theme .tabledata_altrow, body.dark-theme .tabledata_altrow td {
	background-color: #1c476d;
	color: #d0dae6;
}

body.dark-theme .playername_wrap {
	background-color: Yellow;
	color: Black;
}

body.dark-theme .seasonname_wrap {
	background-color: Yellow;
	color: Black;
}

body.dark-theme .stats_subheading_top {
	color: #0060A9;
}

body.dark-theme .stats_subheading {
	color: #9bcaff;
}

body.dark-theme .stats_subheading2 {
	color: #9bcaff;
}

body.dark-theme .panelbody_block_caption {
	color: #ff6565;
}

body.dark-theme .panelbody_block_data {
	color: #d8d8d8;
}

body.dark-theme .standardtext {
	color: White;
}

body.dark-theme input:disabled, body.dark-theme select:disabled, body.dark-theme textarea:disabled,
body.dark-theme input.disabled, body.dark-theme select.disabled, body.dark-theme textarea.disabled {
	background-color: #545454 !important;
	color: #e4e4e4;
	-webkit-text-fill-color: #e4e4e4 !important; /* Override iOS / Android font color change */
	-webkit-opacity: 1 !important;
}

body.dark-theme input, body.dark-theme select, body.dark-theme textarea {
	color: #d2d211;
}

body.dark-theme #ScheduleTable, body.dark-theme #MyScheduleTable {
	color: Black;
}

body.dark-theme .scheduledata_row_bye {
	background-color: #DFFFFF !IMPORTANT;
	color: Black;
}

body.dark-theme #ScheduleTable tbody > tr.selected > td.scheduledata_row_bye {
	background-color: #A0FFFF !IMPORTANT;
}

body.dark-theme #ScheduleTable tbody > tr:hover > td:not([colspan]):not(:last-child):nth-child(4n+3),
body.dark-theme #ScheduleTable tbody > tr.hover > td:not([colspan]):not(:last-child):nth-child(4n+3),
body.dark-theme #ScheduleTable tbody > tr:hover > td:not([colspan]):nth-child(4n+4),
body.dark-theme #ScheduleTable tbody > tr.hover > td:not([colspan]):nth-child(4n+4) {
	background-color: #75FF75 !IMPORTANT;
}

body.dark-theme #ScheduleTable tbody > tr:hover > td:not([colspan]):not(:last-child):nth-child(4n+5),
body.dark-theme #ScheduleTable tbody > tr.hover > td:not([colspan]):not(:last-child):nth-child(4n+5),
body.dark-theme #ScheduleTable tbody > tr:hover > td:not([colspan]):nth-child(4n+6),
body.dark-theme #ScheduleTable tbody > tr.hover > td:not([colspan]):nth-child(4n+6) {
	background-color: #FF9595 !IMPORTANT
}

body.dark-theme #ScheduleTable tbody > tr:hover > td.scheduledata_row_bye,
body.dark-theme #ScheduleTable tbody > tr.hover > td.scheduledata_row_bye {
	background-color: #7DFFFF !IMPORTANT;
}

body.dark-theme #ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):not(:last-child):nth-child(4n+3),
body.dark-theme #ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):nth-child(4n+4) {
	background-color: #DFFFDF !IMPORTANT;
}

body.dark-theme #ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):not(:last-child):nth-child(4n+5),
body.dark-theme #ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):nth-child(4n+6) {
	background-color: #FFDFDF !IMPORTANT
}

body.dark-theme #ScheduleTable tbody > tr.selected > td:not([colspan]):not(:last-child):nth-child(4n+3),
body.dark-theme #ScheduleTable tbody > tr.selected > td:not([colspan]):nth-child(4n+4) {
	background-color: #A0FFA0 !IMPORTANT;
}

body.dark-theme #ScheduleTable tbody > tr.selected > td:not([colspan]):not(:last-child):nth-child(4n+5),
body.dark-theme #ScheduleTable tbody > tr.selected > td:not([colspan]):nth-child(4n+6) {
	background-color: #FFA0A0 !IMPORTANT
}

body.dark-theme .scheduleteam_highlight {
	color: Blue !IMPORTANT;
}

body.dark-theme .schedule_special, body.dark-theme .result_special {
	color: Red !IMPORTANT;
	border-bottom-color: Black;
}

body.dark-theme .playofftable {
	color: Black;
}


/* CSS for hover row & select/lock the row with color */

/*body.dark-theme table.tablesorter > tbody > tr.selected > td.skill_percentile, body.dark-theme table.tablesorter > tbody > tr.selected:hover > td.skill_percentile {
	color: #ff8e8e !important;
}*/

body.dark-theme table > tbody > tr > td.selected > span.assess_raise {
	color: lightgreen !important;
    font-weight: bold;
    font-style: italic;
}

body.dark-theme table > tbody > tr > td > span.assess_raise {
	color: #05d005 !important;
	font-weight: bold;
	font-style: italic;
}

body.dark-theme table > tbody > tr > td.selected > span.assess_lower {
	color: #ff6666 !important;
	font-weight: bold;
	font-style: italic;
}

body.dark-theme table > tbody > tr > td > span.assess_lower {
	color: #ff6c6c  !important;
    font-weight: bold;
    font-style: italic;
}

body.dark-theme table.tablesorter > tbody > tr:hover:not(.selected) > td {
	background-color: #421648 !important;
}

body.dark-theme table.tablesorter > tbody > tr.selected > td {
	background-color: #2b3baf !important;
	color: white !important;
}

body.dark-theme table.tablesorter > tbody > tr.selected:hover > td {
	background-color: #15259a !important;
	color: white !important;
}

body.dark-theme table > tbody > tr.selected > td > span[gameresult="win"] {
	color: lightgreen !important;
}

body.dark-theme table > tbody > tr > td > span[gameresult="win"] {
	color: #05d005 !important;
}

body.dark-theme table > tbody > tr.selected > td > span[gameresult="loss"] {
	color: #ff6666 !important;
}

body.dark-theme table > tbody > tr > td > span[gameresult="loss"] {
	color: #ff6c6c !important;
}

body.dark-theme table > tbody > tr.selected > td > span[score-info="bye"] {
	color: powderblue !important;
}

body.dark-theme table > tbody > tr > td > span[score-info="bye"] {
	color: #63b3da !important;
}

body.dark-theme table > tbody > tr.selected > td > span[calendar-info="bye"] {
	color: #ff6666 !important;
}

body.dark-theme table > tbody > tr > td > span[calendar-info="bye"] {
	color: #ff6c6c !important;
}

body.dark-theme table > tbody > tr.selected > td > span[calendar-info="event"] {
	color: #ff6666 !important;
}

body.dark-theme table > tbody > tr > td > span[calendar-info="event"] {
	color: #ff6c6c !important;
}

body.dark-theme table > tbody > tr.group > td > span[calendar-info="event"] {
	color: pink !important;
}

body.dark-theme table > tbody > tr.selected > td > span[stat="special"] {
	color: pink !important;
}

body.dark-theme table > tbody > tr > td > span[stat="special"] {
	color: #50bfd2 !important;
}

/*body.dark-theme table > tbody > tr > td.skill_percentile {
	color: #ff8e8e !important;
    font-weight: bold;
    font-style: italic;
}*/

body.dark-theme .waiting {
	border-color: #b0b0b0;
	background-color: #DFDFDF;
}

body.dark-theme .loader {
	border-color: #bfdfff;
	border-bottom-color: #0000ff;
	border-right-color: #3366ff;
	border-top-color: #6699ff;
}

body.dark-theme td.win {
	color: LightGreen;
}

body.dark-theme td.loss {
	color: #B2180F;
}

body.dark-theme .input-number {
	background-color: #0c656d !important;
	border-color: #0c656d !important;
}

body.dark-theme .nav-pills li.disabled {
	background-color: inherit !important;
}

body.dark-theme .disabled:not(.btn):not(select) {
	background-color: rgb(235, 235, 228);
}

body.dark-theme span[calendar-info="event"] {
	color: #ff6c6c !important;
}

body.dark-theme .failureNotification {
	color: Red;
}

/*body.dark-theme .btn-primary {
	color: inherit;
}*/

body.dark-theme input, body.dark-theme button:not(.btn), body.dark-theme select, body.dark-theme textarea {
	background-color: #0c656d;
	color: #d2d211;
    border: 1px solid rgba(204, 204, 204, .65);
}

body.dark-theme .input-group-addon {
	color: #ffffff;
	background-color: #001c3c;
	border: 1px solid #305682;
}

/* END DARK THEME */


/* Begin top menu bar and menu overlay */

.fa-phone {
	transform: rotate(90deg);
}

#TopMenuBar {
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 1003;
	max-height: 62px;
	overflow: hidden;
}

#TopMenuBar > table {
	height: 62px;
	color: white !important;
	background-image: linear-gradient(to bottom, #5a7690 0, #465c71 100%);
	width: 100%;
	overflow: hidden;
	text-align: center;
	max-height: 62px;
}

#TopMenuBar #brand {
	background-color: black;
	width: 80px !important;
	min-width: 80px !important;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	padding-top: 4px;
}

#TopMenuBar #brand img {
	height: 33px;
	transform: rotate(-30deg);
	transform-origin: center;
	-webkit-transform: rotate(-30deg);
	-webkit-transform-origin: center;
	-webkit-transform-origin-y: 23px;
	-webkit-transform-origin-x: 55px;
}

#TopMenuBar > table > tbody > tr > td {
	height: 62px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

#TopMenuBar #nav {
	padding: 0 0;
	margin: 0 0;
	list-style: none;
	width: 100%;
	height: 100%;
	font-family: Segoe UI, Arial;
}

#TopMenuBar #nav li {
	padding: 0px 0px;
	margin: 0px -2px;
	height: 100%;
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
}

#TopMenuBar #nav li a {
	padding: 0px 5vw;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
	font-size: 4vw;
	line-height: 1;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
	color: #eef3f9; /* #dde4ec */
}

#TopMenuBar #nav li.active a {
	color: #ffff99;
	background-color: #993300;
}

#TopMenuBar #nav li a .fa, #TopMenuBar #nav li a .far, #TopMenuBar #nav li a .fas {
	font-size: 25px !important;
}

#TopMenuBar #nav li a .fa-caret-down {
	padding-left: 6px;
	font-size: 22px !important;
}

#TopMenuBar #nav li:hover, #TopMenuBar #nav a:hover, #TopMenuBar #nav li:focus, #TopMenuBar #nav a:focus {
	color: #003366;
	background-color: #bfcbd6;
	text-decoration: none;
}

#TopMenuBar #nav li a > span {
	display: block;
	padding-top: 2px;
}

@media (min-width: 560px) {
	#TopMenuBar #nav li a {
		padding: 8px 4vw;
		font-size: 18px;
	}
}

@media (min-width: 820px) {
	#TopMenuBar #nav li a {
		padding: 8px 5vw;
	}
}

@media (max-width: 640px) {
	#TopMenuBar #nav li a {
		padding: 8px 3.5vw;
	}
}

@media (max-width: 559px) {
	#TopMenuBar #brand {
		display: none;
	}

	#TopMenuBar #nav li a {
		padding: 8px 3.5vw;
	}
}

@media (max-width: 360px) {
	#TopMenuBar > table {
		height: 54px;
	}

	#TopMenuBar #nav li a {
		padding: 12px 3vw;
	}

	#TopMenuBar #nav li a .fa, #TopMenuBar #nav li a .far, #TopMenuBar #nav li a .fas {
		font-size: 20px !important;
	}

	#TopMenuBar #nav li a > span {
		padding-top: 6px;
	}

	#TopMenuBar #nav li a .fa-caret-down {
		padding-left: 4px;
		font-size: 18px !important;
	}
}

.overlay-menu {
	position: fixed;
	background: rgba(51, 55, 69, 0.98);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s, visibility .15s, height .15s;
	overflow: auto;
	z-index: 4000;
	text-align: center;
}

.overlay-menu.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
}

.overlay-menu .nav-title {
	font-size: 26px;
	color: yellow;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 4px double;
	margin-top: 14px;
	margin-bottom: 4px;
	margin-left: 5%;
	margin-right: 5%;
	letter-spacing: 24px;
	text-indent: 24px;
	text-align: center;
}

.overlay-menu div.nav-list {
	position: relative;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 6px;
	text-indent: 0px;
}

.overlay-menu ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
	width: 100%;
}

.overlay-menu ul li {
	display: block;
	position: relative;
	opacity: 0;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 5%;
	margin-right: 5%;
	cursor: pointer;
}

.overlay-menu ul li.close-list {
	background-color: transparent;
	margin-top: 26px;
}

.overlay-menu ul li {
	background-color: rgba(86, 124, 185, 0.25);
	border-radius: 16px;
}

.overlay-menu ul li a {
	display: block;
	position: relative;
	color: white;
	text-decoration: none;
	overflow: hidden;
	padding: 8px 16px;
	border-radius: 16px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	background-image: linear-gradient(rgba(138, 244, 255, 0.5), rgba(51, 152, 224, 0.5));
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition: background-size .15s;
}

.overlay-menu ul li a.disabled {
	color: #9c9c9c;
	background-color: transparent;
	background-image: linear-gradient(rgba(142, 48, 48, 0.5), rgba(154, 20, 20, 0.5));
	font-style: italic;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	text-decoration: line-through;
	text-decoration-color: rgba(187, 187, 187, 0.55);
	border-top: 1px solid rgba(128, 0, 0, 0.5) !important;
	border-bottom: 1px solid rgba(128, 0, 0, 0.5) !important;
}

.overlay-menu ul li a i.fa, .overlay-menu ul li a i.far, .overlay-menu ul li a i.fas {
	color: skyblue;
}

.overlay-menu ul li.disabled a i.fa, .overlay-menu ul li.disabled a i.far, .overlay-menu ul li.disabled a i.fas {
	color: #2c6a84;
}


.overlay-menu.open li {
	animation: fadeInDown .25s ease-out forwards;
	animation-delay: .12s;
}

.overlay-menu.open li:nth-of-type(2) {
	animation-delay: .15s;
}

.overlay-menu.open li:nth-of-type(3) {
	animation-delay: .18s;
}

.overlay-menu.open li:nth-of-type(4) {
	animation-delay: .21s;
}

.overlay-menu.open li:nth-of-type(5) {
	animation-delay: .24s;
}

.overlay-menu.open li:nth-of-type(6) {
	animation-delay: .27s;
}

.overlay-menu.open li:nth-of-type(1n+7) {
	animation-delay: .30s;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-60px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*
	button:focus {
		outline: 0;
	}
*/

.open-menu, .close-menu {
	cursor: pointer;
	transition: transform 0.15s;
}

.mini-close .close-menu:hover {
	transform: scale(1.2);
}

.close-menu {
	color: white;
	font-size: 16px;
}

.close-menu .icon-background {
	color: red;
	opacity: .5;
}

@media (min-width: 860px) {
	.overlay-menu ul li {
		margin-left: 10%;
		margin-right: 10%;
	}
}

@media (min-width: 1080px) {
	.overlay-menu ul li {
		margin-left: 15%;
		margin-right: 15%;
	}
}

@media (max-width: 700px) {
	.overlay-menu div.nav-list {
		font-size: 22px;
		letter-spacing: 4px;
		text-indent: 0px;
	}

	.overlay-menu .nav-title {
		font-size: 24px;
		letter-spacing: 18px;
		text-indent: 18px;
	}
}

@media (max-width: 600px) {
	.overlay-menu div.nav-list {
		font-size: 22px;
		letter-spacing: 3px;
		text-indent: 0px;
	}

	.overlay-menu .nav-title {
		font-size: 22px;
		letter-spacing: 8px;
		text-indent: 8px;
	}
}

@media (max-width: 480px) {
	.overlay-menu div.nav-list {
		font-size: 20px;
		letter-spacing: 2px;
		text-indent: 0px;
	}

	.overlay-menu .nav-title {
		font-size: 22px;
		letter-spacing: 6px;
		text-indent: 6px;
	}
}

/* .overlay-menu .nav-list a.effect-underline:before {
	content: '>';
} */

/* .overlay-menu .nav-list a.effect-underline:after {
	content: '';
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ea6d6d;
	opacity: 0;
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
} */

.overlay-menu .nav-list a.effect-underline {
	border-top: 1px solid transparent;
}

.overlay-menu .nav-list a.effect-underline:focus {
	border-top: 1px solid #ea6d6d;
	border-bottom: 1px solid #ea6d6d;
	-webkit-transform: scale(1);
	transform: scale(1);
	outline-style: none;
}

.overlay-menu .nav-list li:not(.disabled) a.effect-underline:hover, .overlay-menu .nav-list li:not(.disabled) a.effect-underline:focus {
	background-size: 100% 100%;
}

/* .overlay-menu .nav-list li:not(.disabled) a.effect-underline:hover:after, .overlay-menu .nav-list li:not(.disabled) a.effect-underline:focus:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}*/

.mini-close {
	right: 10px;
	position: absolute;
	top: 10px;
}

.overlay-menu .mini-close .fa-circle {
	font-size: 32px;
}

.overlay-menu .mini-close .fa-times {
	font-size: 16px;
}

.overlay-menu ul li span.close-menu .fa-circle {
	font-size: 36px;
	font-size: 34px;
	margin-top: 4px;
}

.overlay-menu ul li span.close-menu .fa-times {
	font-size: 21px;
	margin-left: -0.5px;
	margin-top: -1px;
}

.overlay-menu ul li span.close-menu {
	font-size: 22px;
	letter-spacing: 3px;
	border: 2px solid rgba(51, 152, 224, 0.5);
	border-radius: 16px;
	padding-left: 4px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 11px;
}

.overlay-menu ul li span.close-menu:hover {
	background-image: linear-gradient(rgba(138, 244, 255, 0.5), rgba(51, 152, 224, 0.5));
}

/* End top menu bar and menu overlay */


/* Begin home page settings */

.top-callout-section div.left-stick, .top-callout-section div.right-stick {
	width: 100%;
	max-height: 20px;
	height: 20px;
	background-image: url(/images/stick.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-position-x: right;
}

/* Added these hbl-text classes to avoid uses an <img> in the code */

#TopMenuBar div.hbl-text {
	background-image: url(/images/HBL-Abbr.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-position-x: center;
	height: 33px;
	transform: rotate(-30deg);
	transform-origin: center;
	-webkit-transform: rotate(-30deg);
	-webkit-transform-origin: center;
	-webkit-transform-origin-y: 20px;
	-webkit-transform-origin-x: 56px;
}

#TopMenuBar a > div.hbl-text:hover {
	filter: hue-rotate(170deg);
}

.top-callout-section div.hbl-text {
	width: 100%;
	max-height: 75px;
	height: calc(20vw / 2);
	background-image: url(/images/HBL-Abbr.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-position-x: center;
}

.top-callout-section div.right-stick {
	transform: rotate(180deg);
}

.top-callout-section .HBL {
	margin: auto;
	max-height: 75px;
	display: block;
}

@media (max-width: 991px) {

	.top-callout-section img.HBL {
		max-height: 50px;
	}
}

.hc_scrollup {
	color: #ffffff;
	background-color: #31a3dd;
	border-radius: 0px;
	bottom: 0px;
	display: none;
	font-size: 28px;
	height: 40px;
	opacity: .6;
	position: fixed;
	right: 0px;
	text-align: center;
	width: 80px;
	overflow: hidden;
	z-index: 9999;
}

.hc_scrollup i {
	color: #ffffff;
	font-size: 18px;
	padding-top: 10px
}

.top-callout-section {
	background: #1e2631;
	margin: 0px;
	width: 100%;
	padding: 35px 0;
}

.top-callout-section h2 {
	color: #ffffff;
	font-family: Segoe UI, Arial;
	font-weight: 400;
	line-height: 33px;
	margin: 0 0 10px;
	font-size: 27px;
	letter-spacing: 1px;
}

.top-callout-section p {
	color: #e4e6aa;
	font-size: 18px;
	margin: 0px;
}

.top-callout-section a {
	background-color: #eeeeee;
	color: #010101;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-family: Segoe UI, Arial;
	font-weight: 900;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 14px 35px;
	text-align: center;
	letter-spacing: 1.5px;
	float: right;
	margin-top: 10px;
	vertical-align: middle;
	white-space: nowrap;
}

.section-header {
	margin: 0 0 40px;
	clear: both;
}

.section-title {
	color: #FFFFFF;
	position: relative;
	border: 0px;
	font-family: Segoe UI, Arial;
	font-weight: 600;
	float: left;
	margin: 15px 48px 10px 0;
	padding: 7px 20px 7px 20px;
	text-transform: capitalize;
	letter-spacing: 1px;
	z-index: 100;
	display: inline-block;
	background-color: #31a3dd;
	font-size: 24px;
	line-height: 30px;
}

.section-title:before {
	border-left-color: #31a3dd !important;
}

.section-title:before {
	border-width: 22px !important;
	margin-top: -22px;
}

.section-title:after, .section-title:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.media:first-child {
	margin-top: 0;
}

.service-area {
	margin: 0 0 45px;
}

.media, .media .media {
	margin-top: 15px;
}

.media, .media-body {
	overflow: hidden;
	zoom: 1;
}

.service {
	background-color: White;
}

.service-box {
	background: #ecf8ff;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	height: 90px;
	margin: 0 60px 45px 0;
	width: 90px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 20px;
	left: 20px;
	float: left;
	text-align: center;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

@media (max-width: 991px) {

	.service div.col-md-6, .service div.col-sm-6 {
		margin-bottom: 40px;
	}

	.media, .media-body {
		display: contents;
	}

	.media-body p {
		padding-left: 20px;
	}
}

.service-box i {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #121212;
	display: block;
	font-size: 45px;
	line-height: 50px;
	margin: 0;
	position: relative;
	text-align: center;
	top: 20px;
	bottom: 0;
	transition: all 0.2s ease 0s;
}

.service-area h4 {
	color: #2A2E34;
	font-family: Segoe UI, Arial;
	font-weight: 700;
	margin: 0 0 15px;
	letter-spacing: 1px;
	font-size: 25px;
}

.service .col-md-6:nth-child(2n+1) {
	clear: left;
}

.service-area.selected .service-box, .service-area:hover .service-box, .detail-btn:active:after, .more-link:hover, .more-link:active, .reply a:hover {
	border: 1px solid #207bab;
	background-color: #31a3dd;
}

.service-area.selected .service-box i, .service-area:hover .service-box i {
	color: #ffffff;
}

.section-subtitle {
	position: relative;
	line-height: 27px;
	margin: 0;
	z-index: 100;
}

.service p, .portfolio p, .entry-content {
	font-family: Segoe UI, Arial;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
	color: #2d3238;
	letter-spacing: 0.5px;
	margin: 0 0 20px;
}

.portfolio-info {
	background-color: #ffffff;
	color: #ffffff;
	border-bottom: 3px solid #efefef;
	transition: all 0.3s ease 0s;
	border-radius: 0;
	padding: 20px 15px 0px 15px;
	transition: all 180ms ease-in-out 0s;
	font-family: Segoe UI, Arial;
	font-weight: normal;
	font-style: normal;
	word-wrap: break-word;
	overflow: auto;
	border-radius: 0px 0px 2px 2px;
}

.portfolio .entry-header .entry-title {
	margin: 0 0 10px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #2a2e34;
	font-size: 18px;
	line-height: 25px;
}

.portfolio-image {
	text-align: center;
	position: relative;
	line-height: 0px;
	font-size: 0px;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	width: 100%;
	position: relative;
	height: 100%;
	overflow: hidden;
	background-color: white;
	padding-top: 10%;
	padding-bottom: 6%;
}

.portfolio-area:hover img {
	-webkit-transform: scale(1.13);
	-moz-transform: scale(1.13);
	-ms-transform: scale(1.13);
	-o-transform: scale(1.13);
	transform: scale(1.13);
}

@media (min-width: 768px) {

	.portfolio-image img {
		transition: all 200ms ease-out;
		-webkit-transition: all 200ms ease-out;
		max-width: 100%;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 767px) {

	.portfolio-image img {
		transition: all 200ms ease-out;
		-webkit-transition: all 200ms ease-out;
		max-width: 100%;
		width: 45%;
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
}

.portfolio-info:hover {
	border-bottom: 3px solid #31a3dd;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	width: 100% \9;
	max-width: 100%;
	height: auto;
}

.portfolio-area {
	margin: 0 0 20px;
}

@media (min-width: 1201px) {

	.portfolio-area {
		margin: 0 0px 50px !important;
	}
}

@media (max-width: 1200px) and (min-width: 960px) {

	.portfolio-area {
		margin: 0 -5px 50px -5px !important;
	}
}

.site-footer {
	border-top: 7px solid #31a3dd;
}

.site-footer {
	margin: 0px;
	padding: 50px 0 0px;
	background-color: #1d1d1d;
}

.site-footer .widget {
	margin: 0 0 60px;
}

.site-footer .widget-title {
	color: #fff;
	font-weight: 500;
	margin: 0 0 30px;
}

.site-footer a, .site-footer a:hover, .site-footer .widget ul > li, .site-footer .widget ul > li > a, .site-footer .widget ul > li > a:before, .site-footer .comment-author-link, .site-footer .rsswidget, .site-footer .rss-date, .site-footer .recentcomments, .site-footer .recentcomments a, .site-footer .rssSummary, .site-footer .textwidget, .site-footer .textwidget p, .site-footer dl, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget table th, .site-footer .widget table tbody a, .site-footer .widget table #next a, .site-footer .widget table #prev a, .site-footer .widget table td, .site-footer address span i {
	color: #fff;
}

.contact-icon {
	float: left;
	margin: 0 18px 0 0;
	padding: 0;
}

.contact-icon i {
	font-size: 30px;
	transition: all 0.3s ease-in-out 0s;
	color: #31a3dd;
}

.site-footer h4, .site-footer .h4 {
	font-size: 18px;
	line-height: 25px;
}

.site-footer h5, .site-footer .h5 {
	font-size: 14px;
	line-height: 20px;
	margin-top: 0px;
}

.site-info {
	background-color: #0e0e0e;
	margin: 0;
	padding: 0;
}

.footer-copyright {
	padding: 15px 0;
	color: #fff;
}

.footer-copyright p {
	color: #ffffff;
	font-family: Segoe UI, Arial;
	font-weight: 400;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	letter-spacing: 1px;
}

.footer-menu-links {
	color: #888a8a;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}

@media (max-width: 991px) {
	.footer-menu-links {
		padding-left: 0;
	}
}

.footer-menu-links li {
	border-right: 1px dotted #b9b5b5;
	display: inline-block;
	line-height: 20px;
	margin: 10px 20px 10px 0px;
	padding: 0px 15px 0px 0;
}

.footer-menu-links li > a {
	color: #ffffff;
	font-family: Segoe UI, Arial;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	transition: all 0.3s ease 0s;
	letter-spacing: 1px;
}

/* End home page settings */

.list-group-item-heading {
	border-bottom: 1px solid #dddddd;
}

.list-group-item {
	margin-bottom: 6px;
}

.list-group-item:nth-child(2n+1) {
	background-color: #F0F8FF;
	border: 1px solid #dddddd;
}

.list-group-item:nth-child(2n+2) {
	background-color: #FBFAD2;
	border: 1px solid #dddddd;
}

div.list-group-item:hover, div.list-group-item:focus {
	background-color: #cccccc;
}

.list-group-item-text {
	display: inline-block;
	margin-right: 12px;
	color: red;
	font-weight: bold;
}

#TopMenuBar #brand a:hover img, #TopMenuBar #brand a:focus img {
	filter: hue-rotate(170deg);
}

.division-header-8with9ball {
	background-image: url(/images/8with9ball.png?v=50);
	background-size: 30px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 8px;
	vertical-align: sub;
}

.division-menu-8with9ball {
	background-image: url(/images/8with9ball.png?v=50);
	background-size: 28px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 28px;
	width: 28px;
	margin-right: 6px;
	vertical-align: middle;
	margin-bottom: 4px;
}

.gameformat-button-8with9ball {
	background-image: url(/images/8with9ball.png?v=50);
	background-size: 22px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 22px;
	width: 22px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
	margin-top: -2px;
}

.division-header-8and9ball {
	background-image: url(/images/8and9ball.png?v=50);
	background-size: 30px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 8px;
	vertical-align: sub;
}

.division-menu-8and9ball {
	background-image: url(/images/8and9ball.png?v=50);
	background-size: 26px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 4px;
}

.gameformat-button-8and9ball {
	background-image: url(/images/8and9ball.png?v=50);
	background-size: 20px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
}

.division-header-8ball {
	background-image: url(/images/8ball.png?v=50);
	background-size: 30px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 8px;
	vertical-align: sub;
}

.division-menu-8ball {
	background-image: url(/images/8ball.png?v=50);
	background-size: 26px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 4px;
}

.gameformat-button-8ball {
	background-image: url(/images/8ball.png?v=50);
	background-size: 20px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
}

.division-header-9ball {
	background-image: url(/images/9ball.png?v=50);
	background-size: 30px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 8px;
	vertical-align: sub;
}

.division-menu-9ball {
	background-image: url(/images/9ball.png?v=50);
	background-size: 26px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 4px;
}

.gameformat-button-9ball {
	background-image: url(/images/9ball.png?v=50);
	background-size: 20px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
}

.division-header-10ball {
	background-image: url(/images/10ball.png?v=50);
	background-size: 30px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 8px;
	vertical-align: sub;
}

.division-menu-10ball {
	background-image: url(/images/10ball.png?v=50);
	background-size: 26px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 4px;
}

.gameformat-button-10ball {
	background-image: url(/images/10ball.png?v=50);
	background-size: 20px;
	background-origin: content-box;
	background-repeat: no-repeat;
	background-position-y: 0px;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 1px;
}

@media (min-width: 768px) {
	.modal-dialog.modal-full {
		width: 95%;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {

	/* dropdown session names should wrap because it may go offscreen  */
	.navbar-nav .open .dropdown-menu > li > a {
		white-space: normal;
		padding-left: 59px;
	}

	/* dropdown session names should will have extra padding */
	.navbar-nav .open .dropdown-menu > li > a {
		text-indent: -34px;
	}

	/* bullet for dropdown session names because name may wrap */
	/*	.navbar-nav .open .dropdown-menu > li > a[href*="/members/"]:not([href$="player.aspx"])::before {
		content: "●";
		padding-right: 8px;
	}
*/
}

.panel-title > a, .panel-title > a:active {
	display: block;
	text-decoration: none;
}

.panel-heading .panel-title a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	float: right;
	transition: all 0.15s;
	font-size: 18px;
	font-weight: 900;
}

.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

table td.keycell {
	color: blue;
}					   


table.dataTable > thead > tr > th {
	position: relative;
}

table.dataTable > thead > tr > th > span {
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-left: 2px;
}

table.dataTable > thead > tr > th.center:not(.col-ExtraPadding).stats_substat {
	padding-left: 4px !important;
	padding-right: 18px !important;
}

table.dataTable > thead > tr > th.center:not(.col-ExtraPadding) {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

table.dataTable > thead > tr > th.center.col-ExtraPadding {
	width: 1% !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
}

tr[data-dt-row] {
	background-color: transparent !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

tr[data-dt-row]:nth-last-child(1) {
	background-color: transparent !important;
	border-bottom-style: none;
}

tr[data-dt-row] > td:nth-child(1) {
	font-weight: bold;
}

table {
	font-size: 12pt;
	font-family: 'trebuchet ms', verdana, arial;
}

table.scoresheetTable {
	border-color: Black;
	border-width: 1px;
	border-style: Solid;
	border-collapse: collapse;
	width: 100%;
}

table.scoresheetTable tbody th, table.scoresheetTable tbody td {
	padding: 0px 0px !important;
}

.dataTables_wrapper > .row {
	margin-left: 0px;
	margin-right: 0px;
}

.dataTables_wrapper > .row > div {
	padding-left: 0px;
	padding-right: 0px;
}

div.dataTables_wrapper div.dataTables_processing:not(.sticky) {
	background-color: pink;
	padding-top: 6px !important;
	top: 40px !important;
}

div.dataTables_wrapper div.dataTables_processing.sticky {
	background-color: pink;
	padding-top: 6px !important;
	top: 101px !important;
	position: fixed;
	z-index: 2000;
}

.table-responsive {
	border-style: none;
	scrollbar-gutter: stable;
}

/* this ensures that the group headers are displayed correctly */
table.fixedHeader-floating thead {
	display: block;
}

table.dataTable thead th, table.dataTable thead td {
	padding: 6px 18px 6px 4px !important;
}

table.dataTable thead th.sorting_disabled, table.dataTable thead td.sorting_disabled {
	padding: 6px 4px 6px 4px !important;
}

.table-responsive > .table-bordered > thead > tr:nth-child(1) > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr:nth-child(1) > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}

.tablesorter-stickyHeader.table-bordered > thead > tr:nth-child(1) > th:last-child,
.tablesorter-stickyHeader.table-bordered > tbody > tr > th:last-child,
.tablesorter-stickyHeader.table-bordered > tfoot > tr:nth-child(1) > th:last-child,
.tablesorter-stickyHeader.table-bordered > thead > tr > td:last-child,
.tablesorter-stickyHeader.table-bordered > tbody > tr > td:last-child,
.tablesorter-stickyHeader.table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}

.stats_substat {
	border-right: 1px solid #aaaaaa !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
	top: 10px;
}

/* disable the original sort content, in favor of using the up/down carets instead */
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	display: none !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	display: none !important;
}

/* Only used for certain themes
table.dataTable thead .sorting {
	background-image: url(/images/black-unsorted.gif);
	background-repeat: no-repeat;
	background-position: right 2px center;
}

table.dataTable thead .sorting_asc {
	background-image: url(/images/black-asc.gif);
	background-repeat: no-repeat;
	background-position: right 2px center;
}

table.dataTable thead .sorting_desc {
	background-image: url(/images/black-desc.gif);
	background-repeat: no-repeat;
	background-position: right 2px center;
}
*/

table.table-bordered.tablesorter th, table.table-bordered.tablesorter td {
	border-left-width: 0px;
}

table.table-bordered.tablesorter tbody th, table.table-bordered.tablesorter tbody td {
	border-bottom-width: 0px;
}

.table > thead > tr > th {
	background-color: Yellow;
	border-bottom: 1px solid #111;
}

.table-striped > tbody > tr[role="row"]:not(.selected):nth-of-type(2n+1) > td {
	background-color: #F0F8FF;
}

.table-striped > tbody > tr[role="row"]:not(.selected):nth-of-type(2n+0) > td {
	background-color: #FAFAD2;
}

table.dataTable > tbody > tr[role="row"].selected {
	background-color: #2b3baf !important;
	color: White !important;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
	border-bottom-color: #cccccc;
}

table.dataTable > tbody > tr.child {
	background-color: #dfdfdf;
}

table.dataTable > tbody > tr[role="row"].selected:hover > td {
	background-color: #15259a !important;
	color: White !important;
}

table.dataTable > tbody > tr.group {
	background-color: seagreen;
	color: aliceblue;
	font-weight: bold;
	font-style: italic;
}

table.dataTable > tbody > tr:hover, table.dataTable > tbody > tr:hover > td {
	background-color: #cccccc !important;
}

table.dataTable > tbody > tr.child:hover, table.dataTable > tbody > tr.child:hover > td {
	background-color: #cccccc !important;
}

table.dataTable > tbody > tr.group:hover, table.dataTable > tbody > tr.group:hover > td {
	background-color: green !important;
	color: aliceblue;
	font-weight: bold;
	font-style: italic;
}

table.dataTable > tbody > tr.child:hover tr[data-dt-row], table.dataTable > tbody > tr.child:hover tr[data-dt-row] > td {
	border-color: #dfdfdf !important;
}

table.dataTable tbody tr.selected a:not(.btn), table.dataTable tbody th.selected a:not(.btn), table.dataTable tbody td.selected a:not(.btn) {
	color: #afdbf1 !important;
}

table.dataTable tbody tr.group a {
	color: #c1e3f4 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #646464;
}

div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
	text-align: right;
}

.dataTables_filter {
	font-size: 11pt;
}

.dataTables_filter input {
	font-size: 11pt;
}

.dropdown-scrollable {
	overflow-y: auto;
}

.btn {
	font-size: 18px;
	line-height: 1.25;
}

.btn-primary {
	font-size: 18px !important;
	line-height: 1.25;
}

.label {
	font-size: 14px;
	font-variant: small-caps;
	letter-spacing: 1px;
}

.panel-title .label {
	font-size: 18px;
}

.bootbox-body .label {
	font-size: 16px;
}

.modal-body {
	font-size: 16px;
}

.modal-body label {
	margin-bottom: 0px;
	font-weight: normal;
}

.modal-body label input[type="radio"], .modal-body label input[type="checkbox"] {
	margin-right: 6px;
}

.bootstrap-select.btn-group .dropdown-menu li {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
}

.navbar-nav .dropdown-menu > li:not(.divider) h6.dropdown-header {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
}

.navbar-nav .dropdown-menu > li:not(.divider) {
	margin-top: 8px;
	margin-bottom: 6px;
	line-height: 1.5;
}

/* LoginName and LoginPassword classes should be moved to the actual Login page */
.LoginName {
	margin-bottom: 0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.LoginPassword {
	margin-bottom: 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

form {
	margin-bottom: 0px;
}

body {
	-ms-overflow-style: scrollbar;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	background-color: #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: Black; /* #484848; */
}

p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: normal;
}

h1 {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 32px;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

h2 {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 27px;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

h3 {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 16pt;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
}

	h3.panel-title {
		font-size: 18pt;
		font-variant: normal;
	}

.modal-dialog h4 {
	font-size: 18px;
}

h4 {
	color: #0060A9;
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 12pt;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
}

.NoMargin {
	margin: 0px 0px 0px 0px;
}

.NoPadding {
	padding: 0px 0px 0px 0px;
}

.NoWrap {
	white-space: nowrap !important;
}

.NoTopPadding {
	padding-top: 0px;
	margin-top: 0px;
}

.NoBottomPadding {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.NoRightPadding {
	padding-right: 0px;
	margin-right: 0px;
}

.NoLeftPadding {
	padding-left: 0px;
	margin-left: 0px;
}

/* Create a border and buffer between the carousel and main container */
.MainContainer {
	padding: 0px 0px 0px 0px;
	margin: 54px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	/* background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top center; */
	/* background-image: linear-gradient(to bottom, #e6e6e6 0, #ffffff 125px);
	background-color: #f3f3f3;*/
}




/**** Carousel ****/
#MainCarousel {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -16px 0px; /* -16px ensures that the indcators are below the main portion of the carousel */
}

/* Control buttons  */
#MainCarousel .carousel-control {
	background: none;
	color: #222222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}

#MainCarousel .carousel-inner .item {
	padding-bottom: 16px;
}

/* Previous button  */
#MainCarousel .carousel-control.left {
	left: -12px;
}
/* Next button  */
#MainCarousel .carousel-control.right {
	right: -12px !important;
}

/* Changes the position of the indicators */
#MainCarousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

/* Changes the color of the indicators */
/*
#MainCarousel .carousel-indicators li 
{
    background-color: #c0c0c0;
}
#MainCarousel .carousel-indicators .active 
{
    background-color: #333333;
}
*/

/* Carousel fade option */
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}


/**** media queries for carousel ****/

/* .hidden-smallphone
{
	display: inherit;
}
	
.hidden-mediumphone {
	display: inherit;
}

.hidden-800plus {
	display: inherit;
}
*/


/* Any medium sized smartphones */
@media (min-width: 640px) and (max-width: 799px) {

	.hidden-mediumphone {
		display: none;
	}

	.HeaderPlayerDivider:after {
		content: "";
		display: block;
		width: 70%;
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cccccc;
	}
}

/* Any devices that aren't too small (large smartphones, tablets, computers, 640px and up) */
@media (min-width: 640px) {

	.carousel {
		margin-bottom: 0px;
		padding: 0px 40px 30px 40px;
	}

	.carousel .carousel-indicators {
		margin-bottom: -15px !important;
	}

	.carousel .carousel-indicators li {
		display: inline-block;
		border-color: Black;
		background-color: #ECECEC;
		margin: -9px 16px;
		width: 46px;
		height: 20px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	.carousel .carousel-indicators li.active {
		border-color: Black;
		background-color: #9c0000;
		margin: -9px 16px;
		width: 46px;
		height: 20px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	.CarouselContainer {
		padding: 10px 10px 10px 10px;
		margin: 66px 10px -5px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		border-radius: 4px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background-color: #ECFFEC;
	}

	.CarouselContainer_NoSlides {
		padding: 10px 10px 10px 10px;
		margin: 66px 10px -25px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		border-radius: 4px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background-color: #ECFFEC;
	}
}

/* Any devices that aren't too small (large smartphones, tablets, computers, 640px and up) */
@media (min-width: 800px) {

	.hidden-800plus {
		display: none;
	}

	.HeaderPlayerDivider:after {
		content: "";
		display: block;
		width: 50%;
		min-width: 350px;
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cccccc;
	}
}

/* Small devices (small smartphones) */
@media (max-width: 639px) {

	/* Make the indicators larger for easier clicking with fingers/thumb on mobile */

	.hidden-smallphone {
		display: none;
	}

	.carousel .carousel-indicators {
		margin-bottom: -30px !important;
		padding-top: 20px;
	}

	.carousel .carousel-indicators li {
		display: inline-block;
		border-color: Black;
		background-color: #ECECEC;
		margin: 2px 14px;
		width: 34px;
		height: 20px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	.carousel .carousel-indicators li.active {
		border-color: Black;
		background-color: #9c0000;
		margin: 2px 14px;
		width: 34px;
		height: 20px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	.CarouselContainer {
		padding: 10px 10px 10px 10px;
		margin: 66px 5px -5px 5px;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		border-radius: 4px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background-color: #ECFFEC;
	}

	.CarouselContainer_NoSlides {
		padding: 10px 10px 10px 10px;
		margin: 66px 10px -25px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		border-radius: 4px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background-color: #ECFFEC;
	}

	.HeaderPlayerDivider:after {
		content: "";
		display: block;
		width: 80%;
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cccccc;
	}
}

/**** End of carousel ****/




/**** Media queries ****/

/* Any devices that aren't too small (tablets, computers, 768px and up) */
@media (min-width: 768px) {

	.CalendarColumn {
		width: 230px;
		min-width: 230px;
		max-width: 230px;
		padding: 10px 10px 10px 10px;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #cccccc;
		vertical-align: top;
		text-align: left;
	}

	.MainSection {
		padding: 10px 10px 10px 10px;
		vertical-align: top;
		text-align: left;
	}

	.SubTopicHeading {
		font-family: Segoe UI, Arial;
		font-variant: small-caps;
		font-size: 16pt;
		font-weight: 600;
		color: #0060A9;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 10px;
		margin-left: 20px;
		text-decoration: underline;
	}

	.SubTopicText {
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 0px;
		margin-bottom: 10pt;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 20px;
		font-size: 12pt;
		font-weight: normal;
	}

	.SubTopicText li {
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 3px;
		padding-bottom: 3px;
		margin-left: 10px;
		font-size: 12pt;
		font-weight: normal;
	}

}

/* Small devices (smartphones, tablets, up to 768px) */
@media (max-width: 768px) {
	.CalendarColumn {
		display: none;
	}

	.MainSection {
		padding: 10px 5px 10px 5px;
		vertical-align: top;
		text-align: left;
	}

	.SubTopicHeading {
		font-family: Segoe UI, Arial;
		font-variant: small-caps;
		font-size: 16pt;
		font-weight: 600;
		color: #0060A9;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 10px;
		margin-left: 5px;
		text-decoration: underline;
	}

	.SubTopicText {
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 0px;
		margin-bottom: 10pt;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 5px;
		font-size: 12pt;
		font-weight: normal;
	}

	.SubTopicText li {
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 3px;
		padding-bottom: 3px;
		margin-left: 5px;
		font-size: 12pt;
		font-weight: normal;
	}
}

#InfoModal .SubTopicText {
	margin-left: 0px;
}

#InfoModal .SubTopicText li {
	margin-left: 0px;
}

/**** End of media queries ****/




/**** Any items within calendar column ****/

.CalendarHeader {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 12pt;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	text-align: center;
}

.ScheduleHeader {
	color: #0060A9;
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 12pt;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 1em;
	padding-bottom: 6px;
	text-decoration: underline;
}

.CalendarEventName {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 6pt;
	margin-bottom: 0px;
	font-size: 10pt;
	color: #ff6666;
	white-space: nowrap;
	text-decoration: underline;
}

.CalendarDesc {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10pt;
	white-space: pre-wrap;
	font-style: italic;
}

#SelectedDateEvents, #UpcomingEvents {
	padding-left: 16px;
	margin-left: 0px;
	margin-top: 5px;
}

	#SelectedDateEvents, #UpcomingEvents li {
		margin-top: 1em;
	}

/**** End of items within calendar column ****/


.LinkLocation {
	padding-top: 50px;
	margin-top: -50px;
}

.TopicHeading {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 27px;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-decoration: underline;
}

.Offers {
	margin-left: 2em;
}

.Offers li {
	color: #0060A9;
	font-size: 16px;
	padding-bottom: 8pt;
}

.SubLinks li {
	color: #0060A9;
	font-size: 18px;
	margin-left: 25px;
	padding-top: 6pt;
	padding-bottom: 10pt;
}

.SubLinks .SubLinks li {
	color: #0060A9;
	font-size: 16px;
	margin-left: 25px;
	padding-top: 2pt;
	padding-bottom: 0pt;
}

.HeaderPlayerLabel {
	font-family: Segoe UI, Arial;
	font-variant: normal;
	font-size: 16pt;
	font-weight: 600;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
}

.HeaderPlayerInfo {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 22pt;
	font-weight: 600;
	color: #0060A9;
	margin-top: -8px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.HeaderPlayerInfo2 {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 18pt;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*.HeaderPlayerDivider
{
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: solid 1px #CCCCCC;	
} */

.HeaderStatsLabel {
	font-family: Segoe UI, Arial;
	font-size: 16px;
	font-weight: Bold;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 3px;
}

.HeaderStatsInfo {
	font-family: Segoe UI, Arial;
	font-variant: normal;
	font-size: 16px;
	font-weight: normal;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 3px;
}




/**** Table settings ****/

.tablesorter, .tablesorter th, .tablesorter td, .tablesorter th div, .tablesorter td div {
	font-family: 'trebuchet ms', verdana, arial;
	font-size: 12pt;
}

.TableDivScroll {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #EAF4FF;
	overflow-x: scroll;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
}

.expand_column, .expand_column th, .expand_column td {
	width: 100%;
}

.tableheader_center, .tableheader_center th {
	font-weight: bold;
	background-color: Yellow;
	vertical-align: middle;
	white-space: nowrap;
	color: Black;
	text-align: center;
}

.tableheader_wrapcenter, .tableheader_wrapcenter th {
	font-weight: bold;
	background-color: Yellow;
	vertical-align: middle;
	white-space: nowrap;
	color: Black;
	text-align: center;
}

.tableheader_left, .tableheader_left th {
	font-weight: bold;
	background-color: Yellow;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	color: Black;
}

.tableheader_right, .tableheader_right th {
	font-weight: bold;
	background-color: Yellow;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: Black;
}

.tabledata_center, .tabledata_center td {
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

.tabledata_left, .tabledata_left td {
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

.tabledata_right, .tabledata_right td {
	text-align: right;
	vertical-align: middle;
	font-weight: normal;
}

.tabledata_row, .tabledata_row td {
	background-color: #F0F8FF;
	color: Black;
}

.tabledata_altrow, .tabledata_altrow td {
	background-color: #FAFAD2;
	color: Black;
}

.playername_wrap {
	font-weight: bold;
	background-color: Yellow;
	text-align: center;
	vertical-align: middle;
	min-width: 125px;
	white-space: pre-line !important;
	color: Black;
}

.sessioname_width {
	min-width: 175px;
}

.teamname_width {
	min-width: 200px;
}

.playername_width {
	min-width: 150px;
}

tbody > tr > th.playername_width {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 100px;
	max-width: 175px;
	text-align: left;
}

.playernumber_width {
	min-width: 100px;
}

.playerstats_width {
	min-width: 120px;
}

.teamnumeric_width {
	min-width: 75px;
	max-width: 150px;
}

.teamlocation_width {
	min-width: 150px;
}

.statsnumeric_width {
	min-width: 65px;
}

.statsunknown_width {
	min-width: 100px;
}

.skilllevel_width {
	max-width: 80px;
}

.score_width {
	min-width: 34px;
}

.seasonname_wrap {
	font-weight: bold;
	background-color: Yellow;
	text-align: center;
	vertical-align: middle;
	min-width: 175px;
	max-width: 175px;
	white-space: pre-line !important;
	color: Black;
}

/**** End of table settings ****/




.divisionheaderpanel {
	padding-top: 8px;
	width: 100%;
	background-color: #DFDFDF;
}

.stats_subheading_top {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 20pt;
	font-weight: 600;
	color: #0060A9;
	margin-top: -10px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-decoration: underline;
}

.stats_subheading {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 20pt;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 14px;
	padding-bottom: 10px;
	text-decoration: underline;
}

.stats_subheading2 {
	font-family: Segoe UI, Arial;
	font-variant: small-caps;
	font-size: 16pt;
	font-weight: 600;
	color: #0060A9;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: underline;
}

.panelbody_block_caption {
	color: Red;
	font-family: Segoe UI, Arial;
	font-variant: normal;
	font-size: 20px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	line-height: 1.5;
}

.panelbody_block_data {
	color: Black;
	font-family: Segoe UI, Arial;
	font-variant: normal;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	display: inline-table;
}

.header_master {
	font-weight: bold;
	text-align: center;
}

.standardtext {
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12pt;
	font-weight: normal;
}

#ShowNameCheckbox, #UploadCheckbox, #PlainRecycleBox {
	margin-right: 6px;
}

.standardtext label {
	margin-bottom: 0px;
	font-weight: normal;
}

button.close {
	font-size: 21px !important;
}

input[type="button"], button[type="button"] {
	font-size: 15px;
}

input[type="text"], input[type="number"], select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 15px;
	font-weight: normal;
	padding-left: 2px;
}

input, select, textarea {
	border: 1px solid rgba(204, 204, 204, .65);
}

.submitButton {
	width: 100px;
}

/*
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
*/


/**** Schedule ****/

#ScheduleTable, #MyScheduleTable {
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: small;
	font-weight: normal;
}

#ScheduleTable th, #ScheduleTable td, #MyScheduleTable th, #MyScheduleTable td {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px 4px 4px 4px;
	font-size: small;
}

/* #ScheduleTable tbody tr td:nth-child(4n+5),#ScheduleTable tbody tr td:nth-child(4n+6) {
    background-color: Pink;
}

#ScheduleTable tbody tr td:nth-child(4n+3),#ScheduleTable tbody tr td:nth-child(4n+4) {
    background-color: LightGreen;
}

#ScheduleTable tbody tr[class='even'] td[class*='scheduleteam'] {
    background-color: Pink;
}

#ScheduleTable tbody tr[class='odd'] td[class*='scheduleteam'] {
    background-color: LightGreen;
}*/

.scheduleweek_width {
	min-width: 40px;
	width: 50px;
	max-width: 70px;
}

.scheduledate_width {
	min-width: 100px;
	width: 110px;
	max-width: 160px;
}

.scheduledata_row_bye {
	background-color: #DFFFFF !IMPORTANT;
	color: Black;
}
/*
.scheduledata_row_oddmatch
{
	background-color: #DFFFDF !IMPORTANT;
	color: Black;
}

.scheduledata_altrow_oddmatch
{
	background-color: #DFFFDF !IMPORTANT;
	color: Black;
}

.scheduledata_row_evenmatch
{
	background-color: #FFDFDF !IMPORTANT;
	color: Black;
}

.scheduledata_altrow_evenmatch
{
	background-color: #FFDFDF !IMPORTANT;
	color: Black;
}

table.tablesorter tbody tr.hover td.scheduledata_row_bye
{
	background-color: #A0FFFF !IMPORTANT;
	color: Black;
}

table.tablesorter tbody tr.selected td.scheduledata_row_bye
{
	background-color: #A0FFFF !IMPORTANT;
	color: Black;
}

table.tablesorter tbody tr.selected td.scheduledata_row_oddmatch 
{
	background-color: #A0FFA0 !IMPORTANT;
	color: Black;
}

table.tablesorter tbody tr.selected td.scheduledata_altrow_oddmatch
{
	background-color: #A0FFA0 !IMPORTANT;
	color: Black;
}

table.tablesorter tbody tr.selected td.scheduledata_row_evenmatch 
{
	background-color: #FFA0A0 !IMPORTANT;
	color: Black;
}

table.tablesorter tbody tr.selected td.scheduledata_altrow_evenmatch
{
	background-color: #FFA0A0 !IMPORTANT;
	color: Black;
}
*/

#ScheduleTable tbody > tr.selected > td.scheduledata_row_bye {
	background-color: #A0FFFF !IMPORTANT;
}

#ScheduleTable tbody > tr:hover > td:not([colspan]):not(:last-child):nth-child(4n+3),
#ScheduleTable tbody > tr.hover > td:not([colspan]):not(:last-child):nth-child(4n+3),
#ScheduleTable tbody > tr:hover > td:not([colspan]):nth-child(4n+4),
#ScheduleTable tbody > tr.hover > td:not([colspan]):nth-child(4n+4) {
	background-color: #75FF75 !IMPORTANT;
}

#ScheduleTable tbody > tr:hover > td:not([colspan]):not(:last-child):nth-child(4n+5),
#ScheduleTable tbody > tr.hover > td:not([colspan]):not(:last-child):nth-child(4n+5),
#ScheduleTable tbody > tr:hover > td:not([colspan]):nth-child(4n+6),
#ScheduleTable tbody > tr.hover > td:not([colspan]):nth-child(4n+6) {
	background-color: #FF9595 !IMPORTANT
}

#ScheduleTable tbody > tr:hover > td.scheduledata_row_bye,
#ScheduleTable tbody > tr.hover > td.scheduledata_row_bye {
	background-color: #7DFFFF !IMPORTANT;
}

#ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):not(:last-child):nth-child(4n+3),
#ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):nth-child(4n+4) {
	background-color: #DFFFDF !IMPORTANT;
}

#ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):not(:last-child):nth-child(4n+5),
#ScheduleTable tbody > tr:not(.selected):not(:hover):not(.hover) > td:not([colspan]):nth-child(4n+6) {
	background-color: #FFDFDF !IMPORTANT
}

#ScheduleTable tbody > tr.selected > td:not([colspan]):not(:last-child):nth-child(4n+3),
#ScheduleTable tbody > tr.selected > td:not([colspan]):nth-child(4n+4) {
	background-color: #A0FFA0 !IMPORTANT;
}

#ScheduleTable tbody > tr.selected > td:not([colspan]):not(:last-child):nth-child(4n+5),
#ScheduleTable tbody > tr.selected > td:not([colspan]):nth-child(4n+6) {
	background-color: #FFA0A0 !IMPORTANT
}

.scheduleteamlocation_width {
	min-width: 200px;
}

.scheduleteamname_width {
	min-width: 125px;
}

.minwidth {
	width: 1%;
}

.scheduleteam_highlight {
	font-weight: bolder;
	color: Blue !IMPORTANT;
}

.scheduleteam_header_width {
	min-width: 60px;
}

.schedule_special, .result_special {
	font-weight: bold;
	color: Red !IMPORTANT;
	border-bottom-color: Black;
}

.scheduleteam {
	padding-left: 8px;
	padding-right: 8px;
}

.scheduleteamnumber {
	padding-left: 8px;
	padding-right: 8px;
}

.left_padding {
	margin-left: 20px;
}

/**** End of schedule ****/


.playofftable {
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: small;
	font-weight: normal;
}

.playofftable th, .playofftable td {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px 4px 4px 4px;
	font-size: small;
}



/* CSS for hover row & select/lock the row with color */

/*table.tablesorter > tbody > tr.selected > td.skill_percentile, table.tablesorter > tbody > tr.selected:hover > td.skill_percentile {
	color: #f99898 !important;
}*/

table > tbody > tr > td.selected > span.assess_raise {
	color: lightgreen !important;
	font-weight: bold;
	font-style: italic;
}

table > tbody > tr > td > span.assess_raise {
	color: green !important;
	font-weight: bold;
	font-style: italic;
}

table > tbody > tr > td.selected > span.assess_lower {
	color: #ff6666 !important;
	font-weight: bold;
	font-style: italic;
}

table > tbody > tr > td > span.assess_lower {
	color: red !important;
	font-weight: bold;
	font-style: italic;
}

table.tablesorter > tbody > tr:hover:not(.selected) > td {
	background-color: #cccccc !important;
}

table.tablesorter > tbody > tr.selected > td {
	background-color: #2b3baf !important;
	color: white !important;
}

table.tablesorter > tbody > tr.selected:hover > td {
	background-color: #15259a !important;
	color: white !important;
}

table > tbody > tr.selected > td > span[gameresult="win"] {
	color: lightgreen !important;
	font-weight: bold;
}

table > tbody > tr > td > span[gameresult="win"] {
	color: green !important;
	font-weight: bold;
}

table > tbody > tr.selected > td > span[gameresult="loss"] {
	color: #ff6666 !important;
	font-weight: bold;
}

table > tbody > tr > td > span[gameresult="loss"] {
	color: red !important;
	font-weight: bold;
}

table > tbody > tr.selected > td > span[score-info="bye"] {
	color: powderblue !important;
	font-weight: bold;
}

table > tbody > tr > td > span[score-info="bye"] {
	color: blue !important;
	font-weight: bold;
}

table > tbody > tr.selected > td > span[calendar-info="bye"] {
	color: #ff6666 !important;
	font-weight: bold;
}

table > tbody > tr > td > span[calendar-info="bye"] {
	color: red !important;
	font-weight: bold;
}

table > tbody > tr.selected > td > span[calendar-info="event"] {
	color: #ff6666 !important;
	font-weight: bold;
}

table > tbody > tr > td > span[calendar-info="event"] {
	color: red !important;
	font-weight: bold;
}

table > tbody > tr.group > td > span[calendar-info="event"] {
	color: pink !important;
	font-weight: bold;
}

table > tbody > tr.selected > td > span[stat="special"] {
	color: pink !important;
}

table > tbody > tr > td > span[stat="special"] {
	color: blue !important;
}

/*table > tbody > tr > td.skill_percentile {
	color: red !important;
	font-weight: bold;
	font-style: italic;
}*/

.panel-default > .panel-heading {
	padding-top: 5px;
	padding-bottom: 5px;
}

.waiting {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 8px;
	margin-top: 20px;
	margin-left: 10%;
	margin-right: 10%;
	border-width: 1px;
	border-style: solid;
	border-color: #b0b0b0;
	background-color: #DFDFDF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.loader {
	border-width: 3px;
	border-style: solid;
	border-color: #bfdfff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0000ff;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #3366ff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #6699ff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 17px;
	height: 17px;
	-webkit-animation: spin 1.2s linear infinite;
	-moz-animation: spin 1.2s linear infinite;
	animation: spin 1.2s linear infinite;
	display: inline-block;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

td.win {
	font-weight: bold;
	font-family: Valken, Forte, Arial;
	text-align: center;
	min-width: 26px;
	color: Green;
	background-color: transparent;
}

td.loss {
	font-weight: bold;
	font-family: Valken, Splash, Arial;
	text-align: center;
	min-width: 26px;
	color: #B2180F;
	background-color: transparent;
}

td.losscircle {
	background: url(/images/L-circle.gif);
}

td.wincircle {
	background: url(/images/W-circle.gif);
}


.list_padding tr td label {
	padding-left: 4px;
	padding-right: 2em;
}

.list_padding label {
	padding-left: 4px;
}

input:disabled, select:disabled, textarea:disabled,
input.disabled, select.disabled, textarea.disabled {
	background-color: rgb(235, 235, 228) !important;
	color: #6f6f6f;
	-webkit-text-fill-color: rgb(111, 111, 111) !important; /* Override iOS / Android font color change */
	-webkit-opacity: 1 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 0s 600000s, color 0s 600000s;
}

select:disabled {
	background-color: rgb(235, 235, 228);
}

.disabled {
	background-color: rgb(235, 235, 228);
}

.failureNotification {
	font-family: Arial, Helvetica, sans-serif;
	color: Red;
	font-size: small;
	font-weight: normal;
}

.failureNotification li {
	margin-bottom: 6px;
}

.button_hide input {
	display: none;
}

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

.ManagementContainer {
	padding: 0px 0px 0px 0px;
	height: 100%;
}

.ManagementSubList {
	width: 100%;
	max-width: 375px;
	margin-bottom: 12px;
}

select + .ManagementSubContainer {
	margin-left: 8px;
}

.ManagementSubContainer > button + button {
	margin-left: 8px;
}

.ManagementSubContainer > button {
	margin-bottom: 8px;
}

.panel-heading, .panel-footer {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.panel-body {
	padding: 12px 8px 8px 8px !important;
}

span.keytext {
	color: black;
	padding-left: 12px;
}


/*.LargeSize #HomeTeamPanelBody table th:nth-child(3), .LargeSize #HomeTeamPanelBody table td:nth-child(3) {
	display: none;
}

.LargeSize #HomeTeamPanelBody table th:nth-child(4), .LargeSize #HomeTeamPanelBody table td:nth-child(4) {
	padding-left: 0px !important;
}

.LargeSize #AwayTeamPanelBody table th:nth-child(3), .LargeSize #AwayTeamPanelBody table td:nth-child(3) {
	display: none;
}

.LargeSize #AwayTeamPanelBody table th:nth-child(4), .LargeSize #AwayTeamPanelBody table td:nth-child(4) {
	padding-left: 0px !important;
}*/

.LargeSize h3.panel-title {
	font-size: 26pt;
}

.LargeSize .panel-title .label {
	font-size: 24px;
}

.LargeSize .panelbody_block_caption, .LargeSize .panelbody_block_data {
	font-size: 26px;
}

.LargeSize .nav-pills > li > a {
	font-family: Segoe UI, Arial;
	font-size: 26px;
}

.LargeSize h2 {
	font-size: 38px;
}

.LargeSize h3 {
	font-size: 30px;
}

.LargeSize h4 {
	font-size: 26px;
}

.LargeSize h5 {
	font-size: 18px;
}

.LargeSize h6 {
	font-size: 18px;
}

.LargeSize table {
	font-size: 24px;
}

.LargeSize input, .LargeSize select {
	font-size: 24px !important;
}

.LargeSize input[type="button"], .LargeSize button[type="button"] {
	font-size: 26px;
}

.LargeSize .btn, .LargeSize .btn-md {
	font-size: 26px !important;
}

.LargeSize .rackwinner-container .btn-primary {
	font-size: 22px !important;
}

.LargeSize #TimeoutGameText {
	font-size: 26px;
	height: 40px;
}

.LargeSize .overlay-menu .nav-title {
	font-size: 34px
}

.LargeSize .overlay-menu div.nav-list {
	font-size: 26px
}

.LargeSize .overlay-menu ul li span.close-menu {
	font-size: 30px;
}

.LargeSize .overlay-menu ul li span.close-menu .fa-circle {
	font-size: 41px;
	margin-top: 8px;
}

.LargeSize .overlay-menu .mini-close .fa-circle {
	font-size: 39px;
}

.LargeSize .overlay-menu .mini-close .fa-times {
	font-size: 23px;
	margin-top: 3px;
}

.LargeSize .label {
	font-size: 24px;
}

.LargeSize .modal-body {
	font-size: 24px;
}

.LargeSize button.close {
	font-size: 32px !important;
}

.LargeSize p {
	font-size: 24px !important;
}

.LargeSize table > thead > tr > th {
	font-size: 24px;
}

.LargeSize table > tbody > tr > td {
	font-size: 24px;
}

.LargeSize table > tbody > tr > th {
	font-size: 24px;
}

.LargeSize .tablesorter, .LargeSize .tablesorter th, .LargeSize .tablesorter td, .LargeSize .tablesorter th div, .LargeSize .tablesorter td div {
	font-size: 24px;
}

.LargeSize .SubLinks li {
	font-size: 24px;
}

.LargeSize .TopicHeading {
	font-size: 28px !important;
}

.LargeSize .SubTopicHeading {
	font-size: 26px !important;
}

.LargeSize .SubTopicText li {
	font-size: 22px !important;
}

.LargeSize .footer-copyright p {
	font-size: 18px !important;
}

.LargeSize .portfolio .entry-header .entry-title {
	font-size: 28px;
}

.LargeSize .top-callout-section a {
	font-size: 22px;
}

.LargeSize .HeaderStatsInfo {
	font-size: 24px;
}

.LargeSize .HeaderPlayerLabel {
	font-size: 26px;
}

.LargeSize .HeaderPlayerInfo {
	font-size: 28px !important;
}

.LargeSize .HeaderPlayerInfo2 {
	font-size: 24px !important;
}

.LargeSize .modal-body li {
	font-size: 24px;
}

.LargeSize .input-group-addon {
	font-size: 22px;
}

@media print {
	a[href]:after {
		content: none !important;
	}
}



/* class applies to select element itself, not a wrapper element */
.select-css {
	display: inline-block;
	font-size: 16px;
	min-width: 50px;
	color: black;
	line-height: 1.3;
	padding: 3px 20px 3px 5px !important;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid rgba(204, 204, 204, .65);
	/* box-shadow: 0 1px 0 1px rgba(0,0,0,.04); */
	border-radius: 4.5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f7f7f7;
	/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
	*/
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 100%);
	background-repeat: no-repeat, repeat; 
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right 4px top 50%, 0 0;
	/* icon size, then gradient */
	background-size: 9px auto, 100%;
}

.select-css optgroup {
	background-color: #ddd !important;
}

.select-css option {
	background-color: #f7f7f7 !important;
}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
	display: none;
}

/* Hover style */
.select-css:hover, .select-css:focus {
	border-color: #999;
}

body.dark-theme .select-css optgroup {
	background-color: #073d42 !important;
}

body.dark-theme .select-css option {
	background-color: #0c656d !important;
}

body.dark-theme .select-css {
	color: #d2d211;
	border: 1px solid rgba(204, 204, 204, .65);
	background-color: #0c656d;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2386b2b6%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #0c656d 0%,#0c656d 100%);
}

body.dark-theme .select-css:hover, body.dark-theme .select-css:focus {
	border-color: #ccc;
}

/* Focus style */
.select-css:focus {
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 1px 2px rgba(59, 153, 252, .7);
	/* box-shadow: 0 0 0 2px -moz-mac-focusring; */
	outline: none;
}

/* Set options to normal weight */
.select-css option {
	font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left 4px top 50%, 0 0;
	padding: 3px 5px 3px 20px;
}

/* Disabled styles */
/*.select-css:disabled, .select-css[aria-disabled=true] {
	color: #d2d211;
} */

.select-css:disabled, .select-css.disabled, .select-css[aria-disabled=true] {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757572%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ebebe4 0%,#ebebe4 100%);
}

body.dark-theme .select-css:disabled, body.dark-theme .select-css.disabled, body.dark-theme .select-css[aria-disabled=true] {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23AAAAAA%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #545454 0%,#545454 100%);
}

.select-css:disabled:hover, body.dark-theme .select-css:disabled:hover, .select-css.disabled:hover, body.dark-theme .select-css.disabled:hover, .select-css[aria-disabled=true] {
	border: 1px solid rgba(204, 204, 204, .65);
}

.select-container select.disabled {
	background-color: rgb(235, 235, 228);
}

.select-container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: .5em;
	background: #f7f7f7;
	border-radius: 3px;
	border: 1px solid rgba(204, 204, 204, .65);
	padding: 2px 35px 2px 5px;
	/* font-size: 1em; */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.select-container {position:relative; display: inline;}

.select-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}

body.dark-theme .select-container:after {
	border-top-color: white;
}

.select-container:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 25%;
    right: .75em;
    border-top: 8px solid black;
    opacity: 0.5;
}
.select-container select::-ms-expand {
    display: none;
}

.center {
	text-align: center;
}

#ScoresheetsBody tr[role="row"] td {
	height: 60px;
	vertical-align: middle;
}