/* ------------------------------------------------------------------------------------------ */
/* HAMBURGER MENU MOBILE 2025 ***************
/* ------------------------------------------------------------------------------------------ */

/* ===== Hamburger menu component (scoped to .hb) ===== */

/* ===== The purpose of.hb is that without it, other elements in this stylesheet interfere with this menu ===== */

/* Structure & base */
.hb .menu a {
    color: inherit;
    text-decoration: none;
}

.hb .menu {
    list-style: none;
    margin: 0;
    padding-left: 7px; /* padding of the whole menu, not individual menu items */
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 7px;
    display: grid;
    gap: .25rem;
    background-color: black; /* background color of the "main" menu */
}

    .hb .menu > li > a,
    .hb .menu > li > details > summary {
        display: block;
        padding-left: 5px; /* padding of each menu item in "main" drop down menu - make the same as padding in submenu */
        padding-right: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        background-color: black; /* background color of each item in the "main" drop down menu */
        color: orange; /* color of "main" menu items - make same as color of submenu items */
    }

        .hb .menu > li > a:hover,
        .hb .menu > li > details > summary:hover {
            background: blue; /* background color of "main" menu items when hovered over - make same as submenu items */
            color: white; /* text color of "main" menu items when hovered over - make same as submenu items */
        }

/* Robustly hide the checkbox even if globals style inputs */
.hb #nav-toggle {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important; /* legacy-friendly clipping */
    clip-path: inset(50%) !important; /* ignore if validator complains; safe to keep */
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    appearance: none; /* ignore if validator complains */
}

/* Hamburger button (avoid relying on global label styles) */
.hb .hamburger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 30px;
    height: 30px;
    padding-left: 3px; /* left side of display to left side of hamburger */
    padding-right: 0px;
    padding-top: 20px; /* top of display to top of hamburger */
    padding-bottom: 0px;
    cursor: pointer;
    border-radius: 999px;
    border: 1px solid transparent;
    user-select: none;
    background: transparent;
}

    .hb .hamburger:focus {
        outline: none;
        border-color: #cbd5e1;
        box-shadow: 0 0 0 3px #e2e8f0;
    }

    .hb .hamburger span {
        display: block;
        width: 30px; /* width of each of the 3 horiz lines of the hamburger */
        height: 3px; /* height of each of the 3 horiz lines of the hamburger */
        margin-bottom: 1px; /* vert space between horiz lines of the hamburger */
        position: relative;
        background: #d9d9d9; /* color of the 3 horiz lines that define the look of the hamburger */
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }

/* Collapsible container; make sure nothing else sets nav max-height/overflow */
.hb .site-nav {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
    background-color: black;
    padding-left: 0px;
    font-family: 'Open Sans', 'Roboto', Arial; /* make this the same as in .submenu */
    font-size: 16px; /* font size of menu items - set to same size as .hb .submenu font-size */
    line-height: 18px;
    /* border: solid 1px blue;   border of the "main" menu when dropped down (does not affect a 2nd tier menu when dropped down */
}

.hb #nav-toggle:checked ~ nav.site-nav {
    max-height: 600px;
}

/* details/summary resets to avoid global oddities */
.hb details {
    position: relative;
    display: block;
}

.hb summary {
    display: block;
    cursor: pointer;
    list-style: none;
}

    .hb summary::-webkit-details-marker {
        display: none;
    }

    .hb summary:after {
        content: "▾";
        margin-left: 10px; /* adds width to the main menu beyond the longest menu item title in the menu */
        font-size: .85em; /* not sure if this does anything? */
    }

.hb details[open] > summary:after {
    content: "▴";
}

/* Submenu panel */
.hb .submenu {
    list-style: none;
    padding: 0; /* padding of the whole submenu area, not individual submenu menu items */
    margin: 0;
    /* border: 1px solid #e5e7eb; outline of a 2nd tier when dropped down, don't need */
    background-color: black; /* background color of the submenu */
    box-shadow: 0 8px 32px rgba(0,0,0,.08);
    font-family: 'Open Sans', 'Roboto', Arial;
    ; /* make this the same as in .site-nav */
    font-size: 16px; /* font size of submenu items - set to same size as .hb .submenu font-size */
    line-height: 18px;
}

    .hb .submenu > li > a {
        display: block;
        white-space: nowrap;
        padding-left: 0px; /* 30px padding of each submenu item - indent from its main item */
        padding-right: 10px; /* 35px padding to right of each submenu item - makes the submenu this number of pixels wider than the longest submenu item name */
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: black; /* background color of each menu item in the submenu */
        color: orange; /* color of submenu menu items - make same as color of "main" menu items */
    }

        .hb .submenu > li > a:hover {
            background: blue; /* background color of submenu items when hovered over - make same as "main" menu items */
            color: white; /* text color of submenu items when hovered over - make same as "main" menu items */
        }

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */



/*
------------------------------------------------------------------------------------------
MISC
------------------------------------------------------------------------------------------
*/

.ImageSizeTopStoriesThumbnailOutlined {
    height: 4.0em;
    width: auto;
    border: solid 1px #c0c0c0 !important;
}

.ImageSize100PercentWidthOfParentDiv,
.ImageSize100PercentWidthOfParentDivOutlined {
    width: 100%;
    height: auto;
}

.ImageSize100PercentWidthOfParentDivOutlined {
    border: solid 1px #c0c0c0 !important;
}

a:link, a:active, a:visited {
    text-decoration: none;
    color: #0125ff;
}

a:hover {
    text-decoration: none;
    color: #ff990d;
}

.TextBoxStandard, .TextBoxStandardMultiLine, .TextBoxHeader {
    background-color: #ebebeb;
    color: #101010;
    font-family: 'Open Sans', 'Roboto', Arial;
    font-weight: 500;
    width: 100%;
    margin: 0;
}

.TextBoxStandard, .TextBoxStandardMultiLine {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 3px;
    font-size: 15px;
    line-height: 21px;
}

.TextBoxHeader {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 1.15em;
    line-height: 1.15em;
}

.ButtonStandard,
.ButtonStandardDim,
.ButtonStandardMedium,
.ButtonStandardLarge,
.ButtonHeaderSmall,
.ButtonStandardRankType {
    overflow: visible;
    color: #f0f0f0;
    font-family: 'Open Sans', 'Roboto', Arial;
    font-weight: 600;
    background-color: #0125ff;
    border: outset 2px #777777;
}

.ButtonStandardRankType {
    font-size: 0.78em;
    line-height: 0.78em;
    padding: 0.60em 0.60em 0.54em 0.60em;
}

.ButtonStandard,
.ButtonStandardDim {
    font-size: 13px;
    line-height: 16px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ButtonStandardDim {
    background-color: #666666;
}

.ButtonStandardMedium {
    font-size: 15px;
    line-height: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.ButtonStandardLarge {
    font-size: 16px;
    line-height: 18px;
    padding-left: 38px;
    padding-right: 38px;
    padding-top: 8px;
    padding-bottom: 7px;
}

.ButtonHeaderSmall {
    font-size: 0.90em;
    line-height: 1.00em;
    padding: 5px 10px 4px 10px; /*  T  R  B  L  */
}


.DropDownListStandard {
    font-family: 'Open Sans', 'Roboto', Arial;
    font-size: 15px;
    line-height: 16px;
    background-color: #ebebeb;
    color: #101010;
    font-weight: 500;
    padding-top: 1px;
    padding-left: 3px;
    text-transform: uppercase;
}

.HeadingRowStandard { /* "Subheading" - similar style as a main content block header, but a little smaller */
    text-align: center; /*  use in conjunction with a heading class that floats left and defines the header width */
    font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 9px;
    color: #e8e8e8;
    background-color: #323232;
    /* background-image: url("../images/heading-main-tile.png"); 
    background-repeat: repeat-x;   */
    margin: 0;
}

/* 
Used to center an object horizontally, full width of the browser 
If object is a content block, remove float and display inline as in:
<div class="ContentBoxStandard BoxPlayerSearchPlayerSearchPage" style="float: none; display: inline-block;">
*/
.FullWidthCenterBlockOuter {
    float: left;
    width: 100%;
    text-align: center;
}

    .FullWidthCenterBlockOuter .CenterInner {
        display: inline-block;
    }





/*
------------------------------------------------------------------------------------------
GRIDVIEWS  (Player Search Results page, other pages?)
------------------------------------------------------------------------------------------
*/

.GridRowStyleNormal, .GridRowStyleAlternate {
    text-align: center;
}

.GridRowStyleNormal {
    background-color: #f9f9f9;
    color: #111111;
}

    .GridRowStyleNormal td {
        border-top: solid 1px #f9f9f9;
    }

.GridRowStyleAlternate {
    background-color: #dedede;
    color: #111111;
}

    .GridRowStyleAlternate td {
        border-top: solid 1px #f9f9f9;
    }

.GridPagerStyle {
    font-weight: 600;
}

.GridViewLinkButton { /* clickable player name in player search results grid */
    border: none;
    background-color: transparent;
    color: #0125ff;
    font-size: 0.95em;
    line-height: 0.98em;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}



/*
------------------------------------------------------------------------------------------
AJAX MODAL POPUP (email submit, etc.)
------------------------------------------------------------------------------------------
*/

.ModalBackground {
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPopupMainStandard {
    float: left;
    position: relative;
    border: solid 2px #666666;
    color: #111111;
    background-color: #f0f0f0;
    width: 600px; /* reduce width on smaller displays */
}

    .ModalPopupMainStandard .ModalPopupTitleBar {
        float: left;
        width: 100%;
        text-align: center;
        border-bottom: solid 1px #444444;
        background-color: #111111;
        padding-top: 10px;
        padding-bottom: 8px;
        color: #f0f0f0;
        cursor: move;
        font-size: 16px;
        line-height: 18px;
        font-family: 'Open Sans', 'Roboto', Arial;
        font-weight: 600;
    }

    .ModalPopupMainStandard .ModalPopupBody {
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-top: 22px;
        margin-bottom: 20px;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 14px;
        line-height: 16px;
    }

        .ModalPopupMainStandard .ModalPopupBody .LabelRow {
            float: left;
            width: 100%;
            padding-bottom: 3px;
        }

        .ModalPopupMainStandard .ModalPopupBody .InputRow {
            float: left;
            width: 70%;
            padding-bottom: 15px;
        }

        .ModalPopupMainStandard .ModalPopupBody .InputMessageRow {
            float: left;
            width: 97%;
            padding-bottom: 15px;
        }

        .ModalPopupMainStandard .ModalPopupBody .ButtonRow {
            float: left;
            width: 100%;
            text-align: center;
            padding-top: 18px;
            padding-bottom: 5px;
        }

            .ModalPopupMainStandard .ModalPopupBody .ButtonRow .InnerDiv {
                display: inline-block;
                padding-left: 15px;
                padding-right: 15px;
            }

.TextBoxModalDialog {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.0em;
    line-height: 1.0em;
}

.ButtonModalDialogOk,
.ButtonModalDialogCancel {
    overflow: visible;
    font-family: 'Open Sans', 'Roboto', Arial;
    font-weight: 600;
    border: outset 2px #777777;
    font-size: 15px;
    line-height: 18px;
    padding-top: 7px;
    padding-bottom: 5px;
}

.ButtonModalDialogOk {
    background-color: #0125ff;
    color: #f0f0f0;
    padding-left: 35px;
    padding-right: 35px;
}

.ButtonModalDialogCancel {
    background-color: #cccccc;
    color: #444444;
    padding-left: 10px;
    padding-right: 10px;
}




/*
------------------------------------------------------------------------------------------
ADMIN LOGIN PAGE LOGIN BOX
------------------------------------------------------------------------------------------
*/

.BoxAdminLogin {
    float: left;
    width: 100%;
}

.AdminLoginWrapper {
    float: left;
    width: 100%;
}

    .AdminLoginWrapper .LoginRow {
        float: left;
        width: 100%;
        padding-top: 0.90em;
        text-align: left;
    }

        .AdminLoginWrapper .LoginRow .LoginLabel {
            float: left;
            width: 35%;
            text-align: right;
            padding-right: 0.88em;
            font-size: 0.84em;
            line-height: 0.84em;
            font-weight: 600;
            color: #454545;
            padding-top: 0.78em;
        }

        .AdminLoginWrapper .LoginRow .LoginEntry {
            float: left;
            width: 48%;
            font-size: 0.90em;
            line-height: 0.90em;
        }

    .AdminLoginWrapper .ButtonRow {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 1.45em;
    }

        .AdminLoginWrapper .ButtonRow .Inner {
            display: inline-block;
            width: 28%;
        }

    .AdminLoginWrapper .LoginMessage {
        float: left;
        width: 100%;
        text-align: center;
        color: #ff0000;
        font-size: 0.88em;
        line-height: 0.88em;
        padding-top: 0.50em;
        padding-bottom: 0.00em;
        font-weight: 600;
    }


/*
------------------------------------------------------------------------------------------
MEMBER PROFILE PAGE  RESTORE SITE 2025
------------------------------------------------------------------------------------------
*/

.MemberProfileWrapper {
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'Open Sans', 'Roboto', Arial;
    font-size: 16px;
    line-height: 24px;
    color: #111111;
    font-weight: 500;
    background-color: #fcfcfc;
    margin-top: 30px;
    padding-top: 25px;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 35px;
}

    .MemberProfileWrapper .LogOutRow {
        float: left;
        width: 98.5%;
        text-align: right;
        font-size: 15px;
        line-height: 16px;
        font-weight: 600;
        padding-top: 0px;
        padding-bottom: 12px;
    }

        .MemberProfileWrapper .LogOutRow .LogOutButton {
            padding-top: 6px;
            padding-bottom: 5px;
            border: 1px solid #aaaaaa;
            cursor: pointer;
            font-size: 14px;
            line-height: 14px;
            font-weight: 600;
            background-color: #d8d8d8;
            color: #0125ff;
            padding-left: 20px;
            padding-right: 20px;
            border-radius: 3px;
        }

            .MemberProfileWrapper .LogOutRow .LogOutButton:hover {
                color: #f0f0f0;
                background-color: #0125ff;
                text-decoration: none;
            }

    .MemberProfileWrapper .MemberInfoArea {
        float: left;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        color: #f0f0f0;
        font-weight: 500;
        background-color: #000000;
        border: solid 1px #969696;
        border-radius: 12px;
        margin-top: 10px;
        margin-bottom: 25px;
        padding-top: 30px;
        padding-bottom: 12px;
    }

        .MemberProfileWrapper .MemberInfoArea .InnerDiv {
            display: inline-block;
            text-align: center;
        }

            .MemberProfileWrapper .MemberInfoArea .InnerDiv .MemberProfileIcon {
                width: 150px;
            }

        .MemberProfileWrapper .MemberInfoArea .MemberName {
            float: left;
            width: 100%;
            padding-top: 10px;
            padding-bottom: 25px;
            font-size: 34px;
            line-height: 36px;
            text-transform: uppercase;
            font-weight: 600;
        }

        .MemberProfileWrapper .MemberInfoArea .CurrentPlanType {
            float: left;
            width: 100%;
            padding-bottom: 12px;
            font-size: 20px;
            line-height: 22px;
            font-weight: 600;
        }

        .MemberProfileWrapper .MemberInfoArea .PlanAccessLevel {
            float: left;
            width: 100%;
            padding-bottom: 15px;
            font-size: 15px;
            line-height: 18px;
            font-weight: 600;
        }

    .MemberProfileWrapper .SubscriptionUpgradeWrapper {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 10px;
    }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv {
            display: inline-block;
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .UpgradeSubscriptionTitle {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 18px;
            line-height: 24px;
            font-weight: 600;
            padding-bottom: 18px;
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow {
            float: left;
            width: 100%;
        }

            .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft,
            .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
                float: left;
                width: 250px; /* adjust subscription pay button width for mobile */
            }

            .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft {
                margin-right: 30px; /* adjust spacing between buttons for mobile */
            }

            .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
                margin-left: 30px; /* adjust spacing between buttons for mobile */
            }

.MemberSubscriptionBuyButton {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    border-radius: 12px;
    border: solid 1px #777777;
    background-color: #ededed;
}

    .MemberSubscriptionBuyButton:hover {
        color: #f0f0f0;
        background-color: #0125ff;
        text-decoration: none;
    }



/*
------------------------------------------------------------------------------------------
PROSPECT FINDER (PLAYER SEARCH) PAGE  RESTORE SITE 2025
------------------------------------------------------------------------------------------
*/

.ProspectFinderSearchWrapper {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-left: 28px;
    margin-top: 20px;
    background-color: #f5f5f5;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Open Sans', 'Roboto', Arial;
    color: #101010;
}

    .ProspectFinderSearchWrapper .FirstNameArea,
    .ProspectFinderSearchWrapper .LastNameArea,
    .ProspectFinderSearchWrapper .ClassArea,
    .ProspectFinderSearchWrapper .StateArea {
        float: left;
    }

    .ProspectFinderSearchWrapper .FirstNameArea {
        width: 24%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .LastNameArea {
        width: 36%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .ClassArea {
        width: 22%; /* change to 100% for mobile such that all inputs do not appear in a single row */
        padding-bottom: 7px;
    }

    .ProspectFinderSearchWrapper .StateArea {
        width: 14%; /* change to 100% for mobile such that all inputs do not appear in a single row */
        padding-bottom: 7px;
    }

        .ProspectFinderSearchWrapper .FirstNameArea .LabelRow,
        .ProspectFinderSearchWrapper .LastNameArea .LabelRow,
        .ProspectFinderSearchWrapper .ClassArea .LabelRow,
        .ProspectFinderSearchWrapper .StateArea .LabelRow {
            float: left;
            width: 100%;
        }

        .ProspectFinderSearchWrapper .FirstNameArea .InputRow,
        .ProspectFinderSearchWrapper .LastNameArea .InputRow,
        .ProspectFinderSearchWrapper .ClassArea .InputRow,
        .ProspectFinderSearchWrapper .StateArea .InputRow {
            float: left;
            width: 100%;
            padding-top: 4px;
            padding-bottom: 15px;
        }

    .ProspectFinderSearchWrapper .ButtonRow {
        float: left;
        width: 100%;
        padding-top: 12px;
    }

    .ProspectFinderSearchWrapper .SearchResultsWrapper {
        float: left;
        width: 97%;
        text-align: center;
        padding-top: 45px;
        padding-bottom: 45px;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 17px;
    }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow {
            float: left;
            width: 100%;
            padding-top: 7px;
            padding-bottom: 9px;
            text-align: center;
            font-family: 'Open Sans', 'Roboto Condensed', Arial;
            font-weight: 600;
            color: #e8e8e8;
            background-color: #323232;
            margin: 0;
        }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingLeftSpacer,
            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingThumb,
            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingName,
            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingClass,
            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingPosition,
            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingState {
                float: left;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingLeftSpacer {
                width: 2.0%;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingThumb {
                width: 11.0%;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingName {
                width: 39.0%;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingClass {
                width: 18%;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingPosition {
                width: 16%;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingState {
                width: 14%;
            }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea {
            float: left;
            width: 100%;
            overflow: auto;
            height: 600px;
        }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven,
            .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd {
                border: none;
                border-collapse: collapse;
                width: 100%;
                text-align: center;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven {
                background-color: #f9f9f9;
            }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd {
                background-color: #dedede;
            }

                .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven tr,
                .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd tr {
                    vertical-align: middle;
                }

                .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td,
                .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td {
                }

                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerLeftSpacer,
                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerLeftSpacer {
                        width: 2.0%;
                    }

                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerThumb,
                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerThumb {
                        width: 11.0%;
                        padding-top: 8px;
                        padding-bottom: 6px;
                    }

                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerName,
                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerName {
                        width: 39.0%;
                        font-weight: 600;
                    }

                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerClass,
                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerClass {
                        width: 18.0%;
                    }

                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerPosition,
                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerPosition {
                        width: 16.0%;
                    }

                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerState,
                    .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerState {
                        width: 14.0%;
                    }

            .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea .NoPlayerMatchesRow {
                float: left;
                text-align: center;
                padding-top: 15px;
                width: 100%;
                font-weight: 600;
                color: red;
            }




/*
------------------------------------------------------------------------------------------
CONTACT PAGE EDITORS
------------------------------------------------------------------------------------------
*/

.EditorsContactPageWrapper {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 3px;
    text-transform: uppercase;
    background-color: #f0f0f0;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Open Sans', 'Roboto', Arial;
}

    .EditorsContactPageWrapper .ContactOneAuthorProfile,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast {
        float: left;
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile {
        /* border-bottom: solid 1px #777777;  */
    }

        .EditorsContactPageWrapper .ContactOneAuthorProfile .ImageCol,
        .EditorsContactPageWrapper .ContactOneAuthorProfileLast .ImageCol {
            float: left;
            width: 15.0%;
            padding-right: 21px;
        }

        .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol,
        .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol {
            float: left;
            width: 84.0%;
        }

            .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol .OneRow,
            .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol .OneRow,
            .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol .OneRowAuthor,
            .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol .OneRowAuthor {
                float: left;
                width: 100%;
                padding-bottom: 6px;
            }

            .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol .OneRow,
            .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol .OneRow {
            }

            .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol .OneRowAuthor,
            .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol .OneRowAuthor {
                font-weight: 600;
            }



/*
------------------------------------------------------------------------------------------
CONTACT PAGE CONTACT FORM
------------------------------------------------------------------------------------------
*/

.ContactPageContactFormWrapper {
    float: left;
    width: 100%;
    margin-top: 16px; /* add extra space between page title and top of contact form */
    padding-top: 25px;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Open Sans', 'Roboto', Arial;
    background-color: #f0f0f0;
}

    .ContactPageContactFormWrapper .InfoRow {
        float: left;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .ContactPageContactFormWrapper .InfoRow .Label {
            float: left;
            width: 24.0%;
            font-weight: 600;
            color: #333333;
            text-align: right;
            padding-right: 25px;
            padding-top: 5px;
        }

        .ContactPageContactFormWrapper .InfoRow .Input {
            float: left;
            width: 72.0%;
            text-align: left;
        }

            .ContactPageContactFormWrapper .InfoRow .Input .TextBox {
                float: left;
                width: 70.0%;
            }

            .ContactPageContactFormWrapper .InfoRow .Input .TextBoxLong {
                float: left;
                width: 85.0%;
            }

            .ContactPageContactFormWrapper .InfoRow .Input .TextBoxShort {
                float: left;
                width: 40.0%;
            }

            .ContactPageContactFormWrapper .InfoRow .Input .TextBoxVeryShort {
                float: left;
                width: 20.0%;
            }

            .ContactPageContactFormWrapper .InfoRow .Input .TextBoxAnswer {
                float: left;
                width: 12.0%;
            }

        .ContactPageContactFormWrapper .InfoRow .SubmitButton {
            float: left;
            width: 16.0%;
            text-align: center;
            padding-top: 1px;
            margin-left: 42.0%;
            margin-right: 42.0%;
        }

    .ContactPageContactFormWrapper .SubmissionMsg {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 0;
        color: #ff0000;
    }



/*
------------------------------------------------------------------------------------------
NY2LA TOOP 40 LEAGUE PAGE
------------------------------------------------------------------------------------------
*/

.NY2LALeagueLeadersPageTitle {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
    font-size: 1.09em;
    font-weight: 700;
    color: #e1e1e1;
    background-color: #040404;
    background-image: url("../images/heading-main-tile.png");
    background-repeat: repeat-x;
    padding-top: 0.20em;
    padding-bottom: 0.42em;
    margin-bottom: 1.7em;
    margin-top: 0.6em;
}

.NY2LALeagueLeadersArea {
    float: left;
    width: 100%;
}

    .NY2LALeagueLeadersArea .StatsCategory {
        float: left;
        width: 48.0%;
        border: solid 1px #777777;
        background-color: #f0f0f0;
        margin-left: 9px;
        margin-right: 9px;
        margin-bottom: 2.5em;
    }

        .NY2LALeagueLeadersArea .StatsCategory .CatTitle {
            float: left;
            width: 100%;
            text-align: center;
            font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
            font-size: 0.96em;
            font-weight: 700;
            color: #e1e1e1;
            background-color: #040404;
            background-image: url("../images/heading-main-tile.png");
            background-repeat: repeat-x;
            padding-top: 0.28em;
            padding-bottom: 0.30em;
        }

        .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow {
            float: left;
            width: 100%;
            text-align: center;
            font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
            font-size: 0.82em;
            font-weight: 700;
            color: #e1e1e1;
            background-color: #040404;
            background-image: url("../images/heading-main-tile.png");
            background-repeat: repeat-x;
            padding-top: 0.15em;
            padding-bottom: 0.21em;
        }

            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Ranking,
            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .PlayerImage,
            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .PlayerName,
            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Position,
            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Class,
            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Score {
                float: left;
            }

            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Ranking {
                width: 10.0%;
            }

            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .PlayerImage {
                width: 9.0%;
            }

            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .PlayerName {
                width: 48.0%;
            }

            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Position {
                width: 9.0%;
            }

            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Class {
                width: 11.0%;
            }

            .NY2LALeagueLeadersArea .StatsCategory .CatHeadingRow .Score {
                width: 11.0%;
            }

        .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven,
        .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd {
            float: left;
            width: 100%;
            text-align: left;
            font-size: 12px;
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven {
            background-color: #f9f9f9;
        }

        .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd {
            background-color: #dedede;
        }

            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .Ranking,
            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .Ranking {
                float: left;
                width: 10.0%;
                font-weight: bold;
                font-size: 14px;
                padding-top: 13px;
                text-align: center;
            }

            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .PlayerImage,
            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .PlayerImage {
                float: left;
                width: 9.0%;
                text-align: left;
            }

            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .PlayerName,
            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .PlayerName {
                float: left;
                width: 48.0%;
                padding-top: 15px;
                text-transform: uppercase;
                text-align: center;
                font-weight: 700;
            }

                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .PlayerName a:visited,
                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .PlayerName a:visited,
                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .PlayerName a:link,
                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .PlayerName a:link,
                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .PlayerName a:active,
                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .PlayerName a:active {
                    color: #0125ff;
                    text-decoration: none;
                }

                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .PlayerName a:hover,
                .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .PlayerName a:hover {
                    color: #ff990d;
                    text-decoration: none;
                }

            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .Position,
            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .Position {
                float: left;
                width: 9.0%;
                padding-top: 15px;
                text-align: center;
            }

            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .Class,
            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .Class {
                float: left;
                width: 11.0%;
                padding-top: 15px;
                text-align: center;
            }

            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowEven .Score,
            .NY2LALeagueLeadersArea .StatsCategory .PlayerRowOdd .Score {
                float: left;
                width: 11.0%;
                padding-top: 15px;
                text-align: center;
            }



/*
------------------------------------------------------------------------------------------
RECENT COMMITMENTS PAGE
------------------------------------------------------------------------------------------
*/

.RecentCommitmentsPageAreaWrapper {
    float: left;
    width: 100%;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
}

    .RecentCommitmentsPageAreaWrapper .SocialIconsArea {
        float: left;
        margin-bottom: 0.8em;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader {
        float: left;
        width: 100%;
    }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState,
        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCollege {
            float: left;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage {
            width: 4.5%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName {
            width: 23.7%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass {
            width: 4.9%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition {
            width: 6.3%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool {
            width: 20.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity {
            width: 19.2%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState {
            width: 5.3%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCommitmentName {
            width: 10.0%;
        }

    .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper {
        float: left;
        width: 100%;
        height: 30em;
        font-size: 0.82em;
        line-height: 0.96em;
        overflow: auto;
        text-transform: uppercase;
        text-align: center;
    }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd {
            float: left;
            width: 100%;
            padding-left: 0.30em;
            text-transform: uppercase;
            border-collapse: collapse;
            border: none;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven {
            background-color: #f9f9f9;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd {
            background-color: #dedede;
        }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven tr,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd tr {
                vertical-align: middle;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.SchoolLogo,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.SchoolLogo {
                text-align: center;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image {
                width: 4.0%;
                padding-top: 0.26em;
                padding-bottom: 0.26em;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name {
                width: 17.0%;
                font-weight: 600;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class {
                width: 5.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position {
                width: 4.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height {
                width: 4.9%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School {
                width: 15.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City {
                width: 15.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State {
                width: 4.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.SchoolLogo,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.SchoolLogo {
                width: 7.0%;
                text-align: right;
                padding-left: 2.00em;
                padding-right: 1.90em;
            }




/*
------------------------------------------------------------------------------------------
EVENTS ONE EVENT PAGE
------------------------------------------------------------------------------------------
*/

.OneEventPageAreaWrapper {
    float: left;
    width: 100%;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    font-family: 'Open Sans', 'Roboto Condensed', Arial;
    font-size: 16px;
    line-height: 20px;
    background-color: #f0f0f0;
}

    .OneEventPageAreaWrapper .SocialIconsArea {
        float: left;
        width: 100%;
        padding-left: 18px;
        margin-bottom: 14px;
    }

        .OneEventPageAreaWrapper .SocialIconsArea table.LogoSocialTable {
            border-collapse: collapse;
            vertical-align: middle;
        }

        .OneEventPageAreaWrapper .SocialIconsArea .EventLogo {
            float: left;
            padding-right: 50px;
        }

        .OneEventPageAreaWrapper .SocialIconsArea .SocialIcons {
            float: left;
            text-align: left;
        }

    .OneEventPageAreaWrapper .OneEventTable {
        width: 100%;
        border: solid 1px #777777;
        padding: 0;
        margin: 0;
        float: left;
        text-align: left;
        margin-bottom: 16px;
    }

        .OneEventPageAreaWrapper .OneEventTable .EventRow,
        .OneEventPageAreaWrapper .OneEventTable .EventRowBottom {
            width: 100%;
            padding: 0;
            margin: 0;
            float: left;
        }

        .OneEventPageAreaWrapper .OneEventTable .EventRow {
            border-bottom: solid 1px #777777;
        }

        .OneEventPageAreaWrapper .OneEventTable .EventRowBottom {
        }

            .OneEventPageAreaWrapper .OneEventTable .EventRow .LCellWrapper,
            .OneEventPageAreaWrapper .OneEventTable .EventRow .RCellWrapper,
            .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .LCellWrapper,
            .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper {
                float: left;
                padding: 0;
                margin: 0;
            }

            .OneEventPageAreaWrapper .OneEventTable .EventRow .LCellWrapper,
            .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .LCellWrapper {
                width: 24.0%;
                font-weight: 600;
            }

            .OneEventPageAreaWrapper .OneEventTable .EventRow .RCellWrapper,
            .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper {
                width: 75.0%;
                height: 100%;
                border-left: solid 1px #777777;
            }

                .OneEventPageAreaWrapper .OneEventTable .EventRow .LCellWrapper .CellContent,
                .OneEventPageAreaWrapper .OneEventTable .EventRow .RCellWrapper .CellContent,
                .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .LCellWrapper .CellContent,
                .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper .CellContent {
                    float: left;
                    padding-left: 0.80em;
                    padding-right: 0.80em;
                    padding-top: 0.80em;
                    padding-bottom: 0.80em;
                }

            .OneEventPageAreaWrapper .OneEventTable .EventRow .LCellWrapper .CellContent,
            .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .LCellWrapper .CellContent {
                text-transform: uppercase;
            }

            .OneEventPageAreaWrapper .OneEventTable .EventRow .RCellWrapper .CellContent,
            .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper .CellContent {
                width: 100%;
                height: 100%;
            }

                .OneEventPageAreaWrapper .OneEventTable .EventRow .RCellWrapper .CellContent .Scroll,
                .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper .CellContent .Scroll {
                    float: left;
                    width: 99%;
                    padding-left: 0.55em;
                    padding-right: 0.20em;
                    padding-top: 0.35em;
                    padding-bottom: 0.35em;
                    overflow: auto;
                    height: 12.0em;
                    background-color: #f4f4f4;
                    border: solid 1px #cccccc;
                    font-weight: 600;
                }

                .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper .CellContent .OneEventDownloadFileLinkArea {
                    float: left;
                    width: 100%;
                    padding-bottom: 0.30em;
                    font-weight: 600;
                }


/*
------------------------------------------------------------------------------------------
PLAYER SEARCH RESULTS PAGE
------------------------------------------------------------------------------------------
*/

.PlayerSearchResultsTopRankingsArea {
    float: left;
    width: 100%;
    padding-top: 0.7em;
    padding-bottom: 1.0em;
}

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading {
        float: left;
        width: 100%;
        padding-bottom: 1.2em;
    }

        .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea {
            float: left;
            width: 48%;
            padding-left: 0.8em;
            padding-top: 0.08em;
        }

            .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea .ButtonRanking {
                float: left;
                width: 48%;
                margin-right: 0.4em;
            }

            .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea .ButtonComposite {
                float: left;
                width: 48%;
            }

        .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .SocialSendArea {
            float: left;
            width: 50%;
            text-align: center;
        }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader {
        float: left;
        width: 100%;
    }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderRank,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderImage,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderName,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderClass,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderPosition,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderHeight,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderSchool,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCity,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderState,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentName,
        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentLogo {
            float: left;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderRank {
            width: 5.5%;
            padding-left: 0.24em;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderImage {
            width: 4.5%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderName {
            width: 18.8%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderClass {
            width: 5.2%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderPosition {
            width: 5.1%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderHeight {
            width: 5.1%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderSchool {
            width: 18.5%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCity {
            width: 15.8%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderState {
            width: 4.0%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentName {
            width: 11.2%;
        }

        .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentLogo {
            width: 4.0%;
            text-align: right;
        }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper {
        float: left;
        width: 100%;
        height: 30em;
        overflow: auto;
        text-transform: uppercase;
    }

        .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings {
            width: 99.9%;
        }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColRank,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColImage,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColName,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColClass,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColPosition,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColHeight,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCity,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColState,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentName,
            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentLogo {
                font-size: 0.82em;
                line-height: 1.10em;
                vertical-align: middle;
                height: 68px; /* need to define a pixel height to make vertical align middle work */
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColRank {
                width: 5.0%;
                font-weight: 600;
                font-size: 1.0em;
                line-height: 1.0em;
                color: #444444;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColImage {
                width: 4.5%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColName {
                width: 18.0%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColClass {
                width: 5.0%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColPosition {
                width: 5.0%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColHeight {
                width: 5.0%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool {
                width: 18.0%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCity {
                width: 15.0%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColState {
                width: 3.9%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentName {
                width: 11.0%;
            }

            .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentLogo {
                width: 4.0%;
                padding-right: 0.7em;
            }



/*
------------------------------------------------------------------------------------------
PLAYER REGISTRY AND TEAM REGISTRY BUTTONS HOME PAGE (2025)
------------------------------------------------------------------------------------------
*/

.PlayerTeamRegistriesButtonHomeArea {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 17px;
}

    .PlayerTeamRegistriesButtonHomeArea .PlayerRegistry {
        float: left;
        width: 47%;
        text-align: right;
    }

    .PlayerTeamRegistriesButtonHomeArea .TeamRegistry {
        float: left;
        width: 48%;
        padding-left: 5%;
        text-align: left;
    }



/*
------------------------------------------------------------------------------------------
PLAYER RANKINGS PAGE
------------------------------------------------------------------------------------------
*/

/* The css for the AJAX Toolkit TabContainer is found here: https://github.com/DevExpress/AjaxControlToolkit/blob/master/AjaxControlToolkit/Styles/Tabs.css */
/* The AJAX Toolkit TabContainer css includes an 8px padding background color. To get rid of that, define the following css to override that. */
.ajax__tab_xp .ajax__tab_body {
    background-color: black !important; /* probably not necessary as with the border and padding removed there is no background */
    border: none !important;
    /* font-family: verdana,tahoma,helvetica; */
    /* font-size: 12px;     the contents of the tab container. Here the container holds a content that defines font size (.TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear)  */
    padding: 0px !important;
}

/* Make the tab text a little bigger (was 11px) */
.ajax__tab_xp .ajax__tab_header {
    font-size: 13px !important;
}

.TopRankingsPageWrapper {
    float: left;
    width: 100%;
    margin-top: 30px; /* rankings tab control tab height decreases space between page title and the rankings area, need to add a little space */
}

    .TopRankingsPageWrapper .TabContainerArea {
        float: left;
        width: 100%;
    }

        .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear {
            float: left;
            width: 100%;
            text-transform: uppercase;
            font-size: 0.80em; /* do these effect any displayed text? */
            line-height: 1.2em; /* do these effect any displayed text? */
        }

            .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow {
                float: left;
                width: 100%;
            }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingRank,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingThumb,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingName,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingPosition,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingSchool,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingCity,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingState {
                    float: left;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingRank {
                    width: 5.5%;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingThumb {
                    width: 8.4%;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingName {
                    width: 30.0%;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingPosition {
                    width: 7.5%;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingSchool {
                    width: 20.6%;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingCity {
                    width: 20.0%;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingState {
                    width: 7.5%;
                }

            .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven,
            .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd {
                border: none;
                border-collapse: collapse;
                width: 100%;
                text-align: center;
            }

            .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven {
                background-color: #f9f9f9;
            }

            .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd {
                background-color: #dedede;
            }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven tr,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd tr {
                    vertical-align: middle;
                }

                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td,
                .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td {
                }

                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerRank,
                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerRank {
                        width: 5.5%;
                        font-weight: 600;
                        font-size: 1.30em;
                        line-height: 1.30em;
                        color: #666666;
                    }

                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerThumb,
                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerThumb {
                        width: 7.5%;
                        margin-right: 1.2em;
                        padding-top: 0.42em;
                        padding-bottom: 0.36em;
                    }

                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerName,
                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerName {
                        width: 30.0%;
                        font-weight: 600;
                    }

                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerPosition,
                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerPosition {
                        width: 7.5%;
                    }

                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerSchool,
                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerSchool {
                        width: 20.0%;
                    }

                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerCity,
                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerCity {
                        width: 20.0%;
                    }

                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerState,
                    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerState {
                        width: 7.5%;
                    }

    .TopRankingsPageWrapper .RankButtonRow1,
    .TopRankingsPageWrapper .RankButtonRow2 {
        float: left;
        width: 98.8%;
        margin-top: 14px;
    }

        .TopRankingsPageWrapper .RankButtonRow1 .RankButton {
            float: left;
            text-align: left;
            padding-right: 20px;
        }

        .TopRankingsPageWrapper .RankButtonRow1 .CompositeButton {
            float: left;
            text-align: left;
        }

        .TopRankingsPageWrapper .RankButtonRow2 .RankLabel {
            float: left;
            text-align: left;
            padding-right: 15px;
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
            color: #e0e0e0;
            padding-top: 0px;
        }

        .TopRankingsPageWrapper .RankButtonRow2 .PosLinks {
            float: left;
            text-align: left;
            font-size: 14px;
            line-height: 16px;
            font-weight: 600;
        }

            .TopRankingsPageWrapper .RankButtonRow2 .PosLinks a,
            .TopRankingsPageWrapper .RankButtonRow2 .PosLinks a:link,
            .TopRankingsPageWrapper .RankButtonRow2 .PosLinks a:active,
            .TopRankingsPageWrapper .RankButtonRow2 .PosLinks a:visited {
                color: #ff990d;
                text-decoration: none;
            }

                .TopRankingsPageWrapper .RankButtonRow2 .PosLinks a:hover {
                    color: #0125ff;
                    text-decoration: none;
                }



/*
------------------------------------------------------------------------------------------
SIGNUP PLAN INFO PAGE BOX
------------------------------------------------------------------------------------------
*/

.SignupPlanInfoWrapper {
    float: left;
    width: 100%;
}

    .SignupPlanInfoWrapper .FormIntro {
        float: left;
        width: 96%;
        padding-left: 3.0%;
        font-size: 0.88em;
        line-height: 1.35em;
        padding-top: 0.90em;
        padding-bottom: 0.0em;
    }

    .SignupPlanInfoWrapper .InfoAreaSubHeadTop,
    .SignupPlanInfoWrapper .InfoAreaSubHead {
        float: left;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 1.3em;
    }

    .SignupPlanInfoWrapper .InfoAreaSubHeadTop {
        margin-top: 2.0em;
    }

    .SignupPlanInfoWrapper .InfoAreaSubHead {
        margin-top: 3.7em;
    }

    .SignupPlanInfoWrapper .RowAgree {
        float: left;
        width: 88%;
        margin-left: 10%;
        padding-top: 0.95em;
        font-size: 0.85em;
        line-height: 0.90em;
    }

    .SignupPlanInfoWrapper .Row {
        float: left;
        width: 100%;
        padding-top: 0.85em;
        font-size: 0.85em;
        line-height: 0.90em;
    }

        .SignupPlanInfoWrapper .Row .SubscLabel {
            float: left;
            width: 33%;
            text-align: right;
            padding-right: 1.0em;
            padding-top: 0.64em;
            font-weight: 600;
            color: #545454;
        }

        .SignupPlanInfoWrapper .Row .InputShort,
        .SignupPlanInfoWrapper .Row .InputMedium,
        .SignupPlanInfoWrapper .Row .InputLong {
            float: left;
        }

        .SignupPlanInfoWrapper .Row .InputShort {
            width: 20%;
        }

        .SignupPlanInfoWrapper .Row .InputMedium {
            width: 30%;
        }

        .SignupPlanInfoWrapper .Row .InputLong {
            width: 40%;
        }

            .SignupPlanInfoWrapper .Row .InputLong .SubscriberRadioButton {
                float: left;
                width: 100%;
                padding-bottom: 0.24em;
                padding-top: 0.24em;
                font-weight: 600;
                color: #454545;
            }

        .SignupPlanInfoWrapper .Row .InputMenu,
        .SignupPlanInfoWrapper .Row .InputMenuShort,
        .SignupPlanInfoWrapper .Row .InputMenuVeryShort {
            float: left;
            font-size: 1.36em;
            line-height: 1.36em;
        }

        .SignupPlanInfoWrapper .Row .InputMenu {
            width: 26%;
            padding-right: 1.5em;
        }

        .SignupPlanInfoWrapper .Row .InputMenuShort {
            width: 17%;
        }

        .SignupPlanInfoWrapper .Row .InputMenuVeryShort {
            width: 15%;
            padding-right: 1.5em;
        }

    .SignupPlanInfoWrapper .CheckoutButtonRow {
        float: left;
        width: 100%;
        padding-top: 1.50em;
        padding-bottom: 1.30em;
        text-align: center;
    }

        .SignupPlanInfoWrapper .CheckoutButtonRow .Inner {
            display: inline-block;
            width: 20.0%;
            font-size: 0.84em;
            line-height: 0.84em;
        }





/*
------------------------------------------------------------------------------------------
SIGNUP SUBSCRIBER TERMS PAGE TERMS BOX
------------------------------------------------------------------------------------------
*/

.SignupSubscriberTermsWrapper {
    float: left;
    width: 100%;
}

    .SignupSubscriberTermsWrapper .FormIntro {
        float: left;
        width: 96%;
        padding-left: 3.0%;
        font-size: 0.88em;
        line-height: 1.35em;
        padding-top: 0.90em;
        padding-bottom: 1.40em;
    }

    .SignupSubscriberTermsWrapper .SubTitle {
        float: left;
        width: 100%;
        font-size: 0.93em;
        line-height: 1.0em;
        padding-bottom: 0.60em;
        text-align: center;
        font-weight: 600;
        color: #464646;
    }

    .SignupSubscriberTermsWrapper .LegalScrollBox {
        float: left;
        /* width: 100%;  */
        height: 37.28em;
        margin-left: 1.0em;
        margin-right: 1.0em;
        padding-left: 1.0em;
        padding-right: 1.0em;
        border: solid 1px #777777;
        font-size: 0.88em;
        line-height: 1.38em;
        padding-top: 0.60em;
        overflow: auto;
        text-align: justify;
        margin-bottom: 0.6em;
    }

        .SignupSubscriberTermsWrapper .LegalScrollBox .InputRow {
            float: left;
            width: 100%;
            padding-top: 0.85em;
        }

            .SignupSubscriberTermsWrapper .LegalScrollBox .InputRow .Label {
                float: left;
                width: 30%;
                text-align: right;
                padding-right: 1.0em;
                padding-top: 0.30em;
                font-weight: 600;
                color: #454545;
            }

            .SignupSubscriberTermsWrapper .LegalScrollBox .InputRow .Input {
                float: left;
                width: 46%;
            }

        .SignupSubscriberTermsWrapper .LegalScrollBox .AgreeBox {
            float: left;
            width: 100%;
            padding-top: 1.2em;
        }


    .SignupSubscriberTermsWrapper .GoNextButtonRow {
        float: left;
        width: 100%;
        padding-top: 1.50em;
        padding-bottom: 1.30em;
        text-align: center;
    }

        .SignupSubscriberTermsWrapper .GoNextButtonRow .Inner {
            display: inline-block;
            width: 18.0%;
            font-size: 0.88em;
            line-height: 0.90em;
        }



/*
------------------------------------------------------------------------------------------
SIGNUP GENERAL PAGE TERMS BOX
------------------------------------------------------------------------------------------
*/

.SignupGeneralTermsWrapper {
    float: left;
    width: 100%;
}

    .SignupGeneralTermsWrapper .FormInfo {
        float: left;
        width: 95%;
        padding-left: 3.0%;
        font-size: 0.92em;
        line-height: 1.38em;
        padding-top: 0.30em;
    }

    .SignupGeneralTermsWrapper .AutoRenewMessage {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 0.95em;
        line-height: 1.2em;
        font-weight: 600;
        padding-top: 0.20em;
        padding-bottom: 0.70em;
        color: #333333;
    }

    .SignupGeneralTermsWrapper .AgreeCheckBox {
        float: left;
        width: 100%;
    }

    .SignupGeneralTermsWrapper .StepButtonRow {
        float: left;
        width: 100%;
        padding-top: 0.70em;
        padding-bottom: 1.00em;
        text-align: center;
    }

        .SignupGeneralTermsWrapper .StepButtonRow .Inner {
            display: inline-block;
            width: 18.0%;
        }





/*
------------------------------------------------------------------------------------------
SIGNUP GENERAL PAGE LOGIN BOX
------------------------------------------------------------------------------------------
*/

.SignupGeneralLoginWrapper {
    float: left;
    width: 100%;
}

    .SignupGeneralLoginWrapper .FormIntro {
        float: left;
        width: 100%;
        font-size: 0.88em;
        line-height: 1.0em;
        padding-top: 0.90em;
        padding-bottom: 1.50em;
        text-align: center;
        font-weight: 600;
        color: #464646;
    }

    .SignupGeneralLoginWrapper .NotSubscriberMessage {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 1.10em;
        line-height: 1.2em;
        font-weight: 600;
        padding-top: 0.70em;
        padding-bottom: 0.70em;
    }

    .SignupGeneralLoginWrapper .SigninRow {
        float: left;
        width: 100%;
        font-weight: 600;
        color: #484848;
        padding-bottom: 0.80em;
    }

        .SignupGeneralLoginWrapper .SigninRow .Label {
            float: left;
            width: 40%;
            text-align: right;
            font-size: 0.84em;
            line-height: 0.84em;
            padding-right: 1.0em;
            padding-top: 0.72em;
        }

        .SignupGeneralLoginWrapper .SigninRow .Input {
            float: left;
            width: 38%;
            font-size: 0.88em;
            line-height: 0.88em;
        }

    .SignupGeneralLoginWrapper .LoginButtonRow {
        float: left;
        width: 100%;
        padding-top: 0.44em;
        text-align: center;
    }

        .SignupGeneralLoginWrapper .LoginButtonRow .LoginInner {
            display: inline-block;
            width: 18.0%;
        }

    .SignupGeneralLoginWrapper .Feedback {
        float: left;
        width: 100%;
        text-align: center;
        color: #ff0000;
        font-size: 0.88em;
        line-height: 1.0em;
        font-weight: 600;
        padding-top: 0.55em;
    }




/*
------------------------------------------------------------------------------------------
DAILY DIMES ALL PAGE ALL DIMES AREA 
    ( individual dimes/articles on this page formatted using the same css as the page that 
      displays a single dime:  DAILY DIME ONE PAGE ARTICLE AREA )
------------------------------------------------------------------------------------------
*/
.DimesAllAreaWrapper {
    float: left;
    width: 100%;
}

    /*   ShareThis not working 10.16.2025  
    .DimesAllAreaWrapper .SocialIconsArea {
        float: left;
        width: 100%;
        margin-bottom: 0.0em;   border: solid 1px green;
        padding-top: 0.80em;
        margin-left: 0.50em;
    }
*/

    .DimesAllAreaWrapper .ContactNY2LA {
        float: left;
        width: 100%;
        padding-left: 5px;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
    }

        .DimesAllAreaWrapper .ContactNY2LA a,
        .DimesAllAreaWrapper .ContactNY2LA a:link,
        .DimesAllAreaWrapper .ContactNY2LA a:active,
        .DimesAllAreaWrapper .ContactNY2LA a:visited {
            color: #ff990d;
            text-decoration: none;
        }

            .DimesAllAreaWrapper .ContactNY2LA a:hover {
                color: #0125ff;
                text-decoration: none;
            }

    .DimesAllAreaWrapper .DimesArticlesSummaries {
        float: left;
        width: 98.8%;
    }





/*
------------------------------------------------------------------------------------------
DAILY DIME ONE PAGE ARTICLE AREA *AND*
ARTICLE ONE PAGE ARTICLE AREA
------------------------------------------------------------------------------------------
*/


.OneArticleOrDimeAreaWrapper {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 20px; /* add extra space between page title and top of article */
    padding-top: 18px;
    background-color: #f0f0f0;
    border: solid 1px #888888;
}

    .OneArticleOrDimeAreaWrapper .VertWhiteSpaceBetweenArchiveItems {
        float: left;
        width: 100%;
        height: 35px;
    }

    .OneArticleOrDimeAreaWrapper .ArticleDimeEndMarkForArchive {
        float: left;
        width: 100%;
    }

    .OneArticleOrDimeAreaWrapper .RowSocialMedia {
        float: left;
        width: 100%;
        padding-top: 0.0em;
        padding-left: 0.45em;
    }

    .OneArticleOrDimeAreaWrapper .ContactNY2LA {
        float: left;
        width: 100%;
        padding-top: 12px;
        padding-left: 15px;
        padding-bottom: 2.10em;
        font-size: 15px;
        line-height: 16px;
        font-weight: 600;
    }

        .OneArticleOrDimeAreaWrapper .ContactNY2LA .SendEmailLink {
            float: left;
            padding-left: 30px;
            padding-top: 8px;
        }

    .OneArticleOrDimeAreaWrapper .PlayerProfileCol {
        float: left;
        width: 20%;
        margin-left: 1.00%;
        margin-right: 4.00%;
        text-align: center;
        margin-bottom: 22px;
        text-transform: uppercase;
    }

        .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OneImageArea { /* event logo */
            float: left;
            width: 100%;
            padding-bottom: 45px;
            text-align: center;
        }

            .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OneImageArea .Image {
                float: left;
                width: 100%;
                padding-bottom: 3px;
            }

            .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OneImageArea .EventLink {
                float: left;
                width: 100%;
                font-size: 0.88em;
                line-height: 1.10em;
                font-weight: 600;
            }

    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 {
        float: left;
        width: 100%;
        margin-top: 0.90em;
        margin-bottom: 0.90em;
        text-align: center;
        text-transform: uppercase;
        display: none;
    }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 .Inner {
            display: inline-block;
            width: 50%;
        }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 .Inner .Profile {
                float: left;
                width: 100%;
            }

                .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer,
                .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 .Inner .Profile .OnePlayer {
                    float: left;
                    width: 100%;
                    padding-bottom: 9px;
                    margin-bottom: 0px;
                }

                    .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer .RowImage,
                    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 .Inner .Profile .OnePlayer .RowImage {
                        float: left;
                        width: 100%;
                        padding-bottom: 0.15em;
                    }

                    .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer .PlayerNameLink,
                    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 .Inner .Profile .OnePlayer .PlayerNameLink {
                        float: left;
                        width: 100%;
                        font-size: 0.88em;
                        line-height: 1.10em;
                        font-weight: 600;
                        padding-bottom: 0.28em;
                    }

                    .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer .Row,
                    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 .Inner .Profile .OnePlayer .Row {
                        float: left;
                        width: 100%;
                        font-size: 0.80em;
                        line-height: 1.10em;
                        font-weight: 600;
                        color: #555555;
                        padding-bottom: 0.20em;
                    }

    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol {
        float: left;
        width: 74.3%;
    }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea {
            float: left;
            width: 99%;
            padding-bottom: 12px;
        }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline {
                float: left;
                width: 86%;
            }

                .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .ArticleTitle {
                    float: left;
                    width: 100%;
                    font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
                    font-size: 2.0em;
                    line-height: 1.0em;
                    font-weight: 700;
                    color: #222222;
                    padding-bottom: 0.30em;
                }

                .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .AuthorAndTagline {
                    float: left;
                    width: 100%;
                    font-size: 0.98em;
                    line-height: 1.26em;
                }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleBody {
            float: left;
            width: 97%;
            margin-right: 2.9%;
            padding-top: 0;
            text-align: justify;
            font-size: 16px;
            line-height: 22px;
        }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .AuthorNote {
            float: left;
            width: 98%;
            font-size: 14px;
            line-height: 22px;
            font-weight: 500;
            font-style: italic;
            color: #171717;
            text-align: justify;
            padding-top: 5px;
            padding-bottom: 22px;
        }



/*
------------------------------------------------------------------------------------------
DATE 'ICON' USED FOR BOTH DAILY DIME AND ARTICLE
------------------------------------------------------------------------------------------
*/

.ArticleOrDimeDate {
    float: left;
    border: solid 1px #444444;
    width: 4.1em;
    border-radius: 10px;
    text-align: center;
    margin-right: 1.7em;
    font-size: 1.00em;
    line-height: 1.05em;
    font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
    font-weight: 600;
    background-image: linear-gradient(#040404, #ffffff);
}

    .ArticleOrDimeDate .MonthDay {
        width: 100%;
        padding-top: 0.28em;
        padding-bottom: 0.24em;
        color: #ffffff;
    }

    .ArticleOrDimeDate .HourMin {
        width: 100%;
        padding-bottom: 0.13em;
        color: #eeeeee;
        font-size: 0.88em;
        line-height: 1.00em;
    }

    .ArticleOrDimeDate .TimeZone {
        width: 100%;
        padding-bottom: 0.18em;
        color: #444444;
        font-size: 0.82em;
        line-height: 0.86em;
    }

    .ArticleOrDimeDate .Year {
        width: 100%;
        padding-bottom: 0.24em;
        color: #444444;
    }



/*
------------------------------------------------------------------------------------------
PLAYER DETAILS PAGE PLAYER INFO TAB AREA
------------------------------------------------------------------------------------------
*/

.PlayerDetailsTabAreaWrapper {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #000000;
}

    .PlayerDetailsTabAreaWrapper .TabTitle {
        width: 100%;
        margin-bottom: 1.2em;
    }

    .PlayerDetailsTabAreaWrapper table.PlayerDetailsTabContentTable {
        width: 100%;
        border-collapse: collapse;
        padding: 0;
        margin: 0;
        background-color: #f0f0f0;
    }

    .PlayerDetailsTabAreaWrapper .PlayerDetailsTabMessage {
        float: left;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 16px;
        line-height: 22px;
        margin-top: 2.0em;
        padding-bottom: 1.0em;
    }

    /*  ---- Evaluation tab ---- */

    .PlayerDetailsTabAreaWrapper .EvaluationHolder {
        float: left;
        width: 100%;
        text-align: left;
        overflow: auto;
        height: 50.0em;
    }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Strengths,
        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Weaknesses {
            float: left;
            width: 47.5%;
        }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Strengths {
            margin-right: 5.0%;
        }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Weaknesses {
        }

            .PlayerDetailsTabAreaWrapper .EvaluationHolder .Strengths .Head,
            .PlayerDetailsTabAreaWrapper .EvaluationHolder .Weaknesses .Head {
                float: left;
                width: 100%;
            }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow {
            float: left;
            width: 100%;
            padding-top: 0.16em;
            padding-bottom: 0.16em;
            font-size: 0.80em;
            line-height: 0.90em;
        }

            .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow .Image {
                float: left;
                width: 4.0em;
                padding-left: 0.70em;
                padding-right: 1.0em;
            }

            .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow .Text {
                float: left;
                padding-top: 0.68em;
                text-transform: uppercase;
            }


    /*  ---- Games tab ---- */

    .PlayerDetailsTabAreaWrapper .GamesHolder {
        float: left;
        width: 99%;
        text-align: left;
        overflow: auto;
        height: 50.0em;
    }

        .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame {
            float: left;
            width: 100%;
            padding-bottom: 1.0em;
            text-transform: uppercase;
        }

            .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .Image {
                float: left;
                width: 22%;
            }

            .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .GameInfo {
                float: left;
                width: 74.7%;
                margin-left: 1.50em;
                padding-top: 1.6em;
                font-size: 0.72em;
                line-height: 1.1em;
                color: #232323;
            }

                .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .GameInfo .Row {
                    float: left;
                    width: 100%;
                    padding-bottom: 0.50em;
                }


    /*  ---- Highlights tab ---- */

    .PlayerDetailsTabAreaWrapper .HighlightsHolder {
        float: left;
        width: 99%;
        text-align: left;
        overflow: auto;
        height: 50.0em;
    }

        .PlayerDetailsTabAreaWrapper .HighlightsHolder .OneHighlight {
            float: left;
            width: 100%;
            padding-bottom: 1.0em;
            text-transform: uppercase;
        }

            .PlayerDetailsTabAreaWrapper .HighlightsHolder .OneHighlight .Image {
                float: left;
                width: 22%;
            }

            .PlayerDetailsTabAreaWrapper .HighlightsHolder .OneHighlight .HighlightInfo {
                float: left;
                width: 74%;
                margin-left: 1.50em;
                padding-top: 2.2em;
                font-size: 0.72em;
                line-height: 1.1em;
                font-weight: 600;
                color: #121212;
            }

                .PlayerDetailsTabAreaWrapper .HighlightsHolder .OneHighlight .HighlightInfo .Row {
                    float: left;
                    width: 100%;
                    padding-bottom: 0.50em;
                }


    /*  ---- Recruiting tab ---- */

    .PlayerDetailsTabAreaWrapper .RecruitingTrail {
        float: left;
        width: 99%;
        text-align: left;
        overflow: auto;
        height: 50.0em;
    }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable {
            width: 100%;
            border-collapse: collapse;
            text-transform: uppercase;
            text-align: center;
            float: left;
            font-size: 0.84em;
            line-height: 1.1em;
        }

            .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading {
                vertical-align: middle;
                border: solid 1px silver;
                width: 100%;
                font-weight: 600;
                font-size: 0.78em;
                line-height: 1.0em;
            }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Logo {
                    width: 5.5%;
                    padding-top: 0.60em;
                    padding-bottom: 0.50em;
                }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.School {
                    width: 43.0%;
                }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Status {
                    width: 18%;
                }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Commitment {
                    width: 33%;
                }

            .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowEven,
            .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowOdd {
                vertical-align: middle;
                width: 100%;
            }

            .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowEven {
                background-color: #f9f9f9;
            }

            .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowOdd {
                background-color: #dedede;
            }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowEven td.Logo,
                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowOdd td.Logo {
                    width: 5.5%;
                    padding-top: 0.30em;
                    padding-bottom: 0.10em;
                    padding-left: 0.50em;
                }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowEven td.School,
                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowOdd td.School {
                    width: 43.0%;
                }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowEven td.Status,
                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowOdd td.Status {
                    width: 18%;
                }

                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowEven td.Commitment,
                .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.TrailRowOdd td.Commitment {
                    width: 33%;
                }

    /*  ---- News tab ---- */

    .PlayerDetailsTabAreaWrapper .ArticleLinks {
        float: left;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        overflow: auto;
        height: 50em;
    }

        .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle {
            float: left;
            width: 100%;
            padding-bottom: 1.0em;
            text-transform: uppercase;
        }

            .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle .Image {
                float: left;
                width: 10%;
            }

            .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle .NameDate {
                float: left;
                width: 86%;
                margin-left: 1.50em;
                padding-top: 2.2em;
                font-size: 0.72em;
                line-height: 1.1em;
                font-weight: 600;
                color: #121212;
            }

                .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle .NameDate .Row {
                    float: left;
                    width: 100%;
                    padding-bottom: 0.50em;
                }


    /*  ---- Notes tab ---- */

    .PlayerDetailsTabAreaWrapper .PlayerNotes {
        float: left;
        width: 100%;
        font-size: 0.88em;
        line-height: 1.4em;
        height: 50.0em;
    }


    /*  ---- Photos tab ---- */

    .PlayerDetailsTabAreaWrapper .PlayerPhotos {
        float: left;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        overflow: auto;
        height: 50em;
    }

        .PlayerDetailsTabAreaWrapper .PlayerPhotos .PhotoRow {
            float: left;
            width: 100%;
            padding-bottom: 2.0em;
        }

            .PlayerDetailsTabAreaWrapper .PlayerPhotos .PhotoRow .OnePhoto {
                float: left;
                width: 46%;
                text-align: center;
            }




/*
------------------------------------------------------------------------------------------
PLAYER DETAILS PAGE PLAYER SUMMARY DETAILS BOX
------------------------------------------------------------------------------------------
*/

.ShareThisPlayerProfile {
    float: left;
    padding-left: 5px;
    padding-bottom: 30px;
}

.PlayerSummaryDetailsWrapper {
    float: left;
    background-color: #f0f0f0;
    border: solid 1px #888888;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Open Sans', 'Roboto Condensed', Arial;
}

    .PlayerSummaryDetailsWrapper .LeftCol {
        float: left;
        width: 28.0%;
    }

        .PlayerSummaryDetailsWrapper .LeftCol .OnePlayerMainImageArea {
            float: left;
            width: 100%;
        }

    .PlayerSummaryDetailsWrapper .RightCol {
        float: left;
        width: 67.4%;
        padding-top: 0.5em;
        margin-left: 2.3em;
    }

        /*  social share ShareThis not working 10.15.2025 
        .PlayerSummaryDetailsWrapper .RightCol .RowSocialMedia {
            float: left;
            width: 98%;
            text-align: center;
            padding-top: 1.10em;
            padding-left: 2.0em;
        }
        */

        .PlayerSummaryDetailsWrapper .RightCol .Row {
            float: left;
            width: 100%;
            padding-bottom: 0.70em;
            font-size: 16px;
            line-height: 18px;
        }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Label,
            .PlayerSummaryDetailsWrapper .RightCol .Row .LabelPlayerName {
                float: left;
                width: 30.0%;
                text-align: right;
                padding-right: 2.0em;
                color: #666666;
                font-weight: 600;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .LabelPlayerName {
                padding-top: 0.22em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Value,
            .PlayerSummaryDetailsWrapper .RightCol .Row .ValuePlayerName,
            .PlayerSummaryDetailsWrapper .RightCol .Row .ValueRanking {
                float: left;
                text-align: left;
                text-transform: uppercase;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Value {
                width: 60.0%;
                color: #000000;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValuePlayerName {
                width: 60.0%;
                font-size: 20px;
                line-height: 22px;
                font-weight: 600;
                color: #555555;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValueRanking {
                width: 9.0%;
                font-size: 18px;
                line-height: 20px;
                font-weight: 600;
                color: #333333;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .RankingTypeLabel {
                float: left;
                width: 49.0%;
                font-size: 1.0em;
                line-height: 1.20em;
                font-weight: 600;
                color: #555555;
            }



/*
------------------------------------------
BOXED AREAS (RESTORED SITE 2025)
------------------------------------------
*/

.FullWidthBoxHomeArticle {
    float: left;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'Open Sans', 'Roboto Condensed', Arial;
    font-weight: 500;
    color: #222222;
    margin-bottom: 30px;
    /* border: solid 1px #888888; */ /* area blocks standard border  */
    /* background-color: #e5e5e5; */ /* area blocks standard color  */
}

    .FullWidthBoxHomeArticle .TopImage {
        float: left;
        width: 100%;
        text-align: center;
    }

    .FullWidthBoxHomeArticle .FeatureTitle {
        float: left;
        width: 100%;
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        padding-top: 7px;
        padding-bottom: 8px;
        text-transform: uppercase;
    }

        .FullWidthBoxHomeArticle .FeatureTitle a,
        .FullWidthBoxHomeArticle .FeatureTitle a:link,
        .FullWidthBoxHomeArticle .FeatureTitle a:active,
        .FullWidthBoxHomeArticle .FeatureTitle a:visited {
            color: #ff990d;
            text-decoration: none;
        }

            .FullWidthBoxHomeArticle .FeatureTitle a:hover {
                color: #0125ff;
                text-decoration: none;
            }

    .FullWidthBoxHomeArticle .FeatureText {
        float: left;
        width: 100%;
        font-size: 16px;
        line-height: 22px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 12px;
        text-align: justify;
        color: #f0f0f0;
    }

        .FullWidthBoxHomeArticle .FeatureText .FeaturedArticleLink a,
        .FullWidthBoxHomeArticle .FeatureText .FeaturedArticleLink a:link,
        .FullWidthBoxHomeArticle .FeatureText .FeaturedArticleLink a:active,
        .FullWidthBoxHomeArticle .FeatureText .FeaturedArticleLink a:visited {
            color: #ff990d;
            text-decoration: none;
        }

            .FullWidthBoxHomeArticle .FeatureText .FeaturedArticleLink a:hover {
                color: #0125ff;
                text-decoration: none;
            }

.FullWidthBoxWithTitle {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

    .FullWidthBoxWithTitle .Title {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 7px;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 34px;
        line-height: 36px;
        font-weight: 500;
        color: #f0f0f0;
    }

    .FullWidthBoxWithTitle .Content {
        float: left;
        width: 100%;
    }



/*
------------------------------------------------------------------------------------------
SUBSCRIBER SIGN IN | SIGN UP PAGE (RESTORED SITE 2025)
------------------------------------------------------------------------------------------
*/

.SubscribeLogInWrapper {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', 'Roboto', Arial;
}

    .SubscribeLogInWrapper .SubscribeContentInnerDiv {
        display: inline-block;
        margin-top: 30px;
    }

        .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper {
            float: left;
            width: 560px;
            border: 1px solid #b0b0b0;
            background-color: #f3f3f3;
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 16px;
            padding-bottom: 16px;
            border-radius: 12px;
        }

            .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormTypeMsg {
                float: left;
                width: 100%;
                padding-top: 10px;
                padding-bottom: 13px;
                font-size: 24px;
                line-height: 26px;
                font-weight: 600;
            }

            .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormDescMsg {
                float: left;
                width: 100%;
                padding-bottom: 25px;
                font-size: 14px;
                line-height: 16px;
                font-weight: 500;
            }

            .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields {
                float: left;
                width: 84%;
                margin-left: 8%;
                margin-right: 8%;
            }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowLabel {
                    float: left;
                    width: 100%;
                    text-align: left;
                    padding-bottom: 4px;
                    padding-top: 10px;
                    font-size: 15px;
                    line-height: 16px;
                    font-weight: 600;
                    color: #555555;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowInput {
                    float: left;
                    width: 100%;
                    text-align: left;
                    padding-bottom: 14px;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton {
                    float: left;
                    width: 100%;
                    padding-top: 26px;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowForgotPassword { /* 'Forgot your password?' link */
                    float: left;
                    width: 98%;
                    text-align: right;
                    font-size: 15px;
                    line-height: 16px;
                    font-weight: 600;
                    padding-top: 0px;
                    padding-bottom: 3px;
                }

                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowForgotPassword a,
                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowForgotPassword a:link,
                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowForgotPassword a:active,
                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowForgotPassword a:visited {
                        color: #ff990d;
                        text-decoration: none;
                    }

                        .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowForgotPassword a:hover {
                            color: #0125ff;
                            text-decoration: none;
                        }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowTermsAgree {
                    float: left;
                    width: 100%;
                    text-align: left;
                    padding-top: 0px;
                    font-size: 14.3px;
                    line-height: 16px;
                    font-weight: 500;
                    color: #444444;
                    font-family: 'Open Sans', 'Roboto', Arial;
                }

                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowTermsAgree .CheckboxBox {
                        float: left;
                        width: 10%;
                    }

                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowTermsAgree .CheckboxLabel {
                        float: left;
                        width: 89.5%;
                        padding-top: 4px;
                    }

                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowTermsAgree .CheckBoxStyle input[type="checkbox"] {
                        width: 18px;
                        height: 18px;
                    }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowErrorMessage {
                    float: left;
                    width: 100%;
                    padding-top: 12px;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowForgotIntro { /* intro text on "forgot password" page */
                    float: left;
                    width: 100%;
                    padding-top: 16px;
                    padding-bottom: 12px;
                    font-size: 15px;
                    line-height: 18px;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton .SubscribeSignUpButton,
                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton .SubscribeForgotSubmitButton {
                    padding-top: 13px;
                    padding-bottom: 10px;
                    border: 1px solid #ccc;
                    border-radius: 8px;
                    cursor: pointer;
                    font-size: 16px;
                    line-height: 18px;
                    font-weight: 600;
                    background: #0a58ca;
                    color: #fff;
                    border-color: #0a58ca;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton .SubscribeSignUpButton {
                    padding-left: 70px;
                    padding-right: 70px;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton .SubscribeForgotSubmitButton {
                    padding-left: 50px;
                    padding-right: 50px;
                }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton .SubscribeForgotCancelButton {
                    padding-top: 13px;
                    padding-bottom: 10px;
                    padding-left: 16px;
                    padding-right: 16px;
                    border: 1px solid #ccc;
                    border-radius: 8px;
                    cursor: pointer;
                    font-size: 16px;
                    line-height: 18px;
                    font-weight: 600;
                    background: #e5e5e5;
                    color: #666666;
                    border-color: #a0a0a0;
                }

            .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .ToggleTabs {
                display: inline-flex;
                gap: 8px;
                margin-bottom: 16px;
                margin-top: 20px;
                padding-left: 55px;
                padding-right: 55px;
                padding-top: 12px;
                padding-bottom: 12px;
                border: solid 1px #d0d0d0;
                border-radius: 12px;
            }

                .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .ToggleTabs .ToggleButton {
                    padding-top: 13px;
                    padding-bottom: 12px;
                    padding-left: 40px;
                    padding-right: 40px;
                    border: 1px solid #b0b0b0;
                    border-radius: 8px;
                    cursor: pointer;
                    background: #f7f7f7;
                    font-size: 16px;
                    line-height: 18px;
                    font-weight: 600;
                }

                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .ToggleTabs .ToggleButton:hover {
                        background: #e0e0e0;
                    }

                    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .ToggleTabs .ToggleButton.active {
                        background: #0a58ca;
                        color: #fff;
                        border-color: #0a58ca;
                    }

.TextBoxSubscribeForm {
    background-color: #ebebeb;
    color: #101010;
    font-family: 'Open Sans', 'Roboto', Arial;
    font-weight: 500;
    width: 95%;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 3px;
    font-size: 15px;
    line-height: 21px;
}



/*
------------------------------------------------------------------------------------------
SOCIAL MEDIA LOGOS [ IN FOOTER ] (RESTORED SITE 2025)
------------------------------------------------------------------------------------------
*/
.SocialMediaLogosArea {
    float: left;
    padding-top: 25px;
    padding-bottom: 7px;
    width: 100%;
    text-align: center;
}

    .SocialMediaLogosArea .LogosInner {
        display: inline-block;
    }

        .SocialMediaLogosArea .LogosInner .Facebook,
        .SocialMediaLogosArea .LogosInner .Twitter,
        .SocialMediaLogosArea .LogosInner .Instagram,
        .SocialMediaLogosArea .LogosInner .TikTok,
        .SocialMediaLogosArea .LogosInner .YouTube {
            float: left;
            margin-left: 15px;
            margin-right: 15px;
        }

        .SocialMediaLogosArea .LogosInner .Facebook {
            width: 39px;
        }

        .SocialMediaLogosArea .LogosInner .YouTube {
            width: 50px;
            padding-top: 3px;
        }

        .SocialMediaLogosArea .LogosInner .Twitter {
            width: 32px;
            padding-top: 4px;
        }

        .SocialMediaLogosArea .LogosInner .Instagram {
            width: 35px;
            padding-top: 2px;
        }

        .SocialMediaLogosArea .LogosInner .TikTok {
            width: 40px;
        }



/*
------------------------------------------------------------------------------------------
PRIVACY AND TERMS & CONDITIONS PAGES (RESTORED SITE NEW HOME PAGE LAYOUT 2025)
------------------------------------------------------------------------------------------
*/

.PrivacyTermsWrapper {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .PrivacyTermsWrapper .Content {
        float: left;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #fafafa;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }



/*
------------------------------------------------------------------------------------------
EVENTS BOYS|GIRLS PAGE (RESTORED SITE NEW HOME PAGE LAYOUT 2025)
------------------------------------------------------------------------------------------
*/

.BoysGirlsEventsCategoryWrapper {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}

    /*
    .BoysGirlsEventsCategoryWrapper .Title {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 20px;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 30px;
        line-height: 32px;
        font-weight: 500;
        color: #f0f0f0;
    }
*/

    .BoysGirlsEventsCategoryWrapper .Content {
        float: left;
        width: 100%;
    }

    .BoysGirlsEventsCategoryWrapper .OneEventWrapper {
        float: left;
        width: 28%;
        margin-left: 2.6%;
        margin-right: 2.6%;
        margin-bottom: 36px;
        /* border: solid 1px #e0e0e0;  border applied on the image using ImageSize100PercentWidthOfParentDivOutlined in events_boys.aspx.cs and events_girls.aspx.cs */
    }

        .BoysGirlsEventsCategoryWrapper .OneEventWrapper .LogoImage {
            float: left;
            width: 100%;
        }





/*
------------------------------------------------------------------------------------------
UPCOMING EVENTS (RESTORED SITE NEW HOME PAGE LAYOUT 2025)
------------------------------------------------------------------------------------------
*/

.UpcomingEventsWrapperHome {
    float: left;
    width: 100%;
    height: 353px;
}

    .UpcomingEventsWrapperHome .ScrollArea {
        float: left;
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        height: 99.2%;
        padding-top: 14px;
        padding-left: 3px;
        padding-right: 4px;
        /*
        border: solid 1px #888888;
        background-color: #e5e5e5;
        */
    }

        .UpcomingEventsWrapperHome .ScrollArea .OneEventWrapper {
            display: inline-block;
            width: 227px;
            text-align: center;
            margin-left: 11px;
            margin-right: 9px;
            text-transform: uppercase;
            /* border: solid 1px #e0e0e0;  border applied on the image using ImageSize100PercentWidthOfParentDivOutlined in LayoutUtilities.DisplayEventPostersHome() */
        }

            .UpcomingEventsWrapperHome .ScrollArea .OneEventWrapper .LogoImage {
                float: left;
                width: 100%;
                padding-bottom: 2px;
                border: none;
            }




/*
------------------------------------------------------------------------------------------
RECENT ARTICLES (RESTORED SITE NEW HOME PAGE LAYOUT 2025)
------------------------------------------------------------------------------------------
*/

.RecentArticlesWrapperHome {
    float: left;
    width: 100%;
    height: 310px;
}

    .RecentArticlesWrapperHome .ScrollArea {
        float: left;
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        height: 99.2%;
        padding-top: 14px;
        padding-left: 2px;
        padding-right: 4px;
        /*
        border: solid 1px #888888;
        background-color: #e5e5e5;
        */
    }

        .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper {
            display: inline-block;
            width: 227px;
            text-align: center;
            margin-left: 11px;
            margin-right: 11px;
            text-transform: uppercase;
            border: solid 1px #e0e0e0;
            background-color: black;
        }

            .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ThumbHold {
                float: left;
                width: 100%;
                padding-bottom: 4px;
                border: none;
            }

            .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo {
                float: left;
                width: 100%;
                font-size: 14px;
                line-height: 17px;
                color: #eeeeee;
                height: 80px;
            }

                .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText {
                    float: left;
                    padding-left: 7px;
                    padding-right: 7px;
                    white-space: normal;
                }

                    .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText a,
                    .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText a:link,
                    .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText a:active,
                    .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText a:visited {
                        color: #ff990d;
                        text-decoration: none;
                    }

                        .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText a:hover {
                            color: #0125ff;
                            text-decoration: none;
                        }



/*
------------------------------------------------------------------------------------------
GENERAL PAGE LAYOUT
------------------------------------------------------------------------------------------
*/

body {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Open Sans', Roboto, Arial;
    color: #151515; /* standard text color */
    /*
    background-image: url(../images/DAN-tile-wood-2-with-logo-small-2.png); 
    background-repeat: repeat;
    */
    background-color: #000000;
}


.BodyFontSizeElementWrapper { /* Wrap around any element that needs to ensure that the element inherits*/
    font-size: 16px; /*  = 1.0em   Redefine BodyFontSizeElementWrapper to smaller size in the @media blocks */
    float: left;
    padding: 0;
    margin: 0;
    width: 100%;
}

/* Encase all page content */
.PageWrapper {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Allow for content to have left and right outer margins (where background image shows) on larger displays */
.PageInnerWrapper {
    float: left;
    width: 90.0%;
    padding: 0;
    margin-left: 4.9%;
    margin-right: 4.9%;
}

.PageContent {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
}



/*
------------------------------------------
CONTENT BLOCKS
------------------------------------------
*/

div {
    box-sizing: border-box;
}

.ContentBoxStandard { /* was: HomePageBoxStandard  */
    float: left;
    padding: 0;
    margin: 0;
    border: solid 1px #000001;
    background-color: silver;
}

    .ContentBoxStandard .Title,
    .ContentBoxStandard .TitleMobileHomeTopStoriesAndUpdates {
        width: 100%;
        text-align: center;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 20px;
        line-height: 22px;
        font-weight: 500;
        color: #e1e1e1;
        background-color: #040404;
        /* background-image: url("../images/heading-main-tile.png");  
        background-repeat: repeat-x;   */
        padding-top: 0.30em;
        padding-bottom: 0.28em;
    }

    .ContentBoxStandard .Content {
        float: left;
        width: 100%;
        padding-left: 0.65em;
        padding-right: 0.65em;
        padding-top: 0.75em;
        padding-bottom: 0.65em;
        border-right: solid 2px #777777;
        border-bottom: solid 2px #777777;
        background-color: #ffffff;
        font-size: 1.0em;
    }




/* 
-------------
Set the width of individual content boxes: change these in @media sections to create different layouts based on display size 
-------------
*/

/*  contact us page content boxes ------------- */
.BoxContactUsPageForm {
    float: left;
    width: 49.1%;
    padding: 0;
    margin: 0;
}

.BoxContactUsPageEditors {
    float: left;
    width: 49.2%;
    padding: 0;
    margin: 0;
    margin-right: 0.75em;
}

/*  events one event page content boxes ------------- */
.BoxUpcomingEventsOneEventPage {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

/*  events page content boxes ------------- */
.BoxUpcomingEventsPage {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

/*  player search results page content boxes ------------- */
.BoxPlayerSearchResultsPage {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

/*  one daily dime page content boxes ------------- */
.BoxDailyDimeOne {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

/*  one article page content boxes ------------- */
.BoxArticleOne {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.FullWidthBannerAdWrapper {
    position: absolute;
    left: -10000px;
    top: 0px;
    width: 1px;
}

.RecruitSearchSmallWrapper {
    position: absolute;
    left: -10000px;
    top: 0px;
    width: 1px;
}


/*  player details page content boxes ------------- */

.BoxPlayerSummaryDetails {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 2.2em;
}

.BoxPlayerInfoTabSection {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}



/*  horizontally center login box full page admin login page ------------- */

.AdminLoginPageCenteredHolder {
    float: left;
    width: 100%;
    text-align: center;
}

    .AdminLoginPageCenteredHolder .Inner {
        display: inline-block;
        width: 40%;
    }

/* used to display full-width banner at bottom of many mobile pages */
.MobileBannerAdHolder {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 22px;
    margin-bottom: 27px;
}


/*  Signup Plan Info page content boxes ---------------- */
/*  has same layout as the Signup General page, so uses many of the same boxes css as that page 
    as defined in the Signup General page section below */

.BoxSignupPlanInfoFull {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}


/*  Signup Plan Info page content boxes ---------------- */
/*  has same layout as the Signup General page, so uses many of the same boxes css as that page 
    as defined in the Signup General page section below */

.BoxSignupPlanInfoFull {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}


/*  Signup Subscriber Terms page content boxes ---------------- */
/*  has same layout as the Signup General page, so uses many of the same boxes css as that page 
    as defined in the Signup General page section below */

.BoxSignupSubscriberTermsFull {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}


/*  Signup General page content boxes ---------------- */

.SignupGeneralFullLeftSideHolder { /* specific pixel width to form a left side column on full display */
    float: left; /* 100% width on mobile (not needed, but can't move offscreen as its contents would follow */
    width: 100%;
}

.SignupGeneralFullRightSideHolder { /* specific pixel width to form a right side column on full display */
    float: left; /* 100% width on mobile (not needed, but can't move offscreen as its contents would follow */
    width: 100%;
}

.BoxSignupGeneralMediumAd {
    position: absolute;
    left: -10000px;
    top: 0px;
    width: 1px;
}

.BoxSignupGeneralFullLogin {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

.BoxSignupGeneralFullTerms {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.RecentArticlesFullDisplayHomeArea {
    float: left;
    width: 100%;
}





/*
------------------------------------------
PAGE FOOTER
------------------------------------------
*/

.PageFooterWrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    padding-top: 12px;
    padding-bottom: 20px;
    background-color: #000000;
}

    .PageFooterWrapper .BottomLinksArea {
        float: left;
        text-align: center;
        width: 100%;
        font-size: 14px;
        line-height: 17px;
        color: #f0f0f0;
    }

        .PageFooterWrapper .BottomLinksArea .Inner {
            display: inline-block;
        }

            .PageFooterWrapper .BottomLinksArea .Inner .Link {
                float: left;
                text-decoration: none;
                font-weight: 600;
                color: #ff990d;
                padding-left: 12px;
                padding-right: 12px;
            }

                .PageFooterWrapper .BottomLinksArea .Inner .Link a,
                .PageFooterWrapper .BottomLinksArea .Inner .Link a:link,
                .PageFooterWrapper .BottomLinksArea .Inner .Link a:active,
                .PageFooterWrapper .BottomLinksArea .Inner .Link a:visited {
                    text-decoration: none;
                    color: #ff990d;
                }

                    .PageFooterWrapper .BottomLinksArea .Inner .Link a:hover {
                        text-decoration: none;
                        color: #0125ff;
                    }

    .PageFooterWrapper .PageCopyrightArea {
        float: left;
        width: 100%;
        padding-top: 11px;
        font-size: 13px;
        line-height: 14px;
        color: #e2e2e2;
    }




/*
------------------------------------------
PAGE HEADER (FULL WIDTH)
------------------------------------------
*/

.PageHeaderWrapper {
    display: none; /* display for wide screens in @media */
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #000000;
}

    .PageHeaderWrapper .LeftCell {
        float: left;
        width: 7.0%;
    }

    .PageHeaderWrapper .CenterCell {
        float: left;
        width: 86%;
        text-align: center;
    }

        .PageHeaderWrapper .CenterCell .InnerDiv {
            display: inline-block;
        }

            .PageHeaderWrapper .CenterCell .InnerDiv .NY2LALogo {
                width: 130px;
            }

    .PageHeaderWrapper .RightCell {
        float: left;
        width: 7.0%;
        padding-right: 20px;
        padding-top: 22px;
    }




/*
------------------------------------------
PAGE HEADER (MOBILE)
------------------------------------------
*/

.PageHeaderWrapperMobile {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    background-color: #000000;
}



    /*
------------------------------------------
MOBILE HAMBURGER VERTICAL DROP DOWN MAIN MENU
------------------------------------------
*/

    .PageHeaderWrapperMobile .MenuArea {
        float: left;
        text-align: left;
        padding-top: 0px;
        padding-left: 7px;
        padding-right: 0px; /* limit the width of the dropdown menu items - don't want them taking up this whole .MenuArea width */
        width: 40.3%; /* horiz percent of screen in which dropped menu occupies */
    }

    .PageHeaderWrapperMobile .LogoCell {
        float: left;
        text-align: right;
        width: 19.6%;
        padding: 0;
    }

    .PageHeaderWrapperMobile .LogInCell {
        float: left;
        text-align: right;
        width: 40%;
        padding: 0;
    }

        .PageHeaderWrapperMobile .LogInCell .InnerCell {
            float: right;
            text-align: right;
            width: 57px;
            padding-right: 15px;
            padding-top: 15px;
        }


/*
------------------------------------------
HORIZONTAL MAIN NAVIGATION MENU
------------------------------------------
*/

.HorizMainMenuRow { /* hide for mobile size displays */
    display: none;
}

    .HorizMainMenuRow .MainHorizontalMenu {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
        background-color: #cacaca; /* #c0c0c0 is standard for a solid 'silver' look */
        padding-top: 11px;
        padding-bottom: 6px;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 21px;
        line-height: 23px;
        font-weight: 600;
        /* box-shadow and background create silver look
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);   
        background: linear-gradient(
        45deg, 
        #999 5%, 
        #fff 10%, 
        #ccc 30%, 
        #ddd 50%, 
        #ccc 70%, 
        #fff 80%, 
        #999 95%
    )  */
    }

        .HorizMainMenuRow .MainHorizontalMenu .MenuInnerWrapper {
            display: inline-block;
        }

            .HorizMainMenuRow .MainHorizontalMenu .MenuInnerWrapper .MenuItem {
                float: left;
                padding-left: 28px;
                padding-right: 28px;
            }

                .HorizMainMenuRow .MainHorizontalMenu .MenuInnerWrapper .MenuItem a:link,
                .HorizMainMenuRow .MainHorizontalMenu .MenuInnerWrapper .MenuItem a:active,
                .HorizMainMenuRow .MainHorizontalMenu .MenuInnerWrapper .MenuItem a:visited {
                    color: #555555; /* orig white: #f0f0f0;    */
                    text-decoration: none;
                }

                .HorizMainMenuRow .MainHorizontalMenu .MenuInnerWrapper .MenuItem a:hover {
                    color: #0125ff; /* orig light blue: #71a3f4;     */
                    text-decoration: none;
                }


/* drop-down 'MORE' menu item within the horizontal menu bar displayed on full size pages */

/* The container <div> - needed to position the dropdown content */
.DropDownMenuItem {
    float: left;
    color: #f0f0f0;
}

/* Dropdown Content (Hidden by Default) */
.DropDownContent {
    display: none;
    position: absolute;
    top: 136px; /* if 'top' not defined, the 1st (top) drop-down menu item appears over 'NY2LA NETWORK', is blue, and not noticeable */
    z-index: 1;
}

    /* Links inside the dropdown */
    .DropDownContent a {
        display: block;
        text-decoration: none;
        padding-left: 28px;
        padding-right: 15px;
        padding-top: 6px;
        padding-bottom: 8px;
        font-family: 'Open Sans', 'Roboto Condensed', Arial;
        font-size: 21px;
        font-weight: 600;
        line-height: 23px;
        color: #555555; /* menu item text color: orig white: #f0f0f0;  */
        background-color: #cacaca; /* silver: #c0c0c0; */
        text-align: left;
        /* box-shadow and background create silver look
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);   
        background: linear-gradient(
        45deg, 
        #999 5%, 
        #fff 10%, 
        #ccc 30%, 
        #ddd 50%, 
        #ccc 70%, 
        #fff 80%, 
        #999 95%
    ) */
    }

        /* Change color of dropdown links on hover */
        .DropDownContent a:hover {
            background-color: #0125ff; /* ny2la dark blue */
            color: #f0f0f0; /* menu item text color:  orig light blue: #71a3f4; dark: #111111;  orange: #ff990d;   */
        }

/* Show the dropdown menu on hover */
.DropDownMenuItem:hover .DropDownContent {
    display: block;
}






@media screen and (min-width:5px) and (max-width:400px) {

    body {
        font-size: 15.4px;
    }

    .BodyFontSizeElementWrapper {
        font-size: 15.4px; /* = 1.0 em  */
    }

    .PageInnerWrapper {
        width: 99%;
        margin-left: 0.80%;
        margin-right: 0.10%;
    }

    .PageHeaderWrapperMobile {
        display: block;
    }

    .PageHeaderWrapper {
        display: none;
    }

    .HorizMainMenuRow {
        display: none;
    }

    /* RESIZE LOGIN LOGO ON MOBILE ***************************** */

    .PageHeaderWrapperMobile .LogInCell .InnerCell {
        width: 40px;
        padding-right: 8px;
        padding-top: 6px;
    }


    /* PAGE FOOTER ***************************** */

    .PageFooterWrapper {
        margin-top: 16px;
        padding-top: 12px;
    }


    /* REDUCE POP-UP WIDTH ON SMALL DISPLAYS **************************** */

    .ModalPopupMainStandard {
        width: 350px;
    }

    /* HAMBURGER (MOBILE) MENU ***************************************** */

    .hb .hamburger {
        gap: 4px;
        width: 30px;
        height: 30px;
        padding-left: 0px; /* left side of display to left side of hamburger */
        padding-right: 0px;
        padding-top: 10px; /* top of display to top of hamburger */
        padding-bottom: 0px;
    }

    .hb .site-nav {
        font-size: 14.5px;
        line-height: 15px;
    }

    .hb .submenu {
        font-size: 15px;
        line-height: 16px;
    }

    /* SOCIAL MEDIA LOGOS [ IN FOOTER ] ********************************** */

    .SocialMediaLogosArea {
        padding-top: 13px;
        padding-bottom: 0px;
    }

        .SocialMediaLogosArea .LogosInner .Facebook,
        .SocialMediaLogosArea .LogosInner .Twitter,
        .SocialMediaLogosArea .LogosInner .Instagram,
        .SocialMediaLogosArea .LogosInner .TikTok,
        .SocialMediaLogosArea .LogosInner .YouTube {
            margin-left: 12px;
            margin-right: 12px;
        }

        .SocialMediaLogosArea .LogosInner .Facebook {
            width: 36px;
        }

        .SocialMediaLogosArea .LogosInner .YouTube {
            width: 48px;
            padding-top: 3px;
        }

        .SocialMediaLogosArea .LogosInner .Twitter {
            width: 29px;
            padding-top: 4px;
        }

        .SocialMediaLogosArea .LogosInner .Instagram {
            width: 32px;
            padding-top: 2px;
        }

        .SocialMediaLogosArea .LogosInner .TikTok {
            width: 40px;
        }

    /* ADJUST HOME PAGE ELEMENTS ***************************************** */

    .FullWidthBoxHomeArticle {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 30px;
    }

        .FullWidthBoxHomeArticle .FeatureText {
            font-size: 16px;
            line-height: 20px;
        }

    .FullWidthBoxWithTitle {
        margin-bottom: 30px;
    }

        .FullWidthBoxWithTitle .Title {
            font-size: 28px;
            line-height: 30px;
            margin-bottom: 2px;
        }

    .UpcomingEventsWrapperHome {
        height: 235px;
    }

        .UpcomingEventsWrapperHome .ScrollArea .OneEventWrapper {
            width: 150px;
            margin-left: 11px;
            margin-right: 11px;
        }

    .RecentArticlesWrapperHome {
        height: 230px;
    }

        .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper {
            width: 152px;
            margin-left: 11px;
            margin-right: 11px;
        }

            .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo {
                font-size: 14px;
                line-height: 16px;
                height: 80px;
            }

                .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText {
                    padding-left: 5px;
                    padding-right: 5px;
                }

    .ButtonStandardLarge {
        font-size: 15px;
        line-height: 18px;
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 8px;
        padding-bottom: 7px;
    }

    .PlayerTeamRegistriesButtonHomeArea {
        padding-top: 0px;
        padding-bottom: 17px;
    }


    .HomePageSocialMediaIconsBoxWrapper {
        width: 86%;
        margin-left: 7%;
        margin-right: 7%;
    }

        .HomePageSocialMediaIconsBoxWrapper .CenterInner .OneSocialIcon {
            width: 50px;
            margin-left: 16px;
            margin-right: 16px;
        }

    /* MEMBER PROFILE PAGE ***************************************** */

    .MemberProfileWrapper {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 18px;
        margin-bottom: 0;
        padding: 0;
    }

        .MemberProfileWrapper .LogOutRow {
            width: 97%;
            padding-top: 14px;
            padding-bottom: 5px;
        }

        .MemberProfileWrapper .MemberInfoArea {
            width: 98%;
            margin-left: 1%;
            margin-right: 1%;
            padding-top: 20px;
            margin-bottom: 15px;
        }

            .MemberProfileWrapper .MemberInfoArea .InnerDiv .MemberProfileIcon {
                width: 110px;
            }

            .MemberProfileWrapper .MemberInfoArea .MemberName {
                padding-bottom: 18px;
                font-size: 26px;
                line-height: 30px;
            }

            .MemberProfileWrapper .MemberInfoArea .CurrentPlanType {
                padding-bottom: 10px;
                font-size: 17px;
                line-height: 20px;
            }

            .MemberProfileWrapper .MemberInfoArea .PlanAccessLevel {
                padding-bottom: 11px;
                font-size: 15px;
                line-height: 18px;
            }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .UpgradeSubscriptionTitle {
            font-size: 17px;
            line-height: 20px;
            padding-bottom: 15px;
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft,
        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
            width: 150px; /* adjust subscription pay button width for mobile */
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft {
            margin-right: 13px; /* adjust spacing between buttons for mobile */
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
            margin-left: 13px; /* adjust spacing between buttons for mobile */
        }

    .MemberSubscriptionBuyButton {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 17px;
        line-height: 25px;
    }

    /* SUBSCRIBER FORM PAGE ***************************************** */

    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper {
        width: 340px;
        padding-left: 0px;
        padding-right: 0px;
    }

        .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormTypeMsg {
            padding-top: 2px;
            padding-bottom: 7px;
        }

        .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormDescMsg {
            padding-bottom: 8px;
        }

        .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .ToggleTabs {
            margin-top: 7px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields {
            width: 94%;
            margin-left: 3%;
            margin-right: 3%;
        }

            .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton .SubscribeForgotSubmitButton {
                padding-left: 20px;
                padding-right: 20px;
            }

            .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper .FormInputFields .RowButton .SubscribeForgotCancelButton {
                padding-left: 10px;
                padding-right: 10px;
            }

    /* PROSPECT FINDER (PLAYER SEARCH) PAGE ***************************************** */

    .ProspectFinderSearchWrapper .ButtonRow {
        padding-top: 5px;
    }

    .ProspectFinderSearchWrapper .SearchResultsWrapper {
        padding-top: 25px;
    }

    .ProspectFinderSearchWrapper .FirstNameArea {
        width: 100%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .LastNameArea {
        width: 100%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .ClassArea {
        width: 50%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .StateArea {
        width: 50%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .SearchResultsWrapper {
        font-size: 14px;
        line-height: 16px;
    }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingThumb {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingName {
            width: 44.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingClass {
            width: 18%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingPosition {
            display: none;
            width: 16%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingState {
            width: 18%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerThumb,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerThumb {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerName,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerName {
            width: 44.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerClass,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerClass {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerPosition,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerPosition {
            display: none;
            width: 16.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerState,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerState {
            width: 18.0%;
        }

    /* NY2LA TOP 40 LEAGUE LEADERS ************************************** */

    .NY2LALeagueLeadersArea .StatsCategory {
        width: 99%;
        margin-left: 0;
        margin-right: 0;
    }

    /* ADMIN LOGIN PAGE ************************************************* */

    .AdminLoginPageCenteredHolder .Inner {
        width: 95%;
    }


    /* SIGNUP PLAN INFO PAGE ************************************************* */

    .SignupPlanInfoWrapper .Row .InputShort {
        width: 30%;
    }

    .SignupPlanInfoWrapper .Row .InputMedium {
        width: 40%;
    }

    .SignupPlanInfoWrapper .Row .InputLong {
        width: 50%;
    }

    .SignupPlanInfoWrapper .Row .InputMenu {
        width: 28%;
        padding-right: 0.8em;
    }

    .SignupPlanInfoWrapper .Row .InputMenuShort {
        width: 18%;
    }

    .SignupPlanInfoWrapper .Row .InputMenuVeryShort {
        width: 15%;
        padding-right: 0.8em;
    }

    .SignupPlanInfoWrapper .CheckoutButtonRow .Inner {
        width: 33.0%;
    }


    /* SIGNUP SUBSCRIBER TERMS PAGE ************************************************************* */
    /* has the same layout (top banner/right side events box and medium ad) as SIGNUP GENERAL PAGE,
       so uses many of the same css classes defined below under SIGNUP GENERAL PAGE  */

    .SignupSubscriberTermsWrapper .LegalScrollBox {
        height: 25.0em;
        font-size: 0.88em;
        line-height: 1.24em;
        text-align: left;
        margin-left: 0.20em;
        margin-right: 0.20em;
        padding-left: 0.40em;
        padding-right: 0.30em;
    }

        .SignupSubscriberTermsWrapper .LegalScrollBox .InputRow .Label {
            width: 38%;
            padding-right: 0.30em;
            padding-top: 0.30em;
        }

        .SignupSubscriberTermsWrapper .LegalScrollBox .InputRow .Input {
            width: 56%;
        }


    /* SIGNUP GENERAL PAGE ************************************************************* */

    .SignupGeneralLoginWrapper .SigninRow .Label {
        width: 44%;
        font-size: 0.82em;
        line-height: 0.82em;
        padding-right: 1.0em;
        padding-top: 0.72em;
    }

    .SignupGeneralLoginWrapper .SigninRow .Input {
        width: 50%;
        font-size: 0.88em;
        line-height: 0.88em;
    }

    /* PLAYER RANKINGS MOBILE PAGE ************************************************* */

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingSchool {
        display: none;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingRank {
        width: 6.5%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingThumb {
        width: 9.5%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingName {
        width: 38.5%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingPosition {
        width: 10.1%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingCity {
        width: 25.4%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear .HeadingRow .HeadingState {
        width: 8.8%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerRank,
    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerRank {
        width: 6.5%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerThumb,
    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerThumb {
        width: 9.5%;
        padding-top: 0.22em;
        padding-bottom: 0.12em;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerName,
    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerName {
        width: 38.5%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerPosition,
    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerPosition {
        width: 10.1%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerSchool,
    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerSchool {
        display: none;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerCity,
    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerCity {
        width: 25.4%;
    }

    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowEven td.PlayerState,
    .TopRankingsPageWrapper .TabContainerArea .TopRankingsOneYear table.OneRowOdd td.PlayerState {
        width: 8.8%;
    }


    /* CONTACT US PAGE ************************************************************* */

    .BoxContactUsPageForm {
        width: 99.2%;
        margin-top: 2.0em;
    }

    .BoxContactUsPageEditors {
        width: 99.2%;
        margin-right: 0;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .ImageCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .ImageCol {
        float: left;
        width: 16.0%;
        padding-right: 1.3em;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol {
        width: 82.0%;
    }


    /* ARTICLE AND DATE 'ICON' ********************************************************** */

    .ArticleOrDimeDate {
        width: 3.5em;
        margin-right: 1.2em;
        font-size: 0.84em;
        line-height: 1.05em;
    }

        .ArticleOrDimeDate .MonthDay {
            padding-top: 0.28em;
            padding-bottom: 0.24em;
        }

        .ArticleOrDimeDate .HourMin {
            padding-bottom: 0.13em;
        }

        .ArticleOrDimeDate .TimeZone {
            padding-bottom: 0.22em;
        }


    /* DAILY DIME ONE PAGE ************************************************************* */

    .OneArticleOrDimeAreaWrapper .VertWhiteSpaceBetweenArchiveItems {
        height: 1.6em;
    }

    .OneArticleOrDimeAreaWrapper .PlayerProfileCol {
        display: none;
    }

    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol {
        width: 99.5%;
    }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .PlayerArea2 {
            display: inherit;
        }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline {
            width: 78.9%;
        }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .ArticleTitle {
                font-size: 1.40em;
                line-height: 1.0em;
            }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .AuthorAndTagline {
                font-size: 0.88em;
                line-height: 1.26em;
            }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .AuthorNote {
            font-size: 0.9em;
            line-height: 1.27em;
            text-align: left;
        }

    /* RECENT COMMITMENTS PAGE ************************************************************* */

    .RecentCommitmentsPageAreaWrapper {
        padding-top: 0.1em;
    }

        .RecentCommitmentsPageAreaWrapper .SocialIconsArea {
            float: left;
            margin-bottom: 0.6em;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsHeader {
            font-size: 0.73em;
            line-height: 0.74em;
        }

            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass,
            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight,
            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool,
            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity {
                display: none;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage {
                width: 9.8%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName {
                width: 38.8%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition {
                width: 9.5%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState {
                width: 9.5%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCollege {
                width: 28.0%;
            }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper {
            font-size: 0.72em;
            line-height: 0.96em;
            height: 28.0em;
        }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City {
                display: none;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image {
                width: 9.4%;
                padding-left: 0.5em;
                padding-top: 0.2em;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name {
                width: 35.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position {
                width: 9.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State {
                width: 9.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.College,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.College {
                width: 20.0%;
            }

            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.CollegeLogo,
            .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.CollegeLogo {
                width: 9.0%;
                padding-left: 0.20em;
                padding-right: 0.50em;
            }


    /* ONE EVENT PAGE ************************************************************* */

    .OneEventPageAreaWrapper .OneEventTable .EventRow .LCellWrapper,
    .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .LCellWrapper {
        width: 32.0%;
        font-size: 14px;
    }

    .OneEventPageAreaWrapper .OneEventTable .EventRow .RCellWrapper,
    .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper {
        width: 67.0%;
    }

    /* EVENTS PAGE ************************************************************* */

    .UpcomingEventsPageWrapper {
        height: 24.0em;
    }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.LogoImage,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.LogoImage {
            width: 16.60%;
        }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.EventInfo,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.EventInfo {
            width: 80.0%;
        }

    /* PLAYER SEARCH RESULTS PAGE ************************************************************* */

    .ButtonStandardRankType {
        font-size: 0.78em;
        line-height: 0.78em;
        padding: 0.60em 0.00em 0.54em 0.00em;
        font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea .ButtonRanking {
        width: 75%;
        margin-bottom: 0.5em;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea .ButtonComposite {
        width: 75%;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea {
        width: 50.0%;
        padding-left: 0;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .SocialSendArea {
        width: 49.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderRank,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderClass,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderSchool,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentLogo {
        display: none;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderImage {
        width: 14.5%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderName {
        width: 41.7%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderPosition {
        width: 9.2%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCity {
        width: 26.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderState {
        width: 8.3%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColClass,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentLogo {
        display: none;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColRank,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColImage,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColName,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColClass,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColPosition,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCity,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColState,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentLogo {
        height: 47px;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColRank {
        width: 6.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColImage {
        width: 7.5%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColName {
        width: 33.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColPosition {
        width: 7.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCity {
        width: 22.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColState {
        width: 4.0%;
        padding-right: 0.4em;
    }


    /* PLAYER DETAILS PAGE **************************************************** */

    .PlayerSummaryDetailsWrapper .LeftCol {
        width: 25%;
    }

    .PlayerSummaryDetailsWrapper .RightCol {
        width: 72.0%;
        margin-left: 0.5em;
    }

        .PlayerSummaryDetailsWrapper .RightCol .Row {
            font-size: 0.80em;
            line-height: 0.85em;
        }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Label,
            .PlayerSummaryDetailsWrapper .RightCol .Row .LabelPlayerName {
                width: 41.5%;
                padding-right: 0.5em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Value {
                width: 56.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValuePlayerName {
                width: 55.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValueRanking {
                font-size: 1.0em;
                line-height: 1.00em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .RankingTypeLabel {
                font-size: 0.80em;
                line-height: 0.80em;
                padding-top: 0.20em;
            }

    .PlayerDetailsTabAreaWrapper .EvaluationHolder {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Strengths,
        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Weaknesses {
            width: 48.5%;
        }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Strengths {
            margin-right: 2.0%;
        }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow {
            font-size: 0.70em;
            line-height: 0.80em;
        }

            .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow .Image {
                width: 1.5em;
                padding-left: 0.30em;
                padding-right: 0.20em;
            }

            .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow .Text {
                padding-top: 0.20em;
            }

    .PlayerDetailsTabAreaWrapper .GamesHolder {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .GameInfo {
            width: 71%;
            margin-left: 1.0em;
            padding-top: 0.0em;
        }

    .PlayerDetailsTabAreaWrapper .HighlightsHolder {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .HighlightsHolder .OneHighlight .HighlightInfo {
            width: 72%;
            padding-top: 0.8em;
        }

    .PlayerDetailsTabAreaWrapper .RecruitingTrail {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Logo {
            width: 12.0%;
        }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.School {
            width: 37%;
        }

    .PlayerDetailsTabAreaWrapper .ArticleLinks {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle .Image {
            width: 12%;
        }

        .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle .NameDate {
            width: 82%;
        }

    .PlayerDetailsTabAreaWrapper .PlayerNotes {
        height: 20.0em;
    }
}



@media screen and (min-width:401px) and (max-width:640px) {

    body {
        font-size: 15.4px;
    }

    .BodyFontSizeElementWrapper {
        font-size: 15.4px; /* = 1.0 em  */
    }

    .PageInnerWrapper {
        width: 99%;
        margin-left: 0.80%;
        margin-right: 0.10%;
    }

    .PageHeaderWrapperMobile {
        display: block;
    }

    .PageHeaderWrapper {
        display: none;
    }

    .HorizMainMenuRow {
        display: none;
    }

    /* REDUCE POP-UP WIDTH ON SMALL DISPLAYS ***************************** */

    .ModalPopupMainStandard {
        width: 400px;
    }

    /* ADJUST HOME PAGE ELEMENTS ***************************************** */

    .FullWidthBoxHomeArticle {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 30px;
    }

        .FullWidthBoxHomeArticle .FeatureText {
            font-size: 16px;
            line-height: 20px;
        }

    .FullWidthBoxWithTitle {
        margin-bottom: 40px;
    }

    .UpcomingEventsWrapperHome {
        height: 320px;
    }

        .UpcomingEventsWrapperHome .ScrollArea .OneEventWrapper {
            width: 200px;
            margin-left: 12px;
            margin-right: 12px;
        }

    .RecentArticlesWrapperHome {
        height: 295px;
    }

        .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper {
            width: 210px;
            margin-left: 11px;
            margin-right: 11px;
        }

            .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo {
                font-size: 14px;
                line-height: 16px;
                height: 80px;
            }

                .RecentArticlesWrapperHome .ScrollArea .OneArticleWrapper .ArticleInfo .TitleText {
                    padding-left: 5px;
                    padding-right: 5px;
                }

    .HomePageSocialMediaIconsBoxWrapper {
        width: 86%;
        margin-left: 7%;
        margin-right: 7%;
    }

        .HomePageSocialMediaIconsBoxWrapper .CenterInner .OneSocialIcon {
            width: 50px;
            margin-left: 16px;
            margin-right: 16px;
        }

    /* MEMBER PROFILE PAGE ***************************************** */

    .MemberProfileWrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

        .MemberProfileWrapper .MemberInfoArea {
            width: 96%;
            margin-left: 2%;
            margin-right: 2%;
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft,
        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
            width: 210px; /* adjust subscription pay button width for mobile */
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft {
            margin-right: 15px; /* adjust spacing between buttons for mobile */
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
            margin-left: 15px; /* adjust spacing between buttons for mobile */
        }

    .MemberSubscriptionBuyButton {
        font-size: 20px;
        line-height: 28px;
    }

    /* SUBSCRIBER FORM PAGE ***************************************** */

    .SubscribeLogInWrapper .SubscribeContentInnerDiv .SubscribeLogInPanelWrapper {
        width: 460px;
    }

    /* PROSPECT FINDER (PLAYER SEARCH) PAGE ***************************************** */

    .ProspectFinderSearchWrapper .ButtonRow {
        padding-top: 5px;
    }

    .ProspectFinderSearchWrapper .SearchResultsWrapper {
        padding-top: 35px;
    }

    .ProspectFinderSearchWrapper .FirstNameArea {
        width: 100%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .LastNameArea {
        width: 100%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .ClassArea {
        width: 50%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .StateArea {
        width: 50%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .SearchResultsWrapper {
        font-size: 14px;
        line-height: 16px;
    }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingThumb {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingName {
            width: 44.0%;
            l;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingClass {
            width: 18%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingPosition {
            display: none;
            width: 16%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingState {
            width: 18%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerThumb,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerThumb {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerName,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerName {
            width: 44.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerClass,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerClass {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerPosition,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerPosition {
            display: none;
            width: 16.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerState,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerState {
            width: 18.0%;
        }


    /* NY2LA TOP 40 LEAGUE LEADERS ************************************** */

    .NY2LALeagueLeadersArea .StatsCategory {
        width: 99%;
        margin-left: 0;
        margin-right: 0;
    }

    /* ADMIN LOGIN PAGE ************************************************* */

    .AdminLoginPageCenteredHolder .Inner {
        width: 80%;
    }


    /* SIGNUP SUBSCRIBER TERMS PAGE ************************************************************* */
    /* has the same layout (top banner/right side events box and medium ad) as SIGNUP GENERAL PAGE,
       so uses many of the same css classes defined below under SIGNUP GENERAL PAGE  */

    .SignupSubscriberTermsWrapper .LegalScrollBox {
        height: 27.0em;
        font-size: 0.88em;
        line-height: 1.34em;
        text-align: left;
        margin-left: 0.20em;
        margin-right: 0.20em;
        padding-left: 0.50em;
        padding-right: 0.30em;
    }

        .SignupSubscriberTermsWrapper .LegalScrollBox .InputRow .Label {
            width: 35%;
            padding-right: 0.30em;
            padding-top: 0.30em;
        }

        .SignupSubscriberTermsWrapper .LegalScrollBox .InputRow .Input {
            width: 56%;
        }


    /* CONTACT US PAGE ************************************************************* */

    .BoxContactUsPageForm {
        width: 99.2%;
        margin-top: 2.0em;
    }

    .BoxContactUsPageEditors {
        width: 99.2%;
        margin-right: 0;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .ImageCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .ImageCol {
        float: left;
        width: 12.0%;
        padding-right: 1.3em;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol {
        width: 85.0%;
    }


    /* ARTICLE AND DATE 'ICON' ********************************************************** */

    .ArticleOrDimeDate {
        width: 3.5em;
        margin-right: 1.2em;
        font-size: 0.84em;
        line-height: 1.05em;
    }

        .ArticleOrDimeDate .MonthDay {
            padding-top: 0.30em;
            padding-bottom: 0.30em;
        }

        .ArticleOrDimeDate .HourMin {
            padding-bottom: 0.16em;
        }

        .ArticleOrDimeDate .TimeZone {
            padding-bottom: 0.22em;
        }


    /* DAILY DIME ONE PAGE ************************************************************* */

    .OneArticleOrDimeAreaWrapper .PlayerProfileCol {
        width: 22%;
    }

        .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer .Row {
            font-size: 0.82em;
            line-height: 1.00em;
        }

    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol {
        width: 71.5%;
    }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline {
            width: 78.9%;
        }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .ArticleTitle {
                font-size: 1.40em;
                line-height: 1.0em;
            }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .AuthorAndTagline {
                font-size: 0.88em;
                line-height: 1.26em;
            }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .AuthorNote {
            font-size: 0.9em;
            line-height: 1.27em;
            text-align: left;
        }

    /* RECENT COMMITMENTS PAGE ************************************************************* */

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass,
    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight,
    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool,
    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState {
        display: none;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage {
        width: 9.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName {
        width: 28.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition {
        width: 11.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity {
        width: 21.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCollege {
        width: 26.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper {
        font-size: 0.76em;
        line-height: 1.12em;
        height: 38.0em;
    }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class {
            display: none;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image {
            width: 9.0%;
            padding-left: 0.5em;
            padding-top: 0.2em;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name {
            width: 30.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position {
            width: 10.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City {
            width: 20.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.College,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.College {
            width: 20.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.CollegeLogo,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.CollegeLogo {
            width: 9.0%;
            padding-left: 0.20em;
            padding-right: 0.50em;
        }


    /* ONE EVENT PAGE ************************************************************* */

    .OneEventPageAreaWrapper .OneEventTable .EventRow .LCellWrapper,
    .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .LCellWrapper {
        width: 27.0%;
        font-size: 14px;
    }

    .OneEventPageAreaWrapper .OneEventTable .EventRow .RCellWrapper,
    .OneEventPageAreaWrapper .OneEventTable .EventRowBottom .RCellWrapper {
        width: 72.0%;
    }

    /* EVENTS PAGE ************************************************************* */

    .UpcomingEventsPageWrapper {
        height: 26.0em;
    }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.LogoImage,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.LogoImage {
            width: 15.60%;
        }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.EventInfo,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.EventInfo {
            width: 81.0%;
        }


    /* PLAYER SEARCH RESULTS PAGE ************************************************************* */

    .ButtonStandardRankType {
        font-size: 0.78em;
        line-height: 0.78em;
        padding: 0.60em 0.00em 0.54em 0.00em;
        font-family: 'Open Sans Condensed', 'Roboto Condensed', Arial;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea {
        width: 62.5%;
        padding-left: 0;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .SocialSendArea {
        width: 37.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderClass,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderSchool,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentLogo {
        display: none;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderRank {
        width: 6.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderImage {
        width: 11.5%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderName {
        width: 39.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderPosition {
        width: 7.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCity {
        width: 26.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderState {
        width: 6.3%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColClass,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentLogo {
        display: none;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColRank,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColImage,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColName,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColClass,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColPosition,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCity,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColState,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentLogo {
        height: 62px;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColRank {
        width: 6.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColImage {
        width: 7.5%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColName {
        width: 33.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColPosition {
        width: 7.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCity {
        width: 22.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool {
        width: 4.0%;
    }


    /* PLAYER DETAILS PAGE **************************************************** */

    .PlayerSummaryDetailsWrapper .LeftCol {
        width: 30%;
    }

    .PlayerSummaryDetailsWrapper .RightCol {
        width: 67.0%;
        margin-left: 0.7em;
    }

        .PlayerSummaryDetailsWrapper .RightCol .Row {
            font-size: 0.90em;
            line-height: 0.95em;
        }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Label,
            .PlayerSummaryDetailsWrapper .RightCol .Row .LabelPlayerName {
                width: 42.0%;
                padding-right: 1.0em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Value {
                width: 55.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValuePlayerName {
                width: 55.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValueRanking {
                font-size: 1.0em;
                line-height: 1.00em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .RankingTypeLabel {
                font-size: 0.9em;
                line-height: 0.95em;
                padding-top: 0.20em;
            }

    .PlayerDetailsTabAreaWrapper .EvaluationHolder {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Strengths,
        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Weaknesses {
            width: 48.5%;
        }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .Strengths {
            margin-right: 2.0%;
        }

        .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow {
            font-size: 0.80em;
            line-height: 0.85em;
        }

            .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow .Image {
                width: 2.6em;
                padding-left: 0.50em;
                padding-right: 0.40em;
            }

            .PlayerDetailsTabAreaWrapper .EvaluationHolder .StrengthWeaknessRow .Text {
                padding-top: 0.48em;
            }

    .PlayerDetailsTabAreaWrapper .GamesHolder {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .GameInfo {
            width: 71%;
            margin-left: 1.0em;
            padding-top: 0.0em;
        }

    .PlayerDetailsTabAreaWrapper .HighlightsHolder {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .HighlightsHolder .OneHighlight .HighlightInfo {
            width: 72%;
            padding-top: 0.8em;
        }

    .PlayerDetailsTabAreaWrapper .RecruitingTrail {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Logo {
            width: 12.0%;
        }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.School {
            width: 37%;
        }

    .PlayerDetailsTabAreaWrapper .ArticleLinks {
        height: 30.0em;
    }

        .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle .Image {
            width: 12%;
        }

        .PlayerDetailsTabAreaWrapper .ArticleLinks .OneArticle .NameDate {
            width: 82%;
        }

    .PlayerDetailsTabAreaWrapper .PlayerNotes {
        height: 20.0em;
    }
}


@media screen and (min-width:641px) and (max-width:830px) {

    body {
        font-size: 16px;
    }

    .BodyFontSizeElementWrapper {
        font-size: 16px; /*  = 1.0em  */
    }

    .PageInnerWrapper {
        width: 94%;
        margin-left: 2.9%;
        margin-right: 2.9%;
    }

    .PageHeaderWrapperMobile {
        display: block;
    }

    .PageHeaderWrapper {
        display: none;
    }

    .HorizMainMenuRow {
        display: none;
    }


    /* ADJUST HOME PAGE ELEMENTS ***************************************** */

    .UpcomingEventsWrapperHome {
        height: 369px;
    }

        .UpcomingEventsWrapperHome .ScrollArea .OneEventWrapper {
            width: 239px;
            margin-left: 18px;
            margin-right: 18px;
        }

    .HomePageSocialMediaIconsBoxWrapper {
        width: 86%;
        margin-left: 7%;
        margin-right: 7%;
    }

        .HomePageSocialMediaIconsBoxWrapper .CenterInner .OneSocialIcon {
            width: 55px;
            margin-left: 25px;
            margin-right: 25px;
        }


    /* MEMBER PROFILE PAGE ***************************************** */

    .MemberProfileWrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

        .MemberProfileWrapper .MemberInfoArea {
            width: 92%;
            margin-left: 4%;
            margin-right: 4%;
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft,
        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
            width: 240px; /* adjust subscription pay button width for mobile */
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldLeft {
            margin-right: 25px; /* adjust spacing between buttons for mobile */
        }

        .MemberProfileWrapper .SubscriptionUpgradeWrapper .InnerDiv .UpgradeButtonRow .UpgradeButtonHoldRight {
            margin-left: 25px; /* adjust spacing between buttons for mobile */
        }

    .MemberSubscriptionBuyButton {
        font-size: 22px;
        line-height: 30px;
    }

    /* PROSPECT FINDER (PLAYER SEARCH) PAGE ***************************************** */

    .ProspectFinderSearchWrapper .ButtonRow {
        padding-top: 5px;
    }

    .ProspectFinderSearchWrapper .SearchResultsWrapper {
        padding-top: 35px;
    }

    .ProspectFinderSearchWrapper .FirstNameArea {
        width: 100%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .LastNameArea {
        width: 100%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .ClassArea {
        width: 50%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .StateArea {
        width: 50%; /* change to 100% for mobile such that all inputs do not appear in a single row */
    }

    .ProspectFinderSearchWrapper .SearchResultsWrapper {
        font-size: 14px;
        line-height: 16px;
    }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingThumb {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingName {
            width: 44.0%;
            l;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingClass {
            width: 18%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingPosition {
            display: none;
            width: 16%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .HeadingRow .HeadingState {
            width: 18%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerThumb,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerThumb {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerName,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerName {
            width: 44.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerClass,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerClass {
            width: 18.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerPosition,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerPosition {
            display: none;
            width: 16.0%;
        }

        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowEven td.PlayerState,
        .ProspectFinderSearchWrapper .SearchResultsWrapper .SearchResultsScrollArea table.OneRowOdd td.PlayerState {
            width: 18.0%;
        }

    /* NY2LA TOP 40 LEAGUE LEADERS ************************************** */

    .NY2LALeagueLeadersArea .StatsCategory {
        width: 99%;
        margin-left: 0;
        margin-right: 0;
    }

    /* ADMIN LOGIN PAGE ************************************************* */

    .AdminLoginPageCenteredHolder .Inner {
        width: 65%;
    }


    /* CONTACT US PAGE ************************************************************* */

    .BoxContactUsPageForm {
        width: 100%;
        margin-top: 2.0em;
    }

    .BoxContactUsPageEditors {
        width: 100%;
        margin-right: 0;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .ImageCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .ImageCol {
        float: left;
        width: 12.0%;
        padding-right: 1.3em;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol {
        width: 85.0%;
    }


    /* ARTICLE AND DATE 'ICON' ********************************************************** */

    .ArticleOrDimeDate {
        width: 3.6em;
        margin-right: 1.3em;
        font-size: 0.88em;
        line-height: 1.05em;
    }


    /* DAILY DIME ONE PAGE ************************************************************* */

    .OneArticleOrDimeAreaWrapper .PlayerProfileCol {
        width: 22%;
    }

        .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer .Row {
            font-size: 0.82em;
            line-height: 1.00em;
        }

    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol {
        width: 71.5%;
    }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline {
            width: 81.4%;
        }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .ArticleTitle {
                font-size: 1.60em;
                line-height: 1.0em;
            }

            .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline .AuthorAndTagline {
                font-size: 0.88em;
                line-height: 1.26em;
            }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .AuthorNote {
            font-size: 0.9em;
            line-height: 1.27em;
            text-align: left;
        }

    /* RECENT COMMITMENTS PAGE ************************************************************* */

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass,
    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight,
    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState {
        display: none;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage {
        width: 8.7%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName {
        width: 22.5%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition {
        width: 7.2%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool {
        width: 16.5%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity {
        width: 16.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCollege {
        width: 24.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper {
        font-size: 0.76em;
        line-height: 1.12em;
        height: 38.0em;
    }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class {
            display: none;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image {
            width: 8.6%;
            padding-left: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.4em;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name {
            width: 23.4%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position {
            width: 7.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School {
            width: 16.5%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City {
            width: 16.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.College,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.College {
            width: 19.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.CollegeLogo,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.CollegeLogo {
            width: 8.0%;
            padding-left: 0.20em;
            padding-right: 0.50em;
        }


    /* EVENTS PAGE ************************************************************* */

    .UpcomingEventsPageWrapper {
        height: 28.0em;
    }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.LogoImage,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.LogoImage {
            width: 12.60%;
        }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.EventInfo,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.EventInfo {
            width: 84.0%;
        }

    /* PLAYER SEARCH RESULTS PAGE ************************************************************* */

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea .ButtonRanking {
        width: 75%;
        margin-bottom: 0.5em;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea .ButtonComposite {
        width: 75%;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .ButtonsArea {
        width: 40%;
        padding-left: 0;
    }

    .PlayerSearchResultsTopRankingsArea .PlayerSearchResultsHeading .SocialSendArea {
        width: 58.4%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderClass,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCommitmentLogo {
        display: none;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderRank {
        width: 6.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderImage {
        width: 7.5%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderName {
        width: 28.7%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderPosition {
        width: 7.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderSchool {
        width: 19.7%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderCity {
        width: 21.3%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewHeader .HeaderState {
        width: 6.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColClass,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColHeight,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentName,
    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCommitmentLogo {
        display: none;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColRank {
        width: 6.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColImage {
        width: 7.5%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColName {
        width: 30.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColPosition {
        width: 7.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColSchool {
        width: 21.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColCity {
        width: 21.0%;
    }

    .PlayerSearchResultsTopRankingsArea .GridViewWrapper .GridViewPlayerSearchResultsRankings .ColState {
        width: 7.0%;
    }


    /* PLAYER DETAILS PAGE **************************************************** */

    .PlayerSummaryDetailsWrapper .LeftCol {
        width: 33%;
    }

    .PlayerSummaryDetailsWrapper .RightCol {
        width: 64.0%;
        margin-left: 0.7em;
    }

        .PlayerSummaryDetailsWrapper .RightCol .Row {
            font-size: 0.90em;
            line-height: 0.95em;
        }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Label,
            .PlayerSummaryDetailsWrapper .RightCol .Row .LabelPlayerName {
                width: 40.0%;
                padding-right: 1.0em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Value {
                width: 58.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValuePlayerName {
                width: 58.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValueRanking {
                font-size: 1.0em;
                line-height: 1.00em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .RankingTypeLabel {
                font-size: 0.9em;
                line-height: 0.95em;
                padding-top: 0.20em;
            }

    .PlayerDetailsTabAreaWrapper .EvaluationHolder {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .GamesHolder {
        height: 40.0em;
    }

        .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .GameInfo {
            width: 73%;
            margin-left: 1.0em;
            padding-top: 1.2em;
        }

    .PlayerDetailsTabAreaWrapper .HighlightsHolder {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .RecruitingTrail {
        height: 40.0em;
    }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Logo {
            width: 6.2%;
        }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.School {
            width: 40%;
        }

    .PlayerDetailsTabAreaWrapper .ArticleLinks {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .PlayerNotes {
        height: 30.0em;
    }
}


@media screen and (min-width:831px) and (max-width:940px) {

    body {
        font-size: 16px;
    }

    .BodyFontSizeElementWrapper {
        font-size: 16px; /*  = 1.0em  */
    }

    .PageInnerWrapper {
        width: 94.0%;
        margin-left: 2.9%;
        margin-right: 2.9%;
    }

    .PageHeaderWrapperMobile {
        display: none;
    }

    .PageHeaderWrapper {
        display: block;
    }

    .HorizMainMenuRow {
        display: block;
    }

    /* ADJUST SIZE OF THE LOGIN LOGO ON RIGHT SIDE OF HEADER ************** */

    .PageHeaderWrapper .LeftCell {
        width: 8.0%;
    }

    .PageHeaderWrapper .CenterCell {
        width: 84%;
    }

    .PageHeaderWrapper .RightCell {
        width: 8.0%;
        padding-top: 25px;
    }

    /* ADJUST HOME PAGE ELEMENTS ***************************************** */

    .UpcomingEventsWrapperHome {
        height: 369px;
    }

        .UpcomingEventsWrapperHome .ScrollArea .OneEventWrapper {
            width: 239px;
            margin-left: 18px;
            margin-right: 18px;
        }

    /* NY2LA TOP 40 LEAGUE LEADERS ************************************** */

    .NY2LALeagueLeadersArea .StatsCategory {
        width: 47.8%;
        margin-left: 7px;
        margin-right: 7px;
    }

    /* ADMIN LOGIN PAGE ************************************************* */

    .AdminLoginPageCenteredHolder .Inner {
        width: 55%;
    }


    /* CONTACT US PAGE ************************************************************* */

    .EditorsContactPageWrapper .ContactOneAuthorProfile .ImageCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .ImageCol {
        float: left;
        width: 18.0%;
        padding-right: 1.3em;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol {
        width: 81.0%;
    }


    /* ARTICLE AND DATE 'ICON' ********************************************************** */

    .ArticleOrDimeDate {
        width: 3.8em;
        margin-right: 1.3em;
        font-size: 0.92em;
        line-height: 1.05em;
    }

    /* DAILY DIME ONE PAGE ************************************************************* */

    .OneArticleOrDimeAreaWrapper .PlayerProfileCol {
        width: 22%;
    }

        .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer .Row {
            font-size: 0.82em;
            line-height: 1.00em;
        }

    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol {
        width: 71.5%;
    }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline {
            width: 84.7%;
        }

    /* RECENT COMMITMENTS PAGE ************************************************************* */

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage {
        width: 8.7%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName {
        width: 21.8%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition {
        width: 6.2%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool {
        width: 14.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity {
        width: 13.5%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCollege {
        width: 18.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper {
        font-size: 0.76em;
        line-height: 1.12em;
        height: 38.0em;
    }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image {
            width: 7.7%;
            padding-left: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.4em;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name {
            width: 21.4%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position {
            width: 6.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School {
            width: 13.5%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City {
            width: 13.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.College,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.College {
            width: 11.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.CollegeLogo,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.CollegeLogo {
            width: 6.4%;
            padding-left: 0.20em;
            padding-right: 0.50em;
        }


    /* EVENTS PAGE ************************************************************* */

    .UpcomingEventsPageWrapper {
        height: 31.0em;
    }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.LogoImage,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.LogoImage {
            width: 11.60%;
        }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.EventInfo,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.EventInfo {
            width: 85.0%;
        }


    /* PLAYER DETAILS PAGE **************************************************** */

    .PlayerSummaryDetailsWrapper .LeftCol {
        width: 33%;
    }

    .PlayerSummaryDetailsWrapper .RightCol {
        width: 64.0%;
        margin-left: 0.7em;
    }

        .PlayerSummaryDetailsWrapper .RightCol .Row {
            font-size: 0.90em;
            line-height: 0.95em;
        }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Label,
            .PlayerSummaryDetailsWrapper .RightCol .Row .LabelPlayerName {
                width: 40.0%;
                padding-right: 1.0em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Value {
                width: 58.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValuePlayerName {
                width: 58.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValueRanking {
                font-size: 1.0em;
                line-height: 1.00em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .RankingTypeLabel {
                font-size: 0.9em;
                line-height: 0.95em;
                padding-top: 0.20em;
            }

    .PlayerDetailsTabAreaWrapper .EvaluationHolder {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .GamesHolder {
        height: 40.0em;
    }

        .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .GameInfo {
            width: 73%;
            margin-left: 1.0em;
            padding-top: 1.2em;
        }

    .PlayerDetailsTabAreaWrapper .HighlightsHolder {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .RecruitingTrail {
        height: 40.0em;
    }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Logo {
            width: 6.2%;
        }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.School {
            width: 40%;
        }

    .PlayerDetailsTabAreaWrapper .ArticleLinks {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .PlayerNotes {
        height: 30.0em;
    }
}




@media screen and (min-width:941px) and (max-width:999px) {

    body {
        font-size: 16px;
    }

    .BodyFontSizeElementWrapper {
        font-size: 16px; /*  = 1.0em  */
    }

    .PageInnerWrapper {
        width: 94.0%;
        margin-left: 2.9%;
        margin-right: 2.9%;
    }


    .PageHeaderWrapperMobile {
        display: none;
    }

    .PageHeaderWrapper {
        display: block;
    }

    .HorizMainMenuRow {
        display: block;
    }

    /* ADJUST SIZE OF THE LOGIN LOGO ON RIGHT SIDE OF HEADER ************** */

    .PageHeaderWrapper .LeftCell {
        width: 7.5%;
    }

    .PageHeaderWrapper .CenterCell {
        width: 85%;
    }

    .PageHeaderWrapper .RightCell {
        width: 7.5%;
    }

    /* ADJUST HOME PAGE ELEMENTS ***************************************** */

    .UpcomingEventsWrapperHome {
        height: 393px;
    }

        .UpcomingEventsWrapperHome .ScrollArea .OneEventWrapper {
            width: 257px;
            margin-left: 20px;
            margin-right: 20px;
        }



    /* NY2LA TOP 40 LEAGUE LEADERS ************************************** */

    .NY2LALeagueLeadersArea .StatsCategory {
        width: 47.8%;
        margin-left: 7px;
        margin-right: 7px;
    }

    /* ADMIN LOGIN PAGE ************************************************* */

    .AdminLoginPageCenteredHolder .Inner {
        width: 55%;
    }


    /* CONTACT US PAGE ************************************************************* */

    .EditorsContactPageWrapper .ContactOneAuthorProfile .ImageCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .ImageCol {
        float: left;
        width: 18.0%;
        padding-right: 1.3em;
    }

    .EditorsContactPageWrapper .ContactOneAuthorProfile .InfoCol,
    .EditorsContactPageWrapper .ContactOneAuthorProfileLast .InfoCol {
        width: 81.0%;
    }


    /* ARTICLE AND DATE 'ICON' ********************************************************** */

    .ArticleOrDimeDate {
        width: 3.8em;
        margin-right: 1.3em;
        font-size: 0.92em;
        line-height: 1.05em;
    }

    /* DAILY DIME ONE PAGE ************************************************************* */

    .OneArticleOrDimeAreaWrapper .PlayerProfileCol {
        width: 22%;
    }

        .OneArticleOrDimeAreaWrapper .PlayerProfileCol .OnePlayer .Row {
            font-size: 0.82em;
            line-height: 1.00em;
        }

    .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol {
        width: 71.5%;
    }

        .OneArticleOrDimeAreaWrapper .ArticleOrDimeTextCol .ArticleTitleArea .ArticleTitleTagline {
            width: 84.7%;
        }

    /* RECENT COMMITMENTS PAGE ************************************************************* */

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage {
        width: 8.7%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName {
        width: 21.8%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition {
        width: 6.2%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool {
        width: 14.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity {
        width: 13.5%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCollege {
        width: 18.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper {
        font-size: 0.76em;
        line-height: 1.12em;
        height: 38.0em;
    }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image {
            width: 7.7%;
            padding-left: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.4em;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name {
            width: 21.4%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position {
            width: 6.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School {
            width: 13.5%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City {
            width: 13.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.College,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.College {
            width: 11.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.CollegeLogo,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.CollegeLogo {
            width: 6.4%;
            padding-left: 0.20em;
            padding-right: 0.50em;
        }


    /* EVENTS PAGE ************************************************************* */

    .UpcomingEventsPageWrapper {
        height: 31.0em;
    }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.LogoImage,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.LogoImage {
            width: 11.60%;
        }

        .UpcomingEventsPageWrapper .ScrollArea table.OneEventEven td.EventInfo,
        .UpcomingEventsPageWrapper .ScrollArea table.OneEventOdd td.EventInfo {
            width: 85.0%;
        }


    /* PLAYER DETAILS PAGE **************************************************** */

    .PlayerSummaryDetailsWrapper .LeftCol {
        width: 33%;
    }

    .PlayerSummaryDetailsWrapper .RightCol {
        width: 64.0%;
        margin-left: 0.7em;
    }

        .PlayerSummaryDetailsWrapper .RightCol .Row {
            font-size: 0.90em;
            line-height: 0.95em;
        }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Label,
            .PlayerSummaryDetailsWrapper .RightCol .Row .LabelPlayerName {
                width: 40.0%;
                padding-right: 1.0em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .Value {
                width: 58.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValuePlayerName {
                width: 58.0%;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .ValueRanking {
                font-size: 1.0em;
                line-height: 1.00em;
            }

            .PlayerSummaryDetailsWrapper .RightCol .Row .RankingTypeLabel {
                font-size: 0.9em;
                line-height: 0.95em;
                padding-top: 0.20em;
            }

    .PlayerDetailsTabAreaWrapper .EvaluationHolder {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .GamesHolder {
        height: 40.0em;
    }

        .PlayerDetailsTabAreaWrapper .GamesHolder .OneGame .GameInfo {
            width: 73%;
            margin-left: 1.0em;
            padding-top: 1.2em;
        }

    .PlayerDetailsTabAreaWrapper .HighlightsHolder {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .RecruitingTrail {
        height: 40.0em;
    }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.Logo {
            width: 6.2%;
        }

        .PlayerDetailsTabAreaWrapper .RecruitingTrail table.TrailTable tr.Heading td.School {
            width: 40%;
        }

    .PlayerDetailsTabAreaWrapper .ArticleLinks {
        height: 40.0em;
    }

    .PlayerDetailsTabAreaWrapper .PlayerNotes {
        height: 30.0em;
    }
}


@media screen and (min-width:1000px) and (max-width:5000px) {
    /* change to fixed width display */

    body {
        font-size: 16px;
    }

    .BodyFontSizeElementWrapper {
        font-size: 16px; /*  = 1.0em  */
    }

    /* Force page width to static 1000 pixels, center page horizontally on screen */
    .PageWrapper {
        float: none;
        display: block;
        width: 1000px;
        padding: 0;
        margin: 0 auto;
    }

    .PageInnerWrapper {
        float: none;
        width: 1000px;
        padding: 0;
        margin: 0;
    }

    .PageHeaderWrapperMobile {
        display: none;
    }

    .PageHeaderWrapper {
        display: block;
    }

    .HorizMainMenuRow {
        display: block;
    }

    .MobileBannerAdHolder {
        display: none;
    }

    /* RESTORED SITE 2025 NO RECRUIT SEARCH COMBO - AD IS CENTERED ON PAGE */
    .FullWidthBannerAdWrapper {
        position: inherit;
        left: inherit;
        right: inherit;
        float: left;
        width: 100%;
        /* width: 732px; */
        padding: 0;
        margin: 0;
        margin-top: 20px;
        margin-bottom: 80px;
    }


    /* PLAYER DETAILS PAGE **************************************************** */

    .BoxPlayerInfoTabSection {
        position: inherit;
        left: inherit;
        right: inherit;
        width: 70%;
        margin-right: 0.75em;
    }


    /* SIGNUP PLAN INFO PAGE *************************************************** */

    .BoxSignupPlanInfoFull {
        margin-right: 15px;
    }


    /* SIGNUP SUBSCRIBER TERMS PAGE *************************************************** */

    .BoxSignupSubscriberTermsFull {
        margin-right: 15px;
    }


    /* SIGNUP GENERAL PAGE ************************************************************* */

    .SignupGeneralFullLeftSideHolder { /* specific pixel width to form a left side column on full display */
        width: 669px; /* 100% width on mobile (not needed, but can't move offscreen as its contents would follow */
        margin-right: 15px;
    }

    .SignupGeneralFullRightSideHolder { /* specific pixel width to form a right side column on full display */
        width: 310px; /* 100% width on mobile (not needed, but can't move offscreen as its contents would follow */
    }

    .BoxSignupGeneralMediumAd {
        position: inherit;
        left: inherit;
        right: inherit;
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: 15px;
    }

    .BoxSignupGeneralFullLogin {
        margin-right: 15px;
    }

    .BoxSignupGeneralFullTerms {
        margin-right: 15px;
    }



    /* RECENT COMMITMENTS PAGE ************************************************************* */

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderClass {
        width: 5.5%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderHeight {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderState {
        width: 5.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderImage {
        width: 8.7%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderName {
        width: 21.8%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderPosition {
        width: 6.8%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderSchool {
        width: 14.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCity {
        width: 13.5%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsHeader .HeaderCollege {
        width: 18.0%;
    }

    .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper {
        font-size: 0.88em;
        line-height: 1.12em;
        height: 38.0em;
    }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Class,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Class {
            width: 5.6%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Height,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Height {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.State,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.State {
            width: 5.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Image,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Image {
            width: 7.7%;
            padding-left: 0.5em;
            padding-top: 0.5em;
            padding-bottom: 0.4em;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Name,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Name {
            width: 21.4%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.Position,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.Position {
            width: 6.7%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.School,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.School {
            width: 13.5%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.City,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.City {
            width: 13.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.College,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.College {
            width: 11.0%;
        }

        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowEven td.CollegeLogo,
        .RecentCommitmentsPageAreaWrapper .CommitmentsPlayersWrapper table.CommitRowOdd td.CollegeLogo {
            width: 6.0%;
            padding-left: 0.20em;
            padding-right: 0.50em;
        }
}