/*body {background: #fff;color:#000080;font-family:Arial,Helvetica,sans-serif;font-size: 10pt !important;}*/
#top {height:35px;width:100%;padding:0.2em;border-bottom:15px solid #0B77BE;}
#top img {float:left;}
#top h1 {font-size: 2em; float:right;margin-right:1em;bottom:0px; top:0px;}
#apwtop {height: 5px;width: 100%;padding: 0.2em;}
.formline {clear:left;}
.formline label {clear:left;float:left;width:20em;text-align:right;display:inline-block;}
/*.formline span.label {clear:left;float:left;width:20em;text-align:right;display:inline-block;font-weight:bold;}*/
.formline input, .formline select {margin-left:1em;}
input.readonly {border:none;border-bottom:1px solid #000;}
table { border-collapse: collapse; }
table.fund { border: 1px solid #000; width: 100%; font-size: 1em; }
table.fund tfoot td { background-color:#ddd; color: inherit; border-top: 2px solid #000;}
table.fund thead { border-bottom: 1px solid #000; }
table.fund thead th { background-color:#000; color: #fff; text-align: right; }
table.fund thead th.left { text-align: left; }
.right { text-align: right; }
.odd { background-color: #fff; }
.even { background-color: #eee; }
table.topbox { width: 100%; }
table.topbox th { background-color: #000080; color: #fff; font-size: 1.2em; }
table.topbox td.label { width: 15%; font-weight: bold; text-align: right; }
/*span.label {font-weight: bold; text-align: right;}*/
h2 { font-size: 1.2em; margin-bottom: 0; }
.ok { border: 1px solid #000; padding: 0.2em; display: block; color: #093; }
.err { border: 1px solid #000; padding: 0.2em; display: block; color: #c00; }
.printonly {display:none;}
/* Lock Screen-related CSS Classes */
.LockOff { visibility: hidden; display: none; position: absolute; top: -100px; left: -100px; }
.LockBackground { position: absolute; top: 0px; left: 0px; visibility: visible; display: block; width: 100%; height: 100%; background-color: #666; z-index: 999; filter: alpha(opacity=75); opacity:0.75; padding-top: 0; }
.LockPane { z-index: 1000; position: absolute; top: 0px; left: 0px; padding-top: 10%; visibility: visible; display: block; text-align: center; width: 100%; }
.LockPane div { width: 55%; background-color: #7798CE; color: White; font-size: large; border: dotted 1px White; padding: 9px; margin-left: auto; margin-right: auto; }
/*p[style], span[style] { font-weight: normal !important; color: #CCC !important; 
font-size: large !important;
font-family:Arial,Helvetica,sans-serif !important; }*/
.dragdrop li:hover { cursor: move; }
.error {color:red; font-weight:bolder;}
#footer1 {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear: both;
	background-color: #EDEDED;
	border-top: 1px solid #ccc;
	color: #B5ABAB;
}
#footer1 p {
	float: right;
	margin: 1.2em 3em 0 0;
}
#footer1 img {
	margin: 0.2em 0 0 3em;
}
#footer1 a img {
	text-decoration: none;
	border: 0 none;
}
.button {
	background-color: #0B77BE;
	border-color: #0B77BE;
	border-radius: 5px;
	padding: .5em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
	font-size: 18px;
	font-weight: 600;
	outline: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	height: 50px;
}

	.button:before {
		background-color: initial;
		background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
		border-radius: 5px;
		border-color: #0B77BE;
		padding: .5em;
		content: "";
		height: 50%;
		left: 4%;
		opacity: .5;
		position: absolute;
		top: 0;
		transition: all .3s;
		width: 92%;
	}

	.button:hover {
		box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
		transform: scale(1.05);
	}

@media (min-width: 768px) {
	.button {
		padding: 16px 48px;
	}
}
.btn {
	color: #ffffff !important;
	background-color: #0B77BE;
	border-radius: 5px;
	border-color: #0B77BE;
	padding: .5em;
	margin: 6px;
	height: 50px;
	cursor: pointer;
}

	.btn:hover {
		background-color: #0B77BE;
		color: #ffffff;
		cursor: pointer;
	}
/*fieldset {
	border: 2px solid #ccc;
	display: inline-block;
	margin: 0em 0em 0em 0em;
	
	background-color: #ffffff;
	font-weight: lighter;
	width: 100%;
	text-align: left;
}

legend {
	color: #0B77BE;
	font-weight: bold;
	font-family: Arvo;
	text-transform: uppercase;
}*/
div.entire {
	clear: left;
	float: left;
	width: 90%;
	margin: 0;
	padding: 1em;
}

div.left {
	clear: left;
	float: left;
	width: 100%;
	margin: 0;
	padding: 1em;
}

div.right {
	width: 80%;
	float: left;
	position: relative;
	padding: 1em;
}

div.left31 {
	clear: left;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0em;
}

div.center31 {
	float: left;
	width: 30%;
	position: relative;
	padding: 1em;
}

div.right31 {
	float: left;
	width: 30%;
	position: relative;
	padding: 1em;
}

div.right32 {
	float: right;
	width: 30%;
	position: relative;
	padding: 1em;
}

div.entire {
	clear: left;
	float: left;
	width: 90%;
	margin: 0;
	padding: 1em;
}

div.left {
	clear: left;
	float: left;
	width: 100%;
	margin: 0;
	padding: 1em;
}

div.right {
	width: 80%;
	float: left;
	position: relative;
	padding: 1em;
}

div.center31 {
	float: left;
	width: 30%;
	position: relative;
	padding: 1em;
}

div.right31 {
	float: left;
	width: 30%;
	position: relative;
	padding: 1em;
}

div.right32 {
	float: right;
	width: 30%;
	position: relative;
	padding: 1em;
}
label {
	clear: both;
	font-weight: bold;
	padding: 0px;
}
/*.button {
	background-color: #0066b2;
	border-radius: 5px;
	padding: .5em;
	color: #fff;
	margin-right: 10px;
	transition-duration: 0.4s;
	cursor: pointer;
	margin-bottom: 5px;
	padding: 10px 10px 10px 10px;
}*/