/* add all special styles used for displaying the rules */

/* .rules: used for all elements loading rules (rules at main site, rules ingame, popup with rules extract 
   #rules: div with complete rules used at main site
   #rulesPage: ingame rules page display
   #panelRules: ingame rules sidepanel display
   #popup.rules: popup with rules extract only */

#rules {
    font-size: 1.2em;
}
#rules .imageSkull {
    width: 5%;
}

#rules .imageScorecard {
    float: left;
    width: 12%;
    margin-right: 1%;
    margin-bottom: 1%;
}

#rules .imageCard {
    margin-top: 3%;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
}

#rules .scoreCube {
    width: 4%;
}