/* Default site variables */
:root {
	--login_image-background: white;
	--login_image-logo: 0px;
	--menu_top_height: 60px;
	--menu_top-background: black;
	--menu_top-link-text: white;
	--menu_top-link-background: #444;
	--menu_top-hover-line: white;
	--menu_top-text: white;
	--menu_popup-background: white;
	--menu_popup-item-selected: #B6CCE2;
	--menu_popup-item-selected-border: #80A4C6;
	--menu_div-border: #999;
	--menu_leftlogo-padding: 10px;
	--menu_icon-mob-main: black;
	--menu_subitem-text: white;
	--menu_subitem-background: #336699;
	--menu_subitem-borderbottom: #06396C;
	--thUserSideBG: #dfdfdf ;
	--site_page-margin-background: #f5f5f5;
	--site_page-body-background: #fff;
	--section_userside_header_background: #dfdfdf;
	--section_header-background: #ddd;
	--section_header-border: #ddd;
	--section_header-text: black;
	--section_body-background: white;
	--section_body-text: #2b2b2b;
	--section_body-link: #039;
	--content-max-width: 1024px;
	--menu_top-mob-height: 50px;
	--menu_top-mob-background: #ddd;
	--menu_leftlogo-mob-padding: 10px;
	--menu_top-mob-text: black;
	--menu_top-mob-link-text: black;
	--menu_tab-mob-hover-left: #369;
	--menu_tab-mob-background-hover: #ddd;
	--menu_tab-mob-background-current: #ccc;
	--menu_tab-mob-text-current: white;
	--menu_leftnav-mob-background: #ddd;
	--menu_leftnavcontent-mob-border: #999;
	--menu_leftnavcontent-background: #f5f5f5;
	--menu-tab-mob-text-hover: #000;
	--leftnav-width: 222px;
	--menu_icon-mob-hide: black;
}
body {
	margin: 0px;
	background: #fff;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #212121
}
iframe{border:none}
div, select, div, fieldset {
	box-sizing: border-box;
}
a:focus {
	outline: 2px solid blue
}
.print_vis			{display:none}
.divFullInputBox	{overflow:hidden}
.btn_D				{height:22px;float:left;border:1px solid #999;outline-color:blue;cursor:pointer}
.spanSep			{margin:0px 3px 0 6px;text-align:center}
.spanDiffDeleted	{text-decoration: line-through; color: red}
.spanDiffMod		{color: green}
.spanDiffInserted	{background: yellow;}
tr[class=t1] .tdBookListPadding,tr[class=t1] .tdBookListPadding	{padding:8px}
.AppFooter			{background: #ddd;color: #333}
.IL					{cursor: pointer;}
.th8				{padding-left:5px;font-size: 12px;color:#D50000;visibility: hidden}
.inputError			{font-size: 12px;color:#D50000;visibility: hidden;display:inline-block;padding-left:5px}
.th8n				{font-size: 12px}
.nt ,a				{font-weight: 400;font-size: 14px}
.ntadmin			{font-weight: 400;font-size: 12px}
.nladmin			{font-weight: 400;font-size: 12px;color:#212121}
	.nladmin:focus {
		outline: 2px solid blue;
		outline-offset: -2px;
	}
.drpdwn				{font-family:Roboto, Arial, sans-serif;border:1px solid #ccc;vertical-align: middle; padding:2px;box-sizing: border-box/*;height:22px*/}
.qsearch			{width:100px;float:left;border-radius:6px}
select.drpdwn, input[type=text], input[type=date].drpdwn {
	height: 22px
}
.drpdwn:focus {
	outline: 2px solid blue;
	outline-offset: -1px;
	border:1px solid transparent !important
}
.req				{color:#D50000;font-family: Roboto, Arial, sans-serif;font-weight: 300;font-size: 12px}
.tdR				{text-align:right;font-weight:bold;padding-right:5px}
.tdC				{text-align:center}
.tdL				{text-align:left;padding-left:3px}
a:link:hover,a:link:visited:hover		{color: var(--section_body-link);text-decoration:underline;}
a:active,a:link,a:visited	{color: var(--section_body-link);text-decoration:none}
a.aSkipNav:active,a.aSkipNav:link,a.aSkipNav:visited,a.aSkipNav:hover {color:var(--menu_top-background);float:left;margin-top:10px;width:0px;height:0px;overflow:hidden;border-radius:3px;padding:2px}
a.aSkipNav:focus	{color: var(--menu_top-text);width:auto;height:auto;outline:2px solid blue}

.SubMenu		{ border-bottom:2px solid #212121;background:#e5e7e9;color:#212121;padding:5px 10px 0 10px;height:41px;position:relative}
.btn_N	 {border-radius:6px;cursor:pointer;text-decoration:none;border:1px solid #000;background-color:#000;height:20px;font-size:11px;color:#fff;padding:0px 8px}
	.btn_N:focus {
		outline: 2px solid blue;
		outline-offset: 0px;
	}
.btn_N[disabled] {
	background: #ddd;
	color: #aaa;
	border: 1px solid #999;
}
/* left navigation tree styles */
.TL0				{font-family: Roboto, Arial, sans-serif;font-weight: 300;font-size: 13px;text-align:left;overflow:hidden;color:#333;white-space:nowrap;text-overflow:ellipsis;padding:4px 3px 0px 6px;cursor:pointer}
.TL1				{font-family: Roboto, Arial, sans-serif;font-weight: 300;font-size: 13px;text-align:left;overflow:hidden;color:#333;white-space:nowrap;text-overflow:ellipsis;padding:4px 3px 0px 6px;cursor:pointer;border:1px solid #CCC;background:#ccc}
.TL20				{font-family: Roboto, Arial, sans-serif;font-weight: 300;font-size: 11px;text-align:left;overflow:hidden;color:#333;white-space:nowrap;text-overflow:ellipsis;padding:2px 3px 1px 3px;cursor:pointer;height:20px}
.TL21				{font-family: Roboto, Arial, sans-serif;font-weight: 300;font-size: 11px;text-align:left;overflow:hidden;color:#333;white-space:nowrap;text-overflow:ellipsis;padding:2px 3px 1px 3px;cursor:pointer;border:1px solid #000;background:#ccc;height:20px}
.BL0				{font-weight:normal;margin:2px 3px 2px 3px;}
.DC {
	display: none;
	transition: all 0.3s ease;
}
.DO {
	display: block;
	transition: all 0.3s ease;
	overflow:hidden;
	clear:left;
}
.divTopFirstLogin {
	border-bottom: 2px solid #333;
	text-align: center;
	background-color: var(--login_image-background);
	padding: var(--login_image-logo);
	border-radius: 15px;
}
/* Drop Down Styles */
.ddl_Sel			{text-overflow:ellipsis;white-space:nowrap;padding:2px 0px 0px 2px;height:20px;cursor:default;background:#ccc;color:#000;}
.ddl_Nor			{text-overflow:ellipsis;white-space:nowrap;padding:2px 0px 0px 2px;height:20px;cursor:default;background:white;color:#000;}
.ddl_DIV			{background:white;padding-left:0px;cursor:default;vertical-align:middle;}
.ddl_INPUT			{font-size: 13px;cursor:default;text-align:left;border:transparent;vertical-align:top;padding-top:1px;}
.ddl_DropDiv		{overflow-y:auto;border:1px solid #000;background:white;position:absolute;display:none;text-align:left;z-index:100;padding:2px}
.ddl_Nor:hover {
	background: #eee;
	outline: 2px solid #999;
	outline-offset: -2px;
}
.ddl_Nor:focus, .ddl_Sel:focus {
	outline: 2px solid blue;
	outline-offset: -2px;
	background: #cde !important
}
.ddl_DIV:focus {
	outline: 2px solid blue;
	outline-offset: -2px;
}
/* tab styles */
.sepR {
	white-space: nowrap
}
.cellA		{white-space:nowrap;text-align:center;padding:3px 10px 4px 4px;cursor:pointer;font-family: Roboto, Arial, sans-serif;font-weight: 600;font-size: 13px}
.cellI		{white-space:nowrap;text-align:center;padding:3px 10px 4px 4px;cursor:pointer;font-family: Roboto, Arial, sans-serif;font-weight: 300;font-size: 13px}
	.cellI:focus, .cellA:focus {
		outline: 2px solid blue;
		outline-offset: -2px;
	}
.tabPanel {
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	width: 100%;
	background: #f5f5f5;
	position: relative
}
.tabBody	{background:#e8e8e8}
/* Content for Review */
.aReviewLink		{background: #7B7D7D;color:#fff;padding: 6px 12px}
a.aReviewLink,a.aReviewLink:hover		{margin-left:5px;color:#fff;text-decoration:none}
.filterNameDis {margin-left: 1px;float: left;width: 250px;background: #f2f2f2;text-align: left;}

/* table headers and alternating lines */
.thBorder			{border:1px solid #999}
th .nladmin:link	{color: white}
th .nladmin:link:hover{text-decoration-color:white}
.nl:focus {
	outline: 2px solid blue;
	outline-offset: -1px;
}
.t1 				{background:white}
.t1:hover			{background: #eee}
.t2 {				background: #e5e5e5;height: 20px}
.thUserSide {		background: var(--thUserSideBG);padding:8px}
/*th.thUserSide nl:link, th.thUserSide, th.thUserSide > span {color: #036}*/
th.thUserSide {		font-size: 14px;}
th a:active, th a:link, th a:visited, th.thUserSide nl:link, th.thUserSide, th.thUserSide > span {color: var(--section_header-text);font-weight: bold;}
th,.divTH			{background-color: #717170;color: white;padding:3px 0px}
/*tr[class=t1] td		{padding:3px 0px}*/
.thSelected			{}

/* subpane table styles */
.SubPane			{border:1px solid #dcdcdc;padding:3px 0 0 5px;height:25px;background-color:#dcdcdc;font-weight:bold}
.SubPaneBody		{border:1px solid #dcdcdc}

.divMain {
	position: relative;
	width: 100%;
	overflow: auto;
	background: var(--site_page-margin-background)
}
.liHomePage {
	margin:4px 0px
}
.divUserRole {
	position: absolute;
	right: 8px;
	top: 8px
}
.divSearchContainer {
	display: flex;
	float: left;
	padding-top:2px
}
	.divSearchContainer > * {
		margin-right: 3px;
		height: 24px !important;
		box-sizing: border-box
	}
.divSecondLevel {
	overflow: hidden;
	min-width: 365px;
	margin: 10px auto 0 auto;
	max-width: var(--content-max-width);
	border:1px solid #ddd;
	padding:10px;
	border-radius:10px;
	background:white
}
.divAllContent {
	margin: 10px auto;
	border-radius: 10px;
	padding: 10px;
	max-width: var(--content-max-width);
	background-color: var(--site_page-body-background);
	border: 1px solid #ddd
}
/* login page defaults*/
.Login_Error {
	color: #D50000;
	font-size: 10pt;
	width: 90%;
	max-width: 450px;
	background-color:#f9f9f9;
	border:1px solid #bbb;
	border-radius:5px;
	padding:0px 10px;
	text-align:center;
}
#spanRegister {
	width: 100%;
	background: green;
	outline: none;
	border-radius: 3px;
	margin-top: 10px;
	padding: 10px;
	text-align: center
}
	#spanRegister a:link {
		color: var(--menu_top-text) !important;
		letter-spacing: 0.10rem;
	}
#imgLoginLeft {
	max-width: 450px;
	object-fit: cover;
}
.divLoginTitle, .divLoginInstructions, .Login_LinkBox {
	width: 90%;
	max-width: 450px;
	margin-top: 10px;
}
.divSelfRegisterFooter {
	position: absolute;
	top: calc(100vh - 25px);
	left: 0px;
	text-align: center;
	padding-top: 7px;
	font-size: 10px;
	background: #eee;
	color: #555;
	height: 25px
}
.SelfRegister_Logo {
	margin-top: 0px;
	background-color: var(--login_image-background);
	text-align: center;
	padding: var(--login_image-logo)
}
.Login_Logo {
	width: 90%;
	max-width: 450px;
	margin-top: 10px;
	background-color: var(--login_image-background);
	text-align: center;
	padding: var(--login_image-logo)
}
.Login_DictionaryBox {
	width: 90%;
	margin-top: 20px;
	text-align: center;
	max-width: 450px;
}
.Login_HelpLink a:link {
	font-size: 10pt;
}
.Login_HelpLink {
	overflow:hidden;
	margin: 5px 0px;
	clear: both
}
#divLoginRightBox {
	margin-left: 50px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100vh;
	overflow:auto;
	width:100%
}
.Login_Label {
	font-sze: 10pt;
}
.Login_Credentials {
	max-width: 450px;
	width: 90%;
	margin-top: 20px
}
.Login_SignInButton {
	width: 100%;
	background: var(--menu_top-background);
	color: var(--menu_top-text);
	border-radius: 3px;
	margin-top: 10px;
	padding: 10px;
	letter-spacing: 0.10rem;
	text-transform: uppercase;
	border:1px solid var(--menu_top-text);
	outline-color:blue
}
	.Login_SignInButton:focus {
		border:2px solid black
	}
	.Login_SignInButton:disabled {
		background:#ddd
	}
.Login_InpuBox {
	width: calc(100% - 22px);
	padding: 10px;
	font-size: 10pt;
	vertical-align: middle;
	background: #f9f9f9;
	border: 1px solid #f0f0f0;
	outline: none;
}
	.Login_InpuBox:focus {
		background: white;
		border: 1px solid black;
	}
.Login_InputLine {
	margin:5px 0px;
}
.secCESummary {
	background-image: linear-gradient(to right, white 20%, rgba(255, 255,255, 1) 70%, rgba(255, 255, 255, 0) 80%), url(/Graphics/Graphics_Site/231.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	max-width: var(--content-max-width);
	margin: 10px auto;
	border-radius: 10px;
	padding: 30px 20px;
}

@media (max-width:800px) {
	.secCESummary {
		background-image: none;
		margin: 0px;
		padding: 5px
	}
	.tdBookListPadding {
		padding: 3px
	}
	a.aSkipNav {
		display: none
	}
	.divAllContent {
		margin: 5px auto;
		border-radius: 0px;
		padding: 10px 10px 30px 10px;
	}
	.Login_LeftImage {
		max-width: 250px
	}
	#imgLoginLeft {
		display: none
	}
	.divLoginTitle, .divLoginInstructions, .Login_Logo, .Login_DictionaryBox, .Login_LinkBox, .Login_Credentials, .Login_Footer, .Login_Error {
		margin: 4px auto;
	}
	#divLoginRightBox {
		margin: 0px;
		padding:0px 20px;
		width: 100%;
		float: none;
	}
	.divSecondLevel {
		border-radius:0px;
		border:none;
		padding:3px;
	}
}
/* submenu text styles Default settings assume dark colored background  */
.popmenu_main	{	position: absolute;width: 250px;display: none;z-index: 110;border: 1px solid #999;background: #F1F3F1;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);overflow:hidden}
.popmenu_header {	border-bottom: 1px solid #ddc;background: #F1F3F1}
.popmenu_text	{	border: 1px solid transparent;	background: white;	cursor: pointer}
	.popmenu_text:focus {
		outline-color: blue;
		outline-offset: 0px;
		background:#def;
		outline-radius:5px
	}
.popmenu_text.selected {font-weight: bold;background: #F1F3F1;	border: 1px solid #999	}
.popmenu_text:hover {background: #B6CCE2;border: 1px solid #369	}
#menu_nav {
	float: left;
	display: flex;
	flex-direction: row;
	margin: 10px 0 0 0px;
	flex-wrap: wrap;
	width: 100%;
	clear: both
}
#menu_main {
	display: block;
	overflow: hidden;
	height: var(--menu_top_height);
	background-color: var(--menu_top-background)
}
#menu_topsystemlinks_panel {
	position: absolute;
	top: 0px;
	right: 5px
}
.menu_topsystemlinks_item {
	float: left;
	background: var(--menu_top-link-background);
	margin: 3px 5px 0 0;
	padding: 5px 4px 3px 4px;
	height: 31px;
	border-radius:5px
}
	.menu_topsystemlinks_item svg {
		stroke: var(--menu_top-text);
		float:none;
	}
	.menu_topsystemlinks_item > span {
		cursor:pointer;
		stroke-width: 2px;
		stroke: var(--menu_top-text);
		color: var(--menu_top-text);
		font-size: 14px;
	}
	.menu_topsystemlinks_item:focus {
		outline:2px solid blue;
		outline-offset:-1px
	}

.menu_divMob {
	width: 250px;
	display: none;
	background: var(--menu_popup-background);
	z-index: 110;
	position: absolute;
	border: 1px solid var(--menu_div-border);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8);
}

.menu_item {
	cursor: pointer;
/*	border: 1px solid var(--menu_popup-background);*/
	white-space: nowrap;
	height: 24px;
	padding: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--section_body-link);
	font-weight: 400;
	font-size: 14px;
}
	.menu_item:focus {
		background-color: #cde !important;
		outline: 2px solid blue !important;
	}
		.menu_item:hover,.menu_item_selected {
			background-color: var(--menu_popup-item-selected);
			outline: 2px solid var(--menu_popup-item-selected-border);
			border-color:transparent;
		}
.mmm_tab {
	border-top: 1px solid transparent;
	padding: 2px;
	margin:0px 10px;
	cursor: pointer;
	font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Roboto, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: var(--menu_top-text);
	text-decoration: none;
	border-radius:3px;
	border-top:2px solid transparent
}
	.mmm_tab:focus {
		outline: 2px solid blue;
		outline-offset:-1px;
		border-top-width:2px;
		border-color:transparent;
	}
.mmm_tab_on:hover {
	border-top-width:1px !important;
}

.mmm_tab_on {
	font-weight: 600;
	border-top: 2px solid var(--menu_top-hover-line);
	border-radius: 0px
}
.mmm_tab:hover {
	padding-top:3px;
	border-top: 1px solid var(--menu_top-hover-line);
	border-radius:0px
}
.mmm_tab_Image {
	padding: var(--menu_leftlogo-padding)
}
#menu_page_name, .btnHideLeft, .mmm_tabSub, #menu_mobile, .mob_vis {
	display: none;
}
svg.menu_top_link_selected {
	stroke-width:4px;
}
.menu_sub_main {
	background: var(--menu_subitem-background);
	min-height: 25px;
	overflow: hidden;
	padding: 2px 5px 0 15px;
	border-bottom: 1px solid var(--menu_subitem-borderbottom);
}
.menu_sub_item {
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: var(--menu_subitem-text);
	white-space: nowrap;
	height: 19px;
	padding: 2px 1px;
	margin-top:2px;
	border-radius:3px
}
	.menu_sub_item:hover {
		text-decoration: underline;
		cursor: pointer
	}
	.menu_sub_item:focus, .menu_sub_link:focus {
		outline: 2px solid blue;
		outline-offset: 0px;
	}
.menu_sub_item_selected {
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: bold;
	text-decoration:none !important;
	cursor:default !important
}

.menu_sub_item_selected {
	font-weight: bold !important;
}
.menu_sub_link {
	font: 12px Arial, Helvetica, sans-serif;
	float: left;
	color: var(--menu_subitem-text);
	padding:2px;
	cursor:pointer;
	border-radius:3px
}
	.menu_sub_link:hover {
		text-decoration:underline
	}
.menu_sub_sep {
	font: 12px Arial, Helvetica, sans-serif;
	color: var(--menu_subitem-text);
	float: left;
	margin: 3px 2px 0px 2px;
}
@media only screen and (max-width: 800px) {
	.mob_hid {display: none}
}
@media (max-width: 800px) {
	: root {
		--leftnav-width: 0px;
	}
	.mmm_tab:hover {
		border: none;
		background-color: var(--menu_tab-mob-background-hover);
	}
	.mmm_tab:focus {
		background-color: #cde;
	}
	.menu_sub_main {
		display:none
	}
	.menu_mainmobile {
		background-color: var(--menu_top-mob-background);
		overflow: hidden;
		border-bottom: 1px solid var(--menu_leftnavcontent-mob-border)
	}
	.mmm_tab {
		color: var(--menu_top-mob-text);
		margin: 2px 0px;
		padding-left: 11px;
		overflow: hidden;
		text-overflow: ellipsis;
		border:none
	}
	.mmm_tab_selected {
		background: var(--menu_tab-mob-background-current)
	}
	.mmm_tabSub,.mob_vis {
		display:block
	}
	.mob_vis {
		display: revert
	}
	.btnHideLeft {
		stroke: var(--menu_icon-mob-hide);
		position: absolute;
		right: 5px;
		top: 5px;
		display: block;
		width: 24px;
		height: 24px;
		stroke-width: 2px;
		stroke-linecap: round;
		stroke-linejoin: round;
		fill: none;
		border-radius:5px
	}
		.btnHideLeft:focus {
			outline: 2px solid blue;
			outline-offset: -1px;
		}
	#menu_page_name {
		float: left;
		display: block;
		font-size: 15px;
		font-weight: 600;
		margin: 7px 0 0 5px;
		color: var(--menu_icon-mob-main);
	}
	#menu_nav {
		flex-direction: column;
		margin: 30px 5px 5px 5px;
		padding-top: 10px;
		display: none;
		width: calc(100% - 14px);
		border-radius: 7px;
		border: 1px solid var(--menu_leftnavcontent-mob-border);
		background: var(--menu_leftnavcontent-background);
	}
	.mmm_tab_Image {
		padding: var(--menu_leftlogo-mob-padding)
	}
	.divLeftFrame {
		display: none
	}
	#menu_main {
		height: var(--menu_top-mob-height);
	}
	#menu_mobile {
		float: left;
		margin: 3px 5px 3px 8px;
		display: block;
		stroke: var(--menu_icon-mob-main);
		cursor: pointer;
		clear: both;
		stroke-width: 2px;
		stroke-linecap: round;
		width: 24px;
		height: 24px;
		stroke-linejoin: round;
		border-radius:5px
	}
		#menu_mobile:focus {
			outline: 2px solid blue;
			outline-offset: -1px;
		}
		#menu_panel {
			top: 0px;
			width: 100%;
			height: 100%;
			position: absolute;
			border-radius: 2px;
			display: none;
			transition: background-color 0.3s ease-in-out;
			min-width: 250px;
			z-index: 100;
		}
	.menu_panel_canvas {
		width: 0px;
		max-width: 100%;
		transition: width 0.3s ease;
		background-color: var(--menu_leftnav-mob-background);
		height: 100%;
		overflow-x: hidden;
		padding: 5px;
		position: relative
	}
		.menu_panel_canvas:focus {
			outline: 2px solid blue
		}
		.panel-open {
			width: 400px;
		}
}
.svgP {cursor:pointer;fill:none;stroke-width:2px;stroke-linecap:round;width:20px;height:20px;stroke:#000;stroke-linejoin:round;float:left;border-radius:3px }
	.svgP:focus {
		outline: 2px solid blue;
		outline-offset: -1px;
	}
.svgM {cursor:pointer;fill:none;stroke-width:2px;stroke-linecap:round;width:24px;height:24px;stroke:#fa0;stroke-linejoin:round}
	.svgM:focus {
		outline: 2px solid blue;
		outline-offset: -1px;
	}
		.link_div1 {
	padding: 5px;
	font: 16pt Arial;
	border:1px solid transparent;
	cursor:pointer;
	outline-color:blue
}
.link_div1 a:link, .link_div1 a:active, .link_div1 a:visited {font: 16pt Arial;}
.link_div1:hover {
	background: #B6CCE2;
	border: 1px solid #369
}
.link_div2 {
	padding-left: 10px;
	margin: 5px 0 15px 0
}
/* new Matrix styles - DO NOT change any width,padding,margins without consulting with Steve, you may change colors and fonts only where they are already set */
#tblNews th {/* Matrix News Table*/
	background: #707070;
}
	#tblNews th a {
		color: white;
		font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Roboto, Arial, sans-serif;
		font-weight: 300;
		font-size: 14px;
	}

@media screen {
	.matrixSecClosed {
		height: 4px !important;
		overflow: hidden;
		padding: 0px !important
	}

	.secClosed {
		height: 2px !important;
		overflow: hidden;
		padding: 0px !important;
		border-radius: 0px !important;
		display: none;
		pointer-events: none;
		user-select: none;
		max-height: 0px;
	}

	.secSubClosed {
		/*		background-image: url(/images/filt_closed.gif ) !important;*/
		/*		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 18 18' style='stroke:black;stroke-width:1;fill:none'><path d='M4 4l3 3l3-3M4 7.5l3 3l3-3' /></svg>") !important;*/
		border-radius: 7px !important;
	}
		.secSubClosed:before {
			transform: scaleY(-1) !important;
		}
}
@media print {
	.SubMenu, #menu_main, .btn_N {
		display: none
	}
	.print_vis {display: revert}
	.matrixMainContent {
		flex-direction:column;
	}
	.sectionBody, .tabPanel {
		display: block !important;
		height: auto !important
	}
	.divDrag {
		margin: 0px
	}
	.cellI, .cellA, #matrixFooter, .imgResizer, .print_hide, .svgClose {
		display: none !important;
	}
	.tabPanel, .tabBody {
		background: transparent
	}
	.matrixSectionHead .mx_center > img {
		display: none
	}

	.sectionHead .sec_left, .sectionHead .sec_leftCE {
		background-image: none;
	}
}
.Sec_Mess_Title {
	font-size: 32px;
	font-weight: 400
}
.Sec_Mess {
	font-size: 16px;
	font-weight: 400
}
.matrixInstructions {
	font: bold 12pt Arial, Helvetica, sans-serif;
}
#matrixFooter {
	height: 50px;
	overflow: auto;
}

.matrixBackground {
	background: #f1f1f1;
}
.matrixMainContent {
	display: flex;
	flex-wrap: wrap;
	max-width:1200px;
	margin:0px auto;
	padding:0 10px;
}
.matrixTop {
	overflow: hidden;
	max-width: 1200px;
	margin: 10px auto 0px auto;
	padding: 0 20px
}
.matrixSearchHeaderBox {
	font: 12pt HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Roboto, Arial, sans-serif;
	font-weight: 300;
	color: #333333;
	border-bottom: 1px solid #E0E0E0;
	padding: 3px;
	height: 30px;
}
.matrixPageTitle {
	font: bold 12pt Arial, Helvetica, sans-serif;
}
.matrixRightPane, .matrixLeftPane {
	padding: 10px;
	min-width: 350px;
	flex-grow: 1;
	flex-basis: 0;
}
.matrixSectionHead {
	display: flex;
	overflow: hidden;
	background: #f7f7f7;
	height: 28px;
}
	.matrixSectionHead .mx_left {
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		font-size: 16px;
		font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Roboto, Arial, sans-serif;
		font-weight: normal;
		color: black;
		cursor: pointer;
		width: 220px;
		padding: 5px 0 0 10px
	}
	.matrixSectionHead .mx_center {
		width: 20px;
		padding: 5px 2px;
		border-top: 1px solid #ccc;
	}
	.matrixSectionHead .mx_center > img {
		display:block
	}
	.matrixSectionHead .mx_right {
		flex-grow: 1;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		background: #f1f1f1;
		position:relative;
		text-align:right
	}
.matrixSectionBody {
	font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
}

.divSearchBook {
	display:inline;
	font-size:13px;
	font-weight:600
}
/* new Section */
.sectionHead {
	display: flex;
	overflow: hidden;
	height: 30px;
}
	.sectionHead .sec_left {
		font-size: 16px;
		color: var(--section_header-text);
		background-color: var(--section_header-background);
		cursor: pointer;
		width: 290px;
		padding: 5px 0 0 24px;
		min-width: 290px;
		border: 1px solid var(--section_header-border);
		border-radius: 7px 7px 0 0;
		transition: border-radius 0.15s ease-out 0s;
		position: relative;
	}
	.sec_left:before {
		transition: transform 0.3s ease-in-out;
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 18 18' style='stroke:black;stroke-width:1;fill:none'><path d='M4 7l3-3l3 3M4 10.5l3-3l3 3' /></svg>");
		background-repeat: no-repeat;
		content: "";
		width: 18px;
		height: 18px;
		transform: scaleY(1);
		position: absolute;
		left: 5px;
	}
	.sectionHead .sec_leftCE {
		font-size: 16px;
		color: var(--section_header-text);
		cursor: pointer;
		width: 290px;
		padding: 5px 0 0 24px;
		background-color: var(--section_header-background);
		min-width: 290px;
		border: 1px solid var(--section_header-border);
		border-radius: 7px 7px 0 0;
		transition: border-radius 0.15s ease-out 0s;
		position:relative;
	}
	.sec_leftCE:before {
		transition: transform 0.3s ease-in-out;
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 18 18' style='stroke:black;stroke-width:1;fill:none'><path d='M4 7l3-3l3 3M4 10.5l3-3l3 3' /></svg>");
		background-repeat: no-repeat;
		content: "";
		width: 18px;
		height: 18px;
		transform: scaleY(1);
		position: absolute;
		left: 5px;
	}
		.sectionHead .sec_left:focus, .sectionHead .sec_leftCE:focus {
			outline: 2px solid blue;
			outline-offset: -2px
		}

.sectionHead .sec_left_full {
	width: 100%;
}
.cb {
	vertical-align: middle;
	margin: -1px 0.5rem 0px 0px
}
	.cb:focus,input[type=checkbox]:focus {
		outline: 2px solid blue;
		outline-offset: 0px;
	}
	.sectionBody {
		padding: 5px;
		border: 1px solid var(--section_header-border);
		border-top: none;
		width: 100%;
		overflow: hidden;
		border-radius: 0 7px 7px 7px;
		background-color: var(--section_body-background);
		position: relative;
		transition: all 0.3s ease-out;
		height: auto;
		border-radius: 0 0 7px 7px !important;
	}
	.sec_overflow {
		height: 250px;
		overflow-y: hidden;
	}


.sec_expander {
	cursor: pointer;
	transition: top 0.3s ease-out;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding-top: 2px;
	background: var(--section_header-background);
	text-align: center;
	display: block;
	width: 100%;
	height: 16px;
	background-image: url(/images/more.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 2px
}
.liHomeBulletItem > a:link {
	color: var(--section_body-link);
}
/* end of new Styles */

/* Home Page Section Settings */
.divProgramTable	{	border:none;padding:5px}
.divHomeBarCenter	{	width:300px;
						border:1px solid #ccc;
						filter:drop-shadow(#333 0px 2px 2px);
						background:#f9f9f9;
						font: normal bold 10pt Arial,Tahoma, Helvetica, sans-serif;
						color:#333;
						height:26px;
						padding:4px 20px;
						margin-bottom:5px
}
.tdHomePadding		{padding-top:5px}
.divHomeBarBody		{clear:left}
.divBookLeftNav		{height:500px;overflow:auto;background:#fbfbfb;padding:7px}
.divRightFrame		{float:left;padding:10px;overflow:auto;width:800px}
.divLeftFrame		{float:left;padding:3px 5px;width:222px;background:#f9f9f9;overflow:auto;min-width: 222px;}
.divLeftDate		{border-bottom:1px solid #999;padding:5px;text-align:center;font-weight:bold}
.divLeftWelcome		{border-bottom:1px solid #999;padding:5px;font-size:10pt}
.divLeftMessage		{padding:15px 5px 5px 5px}
.divLeftSectionTitle{border-bottom:1px solid #ccc;font-size:11pt;font-weight:bold;padding:3px}

.tNormal			{background:#fff;height:20px}
.tHover				{background:#eee;height:20px}

/* Content Manager */
/* Book Status Color Changes 1 - Live (Editable), 2 - Inactive, 3 - Live (Locked), 5 - Draft */
.spanBookStatus1	{display:inline-block;width:100px; background:#f8f8f8;border:2px solid #fee087;border-radius:5px;padding:1px}
.spanBookStatus2	{display:inline-block;width:100px; background:#f8f8f8;border:2px solid #ffb444;border-radius:5px;padding:1px}
.spanBookStatus3	{display:inline-block;width:100px; background:transparent;padding:1px}
.spanBookStatus5	{display:inline-block;width:100px; background:#f8f8f8;border:2px solid #ffb444;border-radius:5px;padding:1px}

/* Change Status Color Changes 0 - No Changes, 1 - Changes Pending, 2 - In Review */
.spanBookChangeStatus0	{display:inline-block; width:100px; background:transparent;padding:1px}
.spanBookChangeStatus1	{display:inline-block; width:100px; background:#f8f8f8;border:2px solid #e99a9b;border-radius:5px;padding:1px}
.spanBookChangeStatus2	{display:inline-block; width:100px; background:#f8f8f8;border:2px solid #ffb444;border-radius:5px;padding:1px}

/* Book Review Status Color Changes 0 - Active, 1 - Inactive, 2 - Completed
.spanBookReviewStatus0	{display:block; width:80px; background:#fee087}
.spanBookReviewStatus1	{display:block; width:80px; background:#e99a9b}
.spanBookReviewStatus2	{display:block; width:80px; background:#fff}
/**************************************************************************************************************/


/*********** do not modify **********************************************/
.iE	{display:block;width:1px;height:1px}
.tdTitle			{color:#036;padding-right:5px;text-align:right;}
.ulHomePageBulletList	{margin-top:0px;list-style-position:outside;margin-left: -20px;}
.liHomeBulletItem		{padding-top:10px;color:#666;padding-left:0px; }
/************************************************************************/

/* Table Popup */
.secDGT				{background:#dcdcdc}
.secDivDGT			{width:345px;padding:5px 0px 5px 10px;font-size: 18px}
.secTdDGT			{padding:2px 1px 1px 10px;}
.secTdDGTLeft		{padding: 2px 1px 1px 0px;width:325px}
.secTdDGTRight		{padding: 2px 0px 1px 0px;}
.secTableDGT		{width: 100%;margin-top:10px;border:0px solid #fff;background:#dcdcdc;cursor:default}
.secBodyDGT			{border-bottom:1px solid #dcdcdc;background: #f7f7f7}
.divExpandableLabelOpened{background-color:#eee;height:38px;cursor:pointer;padding:11px 0px 0px 33px;font-weight:400;font-size:14px;background-repeat:no-repeat;background-position:left center;background-image: url(/images/dgtSectionMinus.png);}
.divExpandableLabelClosed{background-color:#eee;height:38px;cursor:pointer;padding:11px 0px 0px 33px;font-weight:400;font-size:14px;background-repeat:no-repeat;background-position:left center;background-image: url(/images/dgtSectionPlus.png);}
	.divExpandableLabelClosed:focus, .divExpandableLabelOpened:focus {
		outline: 2px solid blue;
		cursor: pointer;
		outline-offset: -2px;
	}
.divExpandableBody {
	background: #f5f5f5;
	border-bottom: 1px solid black;
	transition: all 0.3s ease-out;
	overflow: hidden
}
/* Branch Exam Dashboards */
.divBEHeader {
	font-weight: bold;
}

/* Viktor's Styles for Dashboards*/
.dashTabPanel {
	background-color: #f7f7f7;
	border: 1px solid #a5a5a5;
	margin-top: 8px;
	margin-bottom: 2px;
	padding: 4px;
	border-radius:8px
}
.dashValue {
	min-width: 80px;
}
.dashBookTitle {
	font:bold 16px Arial;
} 
.dashSecTitle {
	font:bold 16px Arial;
	padding: 3px;
}
.dashChartTitle {
	font:bold 13px Arial;	
	padding: 4px;
} 
.dashTile {
	display: inline-block;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 40px;
}


/************************************************************************************/
/* styles for new Search button on public pages */
.drpdwnSEARCH {
	height:22px;
	float:left;
	width:200px;
	padding:0px 4px;
	font:10pt Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border:0px solid #333333;
	border-bottom:1px solid #e5e6e7
}
.drpdwnSEARCHFull {
	padding:0px 4px;
	height:22px;
	float:left;
	width:200px;
	font:10pt Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border-radius:3px 0px 0px 3px;
	border:1px solid #333;
	background:white
}
.drpdwnSEARCH:focus {
	border:1px solid black;
	background:white;
}
.searchIMG {
	float:left;
	width:26px;
	height:24px;
	border:0px solid #333;
	cursor:pointer;
}
.SepLineNew {
	/*	border-left: 2px solid #999999;*/
	position: absolute;
	top: 0px;
	width: 4px;
	display: none;
	cursor: col-resize;
	background: #d6d6d6 url(/images/vgrabber.gif) no-repeat center;
	transition: background 0.15s ease-in;
}
	.SepLineNew.active, .SepLineNew:hover {
		background: #B6CCF3 url(/images/vgrabber.gif) no-repeat center;
	}
/*******************************/
/* styles for Branch Exam Tasks*/
.tdTask {
	border: 2px solid red;
	background: none;
	padding: 4px;
	border-radius: 7px
}
.wfTitle		{font-size: 32px;font-weight: 400}
button.btnSect {
	float: left;
	text-align: left;
	padding: 7px 8px 7px 19px;
	border: none;
	background-color: transparent;
	border-radius: 5px;
	width: calc(100% - 100px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
button.btnSect:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='12' style='stroke:black;fill:black'%3E%3Cpolygon points='4 3, 4 13, 12 8' /%3E%3C/svg%3E");
	content:"";
	position: absolute;
	transition: transform 0.3s ease-in-out;
	transform: rotate(90deg);
	width:14px;
	height:14px;
	left:9px;
}
	button.btnSect[aria-expanded="false"]::before {
		transform: rotate(0deg);
	}

	button.btnSect:hover {
		outline: 2px solid blue;
		background-color: #def;
		/*		border: 2px solid #005a9c;*/
		cursor: pointer;
		outline-offset: -2px;
	}

	button.btnSect:focus {
		background-color: #def;
		outline: 2px solid blue;
		cursor: pointer;
		outline-offset: -2px;
	}

.btnNavSvg {
	stroke: var(--be-folder-main-color);
	width: 40px;
	height: 40px;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
	outline-color: blue;
	outline-offset: -1px;
	stroke-width: 3.5px;
	cursor: pointer
}
table.CEInfo {
	width: calc(100% - 10px);
	margin: 5px;
	font-size: 14px
}
.divCEleadin {
	text-align:center
}
.CEInfo th {
	padding: 8px;
	color: #fff
}

.CEInfo td {
	text-align: center;
	padding: 8px;
	background-color: #eee
}
.divBEStatusT		{padding:7px 0px;font-size:16px;font-wight:800;text-align:center;border:2px solid #666;border-radius:14px;float:left;width:110px;height:35px;margin:0 0 0 10px}
.divBEStatus0		{padding:5px;border-radius:10px;font-weight:bold;margin:0 0 0 10px;		overflow:hidden;width:110px;text-align:center;float:left;background:#e8e8e8}
.divBEStatus1_2		{padding:5px;border-radius:10px;font-weight:bold;margin:0 0 0 10px;		overflow:hidden;width:110px;text-align:center;float:left;background:#e67f29}
.divBEStatus9_3		{padding:5px;border-radius:10px;font-weight:bold;margin:0 10px 0 20px;	overflow:hidden;width:110px;text-align:center;float:left;background:#f9B927}
.divBEStatus4_10	{padding:5px;border-radius:10px;font-weight:bold;margin:0 0 0 10px;		overflow:hidden;width:110px;text-align:center;float:left;background:#b7d950}
.divBEStatus8		{padding:5px;border-radius:10px;font-weight:bold;margin:0 0 0 10px;		overflow:hidden;width:110px;text-align:center;float:left;background:#e8e8e8}

/*
.divBEStatusT1		{border:1px solid #ddd;padding:2px;border-radius:4px;background:white}
.divBEStatusT2		{border:1px solid #ddd;padding:2px;border-radius:4px;background:white}
.divBEStatusT9		{border:1px solid #ddd;padding:2px;border-radius:4px;background:white}
.divBEStatusT3		{border:1px solid #ddd;padding:2px;border-radius:4px;background:white}
.divBEStatusT4		{border:1px solid #ddd;padding:2px;border-radius:4px;background:white}
.divBEStatusT10		{border:1px solid #ddd;padding:2px;border-radius:4px;background:white}
.divBEStatusT8		{border:1px solid #ddd;padding:2px;border-radius:4px;background:white}
*/

.divBETask			{padding:7px 0px;font-size:16px;font-wight:800;text-align:center;border:2px solid #d33234;border-radius:14px;float:left;width:110px;height:35px;margin:0 0 0 10px;color:d33234}
.divBETask0			{border-color:#ccc;color:#999}
.divBETaskB			{padding:5px 5px;border-radius:10px;font-weight:bold;margin:0 0 0 10px;overflow:hidden;width:110px;text-align:center;float:left;background:#e8e8e8;color:#000}
.divFilterSelector	{height: 22px;width: 250px;padding: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;cursor: pointer;background: #fcfcfc;color: #000;border-radius:6px}
.divFilterSelector:focus {outline-color: blue;outline-offset: -2px}
#divFiltersButtons {margin: 0 24px 2px 0;width: 620px;overflow:hidden;padding:2px}
@media (max-width:800px) {
	.tblFilters > tbody > tr > td {
		display: block;
		text-align: left !important;
		padding: 1px !important;
		float:left;
	}
	.tblFilters > tbody > tr {
		display: block;
		overflow:hidden;
		border: 1px solid #aaa;
		border-radius: 6px;
		margin-bottom: 5px;
		padding:5px;
		background:#f9f9f9
	}
	.divFilterSelector {
		width: 150px
	}
	#divFiltersButtons {
		margin: 0px 24px 2px 0;
		display: flex;
		justify-content: flex-end;
		width: 100%
	}
}
.divFilterSum		{margin:-2px 0 0 5px;font-size:13px;padding:2px 2px 0px 5px;display:inline-block;color:#666}
.tdFW				{overflow:hidden;text-overflow:ellipsis;}
.divStaticFixed		{position:fixed;width:calc(100vw - 36px)}
.divStaticFloat		{background:#fff;min-width:900px}
.divCbField			{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.divMessageOldSystem{display:none !important}
.accessibility {
	position: absolute;
	left: -9999px;
	width: 100px;
	height: auto;
	overflow: hidden;
}
.divField {
	position: relative;
	color: #666;
	font-size: 13px;
	transition: font-size 0.3s ease;
}
	.divField:focus-within .divLabelN {
		color: blue !important;
		font-size: 11px;
	}
.drpdwnN {
	padding: 18px 6px 0px 6px !important;
	font-family: Arial, sans-serif;
	border: 1px solid #949494;
	border-bottom: 2px solid #949494;
	vertical-align: bottom;
	padding: 2px;
	box-sizing: border-box;
	height: 42px !important;
	border-radius: 6px;
	font-size: 16px !important;
	color: #004
}
	.drpdwnN::placeholder {
		color: #ddd;
	}
	.drpdwnN:focus {
		outline: 2px solid blue;
		outline-offset: -1px;
		border: 1px solid transparent !important;
		border-bottom: 2px solid transparent !important;
	}
.drpdwnS {
	padding-top: revert !important;
	height: 30px !important;
	line-height:30px
}
.divLabelN {
	margin: 5px 0 2px 0;
	position: absolute;
	top: -2px;
	left: 8px;
	display: block;
	transition: all 0.3s ease;
}
.svgGroup {
	stroke: #fff !important;
	transition: transform 0.3s ease-in-out;
}
.divGroupBy[isselected=true]{
	border: 2px solid #369;
	background: #369;
	color:white
}
.divGroupBy {
	float: left;
	margin-left: 10px;
	border: 1px solid #999;
	background: #fff;
	padding: 5px 8px;
	border-radius: 8px;
	color: black;
	font-size: 15px
}
	.divGroupBy input[type=radio] {
	}
	.divGroupBy label {
		cursor:pointer
	}
	.divGroupBy input[type=radio]:focus {
		outline: 1px solid #369;
	}
#divGroupByLabel {
	float: left;
	margin-top: 5px;
	padding-top:3px
}
.divGroupH {
	background: #369;
	color: white;
	font-size: 15px;
	padding: 4px;
	cursor: pointer;
	border-radius: 6px 6px 0px 0px;
	transition: all 0.3s ease-in-out;
}
	.divGroupH:focus {
		outline: 2px solid blue;
		outline-offset: -1px;
	}

.divGroupP {
	margin-top: 2px;
	margin-bottom: 8px;
}

.divGroupB {
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999
}

.btn_View {
	border-radius: 6px;
	border: 1px solid #69C;
	height: 28px;
	font-size: 16px;
	padding: 2px 10px;
	cursor: pointer;
}
	.btn_View:focus {
		outline:2px solid blue;
		outline-offset:-1px
	}
.divViewCont {
	padding:1px;
	float:left;
	margin-right:8px
}
.btnViewSel {
	background:#369;
	color:white;
}
#divFiltersEmpty {
	border:1px solid #aaa;
	padding:3px;
	border-radius:6px;
	max-width:620px;
	text-align:center;
	margin-bottom:5px
}
#divViews {
	overflow: hidden;
	padding: 22px 0 5px 8px
}
.divSumCont {
	float: left;
	margin: 0 0px 0 5px;
	width: 150px;
	color: white
}
.divSumName {
	color:black
}
.divSUMT {
	margin-bottom: 5px;
	border-bottom: 1px solid #999;
	padding-bottom: 5px
}
@keyframes cbchecked {
	0%		{outline-offset: -1px}
	100%	{outline-offset: 2px}
}
.cb[type=radio] {
	border-radius: 50%;
	border: 3px solid #FFF;
	appearance: none;
	height: 0.9rem;
	width: 0.9rem;
	background: white;
	box-shadow: 0 0 0 1px #999;
	cursor: pointer;
}
	.cb[type=radio]:checked {
		background: blue;
		animation-name: cbchecked;
		animation-duration: 0.2s;
		animation-iteration-count: 1;
	}
	.cb[type=radio]:focus {
		outline: 2px solid blue;
		outline-offset: 2px;

	}
	.cb[type=radio]:disabled {
		background-color:#d8d8d8;
		border: 3px solid #ccc;
	}
.divSumNotSelected {
	background-color: #e5e5e5 !important;
}

	.divSumNotSelected .divSUMT, .divSumNotSelected .divSumName, .divSumNotSelected .divSumNum {
		color: #666 !important
	}

.svgTN {
	transition: all 0.3s ease;
	width: 16px;
	height: 16px;
	stroke: black;
	margin-top: 2px
}

.divMore {
	overflow: hidden;
	border-radius: 6px;
	padding: 2px;
	cursor: pointer;
	color: #369
}

	.divMore:focus {
		outline: 2px solid blue;
		outline-offset: -2px;
		background: #cde
	}