body	{margin: 0px;
		 padding: 0px;
		 overflow-y: scroll;
		 line-height: 150%;}

p	{text-indent: 25px;}

td	{vertical-align: top;
	 padding: 5px;}

a	{color: #EE6600;
	 text-decoration: underline;}

a:hover	{text-decoration: none;}

a:visited	{color: #BB4400;}

hr	{border-color: #EE6600;
	 border-style: dashed;}

#topBar	{display: block;
	 width: 100%;
	 height: 60px;
	 background-color: #FFFFFF; 
	 position: fixed;
	 top: 0px;
	 left: 0px;
	 text-align: right;
	 z-index: 2;
	 border-color: #EE6600;
	 border-style: solid;
	 border-width: 3px 0px 3px 0px;
	 transition: 0.2s;}

.topLogo	{display: block;
		 width: 140px;
		 height: 55px;
		 background-color: #FFFFFF;
		 background-image: url('gfx/HeurekaLogoShrunk.svg');
		 background-repeat: no-repeat;
		 background-position: 5px 0px;
		 position: absolute;
		 left: 0px;
		 top: 3px;
		 transition: 0.4s;}

.topLogo:hover	{display: block;
		 width: 280px;
		 height: 140px;
		 background-image: url('gfx/HeurekaLogoFull.svg');
		 background-size: 275px 140px;
		 border-radius: 0px 0px 50px 0px;
		 border-color: #EE6600;
		 border-style: solid;
		 border-width: 0px 0px 3px 0px;
		 transition: 0.4s;}

#topBarCont 	{font-size: 16pt;
		 color: #EE6600;
		 text-decoration: none;
		 position: absolute;
		 top: 6px;
		 right: -20px;
		 white-space: nowrap;}

#topBarCont a	{color: #EE6600;
		 text-decoration: none;}

#topBarShrunk	{display: none;
		 width: 40px;
		 height: 30px;
		 font-size: 16pt;
		 border-width: 7px 0px 7px 0px;
		 border-color: #EE6600;
		 border-style: solid;
		 text-decoration: none;
		 position: absolute;
		 top: 11px;
		 right: 55px;}

.middleBar	{display: block;
		 height: 7px;
		 width: 100%;
		 background-color: #EE6600;
		 position: absolute;
		 top: 11px;}

#shrunkMenuContainer	{display: none;
			 max-width: 150px;
			 min-width: 100px;
			 padding: 5px;
			 text-align: left;
			 border-radius: 0px 0px 7px 7px;
			 border-width: 0px 0px 2px 0px;
			 border-style: solid;
			 border-color: #EE6600;
			 background-color: rgba(255,255,255,0.9);
			 position: absolute;
			 top: 35px;
			 right: 0px;}

#shrunkMenuContainer a	{display: inline-block;
			 width: 95%;
			 white-space: nowrap;
			 text-decoration: none;
			 color: #EE6600;
			 overflow: hidden;
			 text-overflow: ellipsis;
			 padding: 3px;
			 font-size: 18px;
			 background-color: none;}

#shrunkMenuContainer a:hover	{background-color: #FFFFBB;}

#topBarShrunk:hover #shrunkMenuContainer	{display: block;}

.menuLvl1	{display: inline-block;
		 position: relative;
		 color: #EE6600;
		 padding: 10px;
		 text-decoration: none;}

.menuLvl1:hover	{background-color: #FFFFBB;}

.menuLvl2	{
		 visibility: hidden;
		 max-width: 250px;
		 min-width: 150px;
		 padding: 5px;
		 text-align: left;
		 border-radius: 0px 0px 7px 7px;
		 border-width: 0px 0px 2px 0px;
		 border-style: solid;
		 border-color: #EE6600;
		 background-color: rgba(255,255,255,0.9);
		 position: absolute;
		 top: 40px;
		 right: 0px;
		 opacity: 0;
		 transition:visibility 0.0s linear 0.6s,opacity 0.6s linear 0.0s;}

.menuLvl1:hover .menuLvl2 {
						   visibility: visible;
						   opacity: 1;
						   transition:visibility 0.0s linear 0.0s,opacity 0.0s linear 0.0s;}

.menuLvl2 a	{display: inline-block;
		 width: 95%;
		 white-space: nowrap;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 padding: 3px;
		 font-size: 15px;
		 background-color: none;}

.menuLvl2 a:hover	{background-color: #FFFFBB;}

.searchBarInput	{width: 120px;
		 height: 20px;
		 border-width: 3px;
		 border-style: solid;
		 border-color: #FFEE99;
		 margin: 10px;
		 position: relative;
		 top: -2px;}

.magGlass	{position: relative;
			 top: 7px;
			 left: -32px;
			 margin-left: 30px;
			 padding: 5px;}

.magGlass:hover	{background-color: #FFFFBB;
				 cursor: pointer;}

.bottomBar	{display: block;
		 width: 100%;
		 background-color: #F5F5F5;
		 text-align: center;
		 position: relative;
		 top: 50px;
		 left: 0px;
		 z-index: 1;}

.horizontalPos	{display: block;
		 height: 0px;	
		 width: 0px;
		 position: absolute;
		 left: -163px;
		 top: 150px;
		 z-index: -1;}

.fixedArea	{display: block;
		 width: 256px;
		 height: 474px;
		 position: fixed;
		 top: 131px;}

.contentWrapper	{display: inline-block;
		 border-style: solid;
		 border-color: #EE6600;
		 border-width: 0px 3px 3px 3px;
		 border-radius: 0px 0px 20px 0px;
		 margin-bottom: 20px;
		 background-color: #FFFFFF;
		 padding: 10px 0px 15px 0px;
		 position: relative;
		 top: 10px;
		 left: 0px;}

.rackWrapper	{display: block;
		 height: 100%;
		 width: 20px;
		 position: absolute;
		 top: 0px;
		 left: -13px;
		 background-image: url('gfx/rackTooth.svg');
		 background-repeat: repeat-y;
		 background-size: auto 20px;
		 z-index: 30;}

.contentWhite	{display: block;
		 max-width: 700px;
		 min-width: 100px;
		 min-height: 505px;
		 padding: 15px;
		 overflow: hidden;
		 background-color: #FFFFFF;
		 position: relative;
		 top: -5px;}
		 
.contentWhite img	{margin: 5px;}

#bigGear	{position: absolute;
		 top: 2px;
		 left: 4px;}

#smallGear	{position: absolute;
		 top: 197px;
		 left: 2px;}

.motorControl	{position: absolute;
		 top: 270px;
		 left: -3px;}

#motorAxle	{position: absolute;
		 top: 419px;
		 left: 16px;}

.arrowUp	{display: block;
		 width: 50px;
		 height: 30px;
		 background-color: #FFFFFF;
		 opacity: 0.7;
		 cursor: pointer;
		 border-style: solid;
		 border-width: 2px;
		 boder-color: #EE6600;
		 border-radius: 10px;
		 font-size: 30px;
		 text-align: center;
		 color: #EE6600;
		 position: absolute;
		 top: 389px;
		 left: 80px;
		 line-height: 100%;}

.arrowUp:hover	{opacity: 1;}

.arrowUp a	{text-decoration: none;}

.arrowUp a:hover	{color: #EE6600;}

.arrowDown	{display: block;
		 width: 50px;
		 height: 30px;
		 background-color: #FFFFFF;
		 opacity: 0.7;
		 cursor: pointer;
		 border-style: solid;
		 border-width: 2px;
		 boder-color: #EE6600;
		 border-radius: 10px;
		 font-size: 30px;
		 text-align: center;
		 color: #EE6600;
		 position: absolute;
		 top: 438px;
		 left: 80px;
		 line-height: 100%;
		 transform: rotate(180deg);}

.arrowDown:hover	{opacity: 1;}

.arrowDown a	{text-decoration: none;}

.arrowDown a:hover	{color: #EE6600;}

.fil0 {fill: none}

.fil1 {fill:#EE6600}

/* .fil1:hover {fill:#FFFFFF} */

.homeIco	{position: relative;
		 top: 2px;}

#topAnchor	{display: block;
			 width: auto;
			 height: 1px;
			 visibility: hidden;}
			 
.newsBox a	{display: block;
			 margin: 0px 0px -5px 0px;}
			 
.jumpBox	{width: 150px;}

.jumpBox p	{text-indent: 0px;}

#jumpBoxFixed	{display: block;
				 width: 150px;
				 position: fixed;
				 top: 80px;
				 text-align: left;
				 background-color: #FFFFFF;
				 overflow: hidden;
				 white-space: nowrap;
				 text-overflow: ellipsis;
				 transition: 0.2s;}

#contentBox	{max-width: 540px;
			 overflow: hidden;}

table	{border-collapse: collapse;}

.acTable	{border-collapse: collapse;
			 border-color: #EE6600;
			 border-style: solid;
			 border-width: 1px;}
			 
.adminSec	{display: block;
			 width: 180px;
			 text-align: right;
			 position: fixed;
			 right: 10px;
			 top: 80px;}

.indenter	{display: inline-block;
			 width: 25px;
			 height: 8pt;
			 margin: 0px;}
			 
.oldAcs table	{border-collapse: collapse;
				 border-style: solid;
				 border-width: 1px;
				 border-color: #EE6600;}
				 
.oldAcs table tr td	{border-style: solid;
					 border-width: 1px;
					 border-color: #EE6600;}

.aMonDiv	{position: absolute; 
			 top: 360px; 
			 left: 892px; 
			 border-width: 3px; 
			 border-style: solid; 
			 border-color: #EE6600;
			 border-radius: 0px 10px 10px 0px;
			 z-index: 0;}

.activityMonitor	{font-size: 7pt; 
					 border-collapse: collapse; 
					 border-width: 0px; 
					 width: 110px;}

.activityMonitor td	{border-width: 1px 0px 1px 0px; 
					 border-style: solid; 
					 border-color: #EE6600;
					 padding: 0px 3px 0px 3px;
					 margin: 0px;}

.activityMonitor tr:first-child td {border-width: 0px 0px 1px 0px;}
					 
.activityMonitor tr:last-child td {border-width: 1px 0px 0px 0px;}

#shadowBox	{display: block;
			 width: 100vw;
			 height: 100vh;
			 cursor: pointer;
			 text-align: center;
			 vertical-align: middle;
			 padding: 5px;
			 font-size: 10pt;
			 color: #EE6600;
			 position: fixed;
			 top: 0px;
			 left: 0px;
			 background-color: rgba(0,0,0,0.7);
			 z-index: 10;}

#shadowBox a	{color: #EE6600;}

#shadowBox table	{display: inline-block;
					 padding: 2px;
					 border-width: 4px;
					 border-style: outset;
					 border-color: #FFFFFF;
					 border-radius: 10px;
					 background-color: #FFFFFF;}

#shadowBox table td	{vertical-align: middle;
					 padding: 0px;}