/* reset styles  */
:focus {
	outline: 0;
}

/* global elements *
* {
	margin: 0px; padding: 0px;
}
*/

body {
	font-family: 'Average Sans', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color: black;
	background: white;
	margin: 0;
	padding: 0;
}
a { color: black; }
select { font-family: 'Open Sans', sans-serif; }

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* global classes */
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -80px; /* same as in #footer */ }
.nowrap { white-space: nowrap; }
.logo-left { margin-top: 5px; margin-left: 165px; }
.logo-right { margin-top: 5px; margin-left: 60px; }

.top-menu { position: absolute; top: 0; left: 0; font-size: 120%; font-weight: bold; z-index: 2; }
.top-menu a { text-decoration: none; }
.top-menu > ul { float: left; margin-top: -40px; }
.top-menu > ul li { margin-left: 0px; list-style: none; display: inline-block; vertical-align: bottom; padding: 5px 10px; }
.top-menu > ul > li { opacity: 0.6; background-color: #05290B; border-radius: 5px 5px 0 0; }
.top-menu > ul > li > a { color: white; }
.top-menu > ul > li.selected, .top-menu > ul > li.ancestor { opacity: 1; background-color: white; }
.top-menu > ul > li.selected a, .top-menu > ul > li.ancestor a { color: #05290B; }
.top-menu > ul > li.selected:hover > a, .top-menu > ul > li.ancestor:hover > a { color: black; }
.top-menu > ul > li:hover { opacity: 1; }
.top-menu > ul > li ul { font-size: 80%; width: 190px; margin-left: -11px; display: none; position: absolute; margin-top: 5px; border: 1px solid #00290b; border-top: 0; border-radius: 0 0 5px 5px; background: white; }
.top-menu > ul > li ul li { border-top: 1px solid #00290b; width: 170px; }
.top-menu > ul > li ul li:first-child { border-top: none; }
.top-menu > ul > li ul li:hover a { color: black; }
.top-menu > ul > li:hover ul { display: block; }

/* media dependent styles */
@media screen {
	body { background: white url('../backgrounds/body.jpg') top left repeat; }
}

div.space01 { height: 1px; }
div.space02 { height: 2px; }
div.space05 { height: 5px; }
div.space08 { height: 8px; }
div.space10 { height: 10px; }
div.space15 { height: 15px; }
div.space20 { height: 20px; }
div.space25 { height: 25px; }
div.space50 { height: 50px; }

#header { font-size: 120%; height: 180px; }
#page { position: relative; width: 1020px; padding-top: 25px; padding-bottom: 25px; margin: 0 auto; background: white; border-radius: 0 5px 5px 5px; min-height: 350px; box-shadow: 0 0 20px 6px #05290B; }
#page h1, h2, h3, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
#page .huge { font-size: 20px; font-weight: bold; }
#page button.huge { border-radius: 5px; padding: 5px 10px; cursor: pointer; }
#page p.medium { line-height: 1.5em; }
#page ul.errorlist > li { color: #a00000; display: inline-block; }
#page a:hover { text-decoration: none; }
#footer, .push-footer { height: 80px; /* same as in .wrapper */ }
#footer p { margin-top: 8px; text-align: center; color: #fab62e; }
#footer p a { color: #fab62e; }
#footer .django-site { margin: 8px 50px; }
#card-dist-shoe select, #card-dist-shoe label { font-size: 100%; font-weight: normal; }
#card-dist-shoe label { margin-left: 485px; }
table.strategy-result { width: 100%; border: solid 1px #565672; table-layout: fixed; }
table.strategy-result caption { padding-left: 15px; font-weight: bold; line-height: 1.25em; margin-bottom: 5px; }
table.strategy-result tr { height: 25px; }
table.strategy-result td img { cursor: pointer; }
table.strategy-result td input { font-size: 80%; width: 30px; border-radius: 3px; }
table.strategy-result tr.odd { background-color: #D2F2FF; }
table.strategy-result tr.even { background-color: #EDFAFF; }
table.strategy-result tr th { background-color: #FFEAD2; }
table.strategy-result thead tr th { font-weight: bold; }
table.strategy-result tr > th:first-child { width: 125px; }
table.strategy-result th, table.strategy-result td { border: solid 1px #565672; text-align: center; vertical-align: middle; }
.doit { background-color: #a0e0a0; }
.dont { background-color: #e0a0a0; }
span.doit, span.dont { border-radius: 3px; }
div.simulate-form { padding: 10px; border: 1px solid #05290B; box-sizing: border-box; border-radius: 3px; background-color: #eeeeee; width: 47%; height: 200px; float: left; }
div.simulate-form.left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
div.simulate-form.right { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
div.simulate-form label { width: 320px; display: inline-block; text-align: right; padding-right: 10px; margin-bottom: 10px; }
div.simulate-form input, div.simulate-form select { width: 80px; }
div.simulate-form input#id_maximum_bet_at { width: 40px; }
div.simulate-form ul { list-style: none; width: 430px; }
div.simulate-form ul li { display: inline; margin: 0; padding: 0; }
div.simulate-form ul li label { width: 45px; }
div.simulate-form ul li input { width: 20px; margin: 0; }
div.game-round { border: 1px solid #05290B; border-radius: 3px; padding: 0 0 10px 20px; margin: 20px 0; }
div.card-row { margin-bottom: 10px; }
span.score { background-color: #fffcba; padding: 5px 20px; opacity: 0.75; border: 1px solid #fff432; border-radius: 3px; vertical-align: bottom; margin-left: 5px; display: inline-block; }