/*
Everything here that is not copyrighted by someone
else is copyright
Russell Keller
*/
/* 
    Created on : Sep 8, 2015, 11:29:00 PM
    Author     : russell
*/

#tabs-1 {
    width: 97%;
    background-color : darkslateblue;
    /*background-image: url("../../images/football.gif");*/
}
#scheduletab {
    /*width: 96%;*/
    margin: 10px auto;
    height: 100vh;
    /*background-color:#00ffff;  */
    background-color:transparent;
}
#topdiv {
    width: 60%;
    height: 40px;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color:#0099cc;
    text-align: center;
}
#accountdiv {
    width: 60%;
    height: 40px;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color: #0099cc;
    text-align: center;
}
#passworddiv {
    width: 60%;
    height: 40px;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color: #0099cc;
    text-align: center;
}

#logindiv {
    width: 60%;
    margin: 10px auto;
    padding: 5px;
    background-color: #0099cc;
    text-align: center;
}
#tosdiv {
    width: 60%;
    height: 40px;
    margin: 10px auto;
    padding: 5px;
    color: red;
    background-color: transparent;
    text-align: center;
}
#loginbuttondiv {
    width: 60%;
    height: 40px;
    margin: 10px auto;
    padding: 5px;
    color: red;
    background-color: #0099cc;
    text-align: center;
}
#bottomdiv {
    width: 60%;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color:#0099cc;
    text-align: center;
}
#statusdiv {
    width: 60%;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color: #0099cc;
    text-align: center;
}
#reviewcontentdiv {
    width: 95%;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color: #0099cc;
    text-align: left;
}
#readback {
    width: 95%;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color: #0099cc;
    text-align: left;
}
#confirmwagerdiv {
    width: 95%;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color: #0099cc;
    text-align: left;
}
#playtabdivxxx {
    width: 60%;
    margin: 10px auto;
    padding: 5px;
    color: white;
    background-color: #0099cc;
    text-align: center;
}
#backtolinesbutton {
    text-align: center;
}
#transactionsbutton {
    text-align: center;
}
#wagertopdivXXXXX {
    width: 60%;
    height: 40px;
    margin: 10px auto;
    padding: 5px;
    background-color:transparent;
    text-align: center;
}
#wagertopdiv {
    width: 100%;
    margin: 10px auto;
    padding: 5px;
    background-color:transparent;
    text-align: center;
}
#ptCB {

}
#levelCB{

}
#wagerbutton {

}
#rltbutton {

}
.teamrow{
    width: 500px;
    margin: 10px auto;
    padding: 5px;
    text-align: left;
}
.teamgrid{
    margin: 10px auto;
    padding: 5px;
    white-space: nowrap;
    text-align: left;
}
.linegrid {
    margin: 10px auto;
    padding: 5px;
    text-align: right;
    white-space: nowrap;
}
.validgrid {
    margin: 10px auto;
    padding: 5px;
    text-align: right;
    white-space: nowrap;
}
.row {
    width: 100%;
    /*height: 30px;*/
    white-space: nowrap;
}
.toprow {
    width: 100%;
    /*height: 30px;*/
    white-space: nowrap;
    border:none;
}
.botrow {
    width: 100%;
    /*height: 30px;*/
    white-space: nowrap;
    border:none;    
}
.qtrrow {
    width: 100%;
    /*height: 30px;*/
    white-space: nowrap;
    border:none;    
}
.mainrow {
    width: 100%;
    /*height: 30px;*/
    white-space: nowrap;
    border:none;    
}
.trspec {
    border:none;
}
.toprowtable {
    width:100%;   
    border:    1px solid black;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; 
    padding-top:0px;
    padding-bottom:0px;
}
.botrowtable {
    width:100%;
    border:   1px solid black;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:  10px; 
    padding-top:0px;
    padding-bottom:1px;
}

.top2ndrowtable {
    width:100%;   
    white-space: nowrap; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; 
    padding-top:0px;
    padding-bottom:0px;

}
.bot2ndrowtable {
    width:100%;
    white-space: nowrap;
    border-bottom:     1px solid white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:  10px; 
    padding-top:0px;
    padding-bottom:1px;
}

.qtrrowtable {
    width:100%;
    border: 1px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius:  10px;   
}
.topQtrrowtable {
    width:100%;   
    border:    1px solid black;
    border-bottom: none;
    white-space: nowrap; 
    padding-top:0px;
    padding-bottom:0px;

}
.botQtrrowtable {
    width:100%;
    border:    1px solid black;
    border-top: none;
    white-space: nowrap;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:  10px; 
    padding-top:0px;
    padding-bottom:1px;
}
.mainrowtable {
    width:100%;
    border: 1px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius:  10px;   
}
.bannertable {
    width:100%;
    background-color:white;
}
.bannercell {
    width: 250px;
    color:red;
    vertical-align:top;
    text-align: left;
}
.datecell {
    width: 70px;
    display:inline-block;
    color:white;
    vertical-align:middle;
    text-align: left;
}

.namecell {
    width: 280px;
    display:inline-block;
    color:white;
    vertical-align:middle;
    text-align: left;
}
.cell {
    width: 120px;
    color:white;
    display:inline-block;
    vertical-align:middle;
    text-align: left;
    cursor:pointer;
}
.greeting {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    font:"Arial";
    font-style:oblique;
    color:#FF0000;
    font-size:larger;
}
select, input {
    margin-left: 15px;
}
.ui-progressbar {
    position: relative;
}
.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}
fieldset {
    border: 0;
}
label {
    display: block;
    margin: 30px 0 0 0;
}
select {
    width: 220px;
}
.overflow {
    height: 200px;
}





#countdown {
    position: relative;
    margin: auto;
    margin-top: 1px;
    height: 40px;
    width: 40px;
    text-align: center;
}

#countdown-number {
    color: white;
    display: inline-block;
    line-height: 40px;
}

svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: white;
    fill: none;
    animation: countdown 60s linear infinite forwards;
}

@keyframes countdown {
    from {
        stroke-dashoffset: 0px;
    }
    to {
        stroke-dashoffset: 113px;
    }
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}