input[type=number] {-moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin:0; }
input { vertical-align: middle;}
body {background-color: #ebeae1;   margin: 0 auto;  margin-top:0px; font-family: "Segoe UI", Tahoma, Helvetica, FreeSans, ”Liberation Sans”, ”Nimbus Sans L”, sans-serif;  font-size: 110%; line-height: 22px; color: #555555;  }
a {color:#862c2c; text-decoration: none; }
a:hover {color:#ff0000; text-decoration: underline;}

h1 { font-family: "Segoe UI", Tahoma, Helvetica, FreeSans, ”Liberation Sans”, ”Nimbus Sans L”, sans-serif;  font-weight: normal; font-size: 22px; color: #456d77; }
h2 { font-family: "Segoe UI", Tahoma, Helvetica, FreeSans, ”Liberation Sans”, ”Nimbus Sans L”, sans-serif;  font-size: 16px; font-weight: normal; color: #563F00}
h3 { font-size: 16px; font-weight: normal; color: #3465A4; font-style:oblique; margin:10px;}
h4 { font-size: 15px; font-weight: normal;  color: #2E3436; }
h5 { font-size: medium;  color: #006600; }
hr {height: 1px; border:none; border-top:1px solid #C7C2B3; }
.obl {font-family: Helvetica, Arial, sans-serif;  font-size: 14px; color:#2E8644;  font-weight: normal; font-style:oblique;}
.centr {text-align:center; margin-right:50px; }
.box {outline-style: solid; outline-color:#888; outline-width: thin; outline-offset: 2px; margin-left:5px; margin-right:5px; font-size:12px;}
.mnu {outline-style: solid; outline-color:#888; outline-width: thin; outline-offset: 5px; margin-left:15px; margin-right:5px; font-size:16px;}
.iblock {display:inline-block; width:50%; margin-left:20px;}

ul {margin:0px;  padding:10px;  padding-top:6px; list-style-type: circle;  color:#333; }
ul li {  margin-bottom:5px; font-size: 16px; }
ol {margin-left:0px; padding-left:15px; }
ol li { margin-bottom:4px;}

table.ctable {font-size:16px; text-align:left;} 
table.ctable td {border:1px solid #758492;  overflow:hidden;   padding-left:5px; padding-right:5px;  }
table.ctable th {text-align:center; color:#204A87; font-size:12px;}
table.ctable td a {  color: #005565; }
table.ctable td img { margin-top:2px; }
table.ctable td a:hover {  color: #AE0E00; }


#dwn { display: inline-block; width: 100%; height:180px; text-align:center;  font-size: 10px; color: #eeffe7; background-color:#4c6648;}
#mblock {min-width:780px; max-width:1280px;  margin: 0 auto;  text-align:center; }
#page {position:relative; margin-top:-1px; width:100%; min-height:900px;  text-align:left;   background-color: #FFFDF4;  border: 1px solid #ccc; border-radius:10px;}

.cont {  line-height: 22px;  position:relative; width:90%; min-height:600px; margin:4%; margin-top:40px; text-align:justify; }
#hard, #sim { transition: opacity 1s; }
#sim { opacity:0;}


/*  images */
#page img {border: 1px solid #ccc; border-radius: 7px;}
.sel img {border:none;}
.nobrd {border:none;}
.flex100 { height:auto; width:100%; }
.flex90 { height:auto; width:90%; }
.flex80 { height:auto; width:80%; }
.flex60 { height:auto; width:60%; }
.flex50 { height:auto; width:50%; }
.flex40 { height:auto; width:40%; }
.flex35 { height:auto; width:35%; }
.flex30 { height:auto; width:30%; }
.flex25 { height:auto; width:25%; }
.flex20 { height:auto; width:20%; }
.flex15 { height:auto; width:15%; }
.flex10 { height:auto; width:10%; }
.imgbox {margin:5px; padding:6px;  border: 1px solid #ccc; cursor:url(pics/lens.gif),pointer;}
/*  images */

/* systems.html*/
.cont_card {  margin: 0 auto; width:80%;  text-align:justify;  color: #363636; border: 1px solid #AA8A37;  padding:20px; background-color: #EDF5E0; border-radius:10px; } 
.imap {cursor:pointer; font-size: medium;  color: #006600;}
.imap:hover {color:#162ccf; text-decoration: underline; }
/* systems.html*/

.mantips { height:24px; transition: 1s; border: 1px solid #333; border-radius:4px; overflow:hidden; padding:10px;padding-top:0;}
.mantips h2 {margin-top:5px; cursor:pointer; padding:2px; background-color: #fff; }
.mantips h2:hover {background-color: #ffd165; }

.graydiv {margin: 0 auto; width:90%; border:1px solid #ccc;  border-radius:5px; background-color:#fcfcfc; padding:10px; color:#4f4f4f; }
.vtube { width:300px; height:180px; border:1px solid #333; margin-left:5%; }  /* video embed/zoom */

.txt_1 {font-family: Helvetica, sans-serif; color: #606060;}
.txt_2 {color: #5e6b24;}
.txt_3 {font-family: Helvetica, sans-serif; font-size:14px; color: #993333;}
.txt_4 {color:#A40000;  }
.txt_5 {color:#008C00;  }
.addnote { font-size: 14px; color:#9f3535;  font-weight: normal; }
.csmall {font-family: sans-serif, Arial, Helvetica; font-size: 14px; color: #5c8059; font-weight: normal;}
.comment {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666666; font-weight: normal; font-style:oblique;}

.diag {  padding:2px; background-color:#7790A2;  color:#fff;  border:1px solid #777;  width:auto; }
.diag1 {  padding:4px; background-color:#B5892D;  color:#fff;  border:1px solid #777;  width:auto; }
.diag2 {  padding:1px; background-color:#8FC362;  color:#fff;  border:1px solid #777;  width:auto; }

/* -------------------------------------- */
#overlay {background-color: #333; opacity:0.5; width: 100%; position:fixed; height: 100%; z-index: 10;}
#overlay:hover {cursor:pointer;}
#overlay_cont {position:absolute; min-height:100px; height:auto; margin: 0 auto; z-index:11; width: 100%; text-align:center; }
#overlay_cont:hover {cursor:pointer; }
#overlayimg {background-color: #fff; border: 5px solid #ccc; box-shadow:10px 10px 20px #000; border-radius:10px; }
#imagespace {  height:280px; width: 100%; margin:0px; margin-top:5px;   border-bottom: 1px solid #ccc; box-shadow: 0px 3px 4px #ccc;   background-color: #576B84; }

.slide_cont {height:690px;}
.slide_cont img {position:absolute; display:none;}
.sld1 img {position:relative; display:none;}
.gallery_tab td {text-align:center;}
hr.del1 {height:4px; width:100%; background-color:#4d6687; margin-top:30px; margin-bottom:30px; }
hr.del2 {height:6px; background-color:#aa0000; margin-top:30px; margin-bottom:30px; }

/*
#cat_mnu { display:none; position:absolute; top:254px; margin-left:50px; text-align:left; width:150px; border: 1px solid #333; box-shadow:4px 4px 10px #545655; border-radius:10px; background-color:#fff; padding:20px; z-index:4;}

#l_menu { background-color:#fcfcfc; width:150px; margin-right:20px; }
#l_menu div { width:140px; text-decoration: none; text-align:left; font-size:16px;  padding:4px; color:#a39779; margin-top:5px; margin-bottom:5px; }
#l_menu div:hover { color: #feffc0;  background-color:#82ac82; cursor:pointer; }
#l_menu div.selected:hover { cursor:default;  }
#l_menu div.selected { background-color: #ccc; color: #de1515; text-align:right; }
*/
.subcat { z-index:3; margin-top:5px; margin-left:4px; background-color:#f2fcff; padding:4px; width:auto; max-width:900px; height:auto; border: 1px solid #333; box-shadow:4px 4px 10px #7b7d7c; border-radius:4px; overflow:hidden; opacity:0; transition: opacity 0.8s; } 
/*.subcat {z-index:3; margin-top:5px; margin-left:4px; background-color:#f2fcff; padding:4px; max-width:24px; height:88px; border: 1px solid #333; box-shadow:4px 4px 10px #7b7d7c; border-radius:4px; overflow:hidden; transition: height 0.2s; } */
.subcat div { text-align:center; display: inline-block; background-color:#5a4c4c; color:#e4ffaa; font-size:14px; width:120px; height:80px; border:1px solid #333; border-radius:4px; margin:1px; margin-top:0px; overflow:hidden; }
.subcat div.selected { background-color: #f6ffe1; cursor:none; color:#a71313; }
.subcat div.selected img {opacity:0.5; }
.subcat h4 { margin-top:-10px; color: #e5ff90;}
.subcat div.selected h4 { color:#a71313; }

img.sect { margin-left:4px; margin-bottom:20px; }

/*b58*/
.galt {text-align:center; }
.galt img {width:135px; height:80px; border: 1px solid #c8b868; border-radius: 5px;  display:inline; cursor:url(pics/lens.gif),pointer;}
.galp span {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #456d77;  line-height:150%; font-weight:bold}    
.galp {text-align:center;  cursor:url(pics/close.gif),crosshair;} 
.galp img {display:none;}
.galp div {display:none;}
.galp span {font-size:16px;}

div.listtbl img {border: 1px solid #c8b868; border-radius: 7px; width:600px; height:400px; margin-right:30px; float:left;}
div.listtbl { width: 960px;   height:400px; border: 1px dotted #a29e90; padding: 15px; margin-top:5px; background-color: #fffeff;}
img.photoclick {cursor:url(pics/lens.gif),pointer;}
span.photo img { width:68px; height:34px; cursor:pointer;}

.photo, .galery {text-align:center; }
.photo img {width:135px; height:80px; border: 1px solid #c8b868; border-radius: 5px;  display:inline; cursor:url(pics/lens.gif),pointer;}
.galery img {width:220px; height:140px; border: 1px solid #c8b868; border-radius: 5px; margin-left:10px; display:inline; cursor:url(pics/lens.gif),pointer;}


.win {display:none; cursor:url(pics/close.gif),crosshair; position:relative;}

	/* prog code  */	
.prog {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #c06f63; font-weight:bold}
.codecom {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #909090; font-weight: normal;}
.example { color: #0d6387; font-weight: normal; }

	/* library table*/
.libt {font-family: Arial, sans-serif;  width:auto; border-collapse:collapse; }
.libt td { text-align:left;  padding:5px 3px 8px 8px;  }
.libt td, #libt th {font-size:13px; border:1px solid #ccc; padding:5px 10px 5px 10px;}
.libt th {font-size:14px; text-align:center; padding:4px; background-color:#ECECEC; color:#333333;}
.libt td.libt3d {padding-left:50px; font-size:13px; }
/* --------------*/


#instr_base { position:relative;  margin: 0 auto; margin-top:-5px;  max-height:800px; padding:0px; overflow:auto; min-width:200px; min-height:100px; background-repeat:no-repeat;}
#instr_cats { width:75%; margin-top:10px; text-align:left;}
#instr_cats img { margin:0px; margin-left:-2px; border:4px solid #888; cursor:pointer;  }
#map_close {border:1px solid #555;  border-radius:8px; margin-top:-15px;  margin-left:10px; width:150px; padding:5px; background-color:#ffd556; color:#005179; font-size:14px; cursor:pointer; }
#ptxt {border:1px solid #555;  padding:10px; width:90%; }
#piclds {height:1px; width:100%;} 
#piclds img {height:1px; width:1px; } 

#maptip {position:absolute;   display:none; background-color:#333; z-index:10; padding:10px; font-size:16px; color:#FCE94F; border:1px solid #fff; border-radius:6px; white-space:nowrap; }

#mapsub {position:absolute;   display:none; background-color:#E8F3F0; z-index:11; padding:10px; padding-left:20px; font-size:16px; color:#004633; border:1px solid #fff; border-radius:6px;  white-space: nowrap; }
#mapsub li:hover { color:#FD0900; }

#subm { position:sticky; border:1px solid #666; border-radius:6px; top:46px; width:100%; min-width: 800px; padding:10px; cursor:pointer; background:#fefae3; }
#subm button { font-size:16px; margin-right:8px; background:#ebe7d2; cursor:pointer;border:1px solid #666; border-radius:4px;}  
.pan { display:none; }