/* position and style caps lock warning */
	#Capslock_Warning {
		display: none;
		position: absolute;
		top: 0em;
		left: 19em;
		color: red;
		padding: 4px;
		border: 1px solid red;
		width: 10em;
		background-color: white;
		box-shadow: 2px 2px 2px gray;
		border-radius: 3px;
	}
	@font-face{
		font-family:'Icons';
		font-style:normal;
		font-weight:900;
		src:url("/fonts/fa-solid-900.woff2") format('woff2');
		src:url("/fonts/fa-solid-900.woff") format('woff');
	}
	#UL_Login li{ position: relative; }

	body {
		background: #ffffff url(/images/marb4.gif) repeat right top;
		font-family: sans-serif;
		font-size: 12pt;
		margin: 0;
	}

	.wrapper {
		text-align: center;
		padding-top: 2em;
	}
 
	#LoginHolder {
		width: 500px;
		padding: 2em;
		margin: 0 auto;
		box-shadow: 2px 2px 8px 2px #bbb;
		border: 1px solid #aaa;
		border-radius: 10px;
		background-color: white;
	}
 
#UL_Login {
	display: block;
	margin: 2em auto;
	width: 19em;
	position: relative;
	list-style: none;
	color: #432f81;
}
 
#UL_Login li {
	margin: 0 0 8px 0;
}
 
#UL_Login li:last-child {
	text-align: center;
}

.Notice {
	display: block;
	padding: 1em;
	color: red;
	font-style: italic;
}

label {
	height: 100%;
	font-family: 'Icons';
	font-weight: 900;
	display: inline-block;
	color: #432f81;
	width: 2em;
	font-size:12pt;
	background-color:lightgrey;
	line-height:2;
	border: 1px solid grey;
	border-right:0;
	padding:1px;
	border-radius: 5px 0 0 5px;
}
#userLabel::before {
	content: "\f007";
}
#passLabel::before {
	content: "\f023";
}

#UL_Login input {
	width: 10em;
	line-height:2;
	border: 1px solid grey;
	font-size:12pt;
	vertical-align:top;
	border-radius: 0 5px 5px 0;
	padding-left:5px;
}

.RM_SystemAlert {
	background-color: red;
	color: white;
	padding: 1em;
    display: inline-block;
	margin-bottom: 1em;
}
 
/* STANDARD BUTTON CLASSES */
.textButton {text-decoration: none; font-size: 85%; color: white; line-height: 1em; background-color: #432f81; border: 2px outset #606a74; border-radius: 6px;  padding: 4px 10px 2px 10px; display: inline-block;  text-align: center; }
.textButton:visited, .textButton:focus { color: white; }
.textButton:hover { padding: 3px 11px 3px 9px; color: white; background-color: #5998c8; border: 2px inset #606a74;}
 
 
 
section.press button {
  height:36px;
  color: #fff;
  background-color: #432f81;
  border: none;
  border-radius: 5px;
  padding: 0 4px 2px 4px;
  line-height:2;
  width: 12.7em;
  font-size:12pt;
}
 
section.press button:hover,
section.press button.hover {
  background-color: #654fA3;
  cursor:pointer;
}
 
section.press button:active,
section.press button.active {
  background-color: #575657;
  box-shadow: 2px 2px #989898;
  transform: translateY(2px);
}
 
 
 
 
#ToolTip {
	position:absolute;
	border:1px solid #f02427;
	border-radius: 6px;
	width:193px;
	display:none;
	padding:8px;
	#padding:13px;
	background: white;
 }
 
#ToolTip img {
	position: absolute;
	top: 10px;
	left: -8px;
}
 
.OtherLinks {
	color: #7ac13f;
	text-align:center;
	margin: 20px 0;
}
 
.OtherLinks a{
	font: italic normal normal 9pt verdana,arial,sans-serif;
	color: #000;
}
 

@media (max-width: 1024px) {
	.wrapper {
		padding: 0;
	}
}

@media (max-width: 850px) {
	/* changes to mobile design */
	#LoginHolder {
		width: 80%;
	}
	#Capslock_Warning {
		top: 2em;
		left: 30%;
		z-index: 1000;
	}

}

@media (max-width: 450px) {
	/* changes to vertical phone layout */
	#Top img {
		width: 240px;
	}

	#UL_Login {
		padding: 0;
		width: auto;
	}

	#UL_Login input {
		width: 8em;
	}
}