HTML {
    margin:0;
    padding:0;
}
BODY {
    overflow-y:scroll;
}
TABLE {
    font-size:9pt;
}
A:VISITED{
	color:crimson;
}

/*____________________________________________________________________________________________________________________*/
#body {
    margin:0;
    padding:0;
}
#page{
	display: flex; 
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#center-frame{
	display: flex; 
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
	#product-class {
		/*background-color:rgba(255, 235, 136, 0.6);	*/
		padding:0px 15px 0px 15px;
		text-align:center;
	}
	.list-menu{
		/*
		disc					Default value. The marker is a filled circle	
		//armenian				The marker is traditional Armenian numbering	
		circle					The marker is a circle	
		//cjk-ideographic			The marker is plain ideographic numbers	
		decimal					The marker is a number	
		decimal-leading-zero	The marker is a number with leading zeros (01, 02, 03, etc.)	
		//georgian				The marker is traditional Georgian numbering	
		hebrew					The marker is traditional Hebrew numbering	
		//hiragana				The marker is traditional Hiragana numbering	
		//hiragana-iroha			The marker is traditional Hiragana iroha numbering	
		//katakana				The marker is traditional Katakana numbering	
		//katakana-iroha			The marker is traditional Katakana iroha numbering	
		lower-alpha				The marker is lower-alpha (a, b, c, d, e, etc.)	
		lower-greek				The marker is lower-greek	
		lower-latin				The marker is lower-latin (a, b, c, d, e, etc.)	
		lower-roman				The marker is lower-roman (i, ii, iii, iv, v, etc.)	
		none					No marker is shown	
		square					The marker is a square	
		upper-alpha				The marker is upper-alpha (A, B, C, D, E, etc.) 	
		//upper-greek				The marker is upper-greek	
		upper-latin				The marker is upper-latin (A, B, C, D, E, etc.)	
		upper-roman				The marker is upper-roman (I, II, III, IV, V, etc.)	
		initial					Sets this property to its default value. Read about initial	
		inherit					Inherits this property from its parent element.
		*/
		list-style-type:decimal;
		list-style-position: inside;
		font-size:16pt;
		text-align:justify;
		text-indent: 1.5em;
		padding: 0 20px 0 20px;
	}
	.list-menu-2{
		list-style-type:decimal;
		list-style-position: outside;
		font-size:16pt;
		text-align:justify;
		text-indent: 1.5em;
		padding: 0 20px 0 20px;
	}
	#greetings{
		font-size:20pt;
		text-align:center;
		margin-bottom: 30px 0px 30px 0px;
		color:green;
		background-color:rgba(250, 250, 250, 0.2);
		text-shadow: 1px 1px 1px green, 0 0 1em #000;
		-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
			 border-radius: 10px; /* future proofing */
	  -khtml-border-radius: 10px; /* for old Konqueror browsers */
	}
	.text-class{
		font-size:14pt;
		text-align:justify;
		text-indent: 1.5em;
		padding: 0 20px 0 20px;
	}
	.settings-class{
		font-size:14pt;
		text-align:justify;
		text-indent: 1.5em;
		padding: 0 20px 0 20px;
	}
	.back-link{
		padding-left:50px;
	}
	.one-line {
		float:left;
		width:100%;
		height:250px;
	}
	.multi-line {
		float:left;
		width:100%;
		
	}
	.oneliner{
		float:left;
		width:100%;
	}
	FIELDSET {
		color:gold;
		border-color:rgba(250, 250, 250, 0.2);
		/*background-color:rgba(255, 245, 0, 0.07);*/
		-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
			 border-radius: 10px; /* future proofing */
	  -khtml-border-radius: 10px; /* for old Konqueror browsers */
	  overflow:hidden;
	}
		.show-more{
			position:relative;
			float:right;
			width:100%;
			text-align:right;
			display:block;
		}
		.hide-me{
			display:none;
		}
	FIELDSET LEGEND {
		color:green;
		background-color:rgba(250, 250, 250, 0.2);
		padding:6px 9px 6px 9px;
		text-shadow: 1px 1px 1px lime, 0 0 1em #000;
		-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
			 border-radius: 10px; /* future proofing */
	  -khtml-border-radius: 10px; /* for old Konqueror browsers */
	}
	FIELDSET LABEL {
		float:left;
		width:16%;
		margin: 1% 1%;
		padding: 1% 1%;
		background:#fefefe;
	}
	
#bottom-frame{
	
}
/*____________________________________________________________________________________________________________________*/
col {overflow:hidden !important;}
THEAD TD {background:#000;}
#wtable {
    display:none;
    position:absolute;
    top:50px;
    right:0;
    background:white;
}
.sortable {clear:both;border-collapse:collapse;}
.sortable td, .sortable th {border:1px solid #000;padding:0 9px 0 9px;}
.sortable TBODY TR:hover {background-color:#ffe;}
.sortable .even {background-color:#f0f0f0;}
.sortable .odd {background-color:#fff;}
.sortable thead {cursor:pointer;}

/* arrows */
.c_0_c TH {
background:url(../images/c1.gif) no-repeat right center;
background-color:#eee;
}
.c_0_c .d_1_d {
background:url(../images/d10.gif) no-repeat right center;
background-color:#eee;
}
.c_0_c .u_1_u {
background:url(../images/u10.gif) no-repeat right center;
background-color:#eee;
}
/*____________________________________________________________________________________________________________________*/
UL#menu {
	top:0;
	position:fixed;
	width:auto;
	list-style:none;
	color:gold;
	background:#000;
	margin:0 0 0 -15px;
	z-index:10;
}
  UL#menu LI.head {
	float:left;
	margin:0 60px 0 0;
	padding:5px;
	text-align:center;
	cursor:pointer;
	
  }
  UL#menu LI UL {
	position: absolute;
	list-style:none;
	padding:10px 10px 10px 10px;
	background:#000;
	border-bottom:2px solid #555;
	  -moz-border-radius:  0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	-khtml-border-radius:  0px 0px 12px 12px;
	z-index:31;
  }
	UL#menu LI UL LI {
	  float:none;
	  width:100%;
	  text-align:center;
	  margin:0 0 6px 0;
	}
	UL#menu LI.head UL {
	  -webkit-transition-duration: 0.6s;
		 -moz-transition-duration: 0.6s;
		   -o-transition-duration: 0.6s;
			  transition-duration: 0.6s;
	  visibility:hidden;
	  opacity:0;
	}
	UL#menu LI.head:hover UL {
	  visibility:visible;
	  opacity:1;}
	UL#menu LI UL LI a:hover {
		color:yellow;
	}
#menu LI A {
  color: #FFD200;
  text-decoration: none;
}
#menu LI A:hover {
  text-decoration: underline;
}
/*____________________________________________________________________________________________________________________*/