table   {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
     font-size: 11px;
     background-color: white;
     width: 90%;
  
    }

body {
    
    padding-bottom:60px;
    
}


    
    tr.day {
        background-color:grey;
        color:white;
        text-align: center;
        font-weight:bold;
        text-decoration:underline;
        
    }

.hover{
    color:black;
    
    
}

tr {
    background-color:white;
    max-width:px;
    text-align:left;
    border:2px;
}
    
    th {
    margin:20px 
                background-color:#0d116d; 
        background-image: url('images/headers/blue.png');
        
        
    }
    
    
        table th {
        background-color:#0d116d; 
        background-image: url('images/headers/blue.png');
        color:white;
        padding:5px;
    }    
    
    table.numbers {
        border:2px;
        font-weight:bold;
        
        
    }
    
    .thumb {
        height:30px;
    }
    
    .home {
    background-color:blue;
    height:30px;
    color:white;
        
    }

    .away {
    background-color:black;
    color:white;
    text-align: left

    }
    .off {
    background-color:grey;
    color:white;
    height:30px;
    }



    

p {
    text-indent: 20px;
}  
    
    
button-submit {
    background-color:black;
        
        
    }    
    
brock-thumb {
    image:images/logos/BRO.png;
    
    
}    

.past {
    background:grey;
    background-image: url("images/cal/CRO.png")
}

.win {
    background-image: url("images/cal/WIN.png")
}

.home-win {
    background:blue;
    background-image: url("images/cal/WIN.png")
}

.away-win {
    background:black;
    background-image: url("images/cal/WIN.png")
}

.past-off {
    background:grey;
    background-image: url(images/cal/CRO.png)
    
}

td.active {
   border:4px solid yellow;
}