body {font-size: 95%;}
#topstrip {position:sticky; top:0; z-index:3; height:0px;  width: 100%; margin-top:0px; margin-left:0px;  background-color: #ccc; border-bottom: 1px solid #000;  border-top: 2px solid #003;}
#topm { width: 500px; margin-left:5%; text-align:left;}
#topm a {font-family:  sans-serif, Arial, Helvetica; font-size:14px; color: #424242; font-weight: normal; text-decoration: none; margin-left:10px; margin-right:20px;}
#topm a:hover {color:#f00; text-decoration: none;  }
#right_up { float:right; margin-right:20px; margin-top:-2px;  background-color:#e5e5e5; border:1px solid #000;  border-radius:4px; padding:3px; }
#topm a.selected:hover { cursor:default; }
#topm a.selected { color: #888A85;  }
#mblock { width:1000px;  margin: 0 auto; margin-top:4px;  }
#dwn {width: 100%; height:60px; background:#c8c5c0; text-align:center;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #704c08;  }
#topmain {position:relative; margin-top:6px; height:40px;   width:1000px;  margin: 0 auto; overflow:visible; }
#mainmenu {  margin-top:0px; position:sticky; top:30px; z-index:3; width:240px; color:#ccc; font-size:13px;  font-family: sans-serif, Arial;   background-color:#727272; border:1px solid #000;}
#mainmenu a:hover {background-color:#d5ccbb; color:#333;}
#mainmenu a {padding:5px; margin-left:3px; color:#fff; font-size:14px;  font-family: sans-serif, Arial;  text-decoration: none;}
#mainmenu a.selected:hover {   cursor:default;  background: #ccc;color:#A40000; }
#mainmenu { height:80px;  transition: height 0.5s; overflow:hidden; }
#mainmenu:hover { height: 300px; }

#page {width: 1000px; background-color: #d9d9d9;  border: 1px solid #b5ad9a; border-radius:20px;  }
.cont {background-color: #fff; margin:15px; text-align:justify;  padding:30px;  font-family: Arial, Helvetica, sans-serif; font-size: 105%;   color: #636363;   border: 1px solid #ccc;  min-width: 900px;   }
.cont img {border: 1px solid #ccc; border-radius: 7px;}
.cont a {color:#338; text-decoration: none;}
.cont .lnk{color:#CC3333; }
.cont a:hover {color:#162ccf; text-decoration: underline;}
.nobrd {border:none;}

#inmenu { float:right; background-color: #d9d9d9;  border: 1px solid #b5ad9a; border-radius:20px; -webkit-border-radius: 20px; padding:6px;  margin-top:-40px; z-index:8;  font-family: sans-serif, Arial;}
#inmenu a {color:#424242; font-size:13px;   text-decoration: none; margin-left:20px; margin-right:20px;}
#inmenu a:hover {text-decoration: none; color:#c33;}
#inmenu span { color:#833; font-style:oblique;  font-size:13px; margin-right:20px;  margin-left:20px;}

#annonce {margin-top:100px; margin-left:220px; width:400px; height:auto; border: 1px solid #b5ad9a; border-radius:20px; -webkit-border-radius: 20px; padding:15px; color:#666; font-size:18px;  } 

.refmenu { float:right; background-color: #eee;  border: 1px solid #b5ad9a; border-radius:8px; -webkit-border-radius: 8px; padding:5px; margin-top:-10px;}
.refmenu span { margin-left:20px; color:#CC3333; font-weight:bold; font-size:12px; }
.refmenu a {color:#204A87; font-size:13px;  font-family: sans-serif, Arial;  text-decoration: none; margin-left:8px; margin-right:8px;}
.refmenu a:hover {text-decoration: none; color:#f33;}

.videomodule { text-align:center; } 
.videomodule img {cursor:pointer; margin:2px;} 
.vcont {display:none; text-align:center; background-color: #666; border: 2px solid #b5ad9a; border-radius:60px; -webkit-border-radius: 60px; padding:10px; width:880px; cursor:pointer;} 
.btn_close {position:absolute;  margin-top:-430px; margin-left:5px; width:44px; height:44px; background-image: url('pics/close_video.png');}

.graydiv {  left: 100px;  width:800px; border:1px solid #ccc;  border-radius:5px; -webkit-border-radius: 5px; background-color:#f3f3f3; padding:10px; color:#4f4f4f; }

.flex100 { height:auto; width:100%; }
.flex90 { height:auto; width:90%; }
.flex50 { height:auto; width:50%; }
.flex30 { height:auto; width:30%; }
.flex40 { height:auto; width:40%; }
.flex20 { height:auto; width:20%; }

h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #456d77; font-weight: bold}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #4d6593}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #005574}
h4 {  font-family: Helvetica; font-size: 13px; font-weight: bold; color: #6d2b2b}
h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4d4563}
pre {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #0d6387; font-weight: normal;}
pre span {font-family: Serif, sans-serif; font-size: 12px; color: #6f6f6f; font-weight: normal;}
hr {height: 1px; color: #c8c8cf;}

.txt_1 {font-family: sans-serif; font-size:14px; color: #606060;}
.txt_2 {font-size:105%; color: #00537F;}
.txt_3 {font-family: sans-serif; font-size:13px; color: #993333;}
.txt_4 {color:#A40000;  }
.txt_5 {color:#008C00;  }

.centr {text-align:center; }
.rfloat {float:right;  margin-top:2px} 
.list {margin-left:0px; }
.list ul { list-style-type: circle;}
.list li { margin-bottom:8px; list-style-type: circle;}

.list1 li { line-height:20px; font-size:13px;}

.btntxt {border:1px solid #633; border-radius:4px; padding:1px; padding-left:4px; padding-right:4px;  font-size: 14px; color: #a40c0c;}
.comment {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666666; font-weight: normal;}
.example { color: #0d6387; font-weight: normal; }
.notice {background-color: #f3f1df; font-size: 13px; padding:5px;}
.note {color:#dc0000;}
.addnote { font-size: 13px; color: #9f3535; font-weight: normal;}
.bordr {border: 1px solid #b4b4b4; border-radius:4px; padding:5px;}

	/* 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;}

.line {height: 1; border-top: 1px solid #c8b868; width:100%; }
.precont {margin-left:280px;  margin-top:0px; margin-right:auto;}
.mright {margin-left:50px;}
.warn {background-color: #f3f1df; padding:15px; color: #c40c0c; font-size: 12px;  }
.warn a { font-size: 12px;  }
.name { color: #0d6387; font-weight: bold; margin:10px;}
.option {  color: #6d6d6d;  }
.ann {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #36666f; font-weight: normal; font-style:oblique;}
.win {display:none; cursor:url(pics/close.gif),crosshair; position:relative;}

table.ctable {font-size:15px; 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; }

.redbold {color: #a40c0c; font-weight: bold;}
.rednorm {font-size: 14px; color: #a40c0c; }

	/* right frame */
.tframe {width:400px; border:1px solid #646464;  border-radius:4px; float:right; margin-left:20px; margin-top:10px; margin-bottom:10px; padding:15px; font-size: 13px; color: #903010; }

	/* library table*/
.libt {font-family:Arial, Helvetica, sans-serif;  margin-left:auto; margin-right:auto; width:900px; border-collapse:collapse; border-top:2px solid #363636; }
.libt td { border:1px solid #363636; text-align:left;  padding:5px 3px 8px 8px;}
.libt td, #libt th {font-size:13px; border:1px solid #416f77; padding:5px 10px 5px 10px;}
.libt th {font-size:14px; text-align:center; padding:4px; background-color:#cfcfcf; color:#333333;}
.libt3d {padding-left:50px; font-size:13px; }

	/* asx conf */
.ioselect { width:100%; min-height:70px; margin-top:-30px;  background-color:#f4f2e9; border:1px solid #999;  }
#func_menu { width:430px; margin:15px; height:135px; float:left; }
#func_menu img { display: inline-block;  margin:2px;  border:1px solid #333;  cursor:pointer; border-radius:0px; }
#func_menu img:hover { opacity:0.8; }
#func_menu a.selected img { opacity:0.4; cursor:default; }
.func_opt { width:200px;  display: inline-block;  height:135px;  margin:15px;  border-left:1px solid #999; }
.func_opt a {padding:5px;  display: block; font: normal normal 14px sans-serif; text-decoration: none; color:#333; }
.func_opt a.selected { cursor:default; color:#1B5EB5; }
.func_opt a:hover { text-decoration:none; }
	/* ---------- */

.imgbox {cursor:pointer; margin:5px; padding:8px; box-shadow: 0px 0px 6px #ccc; }
#overlay {background-color: #333; opacity: .5;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
#overlay:hover {cursor:pointer;}
#overlay_cont {position:absolute; height:auto; min-height:100px; width:100%; z-index:11; text-align:center;}
#overlay_cont {cursor:pointer;}
#overlayimg {border: 5px solid #ccc; box-shadow:10px 10px 20px #000; border-radius:10px;}

.tooltip {position:absolute; width:20px; height:20px; background-image:url('pics/tooltip.png'); margin-left:5px; margin-top:5px; text-align:justify }
.tooltip div {position:absolute; margin-left:20px; padding:6px; width:400px; height:auto; background-color:#f4f2e9; border:1px solid #333; display:none; z-index:20; font-size:12px; box-shadow:3px 3px 3px #222;}
.tooltip:hover div {display:block;}