﻿div#page {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
} 

td {
  font-size:14px;
  line-height:1.5;
}
td a {
  font-size:14px !important;
}


.tableresults {
  text-align:center;
  position:relative;
  display:inline-block;
  width:240px;
  height:290px;
  background-color:#F5F5F5;
  font-size:14px;
  border:1px;
  border-style:solid;
  border-color:#C0C0C0;  
  line-height:1.23;
  margin:3px;
  font-weight:normal;
  vertical-align:top;
}


.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0px;
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  padding: 1em;
  display: none;
} 
.back-to-top:hover {
}
.trans-button {
  display: inline-block;
  width: 100px;
  padding: 4px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 7px;
  text-align: center;
  font-weight:bold;
  outline: none;
  text-decoration: none;
  text-shadow: 0 0 10px #595959;
}
.trans-button:hover {
  background-color: #30517F;
  color: #fff !important;
}
.trans-button:active {
  background-color: #30517F;
  color: #fff !important;
}
hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(150, 150, 150, 0), rgba(150, 150, 150, 0.75), rgba(150, 150, 150, 0));
}

.whr {
border: 0;
height: 1px;
width: 100%;
max-width: 600px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

/*

.responsive nav.art-nav 
{ 
position: fixed !important; 
width: 100% !important;
} 

.responsive header.art-header
{ 
margin-top: 37px !important;
padding-top:5px !important;
}

*/


.greyout {
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2000;
    top: 0px;
    left: 0px;
}
.loading {   
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background-color: rgba(0,0,0,0.3);
}
.loader {
    z-index: 4000;
    left: 50%;
    margin-left: -5em;
    font-size: 8px;
    border: 1.2em solid rgba(255, 255, 255, 1);
    border-left: 1.2em solid rgba(50, 90, 154, 1);
    animation: spin 1.1s infinite linear;
    -ms-transform: spin 1.1s infinite linear;    
    -webkit-animation: spin 1.1s infinite linear;
}
.loader, .loader:after {
    z-index: 4000;
    border-radius: 50%;
    width: 8em;
    height: 8em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
}
@keyframes spin {
  0% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}

.blink {
  animation: blink-animation 1s steps(2, start) 5;
  -webkit-animation: blink-animation 1s steps(2, start) 5;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.back-to-top
{
z-index: 3;
}


