.prompt {
   /*text-align:left;
   font-size:1.2em;
   width:99%;*/

   border-radius:2px;
   background-color:#f8cca6;
   text-align:left;
   padding: 5px;
   font-size:1.2em;
   width:99%;
}
p {
   padding:20px;
}
label {
   display: block;
   border-radius:2px;
   background-color:#f8cca6;
   text-align:left;
   padding: 5px;
   font-size:1.2em;
   width:99%;
}
label.optional {
  float: right;
  margin-right: 5px;
  width:80%;
}

input{
   margin-bottom:20px;
}
.errors {
   color: #D8000C;
}

.required {
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#loginTd {
   text-align:right;
   font-size:1.2em;
   width:99%;
}

#email {
   text-align:left;
   font-size:1.2em;
   width:99%;
}
#password{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#cpassword{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#fname{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#lname{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#quiz_q{
   display:inline-block;
   text-align:left;
   font-size:1.2em;
}

#quiz_ans{
   display:inline-block;
   text-align:left;
   font-size:1.2em;
   width:25%;
}

/*#zipcode{
   text-align:left;
   font-size:1.2em;
   width:99%;
}*/
.msg {
   text-align:justify;
   font-size:1.2em;
   margin:auto;
   width:95%;
}

#footer {
   font-size: 1em;
   color: #1a3024;
   text-align: center;
   margin: 10px 50px 0 50px;
   padding-top: 10px;
}

h3{
   text-align:center;
   color:#214230;
   width:95%;
}

section{
   border:5px solid;
   border-radius:5px;
   border-color:#9a996e;
   margin-bottom:20px;
   padding-bottom:15px;
   box-shadow: 5px 5px 5px #888888;
   background-color:#f1e3bb;
   width:100%;
}

table{
   table-layout:fixed;
   margin:auto;
   padding:0px;
   width:95%;
}

form{
   /*table-layout:fixed;*/
   margin:auto;
   padding:0px;
   width:95%;
}
select{
   text-align:left;
   font-size:1.2em;
   width:100%;
}

button{
   text-align:center;
   color:#191d1f;
   font-size:1.2em;
   /*width:100%;*/
}

#login{
   text-align:center;
   color:#191d1f;
   font-size:1.1em;
}

#reset_btn{
   text-align:right;
   color:#191d1f;
   font-size:1.2em;
}

#recover_btn{
   text-align:right;
   color:#191d1f;
   font-size:1.1em;
}

#register_btn{
   text-align:right;
   color:#191d1f;
   font-size:1.2em;
}

#btn_login{
   text-align:right;
   color:#191d1f;
   font-size:1.0em;
}


#foo-input{
   font-size:1.2em;
   height:50px;
   padding:0px;
   padding-left:10px;
}
img{
   display:inline;
   vertical-align:middle;
}
body {
   margin-left:auto;
   margin-right:auto;
   width:100%;
   max-width:600px;
   font-size:100%;
   font-family:Arial, Helvetica, sans-serif;
   background-color:#d0d1b4;
}

input:invalid {
  border: 1px dashed orange;
}

input:invalid:required {
  background-image: linear-gradient(lightgreen);
}

input:valid {
  border: 2px solid black;
}

#device_add{
   text-align:center;
   color:#191d1f;
   font-size:1.1em;
}

#device_add_btn{
   text-align:right;
   color:#191d1f;
   font-size:1.2em;
}

#cancel{
   text-align:right;
   color:#191d1f;
   font-size:1.2em;
}

#zipcode{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#device_name{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#alias{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#reg_code{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

#country{
   text-align:left;
   font-size:1.2em;
   width:99%;
}

legend {
   display: block;
   border-radius:2px;
   background-color:#f8cca6;
   text-align:left;
   padding: 5px;
   font-size:1.2em;
   width:99%;
}