#pop{
position: fixed;
top: 20px;
left: 30%;
    /* margin-left: -387px; */
z-index: 400;
height:auto;
display:none;
}
#pop h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F5C9A;
border-bottom:1px #3F5C9A solid;
margin:0;
padding:0;
color:#fff !important;
}
#pop h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
margin:0;
padding:5px 0;
text-align:left;
color:#fff !important;
}

#pop1{
position: fixed;
top: 20px;
left: 30%;
    /* margin-left: -387px; */
z-index: 400;
height:auto;
display:none;
}
#pop1 h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F5C9A;
border-bottom:1px #3F5C9A solid;
margin:0;
padding:0;
color:#fff !important;
}
#pop1 h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
margin:0;
padding:5px 0;
text-align:left;
color:#fff !important;
}

#pop2{
position: fixed;
top: 20px;
left: 30%;
    /* margin-left: -387px; */
z-index: 400;
height:auto;
display:none;
}
#pop2 h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F5C9A;
border-bottom:1px #3F5C9A solid;
margin:0;
padding:0;
color:#fff !important;
}
#pop2 h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
margin:0;
padding:5px 0;
text-align:left;
color:#fff !important;
}


#overlay-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1000px;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 5;
display: none;
position: fixed;
 color:#fff !important;
}
.close-image{
display: block;
    float: right;
    position: relative;
    top: -7px;
    right: -13px;
    height: 30px;
    z-index: 100000;
}

html .login-wrap {
  position: relative;
  margin: 0 auto;
  background: #ecf0f1;
  width: 500px;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #333;
  padding: 15px;
}
html .login-wrap h2 {
  text-align: center;
  font-weight: 200;
  font-size: 2em;
  margin-top: 10px;
  color: #34495e;
}
html .login-wrap .form {
  padding-top: 20px;
}
html .login-wrap .form input[type="text"],
html .login-wrap .form input[type="password"],
html .login-wrap .form button {
  width: 80%;
  margin-left: 10%;
  margin-bottom: 10px;
  height: 40px;
  border-radius: 5px;
  outline: 0;
  -moz-outline-style: none;
}
html .login-wrap .form input[type="text"],
html .login-wrap .form input[type="password"] {
  border: 1px solid #bbb;
  padding: 0 0 0 10px;
  font-size: 14px;
}
html .login-wrap .form input[type="text"]:focus,
html .login-wrap .form input[type="password"]:focus {
  border: 1px solid #3498db;
}
html .login-wrap .form a {
  text-align: center;
  font-size: 10px;
  color: #3498db;
}
html .login-wrap .form a p {
  padding-bottom: 10px;
  font-size:13px;
}
html .login-wrap .form button {
  background: #e74c3c;
  border: none;
  color: white;
  font-size: 18px;
  font-weight: 200;
  cursor: pointer;
  transition: box-shadow .4s ease;
}
html .login-wrap .form button:hover {
  box-shadow: 1px 1px 5px #555;
}
html .login-wrap .form button:active {
  box-shadow: 1px 1px 7px #222;
}
html .login-wrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  background: -moz-linear-gradient(left, #27ae60 0%, #27ae60 20%, #8e44ad 20%, #8e44ad 40%, #3498db 40%, #3498db 60%, #e74c3c 60%, #e74c3c 80%, #f1c40f 80%, #f1c40f 100%);
  height: 5px;
  border-radius: 5px 5px 0 0;
}
.error
{
	position: relative;
    margin-bottom: 2em ;
    padding: 0px 0px 0px 50px ;
    -webkit-border-radius: 4px ;
    -moz-border-radius: 4px ;
    border-radius: 4px ;
	background:none !important;
	color:red !important;
	font-size:14px;
}
.loginerror
{
	text-align: center;
    font-size: 14px;
    color: red;
}
.forgotuser
{
	margin-left: 50px;
    float: left;
    font-size: 13px;
}