/*
	CSS selector cheat sheet:
	div#Navigation	//a div tag w/ id=Navigation
	#Navigation ul	//a ul tag descending from a container w/ id=Navigation
	a.Navigation	//a a tag w/ a class=navigation
*/
/*
	Accent2   Title    Accent1
	lt gray	  nr. blk. dk gray  
	[#E8E8E8, #4A4849, #959595]
	lt brown  green	   brown
	[#EDD8AC, #909829, #b77a37]
			 lt blue  dk blue
	[Marroon, #B4CCDE, #4275A8]

	Defines:
	* Title
	* TitleAccent (Fore- is Title Back-
	* Accent1 (Fore- and Back- color)
	* Accent2 (Fore- and Back- color)
	* Navigation
		- Nav
		- Sel
		- hover
		-disabled
*/
body {
	margin: 0px;
	padding: 0px;
font-size: 0.99em;
font-family: Verdana, Sans-Serif;
}
input { font-size: 0.99em }
select { font-size: 0.99em }
.UtilUI-textarea-standard {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 1em;
}
.UtilUI-textarea-code {
	font-family: Consolas, monaco, monospace;
	font-size: 1em;
}

.bold_monospace { font-weight: bold; font-family: Consolas, "Courier New", monospace; }
.normal_monospace { font-weight: normal; font-family: Consolas, "Courier New", monospace; }
.monospace { font-family: "Courier New" }

body input.UtilUI-InputText-Standard {
       font-family: Arial;
}
.Content {
	background-color: white;
	color: black; /*#4A4849*/
}

p {
	margin: .5em 0 .5em 0;
}

ul {
	padding-left: 0;
	margin: 0 0 0 1.3em;
}

td {
	padding: 0;
	margin: 0;
}

/* changed from 007399 to 6495ED on 16 SEP 2021 */
/*#800000 marroon, #4A4849, B0C4DE LightSteelBlue, 4682B4 SteelBlue, 2F4F4F DarkSlateGray*/
.Content a, a.Content, a.Content:visited
, .Title .Content a, .Title a.Content, .Title a.Content:visited {
color: #4148C2;
text-decoration: none;
}
.Content a:hover, a.Content:hover,
	 .Title .Content a:hover, .Title a.Content:hover{
color: #4148C2;
text-decoration: underline;
}

.DataLabel {
	font-size:.8em;
}

.Title {
	background-color: #4A4849;
	color: white;
}
h1.Title {
	font-size: 2em;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}
h2.Title {
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}
h3.Title {
font-size: 0.9em;
padding: 0px 0px 2px 5px;
margin: 0 0 0 0;
font-variant: small-caps;
}
h4.Title {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}
h5.Title {
	padding: 0;
	margin: 0;
}
.Title a, a.Title {
	font-variant: normal;
	color:White;
}
.Title a:hover, a.Title:hover {
	color: #E8E8E8;
	text-decoration: underline;
}

.TitleAccent {
	color: #4A4849;
}

.Accent1 {
	background-color: #959595; /*Accent1:959595, Title:4A4849, */
	color: White;
	/*padding: .1em 0 .1em .25em;*/
}
h1.Accent1 {
	font-size: 2em;
	margin: 0;
}
h2.Accent1 {
	font-size: 1.5em;
	margin: 0;
}
h3.Accent1 {
	padding: .1em 0 .1em .25em;
	font-size: 1.25em;
	margin: 0;
}
h4.Accent1 {
	font-size: 1em;
padding: 0.5em 0 0.5em 1em;
	margin: 0 0 5px 0;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}
h5.Accent1 {
	font-size: 1em;
	font-weight: normal;
	padding: 0px 0px 2px 5px;
	margin: 0 0 5px 0;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}
a.Accent1 {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
a.Accent1:hover {
	color: #E8E8E8;
	text-decoration: underline;
}

.Accent2 {
	background-color: #E8E8E8 /*Accent2*/;
	color: #4A4849;
}
h1.Accent2 {
	font-size: 2em;
	padding: 0 0 0 .25em;
	margin: 0;
}
h2.Accent2 {
	font-size: 1.5em;
	padding: 0 0 0 .25em;
	margin: 0;
}
h3.Accent2 {
	font-size: 1.25em;
	padding: 0 0 0 .25em;
	margin: 0;
}
h4.Accent2 {
	font-size: 1em;
padding: 4px 0px 5px 5px;
	margin: 0 0 5px 0;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}
h5.Accent2 {
	font-size: 1em;
	font-weight: normal;
	padding: 0px 0px 2px 5px;
	margin: 0 0 5px 0;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}
a.Accent2 {
	text-decoration: none;
	font-weight: bold;
}
a.Accent2:hover {
	text-decoration: underline;
}
td.Accent2 a {
	color: #959595;
	text-decoration: none;
	/*padding: .5em;*/
}
td.Accent2 a:hover, td.Accent2 a:visited {
	color: #959595;
	text-decoration: underline;
}

div.Button {
	margin: 5px 1px;
}

div.Button a, div.Button a:visited {
	padding: 4px 8px;
	/*border: solid 1px black;*/
	color: #E8E8E8; /*Title: 4A4849, Accent1: */
	background-color: #007399 /*Accent2*/;
	box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),
			0px 2px 2px 0px rgba(0,0,0,0.14),
			0px 1px 5px 0px rgba(0,0,0,0.12);
	border-radius:2.5px;
	/*font-weight: bold;*/
}
div.Button a:hover {
	/*padding: 2px 2px;*/
	/*border: solid 1px red;*/
	color: #E8E8E8; /*Title*/
	/*text-decoration: none;*/
	/*background-color: #959595*/ /*Accent1*/;
	/*font-weight: bold;*/
}

div.Button a.Disabled, a.Disabled {
	/*border: solid 1px black;*/
	color: #BDBDBD;
	background-color: #E8E8E8;
cursor:not-allowed
}

div.Button a.Disabled:hover {
	text-decoration: none;
}

.VertNav {
background-color: #A4CCE4 /*Title:4A4849, Accent1:959595, Accent2:E8E8E8,f5f5f5*/;
	width: 12em;
}

div.VertNav {
/* box-shadow: 2px 0px 4px -1px rgba(0, 0, 0, 0.2), 4px 0px 5px 0px rgba(0, 0, 0, 0.14), 1px 0px 10px 0px rgba(0, 0, 0, 0.12);*/
	margin-right: 1em;
}

ul.VertNav {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 1em;
	/*font-weight: bold;*/
	color: White;
}

ul.VertNav li {
	padding: 0 0 .2em .2em;
	color: Black;
}

ul.VertNav a {
	width: 100%;
	color: #4A4849;
	text-decoration: none;

}
ul.VertNav a:hover {
	color: #959595 /*Accent1*/;
	text-decoration:underline;
}

ul.VertNav li.NavSel {
	background-color: #959595 /*Accent2:f5f5f5, Accent1:959595, Title:4A4849*/;
	color: White; /*Accent1:4A4849*/
/*box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.14), 1px 1px 10px 0px rgba(0, 0, 0, 0.12);*/
	margin: 0 0 .25em 0;
	padding:.30em 0 .30em 0;
}
ul.VertNav li.NavSel a {
	width: 100%;
	color: White; /*Accent1:4A4849*/
	text-decoration: none;
}
ul.VertNav li.NavSel a:hover {
	color: #E8E8E8 /*Accent2*/;
	text-decoration:underline;
}

ul.VertNav li.NavDisabled {
	color: Gray;
}

div.ValidationInfo {
font-size:1em;
}
div.ValidationError,span.ValidationError, td.ValidationError {
font-size:1em;
	color: Red;
	/*background-color: White;*/
}
div.ValidationError a,span.ValidationError a {
	color: Red;
	text-decoration: none;
}
div.ValidationError a:hover,span.ValidationError a:hover {
	color: Red;
	text-decoration: none;
}
input[type='text'].ValidationError {
	border: 2px solid #C0392B;
	background-color: #FADBD8; /*#FDEDEC,#FADBD8,#F5B7B1*/
}

.ProcessingInfo {
font-size: 1em;
color: black;
}

.RequiredSoft {
	color:#4682B4;
	font-size:.85em;
	font-style:italic;
}

div.TextData {
	border: black 1px solid;
	font-size: .8em;
}

.DataGrid {
	margin: 5px 20px 1px 1px;
}

.PopUp {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	/*font-size:.75em;*/
	/*position: absolute;*/ /*see PopUp JS: IE error setting position: 'inherit'*/
	left: 15em;
	top: 3em;
	z-Index: 1000;
	visibility: hidden;
border-width: 0px 4px 4px 4px;
border-style: solid;
border-color: #000000;
background-color: white;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.PopUp a:hover { color:blue; text-decoration:none }

.PopUp tr > td.id_PopUpFrame_Title, .PopUp tr > td.id_PopUpFrame_CloseBox {
padding:0px 4px 2px 5px;
background-color: #000000;
color: white;
font-size: 1em;
}
.PopUp tr > td.id_PopUpFrame_Title {
	padding:2px 4px 2px 5px;
background-color: #000000;
	color: white;
}
.PopUp tr > td.id_PopUpFrame_CloseBox a {
color: white;
font-size: 1.2em;
}

.id_Bubble {
}
span.id_Bubble {
	background-color: #959595; /*Accent1*/
	color: #E8E8E8; /*Accent2*/
	/*background-image: url("./images/BubbleBackground.jpg");
	background-repeat: repeat;*/
	position: absolute;
	border: 1px solid #4A4849; /*Accent1*/
	padding: 5px;
	width: 300px;
	/*height: 49px;*/
	top: 0px;
	left: 0em;
	text-align: left;
	font-size: .85em;
	z-index: 2;
	display: none;
}

.UtilUI-Configurable-01X {
	background-color:rgba(176,196,222,0.3);
}

	.UtilUI-helper-reset {
		margin: 0; padding: 0; border: 0; outline: 0;
		text-decoration: none; font-size: 100%;
		list-style: none;
	}
	.UtilUI-helper-clearfix {display: inline-block;}

	/* Corner radius */
	.UtilUI-corner-all, .UtilUI-corner-top, .UtilUI-corner-left, .UtilUI-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
	.UtilUI-corner-all, .UtilUI-corner-top, .UtilUI-corner-right, .UtilUI-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
	.UtilUI-corner-all, .UtilUI-corner-bottom, .UtilUI-corner-left, .UtilUI-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
	.UtilUI-corner-all, .UtilUI-corner-bottom, .UtilUI-corner-right, .UtilUI-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

	.UtilUI-widget-header {
		border: 1px solid #959595/*{borderColorHeader}*/;
		background: #959595/*{bgColorHeader} 959595 (Dk. Gray), 4A4849 (nearly black)*/;
		color: #4A4849/*{fcHeader}*/; font-weight: bold;
	}
	.UtilUI-widget-frame {
		border: 1px solid #959595/*{borderColorHeader}*/;
	}

	.UtilUI-tabs {
		position: relative; /*padding: .01em;*/ zoom: 1;
	} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.UtilUI-tabs .UtilUI-tabs-nav {
		margin: 0; padding: .1em .2em 0;
	}
	.UtilUI-tabs .UtilUI-tabs-nav li {
		list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0;
		font-weight: normal;
		padding: 0; white-space: nowrap;
		background-color: #e6e6e6; /*#e6e6e6 lt grray, same as used for alt rows */
		border-bottom: 0 !important;
	}
	.UtilUI-tabs .UtilUI-tabs-nav li a {
		float: left; padding: .25em 1em; text-decoration: none;
	}
	.UtilUI-tabs .UtilUI-tabs-nav li.UtilUI-tabs-selected {
		margin-bottom: 0; padding-bottom: 1px;
		font-weight: bold;
		background-color: #ffffff; color: #000000;
	}
	.UtilUI-tabs .UtilUI-tabs-nav li.UtilUI-state-disabled {
		margin-bottom: 0;
		background-color: #F2F2F2; color: gray;
	}
	.UtilUI-tabs .UtilUI-tabs-nav li.UtilUI-state-disabled a {
		color: #A4A4A4;
	}
	.UtilUI-tabs .UtilUI-tabs-nav li.UtilUI-tabs-selected a,
	.UtilUI-tabs .UtilUI-tabs-nav li.UtilUI-state-disabled a,
	.UtilUI-tabs .UtilUI-tabs-nav li.UtilUI-state-processing a {
		cursor: default;
	}
	.UtilUI-tabs .UtilUI-tabs-nav li a,
	.UtilUI-tabs.UtilUI-tabs-collapsible .UtilUI-tabs-nav li.UtilUI-tabs-selected a {
		cursor: pointer;
	} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.UtilUI-state-placeholder { height: 1.5em; line-height: 1.2em; background-color: /*#FFFF99*/#B0C4DE; }
.UtilUI-sortable-list {list-style-type: none; margin: 0; padding: 0; border: 0px solid black; }
.UtilUI-sortable-list li { margin: 0; padding: 0;}

.UtilUI-icon {width: 16px; height: 16px; background-image: url(images/UtilUI-icons_222222_256x240.png); border: 0;vertical-align:middle;}
.UtilUI-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.UtilUI-icon-refresh { background-position: -64px -80px; }
.UtilUI-icon-arrowrefresh-1-w { background-position: -128px -64px; }

/* min: 7x7 */
.UtilUI-icon-7x7 {width: 7px; height: 7px;}
.UtilUI-icon-triangle-0deg  { background-position: -4px -21px; } /*0,16*/
.UtilUI-icon-triangle-90deg  { background-position: -37px -21px; } /*32,16*/
.UtilUI-icon-triangle-180deg  { background-position: -69px -21px; } /*64,16*/
.UtilUI-icon-plus-tiny  { background-position: -5px -213px; } /*0,208*/
.UtilUI-icon-minus-tiny  { background-position: -21px -213px; } /*16,208*/

/* min: 10x10 */
.UtilUI-icon-10x10 {width: 10px; height: 10px;}
.UtilUI-icon-mag-plus  { background-position: -131px -116px; } /*128,112*/
.UtilUI-icon-mag-minus  { background-position: -147px -116px; } /*144,112*/

/* min: 8x8 */
.UtilUI-icon-8x8 {width: 8px; height: 8px;}
.UtilUI-icon-nav-xsys  { background-position: -36px -84px; } /*32,80*/
.UtilUI-icon-circle-close  { background-position: -36px -196px; } /*34,194*/

.UtilUI-Envelope-unicode {font-size:1.25em;color:#007399;cursor:pointer;}
.Button .UtilUI-Envelope-unicode {color:white;}
.UtilUI-Envelope-unicode:before {content:"\2709";}
/*
	All these pieces are necessary, and src="~/wwwLibs/Util_Content/Images/trans.gif", to display image and get proper alignment across browsers
	Non-IE supports <span calss='' /> because of content:.
	Firefox requires src not invalid (or you get an ugly border)
*/
.UtilUI-Envelope-icon {width:27px;height:17px;border:0;vertical-align:middle;cursor:pointer;background:url("Images/EnvelopeWithGreenArrow.gif");content:url("Images/EnvelopeWithGreenArrow.gif");}

.ParagraphNoMargin p {
	/*color: Red;*/
	margin: 0
}

/* must be used in a container w/ a fixed width, cannot be used in a TD*/
.FixedWidthOverflowHide {
	/*padding-right: 1em;*/
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow:ellipsis;*/
}

a.TitleHover {
	color: black; cursor: default;
}
a.TitleHover:hover {
	text-decoration: underline;
}

/*arrows using css, used in record scrolling (next/prev)*/
.arrow-top,
.arrow-right,
.arrow-bottom,
.arrow-left {
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* font-size - control the size of the arrow. */
  font-size: 10px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-top {
  border-bottom-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: #666;
  bottom: 0.25em;
}

.arrow-right {
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #666;
  left: 0.25em;
}
                    
.arrow-bottom {
  border-top-width: 1em;
  border-top-style: solid;
  border-top-color: #666;
  top: 0.25em;
}

.arrow-left {
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #666;
  right: 0.25em;
}

.hover_text_container {
position: relative;
display: inline-block;
border-bottom: 0px dotted black;
}

.hover_text_container .hover_text {
visibility: hidden;
width: 200px;
background-color: black;
font-family: monospace;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 0px;
position: absolute;
z-index: 1;
}

.hover_text_container:hover .hover_text {
visibility: visible;
}

.information { border: solid 1px blue; color: #0000FF !important; border-radius: 9px; padding: 1px 6px 2px 6px; font-family:monospace; font-size: 1.2em }

.view_less, .view_more { font-family: monospace; font-size: 1.4em; }
.view_less::before { content: "-" }
.view_more::before { content: "+" }

@media print { .noprint { display: none !important; } }