body {
	background: url('/img/back-bg.png') repeat #1d1d1d;
	color: #dddddd;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 15px;
}

body.theme2 {
	background: url('/img/white-bg.png') repeat #eeeeee;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: agaramond, garamond, Times, "Times New Roman", Bookman, Georgia, serif;
	font-weight: normal;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 220%;
	color: #5CAF08;
	font-style: italic;
}

h3 {
	font-size: 130%;
	font-weight: normal;
}

h4, h5 {
	font-size: 120%;
}

h6 {
	font-size: 100%;
}

a, a:active, a:visited {
	color: #f57800;
}

.header {
	margin-top: 1em;
	margin-bottom: 2em;
}

.header h1 {
	text-align: center;
	margin-top: 0;
}

.header-adv {
	height: 90px;
}

.box50, .box100 {
	border-width: 1px;
	border-style: solid;
	border-top-color: #4f4f4f;
	border-left-color: #4a4a4a;
	border-bottom-color: #111;
	border-right-color: #111;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);

	padding: 8px;
	background-color: #2a2a2a;
	background: -moz-linear-gradient(center top, #404040 25%, #2a2a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #404040), color-stop(1, #2a2a2a));
	margin-bottom: .6em;
	margin-top: .6em;
	height: 140px;
}

.img-block {
	float: left;
	margin-right: 0.5em;
}

.img-block img {
	border: 2px solid #555;
	height: 120px;
	width: 120px;
}


/*
 * WHITE Theme
 */
.theme2 a,
.theme2 a:active,
.theme2 a:visited {
	color: #f06015;
}

.theme2 h2 {
	color: #538312;
}

.theme2 .box50,
.theme2 .box100 {
	border-top-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #bbb;
	border-right-color: #bbb;
	background-color: #d0d0d0;
	background: -moz-linear-gradient(center top, #e0e0e0 25%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #e0e0e0), color-stop(1, #c0c0c0));
}

.theme2 .img-block img {
	border-color: #eee;
}

/* Button colors */
.black, a.black, .theme2 a.switch_theme {
	color: #d7d7d7;
	border: 1px solid #333333;
	background: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	background: -moz-linear-gradient(top, #666666, #000000);
	background: -webkit-linear-gradient(top, #666666 0%, #000000 100%);
	background: -o-linear-gradient(top, #666666 0%, #000000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000000 100%);
	background: linear-gradient(top, #666666 0%, #000000 100%);
}
.black:hover, a.black:hover, .theme2 a.switch_theme:hover {
	color: #d7d7d7;
	border: 1px solid #333333;
	background: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000));
	background: -moz-linear-gradient(top, #444444, #000000);
	background: -webkit-linear-gradient(top, #444444 0%, #000000 100%);
	background: -o-linear-gradient(top, #444444 0%, #000000 100%);
	background: -ms-linear-gradient(top, #444444 0%, #000000 100%);
	background: linear-gradient(top, #444444 0%, #000000 100%);
}
.black:active, a.black:active, .theme2 a.switch_theme:active {
	color: #999999;
	border: 1px solid #333333;
	background: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#666666));
	background: -moz-linear-gradient(top, #000000, #666666);
	background: -webkit-linear-gradient(top, #000000 0%, #666666 100%);
	background: -o-linear-gradient(top, #000000 0%, #666666 100%);
	background: -ms-linear-gradient(top, #000000 0%, #666666 100%);
	background: linear-gradient(top, #000000 0%, #666666 100%);
}

.gray, a.gray, .main-menu-button, a.main-menu-button {
	color: #e9e9e9;
	border: 1px solid #555555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757));
	background: -moz-linear-gradient(top, #888888, #575757);
	background: -webkit-linear-gradient(top, #888888 0%, #575757 100%);
	background: -o-linear-gradient(top, #888888 0%, #575757 100%);
	background: -ms-linear-gradient(top, #888888 0%, #575757 100%);
	background: linear-gradient(top, #888888 0%, #575757 100%);
}
.gray:hover, a.gray:hover, .main-menu-button:hover, a.main-menu-button:hover {
	color: #e9e9e9;
	border: 1px solid #555555;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top, #757575, #4b4b4b);
	background: -webkit-linear-gradient(top, #757575 0%, #4b4b4b 100%);
	background: -o-linear-gradient(top, #757575 0%, #4b4b4b 100%);
	background: -ms-linear-gradient(top, #757575 0%, #4b4b4b 100%);
	background: linear-gradient(top, #757575 0%, #4b4b4b 100%);
}
.gray:active, a.gray:active, .main-menu-button:active, a.main-menu-button:active {
	color: #afafaf;
	border: 1px solid #555555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888888));
	background: -moz-linear-gradient(top, #575757, #888888);
	background: -webkit-linear-gradient(top, #575757 0%, #888888 100%);
	background: -o-linear-gradient(top, #575757 0%, #888888 100%);
	background: -ms-linear-gradient(top, #575757 0%, #888888 100%);
	background: linear-gradient(top, #575757 0%, #888888 100%);
}

.orange, a.orange, .theme2 a.orange {
	color: #fef4e9;
	border: 1px solid #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top, #faa51a, #f47a20);
	background: -webkit-linear-gradient(top, #faa51a 0%, #f47a20 100%);
	background: -o-linear-gradient(top, #faa51a 0%, #f47a20 100%);
	background: -ms-linear-gradient(top, #faa51a 0%, #f47a20 100%);
	background: linear-gradient(top, #faa51a 0%, #f47a20 100%);
}
.orange:hover, a.orange:hover, .theme2 a.orange:hover {
	color: #fef4e9;
	border: 1px solid #da7c0c;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top, #f88e11, #f06015);
	background: -webkit-linear-gradient(top, #f88e11 0%, #f06015 100%);
	background: -o-linear-gradient(top, #f88e11 0%, #f06015 100%);
	background: -ms-linear-gradient(top, #f88e11 0%, #f06015 100%);
	background: linear-gradient(top, #f88e11 0%, #f06015 100%);
}
.orange:active, a.orange:active, .theme2 a.orange:active {
	color: #fcd3a5;
	border: 1px solid #da7c0c;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top, #f47a20, #faa51a);
	background: -webkit-linear-gradient(top, #f47a20 0%, #faa51a 100%);
	background: -o-linear-gradient(top, #f47a20 0%, #faa51a 100%);
	background: -ms-linear-gradient(top, #f47a20 0%, #faa51a 100%);
	background: linear-gradient(top, #f47a20 0%, #faa51a 100%);
}

.white, a.white, .game-button, a.game-button, .theme1 .switch_theme {
	color: #606060;
	border: 1px solid #b7b7b7;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
	background: -moz-linear-gradient(top, #ffffff, #ededed);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: linear-gradient(top, #ffffff 0%, #ededed 100%);
}
.white:hover, a.white:hover, .game-button:hover, a.game-button:hover, .theme1 .switch_theme:hover {
	color: #606060;
	border: 1px solid #b7b7b7;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
	background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	background: linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
}
.white:active, a.white:active, .game-button:active, a.game-button:active, .theme1 .switch_theme:active {
	color: #999999;
	border: 1px solid #b7b7b7;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff));
	background: -moz-linear-gradient(top, #ededed, #ffffff);
	background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ededed 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ededed 0%, #ffffff 100%);
	background: linear-gradient(top, #ededed 0%, #ffffff 100%);
}

.red, a.red {
	color: #faddde;
	border: 1px solid #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top, #ed1c24, #aa1317);
	background: -webkit-linear-gradient(top, #ed1c24 0%, #aa1317 100%);
	background: -o-linear-gradient(top, #ed1c24 0%, #aa1317 100%);
	background: -ms-linear-gradient(top, #ed1c24 0%, #aa1317 100%);
	background: linear-gradient(top, #ed1c24 0%, #aa1317 100%);
}
.red:hover, a.red:hover {
	color: #faddde;
	border: 1px solid #980c10;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top, #c9151b, #a11115);
	background: -webkit-linear-gradient(top, #c9151b 0%, #a11115 100%);
	background: -o-linear-gradient(top, #c9151b 0%, #a11115 100%);
	background: -ms-linear-gradient(top, #c9151b 0%, #a11115 100%);
	background: linear-gradient(top, #c9151b 0%, #a11115 100%);
}
.red:active, a.red:active {
	color: #de898c;
	border: 1px solid #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top, #aa1317, #ed1c24);
	background: -webkit-linear-gradient(top, #aa1317 0%, #ed1c24 100%);
	background: -o-linear-gradient(top, #aa1317 0%, #ed1c24 100%);
	background: -ms-linear-gradient(top, #aa1317 0%, #ed1c24 100%);
	background: linear-gradient(top, #aa1317 0%, #ed1c24 100%);
}

.blue, a.blue {
	color: #d9eef7;
	border: 1px solid #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	background: -webkit-linear-gradient(top, #00adee 0%, #0078a5 100%);
	background: -o-linear-gradient(top, #00adee 0%, #0078a5 100%);
	background: -ms-linear-gradient(top, #00adee 0%, #0078a5 100%);
	background: linear-gradient(top, #00adee 0%, #0078a5 100%);
}
.blue:hover, a.blue:hover {
	color: #d9eef7;
	border: 1px solid #0076a3;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
	background: -webkit-linear-gradient(top, #0095cc 0%, #00678e 100%);
	background: -o-linear-gradient(top, #0095cc 0%, #00678e 100%);
	background: -ms-linear-gradient(top, #0095cc 0%, #00678e 100%);
	background: linear-gradient(top, #0095cc 0%, #00678e 100%);
}
.blue:active, a.blue:active {
	color: #80bed6;
	border: 1px solid #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	background: -webkit-linear-gradient(top, #0078a5 0%, #00adee 100%);
	background: -o-linear-gradient(top, #0078a5 0%, #00adee 100%);
	background: -ms-linear-gradient(top, #0078a5 0%, #00adee 100%);
	background: linear-gradient(top, #0078a5 0%, #00adee 100%);
}
.blue:visited, a.blue:visited {
	color: #d9eef7;
	border: 1px solid #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	background: -webkit-linear-gradient(top, #00adee 0%, #0078a5 100%);
	background: -o-linear-gradient(top, #00adee 0%, #0078a5 100%);
	background: -ms-linear-gradient(top, #00adee 0%, #0078a5 100%);
	background: linear-gradient(top, #00adee 0%, #0078a5 100%);
}

.green, a.green, .theme2 .main-menu-button, .theme2 a.main-menu-button, .theme2 a.green {
	color: #e8f0de;
	border: 1px solid #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
	background: -webkit-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
	background: -o-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
	background: -ms-linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
	background: linear-gradient(top, #7db72f 0%, #4e7d0e 100%);
}
.green:hover, a.green:hover, .theme2 .main-menu-button:hover, .theme2 a.main-menu-button:hover, .theme2 a.green:hover {
	color: #e8f0de;
	border: 1px solid #538312;
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top, #6b9d28, #436b0c);
	background: -webkit-linear-gradient(top, #6b9d28 0%, #436b0c 100%);
	background: -o-linear-gradient(top, #6b9d28 0%, #436b0c 100%);
	background: -ms-linear-gradient(top, #6b9d28 0%, #436b0c 100%);
	background: linear-gradient(top, #6b9d28 0%, #436b0c 100%);
}
.green:active, a.green:active, .theme2 .main-menu-button:active, .theme2 a.main-menu-button:active, .theme2 a.green:active {
	color: #a9c08c;
	border: 1px solid #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
	background: -webkit-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
	background: -o-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
	background: -ms-linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
	background: linear-gradient(top, #4e7d0e 0%, #7db72f 100%);
}

.button-small {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helfvetica, sans-serif;
	padding: .25em 1em .27em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.nav {
	margin-bottom: 2em;
}

.nav a {
	text-transform: uppercase;
}

.nav li {
	margin-right: 6px;
}

.footer {
	margin-top: 1em;
	padding-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #4a4a4a;
}

#cookie-statement {
	display: none;
}

#cookie-statement.alert {
	background: #ccc;
	color: #000;
	border-radius: 0;
	padding: 6px 15px;
}