html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; 
    background: #282829;
}

.content {
    //width: 50%;
    //margin: 0 auto;    
}

.top {
	width: 100%;
	height: 40%;
	display: block; 
}

.login {
	width: 100%;
	height: 100px;
	display: block; 
    text-align: center;
}

.banner {
	width: 100%;
	height: 172px;
    background-color: #F47C1D;
    background-size: contain;
    background-image: url('../images/orange-bkgrnd-IMPRS9-2.png');
    background-repeat: no-repeat;
    background-position: center; 
}

input.text-input {
    margin: 0px;
    width: 200px;
    float: right;
    background: #57585B;
    border: inset 1px #696A6C;
    color: #fff;
    padding: 2px;
    padding-left: 8px;
    font-size: 11px;
    font-family:  "Calibri", "Helvetica", "Arial", "sans-serif";
}

input.button {
    float: right;
    width: 42px;
    height: 42px;
    padding: 3px;
    color: #282829;
    background-color: #F47C1D;
    border: outset 1px #EDA179;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
    font-family:  "Calibri", "Helvetica", "Arial", "sans-serif";
}

input.button:hover {
    background-color: #282829;
    color: #F47C1D;
}

div.error {
    text-align: left;
    margin: 0px;
    background: #282829;
    color: red;
    padding: 0px;
    font-size: 13px;
    font-family:  "Calibri", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
}

div.info {
    text-align: left;
    margin: 0px;
    background: #282829;
    color: white;
    padding: 0px;
    font-size: 13px;
    font-family:  "Calibri", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
}
table {
    margin: 0 auto;    
}

th {
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 200px;
    color: #fff;
    font-size: 13px;
    font-family:  "Calibri", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
}

tr {
    padding: 0px;
    margin: 0px;
}

td.input {
    padding: 0px;
    margin: 0px;
    border: solid 1px #686A6C;
}