html, body  { height: 100%; margin: 0px; padding: 0px; width: 100%;}
*           { margin: 0px auto; padding: 0px; }
body        { background-color: #b6b6b6; font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; }
input       { background: transparent; }
select      { width: 50px; vertical-align: middle; }

.shim       { visibility: hidden; width: 100%; height: 50%; margin-top: -200px; float: left; }
.container  { width: 479px; height: 300px; clear: both; position: relative; top: -200px; position: static; }
.arrown_down    { display: none; height: 4px; padding-left: 40px;}
.thisForm   { border: 0px; background-color: #313131; width:479px; height: auto; float: left;}
.top_space  { display: block; height: 18px; }
.u_p_space  { display: block; height: 16px; }
.bottom_space   { display: block; height: 16px; }
.spacer     { display: block; float: left; height: 10px; width:100%; }

.email_div  { display: block; height: 20px; padding-left: 30px;}
.emailLbl { float: left; width: 90px; text-align: left; vertical-align: middle; padding-top: 3px; }
.emailInputContainer { float: left; width: 330px; text-align: center; }

.username_div   { display: block; height: 20px; padding-left: 30px;}
.usernameLbl { float: left; width: 90px; text-align: left; vertical-align: middle; padding-top: 3px; }
.usernameInputContainer { float: left; width: 330px; text-align: center; }

.password_div   { display: block; height: 20px; padding-left: 30px;}
.passwordLbl { float:left; width: 90px; text-align: left; vertical-align: middle; padding-top: 3px; }
.passwordInputContainer { float:left; width: 330px; text-align: center; }

.3tier_div  { display: block; height: auto; }
.char_txt   { display: block; padding-left: 30px;}

.bottom_corners { display: block; }
.bottom_corners .bl_cnr { display: block; float: left; width: 8px; height: 6px; padding: 0px; }
.bottom_corners .bm_cnr { display: block; float: left; width: 463px; height: 6px; padding: 0px; }
.bottom_corners .br_cnr { display: block; float: left; width: 8px; height: 6px; padding: 0px; }
.btnLogin   { display: block; text-align: right; }
.btnSend    { display: block; text-align: right; }

a           { font-family: Arial, Helvetica, Sans-serif; font-size: 10px; font-weight: normal; color: #313131; text-decoration: none; }
a:hover     { text-decoration: underline; }

.char       { font-weight: bold; }
.char_txt   { padding:5px; vertical-align: middle; line-height: 20px; text-align: center; }
.hand       { cursor: pointer; }
.input      { background-color: #FFFFFF; border: 1px solid #bbbfc0; width: 330px; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: normal; }
.login_txt  { background-color: #8c8c8c; padding-left:20px; padding-top:15px; padding-bottom:5px;}
.logo       { display:block; padding: 0px; margin: 0px; border: solid 0px #000000; border-bottom: 1px solid #c6c6c6; width: 100%; height: auto;}

.forgotten { padding: 5px; display: block; text-align: right;}
.lostPword { padding: 5px; display: block; text-align: right;}


@media only screen and (max-width: 479px) {
	body {
		width: 90%;
		margin: 0 auto;
		margin-top:10%;
		font-size: 14px;
		height: auto;
	}

	.bottom_corners { display: none; }
	.bottom_corners .bl_cnr { display: none; float: left; width: 8px; height: 6px; padding: 0px; }
	.bottom_corners .bm_cnr { display: none; float: left; width: 100%; height: 6px; padding: 0px; }
	.bottom_corners .br_cnr { display: none; float: left; width: 8px; height: 6px; padding: 0px; }

	.input      { font-size: 24px; }

	.container {
		width:100%;
		height: auto;
	}

	.logo {
		width: 100%;
		height: auto;
	}

	.thisForm {
		width: 100%;
		padding-bottom: 15px;
		border-radius: 0px 0px 5px 5px;
		-moz-border-radius: 0px 0px 5px 5px;
		-webkit-border-radius: 0px 0px 5px 5px;		
	}

	.3tier_div  { display: block; height: auto; }

	.arrown_down { display:none; }

	.email_div  { display: block; height: 20px; padding-left: 15px;}

	.username_div   { display: block; height: 20px; padding-left: 15px;}

	.password_div   { display: block; height: 20px; padding-left: 15px;}

	.usernameLbl {
		display: block;
		width: 100%;
	}

	.username_div {
		padding-right: 15px;
		height:100%;
	}

	#user_name {
		width:100%;
	}

	.usernameInputContainer {
		width:100%;
	}

	.passwordLbl {
		display: block;
		width: 100%;
	}

	.password_div {
		padding-right: 15px;
	}

	#user_password {
		width:100%;
	}

	.passwordInputContainer {
		width:100%;
	}

	.emailLbl {
		display: block;
		width: 100%;
	}

	.email_div {
		padding-right: 15px;
		height:100%;
	}

	#email {
		width:100%;
	}

	#email_both {
		width:100%;
	}

	#email_pwd {
		width:100%;
	}

	.emailInputContainer {
		width:100%;
	}


	.spacer {
		width:100%;
	}

}