html {
	font-size:14px;
	font-size:1rem;
}
form[name="frmUsername"] td {
	border:none !important;
	padding: 10px 0;
}
table#lang_table td {
	padding:0;
}
table#lang_table td.langtable {
	padding:5px 0 5px 20px;
}
form[name="frmUsername"] table.login, table.forgotpassword {
	background:#F6F6F6 !important;
	font-family: Arial,sans-serif;
    font-size: 14px;
	font-size:1rem;
	border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	height:auto;
}
form[name="frmUsername"] table.login a {
	color:#3075E7;
	text-decoration:none;
}
form[name="frmUsername"] table.login a:hover {
	text-decoration:underline;
}
form[name="frmUsername"] table.login input {
	font-size: 14px;
	font-size: 1rem;
    margin: -5px 15px 0 10px;
    margin: -0.357rem 1.071rem 0 0.714rem;
    padding: 8px;
    padding: 0.571rem;
}
form[name="frmUsername"] table.login input:focus, form[name="forgotIt"] input:focus {
	border:1px solid #4d90fe;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
form[name="frmUsername"] table.login input.submit, form[name="forgotIt"] input.submit {
	background-image: none;
	background-color: #4d90fe;
    background-image: -moz-linear-gradient(center top , #4d90fe, #4787ed);
    border: 1px solid #3079ed;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	margin:0;
}
form[name="forgotIt"] input {
	font-size: 14px;
	font-size: 1rem;
    margin: 5px 15px 5px 10px;
	margin: 0.357rem 1.071rem 0.357rem 0.714rem;
    padding: 8px;
	padding: 0.571rem;
	border:1px solid #cdcdcd;
}
form[name="forgotIt"] table td {
	font-family: Arial,sans-serif;
    font-size: 14px;
    font-size: 1rem;
	text-align: center;
	padding: 2px 0;
}
form[name="forgotIt"] input.submit {
	margin: 5px 0 20px;
	margin: 0.571rem 0 1.428rem;
}

#logo {
	padding:75px 0 65px;
}

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media screen and (max-width: 768px) {
	form[name="frmUsername"] table {
		width:100% !important;
	}
	form[name="frmUsername"] table.login {
		padding-top:50px;
		padding-top:3.571rem;
	}
	form[name="frmUsername"] table.login td {
		display: table;
		line-height: 0;
		padding: 0 0 10px;
		padding: 0 0 0.714rem;
		text-align: center;
		width: 100%;
	}
	form[name="frmUsername"] table.login input {
		font-size: 14px;
		font-size: 1rem;
		margin: 0 0 20px;
		margin: 0 0 1.428rem;
		max-width: 90%;
		min-width: 350px;
		min-width: 25rem;
		padding: 8px;
		padding: 0.571rem;
	}
	form[name="frmUsername"] table.login input.submit {
		margin-bottom: 15px;
		margin-bottom: 1.071rem;
		min-width: 100px;
		min-width: 7.142rem;
	}
	form[name="forgotIt"] table {
		width:100%;
		padding: 20px 0 0;
		padding:1.428rem 0 0;
	}
	form[name="forgotIt"] td {
		display: table;
		margin: auto;
		padding: 2px;
		padding: 0.142rem;
		text-align: center;
		width:100%;
	}
	form[name="forgotIt"] td.lefttd {
		padding-top:15px;
		padding-top:1.071rem;
	}
	form[name="forgotIt"] input {
		padding: 10px;
		padding: 0.714rem;
		width: 320px;
		width: 22.857rem;
	}
	form[name="forgotIt"] input.submit {
		margin: 35px 0 20px;
		margin: 2.5rem 0 1.428rem;
		width: 150px;
		width: 10.714rem;
	}
}

@media screen and (max-width: 595px) {
	form[name="forgotIt"] table{
		width: 100%;
	}
	form[name="forgotIt"] td.header {
	
	}
}
@media screen and (max-width: 400px) {	
	form[name="frmUsername"] table.login input {
		min-width: 250px;
		min-width: 17.857rem;
		width: 85%;
	}
	
	form[name="frmUsername"] table.login input.submit { 
		width:50%;
	}
	form[name="forgotIt"] input {
		min-width: 250px;
		min-width: 17.857rem;
		width: 90%;
	}
}
@media screen and (max-width: 320px) {
	form[name="frmUsername"] table {
		width:100%;
	}
	form[name="frmUsername"] table.login {
		width:100%;
		height:auto;
	}
	form[name="frmUsername"] table.login input.submit {
		min-width:125px;
		min-width:8.928rem;
	}
}