@charset "utf-8";
/* Mainstyle.css - CommercePromote  - Joe Gardner 2010 */
body {
	background-color: #ffffff;
	font-family: Helvetica, Arial,sans-serif;
	font-size: 12px;
}
img {
	border: 0px solid #000000;	
}
.page {
	width: 770px;
	height: auto;
	margin: 0px auto 0px auto;
}
.banner {
	width: 770px;
	height: 101px;
}
.main {
	width: 770px;
	height: 300px;
	background-image: url(../Images/LogInBack.jpg);
}
.inner {
	/*width: 400px;
	height: 200px;
	border: 0px solid #000000;
	padding: 50px 0px 0px 60px;*/
    width: 302px;
    height: 200px;
    border: 0px solid #000000;
    margin: 0 auto;
    padding-top: 60px;
}
.footer {
	width: 770px;
	height: 54px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../Images/Footer.jpg);
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
.copyright {
	margin: 20px 0px 0px 0px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
}

.login-text {
    line-height: 19px;
    font-weight: 400;
    font-size: 14px;
    color: #333;
}

.login-input {
    border: 1px solid #BDBDBD;
    height: 32px;
    padding: 2px 8px;
    background: #fff;
    font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 2px;
}

.login-btn {
    width: 100%;
    background-color: #236db8;
    border: none;
    text-align: center;
    float: left;
    padding: 9px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    transition: all 0.5s;
    cursor: pointer;
}

.login-btn:hover {
    background-color: #08529d;;
}

.login-btn:active {
    opacity: 0.5;
}

.login-box {
    background: rgba(255,255,255,0.8);
    padding: 15px 15px;
    border-radius: 10px;
}