/* Phones */
@media only screen and (max-device-width: 480px) {
    body {
	    font-size: 1em;
    }
    input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="date"], select {
        border-radius: 3px;
        font-size: 1.1em;
        touch-action: manipulation;
    }
    
    input[type="email"], input[type="password"], input[type="text"] {
        width: 250px;
    }
    input[type="button"], input[type="submit"], a.linkButton
    {
        /*border-radius: 4px;*/
        font-size: 1.5em;
    }

    input[type="button"], input[type="submit"] 
    {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 10px;
        padding-right: 10px;
    }
    input[type="button"]:hover, input[type="submit"]:hover, a.linkButton:hover {
        /*border-radius: 4px;*/
        font-size: 1.5em;
    }

    label {
        font-weight: bold;
        font-size: 1em;
    }
    .SectionTitle {
        font-size: 2em;
        width: 100%;
        text-align: center;
    }
    #MobileContainer {
        display: inline;
        margin: 0px;
        width: 93%;
        background-color: #FFFFFF;
        border: 1px solid #0e2b4b;
        padding: 3%;
        font-size: 1em;
        position: absolute;
        min-height: 400px;
    }
    #LoginContainer {
        margin: 30px 0px 0px 0px;
        width: 93%;
        background-color: #e5e6e7;
        border: 1px solid #0e2b4b;
        height: 100%;
        padding: 3%;
    }
    #DefaultContainer {
        display: none;
    }
    #RoundContainer {
        display: inline;
        margin: 0px;
        width: 99%;
        position: absolute;
    }

    #ScorecardContainer {
        margin: 0px;
        background-color: #FFFFFF;
        position: absolute;
        height: 100%;
        top: 0px;
    }
    .ScorecardLeft {
        position: fixed;
        top: 0px;
        width: 105px;
        height: 99%;
        background-color: #FFFFFF;
        padding: 0px;
        z-index: 10;
        margin: 0px
    }
    
    table.Scorecard
    {
        border-width: 1px;
        border-collapse: collapse;
        font-size: 1em;
        font-weight: 600;
        position: absolute; 
        left: 105px;
        top: 3px;
    }

    table.ScorecardLabels
    {
        border-width: 1px;
        border-collapse: collapse;
        font-size: 1em;
        font-weight: 600;
        z-index: 20;
        position: absolute; 
        left: 0px;
        top: 3px;
        width: 105px;
        opacity: 1;
    }

    table.Scorecard tr.HoleNums td, table.ScorecardLabels tr.HoleNumLabel td { 
        background-color: #5e82af;
        color: #f6f6f6;
    }
    table.ScorecardLabels td {
        border: 1px solid #314163;
        width: 105px;
        border-width: 1px;
        border-style: solid;
        border-color: #314163;
        font-size: 1em;
        height: 40px;
        text-align: center;
        vertical-align: middle;
    }

    table.Scorecard td {
        border: 1px solid #314163;
        width: 53px;
        border-width: 1px;
        border-style: solid;
        border-color: #314163;
        font-size: 1em;
        height: 40px;
        text-align: center;
        vertical-align: middle;
    }
    table.Scorecard td.Bogey {
        background-image: url("/images/tdbg_bogey.png");
    }
    table.Scorecard td.Birdie {
        background-image: url("/images/tdbg_birdie.png");
    }
    table.Scorecard td.Eagle {
        background-image: url("/images/tdbg_eagle.png");
    }
    table.Scorecard td.Double {
        background-image: url("/images/tdbg_dubbogey.png");
    }

    table.Scorecard td.FHit {
        background-image: url("/images/tdbg_fhit.png");
    }
    table.Scorecard td.FLeft {
        background-image: url("/images/tdbg_fleft.png");
    }
    table.Scorecard td.FRight {
        background-image: url("/images/tdbg_fright.png");
    }
    table.Scorecard td.FMiss {
        background-image: url("/images/tdbg_fmiss.png");
    }

    table.Scorecard tr.Yardages td, table.ScorecardLabels tr.YardageLabel td
    {
        background-color: #3b3a3a;
        color: #FFFFFF;
    }

    table.Scorecard tr.Handicaps td, table.ScorecardLabels tr.HandicapLabel td
    {
        background-color: rgba(0,0,0,0.2);
        color: rgba(74,108,155,1);
    }

    table.Scorecard tr.Pars td, table.ScorecardLabels tr.ParLabel td
    {
        background-color: #f1e8d5;
        color: #47515b;
    }

    table.Scorecard tr.Scores td, table.ScorecardLabels tr.ScoreLabel td
    {
        background-color: rgba(0,0,0,0);
        color: #000000;
    }

    table.Scorecard tr.Putts td, table.ScorecardLabels tr.PuttsLabel td
    {
        background-color: #c0f9ca;
        color: #10360c;
    }

    .RoundDetails {
        display: inline;
        width: 99.5%;
        position: absolute;
        top: 102px;
        left: 1px;
        margin: 0px;
        z-index: -1;
    }
    .RoundHeader {
        display: inline;
        width: inherit;
        height: 55px;
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: #667595;
        background-image: -webkit-linear-gradient(top, #667595, #314163);
        background-image: -moz-linear-gradient(top, #667595, #314163);
        background-image: -ms-linear-gradient(top, #667595, #314163);
        background-image: -o-linear-gradient(top, #667595, #314163);
        background-image: linear-gradient(to bottom, #667595, #314163);
        -webkit-box-shadow: 0px 4px 8px 0px rgba(31,31,31,0.67);
        -moz-box-shadow: 0px 4px 8px 0px rgba(31,31,31,0.67);
        box-shadow: 0px 4px 8px 0px rgba(31,31,31,0.67);
        color: white;
        border-bottom: 1px solid #212020;
        margin: 0px;
        z-index: 10;
        width: 100%;
    }
    .RoundHoleStats {
        display: inline;
        width: inherit;
        height: 45px;
        position: fixed;
        top: 56px;
        left: 0px;
        background-color: #717170;
        color: #FFFFFF;
        font-weight: 300;
        font-size: 1.1em;
        border-bottom: 1px solid #414140;
        margin: 0px;
        z-index: 9;
        width: 100%;
    }

    .RoundHeader b {
        font-size: 1.5em;
    }
    .RoundDetailsSectionDiv {
        border: 1px solid #625f5f;
        background-color: #e7e9eb;
        border-radius: 5px;
        width: 96%;
        margin: 5px auto 0px auto;
    }
    .RoundDetailsSectionDiv div.Total {
        width: 90%;
        height: 80px;
        border: 1px solid #625f5f;
        border-radius: 4px;
        text-align: center;
        margin: 0px auto 0px auto;
    }
    .RoundDetailsSectionDiv div.Total > h2 {
        font-size: 1em;
        color: #0e2b4b;
        font-weight: 500;
        margin: 2px;
    }
    .RoundDetailsSectionDiv div.Total > h1 {
        font-size: 2em;
        color: #0e2b4b;
        font-weight: 600;
        margin: 2px;
    }
    .RoundDetailsSectionDiv div.TotalVsPar {
        height: 80px;
        font-size: 1.1em;
        color: #0e2b4b;
        text-align: left;
        padding-left: 20px;
        font-weight: 600;
    }
    .RoundSummarySectionDiv {
        border: 1px solid #625f5f;
        background-color: #e7e9eb;
        border-radius: 5px;
        width: 97%;
        margin: 0px auto 0px auto;
        position: absolute;
        top: 72px;
        left: 5px;
    }
    .LeaderboardSectionDiv {
        width: 97%;
        margin: 0px auto 0px auto;
        
    }
    .spacer {
        height: 50px;
        margin: 0 0 -50px 0;
        background: transparent; 
    }
    .LeaderboardRoundDD {
        position: absolute;
        top: 65px;
        left: 3px;
    }
    .HoleNumInfo {
        color: white;
        font-weight: bold;
        font-size: 1.6em;
        width: 100%;
        text-align: center;
    }
    .TournamentName {
        color: white;
        font-weight: bold;
        font-size: 1.3em;
        text-align: center;
        vertical-align: middle
    }
    .RoundFooter {
        display: inline;
        width: 100%;
        text-align: center;
        position: fixed;
        bottom: 0px;
        height: 40px;
        background-color: #314163;
        color: #d5dff6;
    }
    #RoundMenuContainer {
        display: none;
        position: fixed;
        bottom: 40px;
        background-color: #4e4d4d;
        right: 0px;
        width: 175px;
        z-index: 30;
        padding: 0px;
        border: 1px solid #000000;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        -webkit-box-shadow: -4px 0px 6px 0px rgba(50, 50, 50, 0.76);
        -moz-box-shadow:    -4px 0px 6px 0px rgba(50, 50, 50, 0.76);
        box-shadow:         -4px 0px 6px 0px rgba(50, 50, 50, 0.76);
    }
    #RoundMenuContainer > div {
        height: 50px;
        padding: 23px 6px 6px 6px;
        vertical-align: middle;
        text-align: center;
        
        color: #d5dff6;
        font-weight: 600;
        font-size: 1.1em;
    }
    #RoundMenuContainer > div:hover {
        background-color: #7c7a7a;
        color: #0e2b4b;
    }
    #RoundMenuContainer > div:not(:first-child) {
        border-top: 1px solid #b5b2b2;
        border-bottom: 1px solid #000000;
    }
    #RoundMenuContainer > div:first-child {
        border-bottom: 1px solid #000000;
    }
    input[type="number"] {
        width: 50px;
        text-align: center;
        font-weight: 500;
        font-size: 1.3em;
    }
    .ButtonLeft, .ButtonMiddle, .ButtonRight, .ButtonLeftActive, .ButtonMiddleActive, .ButtonRightActive, 
    .ButtonLeft:hover, .ButtonMiddle:hover, .ButtonRight:hover, .ButtonLeftActive:hover, .ButtonMiddleActive:hover, .ButtonRightActive:hover,
    .ButtonLeft:active, .ButtonMiddle:active, .ButtonRight:active, .ButtonLeftActive:active, .ButtonMiddleActive:active, .ButtonRightActive:active,
    .ButtonLeft:visited, .ButtonMiddle:visited, .ButtonRight:visited, .ButtonLeftActive:visited, .ButtonMiddleActive:visited, .ButtonRightActive:visited   {
        height: 50px !important;
        padding: 5px 5px 5px 5px !important;
        min-width: 50px !important;
        vertical-align: middle !important;
        margin: -8px 0px 0px 0px !important;
        font-size: 1.2em !important;
        text-shadow: none !important;
    }
    .ButtonLeft, .ButtonMiddle, .ButtonRight, .ButtonLeft:hover, .ButtonMiddle:hover, .ButtonRight:hover,
    .ButtonLeft:active, .ButtonMiddle:active, .ButtonRight:active,
    .ButtonLeft:visited, .ButtonMiddle:visited, .ButtonRight:visited {
        background-color: rgba(0,0,0,0.2) !important;
        background-image: -webkit-linear-gradient(white, grey) !important;
        border: 1px solid #9c9a9a !important;
        margin: -8px 0px 0px 0px !important;
        color: #47515b !important;
    }
    .ButtonLeftActive, .ButtonMiddleActive, .ButtonRightActive, 
    .ButtonLeftActive:hover, .ButtonMiddleActive:hover, .ButtonRightActive:hover,
    .ButtonLeftActive:active, .ButtonMiddleActive:active, .ButtonRightActive:active,
    .ButtonLeftActive:visited, .ButtonMiddleActive:visited, .ButtonRightActive:visited {
        background-color: rgba(74,108,155,1) !important;
        background-image: -webkit-linear-gradient(white, rgba(74,108,155,1)) !important;
        border: 1px solid #1f344b !important;
        margin: -8px 0px 0px 0px !important;
        color: #FFFFFF !important;
    }

    .ButtonLeft, .ButtonLeftActive, 
    .ButtonLeft:hover, .ButtonLeftActive:hover,
    .ButtonLeft:active, .ButtonLeftActive:active,
    .ButtonLeft:visited, .ButtonLeftActive:visited {
        border-bottom-left-radius: 6px !important; 
        border-top-left-radius: 6px !important;
        border-bottom-right-radius: 0px !important;
        border-top-right-radius: 0px !important;        
    }
    .ButtonMiddle, .ButtonMiddleActive, 
    .ButtonMiddle:hover, .ButtonMiddleActive:hover,
    .ButtonMiddle:active, .ButtonMiddleActive:active,
    .ButtonMiddle:visited, .ButtonMiddleActive:visited {
        border-bottom-left-radius: 0px !important; 
        border-top-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    .ButtonRight, .ButtonRightActive, 
    .ButtonRight:hover, .ButtonRightActive:hover,
    .ButtonRight:active, .ButtonRightActive:active,
    .ButtonRight:visited, .ButtonRightActive:visited {
        border-bottom-left-radius: 0px !important; 
        border-top-left-radius: 0px !important;
        border-bottom-right-radius: 6px !important;
        border-top-right-radius: 6px !important;
    }
    
    .ScoreEntryField {
        margin: 0px !important;
        height: 48px !important;
        padding: 0px !important;
    }

    .optionsHDCPIndex {
        height: 48px !important;
        font-size: 35px !important;
        border-radius: 8px;
        border: 1px solid #444444;
    }
    .LargeCheckbox {
      zoom:1.5;
      transform:scale(1.5);
      -ms-transform:scale(1.5);
      -webkit-transform:scale(1.5);
      -o-transform:scale(1.5);
      -moz-transform:scale(1.5);
      transform-origin:0 0;
      -ms-transform-origin:0 0;
      -webkit-transform-origin:0 0;
      -o-transform-origin:0 0;
      -moz-transform-origin:0 0;
      -webkit-transform-origin:0 0;
      margin-top: -7px;
    }

    .optionsGroupHeader {
        font-weight: bold;
        font-size: 18px !important;
        margin-bottom: 4px;
    }
    .optionsGroupDiv {
        border: 1px solid #7291a5;
        padding: 0px;
        border-radius: 4px;
        background-color: #c6dcea;
        width: 97%;
    }
    table.options
    {
        border-collapse: collapse;
        width: 100%;
    }

    table.options td:not(:last-child) 
    {
        height: 50px;
        vertical-align: middle;
        padding-left: 5px;
    }
    table.options tr:not(:last-child) {
        border-bottom: 1px solid #7291a5;
    }
    table.options tr.Active td {
        background-color: #93aec0;
        color: white;
    }
    

    .ios-arrow-left {
        left:20px;
        top:10px;  
        position:absolute;
        background-repeat:repeat-x;
        background-color: rgba(74,108,155,1);
        background-image : -webkit-linear-gradient(
            bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 50%,
            rgba(255,255,255,0.1) 50%,
            rgba(255,255,255,0.3) 100%
            );
        height:30px;
        padding: 0 10px 0 8px;
        z-index : 0;
        border-radius: 6px;
        -webkit-border-top-left-radius : 10px 15px;
        -webkit-border-bottom-left-radius : 10px 15px;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        box-shadow :-1px -1px 0px rgba(0,0,0,0.2)inset,
            0 1px 2px rgba(0,0,0,0.8)inset;
        font-size : 1em;
        display : block; 
        text-align:center;
        color:#fff;
        text-shadow : 0px -1px 0px #000;
        line-height : 30px;
        font-family : HelveticaNeue;
        font-weight: 700;
        -webkit-background-size : 30px;
    }

    .ios-arrow-left:before{
        position:absolute;
        top:9.9%;
        left:-5px;
        -webkit-background-size : 22px 22px;
        background-position :-2px -1.5px;
        background-color: rgba(74,108,155,1);/*change to the same as the main element*/
        background-image :  
            -webkit-gradient(linear, left bottom, right top, 
                from(rgba(0,0,0,0)), 
                color-stop(0.5, rgba(0,0,0,0)), 
                color-stop(0.5, rgba(255,255,255,0.1)), 
                to(rgba(255,255,255,0.3))); 
        height : 25px;
        width: 25px;
        -webkit-transform : rotate(-45deg) skew(-10deg, -10deg);
        -webkit-border-top-right-radius : 100px 40px;
        -webkit-border-top-left-radius : 30px 2px;
        -webkit-border-bottom-right-radius : 2px 30px;
        -webkit-border-bottom-left-radius : 40px 100px;
        z-index : 1;
        content : ' ';
        border-left : 1.5px solid rgba(255,255,255,0.3);
        box-shadow :  1px 1px 0 rgba(0,0,0,0.2) inset,
            -1px 1px 1px rgba(0,0,0,0.5) inset;
        -webkit-mask-image : 
            -webkit-gradient(linear, left top, right bottom,
                from(#000000), 
                color-stop(0.33,#000000), 
                color-stop(0.5, transparent), 
                to(transparent));
    }

    .ios-arrow-right {
        right:20px;
        top:10px;  
        position:absolute;
        background-repeat:repeat-x;
        background-color: rgba(74,108,155,1);
        background-image : -webkit-linear-gradient(
            bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 50%,
            rgba(255,255,255,0.1) 50%,
            rgba(255,255,255,0.3) 100%
            );
        height:30px;
        padding: 0 10px 0 8px;
        z-index : 0;
        border-radius: 6px;
        -webkit-border-top-right-radius : 10px 15px;
        -webkit-border-bottom-right-radius : 10px 15px;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        box-shadow :-1px -1px 0px rgba(0,0,0,0.2)inset,
            0 1px 2px rgba(0,0,0,0.8)inset;
        font-size : 1em;
        display : block; 
        text-align:center;
        color:#fff;
        text-shadow : 0px -1px 0px #000;
        line-height : 30px;
        font-family : HelveticaNeue;
        font-weight: 700;
        -webkit-background-size : 30px;
    }
    .ios-arrow-right:after{
        position:absolute;
        content : ' ';
        top: 5px;
        right:-4.5px;
        -webkit-background-size : 22px 22px;
        background-position :-1px -0.5px;
        background-color: rgba(74,108,155,1);
        background-image :  
            -webkit-gradient(linear, left bottom, right top, 
                from(rgba(255,255,255,0.3)), 
                 color-stop(0.5, rgba(255,255,255,0.1)), 
               color-stop(0.5, rgba(0,0,0,0)), 
                to(rgba(0,0,0,0))); 
        height : 25px;
        width: 25px;
        -webkit-transform : rotate(135deg) skew(-10deg, -10deg);
        border-top-right-radius : 10px;
        border-top-left-radius :0px;
        border-bottom-right-radius : 0px;
        border-bottom-left-radius : 10px;
        z-index : 1;
        border-right : 1.5px solid rgba(255,255,255,0.4);
        box-shadow :  1px 1px 1px rgba(0,0,0,0.5) inset,
            -1px 1px 1px rgba(0,0,0,0.4) inset;
        -webkit-mask-image : 
            -webkit-gradient(linear, left top, right bottom,
                from(#000000), 
                color-stop(0.33,#000000), 
                color-stop(0.5, transparent), 
                to(transparent));
    }
    .ios-arrow-left,
    .ios-arrow-left:before {
        background-color: rgba(74,108,155,1);
    }

    .ios-arrow-left:hover,
    .ios-arrow-left:hover:before {
        background-color: rgba(54,88,135,1);
    }

    .ios-arrow-right,
    .ios-arrow-right:after {
        background-color: rgba(74,108,155,1);
    }

    .ios-arrow-right:hover,
    .ios-arrow-right:hover:after {
        background-color: rgba(54,88,135,1);
    }

    table.datadisplay-new td {
        font-size: 1.3em;
    }

    table.HoleJump {
        border-width: 1px;
        border-collapse: collapse;
        width: 99%;
        position: absolute;
        top: 65px;
        left: 4px;
    }
    table.HoleJump td {
        width: 33%;
        height: 60px;
        vertical-align: middle;
        text-align: center;
        background-color: rgba(74,108,155,1);
        background-image: -webkit-linear-gradient(#b0aeae, #e8e4e4);
        color: #0e2b4b;
        font-size: 1.2em;
        font-weight: 600;
        border: 1px solid #0e2b4b;
    }
    table.HoleJump td:hover {
        background-color: #0e2b4b;
        background-image: none;
        color: white;
        font-size: 1.2em;
        font-weight: 600;
        border: 1px solid #0e2b4b;
    }
    .GHINIndex 
    {
        text-align: center;
        color: rgb(35, 71, 121);
        font-size: 2.0em;
        font-weight: bold;
        width: 110px;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid #314163;
        border-radius: 4px;
        background-color: #eceaea;
    }

    table.leaderboard-mobile
    {
        border-width: 1px;
        border-collapse: collapse;
        font-size: 14px;
        width: 100%;
    }

    table.leaderboard-mobile th 
    {
        background-color: #FFFFFF;
	    border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #c7d2d6;
	    padding: 3px 5px 3px 5px;
	    font-size: 14px;
	    font-weight: normal;
	    height: 25px;
	    color: #1d1d1d;
	    text-align: left;
    }

    table.leaderboard-mobile tr:nth-child(even) 
    { 
        background-color: #F4F4F4;
        border: 1px solid #c7d2d6;
    }

    table.leaderboard-mobile tr:nth-child(odd) 
    {
        background-color: #FFFFFF;
        border: 1px solid #c7d2d6;
    }

    table.leaderboard-mobile tr:hover {
        cursor: pointer;
        background-color: #314163;
        color: #FFFFFF;
    }

    table.leaderboard-mobile td 
    {
        border: 1px solid #c7d2d6;
        padding: 4px;
        font-size: 14px;
        height: 40px;
    }

    table.leaderboard-mobile td.ScoreColumn 
    {
        color: #FFFFFF;
        background-color: #113867;
    }
    table.leaderboard-mobile td.CenterJustify 
    {
        text-align: center;
    }

    table.leaderboard-rounds {
        font-size: 12px;
        width: 100%;
        border-spacing: 0px; 
        border-collapse: separate;
        border: none;
    }

    table.leaderboard-rounds td.TabOn {
        background-color: #FFFFFF;
        color: #666666;
        font-weight: bold;
        padding: 5px;
	    height: 40px;
        width: 40px;
	    border-top: 1px solid #AAAAAA;
	    border-left: 1px solid #AAAAAA;
	    border-right: 1px solid #AAAAAA;
        border-bottom: none;
	    text-decoration: none;
        text-align: center;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
    }
    table.leaderboard-rounds td.TabOff {
        background-color: rgba(0,0,0,0.2);
        background-image: -webkit-linear-gradient(white, #D4D4D4);
        color: #666666;
        font-weight: bold;
        padding: 5px;
	    height: 40px;
        width: 40px;
	    border-top: 1px solid #AAAAAA;
	    border-left: 1px solid #AAAAAA;
	    border-right: 1px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
	    text-decoration: none;
        text-align: center;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
    }

    table.leaderboard-rounds td.TabOn, table.leaderboard-rounds td.TabOn a:link, table.leaderboard-rounds td.TabOn a:visited, table.leaderboard-rounds td.TabOn a:active 
    {
	    color: #000000;
	    font-size: 12px;
	    font-weight: bold;
        text-decoration: none;
	    outline: none;
        -moz-outline-style: none;
    }
    table.leaderboard-rounds td.TabOn a:hover 
    {
	    color: #990000;
	    font-size: 12px;
	    font-weight: bold;
        text-decoration: none;
	    outline: none;
        -moz-outline-style: none;
    }
    table.leaderboard-rounds td.TabOff, table.leaderboard-rounds td.TabOff a:link, table.leaderboard-rounds td.TabOff a:visited, table.leaderboard-rounds td.TabOff a:active 
    {
	    color: #666666;
	    font-size: 12px;
        text-decoration: none;
	    outline: none;
        -moz-outline-style: none;
    }
    table.leaderboard-rounds td.TabOff a:hover 
    {
	    color: #990000;
	    font-size: 12px;
        text-decoration: none;
	    outline: none;
        -moz-outline-style: none;
    }
    table.leaderboard-rounds td.TabSpacer
    {
	    height: 40px;
	    border-bottom: 1px solid #AAAAAA;
	    width: 1px;
	    font-size: 6px;	
    }
    table.leaderboard-rounds td.TabContent
    {
        BORDER-RIGHT: #AAAAAA 1px solid;
        BORDER-LEFT: #AAAAAA 1px solid;
        BORDER-BOTTOM: #AAAAAA 1px solid;
        BACKGROUND-COLOR: #FFFFFF;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        vertical-align: top;
        min-height: 200px;
    }

    /* simple scorecard */
    table.ScorecardSimple
    {
        border-width: 1px;
        border-collapse: collapse;
        font-size: 12px;
    }

    table.ScorecardSimple td:not(:first-child) {
        border: 1px solid #AAAAAA;
        width: 30px;
        border-width: 1px;
        border-style: solid;
        border-color: #AAAAAA;
        font-size: 12px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        padding: 3px;
    }
    table.ScorecardSimple td:first-child {
        border: 1px solid #AAAAAA;
        width: 85px;
        border-width: 1px;
        border-style: solid;
        border-color: #AAAAAA;
        font-size: 12px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        padding: 3px;
    }
    table.ScorecardSimple tr.HoleNums td, table.ScorecardSimple tr.Pars td { 
        background-color: #323232;
        color: #f6f6f6;
        background-image: url("/images/tdbg_tourndet-hole.png");
        background-repeat: repeat-x;
    }
    table.ScorecardSimple tr.HoleNums2 td { 
        background-color: #2466d3;
        color: #f6f6f6;
        background-image: url("/images/tdbg_tourndet-hole2.png");
        background-repeat: repeat-x;
    }
    table.ScorecardSimple td.Bogey {
        background-image: url("/images/tdbg_bogey.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }
    table.ScorecardSimple td.Birdie {
        background-image: url("/images/tdbg_birdie.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }
    table.ScorecardSimple td.Eagle {
        background-image: url("/images/tdbg_eagle.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }
    table.ScorecardSimple td.Double {
        background-image: url("/images/tdbg_dubbogey.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }

    .OopsText {
        font-size: 14px;
        color: #FF0000;
        font-weight: bold;
    }
    #ErrorContainer {
        margin-left: auto;
        margin-right: auto;
        width: 350px;
        margin-top: 50px;
        background-color: #FFFFFF;
        border: 2px solid #222222;
        border-radius: 6px;
        padding: 6px;
    }
    #ErrorSadImage {
        background-image: url("/images/sadgolfball_sm.jpg");
        width: 125px;
        height: 117px;
    }
    #ErrorSadImageTD {
        width: 125px;
        vertical-align: top;
    }
}

@media only screen and (max-device-width: 325px) {
    body {
        font-size: 0.9em;
    }
    .ButtonLeft, .ButtonMiddle, .ButtonRight, .ButtonLeftActive, .ButtonMiddleActive, .ButtonRightActive, 
    .ButtonLeft:hover, .ButtonMiddle:hover, .ButtonRight:hover, .ButtonLeftActive:hover, .ButtonMiddleActive:hover, .ButtonRightActive:hover,
    .ButtonLeft:active, .ButtonMiddle:active, .ButtonRight:active, .ButtonLeftActive:active, .ButtonMiddleActive:active, .ButtonRightActive:active,
    .ButtonLeft:visited, .ButtonMiddle:visited, .ButtonRight:visited, .ButtonLeftActive:visited, .ButtonMiddleActive:visited, .ButtonRightActive:visited {
        height: 45px;
        padding: 4px 4px 4px 4px !important;
        min-width: 40px;
        vertical-align: middle;
        margin: -4px 0px 0px 0px !important;
        font-size: 1.0em !important;
    }
    .RoundDetailsSectionDiv div.Total {
        height: 65px;
    }
    .RoundDetailsSectionDiv div.TotalVsPar {
        height: 65px;
    }
    .ScoreEntryField {
        height: 42px !important;
    }
    .RoundHoleStats {
        height: 40px;
    }
    .RoundDetails {
        top: 97px;
    }
    .HoleNumInfo {
        font-size: 1.5em;
    }
    input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="date"], select {
        font-size: 0.9em;
    }
    
    input[type="email"], input[type="password"], input[type="text"] {
        width: 225px;
    }
    input[type="button"], input[type="submit"], a.linkButton
    {
        font-size: 1.3em;
    }
    input[type="button"]:hover, input[type="submit"]:hover, a.linkButton:hover {
        font-size: 1.3em;
    }
    .OopsText {
        font-size: 14px;
        color: #FF0000;
        font-weight: bold;
    }
    #ErrorContainer {
        margin-left: auto;
        margin-right: auto;
        width: 300px;
        margin-top: 50px;
        background-color: #FFFFFF;
        border: 2px solid #222222;
        border-radius: 6px;
        padding: 6px;
    }
    #ErrorSadImage {
        background-image: url("/images/sadgolfball_sm.jpg");
        width: 125px;
        height: 117px;
    }
    #ErrorSadImageTD {
        width: 125px;
        vertical-align: top;
    }
}