/* 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 a.ext {
	color: #034AF3;
}

#rules a.ext:hover {
	text-decoration: underline;
}

#rules ul {
	padding-left: 1.8em;
}

#rules .hnotes p {
	padding-bottom: .8em;
}

#rules .dnotes p {
	padding-bottom: .8em;
}

div.extLinks {
	margin: .4em 0 2em 1em;
}

div.grayBox {
	padding: .2em .6em;
	margin: .8em .2em;
	background-color: #E5E6DF;
	border: 2px solid green;
}

img.rulePic {
	margin: .1em .2em .5em .3em;
}

table .credits td {
	padding: .2em;
}

#rulesContainer .copy {
	font-size: small;
}

#rules .copy {
	font-size: medium;
}

#rulesContainer .copy {
	font-size: small;
}

#rulesContainer .rulesPageOnly {
	display: none;
}

div.ui_chapter {
	margin: 10px 0px 10px;
	padding: 3px 3px 3px 10px;
	font-size: 16px;
	font-weight: bold;
	color: white;
	background-color: #1E4B61;
}

div.ui_caption {
		margin: 10px 0px 8px;
		padding: 5px 10px;
		font-weight: bold;
		background-color: #B5E5D5;
		border: 0px solid #B4B4B4;
	}