/* reset
-------- */
* { margin: 0; padding: 0; }


/* global defs
------------- */

body {
  font-family:Helvetica,Arial,Verdana,sans-serif;
  font-size:14px;
  background-repeat:repeat-x;
  background-color:#dad0c4;
}

a {
  text-decoration:none;
}

ul.horizontal {
}

ul.horizontal li {
}

.right {
  float:right;
}



/* HEAD elements
---------------- */

div#head {
  
  height:33px;
  margin:0 auto;
  padding:0;
  width:855px;
  text-align:right;
}




/* CONTENT elements
---------------- */

div#content {
  margin:16px auto;
  width:600px;
  text-align:center;
  -moz-border-radius: 12px; -webkit-border-radius: 12px;
  background:#0062f7;
  border:solid 2px #eee;
  color:white;
}

div#content a {
  color:#eee;
  border-bottom:1px #eee dotted ;
}

div#content a:hover {
  color:#fff;
  border-bottom:1px #eee solid ;
}

div#content_new {
  margin:16px auto;
  width:600px;
 
  text-align:center;
  -moz-border-radius: 12px; -webkit-border-radius: 12px;
  background:#fff  url(/img/header2.png) repeat-x top left;
  border:solid 2px #eee;
}

p.description {
  margin-bottom:0.7em;
}

.description strong {
  font-weight:normal;
  color:#06519B;
}

#content form.std fieldset {
  margin:8px 0;
  padding:8px;
  background-color:#EEEEEE;
  border-color:#fff;
  text-align:left;
}

#content form.std label {
  display:inline-block;
  font-weight:bold;
}

#content form.std fieldset.small label {
  width:45%;
}

#content form.std fieldset.small input {
  width:45%;
}

#content form.std input {
  padding:0 3px;
  margin:3px 0;
}

#content form.std fieldset.small {
  width:250px;
}


p.errorbox {
  color:red;
}

p.errorbox h1 {
  margin:0 0 0.3em 0;
  font-weight:bold;
  font-size:14px;
}



/* FOOTER elements
------------------ */

div#footer {
  height:50px;
  clear:both;
}

div#footertext {
  height:50px;
  margin:10px auto;
  width:855px;
  font-size:90%;
  text-align:center;
}













#gameresult {
  text-align:center;
  width:400px;
  margin:0 auto;
}

#gameresult .resultbox {
  width:100px;
  font-size:9px;
  color:#444;
}

.small {
  font-size:9px;
  color:#444;
}

#gameresult #userzahl {
  font-size:48px;
}
#gameresult #compzahl {
  font-size:48px;
}

#gameresult span.win {
  color:green;
}
#gameresult span.lose {
  color:red;
}
#gameresult span.eq {
  color:#777;
}

.clear {
  clear:both;
}

table.list {
  font-size:10px;
  border:solid 1px #0062f7;
}

table.list td {
  padding: 2px 4px;
}
table.list th {
  padding: 2px 4px;
  background-color:#0062f7;
  color:white;
}

table.list tr.win td {
  background-color:#DEFFD2;
}
table.list tr.lose td {
  background-color:#FFE1E1;
}
table.list tr.eq td {
  background-color:#eee;
}
table.list tr.jp td {
  background-color:#96DCFE;
}
#gameresult span#ergebnis {
  font-weight:bold;
  font-size:14px;
}




.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

table.stats td {
  margin:0;
  padding:2px 4px;
  text-align:center;
}

table.stats th {
  text-align:center;
  padding:2px 4px;
  background-color:#0062f7;
  color:white;
}

table.stats {
  font-size:10px;
  border:solid 1px #0062f7;
}

table.stats td.win {
  background-color:#DEFFD2;
}
table.stats td.lose {
  background-color:#FFE1E1;
}
table.stats td.eq {
  background-color:#eee;
}

.biginput {
  height:1.5em;
  font-size:16px;
  letter-spacing:0.15em;
  color:#777;
  border:solid 3px #ddd;
}
