/* 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
	#rulesPage: ingame rules page display
	#panelRules: ingame rules sidepanel display
	#popup.rules: popup with rules extract only */
span.emphasize {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.game_name {
  font-style: italic;
}
.rules__img_container {
  float: right;
  margin: 0em 0.5em 0.5em 0.5em;
  width: 177px;
}
.rules__centered_paragraph {
  float: left;
  width: 400px;
}
.b__f {
  color: #FFF;
  font-size: 0.8em;
  width: 1.5em;
  height: 1.5em;
  top: 50%;
  text-align: center;
}
.b__f.d1 {
  background-color: #302376;
}
.b__f.d2 {
  background-color: #4433AA;
}
.b__f.d3 {
  background-color: #5535A2;
}
.b__f.d4 {
  background-color: #663799;
}
.b__f.d5 {
  background-color: #773A91;
}
.b__f.d6 {
  background-color: #883C88;
}
.b__f.d7 {
  background-color: #993F80;
}
.b__f.d8 {
  background-color: #AA4177;
}
.b__f.d9 {
  background-color: #BB436F;
}
.b__f.d10 {
  background-color: #CC4666;
}
.b__f.d11 {
  background-color: #DD485E;
}
.b__f.d12 {
  background-color: #EE4B55;
}
.b__f.d13 {
  background-color: #FF4D4D;
}
.b__f.d14 {
  background-color: #ff8080;
}
#panelRules .rules__img_container {
  float: none;
}
#panelRules .rules__centered_paragraph {
  width: auto;
}
.boardsize6 #panelRules .b__f.d1 {
  background-color: #0033FF;
}
.boardsize6 #panelRules .b__f.d2 {
  background-color: #3333D6;
}
.boardsize6 #panelRules .b__f.d3 {
  background-color: #6633AD;
}
.boardsize6 #panelRules .b__f.d4 {
  background-color: #993385;
}
.boardsize6 #panelRules .b__f.d5 {
  background-color: #CC335C;
}
.boardsize6 #panelRules .b__f.d6 {
  background-color: #FF3333;
}
.boardsize6 #panelRules .b__f.is_size10 {
  display: none;
}
.boardsize6 #panelRules .b__f.is_size8 {
  display: none;
}
.boardsize8 #panelRules .b__f.d1 {
  background-color: #0029CC;
}
.boardsize8 #panelRules .b__f.d2 {
  background-color: #1A2DBF;
}
.boardsize8 #panelRules .b__f.d3 {
  background-color: #3330B3;
}
.boardsize8 #panelRules .b__f.d4 {
  background-color: #4D34A6;
}
.boardsize8 #panelRules .b__f.d5 {
  background-color: #663799;
}
.boardsize8 #panelRules .b__f.d6 {
  background-color: #803B8D;
}
.boardsize8 #panelRules .b__f.d7 {
  background-color: #993F80;
}
.boardsize8 #panelRules .b__f.d8 {
  background-color: #B34273;
}
.boardsize8 #panelRules .b__f.d9 {
  background-color: #CC4666;
}
.boardsize8 #panelRules .b__f.d10 {
  background-color: #E6495A;
}
.boardsize8 #panelRules .b__f.d11 {
  background-color: #FF4D4D;
}
.boardsize8 #panelRules .b__f.is_size10 {
  display: none;
}
.boardsize8 #panelRules .b__f.is_size10 {
  display: none;
}
