@charset "utf-8"
* {margin: 0; padding: 0; border: none;}
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, formaubs, fieldset, input, textarea, blockquote {margin: 0; padding: 0; border: 0;}
body {font-family: Helvetica, sans-serif; font-size: 18px; line-height: 18px; width:100%; height:100%; /*font-family: Verdana, Arial, sans-serif;*/
	font-size: 1em; color:#333; padding:0; margin:0; background: rgb(222,222,222) }
div#container {background: url(background-container.gif) repeat-y top left; width: 967px; padding: 0 10px; margin: 0 auto; }
#header .logo {float: left; padding: 0.85em 0 0 1.35em;}
* {-webkit-text-size-adjust:none;}

a:link{color:#0066FF; /*#000080;*/}
p a:hover{color:#000099;}
div a:hover{color:#000099;}
a:visited{color:#686868;}
/*..........................................................................................................................................*/
        .search-container {  /* Added Jan 7, 2025 */
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
 		.search-container input, .search-container select, .search-container button {  /* Added Jan 7, 2025 */
            margin-right: 5px;
        }

/*..........................................................................................................................................*/
        .filter-input { /* Added Jan 1, 2025 */
            margin-top: 5px;
            width: 90%;
            padding: 5px;
        }
/*..........................................................................................................................................*/
/*..........................................................................................................................................*/
/*---------------------------------------------------*/
c:link{color:gray; /*#000080;*/}
p c:hover{color:#000099;}
div c:hover{color:#E80000;}
c:visited{color:gray;}
/*---------------------------------------------------*/
nav { /*this is the menu containter */
	position:absolute; float: none; top:0px; width:1024px; color:white; z-index:1000; min-width:740px; /*border-left:1px solid black;*/ margin:0 auto; }
nav ul ul {display: none;}
	nav ul li:hover > ul {display: block; height:auto;}
nav ul {background: #efefef; /*padding: 0 20px;*/ padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; list-style: none; position: relative;
	display: inline-table; border-right:1px solid black; border-bottom:1px solid black; border-top:1px solid black; }
nav ul li {float: left;}
nav ul li:hover {background: #4b545f;}
nav ul li:hover a {color: #fff;}
nav ul li a {display: block; padding: 15px 20px;	color: #757575; text-decoration: none;}
nav ul ul {	background: #5f6975;  padding: 0;	position: absolute; top: 100%;	margin-top:-2px;	border-top:none;}
nav ul ul li {float: none; 	border-top: 1px solid #6b727c;	border-bottom: 1px solid #575f6a; position: relative;}
nav ul ul li a {padding: 15px 20px;	color: #fff;	white-space:nowrap;}	
nav ul ul li a:hover {background: #4b545f;}
nav ul ul ul {position: absolute; left: 100%; top:0;}
.menu_head {	display: block;	padding: 15px 20px;	color: #757575;	border-right:1px solid black;	border-left:1px solid black;}
.menu_head:hover{background: #4b545f;	color:white;}
.menu_head_left {display:block;	padding-top:15px;	padding-bottom:15px;	padding-right:20px;	padding-left:20px;	color: #757575;
	border-right:1px solid black;	border-left:1px solid black;}
.menu_head_first{display: block;	padding-top:15px;	padding-bottom:15px;	padding-right:20px;	padding-left:20px;	color: #757575;
	border-right:1px solid black;	border-left:2px solid black;}
.menu_head_left:hover{background: #4b545f;	color:white;}
.menu_head_last{display: block;	padding: 15px 20px;	border-left:1px solid black;	border-right:1px solid black;	color: #757575;}
.menu_head_last:hover{background: #4b545f;	color:white;}
.container {
	background: white;
	border-top: none;
	border-right: 0px solid #b0b0b0;
	border-left: 0px solid #b0b0b0;
	border-bottom: 0px solid #b0b0b0;
	border-top: 0px solid #b0b0b0;
	/*width: 800px;*/
	width: 1020px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
.foot ul, .men ul, .nav ul {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1em;
}

.foot ul li, .men ul li, .nav ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

.foot ul li a, .men ul li a, .nav ul li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding:0em 1em 0em 1em;
      list-style:none;
}

.copyright {
	width: auto;
	font-family: verdana;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
}
.nav ul li a {line-height: 21px;	color: #FFF;	font-size: 11px;}

.men ul li a {color: #333; font-size: 10px;}
.foot ul li a {color: #fff; font-size: 10px;}
.foot ul li a:hover, .men ul li a:hover, .nav ul li a:hover {	background: #ccc;	color: #000;}
.nav input {	font-family: verdana;	font-size: 10px;	width: auto;	vertical-align: middle;	margin: 0px 0px 0px 10px;}
.header {width: 1000px;	height: 50px;	/*margin: 0 auto;*/	margin: 0px 10px 0px 10px;	padding: 0px 0px 0px 0px;	/*background: url('handshake.jpg');
	background-repeat: no-repeat;*/}
.men {float: right;	margin: 0px 3px 0px 0px;	background: #fff;	border-bottom: 2px solid #000;	border-left: 2px solid #000;
	border-right: 2px solid #000;	z-index:1000000;}
.htitle {margin: 15px 0px 0px 50px;	position: absolute;	font-family: verdana;	font-size: 2em;
	font-weight: bold;	/*color: #654;*/	color: #000;}
.content_title{	font-size:22px;	font-family:Helvetica, sans-serif;	font-weight:bold;	color:black;
	margin-bottom:10px;	text-align:center;	clear:both;}
.title_center{	font-size:18px;	font-family:Helvetica, sans-serif;	font-weight:bold;	color:black;	margin-bottom:10px;
	clear:both;	text-align:center;}
.sub_title_center{	font-size:14px;	font-family:Helvetica, sans-serif;	font-weight:bold;	color:black;	margin-bottom:10px;
	clear:both;	text-align:center;}
.sub_reg_center{font-size:14px;	font-family:Helvetica, sans-serif;	font-weight:normal;	color:black;	margin-bottom:10px;
	clear:both;	text-align:center;}
.sub_bi_center{	font-size:14px;	font-family:Helvetica, sans-serif;	font-weight:bold;	font-style:italic;	color:black;	margin-bottom:10px;
	clear:both;	text-align:center;}
.reg-center{	font-size:12px;	font-family:Helvetica, sans-serif;	font-style:normal;	margin-bottom:10px;	color:black;	text-align:center;}
hr {display: block;	-webkit-margin-before: 0.5em;	-webkit-margin-after: 0.5em;	-webkit-margin-start: auto;	-webkit-margin-end: auto;
	border-style: inset;	border-width: 1px;}
.regular{font-size: 14px;	font-family:Helvetica, sans-serif;	font-style:normal;	margin-bottom:10px;	color:black;}
.below_title{font-size: 14px;	font-family:Helvetica, sans-serif;	font-style:normal;	margin-bottom:10px;	color:black;
	text-align:center;	padding-bottom:10px;}
.table_class{padding:0px;}
.item_previous_next {position: relative;	 float: left; left: 100%; background-color:#eee; border:1px solid; padding:2px;	
	border-color:#f3f3f3 #bbb #bbb #f3f3f3;	margin-bottom:2px; text-align:center; font-size:0.7em; color:#000000;}
#item1prevnext {margin-left: -100%; width: 5%;}
#item2prevnext {margin-left: -35%; width: 5%;}
.tr_class{vertical-align:top;}
.superscriptaubs{vertical-align:super; font-size:10px;}
.td_left_class{
	width:49%;
	padding-right:2%;
}
.td_right_class{
	width:49%;
	padding-right:2px;
	margin-top:-20px;
}
.bold{
	font-weight:bold;
}
.error_msg{
	color:red;
	font-size:14px;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	margin-bottom:4px;
}
.ok_msg{
	font-size:14px;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:black;
}
.client_refer{
	font-size:14px; /*.813em;*/
	font-family:Helvetica, sans-serif;
	font-style:normal;
	margin-bottom:10px;
	color:blue;
}
.bullet{
	font-size:14px;
	font-family:Helvetica, sans-serif;
	font-style:normal;
	color:black;
}
.bullet_bold{
	font-size:14px;
	font-family:Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:black;
}
.reg-bullet{
	font-size:14px;
	font-family:Helvetica, sans-serif;
	font-style:normal;
	color:black;
	margin-bottom:10px;
}

.italicp{
	font-size:14px;
	font-family:Helvetica, sans-serif;
	font-style:italic;
	color:black;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}
.bold-italicp{
	font-size:14px;
	font-family:Helvetica, sans-serif;
	font-style:italic;
	color:black;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	font-weight:bold;
}
#page_content{ text-align: left; margin-left: 20px; margin-top: 40px; margin-right: 20px; }
#readpane{ width: 980px; text-align: center; overflow: auto; }
#panel_content{ /* "#" means ID. A period "." means a class.
	*/
	width:980px;
	text-align:center;
	overflow:auto;
}
.am {
	font-size: 12px;
	font-weight: bold;
	display: inline;
}
#logo {
	width: 285px;
	height: 85px;
	float: left;
	margin-top: -17px;
	background: url(logo.jpg) repeat-x;
	/* was images/logo*/	
}

.content {
	width: 780px;
	height: auto;
	margin: 0px 10px 0px 10px;
	background-color: #e0e0e0;
}


div.spacer {width: auto;	height: 20px;	margin: 0px;	padding: 0px;}
.spax {width: auto; height: 40px; margin: 0px; padding: 0px; }
div.true_center {text-align: -moz-center;	margin-left: auto;	margin-right: auto;}
div.true_center {width: auto;	text-align: center;}
div.cube {text-align: left;	background-color: #e0e0e0;	border: 1px solid #000;	padding: 6px 10px 6px 10px;}
div.panelcube{ text-align:left; border:none; padding: 6px 10px 6px 10px; }
.onepixspacer{clear:both;	height:1px;}
.threepixspacer{ clear:both;	height:3px;}
.fivepixspacer{ clear:both; height:5px;}
.zupe{ clear:both; height:10px;}
.spacer_btw_rows{ clear:both; height:10px;}
form { margin: 0px;}

#data_entry{padding:4px; border:1px solid black; background-color:#E8E8E8; } /*This is an ID for the inputs.*/
.radio_class{ font-weight:bold;}
input[type="radio"] { margin-top: -1px;  vertical-align: middle;}
.form_label {width: 15%;	float: left; margin: 2px 10px 2px 0px; text-align: right; font-size: 12px; font-weight: bold; font-family: verdana;} /*Defines the left side of the input area.*/
.form_label2{width: 200px; float: left; margin: 2px 10px 2px 0px; text-align: right; font-size: 12px; font-weight: bold; font-family: verdana;} /*Defines the left side of the input area.*/
.form_label3{width: 150px; float: left; margin: 2px 10px 2px 0px; text-align: right; font-size: 12px; font-weight: bold; font-family: verdana;} /*Defines the left side of the input area.*/
.form_input {margin-top:2px; /*How much space above the entire div*/ margin-bottom:2px;margin-left:200px;} /*This is a class for the input area. It follows the label for the inputs.*/
.form_input2 {margin-top:1px; /*How much space above the entire div*/ margin-bottom:1px;margin-left:150px; } /*This is a class for the input area. It follows the label for the inputs.*/
.select_data{ border:1px solid black; padding:2px; }
fieldset { /*THis is the boxes wherein all text and input boxes will reside*/
	padding: 1em; font:80%/1 sans-serif; border:1px solid gray; width:98%; float: left;}
fieldset_aubs_top {padding: 0.4em; font:80%/1 sans-serif; border: 0px solid gray; width:71%; float: left; background-color:#E8E8E8; clear:both;}
/*----------------------------------------------------------*/
legend {
	padding: 0.2em 0.5em;
	color:gray;
	font-size:90%;
	text-align:left;
}
.spacing{
	height:8px;
	clear:both;
}
.category_sub_heading{font-family:Helvetica,Verdana,Arial; width:15%; float: left; margin: 2px 10px 2px 0px;  /* top right bottom left and if only 2 parameters such as 40px 20px means 40 top and bottom and 20 left and right*/
	text-align: right; font-size: 14px; font-style:normal; font-weight: bold; clear:both;}
.form_input input {width: auto; font-family: verdana; font-size: 12px;	margin-bottom: 4px;	padding-top:2px; padding-bottom:2px; background-color: #E8E8E8;}
.form_input input.input_blank {width: 60%;	border: 0px solid #fff;	font-family: verdana;	font-size: 12px; font-weight: bold; color: #000;
background-color:#C6EEF7; /*#C6EEF7 is a very slight light blue.*/ }
input.button,.button {background-color:#d0d0d0; text-decoration:none; cursor:default;}
.button:hover{cursor:pointer; background-color:#c0c0c0; text-decoration:underline;}
textarea{background-color:#E8E8E8;	white-space: pre-wrap;	border:1px solid black;	color:black;}
aubs_light_green {color:00CC33; /* Light green CCFF66; */}
aubs {color:00CC33; /* Light green CCFF66; */}
aubslexic {color:#888888; /* Light green CCFF66; */}
aubsgreen {color:#006633; /*  */}
aubsorange {color:orange; /*  */}
aubsgrey {color:grey; /*  */}
aubsred {color:#FF0000; /* Light green CCFF66; */}
aubsblue {color:#3A5FCD; /* ; */}
aubspurple {color:#FF00FF ; /* ; */}
.footer{text-align:center;	font-family: verdana,sans-serif;	font-size:12px;	font-weight:normal;
	color:black;	margin-top:10px;	margin-bottom:15px;}
/*----------------------------------------------------------------------------*/
#tabmenu-location {float:right; margin-right:20px; margin-top:5px;} /*This is the grey menu tab once you have logged in, e.g., Opex, CBk.
If you have a floated list that will take up several rows (visually speaking) and the content is of varying height, you are in for a world of hurt.
*/
#tabmenu {color: #000; /*#000 is white. If change to green, cannot see the effect.*/ z-index: 1; padding-left: 10px;} 
#tabmenu:hover{cursor:pointer;}
#tabmenu li {display:inline; /*overflow:hidden;*/ list-style-type: none; background-color: #FDED9F; padding:0px; border:2px solid; 
	border-color:#f3f3f3 #bbb #bbb #f3f3f3; margin-bottom:2px;}
/* margin collapse: In CSS vertical margins overlap one another, and the vertical distance between two elements is based upon the larger of the 
bottom margin of the top paragraph and the top margin of the bottom paragraph.
Great tutorial: bohr.wlu.ca/cp202/notes/practice/css_marg_pad_bor.php*/
#tabmenu li:hover{cursor:pointer;}
#tabmenu a, a.active {color:black; background-color: #FDED9F; font: normal 14px "Helvetica", "sans-serif"; 
	padding: 2px 5px 2px 5px; margin: 0px; text-decoration: none;}
#tabmenu a.active {/*This is the active page on right hand btm menu*/
	background-color: #CDC8C8; border:2px solid; border-color:#E3DEDE #9F9C9C #9F9C9C #E3DEDE; margin-bottom:2px ;} 
/*Margin box -- border box -- padding box -- element box. */
#tabmenu a:hover {color: #fff; background-color: #B6CAA7; border:2px solid; border-color:#C0DCAC #8FA182 #8FA182 #C0DCAC; 
	cursor:pointer;	margin-bottom:2px;}
#tabmenu a:visited { /*color: #E8E9BE;*/} 
#tabmenu a.active:hover {background: #B6CAA7; /*#ADC09F is green-grey when hover*/ 
	border:2px solid; border-color:#C0DCAC #8FA182 #8FA182 #C0DCAC; color: #DEDECF; cursor:default;} 
/*----------------------------------------------------------------------------*/
.admin_fieldset{width: 70%; padding-top:10px; margin:auto; border:none; height:110px; background-color:#bfbfbf;}
#header_top {display: none; z-index:1300000; position:absolute; top:50%; left:50%; height: 500px; margin-top: -220px; margin-left: -300px;
	width: 600px; background-color: #bfbfbf; text-align: left;	border: 0px solid #b0b0b0;}
.admin_label {width: 10em;	margin-top:4px;	float: left;	text-align: right;	margin-right: .5em;	display: block;	color:black;	font-weight:bold;}
.admin_h1 {color: #654;	padding-top: 18px;	margin-bottom:8px;	display: block;	font-size: 2em;	font-weight: bold;}
.field_p{padding-bottom: .4em;	display: block;	color:black;}
.field_p{padding-bottom: .4em;	display: block;	color:black; font-weight:bold;}

input { /*I think its the white input fields with the border around*/
	color: black; /*#781351;*/
	background: #99CC33; /*Originally white. When I change it to #99CC33, I see no display difference.*/
	border: 1px solid #781351; padding:2px;}
.admin_submit2 {margin-left: 138px;	color: black;	background: #CEBDA1;	border: 2px outset #D7B9C9;	font: bold .98em Verdana,sans-serif;
	padding: 4px;}
.admin_submit2:hover {background: white; cursor: pointer;}
.admin_submit {margin: auto; color: black;	background: #CEBDA1;	border: 2px outset #D7B9C9;	font: bold .98em Verdana,sans-serif;
	padding:4px;	text-decoration:none;}
.admin_submit:hover{background:white;	cursor:pointer;}
select{margin-bottom:.4em;	background-color:#E8E8E8;}
.error2{color: red;	font-size:1em;	font-weight:bold;	text-align:left;	margin-left:10px;	margin-top:4px;
	margin-bottom:8px;	padding:4px;}
.error3{color: red; font-size:1em; font-weight:normal; font-size:12px; text-align:left; margin-left:10px; 
	margin-top:0px; margin-bottom:0px; padding:0px;}
.big_tree{font-family: verdana;	font-weight: bold;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	color: black; /*#056d2e;*/ }
.content_top {width: 800px;	height: 25px;	display: block;	margin: 0px 10px 0px 10px;	padding: 0px 0px 0px 0px;
	/*background: url('content_top-whiter.png');	background-repeat: no-repeat;*/	background-color: #e0e0e0; /*#c6eef7;*/
	border-top:2px solid black;	border-left:2px solid black;	border-right:2px solid black;}
.content_main {width: 800px;	height: auto;	margin: 0px 10px 0px 10px;	padding: 0px 0px 8px 0px;
	/*background: url('content_main-whiter.png');	background-repeat: repeat;*/	background-color:#e0e0e0; /* #c6eef7;*/
	border-left:2px solid black;	border-bottom:2px solid black;	border-right:2px solid black;}
.content {width: 780px;	height: auto;	margin: 0px 10px 0px 10px;	background-color: #e0e0e0; /*#c6eef7;*/	border-bottom:1px solid black;}
.content_noborder {width: 780px;	height: auto; margin: 0px 10px 0px 10px; background-color: #e0e0e0; /*#c6eef7;*/}
div.cuber{	text-align: left; /*background: #eee;*/ background-color:#d0d0d0;  /*#ccff99;*/ border: 1px solid #000;	padding: 6px 10px 6px 10px;}
div.true_center {width: auto; text-align: center;}
/*----------------------------------------------------------------*/
/*------   d_read.php FORM used to link into d_he.php   ------*/
inputaubs {float:none; clear: none; display: inline; color: black; /*#781351;*/ background: #EEF3E2; /*Was originally white!*/
	border: none; }	/*padding:2px;*/
formaubs {float:none;	display: inline; margin: 0px; clear: none; }
.nav inputaubs {font-family: verdana; font-size: 10px; width: auto; vertical-align: middle; margin: 0px 0px 0px 10px; }
.form_input inputaubs {width: auto; font-family: verdana; font-size: 12px; margin-bottom: 4px; 	padding-top:2px; padding-bottom:2px; 
	background-color: #E8E8E8;}
.form_input inputaubs.input_blank {width: 60%; border: 0px solid #fff; font-family: verdana; font-size: 12px; font-weight: bold;
	color: #000; background-color:#C6EEF7; } /*#C6EEF7 is a very slight light blue.*/
inputaubs.button,.button {background-color:#d0d0d0; text-decoration:none; cursor:pointer; }
/*----------------------------------------------------------------*/
#hyperlink-style-button{
	float:none; /*This makes 'elohiym to not be on next line. Default 'none' allows floating elements both sides*/
	display: inline; /*It just adds the link as another word in the lines. No breaks before or after.*/
	clear: none; /*none is the Default and it allows floating elements on both sides*/
	background: inherit; 
	font-style: italic; 
	border: 0; 
	padding: 0px 1px 0px 1px;
	color: gray; /*text-decoration:underline;*/
}
#hyperlink-style-button:hover{
    display: inline; clear: none; 
	background:#FFFF00; 
	border: 0; 
	color: #CC0033; 
	text-decoration:none; 
	cursor: pointer; 
	cursor: hand;
}
/*----------------------------------------------------------------*/
.aubsdone {text-align:center; font-size:12px; font-weight:normal; color:green; background-color:#e1efbb;}
/*---------------------------------------------------*/
@media screen {
	.nie-druk {  }
	.nie-skerm { display: none; }
	.druk {  }
}
/*............................................................PRINTER.........................................................................*/
@media print {
	.nie-druk { display: none;  }
	.nie-skerm {  }
	.druk { font-size: 20px; }
}
/*..........................................................................................................................................*/
/*..........................................................................................................................................*/
/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover  // Aubrey added Nov, 2020 */
	.dropbtn {
	  background-color: white;
	  color: black; /* white */
	  padding: 4px;
	  font-size: 14px;
	  border: none;
	  font-family: Helvetica, sans-serif;
	  font-weight: normal;
	  vertical-align: bottom;
	}

	.dropdown {
	  font-size: 14px;
	  position: relative;
	  display: inline-block;
	  font-weight: normal;
	}

	.dropdown-content {
	  display: none;
	  position: absolute; /* relative */
	  background-color: #f1f1f1;
	  padding: 6px;
	  min-width: 400px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  font-weight: normal;
	  z-index: 1;
	}

	.dropdown-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  font-weight: normal;
	  display: block;
	  position: absolute; /* Added July 16, 2021 */
	}

	.dropdown-content a:hover { background-color: #ddd; }

	.dropdown:hover .dropdown-content { display: block; }

	.dropdown:hover .dropbtn { background-color: rgb( 225, 225, 225 ); }
/*..........................................................................................................................................*/
/*..........................................................................................................................................*/