body, html {
margin:0;
padding:0px;
font-family:Arial;
overflow:hidden;
overflow-y:hidden;
overflow-x:hidden;
font-weight:bold;
}
.frame {
z-index:1;
top:32;
position:fixed;
left:0;
right:0;
bottom:0;
overflow:hidden;
overflow-y:hidden;
overflow-x:hidden;
border-left:4px solid #FFFFFF;
border-right:4px solid #FFFFFF;

}
.red {
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#B40404), to(#FF0000));
  background: -moz-linear-gradient(0 0 270deg, #B40404, #FF0000);
  background: linear-gradient(#B40404, #FF0000);
  background: -o-linear-gradient(#B40404, #FF0000);
}
.top {
position:fixed;
top:0;
right:0;
left:0;
font-size:25px;
color:#FFFFFF;
padding:3px;
z-index:100;
text-decoration:none;
font-family:Arial;
text-align:center;
border-bottom:4px solid #FFFFFF;
}
.bottom {
position:fixed;
bottom:0;
right:0;
left:0;
font-size:25px;
color:#FFFFFF;
padding:3px;
z-index:100;
text-decoration:none;
font-family:Arial;
text-align:center;
border-top:4px solid #FFFFFF;
}
.topbut:hover {
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#6D2413), to(#F04E29));
  background: -moz-linear-gradient(0 0 270deg, #6D2413, #F04E29);
  background: linear-gradient(#6D2413, #F04E29);
  background: -o-linear-gradient(#6D2413, #F04E29);
}
.topback:hover {
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#6D2413), to(#F04E29));
  background: -moz-linear-gradient(0 0 270deg, #6D2413, #F04E29);
  background: linear-gradient(#6D2413, #F04E29);
  background: -o-linear-gradient(#6D2413, #F04E29);
}
.submit:hover {
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#6D2413), to(#F04E29));
  background: -moz-linear-gradient(0 0 270deg, #6D2413, #F04E29);
  background: linear-gradient(#6D2413, #F04E29);
  background: -o-linear-gradient(#6D2413, #F04E29);
}

.topbut {
position:fixed;
top:0;
right:0;
left:0;
font-size:25px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F04E29), to(#6D2413));
  background: -moz-linear-gradient(0 0 270deg, #F04E29, #6D2413);
  background: linear-gradient(#F04E29, #6D2413);
  background: -o-linear-gradient(#F04E29, #6D2413);
color:#FFFFFF;
padding:3px;
z-index:100;
text-decoration:none;
font-family:Arial;
text-align:center;
border-bottom:4px solid #FFFFFF;
}
.topback {
position:fixed;
top:0;
right:0;
left:0;
font-size:25px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F04E29), to(#6D2413));
  background: -moz-linear-gradient(0 0 270deg, #F04E29, #6D2413);
  background: linear-gradient(#F04E29, #6D2413);
  background: -o-linear-gradient(#F04E29, #6D2413);
color:#FFFFFF;
padding:3px;
z-index:100;
text-decoration:none;
font-family:Arial;
text-align:center;
}
.footer {
position:fixed;
bottom:0;
right:0;
left:0;
font-size:25px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F04E29), to(#6D2413));
  background: -moz-linear-gradient(0 0 270deg, #F04E29, #6D2413);
  background: linear-gradient(#F04E29, #6D2413);
  background: -o-linear-gradient(#F04E29, #6D2413);
color:#FFFFFF;
padding:3px;
z-index:100;
text-decoration:none;
font-family:Arial;
text-align:center;
border-top:4px solid #FFFFFF;

}
.link {
color:#FFFFFF;
font-size:25px;
text-decoration:none;
font-weight:bold;
}

.input {
display:inline-block;
width:100%;
min-width:100%;
padding-left:10px;
padding-right:10px;
padding-bottom:3px;
padding-top:3px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F04E29), to(#6D2413));
  background: -moz-linear-gradient(0 0 270deg, #F04E29, #6D2413);
  background: linear-gradient(#F04E29, #6D2413);
  background: -o-linear-gradient(#F04E29, #6D2413);
color:#FFFFFF;
font-size:28px;
font-family:Arial;
border-radius:5px;
border:4px outset #FFFFFF;
z-index:100;
margin-top:30px;
font-weight:bold;
}
.user {
display:inline-block;
width:70%;
min-width:70%;
padding-left:10px;
padding-right:10px;
padding-bottom:3px;
padding-top:3px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F04E29), to(#6D2413));
  background: -moz-linear-gradient(0 0 270deg, #F04E29, #6D2413);
  background: linear-gradient(#F04E29, #6D2413);
  background: -o-linear-gradient(#F04E29, #6D2413);
color:#FFFFFF;
font-size:28px;
font-family:Arial;
border-radius:5px;
border:4px outset #FFFFFF;
z-index:100;
font-weight:bold;
}

.submit {
font-family:Arial;
display:inline-block;
padding-left:40px;
padding-right:40px;
padding-bottom:3px;
padding-top:3px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F04E29), to(#6D2413));
  background: -moz-linear-gradient(0 0 270deg, #F04E29, #6D2413);
  background: linear-gradient(#F04E29, #6D2413);
  background: -o-linear-gradient(#F04E29, #6D2413);
color:#FFFFFF;
font-size:28px;
margin-top:30px;
border-radius:5px;
border:4px outset #FFFFFF;
float:right;
z-index:100;
font-weight:bold;
}
.heading {
color:#FFFFFF;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F04E29), to(#6D2413));
  background: -moz-linear-gradient(0 0 270deg, #F04E29, #6D2413);
  background: linear-gradient(#F04E29, #6D2413);
  background: -o-linear-gradient(#F04E29, #6D2413);

font-size:28px;
position:fixed;
top:25%;
font-family:Arial;
left:20%;
right:20%;
text-align:center;
padding:3px;
font-weight:bold;
display:inline-block;
overflow:hidden;
z-index:10;
border-radius:5px;
border:5px outset #FFFFFF;
}
.redtext {
color:#FF0000;
}
.redbg {
background-color:#FF0000;
}
::placeholder {
  color: white;
  opacity: 1; /* Firefox */
font-weight:bold;
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: white;
font-weight:bold;


}