/* 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 .paragraph ol { margin-top: 1em; }
.rules .appendix.cards.vpCards .paragraph { width: 47%; }
#rulesContainer #rules .appendix.cards.vpCards .paragraph { width: 98%; }
.rules .appendix.cards .paragraph img { margin-right: .5em; float: left; width: 14%; }
.rules .appendix.vpCards .paragraph img { width: 25%; }
.rules .appendix ol li { list-style-position: inside; }
.rules .cardAnatomy #cardAnatomy { display: block; margin: auto; }
.rules .icons #icons { display: block; margin: auto; }

.ui-popup .rules .images { width: 13em; float: left;/* display: inline-block;*/ }
.ui-popup .rules .info { width: 25em; display: inline-block; margin-left: 1em; }