svg {
float:left;
}
svg #pitch{
z-index:1;
}
svg #players{
z-index:2;
}
svg .pitch{
fill:none;
stroke:#000;
stroke-width:1;
stroke-opacity:0.3;
}
svg .guideline{
fill:none;
stroke:#f00;
stroke-width:1;
}
svg .player{
fill:none;
stroke:#00f;
stroke-width:2;
stroke-opacity:0.7;
cursor:pointer;
}
svg .keeper{
fill:#ff0;
fill-opacity:0.5;
}
svg .defence{
fill:#ccf;
}
svg .midfield{
fill:#cfc;
}
svg .forward{
fill:#fcc;
}
svg text{
text-anchor:middle;
font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
font-size:70%;
fill:#444;
}