
/* --------------------------------------- BEGIN MAIN BODY --------------------------------------- */

body::before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
	z-index: 100;
}

/* ---------- SCROLLBARS ----------- */
:root {
	--shadow: #dfb9ba;
	--scrollbarBG: #ffdfe0;
	--thumbBG: #a87878;
}
::-webkit-scrollbar {
	width: 14px;
}
::-webkit-scrollbar-track {
	/* box-shadow: inset 5px 0 5px grey;  */
	-webkit-box-shadow: inset 0 0 6px grey; 
	border-radius: 10px;
	background: var(--scrollbarBG);
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	background-color: var(--thumbBG);
}
/* ---------- END SCROLLBARS ----------- */

strong		{ font-weight: bold; }
input		{ font: 8pt verdana,arial,sans serif; color: #909088; }
textarea	{ font: 8pt verdana,arial,sans serif; color: #909088; }

h1		{ font: 22pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }
h2		{ font: 18pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }
h3		{ font: 16pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }

#navBar {
	position:absolute;
	z-index:100;
}

/* --------------------------------------- END MAIN BODY --------------------------------------- */

/* ---------------------------------------- BEGIN LINKS ---------------------------------------- */

a:link			{ font: 9pt verdana,arial; color: #0000ff; text-decoration: underline; }
a:visited		{ font: 9pt verdana,arial; color: #0000ff; text-decoration: underline; }
a:active		{ font: 9pt verdana,arial; color: #ff0000; text-decoration: none; }
a:hover			{ font: 9pt verdana,arial; color: #00ff00; text-decoration: none;}

a.sml:link		{ font: 8pt verdana,arial; color: #0000ff; text-decoration: underline; }
a.sml:visited		{ font: 8pt verdana,arial; color: #0000ff; text-decoration: underline; }
a.sml:active		{ font: 8pt verdana,arial; color: #ff0000; text-decoration: none; }
a.sml:hover		{ font: 8pt verdana,arial; color: #00ff00; text-decoration: none;; }

a:lrg:link		{ font: 21pt verdana,arial; color: #0000ff; text-decoration: underline; }
a:lrg:visited		{ font: 21pt verdana,arial; color: #0000ff; text-decoration: underline; }
a:lrg:active		{ font: 21pt verdana,arial; color: #ff0000; text-decoration: none; }
a:lrg:hover		{ font: 21pt verdana,arial; color: #00ff00; text-decoration: none;}

a:lg_bold:link		{ font: 20pt verdana,arial; color: #0000ff; font-weight: bold; text-decoration: underline; }
a:lg_bold:visited	{ font: 10pt verdana,arial; color: #0000ff; font-weight: bold; text-decoration: underline; }
a:lg_bold:active	{ font: 10pt verdana,arial; color: #ff0000; font-weight: bold; text-decoration: none; }
a:lg_bold:hover		{ font: 10pt verdana,arial; color: #00ff00; font-weight: bold; text-decoration: none;}





a.gold8boldA:link	{ font: 8pt arial,verdana,ms serif; color: #cd7f32; text-decoration: underline; }
a.gold8boldA:visited	{ font: 8pt arial,verdana,ms serif; color: #828282; text-decoration: underline; }
a.gold8boldA:active	{ font: 8pt arial,verdana,ms serif; color: #c80000; text-decoration: none; }
a.gold8boldA:hover	{ font: 8pt arial,verdana,ms serif; color: #0000ff; text-decoration: none; }

a.gold9bold:link	{ font: 9pt arial,verdana,ms serif; color: #cd7f32; font-weight: bold; text-decoration: underline; }
a.gold9bold:visited	{ font: 9pt arial,verdana,ms serif; color: #828282; font-weight: bold; text-decoration: underline; }
a.gold9bold:active	{ font: 9pt arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: none; }
a.gold9bold:hover	{ font: 9pt arial,verdana,ms serif; color: #0000ff; font-weight: bold; text-decoration: none; }

a.gold10bold:link	{ font: 10pt arial,verdana,ms serif; color: #cd7f32; font-weight: bold; text-decoration: underline; }
a.gold10bold:visited	{ font: 10pt arial,verdana,ms serif; color: #828282; font-weight: bold; text-decoration: underline; }
a.gold10bold:active	{ font: 10pt arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: none; }
a.gold10bold:hover	{ font: 10pt arial,verdana,ms serif; color: #0000ff; font-weight: bold; text-decoration: none; }

a.gold9boldV:link	{ font: 9pt verdana,ms serif,arial; color: #cd7f32; font-weight: bold; text-decoration: underline; }
a.gold9boldV:visited	{ font: 9pt verdana,ms serif,arial; color: #828282; font-weight: bold; text-decoration: underline; }
a.gold9boldV:active	{ font: 9pt verdana,ms serif,arial; color: #c80000; font-weight: bold; text-decoration: none; }
a.gold9boldV:hover	{ font: 9pt verdana,ms serif,arial; color: #0000ff; font-weight: bold; text-decoration: none; }


a.brn11T:link		{ font: 10pt times new roman,arial,verdana,ms serif; color: #5c4033; text-decoration: underline; }
a.brn11T:visited	{ font: 10pt times new roman,arial,verdana,ms serif; color: #828282; text-decoration: underline; }
a.brn11T:active		{ font: 10pt times new roman,arial,verdana,ms serif; color: #c80000; text-decoration: none; }
a.brn11T:hover		{ font: 10pt times new roman,arial,verdana,ms serif; color: #0000FF; text-decoration: none; }

a.brn12boldT:link	{ font: 12pt times new roman,arial,verdana,ms serif; color: #5c4033; font-weight: bold; text-decoration: underline; }
a.brn12boldT:visited	{ font: 12pt times new roman,arial,verdana,ms serif; color: #828282; font-weight: bold; text-decoration: underline; }
a.brn12boldT:active	{ font: 12pt times new roman,arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: underline; }
a.brn12boldT:hover	{ font: 12pt times new roman,arial,verdana,ms serif; color: #0000FF; font-weight: bold; text-decoration: underline; }

a.greenbold12T:link	{ font: 12pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; text-decoration: underline; }
a.greenbold12:visited	{ font: 12pt times new roman,arial,verdana,ms serif; color: #828282; font-weight: bold; text-decoration: underline; }
a.greenbold12:active	{ font: 12pt times new roman,arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: underline; }
a.greenbold12:hover	{ font: 12pt times new roman,arial,verdana,ms serif; color: #0000FF; font-weight: bold; text-decoration: underline; }

a.greenbold13:link	{ font: 13pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; text-decoration: underline; }
a.greenbold13:visited	{ font: 13pt times new roman,arial,verdana,ms serif; color: #828282; font-weight: bold; text-decoration: underline; }
a.greenbold13:active	{ font: 13pt times new roman,arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: underline; }
a.greenbold13:hover	{ font: 13pt times new roman,arial,verdana,ms serif; color: #0000FF; font-weight: bold; text-decoration: underline; }

a.cptvs9:link		{ font: 9pt arial,verdana,ms serif; color: #ff2400; font-weight: bold; text-decoration: underline; }
a.cptvs9:visited	{ font: 9pt arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: underline; }
a.cptvs9:active		{ font: 9pt arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: underline; }
a.cptvs9:hover		{ font: 9pt arial,verdana,ms serif; color: #ff2400; font-weight: bold; text-decoration: underline; }

a.cptvs10:link		{ font: 10pt arial,verdana,ms serif; color: #ff2400; font-weight: bold; text-decoration: underline; }
a.cptvs10:visited	{ font: 10pt arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: underline; }
a.cptvs10:active	{ font: 10pt arial,verdana,ms serif; color: #c80000; font-weight: bold; text-decoration: underline; }
a.cptvs10:hover		{ font: 10pt arial,verdana,ms serif; color: #ff2400; font-weight: bold; text-decoration: underline; }

/* ----------------------------------------- END LINKS ----------------------------------------- */


/* --------------------------------------- BEGIN CLASSES --------------------------------------- */

.rom_outline		{ font: 12pt times new roman,arial,verdana,ms serif; color: #5c4033; font-weight: bold; }

.goldbold10		{ font: 10pt arial,verdana,ms serif,helvetica; color: #f8ca60; font-weight: bold; }
.goldbold20		{ font: 20pt arial,verdana,ms serif,helvetica; color: #f8ca60; font-weight: bold; }

.gold9boldV		{ font: 9pt verdana,ms serif,helvetica,arial; color: #cd7f32; font-weight: bold; }
.gold12boldV		{ font: 12pt verdana,ms serif,helvetica,arial; color: #a86626; font-weight: bold; }

.green9			{ font: 9pt arial,verdana,ms serif,helvetica; color: #4a2921; }
.green10		{ font: 10pt arial,verdana,ms serif,helvetica; color: #4a2921; }
.green11		{ font: 11pt arial,verdana,ms serif,helvetica; color: #4a2921; }
.green12		{ font: 12pt arial,verdana,ms serif,helvetica; color: #4a2921; }

.greenbold10		{ font: 10pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenbold11		{ font: 11pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenbold12		{ font: 12pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenbold13		{ font: 13pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenbold14		{ font: 14pt arial,verdana,ms serif,helvetica; color: #4a2921; font-weight: bold; }

.greenboldv10		{ font: 10pt verdana,arial,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenboldv11		{ font: 11pt verdana,arial,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenboldv12		{ font: 12pt verdana,arial,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenboldv13		{ font: 13pt verdana,arial,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenboldv14		{ font: 14pt verdana,arial,ms serif,helvetica; color: #4a2921; font-weight: bold; }
.greenboldv16		{ font: 16pt verdana,arial,ms serif,helvetica; color: #4a2921; font-weight: bold; }

.greenbold10T		{ font: 10pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; }
.greenbold11T		{ font: 11pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; }
.greenbold12T		{ font: 12pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; }
.greenbold13T		{ font: 13pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; }
.greenbold14T		{ font: 14pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; }
.greenbold16T		{ font: 16pt times new roman,arial,verdana,ms serif; color: #4a2921; font-weight: bold; }

.red10			{ font: 10pt arial,verdana,ms serif,helvetica; color: #ff0000; }
.red11			{ font: 11pt arial,verdana,ms serif,helvetica; color: #ff0000; }

.red10bold		{ font: 10pt arial,verdana,ms serif,helvetica; color: #ff0000; font-weight: bold; }
.red11bold		{ font: 11pt arial,verdana,ms serif,helvetica; color: #ff0000; font-weight: bold; }

.reddark10boldV		{ font: 10pt verdana,arial,ms serif,helvetica; color: #c80000; font-weight: bold; }
.reddark11boldV		{ font: 11pt verdana,arial,ms serif,helvetica; color: #c80000; font-weight: bold; }
.reddark12boldV		{ font: 12pt verdana,arial,ms serif,helvetica; color: #c80000; font-weight: bold; }

.sx_ref			{ font: 10pt arial,verdana,ms serif,helvetica; color: #f8ca60; font-weight: bold; }
.sx_vs			{ font: 10pt arial,verdana,ms serif,helvetica; color: #f8ca60; }

.formbutton {
	display: inline-block;
	width: 150px;
	height: 30px;
	/* padding: 7px 20px; */
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	outline: none;
	color: #ffe794;
	background-color: #a97575;
	border: 0;
	border-radius: 14px;
}
.formbutton:hover {
	background-color: #dfb9ba;
	color: red;
	text-shadow: 1px 1px 1px #e3e5ef;
	box-shadow: 2px 2px 3px 2px #eee;
}
.formbutton:active {
	border: 2px;
	border-color: black;
	color: #ffda56;
	background-color: #843c39;
	text-shadow: 1px 1px 1px #000008;
	box-shadow: -2px -2px 2px 2px #676767;
	transform: translateY(4px);
}
.bk_icons {
	 margin-bottom: 8px;
}
ol > li {
	list-style: upper-roman;
}
 ol > li > ol > li {
	list-style: upper-alpha;
}
 ol > li > ol > li > ol > li {
	list-style: decimal;
}
 ol > li > ol > li > ol > li > ol > li {
	list-style: lower-roman;
 }
	ol > li > ol > li > ol > li > ol > li > ol > li {
	list-style: lower-alpha;
} 
.fstooltips {
	border: 1px solid #4a2921;
	width: 220;
}
.tipheader {
	background-color: #4a2921;
	color: #f8ca60;
	font-weight: bold;
	font-size: 8pt;
	font-family: arial;
}
.tipcontent {
	background-color: #f7ce73;
	color: #4a2921;
	font-weight: normal;
	font-size: 8pt;
	font-family: arial;
}

/* ----------------------------------------- END  CLASSES ----------------------------------------- */
