@charset "utf-8";
/* CSS Document */
.fix_box{
   width:98%; 
    margin-bottom:4px;
    border:1px solid black;
    margin-left:auto;
    margin-right:auto;
}
.fix_comp_logo{
   width: 20%; 
   float:left;
    clear:left;
    display:none;
}
.fix_comp_image{
   width:100%; 
    
}
.fix_game_details_outer{
    width:100%; 
   
}

.fix_top_daterow{
    width:100%;
    margin-top:2px;
   
}
.fix_team_crestsRow{
    width:100%;
    height:80px;
}
.fix_team_names{
    width:100%;
}
.fix_referees{
    width:100%;
    text-align:center;
   
}
.fix_datetime{
   
    width:100%;
    text-align:center;
    height:21px;
}
.fix_comp{
    width:100%;
    text-align:center;
    height:40px;
    font-size:12px;
}
.fix_venue{
    width:100%;
    text-align:center;
    font-size: 12px;
}

.fix_home_crest{
     width:50%;
    text-align:center;
    float:left;
    clear:left;
     height:40px;
}
.fix_away_crest{
    width:50%;
    text-align:center;
     float:right;
    clear:right;
     height:40px;
}
.fix_home_name{
     width:50%;
    text-align:center;
    float:left;
    clear:left;
   font-weight:700;
}
.fix_away_name{
    width:50%;
    text-align:center;
     float:right;
    clear:right;
    font-weight:700;
}
.fix_temp_comp_name{
        
        display:block;
    }  

.fix_quarter_header{
         width:98%; 
        height:30px;
        font-size:20px;
        text-align:center;
        border:1px solid black;
        margin-left:auto;
        margin-right:auto;
         display:block;
         background: rgb(78,126,63);
background: -webkit-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: -o-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: linear-gradient(to right, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
        

        color:white;
        
    }
    .fix_semi_header{
         width:98%; 
        height:50px;
        font-size:34px;
        text-align:center;
        border:1px solid black;
        margin-left:auto;
        margin-right:auto;
         display:block;
         background: rgb(78,126,63);
background: -webkit-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: -o-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: linear-gradient(to right, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
        
padding-bottom:4px;
        color:white;
        
    }
    .fix_final_header{
        width:98%; 
        height:80px;
        font-size:50px;
        text-align:center;
        border:1px solid black;
        margin-left:auto;
        margin-right:auto;
         display:block;
         background: rgb(78,126,63);
background: -webkit-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: -o-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: linear-gradient(to right, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
        

        color:white;
        
    }

 .fix_title{
        text-align:center;
        
    }
.fix_logo{
    
    display:none;
}


@media only screen and (min-width: 1280px) {

.fix_box{
   width:98%; 
    margin-bottom:4px;
    border:1px solid black;
    margin-left:auto;
    margin-right:auto;
     display:block;
}
.fix_comp_logo{
   width: 20%; 
   float:left;
    clear:left;
     display:block;
}
.fix_comp_image{
   width:100%; 
    
}
.fix_game_details_outer{
    width:80%; 
    float:left;
    clear:right;
}

.fix_top_daterow{
    width:100%;
    margin-top:2px;
    height:29px;
}
.fix_team_crestsRow{
    width:100%;
    height:80px;
}
.fix_team_names{
    width:100%;
}
.fix_referees{
    width:100%;
    text-align:center;
   
}
.fix_datetime{
    float:left;
    clear:left;
    width:40%;
    padding-left:5px;
}
.fix_comp{
    float:right;
    clear:right;
    width:60%;
    text-align:right;
    padding-right:5px;
}
.fix_venue{
    width:100%;
    text-align:center;
}

.fix_home_crest{
     width:50%;
    text-align:center;
    float:left;
    clear:left;
     height:80px;
}
.fix_away_crest{
    width:50%;
    text-align:center;
     float:right;
    clear:right;
     height:80px;
}
.fix_home_name{
     width:50%;
    text-align:center;
    float:left;
    clear:left;
   font-weight:700;
}
.fix_away_name{
    width:50%;
    text-align:center;
     float:right;
    clear:right;
    font-weight:700;
}
    .fix_temp_comp_name{
        
        display:none;
    }   
    .fix_quarter_header{
         width:98%; 
        height:30px;
        font-size:20px;
        text-align:center;
        border:1px solid black;
        margin-left:auto;
        margin-right:auto;
         display:block;
         background: rgb(78,126,63);
background: -webkit-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: -o-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: linear-gradient(to right, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
        

        color:white;
        
    }
    .fix_semi_header{
         width:98%; 
        height:50px;
        font-size:34px;
        text-align:center;
        border:1px solid black;
        margin-left:auto;
        margin-right:auto;
         display:block;
         background: rgb(78,126,63);
background: -webkit-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: -o-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: linear-gradient(to right, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
        
padding-bottom:4px;
        color:white;
        
    }
    .fix_final_header{
        width:98%; 
        height:80px;
        font-size:50px;
        text-align:center;
        border:1px solid black;
        margin-left:auto;
        margin-right:auto;
         display:block;
         background: rgb(78,126,63);
background: -webkit-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: -o-linear-gradient(left, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
background: linear-gradient(to right, rgba(78,126,63,1) 20%, rgba(9,9,121,1) 51%, rgba(81,14,162,1) 84%);
        

        color:white;
        
    }
    .fix_title{
        text-align:left;
        
    }
    .fix_logo{
    
    display:block;
    }
}