/*
  Design by : Mahmoud Abd Alkarim
*/

.login
{
	width: 513px;
	height:280px;
	background:#1e4864;
	padding:0;
	overflow:hidden;	
	border-radius:10px 100px 10px 100px;
	border-bottom: solid #e6cf62;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.login form
{
	margin: 30px 0 0 40px;
	padding:0;	
}
.login form .username
{
	padding:7px 27px 7px 35px;
	margin:0px 0 0 0px;
	border:0;
	border-radius:3px;
  background:#FFF url(/images/244079595.png) no-repeat left;
  outline:0
}
.login form .password
{
	padding:7px 27px 7px 35px;
	margin:15px 0 0 0px;
	border:0;
	border-radius:3px;
  background:#FFF url(/images/User-Interface-Password-icon.png) no-repeat left;
 outline:0
}
.login form .submit
{
	width:90px;
	height:35px;
	margin:15px 0 0 0px;	
	border:0;
	border-radius:3px;
	background:#030226;
	color:#FFF;
  cursor:pointer
}
.login form .submit:hover
{
	background:#0070B3;
	color:#FFF;
}
.login form .forgot
{
	width:137px;
	height:35px;
	margin:10px 0 0 0;
	border:0;
	border-radius:3px;
	background:#030226 ;
	color:#FFF; 
  cursor:pointer
}
.login form .forgot:hover
{
	background:#0070B3;
	color:#FFF;
}

h1{
	color:#fff;
	    font-weight: 400;
    font-family: "HelveticaNeue-Regular","Helvetica Neue",Helvetica,arial,sans-serif;
}

#login-text{
	padding-left: 20px;
    width: 600px;
    float: right;
}

#right{
    width: 200px;
    float: right;
    background-color: #030226;
    height: 282px;
    border-left: solid #e6cf62;
}
#right img{
	    padding: 15px 0px;
}



@media screen and (max-width: 500px){

#frame-login {

        width:100%;

}
}


@media screen and (max-width: 500px){

#login-text {

    margin: 0 auto;
    width: 100%;

}
}


@media screen and (max-width: 500px){

.login {

    margin: 0 auto;
    width: 100%;

}
}



@media screen and (max-width: 500px){

#right {

display: none;

}
}