body {
background-image: url(imgs/bg.png);
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
body.inner {
background-image: url(imgs/backg.jpg);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
input[type="submit"] {
  background: #3fb9e4;
  background: -moz-linear-gradient(top,  #3fb9e4 0%, #299dcb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fb9e4), color-stop(100%,#299dcb));
  background: -webkit-linear-gradient(top,  #3fb9e4 0%,#299dcb 100%);
  background: -o-linear-gradient(top,  #3fb9e4 0%,#299dcb 100%);
  background: -ms-linear-gradient(top,  #3fb9e4 0%,#299dcb 100%);
  background: linear-gradient(to bottom,  #3fb9e4 0%,#299dcb 100%);
  border: 1px solid #299DCB;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
  -webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
  -khtml-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
  -moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
    text-shadow: -1px -1px 0 #2682A4;
  color:#fff!important;
}
img.screen {
margin-left: 5%;
margin-right: 5%;
}
input.submit {
  background: #3fb9e4;
  background: -moz-linear-gradient(top,  #3fb9e4 0%, #299dcb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fb9e4), color-stop(100%,#299dcb));
  background: -webkit-linear-gradient(top,  #3fb9e4 0%,#299dcb 100%);
  background: -o-linear-gradient(top,  #3fb9e4 0%,#299dcb 100%);
  background: -ms-linear-gradient(top,  #3fb9e4 0%,#299dcb 100%);
  background: linear-gradient(to bottom,  #3fb9e4 0%,#299dcb 100%);
  border: 1px solid #299DCB;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
  -webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
  -khtml-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
  -moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 0 #197599;
    text-shadow: -1px -1px 0 #2682A4;
  color:#fff!important;
}
div.anchor {
margin-left: 5%;
margin-right: 5%;
text-align: right;
}
div.content {
background-color: #EDEDED;
margin-left: 5%;
margin-right: 5%;
padding: 5px;
}
div.cypher {
font-weight: bold;
position: fixed;
right: 5%;
top: 40%;
}
div.flying {
position: fixed;
right: 10%;
top: 5%;
}
div.header {
position: absolute;
top: 15px;
}
div.hint {
color: #777777;
margin-left: 5%;
margin-right: 5%;
padding: 5px;
}
div.hint:hover {
color: #444444;
}
div.input_form {
margin-left: 5%;
margin-right: 5%;
}
div.root_menu {
font-size: 120%;
padding: 20px;
text-align: center;
}
div.submit {
text-align: center;
}
div.timer {
position: fixed;
right: 10px;
top: 10px;
color: #FF0000;
font-weight: bold;
text-align: center;
font-size: 140%;
}
div.inner_content{
margin-left: 2%;
margin-right: 2%;
padding: 5px;
}
td.option1 {
background-color: rgba(25, 98, 147, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
text-shadow: 2px 2px 5px black;
vertical-align: top;
}
td.option1:hover {
background-color: rgba(25, 98, 147, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-shadow: 2px 2px 5px black;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
cursor: pointer;
vertical-align: top;
}
td.option2 {
background-color: rgba(182, 156, 44, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
vertical-align: top;
}
td.option2:hover {
background-color: rgba(182, 156, 44, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-shadow: 2px 2px 5px black;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
cursor: pointer;
vertical-align: top;
}
td.option3 {
background-color: rgba(139, 139, 139, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-shadow: 2px 2px 5px black;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
vertical-align: top;
}
td.option3:hover {
background-color: rgba(139, 139, 139, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-shadow: 2px 2px 5px black;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
cursor: pointer;
vertical-align: top;
}
td.option4 {
background-color: rgba(169, 49, 27, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-shadow: 2px 2px 5px black;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
vertical-align: top;
}
td.option4:hover {
background-color: rgba(169, 49, 27, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-shadow: 2px 2px 5px black;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 20px 25px 0px 10px;
cursor: pointer;
vertical-align: top;
}
h1 {
font-family: OpenSansRegular, Arial, sans-serif;
text-align: center;
}
h2 {
font-family: OpenSansRegular, Arial, sans-serif;
text-align: center;
}
h3 {
font-family: OpenSansRegular, Arial, sans-serif;
text-align: center;
}
h4 {
font-family: OpenSansRegular, Arial, sans-serif;
text-align: center;
}
h2.inner {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-align: left;
color: #ffffff;
}
h2.inner_c {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
text-align: center;
color: #ffffff;
}
p.explaination {
margin-left: 5%;
margin-right: 5%;
}
p.vip {
color: #ff0000;
font-weight: bold;
margin-left: 5%;
margin-right: 5%;
}
span.attention {
color: #FF0000;
font-size: 110%;
font-weight: bold;
text-decoration: underline;
}
td.topline {
background-image: url(imgs/dot.png);
background-position: bottom;
background-repeat: repeat-x;
font-weight: bold;
}
td.inner {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
table {
border: 0px;
border-spacing: 0px;
padding: 0px;
}
.inner_input {
border: 1px;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #000000;
font-weight: bold;
font-size: 18px;
width: 200px;
height: 40px;
border-radius: 10px;
text-align: center;
}
.inner_long_input {
border: 1px;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #000000;
font-weight: bold;
font-size: 18px;
width: 400px;
height: 40px;
border-radius: 10px;
text-align: center;
}
.inner_button {
box-shadow: 2px 2px 5px black;
text-align: center;
position: relative;
top: 15px;
border-radius: 10px;
padding: 15px;
background-color: rgba(42, 139, 192, 1.0);
width: 200px;
}
.inner_button:hover {
box-shadow: 2px 2px 5px black;
text-align: center;
cursor: pointer;
position: relative;
top: 15px;
border-radius: 10px;
padding: 15px;
background-color: rgba(42, 139, 192, 0.75);
width: 200px;
}
td.rectangular_button_blue {
background-color: rgba(42, 139, 192, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.rectangular_button_yellow {
background-color: rgba(182, 156, 44, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
}
.rectangular_button_yellow:hover {
background-color: rgba(182, 156, 44, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.back {
height: 0px;
width: 0px;
border-top: 22px solid transparent;
border-right: 28px solid rgba(42,139,192,1.0);
border-bottom: 22px solid transparent;
cursor: pointer;
}
.forward {
height: 0px;
width: 0px;
border-top: 22px solid transparent;
border-left: 28px solid rgba(42,139,192,1.0);
border-bottom: 22px solid transparent;
cursor: pointer;
}
.rectangular_blue {
background-color: rgba(42, 139, 192, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
}
.rectangular_blue:hover {
background-color: rgba(42, 139, 192, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.rectangular_grey {
background-color: rgba(139, 139, 139, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
}
.rectangular_grey:hover {
background-color: rgba(139, 139, 139, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.navigation {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
}
a.inner {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
a.inner:link {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
a.inner:active {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
a.inner:visited {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
a.inner:hover {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 18px;
text-decoration: none;
}
.tests_list {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 12px;
margin: 12px;
}
a.agreement
{
color: #3fb9e4;
}
a.agreement:visited
{
color: #3fb9e4;
}
a.agreement:active
{
color: #2ea8f5;
}
a.agreement:hover
{
color: #3fb9e4;
text-decoration: none;
}
.table_header
{
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
}
.rectangular_orange {
background-color: rgba(169, 49, 27, 1.0);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
}
.rectangular_orange:hover {
background-color: rgba(169, 49, 27, 0.75);
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
padding: 10px;
text-shadow: 2px 2px 5px black;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
td.innerbg {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #ffffff;
font-weight: bold;
font-size: 20px;
background-color: rgba(139, 139, 139, 0.75);
text-shadow: 2px 2px 5px black;
}
.inner_form {
border: 1px;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #000000;
font-weight: bold;
font-size: 18px;
width: 600px;
height: 34px;
border-radius: 10px;
text-align: left;
text-indent: 8px;
}
.inner_form_short {
border: 1px;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
color: #000000;
font-weight: bold;
font-size: 18px;
width: 300px;
height: 34px;
border-radius: 10px;
text-align: left;
text-indent: 8px;
}