/* 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 ol, .rules ul { margin-left: 1em; }

#rules .inlinePic { padding: 0 .2em; height: 1.5em; width: auto; vertical-align: middle; }
#rules .leftPic { padding-right: 1em; padding-bottom: .5em;  float: left; }
#rules .cardsEtext { width: 85px; margin-left: -203px; margin-top: 21px; }

#rules h3, #rules h2, #rules hr { clear: both; }
#rules .hasSummary h3, #rules .hasSummary h2 { clear: none; }

#rules .hint.important b { color: red; }

#rules .importantFrame { background-color: #cd5c5c; padding: 1em; color: white; margin: 1em; }

#rules .pinkbackground { background-color: #a86b89; margin: 0 .5em; padding: .5em; }