#ard_num {margin-top:0px; width:450px; font-size: 14px;  color: #cc6666; }
#boards_num button { height:26px; width:26px; border-radius:3px;  margin-right:4px; border:1px solid #222; color:#333; background-color:#ccc; font-size: 12px; display:none; cursor:pointer;}
#opt_buttons button { height:24px; width:24px; border-radius:3px;  border:1px solid #222; color:#333; background-color:#ccc; font-size: 14px;  cursor:pointer;}
.btn_menu { width:130px; height:26px; margin-left:20px;  padding:0px; text-align:center; font-size: 12px;}
#add_brd, #del_brd {height:24px; width:30px; font-size: 12px; font-weight:bold; }
#config_content { height:650px;  width:100%; position:relative; }
#m_left {float:left; margin-top:0px; margin-left:10px; width:130px;  height:650px; text-align:left; }
#board_type {margin-top:14px; margin-left:0px; width:125px; font-size:13px; }
#board_type td { border:1px solid #666; text-align:center; height:20px;  cursor:pointer; }
#lanusb { margin-left:10px }
#lanusb td {  background-color:#849fac; color: #fff; width:40px;  border: 1px solid #000; border-radius:4px;  cursor:pointer; text-align:center; font-size: 13px; font-weight:bold; padding:4px; }
#conf_area { float:right; padding:0px; margin-top:-25px; height:auto; min-height:400px;  width:460px;  }
#boards { position:relative; width:308px; height:600px; }
#conf_board {float:left; margin-top:0px; margin-left:0px; height:600px; background-repeat:no-repeat; background-position: right top; width:308px; background-image:url(ardsimx/config/board_0_x.png);}
#prog_io { border: 1px solid #999; border-radius:3px; width:430px; background-color:#f9f6f5; text-align:center; margin-top:20px; }
#a_pins {position:absolute; width:20px; left:17px; top:287px;}
#d_pins div { position:absolute; height:11px; width:11px;  font-size: 2px; color: #666; border:1px solid #93cde0;  cursor:pointer; }
#a_pins div { margin-top:1px; height:11px; width:11px;  font-size: 2px; color: #666; border:1px solid #93cde0;  cursor:pointer; }
#set_pins {display:none; position:absolute; left:450px; top:-30px; width:500px; min-height:220px; background-color:#f4f2e9; border:1px solid #005a7b; box-shadow:5px 5px 20px #333; font-family:Arial,Helvetica,sans-serif; }
#icons { width:415px; margin-left:5px;}
#pin_panel { padding:5px; width:465px; border:1px solid #ccc; margin-left:5px; margin-top:0px;  }
#params {display:none; margin-top:0px; width:100%;  background-color:#f4f2e9; font-family:Arial,Helvetica,sans-serif;}
#matrix_in {display:none; position:absolute;  top:400px;  width:280px; height:220px; padding:20px;  padding-top:0px; background-color:#f4f2e9; border:1px solid #005a7b; box-shadow:5px 20px 20px #333; font-family:Arial,Helvetica,sans-serif;}
#matrix_pins {display:none; position:absolute;  margin-top:220px;  margin-left:100px; width:225px;  padding:12px;  padding-top:0px; background-color:#f4f2e9; border:1px solid #005a7b; box-shadow:5px 5px 20px #333; font-family:Arial,Helvetica,sans-serif;}
#use_port, #use_regs {display:none; position:absolute;  margin-left:100px; margin-top:290px;  width:225px;  padding:15px;  padding-top:0px; background-color:#f4f2e9; border:1px solid #005a7b; box-shadow:5px 5px 20px #333; font-family:Arial,Helvetica,sans-serif;}
#enc_port {display:none; width:460px; height:140px;}
#steppers {display:none;  width:460px; height:80px; }
.select_par td:hover { background-color:#fff; }
#paramtable td:hover { background-color:#FFF8C0; color:#EF2922; }
#x_params div { width:340px; margin-left:15px; padding:2px; border-radius:4px; background-color:#fff; border:1px solid #b31d1d; text-align:left; height:22px; margin-top:5px;}
#x_params button { float:right; margin-right:-50px; padding:1px; height:26px; width:36px; cursor:pointer; }
#x_params img { float:right; margin-right:-75px; margin-top:5px; cursor:pointer; }
#x_params h4 { float:left; width:25px; margin-left:-25px; margin-top:0px; text-align:center}
#x_params p { width:430px; height:2px; margin-bottom:15px;  margin-left:0px;  background-color:#bbb;}
#sorted {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color:#204A87;}
.cont img {border: 1px solid #ccc; border-radius: 3px;} 
.add_param {width:22px; height:22px}

#indicator {margin-left:100px; width:90px; height:44px; background-image:url(ardsimx/config/sevled.png);  background-repeat:no-repeat; overflow:hidden}
#indicator img { margin-top:38px; margin-left:115px; width:6px; height:6px; border:none;}
#change_sdir, #change_seg { height:22px; width:55px; border-radius:3px;  margin-left:4px; border:1px solid #222; color:#333; background-color:#ccc; font-size: 11px; cursor:pointer; float:right}
.stepzero {font-size: 11px; }

#modeencs td {font-family: sans-serif, Arial, Helvetica; font-size: 12px;  padding:0px;}
#modeencs input {float:right; margin-top:0px}

#mapping td, #mapping th {font-family: Arial, Helvetica, sans-serif; font-weight: normal; border:1px solid #666;cursor:pointer; height:15px; width:15px; text-align:center;}
.mapenter { width:85px; height:18px; border:none;} 

#matrix {  padding:1px; background-color:#fff; }
#matrix td {font-family: Arial, Helvetica, sans-serif; font-weight: bold; border:1px solid #c4c4c4;cursor:pointer; height:15px; width:15px; text-align:center;}

#icons div {display: inline-block; height:60px; width:60px; margin-left:6px;  border:1px solid #666;  cursor:pointer;}
#icons .icon_add {display: inline-block; height:30px; width:60px; margin-left:6px;  border:1px solid #666;  cursor:pointer;}

#saveconf { margin-left:0px; margin-top:0px; width:100px;}

#io_dtable table { border:1px solid #688; color:#666; width:50%; min-width:200px; font-size: 11px; border-collapse:collapse; table-layout: fixed; }
#io_dtable td { border:1px solid #8aa; color:#333; height:16px; padding-left:3px; overflow:hidden; white-space: nowrap; }
.main_config_table { border:1px solid #688; color:#666; width:50%; min-width:200px; font-size: 11px; border-collapse:collapse; table-layout: fixed; }
.main_config_table td { border:1px solid #8aa; color:#333; height:16px; padding-left:3px; overflow:hidden; white-space: nowrap; }
#switch_table {  margin-top:5px; margin-left:100px; border-bottom:2px solid #ccc; border-spacing: 20px 0px;  margin-right:10%; cursor:pointer}
#switch_table td { width:60px; height:20px; text-align:center; border:1px solid #366; border-bottom:none;  border-radius:4px; background-color:#f6f6f0;  font-size: 13px; color:#666}
#custom_options {position:absolute;  margin-left:300px; top:700px; padding-left:15px; width:300px; min-height:200px; height:auto; background-color: #f4f2e9; border: 1px solid #005a7b; display:none;}
.sub_info {font-size:9px; margin-right:10px;}

#stepnum { width:50px; border:1px solid #688; color:#333; background-color:#f4f2e9; float:right; text-align:center;}
#dmin, #dmax { width:40px; border:1px solid #688; color:#333; background-color:#f4f2e9;  text-align:center; }
#units,  #precprog  { width:20px; border:1px solid #688; color:#333; background-color:#eee;  text-align:center; }
#custom_ref, #custom_name { width:300px; border:1px solid #688; color:#333; background-color:#f4f2e9;  text-align:left; }
#an_min, #an_max, #stepval {width:50px; border:1px solid #688; color:#333; background-color:#f4f2e9; text-align:center;}
#del_stepper, #del_eport, #del_seg { height:22px; width:30px; border-radius:3px;  margin-left:4px; border:1px solid #222; color:#f00; background-color:#eee; font-size: 11px; cursor:pointer; float:right}
#pin_n {color:#cc0000;}
button {font-size:13px; padding:0px; font-family: Arial, sans-serif,   Helvetica; }  
.conf1 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; font-weight: normal;}
.group_dropdowns {font-family:  Verdana, Arial, Helvetica, sans-serif;  color:#395874; font-size:13px;}
.group_tables {font-size:13px; }
.category_tables {display:none;}
.category_dropdowns {margin-top:0px; margin-bottom:0px;}
.category_dropdowns:hover {background-color:#700; color:#fff; cursor:pointer;}
.category_tables {margin-left:30px;}
.category_tables span {margin-left:-15px;}
.params {font-family:  Verdana, Arial, Helvetica, sans-serif;  color:#876242; font-size:12px;}
.al:hover {background-color:#afa; cursor:pointer;}

.cont { font-family: sans-serif, Arial;  font-size:13px; }

/*
#mainmenu div {background-color:#005a88; margin-left:1px; border-radius:4px; border-top-right-radius:4px; }
#mainmenu div:hover {background-color:#0D3368; color:#FCE94F;}

#mainmenu a {color:#fff; font-size:13px;  font-family: sans-serif, Arial;  text-decoration: none;}
#mainmenu a:hover {text-decoration: none; color:#333;}
*/

.conf_c {  display:inline-block; width:16px; height:16px; margin-left:30px; margin-right:30px;  background-color: #ccc; border: 1px solid #000;}
.conf_w { background-image: url('ardsimx/cfg/w_dot.png'); margin-left:-25px; }
.conf_w1 { background-image: url('ardsimx/cfg/w_dot.png'); }
.c_1 { background-color: #2edfff; }
.c_2 { background-color: #00ff80; }
.c_3 { background-color: #009859; }
.c_4 { background-color: #8f9aff; }
.c_5 { background-color: #1c7cff; }
.c_6 { background-color: #a25f16; }
.c_7 { background-color: #fcff00; }
.c_8 { background-color: #ffab26; }
.c_9 { background-color: #ff1200; }
.c_10 { background-color: #ff1de7; }
.c_11 { background-color: #afff00; }
.c_12 { background-color: #f8ffa5; }
.c_13 { background-color: #0000ff; }
.c_14 { background-color: #8a00ff; }
.c_15 { background-color: #fff; }
.c_16 { background-color: #b6d0dc; }

.itip { display:inline;}
.itip:hover div { display:block;}
.itip div {position:absolute;  padding:8px; width:200px; height:auto; background-color:#f4f2e9; border:1px solid #333; display:none; z-index:20; font-size:13px; color:#333; box-shadow:3px 3px 3px #222;}


.no_back { background:none; }

.select_par { overflow:hidden; width:450px; }
.select_par table { width:100%; padding:1px; }
.select_par td {font-family: Arial, Helvetica, sans-serif;  border:1px solid #a0a0a0; cursor:pointer; height:18px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; padding-left:5px; padding-right:5px;}

.numselect td {font-family: sans-serif, Arial, Helvetica; font-size:12px; border:1px solid #a0a0a0; cursor:pointer; height:16px; width:16px; text-align:center; padding:1px; }

#param_7 th { width:22px; }
#param_7 tr { display:none; }

#x_window {position:absolute; margin-left:-25px;  margin-top:-30px; padding:10px; width:420px; top:0px;  height:auto; max-height:660px; border:1px solid #333; background-color:#fff; opacity:0.95; }
#paramtable { overflow:hidden; overflow-y:auto; max-height:560px; min-height:80px; width:420px;} 
#ptable { font-family: Arial, Helvetica, sans-serif; cursor:pointer; width:1500px;} 
#ptable td {border:1px solid #ccc; border-bottom:0px; white-space:nowrap; padding:2px; padding-left:5px; } 
#ptable td.par_cat {font-weight:bold; color:#A40000; text-align:center; padding:5px; border:0px; width:400px;}
#ptable td.head_cat {font-weight:bold; color:#823A00; border:0px; border-top:2px solid #ccc;}
#ptable td.head_cat:hover {cursor:default; background-color:#fff;} 
#ptable td.par_cat:hover {cursor:default; background-color:#fff;} 
#ptable td.sub_cat {font-weight:bold; color:#127491; text-align:left;  border:none;}
#ptable td.sub_cat:hover {cursor:default; background-color:#fff;} 

.ptable {font-family: Arial, Helvetica, sans-serif; cursor:pointer; } 
.ptable td {border:1px solid #a0a0a0; height:18px; white-space:nowrap; padding-left:5px; padding-right:5px;}
.cats {font-weight:bold; color:#900;}
.cats:hover {cursor:pointer; background-color:#ffa;} 

#param_options {position:absolute;  margin-left:320px; top:150px; padding:15px; width:300px; height:auto; background-color: #f4f2e9; border: 1px solid #005a7b; display:none; text-align:left;}
#param_cont {font-size:12px;  font-family: sans-serif, Arial; color:#603030; width:270px; text-align:left; }  
#param_prog {position:absolute;  margin-left:60px; top:480px; padding:15px; width:auto; max-width:450px; height:auto; background-color: #f4f2e9; border: 1px solid #005a7b; display:none; text-align:left;}

#prog_mask {position:absolute; text-align:left; margin-left:-20px; top:0px; padding:0px; width:470px;  height:600px; background-color: #fff; }
#mx_table { position:absolute; margin-left:-20px; background-color:#fff; top:0px; padding:5px; width:470px;  border: 1px solid #9c9c9c; overflow:hidden; overflow-y:auto; height:620px;  }

#conf_list, #pin_list,  #prog_list { margin-left:0px; margin-top:0px; padding:15px; width:440px; height:auto;  min-height:500px;  max-height:600px; background-color: #f8f6f2; border: 1px solid #005a7b; overflow:auto; text-align:left; font-size:12px; }

#pin_list table, #prog_list table  { padding:1px; background-color:#fff; width:430px}
#ard_d td, #prg_o td, #prg_i td, #ard_d th, #prg_o th, #prg_i th, #ard_a td, #ard_a th  {font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal; border:1px solid #c4c4c4; cursor:pointer; height:15px; width:auto; text-align:left;}
#ard_d th, #ard_a th, #prg_o th, #prg_i th  {font-weight: bold;  width:30px; text-align:center;}
#ard_d code, #ard_a code, #prg_o code, #prg_i code { padding-right:4px; width:100px; text-align:center; color:#c66; font-weight: bold; background-color:#eee; border-right:1px solid #999;}

#analog_opt {font-size:12px;  font-family: sans-serif, Arial; color:#603030; width:70px; height:22px; cursor:pointer }  
#multiunit { font-size:13px; color:#933} 

#encoderlist {position:absolute; margin-left:90px; padding:10px; width:310px; top:0px; height:auto; max-height:680px; min-height:300px; border:1px solid #333; background-color:#fff; opacity:0.95; text-align:left;}
#triple_sw, #pos_bt { vertical-align:middle;}
#matrix { padding:1px; background-color:#fff; width:430px}
#matrix td, #matrix th {font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal; border:1px solid #c4c4c4; cursor:pointer; height:15px; width:auto; text-align:left;}
#matrix th {font-weight: bold;  width:30px; text-align:center;}
#matrix div {width:300px; text-align:left; float:right;  background-color:#ccc;}
#matrix code { padding-right:4px; width:100px; text-align:center; color:#c66; font-weight: bold; background-color:#eee; border-right:1px solid #999;}

.gray_back {background-color:#E7EDF2;}
#plans { float:right; border:1px solid #ccc; width:460px; min-height:500px; background-color:#fff;}
#news { border:1px solid #ccc; width:460px; min-height:500px; background-color:#fff; }
#plans li {  margin-bottom:8px; list-style-type: none; margin-left:16px; padding:4px; border:1px solid #ccc; margin:5px;}

#mapstep th, #mapstep td {width:90px;}