/*		Dispensary (demo) - main.css - version 1.03 - 24 March 2025
		main css file - 21 May 2022
		typebut - 22 April 2024
		new navbots - 21 May 2024
		new colours for herb drop-downs - 24 March 2025
*/

html     { HEIGHT: 100vh; OVERFLOW: hidden; }
body     { HEIGHT: 100vh; max-height: 100vh; OVERFLOW: hidden; font: 16px arial, sans-serif; margin:0px; cursor:default;
	-webkit-user-select:none; -moz-user-select:none; }
a        { color: #333; text-decoration: none; }
a:hover  { background-color: #DEF; font-weight: bold; }
h1       { font-size: 18px; font-weight: bold; color: #0F71B4; text-align: left; }
h2       { font-size: 24px; font-weight: bold; color: #0F71B4; text-align: left; }
h3       { font-weight: bold; color: #0F71B4; text-align: center; }
hr       { padding: 0px; height: 1px; }
.tab li  { padding-bottom: 16px; }	
p        { padding:0px; color:#444; }

.dcellg		{ width:350px; background-color:#CFC; padding-left:20px; border:1px solid #000;
 cursor:pointer; color:#000; }
.dcellg:hover	{ background-color:#8C8; }

.dcelly		{ width:350px; background-color:#FFC; padding-left:20px; border:1px solid #000;
 cursor:pointer; color:#000; }
.dcelly:hover	{ background-color:#CC8; }

.stockbox	{ position:absolute; bottom:20px; left:0; z-index:1000; display:none; border:1px solid #aaaaaa;
 background-color: #fff; padding:5px; float:left; width:470px; max-height:400px; overflow:auto; }

.stockboxd	{ position:absolute; top:20px; left:0; z-index:1000; display:none; border:1px solid #aaaaaa;
 background-color: #fff; padding:5px; float:left; width:470px; max-height:400px; overflow:auto; }

.stindata		{ position:relative; float:left; text-align:left; cursor:pointer; font-size:16px; padding-left:10px;
 border:1px solid #666; background-color:#FFF; height:19px; margin-left:15px; width:370px; }
.stindata:hover	{ background-color:#CCCC99; }

.stindatab		{ position:relative; float:left; text-align:left; cursor:pointer; font-size:16px; padding-left:10px;
 border:1px solid #666; background-color:#FFF; height:19px; margin-left:15px; width:370px; }
.stindatab:hover	{ background-color:#CCCCFF; }

/*
.stl_gold	{ float:left; font-size:16px; width:440px; color:#A80; cursor: pointer; padding:2px; }
.stl_gold:hover	{ background-color:#C80; color:#FFF; }

.stl_green	{ float:left; font-size:16px; width:440px; color:#380; cursor: pointer; padding:2px; }
.stl_green:hover	{ background-color:#669933; color:#FFF; }
*/

.stl_gold	{ float:left; font-size:16px; width:440px; color:#666699; cursor: pointer; padding:2px; }
.stl_gold:hover	{ background-color:#9999CC; color:#FFF; }

.stl_red	{ float:left; font-size:16px; width:440px; color:#990000; cursor: pointer; padding:2px; }
.stl_red:hover	{ background-color:#CC6666; color:#FFF; }

.stl_green	{ float:left; font-size:16px; width:440px; color:#666600; cursor: pointer; padding:2px; }
.stl_green:hover	{ background-color:#999966; color:#FFF; }

.stl_black	{ float:left; font-size:16px; width:440px; color:#000; cursor: pointer; padding:2px; }
.stl_black:hover	{ background-color:#888; color:#FFF; }

.stls_cyan	{ float:left; font-size:16px; width:440px; color:#FFF; background-color:#088; padding:2px; }
.stls_blue	{ float:left; font-size:16px; width:440px; color:#FFF; background-color:#008; padding:2px; }
.stls_green	{ float:left; font-size:16px; width:440px; color:#FFF; background-color:#080; padding:2px; }
.stls_black	{ float:left; font-size:16px; width:440px; color:#FFF; background-color:#888; padding:2px; }


.pbut		{ float:left; font-size:20px; color:#333; background-color:#FFF;
              border:1px solid #ccc; border-radius:6px;
              padding:5px 10px; cursor:pointer; margin:0 0 12px 12px; }
.pbut:hover	{ color: #333; background-color: #CCCC99; }
.pbutno		{ float:left; font-size:20px; color:#CCC; background-color:#FFF;
              border:1px solid #ccc; border-radius:6px;
              padding:5px 10px; cursor:default; margin:0 0 12px 12px; }

.navbotb	{ position:fixed; bottom:0px; padding:5px 20px; background-color:#666699; width:100%;
	border:1px solid #aaaaaa;  margin:0; min-height:34px; }
.navbotg	{ position:fixed; bottom:0px; padding:5px 20px; background-color:#666600; width:100%;
	border:1px solid #aaaaaa;  margin:0; min-height:34px; }
.navbotr	{ position:fixed; bottom:0px; padding:5px 20px; background-color:#CC6666; width:100%;	
	border:1px solid #aaaaaa;  margin:0; min-height:34px; }
.navbote	{ position:fixed; bottom:0px; padding:5px 20px; background-color:#8C8E7E; width:100%;
	border:1px solid #aaaaaa;  margin:0; min-height:34px; }
.navbot		{ position:fixed; bottom:0px; padding:5px 20px; background-color:#666600; width:100%;
	border:1px solid #aaaaaa;  margin:0; min-height:34px; }

.typebut	{ float:left; font-size:20px; font-weight:normal; color:#333; background-color:#FFF;
                text-align:center; border:1px solid #ccc; border-radius:6px;
                padding:0 5px; cursor:pointer; margin:10px 5px; }
.typebut:hover	{ color: #333; background-color: #CCCCFF; }
.typebuts	{ float:left; font-size:20px; font-weight:normal; color:#333; background-color:#CCCCFF;
                text-align:center; border:1px solid #ccc; border-radius:6px;
                padding:0 5px; cursor:default; margin:10px 5px; }

.typebutg	{ float:left; font-size:20px; font-weight:normal; color:#333; background-color:#FFF;
                text-align:center; border:1px solid #ccc; border-radius:6px;
                padding:0 5px; cursor:pointer; margin:10px 5px; }
.typebutg:hover	{ color: #333; background-color: #CCCC99; }
.typebutgs	{ float:left; font-size:20px; font-weight:normal; color:#333; background-color:#CCCC99;
                text-align:center; border:1px solid #ccc; border-radius:6px;
                padding:0 5px; cursor:default; margin:10px 5px; }

.typebutr	{ float:left; font-size:20px; font-weight:normal; color:#333; background-color:#FFF;
                text-align:center; border:1px solid #ccc; border-radius:6px;
                padding:0 5px; cursor:pointer; margin:10px 5px; }
.typebutr:hover	{ color: #333; background-color: #FFCCCC; }
.typebutrs	{ float:left; font-size:20px; font-weight:normal; color:#333; background-color:#FFCCCC;
                text-align:center; border:1px solid #ccc; border-radius:6px;
                padding:0 5px; cursor:default; margin:10px 5px; }


.ilink		{ cursor: pointer; font-size: 18px; color:#666699; font-weight:bold; }
.ilink:hover	{ background-color: #CCCCFF; }

.blackscr	{ clear:both; color:#ccc; background-color:#000; width:100%; height:800px; cursor:default; }
.dbap		{ width:150px; height:210px; padding:0 10px; overflow:auto; }
.dbae		{ cursor:pointer; color:#ddd; width:120px; font-size:20px; background-color:#444; padding:0 10px; }
.dbae:hover	{ background-color:#888; }
.dbat		{ color:#ddd; padding:20px 0 10px 20px; font-size:20px; }


.listbox	{ float:left; border:1px solid #aaaaaa; border-radius:10px; margin:5px 10px; width:95%; background-color:#FFD; }
.listboxr	{ float:left; border:1px solid #aaaaaa; border-radius:10px; margin:5px 20px;
			width:740px; background-color:#FEE; }
.listboxb	{ float:left; border:1px solid #aaaaaa; border-radius:10px; margin:5px 10px; width:95%; background-color:#EEF; }
.listline	{ color:#666600; padding:2px 20px; cursor:pointer; height:27px; border-radius:10px; }
.listline:hover	{ background-color:#CCCC99; }
.listlineb	{ color:#666699; padding:2px 20px; cursor:pointer; height:27px; border-radius:10px; }
.listlineb:hover { background-color:#CCCCFF; }
.listliner	{ color:#990000; padding:2px 20px; cursor:pointer; height:27px; border-radius:10px; }
.listliner:hover { background-color:#FFCCCC; }
.listlinest	{ color:#666600; padding:2px 20px; height:27px; border-radius:10px; }
.listname	{ float:left; font-size:18px; font-weight:bold; }
.listexpand	{ float:right; font-size:24px; scale:2 1; }
.listicon	{ float:left; width:100px; padding-top:4px; }
.listprob	{ float:right; font-size:20px; color:#F00; margin-right:50px; }
.gexp		{ float:left; color:#CC6666; padding-right:20px; cursor:pointer; }
.gexp:hover	{ background-color: #FFCCCC; }

/*
.tillo		{ float:left; width:157px; height:71px; line-height:60px; background-color:#b50; margin:4px; text-align:center; vertical-align: middle; overflow:hidden; cursor:pointer; }
.tillo:hover	{ background-color: #d70; }

.tillb		{ float:left; width:157px; height:71px; line-height:60px; background-color:#058; margin:4px; text-align:center; vertical-align: middle; overflow:hidden; cursor:pointer; }
.tillb:hover	{ background-color: #28c; }

.tillg		{ float:left; width:157px; height:71px; line-height:60px; background-color:#082; margin:4px; text-align:center; vertical-align: middle; overflow:hidden; cursor:pointer; }
.tillg:hover	{ background-color: #2a4; }
*/

.tillo		{ float:left; width:157px; height:71px; line-height:60px; background-color:#990000; margin:4px; text-align:center; vertical-align: middle; overflow:hidden; cursor:pointer; }
.tillo:hover	{ background-color: #CC6666; }

.tillb		{ float:left; width:157px; height:71px; line-height:60px; background-color:#666699; margin:4px; text-align:center; vertical-align: middle; overflow:hidden; cursor:pointer; }
.tillb:hover	{ background-color: #9999CC; }

.tillg		{ float:left; width:157px; height:71px; line-height:60px; background-color:#666600; margin:4px; text-align:center; vertical-align: middle; overflow:hidden; cursor:pointer; }
.tillg:hover	{ background-color: #9C9966; }


.tillt		{ display:inline-block; padding:0 2px; vertical-align:middle; line-height: 18px; }

.tillp		{ float:left; width:100px; height:24px; padding:6px; margin:6px; text-align:center; 
		  background-color:#999; cursor:pointer; }
.tillp:hover	{ background-color:#bbb; }

.tillgrey	{ float:left; width:100px; height:24px; padding:6px; margin:6px; text-align:center; background-color:#555; }

.tillblue	{ float:left; width:100px; height:24px; padding:6px; margin:6px; text-align:center;
		  background-color:#058; cursor:pointer; }
.tillblue:hover	{ background-color: #28c; }




.qbox		{ text-align:right; cursor:pointer; font-size:18px; border:1px solid #aaaaaa; padding:2px 10px; 
		  margin-top:6px; margin-right:10px; float:left; width:60px; background-color:#fff; }
.qbox:hover	{ background-color:#cccc99; }

.qboxb		{ text-align:right; cursor:pointer; font-size:18px; border:1px solid #aaaaaa; padding:2px 10px; 
		  margin-top:6px; margin-right:10px; float:left; width:100px; background-color:#fff; }
.qboxb:hover	{ background-color:#ccccff; }

.qboxbb		{ text-align:right; cursor:pointer; font-size:20px; border:1px solid #aaaaaa;
		padding:2px 0; width:100px; background-color:#fff; }
.qboxbb:hover	{ background-color:#ccccff; }

.qboxr		{ text-align:right; cursor:pointer; font-size:18px; border:1px solid #aaaaaa;
		padding:2px 10px; margin-top:6px; margin-right:10px; float:left; width:100px;
		background-color:#fff; }
.qboxr:hover	{ background-color:#ffcccc; }


.valstar	{ float:left; position:relative; top:-6px; left:8px; color:#f00; font-size:40px; height:20px; }

.popupbox	{ position:fixed; top:0; left:0; display:none; z-index:2; width:100%; height:100%;
		  background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.5); }
.popin		{ margin:120px auto; padding:0 2px; color:#ccc; background-color:#000; width:500px; height:180px; }
.poppanel	{ float:left; width:480px; height:40px; padding:6px 10px; background-color:#333; margin-top:2px; }
.poptitle	{ float:left; width:460px; font-size:30px; padding-left:18px; }
.poptext	{ float:left; width:460px; margin:6px 10px; }
.popinp		{ background-color:#000; padding:10px; color:#fff; font-size:20px; width:300px; }
.popescb	{ float:left; width:200px; background-color:#b50; text-align:center; margin-left:12px;
		  height:30px; padding-top:10px; cursor:pointer; font-size:18px; }
.popescb:hover	{ background-color: #d70; }
.popredb	{ float:left; width:200px; background-color:#a10; text-align:center; margin-left:12px;
		  height:30px; padding-top:10px; cursor:pointer; font-size:18px; }
.popredb:hover	{ background-color: #e30; }
.popgreyb	{ float:left; width:200px; background-color:#555; text-align:center; margin-left:12px;
		  height:30px; padding-top:10px; cursor:default; font-size:18px; }
.popokb		{ float:left; width:200px; background-color:#082; text-align:center; margin-left:12px;
		  height:30px; padding-top:10px; cursor:pointer; font-size:18px; }
.popokb:hover	{ background-color: #2A4; }
.popval		{ float:left; color:#fff; width:120px; padding-top:2px; text-align:right; font-size:24px; }
.popnump	{ float:left; width:60px; background-color:#058; font-size:24px; margin-left:8px;
		  height:30px; padding-top:6px; text-align:center; margin-top:6px; cursor:pointer; }
.popnump:hover	{ background-color: #28C; }
.popoptp	{ float:left; width:60px; background-color:#058; font-size:18px; margin-left:8px;
		  height:30px; padding-top:6px; text-align:center; margin-top:6px; cursor:pointer; }
.popoptp:hover	{ background-color: #28C; }
.popclear	{ float:left; width:60px; background-color:#b50; font-size:18px; margin-left:8px;
		  height:30px; padding-top:6px; text-align:center; margin-top:6px; cursor:pointer; }
.popclear:hover	{ background-color: #d70; }

.pipin		{ margin:200px auto; padding:0 2px; background-color:#ffd; width:420px; height:256px;
 		 border:1px solid #000; border-radius: 10px; }
.pippanel	{ float:left; width:480px; height:40px; padding:6px 10px; background-color:#fff; margin-top:2px; }
.piptitle	{ float:left; width:380px; font-size:24px; padding:8px 18px; color:#666600; height:50px; }
.piptitleb	{ float:left; width:380px; font-size:24px; padding:8px 18px; color:#666699; height:50px; }
.piptext	{ float:left; width:460px; margin:6px 20px; color:#000; }
.pipinp		{ padding:10px; color:#000; font-size:20px; width:334px; cursor:pointer; }
.pipgreyb	{ float:left; width:200px; background-color:#555; text-align:center; margin-left:12px;
		  height:40px; padding-top:10px; cursor:default; font-size:24px; }

.pipinpd	{ padding:10px; color:#000; font-size:20px; width:405px; cursor:pointer; border:4px solid #ccc; }
.pipinpd:hover	{ background-color: #ccccff; }

.pipinpg	{ padding:10px; color:#000; font-size:20px; width:400px; cursor:pointer; }
.pipinpg:hover	{ background-color: #cccc99; }

.pipinpr	{ padding:10px; color:#000; font-size:20px; width:400px; cursor:pointer; }
.pipinpr:hover	{ background-color: #ffcccc; }

.pipb		{ float:left; width:120px; background-color:#fff; text-align:center; margin:3px 10px; border-radius: 6px;
		  height:30px; padding-top:6px; cursor:pointer; font-size:24px; border:1px solid #aaaaaa; }
.pipb:hover	{ background-color: #cccc99; }
.pipbd		{ float:left; width:120px; background-color:#fff; text-align:center; margin:3px 10px; border-radius: 6px; color:#aaaaaa;
		  height:30px; padding-top:6px; cursor:default; font-size:24px; border:1px solid #aaaaaa; }

.pipbb		{ float:left; width:120px; background-color:#fff; text-align:center; margin:3px 10px; border-radius: 6px;
		  height:30px; padding-top:6px; cursor:pointer; font-size:24px; border:1px solid #aaaaaa; }
.pipbb:hover	{ background-color: #ccccff; }

.pipbr		{ float:left; width:120px; background-color:#fff; text-align:center; margin:3px 10px; border-radius: 6px;
		  height:30px; padding-top:6px; cursor:pointer; font-size:24px; border:1px solid #aaaaaa; }
.pipbr:hover	{ background-color: #ffcccc; }

.pipval		{ float:left; color:#666600; width:120px; padding-top:2px; text-align:right; font-size:24px; font-weight:bold; }
.pipvalb	{ float:left; color:#666699; width:150px; height:64px; font-size:24px; font-weight:bold;
		  padding-left:12px; }

.pipvalbl	{ float:left; color:#666699; width:150px; padding:2px 10px; margin:5px 10px; height:34px; text-align:right; font-size:24px; font-weight:bold; border:1px solid #aaa; border-radius:10px; padding:2px 10px; }

.pipvalg	{ float:left; color:#666600; width:150px; padding:2px 10px; margin:5px 10px; height:34px; text-align:right; font-size:24px; font-weight:bold; border:1px solid #aaa; border-radius:10px; padding:2px 10px; }

.pipnump	{ float:left; width:60px; background-color:#fff; font-size:24px; margin-left:8px; color:#000;
		  height:30px; padding-top:6px; text-align:center; margin-top:6px; cursor:pointer;
		  border:1px solid #aaaaaa; border-radius: 6px; }
.pipnump:hover	{ background-color: #cccc99; }
.pipnumpb	{ float:left; width:60px; background-color:#fff; font-size:24px; margin-left:8px; color:#000;
		  height:30px; padding-top:6px; text-align:center; margin-top:6px; cursor:pointer;
		  border:1px solid #aaaaaa; border-radius: 6px; }
.pipnumpb:hover	{ background-color: #ccccff; }
.pipnumpr	{ float:left; width:60px; background-color:#fff; font-size:24px; margin-left:8px; color:#000;
		  height:30px; padding-top:6px; text-align:center; margin-top:6px; cursor:pointer;
		  border:1px solid #aaaaaa; border-radius: 6px; }
.pipnumpr:hover	{ background-color: #ffcccc; }
.pipclear	{ float:left; width:60px; background-color:#b50; font-size:18px; margin-left:8px;
		  height:30px; padding-top:6px; text-align:center; margin-top:6px; cursor:pointer; }
.pipclear:hover	{ background-color: #d70; }


.padtext	{ float:left; width:180px; margin:7px 20px; color:#000; font-size:24px; }
.padinb		{ margin:200px auto; padding:0 2px; background-color:#eef; width:400px; height:236px;
 		 border:1px solid #000; border-radius: 10px; }
.padtitleb	{ float:left; width:380px; font-size:30px; padding:8px 18px; color:#666699; height:30px;
		   font-weight:bold; overflow:hidden; }
.padvalb	{ float:left; color:#666699; width:140px; height:32px; margin:6px 10px; text-align:right;
		  font-size:24px; font-weight:bold; border:1px solid #aaa; border-radius:10px; 
		  padding:2px 10px; }
.padlvalb	{ float:left; color:#666699; width:140px; height:60px; margin:0 12px 6px 12px;
		  text-align:left; font-size:24px; font-weight:bold; border:1px solid #aaa;
		  border-radius:10px; padding:2px 10px; }
	
.fpick		{ border:2px solid #fff; border-radius:10px; padding:8px; color:#666600; font-weight:bold;
		   cursor:pointer; }
.fpick:hover	{ background-color: #CCCC99; }

.fyes		{ float:left; padding:8px; width:240px; border:2px solid #f80; border-radius: 10px;
		  color: #666600; font-weight: bold; cursor:pointer; margin-left:20px; margin-top:10px; }
.fyes:hover	{ background-color: #CCCC99; }

.fdata		{ float:left; text-align: left; cursor: pointer; font-size: 16px; }
.fdata:hover	{ background-color: #CCCC99; }

.clinicbox	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin: 10px auto; width:500px; cursor:pointer; font-size:20px; color:#444; }
.clinicbox:hover { background-color: #CCCC99; }



.shedstaff	{ width:150px; padding-left:10px; cursor:pointer; }
.shedstaff:hover { background-color: #DFC; }
.slider		{ float:left; width:400px; }
.logbox		{ clear:left; border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:10px; width: 95%; }
.kidbox0	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px; cursor:pointer; }
.kidbox0:hover	{ background-color: #CCCC99; }	
.kidbox		{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin:5px; width: 95%; margin:0 auto; margin-bottom: 10px; cursor:pointer; }
.kidbox:hover	{ background-color: #CCCC99; }


.kidbox1	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 70%; cursor:pointer; clear:left; float:left; }
.kidbox1:hover	{ background-color: #CCCC99; }

.kb1blue	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 70%; cursor:pointer; clear:left; float:left; }
.kb1blue:hover	{ background-color: #CCCCFF; }




.kidbox1no	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 70%; clear:left; float:left; }

.kidbox2	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 15%; cursor:pointer; float:left; }
.kidbox2:hover	{ background-color: #DFC; }


.kidbox3	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:20px; cursor:pointer; float:left; }
.kidbox3:hover	{ background-color: #CCCC99; }

.kidbox3no	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:20px; float:left; }


.kb3red		{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:20px; cursor:pointer; float:left; }
.kb3red:hover	{ background-color: #FFCCCC; }

.kb3blue	{ border:1px solid #aaaaaa; border-radius: 10px; background-color:#fff; padding:5px;
		  margin-top:10px; margin-left:20px; cursor:pointer; float:left; }
.kb3blue:hover	{ background-color: #CCCCFF; }

.kbbblue	{ border:1px solid #aaaaaa; border-radius: 10px; background-color:#EEF; padding:5px;
		  margin-top:10px; margin-left:10px; cursor:pointer; float:left; }
.kbbblue:hover	{ background-color: #CCCCFF; }

.kb3yellow	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:20px; cursor:pointer; float:left; }
.kb3yellow:hover { background-color: #FFE3A6; }

.kb3grey	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:20px; cursor:pointer; float:left; }
.kb3grey:hover	{ background-color: #B2B8AD; }

.kb3no		{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:10px; cursor:default; float:left; }



.kidbox4	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-top:10px; margin-left:20px; cursor:pointer; float:left; }
.kidbox4:hover	{ background-color: #DFC; }

.kidbox5	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; cursor:pointer; float:left; }
.kidbox5:hover	{ background-color: #CCCC99; }

.kb5blue	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; cursor:pointer; float:left; }
.kb5blue:hover	{ background-color: #CCCCFF; }

.kb5red		{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; cursor:pointer; float:left; }
.kb5red:hover	{ background-color: #FFCCCC; }

.helpbox	{ margin:0px 20px; display:none; border:1px solid #aaa; border-radius:5px; padding:5px; cursor:pointer; color: #444444; }


.sortbut	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #666600; width:100px; font-size:18px; }
.sortbut:hover	{ background-color: #CCCC99; }
.sortbutx	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #9C9966;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #FFFFFF; width:100px; font-size:18px; }
.sortbutx:hover	{ background-color: #CCCC99; }

.sortred	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #CC6666; width:100px; font-size:18px; }
.sortred:hover	{ background-color: #FFCCCC; }
.sortredx	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #FF9999;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #FFFFFF; width:100px; font-size:18px; }
.sortredx:hover	{ background-color: #FFCCCC; }

.sortblue	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #666699; width:100px; font-size:18px; }
.sortblue:hover	{ background-color: #CCCCFF; }
.sortbluex	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #9999CC;
		  margin:10px 0; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #FFFFFF; width:100px; font-size:18px; }
.sortbluex:hover { background-color: #CCCCFF; }

.sortyellow	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #CC9966; width:100px; font-size:18px; }
.sortyellow:hover { background-color: #FFE3A6; }
.sortyellowx	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #FFCC66;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #FFFFFF; width:100px; font-size:18px; }
.sortyellowx:hover { background-color: #FFE3A6; }

.sortgrey	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #8C8E7E; width:100px; font-size:18px; }
.sortgrey:hover { background-color: #FFFFFF; }
.sortgreyx	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #B2B8AD;
		  margin-top:10px; margin-right:10px; cursor:pointer; float:left; padding-left:5px;
		  font-weight: bold; color: #FFFFFF; width:100px; font-size:18px; }
.sortgreyx:hover { background-color: #FFFFFF; }


.batchon	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 100px; float:left; height:36px; }

.batchoff	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 100px; cursor:pointer; float:left; height:36px; }
.batchoff:hover	{ background-color: #CCCC99; }

.batchoffb	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 100px; cursor:pointer; float:left; height:36px; }
.batchoffb:hover { background-color: #CCCCFF; }


.batchno	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  margin-left:20px; margin-top:10px; width: 100px; float:left; height:36px; }


.tickbox	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-left:20px; width: 72px; cursor:pointer; height:30px; }
.tickbox:hover	{ background-color: #CCCC99; }

.greybox	{ border:1px solid #CCC; border-radius: 10px; background-color: #FFD;
		  margin-left:20px; width: 72px; cursor:default; height:30px; }


.bybox		{ float:left; border:1px solid #aaaaaa; border-radius: 8px; background-color: #fff;
		  margin:6px 18px; width: 30px; cursor:default; height:26px; }
.bnbox		{ float:left; border:1px solid #aaaaaa; border-radius: 8px; background-color: #fff;
		  margin:6px 18px; width: 30px; cursor:pointer; height:26px; }
.bnbox:hover	{ background-color: #CCCC99; }
.bnboxb		{ float:left; border:1px solid #aaaaaa; border-radius: 8px; background-color: #fff;
		  margin:6px 18px; width: 30px; cursor:pointer; height:26px; }
.bnboxb:hover	{ background-color: #CCCCFF; }


.tickblue	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  margin-left:20px; width: 72px; cursor:pointer; height:30px; }
.tickblue:hover	{ background-color: #CCCCFF; }

.tickherb	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  width: 72px; cursor:pointer; margin:10px 0 0 20px; height:27px; }
.tickherb:hover	{ background-color: #CCCCFF; }

.ordb		{ padding-right:12px; width: 120px; float:left; }   			
.ordbn		{ padding-right:40px; width: 100px; float:left; text-align:right; }   			
.ordbm		{ padding-right:12px; width: 140px; float:left; }   			
.ordbl		{ padding-right:12px; width: 240px; float:left; }
.ordr		{ padding-right:12px; width: 120px; float:left; color:#F22; }
.ordrb		{ padding-right:12px; width: 120px; float:left; color:#F00; font-weight: bold; }
.ordh		{ padding-right:12px; width: 120px; float:left; color:#072; font-weight: bold; }
.orda		{ padding-right:12px; width: 87px; float:left; color:#072; font-weight: bold; }
.ordsep		{ height:1px; background-color:#072; margin-left:40px; width:800px; }
.ordx		{ padding-right:12px; width: 120px; float:left; color:#00F; }   			
.ordxn		{ padding-right:40px; width: 100px; float:left; color:#00F; text-align:right; }   						

.butlab		{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
 padding-left:20px; width:72px; color: #666600; margin-left:20px; cursor:pointer; float:left;
 font-weight: bold; height:22px; }
.butlab:hover	{ background-color: #CCCC99; }
.butlabb	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
 padding-left:20px; width:72px; color: #666699; margin-left:20px; cursor:pointer; float:left;
 font-weight: bold; height:22px; }
.butlabb:hover	{ background-color: #CCCCFF; }

.dropdown       { padding-left:20px; cursor:pointer; float:left; margin:12px; font-size: 16px; }

.bighead	{ font-size: 30px; font-weight: bold; color: #666600; border-style: none; padding-left: 20px; }
.midhead	{ font-size: 18px; font-weight: bold; color: #666600; padding-left: 20px; }
.redhead	{ font-size: 18px; font-weight: bold; color: #F00; border-style: none; padding-left: 20px; }
.note 		{ font-size: 18px; font-weight: bold; color: #666600; text-align: center; }

.btitle		{ padding-left:20px; text-align:right; padding-right:12px; color: #666600; font-weight: bold; }
.rtitle		{ padding-left:20px; text-align:right; padding-right:12px; color: #CC6666; font-weight: bold; }
.bltitle	{ padding:0 12px 0 20px; text-align:right; color: #666699; font-weight: bold; }
.ytitle		{ padding-left:20px; text-align:right; padding-right:12px; color: #CC9966; font-weight: bold; }
.gtitle		{ padding-left:20px; text-align:right; padding-right:12px; color: #8C8E7E; font-weight: bold; }

.ktitle		{ padding-left:20px; padding-right:12px; color: #666600; font-weight: bold; width: 250px; float:left;
			 white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.ktdate		{ padding-left:20px; padding-right:12px; color: #072; font-weight: bold; width: 100px; float:left; }
.kdetail	{ padding-right:12px; width: 180px; float:left; }
.k240		{ padding-right:12px; width: 240px; float:left; }
.kstuff		{ padding-right:12px; width: 50%; float:left; }
.kqty		{ padding-right:12px; width: 50px; float:left; text-align:right; }
.kmoney		{ padding-right:12px; width: 80px; float:left; text-align:right; }

.htitle		{ padding-left:50px; padding-right:12px; color: #666600; font-weight: bold; width: 250px; float:left; }
.hqty		{ padding-right:12px; width: 50px; float:left; text-align:right; color: #666600; font-weight: bold; }
.hmoney		{ padding-right:12px; width: 80px; float:left; text-align:right; color: #666600; font-weight: bold; }

.dist		{ padding-right:12px; color: #072; font-weight: bold; width: 140px; text-align:right; }
.fd2		{ clear:left; height: calc(100vh - 190px); overflow:auto; padding:10px; margin-top:0px; }
.fd3		{ height: calc(100vh - 300px); overflow:auto; padding:10px; margin-top:0px; }
.fd3w		{ clear:left; width:96%; height: calc(100vh - 250px); overflow:auto; padding:10px; margin-top:0px; }
.fdh		{ padding-left:30px; margin-top:0px; background-color:#fff; }
.fdhw		{ clear:left; width:96%; padding:10px; margin-top:0px; }

.indata		{ text-align: left; cursor: pointer; font-size: 16px; }
.indata:hover	{ background-color: #CCCC99; }
.greendata	{ text-align: left; cursor: pointer; font-size: 16px; }
.greendata:hover { background-color: #CCCC99; }
.reddata	{ text-align: left; cursor: pointer; font-size: 16px; }
.reddata:hover	{ background-color: #FFCCCC; }
.bluedata	{ text-align: left; cursor: pointer; font-size: 16px; }
.bluedata:hover	{ background-color: #CCCCFF; }
.bluedatar	{ text-align: right; cursor: pointer; font-size: 16px; margin-left:20px; }
.bluedatar:hover { background-color: #CCCCFF; }
.bluedatarx	{ text-align: right; cursor: pointer; font-size: 16px; margin-left:20px; width:100px; }
.bluedatarx:hover { background-color: #CCCCFF; height:30px; font-size:20px; font-weight: bold; }
.yellowdata	{ text-align: left; cursor: pointer; font-size: 16px; }
.yellowdata:hover { background-color: #FFE3A6; }
.greydata	{ text-align: left; cursor: pointer; font-size: 16px; }
.greydata:hover	{ background-color: #FFFFFF; }


.tindata	{ border:1px solid #CCC; cursor: pointer; font-size: 16px; box-shadow: inset 1px 1px #CCC; }
.tindata:hover	{ background-color: #CCCCFF; box-shadow: inset 2px 2px #AAA; }	


.intext		{ text-align: left; cursor: pointer; width:100%; }
.statdata	{ text-align: left; }


.nav_bottom	{ position:fixed; bottom:0px; padding:10px; background-color:#fff; width:100%; }


.treebut	{ float:left; clear:left; border:1px solid #ccc; font-size: 20px; font-weight: bold;
		 text-align: center; width:50px; margin-right:10px; cursor: pointer; height:25px; }
.treebut:hover	{ background-color: #CCCC99; }

.treebutb	{ float:left; clear:left; border:1px solid #ccc; font-size: 20px; font-weight: bold;
		 text-align: center; width:50px; margin-right:10px; cursor: pointer; height:25px; }
.treebutb:hover	{ background-color: #CCCCFF; }


.treebt		{ float:left; clear:left; width:52px; height:25px; margin-right:10px; }

.treetext	{ float:left; font-size: 16px; height:25px; width:320px; }
.treetext:hover	{ background-color: #CCCC99; }

.treetextb	{ float:left; font-size: 16px; height:25px; width:320px; }
.treetextb:hover	{ background-color: #CCCCFF; }


.treetexti	{ float:left; font-size: 16px; height:25px; width:320px; color: #072; }


.catbts		{ float:left; border:1px solid #aaaaaa; border-radius: 10px; font-size: 20px; padding-top:5px;
		 font-weight: bold; text-align: center; width:60px; margin:5px; cursor: pointer; height:25px; }
.catbts:hover	{ background-color: #CCCC99; }

.catbt		{ float:left; width:62px; height:25px; margin:5px; }

.cattext	{ float:left; font-size: 16px; height:25px; width:320px; cursor: pointer;
		 border:1px solid #aaaaaa; border-radius: 10px; margin:5px; padding-top:5px; padding-left:10px; }
.cattext:hover	{ background-color: #CCCC99; }


.actionbut      { font-size: 20px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; border-radius:6px;
                padding: 5px; cursor: pointer; margin:5px; max-width: 400px; }
.actionbut:hover { color: #333; background-color: #CCCC99; }

.actionred      { font-size: 20px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; border-radius:6px;
                padding: 5px; cursor: pointer; margin-right:20px; max-width: 400px; }
.actionred:hover { color: #333; background-color: #FFCCCC; }

.actionblue     { font-size: 20px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; border-radius:6px;
                padding:5px 10px; cursor: pointer; margin-right:10px; max-width: 400px; }
.actionblue:hover { color: #333; background-color: #CCCCFF; }

.actionyellow   { font-size: 20px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; border-radius:6px;
                padding: 5px; cursor: pointer; margin-right:20px; max-width: 400px; }
.actionyellow:hover { color: #333; background-color: #FFE3A6; }

.actiongrey      { font-size: 20px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; border-radius:6px;
                padding: 5px; cursor: pointer; margin-right:20px; max-width: 400px; }
.actiongrey:hover { color: #333; background-color: #FFFFFF; }


.noactionbut	{ font-size:20px; font-weight:normal; color:#CCC; background-color:#FFF;
                text-align:center; border:1px solid #ccc; border-radius:6px;
                padding:5px; cursor:default; margin:0; }


.actiondiv      { font-size: 18px; font-weight: bold; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none; float:left;
                padding: 5px; cursor: pointer; margin:0; width:100px; }
.actiondiv:hover { color: #333; background-color: #CCCC99; }

.adivred        { font-size: 18px; font-weight: bold; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none; float:left;
                padding: 5px; cursor: pointer; margin:0; width:100px; }
.adivred:hover  { color: #333; background-color: #FFCCCC; }

.adivblue       { font-size: 18px; font-weight: bold; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none; float:left;
                padding: 5px; cursor: pointer; margin:0; width:100px; }
.adivblue:hover { color: #333; background-color: #CCCCFF; }

.adivyellow     { font-size: 18px; font-weight: bold; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none; float:left;
                padding: 5px; cursor: pointer; margin:0; width:100px; }
.adivyellow:hover { color: #333; background-color: #FFE3A6; }

.adivgrey       { font-size: 18px; font-weight: bold; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none; float:left;
                padding: 5px; cursor: pointer; margin:0; width:100px; }
.adivgrey:hover { color: #333; background-color: #FFFFFF; }


.catbox		{ display:none; border:1px solid #aaaaaa; background-color: #fff; padding:5px;
		  float:left; width:440px; max-height:400px; overflow:auto; }

.catbut		{ font-size: 20px; font-weight: bold; float:left; width:200px; border:1px solid #ccc;
		 cursor: pointer; text-align: center; margin:10px; height:50px; padding:10px; color:#072; }
.catbut:hover	{ background-color: #DFC; }

.catbutb	{ font-size: 20px; font-weight: bold; float:left; width:194px; border:4px solid #072;
		 cursor: pointer; text-align: center; margin:10px; height:44px; padding:10px; color:#072; }
.catbutb:hover	{ background-color: #DFC; }


.inp_block	{ width: 100%; clear: left; padding-top: 10px; }
.inp_title	{ font-size: 16px; font-weight: bold; color: #0F71B4; text-align: left; padding-left: 5%; width: 20%; float: left; }
.inp_data	{ text-align: left; padding-left: 10%; clear: left; }
.inp_small_data	{ text-align: left; padding-left: 10%; float: left; }
.inp_error	{ font-weight: bold; color: #ff0000; text-align: center; margin: 5px; }
.inp_ps		{ color: #333; }
.inp_warning	{ color: #080; }

#map-old	{ height: 300px; width:80%; max-width:750px; margin:0 auto; }
#map		{ height: 300px; max-width:750px; }
#label		{ width:400px; position:relative; }


.picbox		{ float:left; border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  cursor:pointer; margin:5px; padding:10px; }
.picbox:hover	{ background-color: #def; }


.topicbox1	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  cursor:pointer;  width: 100%; min-height:240px; margin:0 auto; margin-bottom: 10px; }
.topicbox1:hover	{ background-color: #def; }



.topicbox	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff;
		  cursor:pointer;  width: 100%; min-height:240px; margin:0 auto; margin-bottom: 10px; }
.topicbox:hover	{ background-color: #def; }




.fd1		{ width:100%; height: calc(100vh - 100px); overflow:hidden; background-color: #eefaff; }
.fd2x		{ clear:left; max-width:1200px; margin:0 auto; height: calc(100vh - 300px); overflow:auto; padding:10px; margin-top:0px; }
.fd22		{ max-width:1200px; margin:0 auto; height: calc(100vh - 130px); overflow:auto; padding:10px; background-color:#fff; }

.shedbox	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  cursor:pointer; height:100px; overflow:hidden; margin:5px; width: 90%; margin:0 auto; margin-bottom: 10px; }
.shedbox:hover	{ background-color: #eefaff; }

.shedblock	{ border:1px solid #aaaaaa; border-radius: 10px; background-color: #fff; padding:5px;
		  height:100px; margin:5px; width: 90%; margin:0 auto; margin-bottom: 10px; }

.boxhead	{ font-size: 16px; font-weight: bold; color: #0F71B4; width:100%;
                text-align: left; border-style: none; left-margin:20px; }

.head24		{ font-size: 24px; font-weight: bold; color: #0F71B4; border-style: none; padding-left: 20px; }
.head24x		{ font-size: 24px; font-weight: bold; color: #0F71B4; border-style: none; }

.hsb		{ font-size: 16px; font-weight: bold; color: #0F71B4; }

.listbox2	{ height:100%; overflow-y:auto; max-width:770px; margin:0 auto;}

.ftitle		{ display:inline-block; width:30%; max-width:150px; text-align:right; padding-right:12px; color: #0F71B4; font-weight: bold; }
.dtitle		{ display:inline-block; width:100px; text-align:left;  padding-left: 20px; color: #0F71B4; font-weight: bold; }

.idata100	{ width:100px; font-size: 16px; color: #000; text-align: left; padding-left:15px; } 
.idata300	{ display:inline-block; width:300px; font-size: 16px; color: #000; text-align: right; padding-right:15px; } 

.fdata200	{ display:inline-block; width:200px; font-size: 16px; color: #444; text-align: right; padding-right:15px; } 
.fdata300	{ display:inline-block; width:282px; font-size: 16px; color: #000; text-align: right; padding-right:15px; } 

.sum1		{ border: 1px solid #bbb; border-radius: 10px; margin: 10px;
		 padding: 10px; height: 430px; width: 460px; overflow: hidden; }

.bigprice	{ text-align:left; font: 30px arial, sans-serif; color: #ff8800; padding-left:30px; }
.price		{ width:100%; text-align:right; font: 20px arial, sans-serif; color: #ff8800; padding-left:60px; }
.smallprice	{ text-align:left; font: 15px arial, sans-serif; color: #ff8800; padding-right:60px; }

.blurb		{ clear: left; color: #666; font-size: 18px; text-align: justify; }

.space		{ display:inline-block; width: 20px; }

.star		{ padding-left: 12px; }
.bigstar	{ width: 50px; padding: 20px;}

.wraptext	{ color: #444; font-size: 16px; text-align: justify; padding-left: 20px; padding-right: 20px; }
.wraptextx	{ color: #444; font-size: 16px; text-align: justify; }

.paybut		{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #f66721; text-align: center;
		 border-style: none; padding: 10px; cursor: pointer; margin-left: 20px; display:inline-block; }
.paybut:hover	{ color: #000000; background-color: #ffbb10; }

.hsbut		{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #0F71B4; text-align: center;
		 border-style: none; padding: 10px; cursor: pointer; margin-left: 20px; display:inline-block; width:120px; }
.hsbut:hover	{ color: #000000; background-color: #2FAADC; }

.docbut		{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #0F71B4; text-align: center;
		 border-style: none; padding: 10px; cursor: pointer; margin:20px;
		 display:inline-block; width:120px; float:left; }
.docbut:hover	{ color: #000000; background-color: #2FAADC; }

.editbut      { font-size: 18px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; -moz-user-select: none;
                padding: 5px; cursor: pointer; margin:0; max-width: 400px; float:left; }

.editbut:hover { color: #333; background-color: #DEF; font-weight: bold; }



.pg1		{ width:100%; height: calc(100vh - 60px); overflow:hidden; background-color: #eefaff; }
.pg1s		{ width:100%; height: calc(100vh - 90px); overflow:auto; background-color: #eefaff; border-top:1px solid #000; }

.pg2		{ max-width:1000px; margin: auto; height: calc(100vh - 240px); overflow:auto; padding:20px; background-color:#fff;
		 border:1px solid #aaaaaa; border-radius:10px; margin-top:20px; }

.pg3		{ float:left; width:50%; height: calc(100vh - 250px); overflow:auto; padding:20px; background-color:#fff;
		 border:1px solid #aaaaaa; border-radius:10px; margin-top:30px; margin-left:2%; }
.pg4		{ float:right; width:37%; height: calc(100vh - 250px); overflow:hidden; padding:20px; background-color:#fff;
		 border:1px solid #aaaaaa; border-radius:10px; margin-top:30px; margin-right:2%; }
.pg5		{ height: calc(100vh - 400px); overflow:auto; padding:20px; margin-top:30px; margin-right:2%; }
.pg6		{ height: 150px; overflow:auto; padding:0px; margin-top:0px; margin-right:2%; }


.hline		{ margin: 10px 10px; background-color: #ccc; height: 2px; width: 320px; }
.qaline		{ margin: 10px 10px; background-color: #ccc; height: 2px; width: 95%; }

.searchbut	{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #0F71B4;
                text-align: center; border-style: nonew; width:100px; padding: 10px; cursor: pointer; margin:0 }
.searchbut:hover { color: #000000; background-color: #2FAADC; }

.xbackbut	{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #0F71B4;
                text-align: center; border-style: none; padding: 10px; cursor: pointer; margin-left: 20px; }
.xbackbut:hover	{ color: #000000; background-color: #2FAADC; }

.backbut	{ font-size: 18px; font-weight: normal; color: #333; background-color: #FFF;
                text-align: center; border:1px solid #ccc; padding: 10px; cursor: pointer; margin-left: 20px; }
.backbut:hover	{ background-color: #DEF; font-weight: bold; }

.herbhead	{ font: 24px arial, sans-serif; color: #0F71B4; background-color:#eee; padding: 2px 5px; cursor:pointer; }
.medhead	{ font: 20px arial, sans-serif; color: #000; padding: 2px 10px; text-align: center; }

.Xlinkbut	{ font-size: 18px; font-weight: bold; color: #ffffff; background-color: #0F71B4; width:400px;
                text-align: left; border-style: none; padding: 10px; cursor: pointer; margin-left:20px; }
.Xlinkbut:hover	{ color: #000000; background-color: #2FAADC; }

.linkbut	{ font-size: 18px; font-weight: normal; color: #333; background-color: #FFF; width:400px;
                text-align: left; border:1px solid #ccc; padding: 10px; cursor: pointer; margin-left:20px; }
.linkbut:hover	{ color: #333; background-color: #DEF; font-weight: bold; }

.q1	{ font-size: 24px; font-weight: bold; color: #0F71B4; width:60px; text-align: center; }
.q2	{ font: 18px arial, sans-serif; color: #0F71B4; padding: 2px 5px; }

.protx2		{ border: 1px solid #bbb; border-radius: 10px; margin: 0px 10px 10px 0px;
		 padding: 10px; height: 240px; width: 460px; overflow: hidden; }

.protx3		{ border: 1px solid #bbb; border-radius: 10px; margin: 0px 10px 10px 0px;
		 padding: 10px; height: 240px; width: 460px; overflow: hidden; }



.page_text    { margin-left: auto; margin-right: auto; width: 90%; }
.page_text p  { margin-bottom: 16px; }

.tdata        { font-size: 16px; font-weight: bold; color: #0F71B4; text-align: right; padding-right:15px; } 
.tldata        { font-size: 16px; font-weight: bold; color: #0F71B4; text-align: left; padding-left:15px; } 

.OLDactionbut      { font-size: 16px; font-weight: bold; color: #fff; background-color: #0F71B4;
                text-align: center; border-style: none;
                padding: 5px; cursor: pointer; margin:0 }

.OLDactionbut:hover { color: #333; background-color: #2FAADC; }

.selactionbut	{ font-size: 18px; font-weight: normal; color: #333; background-color: #BCE;
                text-align: center; border:1px solid #ccc; -moz-user-select: none;
                padding: 5px; margin:0; max-width: 400px; }

.linkbut a     { font-size: 16px; font-weight: bold; color: #FFF; background-color: #0F71B4;
                text-align: center; border-style: solid; border-width: 1px; border-color: #000000;
                padding: 5px; cursor: pointer; }

.linkbut a:hover { color: #333; background-color: #2FAADC; }

.navpage      { font-size: 20px; font-weight: bold; color: #0F71B4; text-align: left; }
.page_text    { margin-left: auto; margin-right: auto; width: 85%; }
.page_text p  { margin-bottom: 16px; }
.nb           { font-size: 10px; position:relative; top: -8px; }
.img_right_c  { float: right; clear: both; margin-left: 16px; margin-bottom: 16px; }
.img_right    { float: right; margin-left: 16px; }
.img_left_c   { float: left; clear: both; margin-right: 16px; }
.img_left     { float: left; margin-right: 16px; }

.trade_table  { text-align: right; background-color: #ffffff;
                border-spacing: 10px 0px; width: 400px; margin: 0px; }
.trade_log    { font-size: 10px; }
.tb           { font-size: 10px; font-weight: normal; text-align: center;
                border-style: solid; border-width: 1px; border-color: #000000; cursor: pointer; }

.stock_table  { border-style: solid; border-width: 1px; border-color: black; }
.stock_cell   { border-style: solid solid none none; border-width: 1px; border-color: black; }
.logo         { padding-top: 15px; padding-left: 10px; }
.logo1        { padding-top: 7px; padding-left: 2px; }
.logo2        { vertical-align: bottom; }
.menupic      { width: 196px; padding-left: 30; border-width: 0; }
.menu_title   { padding-left: 30; }
.purple       { color: #880088; }
.basket       { border-width: 0; }
.nav          { background-color: #eeeeee; text-align: right; height: 30px; width: 580px; }
.navbut       { background-color: #eeeeee; color: #009900; cursor: pointer; padding-top: 6px; }

.itempic      { width: 500px; padding-left: 30; border-width: 0; }
.item_title   { font-size: 24px; font-weight: bold; color: #880088; text-align: left; }
.idot         { width: 10%; text-align: right; }


.title   { font-weight: bold; color: #0F71B4; text-align: right; margin: 5px; }
.error   { font-weight: bold; color: #ff0000; text-align: center; margin: 5px; }

.banner  { width: 100%; text-align: center; border-collapse: collapse; background-color: #eefaff; }
.lmpics  { MARGIN-TOP: 17px; text-align: center; border-width: 0; }
.ipic    { border-style: solid; border-width: 0; width: 160; height: 120; }
.spic    { font-weight: bold; width: 125; text-align: center; border-style: solid;
           border-width: 1; border-color: #000000; cursor: pointer; }

.page    { font-size: 20px; font-weight: bold; color: #0F71B4; text-align: center; }
.oknote  { font-size: 18px; font-weight: bold; color: #66aa99; text-align: center; }
.option  { font-weight: bold; color: #448844; width: 125; text-align: center;
           border-style: solid; border-width: 1px; border-color: #000000; cursor: pointer; }
.ab      { font-size: 16px; font-weight: normal; text-align: center; color:#fff;
           border-style: solid; border-width: 1px; border-color: #000000; cursor: pointer; }
.member  { font-size: 12px; text-align: center; color: #ffffff; }
.copy    { font-size: 8px; text-align: center; color: #448844; }
.browse1 { table-layout:fixed; margin: 0px; font-size: 12px; BORDER: 0px; WIDTH: 100%; }
.pagenav { TABLE-LAYOUT: fixed; LEFT: 0px; TOP: 26px; margin: 0px; font-size: 14px; font-weight: bold;
           BORDER: 0px; WIDTH: 100%; }
.pagenav:hover { color: #fff; }

.wrapper { OVERFLOW: auto; WIDTH: 100%; POSITION: relative; HEIGHT: 100%; }
.header  { LEFT: 0px; POSITION: fixed; TOP: 0px; WIDTH: 100%; z-index: 10; }
* HTML .header { POSITION: absolute; }

.footer  { max-width:900px; margin:0 auto; POSITION: fixed; BOTTOM: 0px; HEIGHT: 60px;  z-index: 10; }

.footerx  { LEFT: 0px; POSITION: fixed; BOTTOM: 0px; HEIGHT: 60px; WIDTH: 100%; z-index: 10; }
* HTML .footer { POSITION: absolute; }

.bigpic  { POSITION: fixed; TOP: 50px; LEFT: 20px; WIDTH: 300px; HEIGHT: 25px; }
* HTML .bigpic { POSITION: absolute; }

.report  { color: black; font-size: 12px; font-weight: normal; font-family: Helvetica, Arial, Verdana, sans-serif; }
.report_header { color: black; font-size: 15px; font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; }

.youtube { position: absolute; top: 0px; left: 0px; visibility: hidden; z-index: 2; }
.mark    { position: relative; }

.line    { BORDER-BOTTOM: #999999 1px solid }
DIV.box  { PADDING-RIGHT: 126px; MARGIN-BOTTOM: 19px; HEIGHT: 500px; OVERFLOW: auto; PADDING-TOP: 12px }