/*
 * Applications Management System Library for PHP (AppsCMS)
 * see Licence in cms/LICENCE.txt
  */

/*
	Document   : main_styles
	Description:
		Purpose of the stylesheet follows.
		Main styles for common styles.
		CSS file generated on 2024-08-25 08:00:37Z

	Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@media print {
	#cms_lo_left_column,
	#cms_lo_right_column,
	#cms_lo_nav_bar,
	cms_msg_alert,
	cms_hover_block_outer,
	cms_hover_block_inner,
	cms_sub_hover_block_outer,
	cms_sub_hover_block_inner,
	cms_title_tooltip,
	cms_nav_bar,
	cms_nav_bar_on,
	cms_JS_dialog,
	social_media,
	option:not(:checked),
	no_print {
		display: none !important;
		visibility: hidden;
		width: 0;
		pointer-events: none;
		}

	#cms_nav_bar,
	#cms_page_frame,
	#lm_link_frame,
	#cms_page_body {
		z-index:	3;
		width:		100%;
		height: unset;
		pointer-events: none;
		}
	}

@media print {


	#id_cms_goto_Top_box {
		visibility: hidden;
		display:none;
		}
	}


@media screen {

	}


/* preloaded background images */
#preloaded::after {
	content:  url("../../etc/images/BW_Logo_Steel_220x109x256.png")         url("favicon.ico") url("cms/icons/eye_open.png") url("cms/icons/eye_closed.png");
	display: none;
	}

/* standard stuff */
@media print {
	.no-print {
		display: none !important;
		}
	}

[draggable=true] {
	cursor: move;
	}

.resizable {
	overflow: scroll;
	resize: both;
	max-width: 300px;
	max-height: 460px;
	}

div.cms_sticky_left,
td.cms_sticky_left {
	position: -webkit-sticky;
	position: sticky;
/*	background-color: #527790; */
	top: 5px;
/*	left: 20px; */
	width: auto;
/*	padding: 5px;*/
	margin: 5px 5px 0px 5px;
	float: left;
	z-index: 200;
	}

div.cms_sticky_top {
	position: -webkit-sticky;
	position: sticky;
/*	background-color: #527790; */
	top: 5px;
	width: auto;
	margin: 5px 5px 0px 5px;
/*	margin: 5px;*/
	text-align: center;
	z-index: 200;
	}

div.cms_sticky_right {
	position: -webkit-sticky;
	position: sticky;
/*	background-color: #527790;*/
/*	top: 5px;*/
	right: 10px;
	width: auto;
/*	padding: 5px;*/
	margin: 5px 5px 0px 5px;
	float: right;
	z-index: 200;
	}

div.cms_sticky_bottom {
	position: -webkit-sticky;
	position: sticky;
/*	background-color: #527790; */
	bottom: 5px;
	width: auto;
	padding: 5px;
	margin: 5px 5px 0px 5px;
	text-align: center;
	z-index: 200;
	}

table, tbody, tr, th, td {
	border-spacing: 0; /* new footer looks terrible without this */
	}

/* *** Stretch vertically if necessary in order to get footer at bottom of screen */
html, body {
	height: 100% !important;
	width: 100% !important;
	}

tr.cms_main_body {
	height: 100% !important;
	vertical-align: top;
	}
/* *** */

body {
	background-color: #527790;
	font-family:	Verdana, Geneva, sans-serif;
	font-size:		inherit;
	font-style:		normal;
	font-weight:		normal;
	color:			#000000;
	margin:		0px;
	padding:	0px;
	}

body.cms_waiting * {
	cursor: wait;
	}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}

div {
	}

caption {	/* make captions invisible to seeing, but useful to sight impaired */
	height: 0px;
	width: 0px;
	visibility: hidden;
	}

iframe {
	}

iframe.tools {
	background-color:	#527790;
	color:			#527790;
	font-family:	inherit;
	font-size:		inherit;
	font-style:		inherit;
	font-weight:	inherit;
	}

font {
	font-family:	Verdana, Geneva, sans-serif;
	font-style:		normal;
	font-weight:	normal;
	font-size:		inherit;
	color:			#000000;
	}

form {
	display: inline;
	}

input[type='file'] {
	border:		2px none #808080;
	border-radius: 0.5em;
	padding: 5px 8px;
	outline: none;
	}

input.page_body, button.page_body, select.page_body, option.page_body, textarea.page_body {
	background-color: #527790;
	font-family:	Verdana, Geneva, sans-serif;
	font-style:		normal;
	font-weight:	normal;
	font-size:		inherit;
	color:			#000000;
	padding:		0px;
	}

input, button, select, textarea {
	background-color: white;
	font-family:	Verdana, Geneva, sans-serif;
	font-style:		normal;
	font-weight:	normal;
	font-size:		1.0em;
	color:			black;
	}

input.std, button.std, select.std, textarea.std {
	padding: 1px 2px;
	display: inline-block;
	max-width: 98%;
	width: unset;
	}

button {
	box-shadow: 2px 2px grey;
	}

button:active {
	box-shadow: 0px 0px grey;
	}

input:disabled, button:disabled, select:disabled, textarea:disabled, option:disabled {
	background-color: lightgrey;
	color:			grey;
	}


/* fix the ugly input number spinners */
/* Standard */
input[type=number] {
	appearance: textfield;
	}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
	}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin:0;
	}




/* turn off select arrows */
/* Standard */
select {
	appearance: textfield;
	}

/* Firefox */
select {
	-moz-appearance: textfield;
	}

/* Chrome */
select {
	-webkit-appearance: none;
	margin:0;
	}


select {
	text-align: center;
	}

option {
	text-align: left;
	}

a, a:active, a:link, a:visited {
	font-family:	inherit;
	font-size:		inherit;
	color:			inherit;
	text-decoration: none;
	}

a:hover, .href_linked:hover {
	font-family:	inherit;
	color:			#9ACD32;
	text-decoration: underline;
	cursor:			pointer;
	}

a.href_up {	/* href is on screen */
	font-style: italic;
	font-size: 110%;
/*	font-weight: bold;		*/
	}

p {
	font-family:	Verdana, Geneva, sans-serif;
	font-style:		normal;
	font-weight:		normal;
	font-size:		inherit;
	color:			inherit;
	text-align: left;
	text-decoration: none;
	padding-bottom: 8px;
	padding-top:	2px;
	padding-left:	0px;
	padding-right:	0px;
	margin:			0px;
	}

h1 {
	display:	inline-block !important;
	background-color:	inherit;
	color: inherit;
	font-family:	inherit;
	font-size: 1.8em;
	font-style: inherit;
	font-weight:		bold;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left:	0px;
	padding-right:	0px;
	margin:			0px;
	white-space:	nowrap;
	}

h2 {
	display:	inline-block !important;
	background-color:	inherit;
	color: inherit;
	font-family:	inherit;
	font-size: 1.6em;
	font-style: inherit;
	font-weight:	inherit;
	text-align: left;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left:	0px;
	padding-right:	0px;
	margin:			0px;
	white-space:	nowrap;
	}

h3 {
	display:	inline-block !important;
	background-color:	inherit;
	color: inherit;
	font-family:	inherit;
	font-size: 1.4em;
	font-style: inherit;
	font-weight:	inherit;
	text-align: left;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left:	0px;
	padding-right:	0px;
	margin:			0px;
	white-space:	nowrap;
	}

h4 {
	display:	inline-block !important;
	background-color:	inherit;
	color: inherit;
	font-family:	inherit;
	font-size: 1.2em;
	font-style: inherit;
	font-weight:	bold;
	text-align: left;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left:	0px;
	padding-right:	0px;
	margin:			0px;
	white-space:	nowrap;
	}

img {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	}

img.logo {
	height: 40px;
	vertical-align: middle;
	text-decoration: none;
	}

img.logo_icon {
	height: 24px;
	vertical-align: middle;
	text-decoration: none;
	}

img.menu_link_icon {
	border:	none;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	height: 35px;
	}

img.msg_icon {
	border:	none;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	height: 25px;
	}

img.msg_icon_small {
	border:	none;
	padding: 0px;
	margin: 0;
	height: 15px;
	}

img.msg_icon_small:hover,
img.msg_icon:hover {	/* stop config msg icon scaling */
	-ms-transform: unset; /* IE 9 */
	-webkit-transform: unset(1.0); /* Safari 3-8 */
	transform: unset;
	transform-origin: unset;
}

img.lm_cog {
	height: 5px;
	opacity: 0.3;
	}

img.lm_cog:hover {
	height: 10px;
	opacity: 1;
	}

lu {
	background-color: inherit;
	font-family:	Verdana, Geneva, sans-serif;
	font-size:		inherit;
	font-style:		normal;
	font-weight:	normal;
	color:			#000000;
	text-align: left;
	text-decoration: none;
	padding-bottom: 0px;
	padding-top:	0px;
	padding-left:	0px;
	padding-right:	0px;
	margin:			0px;
	}

li {
	background-color: inherit;
	font-family:	Verdana, Geneva, sans-serif;
	font-size:		inherit;
	font-style:		normal;
	font-weight:	normal;
	color:			#000000;
	text-align: left;
	text-decoration: none;
	padding-bottom: 2px;
	padding-top:	0px;
	padding-left:	0px;
	padding-right:	0px;
	margin:			5px;
	}

table {
	background-color: inherit;
	font-family:	inherit;
	font-style:		inherit;
	font-weight:	inherit;
	font-size:		inherit;
	color:		inherit;
	padding:	0px;
	border-width:		0px;
	margin:		0px;
	width:		100%;
	border-width:	0px;
	border-radius: 5px;

		-webkit-user-select: text; /* Chrome, Opera, Safari */
		-moz-user-select: text; /* Firefox 2+ */
		-ms-user-select: text; /* IE 10+ */
		user-select: text; /* Standard syntax */
	-webkit-border-radius: 5px;
/*	-moz-border-radius: 5px; */
	}

th {
	font-family:	inherit;
	font-size:		inherit;
	font-style:		inherit;
	font-weight:	bold;
	background-color: inherit;
	color:			inherit;
	text-align:		left;
	vertical-align: top;
	padding-top:	7px;
	border-width:	0px;
	}

tr, td {
	background-color: inherit;
	color:			inherit;	/* show the inherited, try red */
	font-family:	inherit;
	font-weight:	inherit;
	font-size:		inherit;
	}

td {
	padding:		0px;
	border-width:			0px;
	}

ul.page_top {
	background-color: inherit;
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	color:		#F5F5F5;
	border:		2px hidden #808080;
	}

li.page_top {
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	color:		#F5F5F5;
	}

ul.page_bottom {
	background-color: inherit;
	color:		#F5F5F5;
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	border:		0;
	}

li.page_bottom {
	color:		#F5F5F5;
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	}

p.page_top {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	bold;
	}

.top_title {
	font-family:	inherit;
	font-style:		inherit;
	font-weight:	inherit;
	font-size:		inherit;
	color:			inherit;
	}

.top_auth {
	font-family:	inherit;
	font-style:		inherit;
	font-weight:	inherit;
	font-size:		inherit;
	color:			inherit;
	}

.top_menus {
	font-family:	inherit;
	font-style:		inherit;
	font-weight:	inherit;
	font-size:		inherit;
	color:			inherit;
	}

div.top_menus {
	position: relative;
	display:	block;
	min-height: 50px;
	width: 100%;
	list-style:	none;
	z-index: 900;
	}

/*div.top_menus:hover,
ul.top_menus:hover,
li.top_menus:hover {
	overflow: unset;
	z-index: 10000;
	}*/
ul.top_menus {
	min-height: 50px;
	width: 100%;
	margin: 0;
	list-style-type: none;
	padding: 0;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	cursor: default;
	display: flex;
	}
li.top_menus {
	list-style: none;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline;
	margin: 2px;
	}

div.left_container {
	}

table.left_container {
	/*background-color: inherit;*/
	/*color:		#F5F5F5;*/
	/*border:		2px solid #808080;
*/
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	padding:	0px 0px 0px 0px;
	margin:		0px;
	/*width:		100px;*/
	width: 100%;
	}

tr.left_container {
	background-color: inherit;
	}

td.left_container, p.left_container {
	background-color: inherit;
	color:			inherit;
	font-family:	inherit;
	}

td.left_container {
	text-align: left;
	vertical-align: top;
	padding: 1px 1px 1px 1px;
	}

div.right_container {
	}

table.right_container {
	/*background-color: inherit;*/
	/*color:		#000000;*/
	/*border:		0;
*/
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	padding:	0px 0px 0px 0px;
	margin:		0px;
	/*width:		125px;*/
	width: 100%;
	}

tr.right_container {
	background-color: inherit;
	}

td.right_container, p.right_container {
	background-color: inherit;
	color:			inherit;
	font-family:	inherit;
	}

td.right_container {
	text-align: left;
	vertical-align: top;
	padding: 1px 1px 1px 1px;
	}

span.cms_scroll2anchor_box {
	background-color: #DCDCDC;
	opacity: 0.6;
	color:		#008000;
	border:		2px solid #808080;
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	position: fixed;
	left: 180px;
	top: 30%;
	margin: 5px;
	padding: 5px;
	border-radius: 0.5em;

		-webkit-user-select: none; /* Chrome, Opera, Safari */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
	-webkit-border-radius: 0.5em;
/*	-moz-border-radius: 0.5em; */
	scroll-behavior: smooth;
	z-index: +1000;
	}

span.cms_scroll2anchor_box:hover {
	opacity: 1;
	animation: blinkerTop 0.3s linear infinite;
	color: #483D8B;
	}
@keyframes blinkerTop {
	50% { opacity: 0; }
	}

.blink_red_twice {
	animation-name: blink_2red_bkgd;
	animation-duration: 0.8s;
	}
@keyframes blink_2red_bkgd {
	0%	{	background-color: red; }
	32%	{	background-color: red; }
	33%	{	background-color: inherit; }
	65%	{	background-color: inherit; }
	66%	{	background-color: red;	}
	99%	{	background-color: red;	   }
	100%{	background-color: inherit;  }
	}

table.tools_pdb_container {
	background-color: #FFFFF0;
	color:		#000000;
	border:		2px solid #808080;
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	padding:	0px;
	margin:		0px;
	}

tr.tools_pdb_container {
	background-color: inherit;
	}

.tools_pdb_container_odd {
	background-color: #F1F1E4;
	}

.tools_pdb_container_even {
	background-color: #FFFFFB;
	}

.tools_pdb_container_odd:hover,
.tools_pdb_container_even:hover {
	color: #FFFFFF;
	background-color: #B0E0E6;
	}

th.tools_pdb_container {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	bold;
	padding:		0px 5px;
	text-align:		left;
	white-space:	normal;
	}

td.tools_pdb_container {
	background-color: inherit;
	color:			inherit;
	padding:		0px 5px;
	font-family:	inherit;
	text-align:		right;
	white-space:	normal;
	}

td.tools_pdb_container_selected {
	font-weight:	bold;
	}

td.tools_pdb_container input {
	width: 80%;
	font-size: 		inherit;
	}

p.tools_pdb_container {
	background-color: inherit;
	color:			inherit;
	padding:		0px 5px;
	font-family:	inherit;
	}

table.bodies_pdb_container {
	background-color: #FFFFF0;
	color:		inherit;
	border:		2px solid #808080;
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
	padding:	1px;
	margin:		0px;
	}

tr.bodies_pdb_container {
	background-color: inherit;
	}

.bodies_pdb_container_odd {
	background-color: #F1F1E4;
	}

.bodies_pdb_container_even {
	background-color: #FFFFFB;
	}

.bodies_pdb_container_odd:hover,
.bodies_pdb_container_even:hover {
	color: #FFFFFF;
	background-color: #B0E0E6;
	}

th.bodies_pdb_container:hover {
	font-style: italic;
	white-space:	normal;
	}

th.bodies_pdb_container {
	background-color: inherit;
	font-family:	inherit;
	padding:		0px 5px;
	font-weight:	bold;
	text-align:		left;
	white-space:	normal;
	}

td.bodies_pdb_container {
	background-color: inherit;
	color:			inherit;
	padding:		0px 5px;
	font-family:	inherit;
	text-align:		right;
	white-space:	normal;
	}

td.bodies_pdb_container_selected {
	font-weight:	bold;
	}

td.bodies_pdb_container input {
	width: 80%;
	font-size: 		inherit;
	}

p.bodies_pdb_container,
li.bodies_pdb_container {
	background-color: inherit;
	color:			inherit;
	padding:		0px 5px;
	font-family:	inherit;
	}

div.page_container {
	background-color: inherit;
	color:		inherit;
	border-width:		0px;
	font-family:	inherit;
/*	padding:	2px;*/
/*	margin:		0px;*/
	width:		100%;
/*	height:		100%; */
	}

table.page_body {
	/*background-color: #F5F5F5;*/
	/*border:		0;
*/
	/*color:		inherit;*/
	font-family:	inherit;
	font-size:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	padding:	0px;
	margin:		0px;
	width:		100%;
	}

/*table.page_body tr,*/
tr.page_body {
	background-color: inherit;
	}

.page_body_odd {
	background-color: #E8E8E8;
	}

.page_body_even {
	background-color: #FFFFFF;
	}

table.page_body th,
th.page_body {
	font-family:	inherit;
	font-size:		inherit;
	font-style:		inherit;
	font-weight:	bold;
	background-color: inherit;
	text-align:		left;
	padding-top:	7px;
	}

.page_body {	/* used by online html editor */
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		5px;

		-webkit-user-select: text; /* Chrome, Opera, Safari */
		-moz-user-select: text; /* Firefox 2+ */
		-ms-user-select: text; /* IE 10+ */
		user-select: text; /* Standard syntax */
	}

.page_body_msgs {
	background-color: inherit;
	padding:	0px;
	margin:		0px;
/*	float:		left; */
	}

td.page_body_msgs {
	padding:	5px;
	margin:		3px;
	}

td.page_body, p.page_body, li.page_body {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		5px;
	}

span.page_body,
a.page_body, a.page_body:active, a.page_body:link, a.page_body:visited {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		5px;
	}

pre {
	font-family: monospace, Courier, "Courier New";
	font-size: 10px;
	font-style: italic;
	overflow-x: hidden;
	}

.page_body_pre,
pre.page_body {
/*	width: 95%;*/
/*	overflow-x: auto;*/
/*	scroll-behavior: auto;*/
/*	display: block;*/
	}

.row_inline,
div.row_inline {
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
	}
td.row_inline {
	/*white-space: nowrap;*/
	vertical-align: top;
	text-align: left;
	}

.row_inline div,
.row_inline span,
.row_inline label,
.row_inline select,
.row_inline div,
div.row_inline div,
div.row_inline span,
div.row_inline label,
div.row_inline select,
div.row_inline div,
td.row_inline div,
td.row_inline span,
td.row_inline label,
td.row_inline select,
td.row_inline div {
	display: inline-block;
	}

p.page_database {
	background-color: #B0E0E6;
	color:		inherit;
	font-family:	inherit;
	font-size:	inherit;
	font-style: inherit;
	font-weight:	inherit;
	padding:	0px;
	margin:		0px;
	}

table.page_database {
	background-color: #B0E0E6;
	border:		0;
	color:		inherit;
	font-family:	inherit;
	font-size:	inherit;
	font-style: inherit;
	font-weight:	inherit;
	padding:	0px;
	margin:		0px;
	width:		100%;
	}

tr.page_database_sticky_heading {
	position: sticky;
	top: 1px;
	background-color: #B0E0E6;
	z-index: 200;
	}

tr.page_database {
	background-color: inherit;
	}

.page_database_odd {
	background-color: #A8D1D6;
	}

.page_database_even {
	background-color: #B7EEF5;
	}

.page_database_odd:hover,
.page_database_even:hover {
	background-color: #87CEEB;
	}

td.page_database,
td.page_database_odd,
td.page_database_even {
	border:		1px solid #808080;
	vertical-align: middle;
	text-align: center;
	word-wrap: normal;
	padding: 5px 0px;
	}
th.page_database {
	font-family:	inherit;
	font-size:		inherit;
	font-style:		inherit;
	font-weight:	bold;
	background-color: inherit;
	text-align:		center;
	padding-top:	7px;
	}

.page_database {	/* used by online html editor */
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		5px;

		-webkit-user-select: text; /* Chrome, Opera, Safari */
		-moz-user-select: text; /* Firefox 2+ */
		-ms-user-select: text; /* IE 10+ */
		user-select: text; /* Standard syntax */
	}

.page_database_msgs {
	background-color: inherit;
	padding:	0px;
	margin:		0px;
/*	float:		left; */
	}

td.page_database_msgs {
	background-color: inherit;
	border-radius: 0.5em;
	border:		2px solid grey;
	padding:	3px;
	margin:		3px;
	float:		left;
	}

td.page_database, td.page_database_number, li.page_database {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		5px;
	}

.page_database_text,
td.page_database_text {
	text-align: left;
	}

.page_database_number,
td.page_database_number {
	text-align: right;
	}

th.page_database {
	border:		1px solid #808080;
	text-align: center;
	}

span.page_database,
a.page_database, a.page_database:active, a.page_database:link, a.page_database:visited {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		5px;
	}

.page_database_pre,
pre.page_database {
	font-family: monospace, Courier, "Courier New";
	font-size: inherit;
	font-style: italic;
	}

.page_database select,
.page_database input,
select.page_database,
input.page_database {
	text-align: left;
	}

div.page_database,
span.page_database {
	background-color:	#B0E0E6;
	border:		0;
	border-radius:		5px;
	color:				inherit;
	padding:			5px;
	}

div.page_database_panel,
span.page_database_panel {
	background-color:	#B0E0E6;
	border:		2px solid #808080;
	border-radius:		5px;
	color:				inherit;
	padding:			5px;
	}

div.col_DB_head {
	white-space: normal;
	}

div.col_DB_head div {
	display: inline-block;
	}

img.col_DB_head {
	height: 10px;
	padding: 0px;
	}

table.section_body {
	background-color: #B0C4DE;
	border:		4px outset #F5DEB3;
	color:		#0000FF;
	font-family:	inherit;
	font-size:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	padding:	0px;
	margin:		2px;
	width:		100%;
	}

tr.section_body {
	background-color: inherit;
	}

th.section_body {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	bold;
	font-style:		normal;
	font-size:		inherit;
	text-align:		left;
	padding:		0px 5px;
	}

td.section_body, span.section_body,
a.section_body,  a.section_body:active, a.section_body:link, a.section_body:visited,
h1.section_body, h2.section_body, h3.section_body  {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		0px 2px;
	}

td.section_body > span,
td.section_body > div {
/*	overflow-y: auto;*/
/*	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;*/
/*	max-height: 0;*/
	padding-bottom: 5px;
	}

table.link_body {
	background-color: #DCDCDC;
	border:		2px solid #87CEFA;
	color:		inherit;
	font-family:	inherit;
	font-size:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	padding:	0px;
	margin:		0px;
	width:		100%;
	}

tr.link_body {
	background-color: inherit;
	}

th.link_body {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	bold;
	font-style:		normal;
	font-size:		inherit;
	text-align:		left;
	padding:		0px 5px;
	}

td.link_body, span.link_body, div.link_body,
a.link_body, a.link_body:active, a.link_body:link, a.link_body:visited,
h1.link_body, h2.link_body, h3.link_body {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	normal;
	font-size:		inherit;
	padding:		2px 2px;
	}
td.link_body {
	text-align: justify;
	}
span.link_body,
div.link_body {
	display: inline-block;
	border: 1px solid #87CEFA;
	border-radius: 3px;
	margin: 2px 1px;
	vertical-align: top;
	text-align: center;
	}
span.link_body_mt,
div.link_body_mt {
	display: inline-block;
	margin: 2px 1px;
	}
.link_body_odd {
	background-color: #CFCFCF;
	}
.link_body_even {
	background-color: #E8E8E8;
	}

div.cms_select_filtered {
	display: inline-block;
	}

.cms_page_sitemap {
	background-color: inherit;
	font-family:	inherit;
	font-weight:	inherit;
	font-style:		italic;
	margin: 0px 0px 0px 25px;
	}

div.cms_hilite_selected,
td.cms_hilite_selected {
	border: 3px solid greenyellow;
	padding: 5px;
	border-radius: 5px;

		-webkit-user-select: text; /* Chrome, Opera, Safari */
		-moz-user-select: text; /* Firefox 2+ */
		-ms-user-select: text; /* IE 10+ */
		user-select: text; /* Standard syntax */
	-webkit-border-radius: 5px;
/*	-moz-border-radius: 5px; */
	}

.cms_msg_brief {
	font-size:		0.8em;
	}

span.cms_msg_info, div.cms_msg_info, p.cms_msg_info,
span.cms_msg_debug, div.cms_msg_debug, p.cms_msg_debug,
span.cms_msg_required, div.cms_msg_required, p.cms_msg_required,
span.cms_msg_success, div.cms_msg_success,
span.cms_msg_warning, div.cms_msg_warning,
span.cms_msg_error, div.cms_msg_error {
	font-family:	inherit;
	font-style:		italic;
	font-size:		inherit;
	white-space:	normal;
	}

span.cms_msg_debug, div.cms_msg_debug, p.cms_msg_debug {
	background-color: darkgrey;
	font-weight:	normal;
	color:			white;
	}

span.cms_msg_info, div.cms_msg_info, p.cms_msg_info {
	background-color: white;
	font-weight:	normal;
	color:			black;
	}

span.cms_msg_required, p.cms_msg_required,
div.cms_msg_required {
	background-color: ghostwhite;
	font-weight:	normal;
	color:			black;
	}

span.cms_msg_success,
div.cms_msg_success {
	background-color: greenyellow;
	font-weight:	normal;
	color:			black;
	}

span.cms_msg_warning,
div.cms_msg_warning {
	background-color: yellow;
	font-weight:	bold;
	color:			black;
	}

span.cms_msg_error,
div.cms_msg_error {
	background-color: red;
	font-weight:	bold;
	color:			white;
	}

div.cms_msg_stack {
	display: block;
	visibility: visible;
	font-family:	inherit;
	font-style:		inherit;
	font-size:		inherit;
	min-width: 100px !important;
	max-width: 60%;
	white-space: nowrap !important;
	position: fixed;
	right: 0px;
	margin-right: 10px;
	margin-top: 10px;
	top:	95px;   /* Height of the header + navbar + 5 */
	z-index: 10;
	background-color: #FFFFFF;
	color:		#000000;
	border:		2px solid #ADD8E6;
	border-radius: 5px;

		-webkit-user-select: text; /* Chrome, Opera, Safari */
		-moz-user-select: text; /* Firefox 2+ */
		-ms-user-select: text; /* IE 10+ */
		user-select: text; /* Standard syntax */
	-webkit-border-radius: 5px;
/*	-moz-border-radius: 5px; */
	overflow-y: auto;
	max-height: 75%;
	}

span.cms_msg_closebtn {
	display: inline-block;
	margin-left: 0px;
	color: black;
	font-weight: bold;
	/*float: right;*/
	font-size: 2.0em;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
	vertical-align: top;
	}

span.cms_msg_closebtn:hover {
	text-decoration: underline;
	}

div.cms_msg_table {
	display: inline-block;
/*	width: calc(100% - 30px);*/	}

div.cms_msg_alert {
	padding: 10px;
	}

.cms_panel_block_outer {
	background-color: inherit;
	color:		inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	cursor: inherit;
	text-decoration: inherit;
	position: relative;
	margin: 0px 5px;
	}

.cms_panel_block_inner {	/* not a hover block, onclick JS to toggle */
	display: none;
	background-color: #FFFFF0;
	color:		inherit;
	border:		2px solid #808080;
	border-radius: 5px;
	font-family:	inherit;
	font-style: inherit;
	font-weight:		inherit;
	font-size:		inherit;
/*	min-width: 500px; */
	width: auto;
	height: auto;
	position: absolute;
	right: -15px;
/*	left: 0px;*/
	top: 20px;
	padding: 3px;
/*	margin-left: 0px;*/
	cursor: default;
/*	outline: none; */
	z-index: 830;
	text-decoration: none;
	float: left;
	}

.cms_hover_block_outer,
.cms_sub_hover_block_outer {
	background-color: inherit;
	color:		inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	cursor: inherit;
	text-decoration: inherit;
	position: relative;
	margin: 0px 5px;
}

.cms_hover_block_outer > span,
.cms_sub_hover_block_outer > span,
.cms_hover_block_outer > div,
.cms_sub_hover_block_outer > div {
	/*visibility: hidden;*/
	display: none;
	/*opacity: 0;*/
}

.cms_sub_hover_block_outer:hover > span,
.cms_hover_block_outer:hover > span,
.cms_sub_hover_block_outer:hover > div,
.cms_hover_block_outer:hover > div {
	/*visibility: visible;*/
	display: block;
	/*opacity: 1;*/
}

.cms_hover_block_inner,
.cms_sub_hover_block_inner {
	display: block;
/* on tablet devices is assisted by onclick="return true" */
	min-width: 130px;
	height: auto;
	border-radius: 0.5em;
	position: absolute;
	right: -15px;
/*	left: 0px;*/
	top: 10px;
	padding: 3px;
/*	margin-left: 0px;*/
/*	white-space: normal;*/
	cursor: default;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	outline: none;
	z-index: 830;
	text-decoration: none;
	float: left;
	white-space: normal;
	overflow: visible;
}
.cms_sub_hover_block_inner {
	/*position: relative;*/
	right: 65px;
}

div.cms_title_tooltip {
	transition: opacity 0.3s;
	display:	block;
	background:	#D3D3D3;
	border:		2px solid #808080;
	font-family:	inherit;
	font-style: normal;
	font-weight:	normal;
	font-size:	inherit;
	color:		#000000;
	border-radius: 5px;

		-webkit-user-select: none; /* Chrome, Opera, Safari */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
	-webkit-border-radius: 5px;
/*	-moz-border-radius: 5px; */
	padding:	5px;
	margin:		0px;
	z-index:	840;
	position:	relative;
	}

span.cms_title_tooltip {
	}

/* navigation bar */
div.cms_nav_bar {
	background-color: inherit;
	list-style:	none;
	border:		0;
	border-radius: 5px;
	z-index:	100;
	}

ul.cms_nav_bar {
	min-height:	40px;
	width: 100%;
	margin: 0;
	list-style-type: none;
/*	list-style:	none; */
	padding: 0;
	/*overflow:	visible;*/
	flex-wrap: wrap;
	flex-direction: row;
/*	justify-content: flex-end;*/
	align-items: center;
	cursor: default;
	display: flex;
/*	display: inline-block;*/
}

li.cms_nav_bar, li.cms_nav_bar_on  {
	background-color: #191970;
	list-style:	none;
	border:		2px solid #808080;
	border-radius: 5px;

		-webkit-user-select: none; /* Chrome, Opera, Safari */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
	-webkit-border-radius: 5px;
/*	-moz-border-radius: 5px; */
	color:		#F5F5F5;
	font-family:	inherit;
	font-size:	inherit;
	font-style: inherit;
	font-weight:	inherit;
	text-align:		center;
/*	float: left; */
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline;
	margin: 2px;
	margin: 0 5px 0 5px;
}

li.cms_nav_bar {
	text-decoration:	none;
	margin: 5px;
}

li.cms_nav_bar_on,
a.cms_nav_bar_on {
	text-decoration:	underline;
}

li.cms_nav_bar:hover, li.cms_nav_bar_on:hover {
	background-color: #483D8B;
	border:		2px solid #808080;
	color:		#A9A9A9;
}

a.cms_nav_bar a.cms_nav_bar:active, a.cms_nav_bar:link, a.cms_nav_bar:visited {
	display: inline-block;
	font-family:	inherit;
	font-size:		inherit;
	color:			inherit;
	text-decoration: none;
}

a.cms_nav_bar:hover {
	font-family:	inherit;
	font-size:		inherit;
	color:			inherit;
	/* color:			#9ACD32; */
	text-decoration: underline;
	}

div.page_middle {	/* contains left column, application body and right column across the viewport */
	display: flex;
	flex-direction: row;
	width: 100%;
	}

img.cms_nav_bar {
	border:	0;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	height: 25px;
	vertical-align: bottom;
	}

/* social media */
span.social_media {
	background:		inherit;
	visibility: visible;
	}

span.social_media_left {
	background:		inherit;
	visibility: visible;
	float:		left;
	}

span.social_media_right {
	background:		inherit;
	visibility: visible;
	float:		right;
	}

span.social_media_center_left {
	background:		inherit;
	visibility: visible;
	opacity:	0.9;
	position:	fixed;
	left:		5px;
	top:		40%;
	}

span.social_media_center_right {
	background:		inherit;
	visibility: visible;
	opacity:	0.9;
	position:	fixed;
	right:		10px;
	top:		40%;
	}

table.social_media {
	background-color: inherit;
	border:		0;
	border-radius: 5px;
	font-family:	inherit;
	font-style:		inherit;
	font-weight:	inherit;
	font-size:		inherit;
	color:			inherit;
	padding:		0px;
	margin:			0px;
/*	width:			100%;*/

		-webkit-user-select: none; /* Chrome, Opera, Safari */
		-moz-user-select: none; /* Firefox 2+ */
		-ms-user-select: none; /* IE 10+ */
		user-select: none; /* Standard syntax */
	-webkit-border-radius: 1em;
/*	-moz-border-radius: 1em; */
	}

tr.social_media {
	background:		inherit;
	padding:		0px;
	margin:			0px;
	border-width:	0px;
	}

th.social_media, td.social_media {
	background:		inherit;
	color:			inherit;	/* show the inherited, try red */
	font-family:	inherit;
	font-weight:	inherit;
	font-size:		inherit;
	padding:		2px;
	margin:			0px;
	border-width:	0px;
	}

.cms_legal {
	background-color: #FFFFFF;
	border:		2px solid #0000FF;
	color: #000000;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: normal;
	padding: 15px;
	border-radius: 5px;
	margin: 5px;
	}

div.cms_ddwn_outer {
	position: relative;
	display: inline-block;
	}

div.cms_ddwn_inner {
	display: none;
	position: relative;
	background-color: white;
	color: black;
	min-width: 160px;
	box-shadow: 0px 5px 8px 0px rgba(0,0,0,1);
	padding: 5px 7px;
	z-index: 4;
	font-size: 0.75em;
	}

div.cms_ddwn_outer:hover div.cms_ddwn_inner {
	display: block;
	}

img.cms_ddwn_img {
	height: 18px;
	}

img.eye_img {
	height: 20px;
	}

div.cms_box_confirm {
	display: block;
	visibility: visible;
	font-family:	inherit;
	font-style:		inherit;
	font-size:		inherit;
	background-color: #FFFFFF;
	color:		#000000;
	border:		2px solid #ADD8E6;
	border-radius: 5px;

		-webkit-user-select: text; /* Chrome, Opera, Safari */
		-moz-user-select: text; /* Firefox 2+ */
		-ms-user-select: text; /* IE 10+ */
		user-select: text; /* Standard syntax */
	-webkit-border-radius: 5px;
/*	-moz-border-radius: 5px; */
	padding: 10px;
	text-align: center;
	min-width: 150px !important;
	/*max-width: 60%;*/
	white-space: nowrap !important;

	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%,-50%);
	}
div.cms_box_confirm button {
	margin: 0 10px;
	}

ul.page_top,
ul.page_bottom,
ul.flex_box {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style: none;
	/* overflow: visible; */
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	cursor: default;
	display: flex;
	}

li.page_top,
li.page_bottom,
li.flex_box {
	list-style: none;
	/* padding-left: 7px; */
	/* padding-right: 7px; */
	/* padding-top: 2px; */
	/* padding-bottom: 2px; */
	display: inline;
	margin: 2px;
	margin: 0 5px 0 5px;
	}


/* eof */

