@charset "UTF-8";
body {
    background-color: #165443;
    background-image: url(/images/playerbkgd1.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: top right;
    margin: 0px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #FFF;
}
li {
    margin-bottom:10px;
}
.stadium {
    font-size:70%;
}
.mobers {
    display:block;
}
#maintable {
 width:100%;   
}
img {
    border:0px;
}
.colored {
      background-color:#fec313;
      color:#000000;
}

h1 {
    font-size: 120%;
    font-weight:bold;
    color: #17C5BA !important;
    text-transform: uppercase;
}
h2 {
    font-size: 110%;
    font-weight:bold;
    color: #63f5eb !important;
    text-transform: uppercase;
}
h3 {
    font-size: 70%;
}
.smalltext {
    font-size: 70%;
}
.error {
    color:#FF0000;
    font-weight: normal;
}
.contentarea {
    width:95%; 
    overflow:auto;
    max-width:800px;
}
.dashbox {
    padding:2px;
    border:1px dashed #eeeeee;
    width:132px;
    height:140px;
}
.activebox {
    padding:1px;
    border:2px dashed #FF0000;
    width:132px;
    height:140px;
    
}
.nodashbox {
    padding:2px;
    border:1px;
    width:132px;
    height:140px;
}
#fullpage {
    width:100%;
}
#wrap {
    max-width:920px;

}
.leftfloat {
    float:left;
}
#left {
    float: left;
}
#middlehome {
    float: left;
}
.thespace {
    width: 50px;
}
#right {
    display:table-cell;
}
#righthome {
    display:table-cell;
    width:209px;
}
.leftline {
/*    background-image: url(/images/grassline.jpg);
    background-repeat: repeat-y;
    width:5%;height:100%;
    float: left;*/
}
.innerright {
/*    background-image: url(/images/grassline.jpg);
    background-repeat: repeat-y;
    width:34px;height:100%;
    float: right;
    right:0px;*/
}
.rightline {
    width:5%;height:100%;
    float: right;
    overflow:hidden;
}
.middle {
    width: 90%;
    float: left;
    padding-top: 10px;
}
img {
    max-width:100%;
}


.uberbutton {
    background-color:#fec313;
    float:left; 
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #fec313;
    display:inline-block;
    color:#333333;
    font-size:80%;
    font-weight:bold;
    padding:4px 4px;
    text-decoration:none;
    cursor:pointer;
    padding:5px 2px 3px 2px;
    margin:5px;
    width:146px;
    color:#000
}

.button:hover {
    background-color:#17C5BA;
    color:#ffffff;
}.button:active {
    position:relative;
    top:1px;
    color:#ffffff;
}
a.button:link, a.button:visited {
    color: #ffffff;
    text-decoration: none;
}
.bigger {
    font-size:130%;
    width:250px;
    padding:15px;
}
.big {
     padding:8px;
     font-size:20px;
}
input {
    font-size: 18px;
}
a:link {
    color: #fae091;
    text-decoration: none;
}
a:hover {
    /* color: #17C5BA !important; */
    text-decoration: none;
}
a:visited {
    color: #fae091;
    text-decoration: none;
}
.padme {
    width:100px;
    height:100px;
    padding:5px;
}

input[type=text],input[type=password],select {
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #ccc solid 1px;
    font-size: 14px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

}
.boxholder {
    float:left; 
    padding:5px 2px 3px 2px;
    width:146px;
    color:#000
}
.boxholders {
    float: left;
    padding: 5px 2px 3px 2px;
    width: 112px;
    color: #000;
    border: 1px solid white;
    margin: 5px;
    border-radius: 20px;
    font-size: 83%;
}

.loginbox {
    float:left; 
    border:1px #fec313 dashed;
}
.teamimage {
    width:100px;
    height:100px;
}
.lefty {
    float:left;
}
.righty {
    float:right;
}
.disptable {
    width:80%;
}
.paddtable {
    border-spacing:8px;
}
.paddcell {
    padding:8px;
}
.blankspace {
    display:inline-block;
    width:5px;
    height:5px;
    overflow:auto;

}
.messagebox {
    width:500px;
    height:50px;
    border: 1px solid black;
}
@media screen and (min-width:421px) and (max-width: 770px) {

    body {
        font-size: 16px;
    }
.messagebox {
    width:150px;
    height:50px;
}
    .thespace {
        width: 0px;
    }
    .smtableheade {
        font-size:11px;
    }
    .paddtable {
        border-spacing:1px;

    }
    .disptable {
        width:100%;
    }
    .spacer {
        margin-top:10px;
    }
.leftfloat {
    float:left;
}
    .middle {
        float: none;
        width:90%;
        text-align: center;
        padding-top: 10px;
        margin-left:2px;
    }
    .leftline {
/*        background-image: url(/images/grassline.jpg);
        background-repeat: repeat-y;
        width:2%;height:100%;
        float: left;*/
    }
    .innerright {
/*        background-image: url(/images/grassline.jpg);
        background-repeat: repeat-y;
        width:34px;height:100%;
        float: right;
        right:0px;*/
    }
    .rightline {
/*        background-image: url(/images/grassline.jpg);
        background-repeat: repeat-y;
        
        width:2%;
        height:100%;
        float: right;
        position:absolute;
        right:0px;
        top:0px;*/
    }
    .lefty {
        float:left;
        width:350px;
    }
    .lefty td, .righty td {
        font-size:95%;
    }
    .righty {
        float:right;
        
    }
    .teamimage {
        width:75px;
        height:50.25px;
    }
    .padme {
        width:75px;
        height:50.25px;
        padding:2px;
    }
    .padmea {
        width:50px;
        height:50.25px;
        padding:2px;
    }
    .contentarea {
        display:block;
        width:98%; 
        overflow:auto;
    }
    .dashbox {
       
        width:110px;
        height:108px;
    }
    .activebox {
    width:110px;
        height:108px;
}
    .nodashbox {

        width:120px;
        height:108px;

    }
    


input[type=text],select {
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #ccc solid 1px;
    font-size: 12px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

}
.boxholder {
    float:left; 
    padding:5px 2px 3px 2px;
    width:136px;
    color:#000;
        height:120px;
}
.boxholders {
    float: left;
    padding: 5px 2px 3px 2px;
    width: 148px;
    color: #000;
    border: 1px solid white;
    margin: 5px;
    border-radius: 20px;
    font-size: 100%;
}
.mobers {
    max-width:690px;
    display:block;
}
.loginbox {
    float:left; 
    border:1px #fec313 dashed;
}
}
@media screen and (max-width: 420px) {

    body {
        font-size: 12px;
    }
    .mobers {
    display:block;
}
 .uberbutton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fae091), color-stop(1, #fec313) );
    background:-moz-linear-gradient( center top, #fae091 5%, #fec313 100% );
    float:left; 
    background-color:#fae091;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #fec313;
    display:inline-block;
    color:#333333;
    font-size:70%;
    font-weight:bold;
    padding:2px 2px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    cursor:pointer;
    padding:5px 2px 3px 2px;
    margin:3px;
    width:80px;
    color:#000
}
.messagebox {
    width:150px;
    height:50px;
}
    .thespace {
        width: 0px;
    }
    .smtableheade {
        font-size:11px;
    }
    .paddtable {
        border-spacing:1px;

    }
    .disptable {
        width:100%;
    }
    .spacer {
        margin-top:10px;
    }
 .leftfloat {
    float:none;
}   
    .middle {
        float: none;
        width:90%;
        text-align: center;
        padding-top: 10px;
        margin-left:2px;
    }
    .leftline {
/*        background-image: url(/images/grassline.jpg);
        background-repeat: repeat-y;
        width:2%;height:100%;
        float: left;*/
    }
    .innerright {
/*        background-image: url(/images/grassline.jpg);
        background-repeat: repeat-y;
        width:34px;height:100%;
        float: right;
        right:0px;*/
    }
    .rightline {
        width:2%;height:100%;
        float: right;
        overflow:hidden;
        position:absolute;
        right:0px;
        top:0px;
    }
    .lefty {
        float:none;
    }
    .righty {
        float:none;
    }
    .teamimage {
        width:75px;
        height:75px;
    }
    .padme {
        width:75px;
        height:75px;
        padding:2px;
    }
    .padmea {
        /* width:50px;
        height:50.25px; */
        padding:2px;
    }
    .contentarea {
        display:block;
        width:98%; 
        overflow:auto;
    }
    .dashbox {
        padding:1px;
        width:80px;
        height:105px;
    }
      .activebox {
   padding:1px;
        width:80px;
        height:105px;
        border:1px dashed #FF0000;
}
    .nodashbox {

        width:80px;
        height:105px;

    }

    .boxholder {
        float:left; 
        padding:5px 1px 5px 1px;
        width: calc(98%/3);
    }
    .boxholders {
        float: left;
        padding: 5px 2px 3px 2px;
        width: 146px;
        color: #000;
        border: 1px solid white;
        margin: 5px;
        border-radius: 20px;
        font-size: 100%;
    }
    .loginbox {
        float:none;
    }
    #middlehome {
        float:none;
    }

}
.button {
    /* width: 100%; */
    font-weight: bold;
    padding: 17px 10px;
    /* height: 57px; */
    font-size: 16px;
    /* line-height: 0px; */
    color: white;
    background-color: transparent;
    border: 2px solid white;
    text-align: center;
    display: inline-block;
}


.ui-widget-content {
    border: 1px solid rgb(254, 195, 19);
    background: white;
    color:black;
    background-color: white;
}

.ui-widget-header {
    border: 1px solid #3f7506;
    background:white;
    color:  black;
    background-color:  rgb(254, 195, 19);
    font-weight: bold;
}

@media screen and (max-width: 600px) {

#DALLYMSUBMIT {
    border:1px solid red !important;
    color:black !important;
    background-color: white !important;
}
}