/*
.mstheme
{
    BACKGROUND-COLOR: ivory;
    top-bar-button: url(expglob.svg);
    version: 1.0;
    navbutton-background-color: rgb(204,204,153)
}
.mstheme-topbar-font
{
    COLOR: #660033;
    FONT-FAMILY: Arial, Helvetica
}
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: x-small;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent
}
H1
{
    FONT-FAMILY: Book Antiqua, Times New Roman, Times
}
H2
{
    FONT-FAMILY: Book Antiqua, Times New Roman, Times
}
H3
{
    FONT-FAMILY: Book Antiqua, Times New Roman, Times
}
H4
{
    FONT-FAMILY: Book Antiqua, Times New Roman, Times
}
H5
{
    FONT-FAMILY: Book Antiqua, Times New Roman, Times
}
H6
{
    FONT-FAMILY: Book Antiqua, Times New Roman, Times
}
.targetTime
{
    COLOR: #008080;
    BACKGROUND-COLOR: silver
}
A:link
{
    COLOR: navy
}
.inputLabel
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    FONT-FAMILY: Arial
}
.mainMenu
{
    BORDER-RIGHT: medium none;
    BACKGROUND-POSITION: 0% 0%;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bolder;
    FONT-SIZE: large;
	/*
	
    BACKGROUND-IMAGE: url(../images/holepict.jpg);
    BORDER-LEFT: medium none;
    COLOR: black;
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Tahoma
}
A:visited
{
    COLOR: navy
}
.mainMenu A:link
{
    COLOR: #d2cc99
}
.mainMenu A:visited
{
    COLOR: #d2cc99
}
.test2
{
   /* BACKGROUND-IMAGE: url(../images/holepict.JPG);
    COLOR: green
}
.mainMenu TD
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: large;
    COLOR: black;
    FONT-FAMILY: Tahoma
}
.sideHelp
{
    FONT-SIZE: x-small;
    FONT-FAMILY: Arial
}
SELECT
{
    COLOR: black
}

*/

#club-id-login-page{
	border-style:solid;
	border-width:3px;
	top:400px;
	width:80%;
	height:auto;
	min-height:100px;
	overflow:visible;
	float:none;
	margin:0;
	position: fixed;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}

#player-id-input{
	width:150px!important;
	height:auto!important;
	padding-right:250px!important;
	font-size:200%!important;
	float:none!important;
	margin:0!important;
	position: fixed!important;
	left: 50%!important;
	margin-right: -50%!important;
	transform: translate(-50%, -50%)!important;
}

#login-btn{
	width:150px;
	height:auto;
	padding-right:250px;
    padding-top:220px; 
    display: block;
	margin:0;
	position: fixed;
	left: 50%;
	margin-right: -50%
	;transform: translate(-50%, -50%);"
}

#first-time-btn{
	width:150px;
	height:auto;
	padding-left:250px;
	padding-top:220px;
	float:right;
	margin:0;
	position: fixed;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);"
}
#first-time-input{
	width:150px;
	height:auto;
	white-space:normal;
	display: block;
	padding-left:250px;
	font-size:200%;
	float:none; 
	margin:0;
	position: fixed;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);"
}

/* Keep fixed desktop login layout from blocking clicks on controls underneath. */
#club-id-login-page,
#player-id-input,
#first-time-input,
#login-btn,
#first-time-btn {
	pointer-events: none;
}

#player-id-input input,
#first-time-input input,
#login-btn img,
#first-time-btn img {
	pointer-events: auto;
}

/* Mobile-only layout helpers. Desktop keeps the legacy table layout unchanged. */
@media screen and (max-width: 768px) {
    html,
    body {
        width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    body.webtimes-page {
        -webkit-text-size-adjust: 100%;
    }

    .site-header,
    .site-header table,
    .page-shell,
    .page-shell > tbody,
    .page-shell > tbody > tr {
        width: 100% !important;
        height: auto !important;
    }

    .page-shell,
    .page-shell > tbody,
    .page-shell > tbody > tr {
        display: block;
    }

    .site-header-corner,
    .site-user-panel,
    .page-left-gutter,
    .page-content-gutter,
    .page-right-brand,
    .page-shell td[width="20"][align="right"] {
        display: none !important;
    }

    .site-header img,
    .page-content img {
        max-width: 100%;
        height: auto;
    }

    .site-header td,
    .page-content {
        height: auto !important;
    }

    .page-content {
        display: block;
        width: auto !important;
        padding: 10px;
        overflow-x: auto;
        box-sizing: border-box;
    }

    .page-content > table {
        width: 100% !important;
        height: auto !important;
    }

    .page-content input[type="text"],
    .page-content input[type="password"],
    .page-content select,
    .page-content textarea {
        max-width: 100%;
        font-size: 16px;
        box-sizing: border-box;
    }

    .main-menu-table {
        width: 100% !important;
        max-width: 600px;
        height: auto !important;
        min-height: 360px;
    }

    .mainMenu table {
        width: 100%;
    }

    #tblMain,
    #tblDates {
        min-width: 560px;
    }

    #player-id-input,
    #first-time-input,
    #login-btn,
    #first-time-btn,
    #club-id-login-page {
        position: static !important;
        left: auto !important;
        float: none !important;
        width: 100% !important;
        max-width: 320px !important;
        height: auto !important;
        margin: 0 auto 12px auto !important;
        padding: 0 !important;
        transform: none !important;
        box-sizing: border-box;
        font-size: 16px !important;
    }

    #club-id-login-page {
        border: 0;
        max-height: none;
        overflow: visible;
    }

    #login-btn,
    #first-time-btn {
        text-align: center;
    }

    #cmdLogin,
    #cmdGuest {
        max-width: 100%;
        height: auto;
        cursor: pointer;
    }
}

@media screen and (max-width: 480px) {
    html,
    body {
        overflow-x: auto;
    }

    .site-header {
        table-layout: fixed;
    }

    .site-header img[src*="l_top.gif"],
    .site-header img[src*="l_complogoround.gif"] {
        display: none;
    }

    .site-header img[src*="l_teetimes_sm.gif"] {
        max-width: 55vw;
    }

    #txtClubName {
        font-size: 14px;
        white-space: normal;
    }

    .page-content {
        max-width: 100vw;
        padding: 6px;
    }

    .main-menu-table {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px);
        min-height: 0;
    }

    .mainMenu table,
    .mainMenu tbody,
    .mainMenu tr,
    .mainMenu td {
        display: block;
        width: 100% !important;
        text-align: left;
    }

    .mainMenu td[colspan] {
        padding-left: 0 !important;
    }

    .mainMenu a {
        display: block;
        padding: 7px 0;
    }

    #tblMain {
        min-width: 0;
        width: 100% !important;
    }

    #tblDates {
        min-width: 0;
        width: max-content !important;
        max-width: none;
    }

    #tblMain > tbody > tr > td,
    #tblMain > tr > td {
        display: block;
        width: auto !important;
        max-width: calc(100vw - 16px);
        padding-bottom: 10px;
    }

    #tblMain .sideHelp,
    #tblMain td[width="15"] {
        display: none;
    }

    #tblMain img[src*="search_btn"],
    #tblMain img[src*="quit_green"],
    #tblMain img[src*="back_btn"],
    #tblMain img[src*="done_green"],
    #tblMain img[src*="cancel_btn"],
    #tblMain img[src*="modify_btn"],
    #tblMain img[src*="accept_btn"],
    #tblMain img[src*="book_btn"],
    #tblMain input[type="image"][src*="_btn"],
    .page-content img[src*="save_email"],
    .page-content img[src*="ask_later"],
    .page-content img[src*="no_email"] {
        max-width: calc(100vw - 24px);
        height: auto;
    }

    #tblMain td[colspan],
    .page-content table[cellpadding="5"] td {
        text-align: center;
    }
}