#banner {
           background: #ecc;
           color: #822;
         }
#columns {
           background: #411;
         }
#side {
           background: #411;
         }
#side a {
           color: #fdd;
         }
         
#side a:hover {
           background: #411;
         }

         /* order shipping screen */
         
.olheader {
           font: bold large sans-serif;
           color: #411;
           margin-bottom: 2ex;
         }
         
.gamebox, .olitembox {
           padding-bottom: 3ex;
           padding-right: 3em;
           border-top: 1px dotted #411;
         }  
.gamefixture_date, .listfixdate,  .ListTitle, .ListAbbrev 
{
           font-size:8px;
         }
.listfixdatebold
{
        width: 500px;
        font-size:12px;
        color: white;
        font-weight: bold;
        text-align:   center ;
} 
.tinylistfixdatebold
{
        width: 594px;
        font-size:10px;
        color: white;        
        font-weight: bold;
        text-align:   center ;
}     
.listfixdateboldext
{
        width: 700px;
        font-size:12px;
        color: white;
        font-weight: bold;
        text-align:   center ;
}    
.TableHeading 
{
        width: 500px;
        font-size:18px;
        color: white;
        font-weight: bold;
        text-align:   center ;
} 
.tinytableHeading 
{
        width: 300px;
        font-size:12px;
        color: white;
        font-weight: bold;
        text-align:   center ;
} 
.TableHeading8 
{
        width: 250px;
        font-size:12px;
        color: white;
        font-weight: bold;
        text-align:   center ;
}  
.TableHeading9 
{
        width: 400px;
        font-size:12px;
        color: white;
        font-weight: bold;
        text-align:   center ;
}    
.TableHeading10 
{
        width: 300px;
        font-size:10px;
        color: white;
        font-weight: bold;
        text-align:   center ;
}    
.ColumnHeading 
{
        width: 300px;
        font-size:14px;
        color: white;
        font-weight: bold;
        text-align:   center ;
}      
.ColumnHeadingversus
{
        width: 20px;
        font-size:14px;
        color: white;
        font-weight: bold;
        text-align:   center ;
}      
.ListHTeam ,.ListATeam
{
        width: 160px;
        font-size:12px;
        color: black ;
        font-weight: bold;
        text-align: center;
} 
.tinyselection
{
        width: 85px;
        font-size:10px;
        color: black ;
        text-align: center;
} 
.tinyListHTeam ,.tinyListATeam
{
        width: 100px;
        font-size:10px;
        color: black ;
        text-align: center;
} 
.tinyleaguenames
{
        width: 170px;
        font-size:10px;
        color: black ;
        text-align: left;
}
.tinyleaguenames2
{
        width: 240px;
        font-size:10px;
        color: black ;
        text-align: left;
}
.tinydivision
{
        width: 140px;
        font-size:10px;
        color: black ;
        text-align: left;
} 
.linktitle
{
        width: 200px;
        font-size:12px;
        color: black ;
        text-align: left;
}
.linkdescription
{
        width: 400px;
        font-size:10px;
        color: black ;
        text-align: left;
}
.linkback
{
        width: 100px;
        font-size:10px;
        color: black ;
        text-align: left;
}
.miniicon 
{
        width: 120px;
        font-size:10px;
        color: black ;
        text-align: center;
} 
.resulttype 
{
        width: 70px;
        font-size:12px;
        color: black ;
        font-weight: bold;
        text-align: center;
} 

.NoOfTeams
{
        width: 10px;
        font-size:12px;
        color: black ;
        text-align: center;
        font-weight: bold;
}
.listLeagueName
{
        width: 150px;
        font-size:11px;
        color: black ;
        font-weight: bold;
        text-align: center;
}
.ListResult
{
        width: 80px;
        font-size:10px;
        color: black ;
        font-weight: bold;
        text-align: center;
}   
.tinyListResult
{
        width: 60px;
        font-size:8px;
        color: black ;
        font-weight: bold;
        text-align: center;
}   
.tinyListrt
{
        width: 60px;
        font-size:8px;
        color: black ;
        text-align: center;
}   
.Versus
{
        width: 15px;
        font-size:12px;
        color: black ;
        font-weight: bold;
        text-align: center;
}  
.HAScore
{
        width: 15px;
        font-size:12px;
        color: black ;
        font-weight: bold;
        text-align: center;
}  
.tinyVersus
{
        width: 15px;
        font-size:10px;
        color: black ;
        font-weight: bold;
        text-align: center;
}    
.Resultsscore
{
        width: 10px;
        font-size:12px;
        color: black ;
        font-weight: bold;
        text-align: center;
}  
.Totalsscore
{
        width: 60px;
        font-size:14px;
        color: black ;
        font-weight: bold;
        text-align: center;
}  
.DivisionName  
{
        width: 120px;
        font-size:12px;
        color: black ;
        text-align: left;
        font-weight: bold;
} 

.textbutton {
	background-color: #CCCC99;
	font-weight: bold;
	text-align: center;
	color: black;
	font-size: 12px;
	width: 150px;
}
.textbutton2 {
	background-color: #CCCC99;
	font-weight: bold;
	text-align: center;
	color: black;
	font-size: 10px;
	width: 100px;
}
.hpointstotal
{
        width: 65px;
        font-size:14px;
        font-weight: bold;
}
.tpointstotal
{
        width: 30px;
        font-size:10px;
        color: black ;
        text-align: center;

}
.pointstotal
{
        width: 65px;
        font-size:14px;
        color: black ;
        text-align: center;
        	font-weight: bold;
}
.pointstotal2
{
        width: 80px;
        font-size:14px;
        color: black ;
        text-align: center;
        	font-weight: bold;
}
.tpoints  
{
        width: 20px;
        font-size:8px;
        color: black ;
        text-align: left;
} 
.tmovepoints  
{
        width: 25px;
        font-size:8px;
        color: black ;
        text-align: left;
} 
.tinypospoints  
{
        width: 40px;
        font-size:8px;
        color: black ;
        text-align: center;
        font-weight: bold;
}  
.pospoints  
{
        width: 50px;
        font-size:10px;
        color: black ;
        text-align: center;
        font-weight: bold;
}   
.tinypoints  
{
        width: 50px;
        font-size:8px;
        color: black ;
        text-align: center;
        font-weight: bold;
}  
.points  
{
        width: 45px;
        font-size:10px;
        color: black ;
        text-align: center;
        font-weight: bold;
}  
.lppoints  
{
        width: 50px;
        font-size:10px;
        color: black ;
        text-align: center;
        font-weight: bold;
}
.hpoints {
	text-align: center;
	background-color: #A52A2A;
	font-size: 10px;
	font-weight: bold;
	color: white;
}




.LeagueName
{
        width: 120px;
        font-size:12px;
        color: black ;
        text-align: left;
                font-weight: bold;
} 
.tLeagueName
{
        width: 110px;
        font-size:11px;
        color: black ;
        text-align: left;
}   
.listoptions
{
        width: 90px;
        font-size:12px;
        color: black ;
        text-align: center;
                font-weight: bold;
}  
.hLeagueNameExtend {
	color: white;
	font-weight: bold;
	font-size: 12px;
	width: 250px;
}
      
.LeagueNameExtend
{
        width: 250px;
        font-size:12px;
                font-weight: bold;
        color: black ;
        text-align: left;
} 
.TinyLeagueNameExtend
{
        width: 180px;
        font-size:10px;
        font-weight: bold;
        color: black ;
        text-align: left;
} 
.TinyLeagueNameExtend2
{
        width: 200px;
        font-size:10px;
        font-weight: bold;
        color: black ;
        text-align: left;
} 
.hTeamNameExtend
{
        width: 210px;
        font-size:12px;
         font-weight: bold;
}        
.TeamNameExtend
{
        width: 210px;
        font-size:12px;
        font-weight: bold;
        color: black ;
        text-align: left;
}   
.HomeScoreAF ,.AwayScoreAF
{
        width: 25px;
        font-size:12px;
        color: black ;
        font-weight: bold;
        text-align: center;
}  

.dateoffix {
           font-size: smaller;
           color: #411;
          }
.gamehome_team, .home, .gameaway_team {
           font-size: smaller;
           color: #411;
          }
.gamehome_score {
           font-size: smaller;
           color: #411;
          }          
.olitemqty {
           font-size: smaller;
           font-weight: bold;
         }
.olitemqty:after {
           content: " x ";
         }
.olitemtitle {
     font-weight: bold;
}
.ListTitle2 {
         color:       #244;
         font-weight: bold;
         font-size:   larger;
         text-align:   left;
}
.ListAbbrev2 {
         color:       #244;
         font-size:   x-small;
         text-align:   right;
         padding-left: 1em;
}
.ListActions {
        font-size:    x-small;
        text-align:   right;
        padding-left: 1em;
}
.ListLine0 {
        width: 400px;
        background: #D0E8EF;
}
.ListLine1 {
        width: 400px;
        background: #EFEBE7;
}

.ListLine3 {
	background-color: #F6F6D8;
	width: 300px;
	background: #CCCC99;

}

.tinyListLine3 {
	background-color: #F6F6D8;
	width: 280px;
	background: #CCCC99;

}
.tinyListLine4 {
        width: 500px;
        background: #000000 ;
}
.tinyListLine10 {
        width: 594px;
        background: #000000 ;
}
.ListLine4 {
        width: 200px;
        background: #000000 ;
}
.ListLine8 {
        width: 300px;
        background: #000000 ;
}


.ListLine5 {
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #4D4D4D;
	width: 500px;
}

.ListLine6 {
        width: 500px;
        background: #000000 ;
}