@charset "utf-8";
/* CSS Document */
body {background:#222222;}
#outer {position: absolute;top: 50%;left: 0px;width: 100%;height: 1px;overflow: visible; }        
#inner {width: 450px; height: 350px;margin-left: -260px;  /*  width / 2   */position: absolute;top: -180px; /*  height / 2   */
left: 50%; text-align:center; border:1px solid #0CA3D2; 
	background: white;
 	border-radius: 3px;
  	-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  	box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.login {
  position: relative;
  margin: 0 auto;
  padding: 20px 20px 20px;
  width: 310px;
  background: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}
#inner:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
#inner h1 {
  line-height: 40px;
  margin-top:0px;
  font-size: 18px; font-family:cambria;
  font-weight: bold;
  color: #555;
  text-align: center;
  text-shadow: 0 1px white;
  background: #f3f3f3;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
 }
 
input {
	-moz-box-sizing: content-box;
    border: 1px solid #B2B2B2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    margin-top: 4px;
    padding: 10px 5px 10px 32px;
    transition: all 0.2s linear 0s;
    width: 80%;
	padding: 10px 5px 10px 32px;
}
label { font-family:cambria; font-size:13px; font-weight:bold; color:#555555; text-align:left;}
.emailinput{
    background:url(../../images/user.png) no-repeat; background-position:left center;
    background-repeat:no-repeat; margin:5px;
}
.passinput{
    background:url(../../images/key.png) no-repeat; background-position:left center;
    background-repeat:no-repeat; margin:5px; 
}
.passinput1{
    
    background-repeat:no-repeat; margin:5px; 
}
 
 .submit { 
 	background: none repeat scroll 0 0 #222222;
    border: 1px solid #1C6C7A;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0 0 0 3px #FEFEFE, 0 5px 3px 3px #D2D2D2;
    color: #999999;
    cursor: pointer;
    font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
    font-size: 24px;
	margin-top:30px;
    margin-bottom: 10px;
    padding: 0px 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    transition: all 0.2s linear 0s;
    width: 30%;
	height:40px;
	}
	
	.form-control-login {
  display: block;
  width: 95%;
  height: 34px;
  font-size: 14px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  margin:5px;
 
    border: 1px solid #B2B2B2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
    margin-top: 4px;
    padding:3px 5px 1px 32px;
    transition: all 0.2s linear 0s;
}