/* 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 and ingame display 
   #rulesContainer #rules: ingame rules display only 
   #sidebarPanel #rules: ingame rules display on right side only 
   #sidebarBottom #rules: ingame rules display at bottom only 
   .ui-popup .rules: popup with rules extract only */

#rules .appendix .paragraph { width: 98%; }
#rules .appendix.cards .paragraph { width: 47%; }
#rules .appendix.cards .paragraph img { width: 24%; float: left; margin-right: .5em; }

.rules img.card { width: 12%; }