/* 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 */

/* exampleleft */
#rules .exampleleft { width: 40%; float: left; margin: .3em .5em; padding: .2em .5em; font-style: italic;}
#rules .exampleleft .image img { width: 50%; float: right; margin-right: 1em;}

/* exampleright */
#rules .exampleright { width: 40%; float: right; margin: .3em .5em; padding: .2em .5em; font-style: italic;}
#rules .exampleright .image img { width: 50%; float: left; margin-right: 1em;}

#rules .roomtile { width: 95%; background-color: #e7e4cf; float: left; margin: .3em .5em; padding: .2em .5em; border: 1px solid #911e20; border-radius: 4px; }
#rules .roomtile .image { width: 15%; float: left; margin-right: 1em; }