/* CSS Document 
/styles23.css
*/
@import url('https://fonts.googleapis.com/css?family=Lora');
body {
	margin:0;	padding:0;
	background:#E0FFFF;
	/*background-image: url(../images/bg.jpg);*/
	font-family:Arial, Helvetica, sans-serif;	
	font-size:13px;	color:#000000; line-height: 150%;
}
.fleft{ float:left;}
.fright{ float:right;}
.clear{ clear:both;}
.bor1{border: solid 1px #FFF000;}
h1 {
	margin:5px 0; padding:2px;
	font-family: "Open Sans", sans-serif;	color:#06768C;font-size:24px; font-weight:500 !important; 	
}
h2 {
	margin:5px 0; padding:2px; color:#660000;font-size:20px; font-weight:500; 	
}
h3 {
	margin:3px 0; padding:2px; color:#660000;font-size:18px; font-weight:500; 	
}
h4 {
	margin:1px; padding:1px; color:#660000;font-size:14px; font-weight: 600; 	
}
ol li {margin-top: 3px;margin-bottom: 3px;}
.white, a.white:link, a.white:visited {color: #FFFFFF; text-decoration: none;} a.white:hover {text-decoration: underline;}
.red, a.red:link, a.red:visited {color: #EE0000; text-decoration: none;} a.red:hover {text-decoration: underline;}
.bodywidth {
	width:90%;	margin:auto;	
}
.main_content {
	width:90%;	min-height: 400px;
	margin: auto; padding:5px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px #CCCCCC;
    -webkit-box-shadow: 0px 0px 5px 0px #CCCCCC;
    -moz-box-shadow: 0px 0px 5px 0px #CCCCCC;
}
@media (min-height: 700px) {
  .main_content {
    min-height: 400px;
  }
}
.osoutop {
	background:#01333d;	width:100%;
	display:inline-block;	color:#CCCCCC;
	padding:0; font-size:90%;
}
.osouheader {
	width:100%;	margin: 0;padding: 0;
}
.osoumenu {
	background: #1e5979; width:100%; border-top: solid 3px #e79717;
}
.heading {
	background: url(../images/head_bg.png) bottom repeat-x; padding-bottom:6px; margin-bottom: 5px;
}
.footer {
	width:100%;
	display:inline-block;	padding:7px 0;	color:#FFFFFF;
	background: #01333d;	
}
.bottom {
	background:#f1eae0;	display:inline-block;
	width:100%;	padding:30px 0;	
}
/************************************************/
#wrapper {width:300px; margin:50px auto}
#msg {font-family:11px;display:none; position:absolute; z-index:9999; padding-left:7px;background:url(../images/msg_arrow.gif) left center no-repeat;}
#msgcontent {font-family:11px; display:block; background:#FFFFFF; border:2px solid #AC1B3C; border-left:none; padding:5px; min-width:150px; max-width:250px;}
/************************************************/
.success {
	color: #FFFFFF;font-size: 14px;	font-weight: bold;text-align: center;	
	width:50%; left:25%; top:1px; position:absolute; z-index: 9999;    padding: 30px 0;border: 1px solid #04C903;
	-webkit-border-radius:7px;	-moz-border-radius:7px;	border-radius:7px;background-color: #026e08;
	-moz-box-shadow: 1px 1px 1px #04C903;	-webkit-box-shadow: 1px 1px 1px #04C903;	box-shadow:1px 1px 1px #04C903;	
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#03cb0d), to(#026e08));
	background: -webkit-radial-gradient(circle, #03cb0d, #026e08);background: -moz-radial-gradient(circle, #03cb0d, #026e08);
	background: -ms-radial-gradient(circle, #03cb0d, #026e08);
}
.error {
	color: #FFFFFF;font-size: 14px;	font-weight: bold;text-align: center;	
	width:50%; left:25%; top:1px; position:absolute; z-index: 9999; padding: 30px 0;border: 1px solid #2a0300;
	-webkit-border-radius:7px;	-moz-border-radius:7px;	border-radius:7px;background-color: #a61105;
	-moz-box-shadow: 1px 1px 1px #e61505;	-webkit-box-shadow: 1px 1px 1px #e61505;	box-shadow:1px 1px 1px #e61505;	
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#e61505), to(#a61105));
	background: -webkit-radial-gradient(circle, #e61505, #a61105);background: -moz-radial-gradient(circle, #e61505, #a61105);
	background: -ms-radial-gradient(circle, #e61505, #a61105);
}
.bold {font-weight: bold;}
.sn {color:#336666; font-weight: bold;}
.label {font-size: 14px;}
.input {
	padding:4px;	border:1px solid #BBBBBB; font-size: 110%;
	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	
}
div.input_upload {
   width: 109px; height: 27px;padding:0; margin: 0;
    background: url(../images/upload_btn.png);
    overflow: hidden;
}
div.input_upload input {
	padding:0; margin: 0;
    display: block !important;
    width: 109px !important;
    height: 27px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
a.button {	
	padding: 5px 15px;	border:1px solid #333333;
	background: #06C; font-weight: bold; color: #FFFFFF; text-decoration: none;
}
a.button:hover {	
	background: #06A;
}
a.button1 {	
	padding: 5px 15px;	border:1px solid #333333;
	background: #060; font-weight: bold; color: #FFFFFF; text-decoration: none;
}
a.button1:hover {	
	background: #093;
}
a.print_btn {	
	padding: 12px 15px 12px 40px;	border:1px solid #333333;
	background: #039 url(../images/printIcon.png) 1% no-repeat; font-weight: bold; color: #FFFFFF; text-decoration: none;
}
a.print_btn:hover {	
	background-color: #032974;
}
a.back_btn {	
	padding: 12px 15px;	border:1px solid #333333;
	background: #056178; font-weight: bold; color: #FFFFFF; text-decoration: none;
}
a.back_btn:hover {	
	background-color: #023643;
}
.submit {	
	padding: 8px 15px;	border:1px solid #DDDDDD;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;
	background: #066; font-weight: bold; color: #FFFFFF;
}
.submit:hover {	
	background: #086;
}
.submitred {
	padding: 8px 15px;	border:1px solid #DDDDDD;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;
	background: #C33; color: #FFFFFF; font-weight: bold;
}
.submitgreen {
	padding: 8px 15px;	border:1px solid #DDDDDD;
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;
	background: #390; color: #FFFFFF; font-weight: bold;
} 
a.login_btn {	
	padding: 12px 15px 12px 40px;	border:1px solid #333333;
	background: #146501 url(../images/login.png) 1% no-repeat; font-weight: bold; color: #FFFFFF; text-decoration: none;
}
a.login_btn:hover {	
	background-color: #1c8803;
}
.boxhead {border: solid 1px #CCCCCC; padding:2px; background: #DDDDDD;}
.box {border: solid 1px #CCCCCC;}
.box5 {border: solid 1px #CCCCCC; padding: 5px;}
.table {
  border: 1px solid #EEEEEE;
}
.table th,
.table td {
  padding: 3px;
  vertical-align: top;
  border-top: 1px solid #EEEEEE;
}
.table th {
  vertical-align: bottom;
  border-bottom: 1px solid #EEEEEE;
}
.table tr:first-child > td {
  border-top: 0;
}
.twocol tr td:first-child {padding-right:10px;}

.tbl {border: solid 1px #CCCCCC; border-collapse: collapse;}
.tbl 	{	border: 1px solid #CCCCCC;	border-collapse:collapse; }
.tbl th	{	font-size: 100%; line-height:100%;	background: #e0b404; font-weight: bold;}
.tbl td{
	border-top:1px solid #CCCCCC;
	border-collapse:collapse;
}
.tbl tr:nth-child(even) {
	background-color:#E0E0E0;
}
.tbl tr:nth-child(odd) {
	background-color:#FFFFFF;
}
.tbl tr:hover {
	background-color:#FFFF33;
}
.stepdiv {margin:7px 0;}
.step {
	position: relative;	display: inline-block;
	vertical-align: middle;border: solid 1px #999999;
	-webkit-border-radius: 3px; 	-moz-border-radius: 3px;	border-radius: 3px;
}
.stepnum {
	position: relative; 	float: left; width: 12px; border-right: solid 1px #AAAAAA;
	background: #09F;padding: 3px 5px; font-weight: bold; color: #FFFFFF;
}
a.step_link {
	position: relative;
  	float: left;	cursor: pointer;
	padding: 3px 15px 3px 6px;
	background-color: #EEEEEE;	
	text-align: left;	text-decoration: none;
	color: #444444; font-size: 12px; font-weight: bold;	
}
a.step_green { background: #009900; color: #FFFFFF; }
a.step_red { background: #CC0033; color:#FFFFFF; }
a.step_active { background: #FFFFFF; color:#000000; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.font110 { font-size: 110%; line-height: 165%;}
.defaultlist {
	margin:0;padding:0;
}
.defaultlist li {
	margin:0;	padding:0;	list-style:none;
	background:url(../images/arrows.png) 0 3px no-repeat;
	padding-left: 20px;	
}
.defaultlist li ul {
	margin:0;padding:0;
}
.appstep {	
	padding: 10px 0;	border:1px solid #333333; text-align:center;
	background: #f7f0a8; font-weight: bold; color: #222222; text-decoration: none;
}
.appsteparrow {	
	margin-left: 50%;
}
.appstephead {	
	padding: 1px;	border:1px solid #333333; text-align:center;
	background: #600;  font-size: 90%; font-weight: bold; color: #FFFFFF; line-height:105%; text-decoration: none;
}
.appstepoval {
	width: 100px; height: 40px; margin:auto;
	background-color: #06C;
	-moz-border-radius: 100px / 40px;
	-webkit-border-radius: 100px / 40px;
	border-radius: 100px / 40px;
	text-align: center;	text-decoration: none; color: #FFFFFF;
}
.appstepoval a{
	text-decoration: none; color: #FFFFFF; font-weight: bold; display: block; padding-top: 12px;
}
.smbtn {border: solid 1px #333; color: #222222; font-weight: bold; background:#0F3; padding:0 2px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	TOOLTIPS 12-08-2020	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tooltipDiv {
  position: relative;
}
.hidesp {
	display: none; background: #FFFFAA;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 3em; top: -3em; z-index: 900; width: 250px;	
}    
.tooltipDiv:hover .hidesp {
  display: inline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.uhomeleft {
	width: 45%; float:left;
}
.uhomeright {
	width: 45%; float:right;
}