@CHARSET "UTF-8";

.red_instruction {
	color: #ff0000;
}

.blue_instruction {
	color: #0000ff;
}

#instructions {
	font-family: serif;
	width: 100%;
}

#title_box {
	font-size: 4em;
	text-shadow: 2px 4px 3px rgba(150, 150, 150, 1);
	width: 11em;
	position: relative;
}

#blue_force_title {
	display: block;
	position: relative;
	font-family: monospace;

	height: 1.7em;
}

#game_title {
	display: block;
	height: .2em;
	font-size: .5em;
	font-style: oblique;
	font-weight: bold;
	text-align: center;
	width: 100%;
	text-shadow: 1px 2px 1px rgba(150, 150, 150, 1);
}

#red_network_title {
	display: block;
	position: relative;
	font-family: monospace;

	height: 2.6em;
}

#bomb_in_title {
	position: absolute;
	left: 1em;
	top: 0;
}

#explosion_in_title {
	position: absolute;
	right: 1em;
	bottom: 0;
}

.char1B {
	position: absolute;
	top: 1.2em;
	left: 1em;
	transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
}

.char2l {
	position: absolute;
	top: .7em;
	left: 2em;
	transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
}

.char3u {
	position: absolute;
	top: .28em;
	left: 3em;
	transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	-webkit-transform: rotate(-17deg);
	-o-transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
}

.char4e {
	position: absolute;
	top: .08em;
	left: 4em;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
}

.char5F {
	position: absolute;
	top: 0;
	left: 5.5em;
}

.char6o {
	position: absolute;
	top: .1em;
	left: 6.5em;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
}

.char7r {
	position: absolute;
	top: .28em;
	left: 7.5em;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
}

.char8c {
	position: absolute;
	top: .68em;
	left: 8.5em;
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
}

.char9e {
	position: absolute;
	top: 1.2em;
	left: 9.5em;
	transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
}

.char1R {
	position: absolute;
	top: 0;
	left: 1em;
	transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
}

.char2e {
	position: absolute;
	top: .5em;
	left: 1.9em;
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
}

.char3d {
	position: absolute;
	top: .92em;
	left: 2.8em;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
}

.char4N {
	position: absolute;
	top: 1.18em;
	left: 4.1em;
	transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
}

.char5e {
	position: absolute;
	top: 1.26em;
	left: 5.0em;
}

.char6t {
	position: absolute;
	top: 1.18em;
	left: 5.9em;
	transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
}

.char7w {
	position: absolute;
	top: 1.05em;
	left: 6.8em;
	transform: rotate(-14deg);
	-moz-transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
	-o-transform: rotate(-14deg);
	-ms-transform: rotate(-14deg);
}

.char8o {
	position: absolute;
	top: .8em;
	left: 7.7em;
	transform: rotate(-22deg);
	-moz-transform: rotate(-22deg);
	-webkit-transform: rotate(-22deg);
	-o-transform: rotate(-22deg);
	-ms-transform: rotate(-22deg);
}

.char9r {
	position: absolute;
	top: .45em;
	left: 8.6em;
	transform: rotate(-31deg);
	-moz-transform: rotate(-31deg);
	-webkit-transform: rotate(-31deg);
	-o-transform: rotate(-31deg);
	-ms-transform: rotate(-31deg);
}

.char10k {
	position: absolute;
	top: 0;
	left: 9.5em;
	transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
}

.instruction_you_are_surround_box {
	width: 100%;
	border: 1px solid black;
}

.instruction_you_are {
        margin: 1.5em;
}

#instructions th {
	text-align: center;
}

.thick {
	border: 2px solid black;
	vertical-align: top;
}

.thick>div {
	margin: .5em;
}

.subject_heading {
	text-align: center;
}

.instruction_heading {
	font-size: 150%;
	font-weight: bold;
}

.instruction_img {
	float: left;
	margin-right: .5em;
	margin-top: .3em;
}

.instruction_demo {
	border-collapse: separate;
	box-sizing: content-box;
	border-spacing: 2px;
}

.embedded_table {
	width: 99%;
	text-align: center;
	margin-left: 2px;
}

.embedded_table td, .embedded_table th {
	border: 1px solid black;
}

.embedded_table tr:nth-child(even),
.instruction_you_are_surround_box,
.subject_heading {
	background-color: #fffffa;
}

#special_actions th:first-child, #special_actions th:last-child,
#special_actions td:first-child, #special_actions td:last-child,
#fuel_costs td:first-child,
#special_actions_waiting th:first-child, #special_actions_waiting th:last-child,
#special_actions_waiting td:first-child, #special_actions_waiting td:last-child,
#fuel_costs_waiting td:first-child,
#miscellaneous_parameters td:first-child {
	text-align: left;
}

#map_instruction img {
	border: 1px solid black;
	float: right;
}

map_img img {
	width: 500px;
}

.proposed {
	background: #aaaaaa;
	opacity: .8;
}

#start_game {
	font-size: 3em;
	background-color: #ffff00;
	height: 3em;
	width: 85%
}

#instruction_wait {
	border: 1px solid black;
}