/* 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 .chapter .title {
  color: white;
  background-color: black;
  text-align: center;
  padding: 0px;
  font-size: 2.5em;
  border: 0px;
  font-variant:small-caps;
}

#rules h1 {
  color: white;
  background-color: black;
  text-align: center;
  padding: 0px;
  font-size: 2.5em;
  border: 0px;
  font-variant:small-caps;
}
   
#rules h2 {
  font-size: 1.75em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  clear: left;
  color: black;
}

#rules h3 {
  font-size: 1.5em;
  clear: left;
   margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-indent: 1em;
}

#rules h4 {
  font-size: 1.25em;
}

#rules ul {margin:1em 0em 1em 2em; }
#rules ol {margin:1em 0em 1em 2em; }

#sidebarPanel #rules .nosidebar { display:none; }
.ui-popup .rules .nopopup { display:none; }
#rules .sidebaronly { display:none; }
#sidebarPanel #rules .sidebaronly { display:inherit; }


/* some picture definitions */
#rules .boardright { height:10em; float: right; margin-left: 2em; margin-bottom: 0.4em; margin-right:2%; }
#rules .boardleft { height:10em; float: left; margin-right: 2em; margin-bottom: 0.4em; }

span.clear { clear: left; display: block; }