@import "/css/racebg.css";

a:link, a:hover, a:visited, a:active {
  /*color:#f5e0be;*/
  color:#5fa7ca;
}

body {
  width:1000px;
  margin:auto;

  font-family:Georgia,serif;
  font-weight:500;
  color:#f5e0be;

  background-position:top;
  background-image:url(/pub/images/layout/backgrounds/background_top.jpg);
  background-color:#091019;
  background-repeat:repeat-x;
  cursor: url(/pub/images/layout/cursors/normal.png), auto;
}

a:hover, input[type="image"] {
  cursor: url(/pub/images/layout/cursors/hover.png), auto;
}

input[type="submit"] {
  cursor:inherit;

  display:block;

  margin:auto;
  margin-top:20px;
  padding:4px 10px;

  -moz-border-radius:1em;
  -moz-box-shadow:1px 1px 3px #09f;

  font-size:0.9em;
  font-weight:bold;

  color:#f5e0be;
  background-color:#1a1a1a;
}

input[type="submit"]:hover {
  -moz-box-shadow:none;
}

input[type="submit"][disabled] {
  color:gray;
  -moz-box-shadow:inherit !important;
}

#ajax-progress {
  /*background-image: url(/pub/images/layout/cursors/wait.gif) fixed top left no-repeat;*/
}

div.page-wrapper {
}

div.mystic-header {
  text-align:center;
}

div.mystic-footer {
  padding-top:7mm;
  border-top:1px solid black;
  clear:both;
  text-align:center;
}

div#main-menu {
  margin-top:0px;
}

div.mainmenu > ul {
  position:relative;
  z-index:0;
}

a {
}

img {
  border:0;
}

div.menu a {
  /*color:#bbb;*/
  border:0;
  font-weight:bold;
  text-decoration:none;
}

div.menu a:hover {
  /*color:#f0c070;*/
}

.renderer.data h1 {
  display:none;
}

div.navigation {
  text-align:center;
  z-index:200;
  padding-right:3px;
}

div.navigation h1 {
  margin:2mm;
}

div.navigation > ul, div.navigation > ul > li {
  display:inline;
  margin:0;
  padding:0;
}

div.navigation > ul > li {
  margin:0;
  padding:0;
}

.renderer.data > ul, .renderer.data ul > li {
  display:block;
}

div.navigation > ul > li#preferences,
div.navigation > ul > li#help,
div.navigation > ul > li#log-out
{
  display:none;
}

div#top-bar {
  margin-left:3px;
}

div#header {
  margin:auto;
  background-repeat:no-repeat;
  background-position:left bottom;
  width:997px;
  height:295px;
  position:relative;
}

div#header-image {
  width:997px;
  height:271px;
  position:absolute;
  top:30px;
}

div#header-clock-container {
  position:absolute;
  top:14px;
  left:463px;
  width:70px;
  height:30px;

  text-align:center;
  font-size:110%;
  font-weight:bold;
}

#header ul {
  position:relative;
  margin:0;
  padding:0;
  height:40px;
}

#header img {
  float:left;
}

#header li
#header li
#header li
{
  display:inline;
}


div#debug-footer {
  display:none;
  text-align:left;
  margin:auto;
}

div.debug-toolbar {
  position:absolute;
  top:10px;
  left:10px;
}

fieldset {
  margin:auto;
  width:80%;
  border:0;
}

label.radio {
  display:inline;
  padding:2mm;
  white-space:nowrap;
}

label.radio span {
  display:inline;
  padding:2mm;
  white-space:nowrap;
}

button {
  display:block;
  margin:auto;
}

.page-extra-bottom-1 {
  clear:both;
}

.page-extra-bottom-2 {
  background:url(/pub/images/layout/footer/footer_bar.png) top;
  width:1001px;
  height:71px;
  margin:auto;
}

div.inner-navigation {
  margin-top:20px;
}

h2 {
  text-align:left;
  margin-left:20px;
  margin-right:auto;
  margin-top:-0.7em;
  z-index:5;
}

h2#title span {
  border:2px solid gray;
  background-color:black;
  padding:5px;
}

div#inner-content {
  margin-top:2em;
  margin-bottom:2em;
}


div#content h1 {
  margin:20px;
}

#content {
  /*padding-top:50px;*/

  padding-top:30px;
  padding-bottom:40px;
  font-size:100%;
  background-position:-20px -60px;
}

.view.form.player ul li,
fieldset ul li {
  display:block;
  text-align:left;
  margin-top:20px;
}

fieldset ul li {
  margin-top:5px;
}

.view.form.player ul li label span,
fieldset ul li label span 
{
  display:block;
  text-align:left;
}

.view.form.player textarea {
  width:90%;
  height:10em;
}

.validation-errors-summary {
  margin-bottom:15px;
}

.validation-errors-summary ul li {
  display:block;
  color:red;
}

.validation-error {
  display:none;
}

h2.error-count {
  display:none;
}

th,td {border:0;padding:0;margin:0;}
ul,ol,dl {border:0;padding:0;margin:0;}
ul,dl, ul li, dl dd {list-style-type:none;} 

div#online-users {
  border:0px solid #f5e0be;
  text-align:left;
  padding-left:10mm;
  margin-top:2ex;
}

div#online-users p {
  display:inline;
}

div#online-users ul, div#online-users li {
  display:inline;
  list-style-type:none;
  font-style:italic;
/*  text-decoration:underline;*/
}

div.mainmenu > ul, div.mainmenu > ul > li,
div#header > ul, div#header > ul > li {
  display:inline;
  list-style-type:none;
}

ul#footer-menu {
  margin:auto;
  margin-top:15px;
  padding-top:5px;
  border-top:1px solid #444;
  text-align:center;
  font-size:90%;
  width:80%;
}

ul#footer-menu li {
  display:inline;
  list-style-type:none;
  padding:5px;  
  font-size:90%;
}

div.help {
  width:650px;
  text-align:left;
  margin:auto;
}

div.helpmenue {
  display:block;
  margin:auto;
  text-align:center;
}

div.jewellerdesc h3 {
  margin-top:-3px;
}

div.privacy {
  width:650px;
  text-align:left;
  margin:auto;
}

div.privacy ol > li {
  list-style-type:upper-roman;
}

div.privacy ul > li {
  list-style-type:disc;
}

div.privacy h2 {
  text-align:center;
  margin-right:20px;
}

div.rules h2 {
  text-align:center;
  margin-right:20px;
}

div.rules {
  width:650px;
  text-align:left;
  margin:auto;
}

div.rules ol  > li {
  list-style-type:upper-roman;
}

div.rules ol > li ol > li {
  margin-left:21px;
  list-style-type:lower-latin;
}

div.agb {
  width:650px;
  margin:auto;
  text-align:left;
}

div.agb h2 {
  text-align:center;
}

div.agb ul li,
div.agb ol li,
div.rules ul li,
div.rules ol li,
div.privacy ul li,
div.privacy ol li
{
  display:list-item !important;
  margin:10px 0;
}

div.non-usable img {
  outline:1px solid #aa2222;
  opacity:0.4;
  /*background-color:grey;*/
}

input[type="text"],
input[type="password"]
{
  width:180px;
  font-size:100%;
}

input[type="text"],
input[type="password"],
input[type="checkbox"],
select,
option,
textarea
{
  /*background-color:#242440;*/
  background-color:#051a27;
  color:#f5e0be;
}

input[type="checkbox"] {
  vertical-align:middle;
}

div.navigation .view a, .view input[type="image"] {
  outline:0;
  border:0;
}

.icon {
  margin:3px;
}

.action-summary {
  width:80%;
  margin:auto;
}

.action-summary-stats {
  margin:30px auto;
  font-size:220%;
  font-weight:bolder;
}

table.action-summary-stats {
  width:80%;
  text-align:center;
}

table.action-summary-stats td {
  vertical-align:bottom;
}

.bonus {
  color:#1b1;
}

.malus {
  color:#e11;
}

span.infotip {
  border-bottom:1px dashed #999999;
  cursor:help;
  font-size:0.9em;
  letter-spacing:0.07em;
}

/*
.yui-tt.infotip {
  background-color:blue;
}
  */

.yui-nav .selected {
  font-weight:bold;
}

.slot-name .required-slot {
  /*display:none;*/
}

.impressum {
  width:50%;
  text-align:left;
  margin-left:30px;
  padding-left:60px;
  padding-right:60px;
}

.impressum h2 {
  margin-left:0px;
}

#password-reminder .slot-name,
#password-reminder .extra
{
  display:inline;
  text-align:center;
}

#password-reminder input[type="text"] {
  display:block;
  margin:auto;
}

div.town-center, div.clan-welcome-widget {
  width:500pt;
  margin:auto;
  text-align:left;
}

blockquote {
  padding:2mm 5mm;
  margin:5mm;
  margin-left:5mm;
  background-color:#222;
}

.light {
  vertical-align:middle;
  margin-bottom:1px;
  padding-right:4px;
}

div.footer {
  text-align:center;
}

div.footer li {
  display:inline;
  margin:10px;
}

div.divider {
  margin:10px 0;
}

td.rest-description, td.rest-statistics {
  vertical-align:top;
}

td.rest-description > div, td.rest-statistics > div {
  text-align:left;

  padding:30px 22px;

  overflow:auto;
}

td.news {
  vertical-align:top;
}

td.news > div {
  text-align:left;

  margin-top:25px;
  margin-right:50px;

  padding-left:50px;
  padding-right:20px;

  height:90px;
  max-height:90px;

  overflow:auto;
}

.form-fields-title {
  display:none
}

div#messages .menu {
  display:none;
}

.yui-ac-content {
  background-color:#222;
  border:1px solid #248;
}

.yui-ac-highlight {
  background-color:#248;
}

.yui-ac-content ul li {
  margin:2px !important;
}


table.rewards {
  margin-left:-90px;
  margin-top:10px;
  margin-bottom:15px;
}

.error-message {
  font:monospace;
}

.error-ident {
  font-size:0.6em;
}

div#countdown {
  padding-bottom:15px;
}

/* error page */
.error-message {
  font:monospace;
}

.error-ident {
  font-size:0.6em;
}

div.premium-description ul > li {
  list-style-type:square;
  display:list-item !important;
  margin:4px 20px;
}

div.level-up-report {
  width:60%;
  margin:auto;
}

img.f2p {
  position:absolute;
  right:30px;
  top:0;
}