@font-face { font-family: 'roboto'; src: url('FONT/RobotoSlab.ttf') format('truetype'); }
@font-face { font-family: 'smooth'; src: url('FONT/CFSmoothCond.otf') format('opentype'); }
@font-face { font-family: 'smooth2'; src: url('FONT/CFSmoothCondBold.otf') format('opentype'); }
@font-face { font-family: 'notepad'; src: url('FONT/PFNotepadBold.ttf') format('truetype'); }

:root {  --mainfont: 'roboto'; }

BODY {margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; background-color: white; font-size: 9pt; }
* { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; }
P { font-family: var(--mainfont), 'arial'; margin-top:10; font-size: 9pt; COLOR: black; }
A:hover   {color: red; }

input[type=text]:focus {background: Cyan; }
input[type=password]:focus {background: Cyan; }
select:focus {background: Cyan; }
textarea:focus {background: Cyan; }

h1 {display: inline; font-size: 9pt; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: normal;}
h2 {display: inline; font-size: 9pt; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; font-weight: normal;}

.rbutton2 {border-radius: 2px;}
.rbutton4 {border-radius: 4px;}

input.ronly:focus {background: White; }
textarea.ronly:focus {background: White; }

option.green{color:green; font-variation-settings: 'wght' 600;}
option.red{color:red; font-variation-settings: 'wght' 600;}
option.redc{color:red; font-variation-settings: 'wght' 600; text-align: center;}


#headFrame{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100px; border-bottom: 1px solid green; z-index: 10;

	   box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
	   -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
	   -moz-box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
}

#bottomFrame{ position: fixed; top: -400px; left: 0px; width: 100%; height: 30px; z-index: 10;
	      border-top: 1px solid rgba(92,96,99,0.90); border-bottom: 1px solid rgba(92,96,99,0.90);
	      background-color: rgba(202,234,216,0.90); }

#mainFrame{ position: relative; margin-top: 100px; margin-left: 0px; width: 100%; height: 100%; z-index: 1; }

#book_of_day_fly2 { position: fixed; top: 120px; left: -2000px; font: 12pt var(--mainfont), 'arial'; padding: 0px; background-color: rgba(256, 256, 256, 0); z-index:991; visibility: inline-block; }


#map1 { width: 500px; height: 200px; border: 1px solid grey; background-color: white; }
#map2 { width: 500px; height: 200px; border: 1px solid grey; background-color: white; }



.chk7 { font-family: var(--mainfont), 'arial'; font-size: 7pt; }

.bof { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: olive; text-decoration: none; font-variation-settings: 'wght' 600; }
.car { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: olive; text-decoration: none; font-variation-settings: 'wght' 600; }
.crd { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: black; text-decoration: none; font-style: italic; }
.crb { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: darkgreen; text-align: left; text-decoration: none; font-style: italic; }
.crs { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: red; text-align: left; text-decoration: none; font-style: italic; }
.sub { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; text-decoration: none;  }
.lnk { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600;}
.lnk0 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: blue; text-decoration: underline; font-weight: normal;}
.lnk1 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: blue; text-decoration: none; font-weight: normal;}
.lnk7 { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: darkblue; text-decoration: none; font-weight: normal;}
.lnk7g { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: darkgreen; text-decoration: none; font-weight: normal;}
.lnk7r { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: DarkMagenta; text-decoration: none; font-weight: normal;}
.lnk8 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: blue; text-decoration: none; font-weight: normal;}
.lnk9 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; font-weight: normal;}
.lnk10 { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: blue; text-decoration: none; font-weight: normal;}
.ggl { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: blue; }
.wf  { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: olive; text-decoration: none; font-variation-settings: 'wght' 600; }
.lnkd { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: grey; font-variation-settings: 'wght' 600; text-decoration: none; }
.lnkt { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: underline; font-weight: normal;}


.filtertable {background: rgba(250, 250, 206, 0.6);}
.idtable {background: rgba(224, 250, 156, 0.6);}
.menuheader {background: rgba(255, 255, 255, 0.65);}

.header { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: #56ab4d; text-decoration: none; font-variation-settings: 'wght' 600; }
.header2 { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: black; text-decoration: underline; font-variation-settings: 'wght' 600; }


.alert_txt { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: black; }
.alert_btn { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; }

.imglink { border: 1px solid blue; }
.imglink:hover { opacity: 0.5; filter: alpha(opacity=50);  }

.imgcont { position: relative; }
.imgover { position: absolute; bottom: 2px; left: 10px; right: 10px; font-family: var(--mainfont), 'arial'; font-size: 6px; COLOR: blue; font-weight: normal; text-decoration: none; opacity: 0; filter: alpha(opacity=0); }
.imgover:hover { opacity: 1; filter: alpha(opacity=100); background: yellow; }

.vdet { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: brown; text-decoration: none; }

.gap { font-family: var(--mainfont), 'arial'; font-size: 1pt; text-decoration: none; }



.opt9 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; text-decoration: underline; font-variation-settings: 'wght' 600; }
.lnk2 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; }
.lnk20 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; }
.lnk21 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: darkgreen; text-decoration: none; }
.lnk22 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: LightSeaGreen; text-decoration: none; }
.lnk23 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: maroon; text-decoration: none; }
.lnk24 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: Indigo; text-decoration: none; }
.lnk25 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: DarkRed; text-decoration: none; }
.lnk26 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: brown; text-decoration: none; }

.lnkf { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}
.lnkfh { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; text-decoration: none; }
.lnkf0 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}
.lnkf1 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: darkgreen; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}
.lnkf2 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: LightSeaGreen; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}
.lnkf3 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: maroon; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}
.lnkf4 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: Indigo; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}
.lnkf5 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: DarkRed; font-weight: normal; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}
.lnkf6 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: brown; text-decoration: none; text-shadow: 1px 1px 0px #ffffff, 1px 1px 8px #000077;}

.lnkm { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; }


.lnk3 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: blue; text-decoration: none; font-weight: normal; }
.lnk3n { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: navy; text-decoration: none; font-weight: normal; }
.lnk3g { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: green; text-decoration: none; }
.lnk3o { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: orange; text-decoration: none; }
.lnk2b { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }
.lnk3b { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }
.lnkb { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }
.lnk4 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; text-shadow: 0px 0px 24px #ffffff;}
 a#lnk4:hover {color:orange}
 a#lnk3n:hover {color:orange}

.opt2 { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: black; text-decoration: none; font-weight: normal; }
.welc { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: brown; text-decoration: none; }
.welv { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: brown; text-decoration: none; font-variation-settings: 'wght' 600; }

.ctl  { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: black; text-decoration: none; }
.ctlg { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: grey; text-decoration: none; }
.ctlg9 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: grey; text-decoration: none; }
.ctlgn { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: green; text-decoration: none; }
.ctlor { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: orange; text-decoration: none; }
.ctlgl { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: lightgrey; text-decoration: none; }
.ctlm { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: SeaGreen; text-decoration: none; }
.ctln { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: LightSlateGray; text-decoration: none; }
.ctlb { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: black; text-decoration: none; font-variation-settings: 'wght' 600; }
.ctlh { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: white; text-decoration: none; font-variation-settings: 'wght' 600; }
.ctlu { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: black; text-decoration: underline; font-variation-settings: 'wght' 600; }
.ctl2 { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: black; text-decoration: none; font-variation-settings: 'wght' 600; }
.ctl3  { font-family: var(--mainfont), 'arial'; font-size: 8pt; text-align: right; COLOR: black; text-decoration: none; }
.ctl4  { font-family: var(--mainfont), 'arial'; font-size: 8pt; text-align: center; COLOR: black; text-decoration: none; }
.ftt { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: grey; text-decoration: none; }
.ftt8 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: grey; text-decoration: none; }
.ctlr  { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: red; text-decoration: none; }
.ctlgr { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: green; text-decoration: none; font-variation-settings: 'wght' 600; }
.ctl12b { font-family: var(--mainfont), 'arial'; font-size: 10pt; text-align: center; color: darkblue; }

.aut1 { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: black; text-decoration: none; font-style: italic;  }
.aut2 { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: grey; text-decoration: none; text-align: justify; }
.autv { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: black; text-decoration: underline; font-style: italic; }

.sel7b { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: blue; }
.sel7bb { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }
.sel7k { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: black; }
.sel7r { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: red; }
.sel7g { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: green; }
.sel7w { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: brown; }

.sel   { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; }

.hdr { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: orange; font-variation-settings: 'wght' 600;}
.hdr1 { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: navy; font-variation-settings: 'wght' 600;}
.ttv  { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: #191919; text-decoration: none; font-style: italic; font-variation-settings: 'wght' 600;}
.ttw  { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: #191919; text-decoration: none; }
.ttf  { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: Navy; text-decoration: underline; font-variation-settings: 'wght' 600;}
.hdv { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: #191919; text-decoration: none; font-style: italic; }
.leg { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: gray; text-decoration: none; font-style: italic; margin-left:10; margin-right:20; margin-top:0; }
.bse { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: #191919; }
.err { font-family: var(--mainfont), 'arial'; font-size: 10pt; COLOR: red; }
.tt2 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; }
.isbr { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: orange; }

.cart_head { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: grey; font-variation-settings: 'wght' 600;}

.autct { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: #191919; font-variation-settings: 'wght' 600; text-align: left;}
.isbct { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: #191919; text-align: left;}
.outct { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: grey; text-align: left;}
.ttlct { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: navy; text-decoration: none; font-variation-settings: 'wght' 600; }

.cit { font-family: var(--mainfont), 'arial'; font-size: 11pt; COLOR: #191919; text-decoration: underline; font-variation-settings: 'wght' 600; }
.ttl { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }
.det { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: #191919; text-align: justify;}
.det0 { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: #191919; text-align: center;}
.isb { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: #191919; text-align: justify;}
.extr { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: blue; }
.ttlbr { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: navy; text-decoration: none; font-variation-settings: 'wght' 600; }
.cat { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; }
.old { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: red; text-decoration: line-through; }
.old_in { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: grey; }
.out { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: grey; text-decoration: none; }
.sel7 { font-family: var(--mainfont), 'arial'; font-size: 7pt; COLOR: gray; }
.sel8 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: black; }
.det8 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: #191919; text-align: justify;}
.aut { font-family: var(--mainfont), 'arial'; font-size: 9pt; COLOR: black; text-align: justify;}
.note { font-family: notepad; font-size: 10pt; COLOR: #191919; text-align: left;}



.ttl8 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }
.isb8 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: #191919; }
.isb8r { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: orange; }
.aut8 { font-family: var(--mainfont), 'arial'; font-size: 8pt; COLOR: black; text-align: justify;}

.forw { font-family: var(--mainfont), 'arial'; font-size: 10pt; font-variation-settings: 'wght' 600; transform:scale(0.8,1); -webkit-transform:scale(0.65,1); COLOR: orange; }

.roboto { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: #78C878; }
.robotoc0 { font-family: var(--mainfont), 'arial'; font-size: 14pt; transform:scale(0.8,1); -webkit-transform:scale(0.65,1); COLOR: #78C878; }
.robotoc { font-family: var(--mainfont), 'arial'; font-size: 14pt; transform:scale(0.8,1); -webkit-transform:scale(0.65,1); COLOR: #58A858; }



.flybook { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
	   font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:50;
	   border-radius: 15px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
	   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	 }
.flybook2 { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
	   font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:31;
	   border-top-left-radius: 15px 15px; -moz-border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px;
     	   border-top-right-radius: 15px 15px; -moz-border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px;
	   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	 }
.flybazaarbox { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
	   font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:31;
	   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	 }
.flyauthor { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
	   font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:50;
	   border-radius: 15px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
	   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	 }
.flyevent { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
	   font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:50;
	   border-radius: 15px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
	   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);  -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	 }




.flyaccount { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
	   font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:61;
	   border-radius: 15px 15px;
 	   -moz-border-radius: 15px;
	   -webkit-border-radius: 15px;
	   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
	   -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	 }
.flycart { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
	   font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:80;
	   border-radius: 15px 15px;
 	   -moz-border-radius: 15px;
	   -webkit-border-radius: 15px;
	   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
	   -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
	 }
.flycard { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
           font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:460;
	   border-radius: 15px 15px;
 	   -moz-border-radius: 15px;
	   -webkit-border-radius: 15px;
           box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
           -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
           -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
         }
.flypreview { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
           font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:600;
	   border-radius: 15px 15px;
 	   -moz-border-radius: 15px;
	   -webkit-border-radius: 15px;
           box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
           -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
           -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
         }
.flypay  { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77;
           font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; z-index:85;
	   border-radius: 15px 15px;
 	   -moz-border-radius: 15px;
	   -webkit-border-radius: 15px;
           box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
           -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
           -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2);
         }




.flybookmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:40; }
.flybook2mask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:30; }
.flyaccountmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:60; }
.flycartmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:70; }
.flypaymask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:84; }
.flymask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:100; }
.flymask2 {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:300; }
.flycardmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:450; }
.flydocmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:500; }
.flydocmask2 {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:650; }
.flylookupmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:980; }
.flyalertmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:700; }
.flyadvertmask {position:absolute; top:0; left:0; height:100%; width:100%; background:#888888; opacity:.75; filter:alpha(opacity=75); visibility: hidden; z-index:998; }


.fly { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:200; }
.fly2 { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:400; }
.flycard { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:460; }
.flydoc { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:600; }
.flydoc2 { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:651; }
.flylookup { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:990; }
.flyalertbox { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:800; }
.flyinputbox { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:800; }
.flyadvertbox { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:990; }
.flybofbox { background-color: CCCC88; color: Blue; width=240; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; position: absolute; visibility: hidden; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 15px 15px rgba(0, 0, 0, 0.2); z-index:991; }
.flybofboxp { background-color: CCCC88; color: Blue; border: 0; layer-background-color: #AAAA77; font: 12pt var(--mainfont), 'arial'; padding: 0px; z-index:991; }
.flybofboxp2 { position: fixed; top: 120px; left: 0px; font: 12pt var(--mainfont), 'arial'; padding: 0px; background-color: rgba(256, 256, 256, 0); z-index:991; visibility: hidden; }

.flyclosebutton { position: absolute; top: 15px; right: 15px;}


/*
#alert_msg_title { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: #56ab4d; font-variation-settings: 'wght' 600;}
#alert_msg_text { font-family: var(--mainfont), 'arial'; font-size: 12pt; COLOR: black; }
*/

progress { height: 15px; width: 300px; border: 1px solid grey; background-color: lightgrey; text-align: left; color: blue; }
progress::-webkit-progress-bar { background-color: lightgrey; }
progress::-webkit-progress-value { background-color: blue; }
progress::-moz-progress-bar { background-color: blue; }


b { font-variation-settings: 'wght' 600; }


.menuTable { border-collapse:collapse; width:600px; height:100px; cellspacing=2; }

td > div { position: relative; }
.bulletNav { position:absolute;  bottom:20px; width:100%; text-align: center; z-index:10; }
.bannerTop { position:absolute;  top:0px; width:100%; text-align: center; z-index:10; }

.shadowx { border-radius: 10px 10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); }
.shadow { border-radius: 10px 10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
.shadow2 { position: relative; border-radius: 10px 10px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }

.circlex { position: absolute;
          color: #59a859; text-align: center; font-family: var(--mainfont), 'arial'; font-size: 20pt; font-variation-settings: 'wght' 600;
	  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	  border: 1px solid green; background-color: rgba(255, 255, 1, 0.75);
	  width: 60px; height: 30px; padding: 8px;
	  left: 60%; top: 70%; z-index: 99;
	  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }

.circle { position: absolute;
	  -webkit-clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
	  clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
          color: red; text-align: center; font-family: smooth; font-size: 22pt; font-variation-settings: 'wght' 600;
	  background-color: rgba(255, 255, 1, 0.85);
	  width: 80px; height: 60px; padding-top: 25px;
	  left: 60%; top: 60%; z-index: 99;
	  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }

.circleb { position: absolute;
	  -webkit-clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
	  clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
          color: red; text-align: center; font-family: smooth; font-size: 12pt; font-variation-settings: 'wght' 600;
	  background-color: rgba(255, 255, 1, 0.85);
	  width: 60px; height: 40px; padding-top: 22px;
	  left: 60%; top: 60%; z-index: 99;
	  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }

.circle2 { position: absolute;
	  -webkit-clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
	  clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
          color: red; text-align: center; font-family: smooth; font-size: 44pt; font-variation-settings: 'wght' 600;
	  background-color: rgba(255, 255, 1, 0.85);
	  width: 160px; height: 120px; padding-top: 50px;
	  left: 60%; top: 60%; z-index: 99;
	  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }

.honor {  position: absolute;
          color: red; text-align: center; font-family: smooth; font-size: 18pt; font-variation-settings: 'wght' 600;
	  width: 350px; height: 80px;
	  left: 3px; top: 60%; z-index: 95;
/*	  background-color: rgba(255, 255, 230, 0.90);	*/
/*	  border: 1px solid yellow;                     */
	}
.hontxt {
	  color: red; text-align: center; font-family: smooth; font-size: 18pt; font-variation-settings: 'wght' 600;
	  background-color: rgba(255, 255, 230, 0.80);
	  border: 1px solid yellow;
	}


.eventimg { border-radius: 5px 5px; border: 1px dotted lightgrey;  }

.booktip { position: relative; }
.booktip span { 	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: var(--mainfont), 'arial';
			text-align: left; font-family: var(--mainfont), 'arial'; font-size: 7pt;
			position: absolute;
			left: -999em; top: 10px; z-index: 100;
			padding-top: 2px; padding-left: 2px;
			margin-left: 0; width: 150px; }

.booktip:hover span { 	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: var(--mainfont), 'arial';
			text-align: left; font-family: var(--mainfont), 'arial'; font-size: 7pt;
			position: absolute;
			left: 40%; top: 50%; z-index: 100;
			padding-top: 2px; padding-left: 2px;
			margin-left: 0; width: 150px; }



.booktable { border-radius: 15px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.booktable2 { border-top-left-radius: 15px 15px; -moz-border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px;
	      border-top-right-radius: 15px 15px; -moz-border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; }


.tooltip { position: relative; }

.tooltip span { 	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: var(--mainfont), 'arial'; font-size: 8pt;
			text-align: left;
			position: absolute;
			left: -999em; top: 10px; z-index: 99;
			margin-left: 0; width: 150px; }

.tooltip:hover span { 	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: var(--mainfont), 'arial'; font-size: 8pt;
			text-align: left;
			position: absolute;
			left: -50px; top: 10px; z-index: 99;
			margin-left: 0; width: 150px; }

.tooltip:hover em {	font-family: var(--mainfont), 'arial'; font-size: 8pt; font-variation-settings: 'wght' 600;
			display: block; }

.qsearch { 		border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: var(--mainfont), 'arial'; font-size: 8pt;
			text-align: left;
			position: absolute;
			left: -999em; top: 78px; z-index: 98;
			margin-left: 0; padding:5px; width: 376px; }


.tooltip2 { position: relative; }

.tooltip2 span { 	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: var(--mainfont), 'arial'; font-size: 8pt;
			text-align: left;
			position: absolute;
			left: -999em; top: 10px; z-index: 99;
			margin-left: 0; width: 150px; }

.tooltip2:hover span { 	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: var(--mainfont), 'arial'; font-size: 8pt;
			text-align: right;
			position: absolute;
			left: -140px; top: 10px; z-index: 99;
			margin-left: 0; width: 150px; }




* html a:hover { background: transparent; }
.classic {font-family: var(--mainfont), 'arial'; background: #FFFFAA; border: 1px solid #FFAD33; }
.custom { font-family: var(--mainfont), 'arial'; padding: 10px; }
.critical { font-family: var(--mainfont), 'arial'; background: #FFCCAA; border: 1px solid #FF3334; }
.help { font-family: var(--mainfont), 'arial'; background: lightyellow; border: 3px solid #a5d53c; }
.info { font-family: var(--mainfont), 'arial'; background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { font-family: var(--mainfont), 'arial'; background: #FFFFAA; border: 1px solid #FFAD33; }
.rate { font-family: var(--mainfont), 'arial'; background: lightyellow; border: 2px solid #a5d53c; }

.pview
{
        width:800px;  height:1128px;
        background-image: "url('PREVIEW/9789604586974-0023.jpg'); background-repeat:no-repeat; background-size:800px 1128px;
}



#headFrameMobile{ position: fixed; top: 0px; left: 0px; width: 100%; height: 320px; border-bottom: 1px solid green; z-index: 10;
	   box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
	   -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
	   -moz-box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
}
#mainFrameMobile{ position: relative; margin-top: 340px; margin-bottom: 40px; margin-left: 0px; width: 100%; height: 100%; z-index: 1; }
#bookFrameMobile{ position: relative; margin-top: 340px; margin-bottom: 40px; margin-left: 20px; margin-right: 20px; width: 100%; height: 100%; z-index: 1; }
#dialogFrameMobile{ position: relative; margin-top: 340px; margin-bottom: 40px; margin-left: 20px; margin-right: 20px; width: 100%; height: 100%; z-index: 1; }
#pdfFrameMobile{ position: relative; margin-top: 340px; margin-bottom: 40px; margin-left: 20px; margin-right: 20px; width: 100%; height: 100%; z-index: 1; }
#searchFrameMobile{ position: relative; margin-top: 340px; margin-bottom: 40px; margin-left: 20px; margin-right: 20px; width: 100%; height: 100%; z-index: 1; }

#bottomFrameMobile{ position: fixed; display: block; top: -400px; left: 0px; width: 100%; height: 280px; border-top: 1px solid rgba(92,96,99,0.90); border-bottom: 1px solid rgba(92,96,99,0.90); background-color: rgba(202,234,216,0.90); z-index: 100; }

.circlem { position: absolute;
	   -webkit-clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
 	   clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
           color: red; text-align: center; font-family: smooth; font-size: 40pt; font-variation-settings: 'wght' 600;
	   background-color: rgba(255, 255, 1, 0.85);
	   width: 135px; height: 100px; padding-top: 40px;
	   left: 60%; top: 60%; z-index: 99;
	   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }

.circlebm { position: absolute;
	   -webkit-clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
 	   clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
           color: red; text-align: center; font-family: smooth; font-size: 24pt; font-variation-settings: 'wght' 600;
	   background-color: rgba(255, 255, 1, 0.85);
	   width: 110px; height: 65px; padding-top: 35px;
	   left: 60%; top: 60%; z-index: 99;
	   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }

.honorm { position: absolute;
          color: red; text-align: center; font-family: smooth; font-size: 34pt; font-variation-settings: 'wght' 600;
	  width: 700px; height: 160px;
	  left: 6px; top: 60%; z-index: 95;
/*	  background-color: rgba(255, 255, 230, 0.90);	*/
/*	  border: 1px solid yellow;                     */
	}

.hontxtm {
	   color: red; text-align: center; font-family: smooth; font-size: 34pt; font-variation-settings: 'wght' 600;
 	   background-color: rgba(255, 255, 230, 0.80);
	   border: 1px solid yellow;
	 }


.circle2m { position: absolute;
	   -webkit-clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
 	   clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
           color: red; text-align: center; font-family: smooth; font-size: 80pt; font-variation-settings: 'wght' 600;
	   background-color: rgba(255, 255, 1, 0.85);
	   width: 270px; height: 200px; padding-top: 80px;
	   left: 60%; top: 60%; z-index: 99;
	   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }
.circle2mp { position: absolute;
	   -webkit-clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
 	   clip-path: polygon(12.5% 12.5%, 28% 12.5%, 37% 0, 50% 8%, 63% 0, 72% 12.5%, 87.5% 12.5%, 87.5% 28%, 100% 37%, 92% 50%, 100% 63%, 87.5% 72%, 87.5% 87.5%, 72% 87.5%, 63% 100%, 50% 92%, 37% 100%, 28% 87.5%, 12.5% 87.5%, 12.5% 72%, 0 63%, 8% 50%, 0 37%, 12.5% 28%);
           color: red; text-align: center; font-family: smooth; font-size: 150pt; font-variation-settings: 'wght' 600;
	   background-color: rgba(255, 255, 1, 0.65);
	   width: 540px; height: 400px; padding-top: 170px;
	   left: 60%; top: 60%; z-index: 99;
	   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25); }


.lnk1m  { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: blue; text-decoration: none; font-weight: normal;}
.lnk3gm { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: green; text-decoration: none; }
.lnk4gm { font-family: var(--mainfont), 'arial'; font-size: 28pt; COLOR: green; text-decoration: none; }
.lnk7m  { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: darkblue; text-decoration: none; font-weight: normal;}
.lnk8m  { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: blue; text-decoration: none; font-weight: normal;}
.lnk7gm { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: darkgreen; text-decoration: none; font-weight: normal;}
.lnk7rm { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: DarkMagenta; text-decoration: none; font-weight: normal;}
.lnk9m  { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: blue; text-decoration: none; font-weight: normal;}
.oldm   { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: red; text-decoration: line-through; }
.outm   { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: grey; text-decoration: none; }
.pricem { font-family: var(--mainfont), 'arial'; font-size: 15pt; COLOR: black; }
.detm   { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: #191919; text-align: justify;}
.det0m   { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: #191919; text-align: center;}
.det8m  { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: #191919; text-align: justify;}
.catm   { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: black; }
.isbm   { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: #191919; text-align: justify;}
.ttlbrm { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: navy; text-decoration: none; font-variation-settings: 'wght' 600; }
.ttlm   { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }
.extrm  { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: blue; }
.sel7m  { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: grey; }
.sel7rm { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: red; }
.lnktm { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: blue; text-decoration: underline; font-weight: normal;}


.autm { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: black; text-align: justify;}
.autvm { font-family: var(--mainfont), 'arial'; font-size: 20pt; COLOR: black; text-decoration: underline; font-style: italic; }

.hdvm { font-family: var(--mainfont), 'arial'; font-size: 20pt; COLOR: #191919; text-decoration: none; font-style: italic; }
.ttvm  { font-family: var(--mainfont), 'arial'; font-size: 24pt; COLOR: #191919; text-decoration: none; font-style: italic; font-variation-settings: 'wght' 600;}

.bofm { font-family: var(--mainfont), 'arial'; font-size: 20pt; COLOR: olive; text-decoration: none; font-variation-settings: 'wght' 600; }
.bofmp { font-family: var(--mainfont), 'arial'; font-size: 40pt; COLOR: olive; text-decoration: none; font-variation-settings: 'wght' 600; }
.detmp { font-family: var(--mainfont), 'arial'; font-size: 34pt; COLOR: #191919; text-align: justify;}

.aut2m { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: grey; text-decoration: none; }
.coo2m { font-family: var(--mainfont), 'arial'; font-size: 24pt; COLOR: grey; text-decoration: none; }
.subm  { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: black; text-decoration: none;  }

.sel7bm { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: blue; }
.sel7m1 { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: grey; }
.sel7rm { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: red; }
.sel7gm { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: green; }
.sel7wm { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: brown; }
.sel7bbm { font-family: var(--mainfont), 'arial'; font-size: 14pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }

.selm   { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: black; }
.sel8m  { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: black; }
.lnk0m  { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: blue; text-decoration: underline; font-weight: normal;}

.headerm  { font-family: var(--mainfont), 'arial'; font-size: 32pt; COLOR: #56ab4d; text-decoration: none; font-variation-settings: 'wght' 600; }
.header2m { font-family: var(--mainfont), 'arial'; font-size: 24pt; COLOR: black; text-decoration: underline; font-variation-settings: 'wght' 600; }
.alert_txtm { font-family: var(--mainfont), 'arial'; font-size: 20pt; COLOR: black; }
.alert_btnm { font-family: var(--mainfont), 'arial'; font-size: 18pt; COLOR: black; }
.cart_headm { font-family: var(--mainfont), 'arial'; font-size: 26pt; COLOR: grey; font-variation-settings: 'wght' 600;}

.citm { font-family: var(--mainfont), 'arial'; font-size: 20pt; COLOR: #191919; text-decoration: underline; font-variation-settings: 'wght' 600; }
.lnkmm { font-family: var(--mainfont), 'arial'; font-size: 16pt; COLOR: blue; text-decoration: none; }

.welvm { font-family: var(--mainfont), 'arial'; font-size: 20pt; COLOR: brown; text-decoration: none; font-variation-settings: 'wght' 600; }

.headermb  { font-family: var(--mainfont), 'arial'; font-size: 60pt; COLOR: blue; text-decoration: none; font-variation-settings: 'wght' 600; }


#map1m { width: 640px; height: 400px; border: 1px solid grey; background-color: white; }
#map2m { width: 640px; height: 400px; border: 1px solid grey; background-color: white; }


.statebutton1 { display:inline-block; width: 140px; padding:4px; border-radius: 10px; cursor: pointer;
		background-color: white; box-shadow: inset 0 0 12px 4px rgba(0, 0, 0, 0.7); }
.statebutton2 { display:inline-block; width: 140px; padding:4px; border-radius: 10px; cursor: pointer;
		background-color: white; box-shadow: inset 0 0 12px 4px rgba(120, 120, 0, 0.8); }