:root
{
  background-color: #ffffff;
  color: #000000;
}

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

input
{
  border: 2px solid #000000;
}

input[type=submit]
{
  background-color: #ffd700;
}

select
{
  border: 2px solid #000000;
}

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

a:hover
{
  color: #d9b600;
}

#msg
{
  border: 2px solid #000000;
  background-color: #eeeeee;
}

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

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

.description
{
  color: #444444;
}

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

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

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

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

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

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


@media only screen and (max-width: 999px)
{
  body
  {
    background-image: none;
  }
  
  
  #msg
  {
    border-left: 0px;
    border-top: 1px solid #000000;
    border-right: 0px;
    border-bottom: 1px solid #000000;
    background-color: inherit;
  }
}