html {
    height: 100%;
}

body {
    font-face: Arial;
    font-size: 18px;
    Color: #333333;
    font-weight: normal;
    padding : 0px;
    margin: 0px;
    margin-left: 2%;
    margin-right: 2%;
  background: #FFFFFF;
  background: -moz-linear-gradient(top,  #FFFFFF 0%, #CCCCCC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CCCCCC));
  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#CCCCCC 100%);
  background: -o-linear-gradient(top,  #FFFFFF 0%,#CCCCCC 100%);
  background: -ms-linear-gradient(top,  #FFFFFF 0%,#CCCCCC 100%);
  background: linear-gradient(to bottom,  #FFFFFF 0%,#CCCCCC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CCCCCC',GradientType=0 );
  background-attachment: fixed;
}

.gradient {
	height:100%;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #CCCCCC)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #CCCCCC 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%);
}

.header {
	display: block;	
	background-color: Transparent;
	padding: 0px 0px 0px 0px;
	color: White;
	font-size: 20pt;
	font-family:verdana;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
}

.footer {
	display: block;
	width: 100%;
	background-color: #008000;
	color: White;
	font-size: 10pt;
	font-family:verdana;
	padding-bottom: 1px;
}

table {
	background-color: White;
	border: 1px solid black;
	width: 98%;
    	margin-right: 0;
    	margin-left: 0;
}

th, td {
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}

.body-container {
	background-color: White;
	border-style: solid;
    	border-color: lightgrey;
	border-width: 1px;
	padding-top: 20px;
    	padding-right: 20px;
    	padding-bottom: 25px;
    	padding-left: 20px;
    	height:auto;
	width: 200px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

.loginlabelHeader { 
	font-weight: bold;
	font-family: Arial;
    	font-size: 20px;
	padding: 0px 0px 0px 0px;
    	Color: #666;
	margin-top: 8px;
    	margin-bottom: 20px;
    	text-align: center;
}

.loginlabels { 
	font-weight: bold;
	font-family: Arial;
    	font-size: 14px;
	padding: 0px 0px 0px 0px;
    	Color: #666;
	margin-top: 10px;
        margin-bottom: 5px;
}

.RememberMeLabel { 
	font-weight: normal;
	font-family: Arial;
    	font-size: 12px;
	padding: 0px 0px 0px 0px;
    	Color: #666;
	cursor: pointer;
}

.warninglabels {
	color: #E64F4F;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.warninglabel2 {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
	padding: 0px 0px 0px 0px;
}

.button {
	background-color:#109055;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #109055;	
	cursor:pointer;
	color:White;
	font-family:Arial;
	font-size:16px;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #109055;
	width: 162px;
	display:inline-block;
	text-align: center;
}
.button:hover {
	background-color:#289B60;
	text-decoration:none;
	color:White;
}
.button:active {
	position:relative;
	top:1px;
}

.divider{
    	width:40px;
    	height:auto;
    	display:inline-block;
}

.input {
	min-width: 250px;
	max-width: 500px;
	margin-bottom: 20px;
}

#helpmsg {
	color: #666;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	display:inline-block;
	text-align: left;
}

.center {
	text-align: center;
}

.HeaderLabel {
	font-weight: bold;
	font-family: Arial;
    	font-size: 14px;
	padding: 0px 0px 0px 0px;
    	Color: #666;
}

.DetailLabel {
	font-weight: normal;
	font-family: Arial;
    	font-size: 12px;
	padding: 0px 0px 0px 0px;
    	Color: #666;
}

a {
	color: #0073B2;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	display:inline-block;
	text-align: left;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	margin-left: 0px;
    	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: none;
	height: 1px;
}

/* KDB 3/6/17 - Added new design elements */
.login-label {
    	font-weight: bold;
	font-family: Arial;
    	font-size: 14px;
	padding: 0px 0px 0px 0px;
    	Color: #666;
	margin-top: 10px;
    	margin-bottom: 5px;
}

.login-panel {
    	max-width: 500px;
    	margin: 15px auto 10px;
    	border-radius: 3px;
}

div.logo-container {
    	margin: auto;
    	height: 80px;
    	width: 225px;
    	margin-bottom: 0px;
    	padding-top: 0px;
}

.NelnetLogo {
    	background-image: url('../../assets/images/Nelnetlogo.png');
    	background-size: 100% auto;
    	height: 100%;
    	background-repeat: no-repeat;
}