/* 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 */
span.emphasize {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
/* Components: */
.rules p {
  margin-bottom: 0.9em;
}
.rules .summaryOnly {
  display: none;
}
.rules[showRules=summary] .summaryOnly {
  display: inline;
}
.rules .deviation .h1 {
  font-weight: bold;
  font-size: 1.4em;
}
.rules .deviation ul {
  margin-left: 0.4em;
}
.rules .gameTitle {
  margin-bottom: 0.8em;
}
.rules #table_of_content_items {
  margin-left: 1em;
}
.rules #table_of_content_items ul {
  margin-bottom: 0;
}
.rules .symbol_table {
  margin-top: 2em;
}
.rules .symbol_table .symbol_table__title {
  font-weight: bold;
}
.rules .symbol_table .symbol_table__entry {
  float: left;
  margin: 2px 5px 16px 2px;
  padding: 6px;
  background-color: #FFF;
  border-radius: 0.8em;
}
.rules .symbol_table img {
  vertical-align: middle;
  width: 45px;
  height: 45px;
  margin-right: 5px;
}
.rules #refined_game_phases_table_container {
  margin: 1em 0 1em 0;
}
.rules .game_phases_table td {
  vertical-align: top;
  font-weight: bold;
}
.rules .game_phases_table td:last-child {
  font-weight: normal;
}
.rules .explain_video {
  width: 100%;
  text-align: center;
}
.rules .explain_video iframe {
  margin: 15px auto;
  width: 560px;
  height: 315px;
}
.rules .chapter .chapter .title {
  font-size: 1.2em;
}
.rules .chapter .chapter .chapter .title {
  font-size: 1em;
  border-style: none;
}
.rules .cards_container {
  display: none;
}
.rules .cards_container.show {
  display: inline;
}
.rules .cards_container img {
  margin: 0.1em;
  border-radius: 0.8em;
  width: 119px;
  height: 185px;
}
.rules #high_contrast_cards #card_comparison_original_vs_high_contrast img {
  width: 119px;
  height: 185px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}
.rules #high_contrast_cards #card_comparison_original_vs_high_contrast img.card_image--original {
  border-radius: 0.8em;
}
.titleInlineImage,
.titleInlineImage--inverse {
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-right: 15px;
}
#rules .titleInlineImage {
  display: inline;
}
#rules .titleInlineImage--inverse {
  display: none;
}
#sidebarPanel #rules .titleInlineImage {
  display: none;
}
#sidebarPanel #rules .titleInlineImage--inverse {
  display: inline;
}
#sidebarPanel #rules .is_hidden_in_sidepanel {
  display: none;
}
/* Ingame rules display only: */
#rulesContainer #rules .explain_video {
  display: none;
}