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

:root	{
	font-size:3.0mm; 
}
body {
	margin: 3px 1vw;
	padding:0;
	font-family: Arial, Verdana, sans-serif;
	box-sizing: border-box;
}
.gridBody	{
	display: grid;
	grid-template-rows: max-content 100% auto;
	height: 95vh;
	overflow: hidden;
}

p, h1, h2, h3, ul, li, form {
	margin:0;
	padding:0;
	}

#list2
{
	margin:0 0 0 20px;
	padding:0;
	line-height:20px;
	
}
div#A4Portrait	{
	border: outset;
	width: 210mm;
}

a { text-decoration:none; color:#8a8a8a; }
a:hover { text-decoration:none; color:#cccccc; }
.eventLink	{
	cursor: pointer;
	text-decoration:none;
	background-color: white;
}
.eventLink:hover	{
	background-color: #FFFFCC;
}
.eventLink:active	{
	background-color: #DDDDAA;
}

#wraper {
	margin:0 auto 0 auto;
	width:100%;
	overflow: auto;
	background: #AEB0B2;
	
	}
	
#leftmenu {
	float: left;
	z-index: 100;
	margin:0 auto 0 auto;
	color: #611616;
	text-align: left;
	font-size: 1em;
	min-height:1.5em;
	width: 50%;
}
#rightmenu {
	float: right;
	z-index: 100;
	width: 50%;
	margin:0 auto 0 auto;
	color: #FFFFFF;
	text-align: right;
	font-size: 1em;
	min-height:1.5em;
}
/*--Functions MENU------------------*/
#funcmenu
{	
	color: #FFFFFF;
	font-size: 1em;
	margin:0 auto 0 0px;
	height:1.5em;
	text-align: left;
	z-index: 30;
	}

#funcmenu li
{	margin: 0 0 0 18px;
	list-style: none;
	display: inline;
	color: #FFFFFF;
	float: left;
	text-align: right;
}
#funcmenu li.level2	{
	display: initial;
}
#funcmenu li.level3	{
	display: none;
}
#funcmenu li a
{	display: block;
	margin: 0 1px 0 0;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
}

#funcmenu div
{	position: absolute;
	visibility: hidden;
	z-index: 30;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border-bottom:1px solid #FFF;
	}

#funcmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #dfe1e1;
		color: #00788B;
		font: 11px arial}
	

#funcmenu div a:hover
	{	background: #00788B;
		color: #FFF;
		}
/*-----------------------------------------------------*/

/*--Top MENU------------------*/
#topmenu
{	
	color: #FFFFFF;
	font-size: 1em;
	margin:0 auto 0 36px;
	height:1.5em;
	text-align: right;
	z-index: 30;
	}

#topmenu li
{	margin: 0 0 0 18px;
	list-style: none;
	display: inline;
	color: #FFFFFF;
	float: left;
	text-align: right;
}
#topmenu li.level2	{
	display: initial;
	overflow: hidden;
}
#topmenu li a
{	display: block;
	margin: 0 1px 0 0;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
}

#topmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border-bottom:1px solid #FFF;
	}

	#topmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #dfe1e1;
		color: #00788B;
		font: 11px arial}
	

	#topmenu div a:hover
	{	background: #00788B;
		color: #FFF;
		}
/*-----------------------------------------------------*/


@media (max-width:600px) {
	a { cursor: pointer; text-decoration: underline; color:#8a8a8a; }
	a:hover { color:#cccccc; }
	.eventLink	{
		cursor: pointer; color:#0099cc; text-decoration:none; background-color: white;
	}
	.eventLink:hover	{
		color:#00bfff;
	}
	.eventLink:active	{
		color:#00bfff;
	}
	#funcmenu
	{	
	margin:0 auto 0 auto;
	}
	#funcmenu li.level2	{
	display: none;
	}
	#topmenu
	{	
	margin:0 auto 0 auto;
	}
	#topmenu li.level2	{
		display: none;
	}
	#footer	{
		display: none;
	}
}

img { 
 border: none;
}
.opsicondiv	{
	border: none;
	cursor: pointer;
	padding: 0 0.5rem 0 0.5rem;
}
.fileFound	{
	border: solid thin gray;
	border-bottom: thick solid green;
	vertical-align: top;
	position: relative;
	z-index: 1;
}
.fileLost	{
	border: solid thin gray;
	border-bottom: thick dashed red;
	position: relative;
	z-index: 1;
}
.fileDeleted	{
	border: solid thin gray;
	border-bottom: thick solid grey;
	position: relative;
	z-index: 1;
}

input:disabled	{
	background-color: #F4F4F4;
}

table	{
	border: solid thin black;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}

th	{
	background-color: gray;
	color: white;
	font-weight: bold;
	font-size: 0.9em;
}

td	{
	vertical-align: top;
}



ol.a	{
	list-style-type: decimal;
}
ol.b	{
	list-style-type: lower-roman;
}
#SettingsToggle	{
	cursor: pointer;
	background-color: LightGray;
	color: white;
}


/*--Login and others------------------*/

.DateOutOfRange	{
	background-color: #EBFFEB;
	color: #CC0099;
}
.inputDisallowedFuture	{
	background-color: #FFE6E6;
	color: #CC0099;
}
.inputinline	{
	border: solid thin blue;
	font-size: 1.0em;
	width: 100%;
	display: none;
}
.inputOK	{
	background-color: #EBFFEB;
	color: black;
}
.inputNotOK	{
	background-color: #FFE6E6;
	color: black;
}

.inputMasked	{
	background-color: black;
	color: black;
}





#logo {
	position:relative;
	float:left;
	top:30px;
	left:35px;
	display:block;
	}
	
/*-----------------------------------------------------*/
#header {
	height:100px;
	padding-right:20px;
	padding-top:0px;
	text-align: right;
	float: right;
	}
#header p, #header h1, #header h2 {
	width:470px;
	float:right;
	text-align:right;
	color:#fff;
	}
#header p { margin:0; padding:15px 0 15px 0; display:block; }
/*-----------------------------------------------------*/
#container1 {
	padding:60px 0 10px 35px;
	height:192px;
	}
#container1 h1, #container1 h2 {
	width:550px;
	color:white;
	margin-bottom:10px;
	}
#container1 h1, #container1 h2, #header h1, #header h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:500;
	}
	
	
/*-----------------------------------------------------*/

#maincontainer {
	padding:0.5rem 0px 1.5rem 0px;
	color:#4b4b4b;
	/*display: flex;*/
	/*overflow: scroll;*/
	box-sizing: border-box;
	width: 100%;
	height: 100%
	}
#maincontainer h1 { 
	font-weight:100; 
	margin-top: 1.0em;
	margin-bottom: 0.2em;
	}
#maincontainer h3 { 
	font-family:Georgia; 
	font-size:17px; 
	font-weight:100; 
	margin-bottom:7px; 
	border-bottom:1px solid #E2E2E2; 
	background-color:#E5E5E5; 
	padding:3px; 
	padding-left:13px;}
#maincontainer p
	{
	line-height:20px;
	}

/*-----------------------------------------------------*/
#footercontainer {
	clear:left;
	padding-top:10px;
	padding-left:35px;
	height:245px;
	width:995px;
	}
.box {
	float:left;
	width:310px;
	padding:0 10px 0 0px;
	color:#75746f;
	}
.box a { color:#75746f; padding-left:15px; }
.box a:hover { text-decoration:underline;}

h3.sifr07 {
	font-weight:normal;
	}
.line { border-bottom:1px solid #CCCCCC;}
.pad2 {padding-bottom:8px; margin-bottom:12px;}
.pad1 {padding-bottom:10px; margin-bottom:25px;}


/*--------------------------------------------------------*/
#footer {
	position: absolute;
	bottom: 3px;
	right: 3px;
	height: max-content;
	padding:15px 20px 0px 0px;
	color:#8a8a8a;
	font-size:10px;
	font-family:Tahoma, verdana;
	}
#footer a {color:#8a8a8a;}
#footer a:hover {color:#CCCCCC; border-bottom:1px dashed #FFFFFF;}
/*-----------------------------------------------------*/
#sidemenu {
	position: fixed;
	width:280px;
	height:280px;
	list-style:none;
	}
#sidemenu a {
	padding:5px 0 5px 0; 
	color:#00788B;
	border-bottom:1px solid #e9e9e8;
	display:block; 
	height:18px;
	}
#sidemenu a:hover { border-bottom:1px solid #7f7f7f; }
/*------------------------------------------------------*/


#GadgetContainer	{
	width: 35em;
	font-size: 0.8em;
	float: left;
	height: 100%;
	overflow: auto;
}

/*Horizontal Tabs for wide screens ---------------------*/

.pageGrid-normal	{
	display: grid; 
	grid-template-rows: 1.6rem auto;
	grid-template-columns: none;
	height: 100%;
}

.pageGrid-ForceOn	{
	display: grid; 
	grid-template-rows: 1.6rem auto;
	grid-template-columns: none;
	height: 100%;
}

.toc	{
    float:left; 
	width: 8em;
}

#toggle-nav	{
	width: 20pt;
	height: 16pt;
	cursor: pointer;
}


.toggle-menu	{
	overflow-x: hidden;
	height: max-content;
	width: max-content;
}

.toggle-content	{
	height: max-content;
}

.MenuList {
	float:left;
	list-style:none; 
    min-height:1.6rem;
    padding:0; 
    margin:0; 
    border: none;
}

.MenuList li {
	float: left;
	color: black;
	line-height: 1.63rem;
	margin-right: 0.13rem;
}

.inactive a, .current a {
    display:block;
    padding:0 1em;
    text-decoration:none;
	line-height: 1.6rem;
    border:0.06em solid #000;
    color:#000;
    background-color:#ccc;
    border-top-right-radius:0.50em;
    border-top-left-radius:0.50em;
}

.inactive a:hover {
    background-color:#3cf; 
    color:#fff;
    text-decoration:none;
}
.current a {
    height: 1.65rem;
	background-color: white;
	color: black;
    border-bottom:0;
}
.current a:hover {
    background-color: #39C;
    color: #fff;
}
.MenuSelect	{
	color: blue;
	height: 1.63rem;
	float: left;
}
/*------------------------------------------------------*/


@media (max-width:1000px) {
	/*Left Menu system---------------------------------------*/
	.pageGrid-normal	{
		display: grid; 
		grid-template-rows: none;
		grid-template-columns: 0rem auto;
		transition: all 0.5s linear;
		height: 100%;
	}

	.pageGrid-ForceOn	{
		display: grid; 
		grid-template-rows: none;
		grid-template-columns: max-content auto;
		transition: all 0.5s linear;
		height: 100%;
	}

	.toc	{
		float:left; 
		width: 8em;
	}

	#toggle-nav	{
		width: 20pt;
		height: 16pt;
		cursor: pointer;
	}


	.toggle-menu	{
		overflow-x: hidden;
		height: max-content;
		width: auto;
	}

	.toggle-content	{
		height: max-content;
	}

	#funcmenu li.level3	{
		display: initial;
	}

	.MenuList {
		float:initial;
		list-style:none; 
		min-height:1.6rem;
		padding:0; 
		margin:0; 
		border: none;
		font-size: 1.0rem;
	}

	.MenuList li {
		float: none;
		color: black;
		line-height: 2rem;
		margin-right: 2rem;
	}

	.inactive a, .current a {
		display:block;
		padding:0;
		text-decoration:none;
		line-height: 1.3rem;
		border:none;
		color:gray;
		background-color:white;
		border-top-right-radius:0em;
		border-top-left-radius:0em;
	}

	.inactive a:hover {
		background-color:#3cf; 
		color:gray;
		text-decoration:none;
	}
	.current a {
		height: 1.3rem;
		background-color: transparent;
		color: black;
		border-bottom:0;
	}
	.current a:hover {
		background-color: #39C;
		color: black;
	}
	
	.MenuSelect	{
		color: blue;
		height: 1.63rem;
		float: none;
	}

	/*------------------------------------------------------*/
}




/*FC----------------------------------------------------*/
.accdiv	{
	margin: 0;
	padding: 0;
	background-color: white;
	color: black;
}
.accdiv:hover	{
	cursor: pointer;
	background-color: #F5ECCE;
}
.selecteddiv	{
	background-color: blue;
	color: white;
}
.selecteddiv:hover	{
	cursor: pointer;
	background-color: blue;
}
.NewAccount	{
	color: gray;
}
.EditAccount	{
	color: black;
}
.EditableField {
	color: blue;
}

.EditableField:hover {
	cursor: pointer;
	background-color: #F5ECCE;
	color: green;
}
.FieldNotEditable {
	color: gray;
}
.editField	{
	display: none;
	color: blue;
	border: none;
	border-bottom: solid thin blue;
}
.activeCheck{
	color: green;
	font-weight: bolder;
}
.activeSetPrimary	{
	background-color: #FFFAFF;
	color: red;
	cursor: pointer;
}
.pflag	{
	font-size:1.2em;
	font-weight:bolder;
	color: red;
	vertical-align: middle;
}
.OddRow	{
	background-color: #F0F8FF;
}
.EvenRow	{
	background-color: white;
}

.TextHighlight	{
	color: blue;
	font-weight: bolder;
}

.TextLowlight	{
	color: LightGray;
}

.Amounts	{
	margin-left: 1em;
	text-align: right;
}

.Add2BundleHandle	{
	Position: relative;
	left: -6px;
	top: 0px;
	height: 0rem;
	width: 1rem;
	cursor: pointer;
}
/*------------------------------------------------------*/
		
		
/*Records editors--------------------------------------*/
.editorDiv	{
	display: initial;
	position: absolute;
	border: solid medium blue;
	background: white;
	top: 1.5rem;
	left: 5rem;
}
.editorDivOff	{
	display: none;
	position: relative;
}
.editorLabel	{
	text-align: right;
	color: blue;
	font-size: 1.1rem;
	padding-right: 2rem;
	padding-bottom:1rem;
}

.editorView	{
	text-align: left;
	color: darkgray; 
	font-size: 1.1rem;
	padding-left: 2rem;
	padding-bottom:1rem;
}

.editorInput	{
	text-align: left;
	color: black; 
	font-size: 1.1rem;
	border: none;
	border-bottom: solid thin blue;
}

.editorRadio	{
	text-align: left;
	color: darkgray; 
	font-size: 1.1rem;
	border: none;
}

.editorClose	{
	cursor: pointer;
	height: 1.2em;
}
/*------------------------------------------------------*/