@charset "utf-8";
body {
background : #f5f4f4;
margin : 0;
padding : 0;
font-size : 14px;
}

a {
color : #114E6B;
text-decoration : none;
outline : none;
}

a:visited {
color : #114E6B;
font-weight : bold;
}
.nav {
background : #efefef;
border-bottom : 1px solid #ccc;
}
.touch {
color : #960000;
background : #ffffff;
padding : 10px;
border-bottom : 1px solid #ede9dc;
text-decoration : none;
display : block;
}
.touch img {
position : relative;
vertical-align : middle;
bottom : 1px;
margin-right : 3px;
}
.touch:hover {
background : #f7f6f0;
color : #555555;
text-decoration : underline;
}
.touch p {
padding : 2px 2px 2px 5px;
margin : 5px 0 2px 7px;
border-left : 1px dashed #555555;
font-size : 8pt;
color : #F20056;
}
.h2 {
background : url(img/header.png) repeat-x #308BCF;
z-index : 1;
position : relative;
font-weight : bold;
padding : 10px;
color : #FFFFFF;
border-bottom : 1px solid #358BCF;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}
.logo {
background : #13384a;
padding : 0;
margin : 0;
text-align : center;
}
h2 {
background : #4890c6;
color : #114e6b;
padding : 0;
margin : 0;
text-align : center;
font-weight : bold;
font-size : 16px;
border : #114e6b solid 2px;
padding-bottom : 2px;
}
h6 {
background-color : #c5d3e0;
color : #6d8196;
font-family : verdana;
text-align : center;
font-size : 0.5em;
margin : 0;
padding : 0.5em;
}
.caption {
background-color : #d0e3ea;
color : #114e6b;
padding : 3px;
margin : 0;
font-weight : bold;
}

.slogan {
text-align : center;
font-weight : bold;
font-size : 14px;
}

.h1 {
background : url(/css/img/footer.gif) repeat-x #d67728;
border-top : 1px solid #d26c24;
padding : 4px;
color : #ffffff;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.25) inset;
position : relative;
bottom : 0;
font-weight : bold;
}
.text {
background : #f7f7f0;
border : #e0d3d7 solid 1px;
}
textarea {
width : 100%;
}
input[type="submit"], input[type="button"] {
color : white;
background : #639de1;
border-width : 1px;
border-color : #4e89cd;
border-style : solid;
margin : 0px;
}
.top {
text-align : center;
background-color : gray;
color : #fff;
font-size : small;
margin-top : 0;
margin-bottom : 0;
}
.ad {
background-color : #d0e3ea;
font-size : small;
font-weight : normal;
}
.choice1 {
background-color : #bcd6ea;
}
.choice2 {
background-color : #a1fda0;
}
#elapsed_time {
background : #f
7f7f0;
font-size : small;
}

.title{
    background:url(/css/img/footer.gif) repeat-x #d67728;
    border-top:0px solid #d26c24;
    padding:0px;
    color: white;
    font-size: 8px;
    text-align: center;
}
.description{
  font-size: small;
  background-color: #feeefe;
}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  align-items: center;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 1px 15px;
  text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #111;}

ul.topnav li a.active {background-color: #4CAF50;}

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px) {
  ul.topnav li.right,
  ul.topnav li {float: none;}
}
.switcher {
  overflow: hidden;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
}
.footer{
    background:#143d4f;
    color:#fff;
    font-size:10px;
    padding:0px;
    margin:0;
    text-align:center
}
ul.inline {
  list-style-type: none;
  margin: 1;
  padding: 0;
  overflow: auto;
  background-color: orange;
  align-items: center;
}
ul.inline li {float: left;}
ul.inline li a {
  display: block;
  color: white;
  text-align: center;
  padding: 1px 5px;
  text-decoration: none;
}
textarea {
  margin: 0px;
  border-radius: 10px;
}
.three.buttons {
  color: white;
  text-decoration: none;
  width: 100%;
  text-align: center;
  display: inline-block;
}
.three.button {
  background-color: #aaa;
  display: inline-block;
  padding: 0px;
  color: white;
  width: 32%;
  font-size: 15px;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0 auto;
}
.three.button:hover {
  background-color: #111;
}

.two.buttons {
  color: white;
  width: 100%;
  display: block;
  align-items: center;
}
.two.button {
  background-color: #aaa;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0px;
  color: white;
  width: 50%;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  align-items: center;
  text-align: center;
}
.two.button:hover {
  background-color: #888;
}
.two.button.primary {
  background-color: #3e9cea;
}
.two.button.primary:hover {
  background-color: #2181d1;
}
.button {
  background-color: #aaa;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0px;
  color: #fff;
  width: 100%;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  text-align: center;
}
.button.positve {
  background-color: #3d8e2a;
  color: white;
}
.button.positve:hover {
  background-color: #2d7e1a;
}
.button.orange {
  background-color: #d67728;
  color: white;
}
.button.orange:hover {
  background-color: #c66718;
}