body, a { background-color: #f7f8fc;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
	color:#b64702;
	font-family: Andale Mono, monospace;
}
a.menu {
	color: #171716;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 0px #b64702;
	padding: 7px;
	border-radius: 5px;
	background: #171716;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

a.menu_disable {
	color: #171716;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 0px #b64702;
	padding: 7px;
	border-radius: 5px;
	background: #171716;
	background: -webkit-gradient(linear, left top, left bottom, from(#dde5e9), to(#989ea0));
	background: -moz-linear-gradient(top,  #dde5e9,  #989ea0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde5e9', endColorstr='#989ea0');
}

a.menu:hover {
	background: #f47c20;
	color: #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, from(#5e6162), to(#171716));
	background: -moz-linear-gradient(top,  #5e6162,  #171716);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e6162', endColorstr='#171716');

}
a.menu:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

a.link-result {
	color: #212322;
	text-decoration: underline;
	font-size: 20px;
}

tr.placement_gold {
	background: #FFD700;
}
tr.placement_silver {
	background: #C0C0C0;
}
tr.placement_bronze {
	background: #CD7F32;
}
tr.placement_none {
	background: #;
}

/* Show message */

#message {
background: #f47c20;
border: 3px dashed #ffffff;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
color: #ffffff;
animation: hideMe 3s forwards;
position: fixed;
top: 130px;
left: 10px;
right: 10px;
height: 50px;
}
#message #icon {
position: relative;
display: inline-block;
top: 15px;
left: 15px;
}
#message #text {
position: relative;
display: inline-block;
top: 7px;
left: 25px;
}
@keyframes hideMe{
0%{
		opacity: 1;
}
50%{
	opacity: 1;
}
70%{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 2s, opacity 2s linear;
}
100%{
	opacity: 0;
}
}

/* Todays Question */

#question {
position: fixed;
height: 100%;
width: 100%;
z-index: 200;
justify-content: center;
align-items: center;
background-color: #f7f8fc;
overflow-y: scroll;
}


/* Formular and buttons */

input[type=text] {
  outline: 0;
  color:#000000;
  background: #f2eee5;
  solid 2px #b64702;
	border-radius: 15px;
  margin: 0 0 15px;
  padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
  box-sizing: border-box;
  font-size: 14px;
}
input[type=password] {
  outline: 0;
  color:#000000;
  background: #f2eee5;
  solid 2px #b64702;
	border-radius: 15px;
  margin: 0 0 15px;
  padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
  box-sizing: border-box;
  font-size: 14px;
}
input[type=number] {
  outline: 0;
  color:#000000;
  background: #f2eee5;
  solid 2px #b64702;
	border-radius: 15px;
  margin: 0 0 15px;
  padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
  box-sizing: border-box;
  font-size: 14px;
  
}
input[type=submit], input[type=button], button {
	color: #212322;
	font-size: 20px;
	text-decoration: none;
	border: solid 1px #bdc2ca;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
	background: #eaf1f6;
	-webkit-appearance: none;
	font-weight: bold;
}

#menu-settings {
	/* background: #f78c11; */
	height:20px;
	width:20px;
	padding:10px;
	
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border: 0px;
	border-radius: 5px;
	background: #171716;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	
}

input[type=button2]{
	color: #212322;
	text-decoration: none;
	border: solid 1px #bdc2ca;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
	background: #eaf1f6;
}

button2 {
	color: #212322;
	text-decoration: none;
	border: solid 1px #bdc2ca;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	background: #eaf1f6;
}

button.green {
	color: #fef4e9;
	background: #32B230;
	text-decoration: none;
	border: solid 1px #238022;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
}

button.red {
	color: #fef4e9;
	background: #c42c00;
	text-decoration: none;
	border: solid 1px #bdc2ca;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
}

a.black {
	color: #212322;
	text-decoration: none;
	border: solid 1px #bdc2ca;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
	background: #eaf1f6;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: bold;
	font-size: 20px;
}

a.green {
	color: #fef4e9;
	border: solid 1px #1b631a;
	text-decoration: none;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
	background: #32B230;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: bold;
	font-size: 20px;
}

.switch_on {
	color: #1D7223;
	background: #C5EDC4;
	text-decoration: none;
	font-weight: bold;
	border: solid 1px #171716;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 90px;
}

.switch_off {
	color: #171716;
	background: #eaf1f6;
	text-decoration: none;
	border: solid 1px #171716;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 90px;
}

.Show_Selected {
	color: #1D7223;
	background: #C5EDC4;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	border: solid 1px #bdc2ca;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
	width: 80%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}

.Show_UnSelected {
	color: #171716;
	background: #eaf1f6;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	border: solid 1px #bdc2ca;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 5px;
	width: 80%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}