@charset "utf-8";
@import url(/css/fontawesome.css);

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

body {
  color: #606468;
  font: 87.5%/1.5em 'Open Sans', sans-serif;
  margin: 0;
}

input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

p {
  line-height: 1.5em;
}

after { clear: both; }

#topbanner {
  width: 100%;    
  margin: 0px auto;
  margin-top:10px; 
}

#bottombanner {
  width: 680px;
  height: 100px;
  margin: 0px auto;
  margin-top:15px; 
}


#innercontainers {
  width: 950px;
  margin: 10px 0px 10px auto;
  border: 1px;
  border-style: solid;
  border-colod: #008600;
}

#login {
  margin: 0px auto;
/*  margin-top: 50px; */
  width: 300px;
}

#login form {
  margin: auto;
  padding: 22px 22px 22px 22px;
  width: 100%;
  border-radius: 5px;
/*  background: #eeeeff;*/
  opacity: 0.90;
/*  border-top: 3px solid #434a52; */
/*  border-bottom: 3px solid #434a52;*/
}

#login form span {
/*  background-color: #363b41; */
/*  background: #222288; */
  background: #aeaeff;
  border-radius: 3px 0px 0px 3px;
  border-right: 3px solid #434a52;
  color: #606468;
  display: block;
  float: left;
  line-height: 40px;
  text-align: center;
  width: 15%;
  height: 40px;
}

#username {
  width: 278px;
}

#login form input[type="text"] {
/*  background-color: #3b4148; */
/*  background: #8888cc;*/
  border-radius: 0px 3px 3px 0px;
/*  color: #a9a9a9; */
  color: #000086;
/*  color: #222288;*/
  margin-bottom: 1em;
  margin-left: 0 auto;
/*  padding: 0 16px; */
  padding: 0 10px;
  width: 210px;
  height: 40px;
}

#password {
  width: 278px;
}

#login form input[type="password"] {
/*   background-color: #3b4148; */
  border-radius: 0px 3px 3px 0px;
/*  color: #a9a9a9; */
  color: #000086;
  margin-bottom: 1em;
/*  padding: 0 16px; */
/*  width: 215px;*/
  margin-left: 0 auto;
/*  padding: 0 16px; */
  padding: 0 10px;
  width: 210px;
  height: 40px;
}

#code {
  width: 278px;
}

#codestyle {
  background-color: #aaeeaa;
  border-radius: 0px 3px 3px 0px;
/*  color: #a9a9a9; */
  color: #000086;
  margin-bottom: 1em;
  margin-left: 0 auto;
  padding: 0 10px;
  width: 210px;
  height: 40px;
}

#login form input[type="submit"] {
  background: #228822;
  border: 0;
  width: 100%;
  height: 35px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

#login form input[type="submit"]:hover {
  background: #16aa56;
}

#buttonstr {
  background: #0000cc;
  border: 0;
  width: 100%;
  height: 35px;
  margin-top: 10px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

#buttonstr:hover {
  background: #0000ff;
}


#forgotstr {
  background: #eebbbb;
  border: 0;
  width: 100%;
  height: 35px;
  margin-top: 10px;
  border-radius: 3px;
  color: black;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

#forgotstr:hover {
  background: #ee9999;
}


#loginclose {
  width: 100%;
}

@supports (-ms-ime-align:auto) {
  #login form input[type="submit"] {
    width: 275px;
  }
  #buttonstr {
    width: 275px;
  }
  #forgotstr {
    width: 275px;
  }
  #loginclose {
    width: 275px;
  }
}


#regdetail {
  display: none;
  width: 500px;
  margin: auto;
  padding: 8px;
  border: #ffff00;
  position: relative;
  top: 0px;
  left: -90px;
  border-radius: 3px 3px 3px 3px;
  background: #000086;
  color: #ffffff;
  opacity: 0.8;
}

#showerror {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
  background: #ffeeee;
  color: #ff0000;
  font-size: 16px;
}

#showbanner {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
  background: #eeeeff;
  color: #000086;
  font-size: 16px;
}

#infozerofile {
  display: inline-block;
  position: relative;
  width:400px;
  padding: 0.6em;
  margin-left: -10px;
  margin-bottom:10px;
  background: #e0edff;
  color:#000086;
  font-weight:bold;
  opacity: 0.8;
  text-align: center;
  border-radius: 7px 7px 7px 0px;
}

#infozerofile:after{
  position: absolute;
  content: '';
  top: 100%;
  left: 0px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

#infohowto {
  display: inline-block;
  position: relative;
  width:350px;
  padding: 0.3em;
  margin-left: 5px;
  margin-bottom:5px;
  background: #e0edff;
  color:#000086;
  font-weight:bold;
  opacity: 0.85;
  text-align: center;
  border-radius: 7px 7px 7px 7px;
}