body {background-color: #3f434c; margin-top:0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI Condensed", Tahoma, FreeSans, ”Liberation Sans”, ”Nimbus Sans L”;  font-size: 18px; line-height: 24px; color: #383838;  }
#svx_bck {position:relative; margin:0 auto; max-width:1600px; max-height:246px; background:#40597f;}
#mblock { position:relative; margin: 0 auto; display: table; width:100%; max-width:1600px; min-height:800px; background:#FFFDF4; padding:30px; padding-right:5px; border-top:1px solid #000; box-sizing: border-box;}
#sidemnu { display:inline-block; padding:8px; box-sizing:border-box; width:22%; max-width:380px; position:sticky; top:20px; background:#FFFDF4; overflow:hidden;}
#sideslide { width:100%; background:none; font-size: 16px; color:#666; text-align: center;  line-height:28px; height:30px; position:sticky; top:0px;}
#contleft { width:75%; margin:0; float:left;  text-align:justify; margin-right:20px;}
.sidecont { box-sizing: border-box; width:100%; padding:10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1.6px 11.2px 0px; margin-bottom:6px; font-size: 16px;}
.sidecont p { font-size:12px; line-height:14px; font-weight:bold; margin-left:10px; padding:2px; background-color:#eee; text-align:center; }
.sidetitle { background:#4d6889; margin-bottom: 20px; padding:3px; color:#f5ffcf; text-align:center;  line-height:1.2; font-size: 14px; }



.small_scr { display:none; min-width:300px; margin-left:0;}
.small_scr button { border:1px solid #fff; margin:0px; font-size:11px; padding:3px; min-width:40px; background-color: #3f434c; height:30px; color:#fff;}

#secsel, .small_scr  { margin: 0 auto;  color:#fff; margin-top:10px; margin-bottom:10px; overflow:hidden;}
#secsel button {border:1px solid #c1dfff; box-sizing: border-box; border-radius:5px; font-size:14px;  padding:3px; padding-left:6px; padding-right:6px; height:30px; cursor: pointer; min-width:100px; background-color: #3f434c; color:#fff; }


#tbar { margin:0 auto; z-index:5; position:sticky; width:100%; max-width:1600px; top:0px;  background-color: #3f434c; border-bottom:2px solid #000; border-top:2px solid #FFFDF4; color:#ece9b6; text-align:center;  box-sizing: border-box;}
#tbar button:hover { background-color: #3e8e41; color: #FFFEB1; transition: 0.3s;}
#tbar .top_sel { border:1px solid #fff; background-color: #666; color:#f1eb2d; cursor:default; font-weight:bold;}
#tbar .top_sel:hover { background-color: #666;}
/*
.mslide { display: inline-block; max-width:320px; }
.mslide_sect { position: absolute; transition: height 0.5s; margin-left:-10px; height:0px; overflow:auto; background-color:#f9f9f9; text-align:left;  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.5); box-sizing: border-box; min-width:150px;}
.mslide_sect a { color:#4c6245; font-size: 14px; font-weight:bold; margin:6px; margin-bottom:0px; text-decoration:none; display:block;}
.mslide_sect a:hover { background-color: #885f3a; cursor:pointer;  color:#fff453; }
.mslide:hover .mslide_sect { height: auto; width:auto;  }
*/


/*  images */

#contleft img { border: 1px solid #888; border-radius: 7px; box-sizing: border-box; height:auto;}
.svxslide { margin: 0 auto; width:100%; text-align:center; padding:0; background:#dddaca; }
.svxslide img {width:100%; opacity:0.2; transition: opacity 2s; border:none; border-bottom:1px solid #333; box-sizing: border-box;}
.svxslide button { width:24px; height:24px; cursor:pointer;}
.svxslide span { border:1px solid #ccc; padding:3px; }
.imgbox {cursor:pointer; max-width:100%;}
.sel img {border:none;}

.flex100 { width:100%; }
.flex90 { width:90%; }
.flex80 { width:80%; }
.flex60 { width:60%; }
.flex50 { width:50%; }
.flex40 { width:40%; }
.flex45 { width:45%; }
.flex35 { width:35%; }
.flex30 { width:30%; }
.flex25 { width:25%; }
.flex20 { width:20%; }
.flex15 { width:15%; }
.flex10 { width:10%; }

.nobrd {border:none;}
.imgal, .col1, .col2, .col3  { margin:0 auto; width:100%; text-align:center; }
.imgal img { cursor:pointer; max-width:15%; } /* min 3 images in the row*/
.col1 img { cursor:pointer; max-width:100%;}
.col2 img { cursor:pointer; max-width:45%;}
.col3 img { cursor:pointer; max-width:30%;}
.fltl img, .fltr img { max-width:100%; }
.fltl { float:left; margin-right:10px; margin-bottom:10px; cursor:pointer; }
.fltr { float:right; margin-left:10px; margin-bottom:10px; cursor:pointer; }
#imgovrl { position:fixed; height:100%; width:100%; background-color:#333; opacity:0.3; z-index: 10;}
#picbox { position:absolute; text-align:center; z-index:11; transition: 0.5s; border: 5px solid #ccc; box-shadow:10px 10px 20px #000; border-radius:10px; overflow:auto;}
/*  images */


h1 {font-weight: normal; font-size: 22px; color: #456d77; margin-bottom:40px; margin-top:30px;}
h2 {font-size: 20px; font-weight: normal; color: #563F00; }
h3 { font-size: 18px; font-weight: normal; color: #3465A4; font-style:oblique; margin:10px;}
h4 { font-size: 16px; font-weight: normal;  color: #2E3436; }
h5 { font-size: 18px; color: #006600; margin:10px; }


#contleft h2::before { content: "\2771"; color: #ba851b;   margin-right: 5px; }
#contleft h1::before { content: "\2771"; color: #ffffff; background: #dbdbdb; padding: 10px; font-size:16px; border-radius: 2px; margin-right: 10px;  }
.sidecont a::before { content: "\2771"; color: #ba851b;   margin-right: 5px; list-style: none;}
.categ a::before { content: url(../pics/list.png);  margin-right: 5px;}
.hardw .yt::before { content: url(../pics/yt_sim.png);  margin-right: 5px; vertical-align:middle;}
.sidecont a { display:block; margin-bottom:6px; text-decoration: none; color:#1963a0;}
.sidecont a:hover { color:#9d4b2f;}
.sidecont a:hover::before { content: "<:"; color: #ba851b;   margin-right: 5px;}
.sidecont a.page_sel::before { content: "<:"; color: #ba851b; font-weight:bold; margin-right: 5px;}
.sidecont a.page_sel {cursor:default; color:#dc0012;}
#nav_m {display:none;}
/*
#tmbar a { color:#ece9b6; margin-right:1%; line-height:24px; text-decoration:none; }  
#tmbar a:hover { color:#ceffce; text-decoration:underline; }  
#tmbar a.select { color:#fff; text-decoration:underline; }
*/

.pan_full div {float:left; border:1px solid #888; padding:5px; box-sizing: border-box; border-radius:5px; width:260px; height:300px; margin:4px; font-size:14px;}
.pan_full img {width:100%; cursor:url(pics/lens.gif),pointer;}



.picsmall { display: inline-block; margin-left:2px;}
.test1 > img {width:30%; margin-left:5px;}

@media (min-width: 768px) and (max-width: 979px) {}

@media (max-height: 480px){ #sidemnu {max-height: 320px;} }

@media (max-width: 1300px){  #svx_bck { background:#3f434c; } }

@media (max-width: 1000px){
  .col2 img {max-width:45%;} 
  .imgal img {max-width:20%;}
  #secsel button {border:1px solid #fff; margin:0px; border-radius:0px; font-size:12px; padding:2px; min-width:40px;  }
  #picbox {max-width:98%;}
  #svx_bck {max-height:126px;}
  #simvimx_logo {display:none;}
  #simvimx_small {display:inline-block;}   
  #contleft { width:100%; font-size: 20px; overflow:auto;}
  #mblock { padding:20px;}
  #tbar{ min-width:360px; }  
  #sideslide {background:#934343; color:#FFF; font-size:12px; border-bottom:2px solid #fff;}
  #sidemnu {position:fixed; transition: 0.5s; z-index:5; top:10px; padding:2px; left:8px; width:84px;  height:32px; border:2px solid #fff; background:#17384d; overflow:auto;} 
  #sidemnu:hover {height:auto; width:228px; }
  .sidetitle { margin-bottom: 10px; }
  .sidecont a { margin-bottom:2px; color:#fff;}
  .sidecont a:hover { color:#fff675;}
  .sidecont a.page_sel { color:#fff675;}
  .sidecont { width:100%; padding:2px; box-shadow:none; margin-bottom:0; font-size: 15px;}
  .mslide_sect { background:#17384d; border:2px solid #fff;  color:#fff;}  
  h1 {font-size: 20px; }
 
}
@media screen and (max-width: 830px){  }

@media screen and (max-width: 710px){
 .imgal img { max-width:30%;}    
  #secsel { text-align:right; margin-right:20px; }     
}
@media screen and (max-width: 640px){
 .fltl, .fltr { float:none; width:98%; text-align:center;}  
 .imgal img, .col2 img, .col3 img { max-width:45%;}
 .col1 img { max-width:100%;}
 #mblock { padding:10px;}
 #secsel { text-align:center; margin-right:0px; }       
 #sidemnu {top:52px;} 
}

@media (max-width: 540px){
 .imgal img, .col2 img, .col3 img { max-width:100%;}   
 .pan_full div {width:420px;}
  #secsel button {min-width:36px;}    
  .alt_b { display:none; } 
  .alt_l { display:inline; } 
  .alt_m { display:none; } 
  .alt_x { display:inline; }  
}
@media (max-width: 420px){
  .alt_x { display:none; } 
  .alt_s { display:none; }
}





hr {height: 1px; border:none; border-top:1px solid #C7C2B3; }
.obl { color:#2E8644;  font-weight: normal; font-style:oblique;}
.centr {text-align:center;}
.box {outline-style: solid; outline-color:#A40000; color:#A40000; outline-width: thin; outline-offset: 3px; margin-left:5px; margin-right:5px;}
.mnu {outline-style: solid; outline-color:#888; outline-width: thin; outline-offset: 4px; margin-left:15px; margin-right:5px; font-size:16px;}
.iblock {display:inline-block; width:50%; margin-left:20px;}

ul {list-style-type: circle; }



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:80px; text-align:center;  font-size: 10px; color: #eeffe7; background-color:#4d6889;}

#page {position:relative; margin-top:-1px; width:100%; min-height:900px;  text-align:left;   background-color: #FFFDF4;  border: 1px solid #ccc; }

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




/* 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 {color: #606060;}
.txt_2 {color: #945824;}
.txt_3 { color: #993333;}
.txt_4 {color:#A40000;  }
.txt_5 {color:#008C00;  }
.addnote {  color:#9f3535;  font-weight: normal; }
.csmall { color: #5c8059; font-weight: normal;}
.comment {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; }

/* -------------------------------------- */


.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; }



/*b58*/


.galt {text-align:center; }
.galt img {width:135px; height:80px; border: 1px solid #c8b868; border-radius: 5px; cursor:pointer;}

.photo, .galery {text-align:center; }
.photo img {width:135px; height:80px; border: 1px solid #c8b868; border-radius: 5px; cursor:pointer;}


.galp span {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;}


img.photoclick {cursor:url(pics/lens.gif),pointer;}
span.photo img { width:68px; height:34px; cursor:pointer;}





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

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

	/* library table*/
.libt { 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 { 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;  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: 180px; 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; }