/* Created by: Matt Kitson */
/* September 2020 */
/* style.css */

/* START OF General Page settings */
         body {
            font-family:Arial, Helvetica, sans-serif;
            font-size:1em;
            width: 97%;
            background: url(http://ghr.xtrastep.co.uk/img/track.png);
            background-repeat: no-repeat;
            background-size: cover;
         }
         /* unvisited link */
         a:link {
           color: #000000;
           text-decoration: none;
         }

         /* visited link */
         a:visited {
           color: #454645;
           text-decoration: none;
         }

         /* mouse over link */
         a:hover {
           color: #454645;
           text-decoration: none;
         }

         /* selected link */
         a:active {
           color: #454645;
           text-decoration: none;
         }
        .error-message {
        font-size:11px;
        color:#cc0000;
        margin-top:10px
        }
/* END OF General Page settings */

/* START OF FORMS settings */
         label {
            font-weight:bold;
            width:100px;
            font-size:1em;
         }
         .scores-box {
            border:#666666 solid 1px;
            width: 40px;
         }
         .login-box {
            border:#666666 solid 1px;
            width: 200px;
         }
         .team-box {
            border:#666666 solid 1px;
            width: 150px;
         }
         .teamnames {
            border:none;
            width: 105px;
            display: inline-block;
            font-size: 0.8em;
         }
         .order-box-title {
            border:none;
            border-width: 0.4px;
            display: inline-block;
            font-size: 0.8em;
            text-align: left;
            width: 60px;
         }
         .fixture-team-title {
            border:none;
            border-width: 0.4px;
            width: 110px;
            display: inline-block;
            text-align: left;
            font-size: 0.8em;
            margin-left: 5px;
            margin-right: 5px;
         }
         .order-box {
            border:solid;
            border-width: 0.4px;
            display: inline-block;
            font-size: 0.8em;
            width: 60px;
         }
         .fixture-team {
            border:solid;
            border-width: 0.4px;
            width: 110px;
            display: inline-block;
            font-size: 0.8em;
            margin-left: 5px;
            margin-right: 5px;
         }
         .fixture-team-noentry {
            border:none;
            border-width: 0.4px;
            width: 110px;
            display: inline-block;
            font-size: 0.8em;
            margin-left: 5px;
            margin-right: 5px;
         }
         .predictentry {
            border:none;
            width: 42px;
            display: inline-block;
         }
         .predictdisplay {
            border:none;
            width: 22px;
            display: inline-block;
            font-size: 0.8em;
         }
        input {
            font-size:1.2em;
        }
        select {
            font-size:1.2em;
        }

         .race-titles {
            border:none;
            width: 300px;
            display: inline-block;
            font-size: 1.2em;
            text-align: left;
         }
         .race-order {
            border:none;
            width: 50px;
            display: inline-block;
            font-size: 1.2em;
            text-align: left;
         }

         .race-status {
            border:none;
            width: 50px;
            display: inline-block;
            font-size: 1.2em;
            text-align: center;
         }

         .settings-box {
            border:solid;
            width: 80px;
            display: inline-block;
            font-size: 0.8em;
            text-align: left;
         }



/* END OF FORMS settings */

/* START OF CREATE RACES SETTINGS */
         .cr-racename-title, .cr-racename {
            border:none;
            width: 300px;
            display: inline-block;
            font-size: 1.2em;
            margin-left: 5px;
            margin-right: 5px;
         }

         .cr-distance-title, .cr-distance {
            border:none;
            display: inline-block;
            font-size: 1.2em;
            width: 100px;
            text-align: left;
         }

         .cr-order-title, .cr-order {
            border:none;
            display: inline-block;
            font-size: 1.2em;
            width: 60px;
            text-align: left;
         }

         .cr-racename {
            border:solid;
            border-width: 0.1px;
         }

         .cr-distance {
            border:solid;
            border-width: 0.1px;
         }

         .cr-order {
            border:solid;
            border-width: 0.1px;
         }

/* END OF CREATE RACES SETTINGS */

/* START OF TITLE settings */
         .header-row {
            background-color:#333333;
            color:#FFFFFF;
            padding:3px;
            width: 99%;
            text-align: center;
         }
/* END OF TITLE settings */

/* START OF MENU settings */
         .menu-row {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            display: block;
            border: none;
         }
         .menu-item {
            background-color:#06ef27;
            color:#000000;
            padding:3px;
            margin-left: 2px;
            margin-right: 2px;
            margin-bottom: 5px;
            width: 150px;
            text-align: center;
             box-shadow: 10px 10px 8px #888888;
            display: inline-block;
         }
         .menu-item-admin {
            background-color:#06ef8a;
            color:#000000;
            padding:3px;
            margin-left: 2px;
            margin-right: 2px;
            width: 250px;
            margin-bottom: 5px;
            text-align: center;
            box-shadow: 10px 10px 8px #888888;
            display: inline-block;
         }
        .menu-items {
        align: center;
        width: 98%;
        display: block;
        border: none;
        }
        .menu-button {
        align: center;
        width: 100%;
        }
        .mobile-menu-top {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            display: none;
            border: none;
        }
        .mobile-menu-inner {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            display: block;
            border: none;
        }
/* END OF MENU settings */

/* START OF BLOG settings */
         .blog-item {
            background-color:#edebeb;
            color:#000000;
            padding:3px;
            margin-left: 2px;
            margin-right: 2px;
            width: 80%;
            text-align: left;
            margin: auto;
            display: inline-block;
         }

      .blog-entry {
            width:80%;
            height:400px;"
        }
/* END OF BLOG settings */

/* START OF LAYOUT settings */
         .sub-header-row {
            background-color:#ffffff;
            color:#000000;
            padding:3px;
            width: 99%;
            text-align: center;
            border: none;
         }
         .entry-row {
            background-color:#FFFFFF;
            color:#000000;
            padding:2px;
            width: 98%;
            text-align: center;
            border: none;
         }
        .content {
            width: 98%;
            margin-left: auto;
            margin-right: auto;
            overflow-x:hidden;
            border: none;
        }
/* END OF LAYOUT settings */

/* START OF RESULTS settings */

       .playername-title, .playername-display, .dogname-title, .dogname-display, .trap-title, .trap-display, .place-title, .place-display, .bet-title, .bet-display, .odds-title, .oddsa-display, .oddsb-display, .way-title, .way-display, .pay-title, .pay-display {
       display:inline-block;
       font-size: 1.2em;
       border: none;
       vertical-align: top;
       text-align: left;
       }

       .playername-title, .playername-display { 
       width: 130px;
       }

      .playername-title, .dogname-title, .trap-title, .place-title, .bet-title, .odds-title, .way-title, .pay-title {
       border-bottom: solid;
      }

      .dogname-title, .dogname-display {
      width: 200px;
      }

      .trap-title, .trap-display {
      width: 65px;
      text-align: center;
      }

      .place-title, .place-display {
      width: 45px;
      }

      .bet-title, .bet-display {
      width: 100px;
      }

      .odds-title {
      width: 90px;
      }

      .oddsa-display {
      width: 45px;
      text-align: right;
      }

      .oddsb-display {
      width: 45px;
      text-align: left;
      }

      .way-title, .way-display, .pay-title, .pay-display {
      width: 65px;
      }


/* END OF RESULTS settings */

/* START OF VIEW BETTING settings */

      .view-current-betting-title {
      width: 100%;
      text-align: center;
      background-color: #ffffff;
      font-size: 2em;
      }

      .viewtrap-title, .viewtrap-display, .viewname-title, .viewname-display, .currentodds-title, .currentoddsa-display, .currentoddsb-display, .viewbets-title, .viewbets-display, .viewplace-title, .viewplace-display, .viewplayer-title, .viewplayer-display, .viewwinnings-title, .viewwinnings-display {
      display:inline-block;
      font-size: 1.2em;
      border-bottom: solid;
      text-align: left;
      }

      .viewtrap-title, .viewname-title, .currentodds-title, .viewbets-title, .viewplace-title, .viewplayer-title, .viewwinnings-title {
      background-color:#fff000;
      }

      .viewtrap-display, .viewname-display, .currentodds-display, .viewbets-display, .viewplace-display, .viewplayer-display, .viewwinnings-display, .currentoddsa-display, .currentoddsb-display {
      background-color:#ffffff;
      }

      .viewtrap-title, .viewtrap-display {
      width: 50px;
      }

      .viewtrap-display {
      text-align: center;
      }

      .viewname-title, .viewname-display {
      width: 250px;
      }

      .currentodds-title {
      width: 150px;
      }

      .currentoddsa-display {
      width: 70px;
      text-align: right;
      }

      .currentoddsb-display {
      width: 80px;
      text-align: left;
      }

      .viewbets-title, .viewbets-display {
      width: 150px;
      text-align: center;
      }

      .viewplace-title, .viewplace-display {
      width: 80px;
      } 

      .viewplace-display {
      text-align: center;
      } 

      .viewplayer-title, .viewplayer-display {
      width: 150px;
      } 

      .viewwinnings-title, .viewwinnings-display {
      width: 100px;
      } 

/* END OF VIEW BETTING settings */

/* START OF CALENDAR settings */
        .calendar-date-header {
        align: center;
        width: 100px;
        display: inline-block;
        }
        .calendar-control-arrow {
        display: inline-block;
        }
        .calendar-date-select {
        display: inline-block;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 0;
        background-color: #000000;
        }
        .calendar-date-number {
        align: center;
        width: 40px;
        height: 30px;
        border: solid;
        border-width: 1px;
        padding: 1px;
        overflow: hidden;
        display: inline-block;
        }
        .calendar-date-blank {
        align: center;
        width: 42px;
        border: none;
        padding: 1px;
        display: inline-block;
        }
/* END OF CALENDAR settings */


/* START OF POINTS settings */        
        .points-container {
        border: none;
        width: 350px;
        margin: auto;
        text-align: left;
        }
        .points-position {
        display: inline-block;
        border-bottom: solid;
        border-width: 0.2px;
        width:30px;
        padding-left: 5px;
        }
        .points-teamname {
        display: inline-block;
        border-bottom: solid;
        border-width: 0.2px;
        width: 150px;
        padding-left: 5px;
        }
        .points-figures {
        display: inline-block;
        width: 40px;
        text-align: right;
        border-bottom: solid;
        border-width: 0.2px;
        }
/* END OF POINTS settings */


/* START OF DEFAULTS settings */
        .defaults-name {
        display: inline-block;
        border: none;
        width: 120px;
        padding-left: 5px;
        }
        .defaults-scores {
        display: inline-block;
        width: 60px;
        text-align: right;
        }
/* END OF DEFAULTS settings */

/* START OF SCREEN RESOLUTION CHANGES */

/* desktop view start */
@media only screen and (min-width:992px) 
{
        .mobile-menu-top {
            display: none;
        }
        .mobile-menu-inner {
            display: block;
        }

}
/* desktop view end */

/* tablet view start */
@media only screen
and (min-width : 768px)
and (max-width : 991px) 
{

       .playername-title, .playername-display, .dogname-title, .dogname-display, .trap-title, .trap-display, .place-title, .place-display, .bet-title, .bet-display, .odds-title, .oddsa-display, .oddsb-display, .way-title, .way-display, .pay-title, .pay-display {
       font-size: 1em;
       }

        .mobile-menu-top {
            display: none;
        }
        .mobile-menu-inner {
            display: block;
        }
}
/* tablet view end */

/* mobile view start */
@media only screen
and (max-width : 767px)
{

       .playername-title, .playername-display, .dogname-title, .dogname-display, .trap-title, .trap-display, .place-title, .place-display, .bet-title, .bet-display, .odds-title, .oddsa-display, .oddsb-display, .way-title, .way-display, .pay-title, .pay-display {
       font-size: 0.8em;
       }

       .playername-title, .playername-display { 
       width: 60px;
       }

      .dogname-title, .dogname-display {
      width: 90px;
      }

      .trap-title, .trap-display {
      width: 30px;
      }

      .place-title, .place-display {
      width: 20px;
      }

      .bet-title, .bet-display {
      width: 50px;
      }

      .odds-title {
      width: 40px;
      }

      .oddsa-display {
      width: 20px;
      }

      .oddsb-display {
      width: 20px;
      }

      .way-title, .way-display, .pay-title, .pay-display {
      width: 30px;
      }

         .race-titles {
            width: 200px;
            font-size: 0.8em;
         }
         .race-order {
            width: 20px;
            font-size: 0.8em;
         }

         .race-status {
            border:none;
            width: 30px;
            display: inline-block;
            font-size: 0.8em;
            text-align: center;
         }

         .cr-racename, .cr-racename-title {
            width: 110px;
            font-size: 0.8em;
         }

         .cr-distance, .cr-distance-title {
            font-size: 0.8em;
            width: 60px;
         }

         .cr-order, .cr-order-title {
            font-size: 0.8em;
            width: 60px;
         }

        .blog-item {
           width: 98%;
        }

       .blog-entry {
            width:98%;
            height:400px;"
        }
        .mobile-menu-top {
            display: block;
        }
        .mobile-menu-inner {
            display: none;
        }
}
/* mobile view end */

/* END OF SCREEN RESOLUTION CHANGES */