:root
{
  background-image: url('./../img/blackrock.1280x1024.jpg');
  background-position: center top;
  background-repeat: repeat;
  background-color: #1c1c1c;
  color: #ffd700;
}

body
{
  background-image: url('./../img/anart.dark.1280x1024.jpg');
}

input
{
  border: 2px solid #ffd700;
  background-color: #000000;
  color: #ffd700;
}

input[type=submit]
{
  border: 2px solid #ffff00;
  background-color: #ffd700;
  color: #000000;
}

select
{
  border: 2px solid #ffd700;
  background-color: #000000;
  color: #ffd700;
}

button
{
  border: 2px solid #ffff00;
  background-color: #ffd700;
  color: #000000;
}

a:hover
{
  color: #bd5d00;
}

#msg
{
  border: 2px solid #ffd700;
  background-color: #444444;
}

#sun
{
  border-left: 1px solid #ffd700;
  border-right: 1px solid #ffd700;
}

.button
{
  border: 1px solid #ffd700;
  background-color: #000000;
  color: #ffd700;
}

.description
{
  color: #c4c4c4;
}

#plain hr
{
  width: 32%;
  margin-left: auto;
  margin-top: 8px;
  margin-right: auto;
  margin-bottom: 16px;
  border-top: 1px solid #bd5d00;
}

#plain input:disabled
{
  background-color: #444444;
}

.usersTable th
{
  border: 1px solid #ffd700;
}

.usersTable td.odd
{
  border-left: 1px solid #ffd700;
  border-top: none;
  border-right: 1px solid #ffd700;
  border-bottom: none;
  background-color: #444444;
}

.usersTable td.even
{
  border-left: 1px solid #ffd700;
  border-top: none;
  border-right: 1px solid #ffd700;
  border-bottom: none;
  background-color: #222222;
}

.usersTable tr:last-child td
{
  border-left: 1px solid #ffd700;
  border-top: none;
  border-right: 1px solid #ffd700;
  border-bottom: 1px solid #ffd700;
}


@media only screen and (max-width: 999px)
{
  :root
  {
    background-image: none;
    background-color: #1c1c1c;
    color: #ffd700;
  }

  body
  {
    background-image: none;
  }
  
  #msg
  {
    border-left: 0px;
    border-top: 1px solid #ffd700;
    border-right: 0px;
    border-bottom: 1px solid #ffd700;
    background-color: inherit;
  }
}