@import url('https://fonts.googleapis.com/css?family=Oswald');

h4 {

  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  line-height: 16px; 
  display: inline-block;
  margin: 5px;

}

h5 {

  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  line-height: 10px; 
  display: inline-block;
  margin: 5px;

}

h6 {

  font-family: 'Verdana', sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 10px; 
  display: inline-block;
  margin: 5px;

}

h6 a:link {
  color: #000;
  text-decoration: none;
}

h6 a:visited {
  color: #000;
  text-decoration: none;
}

h6 a:hover {
  color: #cc6600;
  text-decoration: underline;
}

h6 a:active {
  color: #000;
}

/* No JavaScript CSS */

.noscript {
  width:100%;
  height:100%; /* will cover the text displayed when javascript is enabled*/
  z-index:100000; /* higher than other z-index */
  position:absolute;
}
.noscript #div100{
   display:block;
   height:100%;
   background-color:white; 
}

p {

  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  line-height: 12px; 
  margin: 5px;

}

p.wrong {

  background: #cc0000;
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  margin: 0px;
  /*width: 70%;*/
  padding: 5px;

}

#formwrapper {
  margin: 0px auto;
  width: 33%;
  padding: 20px;
  background: #b5d1ff;
}

label {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  color: #000;
}

meter {
    /* Reset the default appearance */
  /* -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;*/
            
  margin: 0 auto 10px;
  width: 25%;
  height: 16px;
    
    /* Applicable only to Firefox */
  background: none;
  background-color: rgba(0,0,0,0.1);
}

meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0,0,0,0.1);
}

meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: orange; }
meter[value="3"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: orange; }
meter[value="3"]::-moz-meter-bar { background: yellow; }
meter[value="4"]::-moz-meter-bar { background: green; }

.feedback {
  color: #000000;
  font-size: 10px;
  padding: 0 5px;
  font-family: verdana, sans-serif;
  margin-top: 5px;
}

.notice {
  border-style: none solid solid none;
  border-width: 3px;
  border-color: #63635d;
  border-radius: 15px;
  background: #faf2c0;
  padding: 10px;
}

.eventnotice {
  border-style: none solid solid none;
  border-width: 3px;
  border-color: #000;
  border-radius: 15px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  color: #fff;
  text-align: center;
  background: #006600;
  padding: 10px;
}

.eventnoticetext {

  border-style: none solid solid none;
  border-width: 3px;
  border-color: #000;
  border-radius: 15px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  color: #000;
  text-align: center;
  background: #aaffaa;
  padding: 10px;

}

.eventnoticetext p {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #000;
  text-align: center;
}