@charset "utf-8";
/* CSS Document */
/*.rgt{

margin:20% auto auto 10%;}*/
#loginform input {
    max-width:50%;
    margin-bottom:5px;
    line-height:24px;
    padding:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CCC;
		}
#loginform input[type=submit] {
    margin-top:2px;
    margin-left:20px;
    padding:2px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

#loginform label {
    width:120px;
    float:left;
    font-size:12px;
    line-height:24px;
    font-weight:bold;
		}


.login form{
	background-color:white;
	font-family:"Century Gothic";

	margin-right:auto;
	border:#CCC solid 1px;
	padding:0 2% 2% 2%;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	

	}
.Signup h3{
	color: #007fff;
	}	
.Signup form{
	background-color:white;
	font-family:"Century Gothic";
	max-width:70%;
	/*margin-top:5%;*/
	border:#CCC solid 1px;
	padding:2% 6% 2% 6%;
	-webkit-box-shadow:0;
-moz-box-shadow:0;
box-shadow:0;

 margin-bottom:5%;
 margin-left:20%;

	}
.login form input{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}	
	
.btn{
	text-align:center;
	/*margin:5px;*/
	padding:2% 5% 2% 5%;
}


/* styling the checkbox "keep me logged in"*/
.keeplogin{
	margin-top: -5px;
}
.keeplogin input,
.keeplogin label{
	display: inline-block;
	font-size: 12px;	
	font-style: italic;
}
.keeplogin input#loginkeeping{
	margin-right: 5px;
}
.keeplogin label{
	width: 80%;
}
.clear{
	clear:both;}
.loginCopy{
	margin-top:5%;
	font-family:"Century Gothic";
		}
		
.err{
	font-size:12px;
	margin-bottom:8px;}		

@media screen and (max-width:680px)
       {
		
		.login form{
	
	max-width:60%;
	margin-top:20%;
	margin-left:auto;
	margin-right:auto;
	border:#CCC solid 1px;
	padding:2%;
		}
	
		
	
	.loginCopy{
	margin-top:15%;
	font-family:"Century Gothic";
		}
		
.Signup form{
	margin-top:5%;
	-webkit-box-shadow:0;
-moz-box-shadow:0;
box-shadow:0;

	}


	   }