body {
  font-size: 100%;
  background: #435066;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.header {
  width: 320px;
  /* width: 30%; */
  margin-left: auto;
  margin-right: auto;
  color: white;
  background: #006699;
  text-align: center;
  border: 1px solid #B0C4DE;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  padding: 5px 5px 5px 5px;
  /* padding: 20px; */
}

.header h2 {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.header p {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

form {
    display: block;
    position: relative;     
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 5px;
    border-radius: 0px 0px 10px 10px;
    background-color: #dfebec;
    
}

form .content{
    background: transparent;
    width: auto;
}
.content {
  display: block;
  position: relative;
  width: 320px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 5px 5px 5px;
  border: 1px solid #B0C4DE;
  border-top: none;
  background: #3399CC;
  border-radius: 0px 0px 10px 10px;
}

.summary {
  display: block;
  z-index: 20;
  position: absolute;
  top: 38px;
  width: 317px;
  height: 363px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  border: 1px solid #B0C4DE;
  border-top: none;
  background: #3399CC;
  border-radius: 0px 0px 10px 10px;
}


.input-group {
  margin: 5px 0px 5px 0px;
}

.input-group label {
  display: block;
  text-align: left;
  margin: 3px;
  font-size: 14px;
}

.input-group input {
  height: 20px;
  width: 93%;
  padding: 3px 10px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid gray;
}

.questions{
    position: absolute;
    left: 0px;
    z-index: 5;
    top: -30px;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 20px 0px;
    background-color: inherit;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid gray; 
}

.questions, .show{
    display: block;
}

.question, .hide{
    display: none;  
}

.questionbanner{
    font-family: inherit;
    font-size: 1.2em;
    color: white;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    height: 30px;
    background-color: #006699;
    border-radius: 10px 10px 0px 0px;      
}

.inputwrapper{
    width: 100%;
    padding: 0px 0px;
}

.inputwrapper, input{
    width: 94%;
    padding-left: 10px;
    
}

.doblink {
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        animation: color-change 1s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: black; }
        50% { color: red; }
        100% { color: black; }
    }
    @-moz-keyframes color-change {
        0% { color: black; }
        50% { color: red; }
        100% { color: black; }
    }
    @-ms-keyframes color-change {
        0% { color: black; }
        50% { color: red; }
        100% { color: black; }
    }
    @-o-keyframes color-change {
        0% { color: black; }
        50% { color: red; }
        100% { color: black; }
    }
    @keyframes color-change {
        0% { color: black; }
        50% { color: red; }
        100% { color: black; }
    }
    
    

.ctrlbtn{
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 10px;
  text-align: center;  
  font-size: 14px;
  color: white;

  border: none;
  border-radius: 5px;
  cursor: pointer;  
}

.disabled{
    background: #bacfd0; 
      cursor: not-allowed; 
}
.enabled{
   background: #5F9EA0;
  cursor: pointer;    
}

.fullwidth{
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
 
}

.halfwidth{
  display: inline-block;
  width: 40%;
  
  margin-left: 8px;
  margin-right: auto;  
}

.btn {
  width: 49%;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 10px;
  font-size: 12px;
  color: white;
  text-align: center;
  border: none;
  border-radius: 5px;
}

.menuarea {
    display: block;
    position: relative;
    width: 92%;
    min-height: 345px;
    margin: 0px auto;
    padding: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    color: #a94442;
    background-color:#006699;
    border-radius: 5px;
    text-align: left;
}

.columnl {
  display: inline-block;
  width: 50%;
  float: left;
}
.columnr {
  display: inline-block;
  width: 50%;
  float: right;
}

.menubtn {
	-moz-box-shadow:inset 0px 0px 15px 3px #23395e;
	-webkit-box-shadow:inset 0px 0px 15px 3px #23395e;
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e466e), color-stop(1, #415989));
	background:-moz-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-webkit-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-o-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-ms-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e466e', endColorstr='#415989',GradientType=0);
	background-color:#2e466e;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:5px;
	border:1px solid #1f2f47;
	display:block;
	cursor:pointer;
        width: 282px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
	font-family:Arial;
	font-size:16px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}


.menubtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #415989), color-stop(1, #2e466e));
	background:-moz-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:-webkit-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:-o-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:-ms-linear-gradient(top, #415989 5%, #2e466e 100%);
	background:linear-gradient(to bottom, #415989 5%, #2e466e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415989', endColorstr='#2e466e',GradientType=0);
	background-color:#415989;
}
.menubtn:active {
	position:relative;
	top:1px;
}

.cred {
    color:#FF3300;    
}

.cgren{
    color:#33CC33
}

.cwhit{
    color:#ffffff;
}

.ltblu {
    color: #96dfff;
}

.error {
  width: 98%;
  margin: 0px;
  padding: 2px;
  color: #a94442;
  background: transparent;
  border-radius: 0px;
  text-align: left;
}

.error p {
  width: 95%;
  margin: 2px 5px 2px 5px;
  padding: 3px 5px;
  color: #FFFF00;
  background: #920A08;
  border-radius: 5px;
  text-align: left;
}

.success {
  color: #3c763d;
  background: #006699;
  margin-bottom: 5px;
}

a.button {
  float: right;
  font-size: 12px;
  text-align:center;  
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  color: #003300;
  height: 15px;
  width: 50px;
}

.notices{
    font-family: inherit;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}