body{font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:silver; background-color:gray}
td{padding:0px; margin:0px}
img{border:0px}

/* nadpisy sekci */
.title {font-size:12pt; color:white; font-weight:bold; line-height:2}

/* section */
/*.section{border: 1px solid white} */ 
.section{} 

/* separator (svisla cara) */
.separator{background-color:gray} 


/* main */
.main{position:absolute;top:0px;left:0px;width:960px; height:600px}


/* toolbar */
.tb_d{position:absolute;top:44px;left:0px;width:960px; height:45px; border-style:none; color: white; background-color: rgb(200,200,200)}
.tb_t{height:100%; width:100%; text-align:center; font-size:13pt; font-weight:bold; text-transform:uppercase;}
.tb_t a{text-decoration:none}
.tb_t td{padding:5px}
.tb_st{background-color:rgb(100,100,100)}
.tb_ut{}                                                                                                                                        
.tb_ua{color:white; padding:4px} 
.tb_ua:hover{text-decoration: underline}
.tb_sa{color:white; padding:4px}
.tb_sa:hover{text-decoration: underline}

.tb_sit{width:32px}
.tb_uit{width:32px}
.tb_usa{display:block;background:url("settings.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none; border: 1px solid rgb(200,200,200)}
.tb_usa:hover{border: 1px solid white}
.tb_ssa{display:block;background:rgb(100,100,100) url("settings.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid white}
.tb_ssa:hover{border: 1px solid white}
.tb_rea{display:block;background:url("refresh.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_rea:hover{border: 1px solid white}
.tb_tia{display:block;background:url("to_index.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_tia:hover{border: 1px solid white}
.tb_p0a{display:block;background:url("passw_no.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_p0a:hover{border: 1px solid white}
.tb_p1a{display:block;background:url("passw.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_p1a:hover{border: 1px solid white}
.tb_p2a{display:block;background:url("passw.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_p2a:hover{border: 1px solid white}
.tb_p3a{display:block;background:url("passw.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_p3a:hover{border: 1px solid white}
.tb_pa{display:block;background:url("passw.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_pa:hover{border: 1px solid white}
.tb_lock{display:block;background:url("passw_lock.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_exa{display:block;background:url("exit.gif") center no-repeat;width:34px;height:34px;margin:0px;padding:0px;text-decoration:none;border: 1px solid rgb(200,200,200)}
.tb_exa:hover{border: 1px solid white}

/* toolbar - controller index */
.tbci_d{position:absolute;top:44px;left:0px;width:960px; height:45px; border-style:none; color: white; background-color: rgb(200,200,200)}
.tbci_tb{height:100%; width:64px; text-align:center; font-size:13pt; font-weight:bold; text-transform:uppercase;}
.tbci_t{height:100%; width:300px; text-align:center; font-size:13pt; font-weight:bold; text-transform:uppercase;}
.tbci_t a{text-decoration:none}
.tbci_tb td{padding:5px}
.tbci_t td{padding:5px}
.tbci_sit{width:32px}
.tbci_uit{width:32px}
.tbci_st{background-color:rgb(100,100,100)}
.tbci_ut{}

/* statbar */
.sb_d{position:absolute;top:0px;left:0px;width:960px; height:45px; background-color: rgb(240,240,240)}
.sb_t{height:100%; width:95%; font-size:10pt; color:gray}
.sb_l{width: 100px; max-width: 100px}
.sb_l img {max-width: 100px; max-height: 35px;}
.sb_1{text-align:left; padding-left: 10px}
.sb_2{width:70px;text-align:right; font-size:8pt}
.sb_3{width:70px;text-align:right; font-size:8pt}
.sb_4{width:70px;text-align:right; font-size:8pt}
.sb_5{width:70px;text-align:right; font-size:8pt}

/* content */
.content{position:absolute;top:89px;left:0px;width:960px; height:476px; background: url(background.gif);}

/* tabulka se schematem */
.tsch{width:100%; height:100%}


/* tabulka s bargrafy */
.tbg{width:100%; height:100%}
.tbg td{padding:0px 0px 0px 0px}

/* tabulka s prepinacem MODE */
.tm{height:100%}
.tm td{padding: 5px}

/* tabulka se stavy automatu */
.ts{width:100%; height:100%}

/* tabulky s velicinami */
.tv{width:100%}

/* ramecek kolem seznamu */
.frame{border: 1px silver solid}


/* bgu */
.bbw1{background-color:#FFFF00}
.bbw2{background-color:#ED1B24}
.bbok{background-color:rgb(0,242,5)}
.bbbg{}
.bvw1{color:gray; background-color:#FFFF00;text-align:right; font-weight:bold; width:60px}
.bvw2{color:white; background-color:#ED1B24;text-align:right; font-weight:bold; width:60px}
.bvok{text-align:right; color:white; font-weight:bold; width:60px}
.bvsf{text-align:right; color:white; font-weight:bold; width:60px}
.bta{margin:3px}
.bta td{padding:0px 2px}
.btb{height:10px; border: 1px solid white}
.btb td{padding:0px;}
.bn{text-align:right;width:150px}
.br{text-align:left; color:white; font-weight:bold}
.bll{color:white;font-size:10pt;text-align:left}
.bhl{color:white;font-size:10pt;text-align:right}

/* avals */
.vsw1{color:gray; background-color:#FFFF00;width:80px;text-align:right; padding: 0px 3px; font-weight:bold}
.vsw2{color:white; background-color:#ED1B24;width:80px;text-align:right; padding: 0px 3px; font-weight:bold}
.vsok{color:silver;width:80px;text-align:right; padding: 0px 3px}
.vssf{color:silver;width:80px;text-align:right; padding: 0px 3px}
.vst{color:silver;border-style:none; font-size:11pt}
.vsn{text-align:left;width:130px}
.vsr{text-align:left;width:30px}

/* aval */
.vnt{color:white}
.vnt td {border-width:0px; border-style:none; padding-right:0px; padding-left:0px;}
.vnn{text-align:right;width:150px}
.vnv{color:white;width:100px;text-align:right}
.vnr{text-align:left}

/* bval */
.ist{color:white}
.isn{text-align:right;width:150px}
.isok{color:white;text-align:right}
.isw1{color:gray;background-color:#FFFF00;text-align:right}
.isw2{color:white;background-color:#ED1B24;text-align:right}
.issf{text-align:right; color:white}

/* bimg */
.yst{font-size:11pt}
.ysn{}
.ysv{}

/* logval */
.gval{}

/* label */
.lbl{}

/* multilabel */
.mlt{}
.mln{}
.mlv{color:silver}

/* cmd_button */
.cflr{display:block;background:url("btn_flr.gif") center no-repeat; width:43px;height:43px;margin:2px;padding:2px;text-decoration:none; border:0px; border-style:solid; border-color:white}
.cflr:hover{border-width:2px; padding: 0px}
.cstart{display:block;background:url("btn_start.gif") center no-repeat; width:43px;height:43px;margin:0px;padding:2px;text-decoration:none; border:0px; border-style:solid; border-color:white}
.cstart:hover{border-width:2px; padding: 0px}
.cstop{display:block;background:url("btn_stop.gif") center no-repeat; width:43px;height:43px;margin:0px;padding:2px;text-decoration:none; border:0px; border-style:solid; border-color:white}
.cstop:hover{border-width:2px; padding: 0px}
.cbrk{display:block;background:url("btn_brk.gif") center no-repeat; width:43px;height:43px;margin:0px;padding:2px;text-decoration:none; border:0px; border-style:solid; border-color:white}
.cbrk:hover{border-width:2px; padding: 0px}



/* radio_button */
.rsd{text-decoration:none;color:white;background-color:rgb(0,242,5); font-weight:bold; padding: 2px 10px; border: solid 1px rgb(0,242,5)}
.rsd:hover{}
.rud{text-decoration:none;color:white; font-weight:bold; padding: 2px 10px; border: solid 1px silver}
.rud:hover{border: solid 1px rgb(0,242,5)}

/* alarm-list */
.alt{font-size:8pt; font-weight:bold; width:100%;padding:0px;height:23px;}
.alt td{height:23px;}
.alian1{background:url("ui_black.gif") center no-repeat; width:23px;text-decoration:none;background-color:yellow}
.aliac1{width:23px;background-color:yellow}
.alinn1{background:url("ui_yellow.gif") center no-repeat; width:23px;text-decoration:none;background-color:#929292}
.alian2{background:url("ui_white.gif") center no-repeat; width:23px;text-decoration:none;background-color:#ED1B24}
.aliac2{width:23px;background-color:red}
.alinn2{background:url("ui_red.gif") center no-repeat; width:23px;text-decoration:none;background-color:#929292}
.alian3{background:url("ui_black.gif") center no-repeat; width:23px;text-decoration:none;background-color:white}
.aliac3{width:23px;background-color:white}
.alinn3{background:url("ui_white.gif") center no-repeat; width:23px;text-decoration:none;background-color:#929292}
.alian4{background:url("ui_white.gif") center no-repeat; width:23px;text-decoration:none;background-color:blue}
.aliac4{width:23px;background-color:blue}
.alinn4{background:url("ui_blue.gif") center no-repeat; width:23px;text-decoration:none;background-color:#929292;}
.alie{width:23px;}

.alna1{background-color:yellow;color:black;padding-left:0.5em}
.alnn1{color:yellow;background-color:#929292;padding-left:0.5em}
.alna2{background-color:#ED1B24;color:white;padding-left:0.5em}
.alnn2{color:#ED1B24;background-color:#929292;padding-left:0.5em}
.alna3{background-color:white;color:black;padding-left:0.5em}
.alnn3{color:white;background-color:#929292;padding-left:0.5em}
.alna4{background-color:blue;color:white;padding-left:0.5em}
.alnn4{color:blue;background-color:#929292;padding-left:0.5em}
.alne{}

/* ECU alarm-list */
.eat{font-size:8pt; font-weight:bold; width:100%}
.eat td {padding:2px}
.eahr{}
.eaic{width:25px}
.eanc{}
.eafc{width:50px}
.eaoc{width:20px}
.eamc{width:15px}
.eaina{background:url("ua.png") center no-repeat; width:23px;height:23px;text-decoration:none;background-color:#ED1B24;}
.eainn{background:url("ui.png") center no-repeat; width:23px;height:23px;text-decoration:none;}
.eaica{width:23px;height:23px;background-color:#ED1B24;}
.eaicn{width:23px;height:23px;}
.eaie{width:23px;height:23px;}
.eara{background-color:#ED1B24;color:white}
.earn{color:silver}
.eare{}

/* LED */
.led{}

/* ---- */


.lbl2{font-weight:bold}

/* stranka seznamu kontroleru*/
.ci_b{}
.ci_glhead{width:100%}
.ci_gltabb{width:100%}
.ci_gltab{width:100%; border-collapse: collapse}
.ci_gltab th{border-bottom: 3px solid gray; text-align:center}
.ci_gltab td{border-bottom: 1px solid gray; text-align:center}
.ci_bggreen{background-color: green}
.ci_bgred{background-color: red}
.ci_bggray{background-color: dimgray}
.ci_bgyellow{background-color:#FBB117}
.ci_csilver{color: silver}
.ci_cblack{color: black}
.ci_u{}
.ci_u a{color:silver;text-decoration:none}
.ci_u a:hover{color:white;text-decoration:none}


/* stranka velicin */
.v_b{}
.v_glhead{width:100%}
.v_vlhead{width:100%}
.v_gltabb{width:100%}
.v_gltab{width:94%; margin:5px}
.v_vltabb{width:100%}
.v_vltab{width:94%;margin:5px}
.v_s{color:white;background-color:gray}
.v_sa{color:white;text-decoration:none;background-color:gray;font-weight:bold}
.v_sa:hover{color:white;text-decoration:none}
.v_u{}
.v_ua{color:silver;text-decoration:none}
.v_ua:hover{color:white;text-decoration:none}
.v_r{}
.v_n{}
.v_dlm{height:1px; background-color:gray}
.v_d{width:60px}
.v_ok{color:white;width:100px;font-weight:bold;text-align:right}
.v_w1{color:silver;background-color:#FFFF00;width:100px;font-weight:bold;text-align:right}
.v_w2{color:white;background-color:#ED1B24;width:100px;font-weight:bold;text-align:right}
.v_sf{color:white;width:100px;font-weight:bold;text-align:right}
.v_br{font-size:8pt; border-bottom: 1px dot gray}
.v_bn{}
.v_bd{}
.v_bok{color:white;width:100px;font-weight:bold;text-align:right}
.v_bw1{color:silver;background-color:#FFFF00;width:100px;font-weight:bold;text-align:right}
.v_bw2{color:white;background-color:#ED1B24;width:100px;font-weight:bold;text-align:right}
.v_bsf{color:white;width:100px;font-weight:bold;text-align:right}

/* stranka parametru */
.p_b{}
.p_glhead{width:100%}
.p_plhead{width:100%}
.p_pltit{font-size:16pt;color:silver}
.p_gltit{font-size:16pt;color:silver}
.p_gltabb{width:100%}
.p_gltab{width:94%;margin:5px}
.p_pltabb{width:100%}
.p_pltab{width:94%;margin:5px}
.p_s{color:white;background-color:gray}
.p_sa{color:white;text-decoration:none;background-color:gray}
.p_sa:hover{color:white;text-decoration:none}
.p_u{}
.p_ua{color:silver;text-decoration:none}
.p_ua:hover{color:white;text-decoration:none}
.p_r{}
.p_n{}
.p_na{color:silver;text-decoration:none}
.p_na:hover{color:white;text-decoration:none}
.p_d{width:50px}
.p_v{color:white;width:140px;font-weight:bold;text-align:right}
.p_va{color:white;text-decoration:none}
.p_va:hover{text-decoration:underline}
.p_p0{}
.p_p1{display:block;background:url("pp.gif") center no-repeat; width:16px;height:16px;margin: 4px 0px 0px 0px;padding:0px;text-decoration:none; border:0px}
.p_p2{display:block;background:url("pp.gif") center no-repeat; width:16px;height:16px;margin: 4px 0px 0px 0px;padding:0px;text-decoration:none; border:0px}
.p_p3{display:block;background:url("pp.gif") center no-repeat; width:16px;height:16px;margin: 4px 0px 0px 0px;padding:0px;text-decoration:none; border:0px}
.p_p{display:block;background:url("pp.gif") center no-repeat; width:16px;height:16px;margin: 4px 0px 0px 0px;padding:0px;text-decoration:none; border:0px}
.p_lr{font-size:8pt;color:silver}
.p_ln{}

/* stranka pro zapis parametru */
/* stranka pro zadani hesla */
.w_b{}
.w_tb{width:100%}
.w_t{margin:20px 20px 0px 20px}
.w_r{}
.w_n{color:silver;text-decoration:none}
.w_v{}
.w_vi{font-weight:bold}
.w_vsu{font-weight:bold;width:146px}
.w_vs{font-weight:bold;width:150px}
.w_d{padding-left:10px;}
.w_lr{font-size:8pt;color:silver}
.w_ln{}
.w_btn{margin:20px;text-align:center}
.w_bok{background:url(btn_ok.gif) center no-repeat;width:89px;height:26px;cursor:pointer;cursor:hand; border:solid 1px white; padding:1px}
.w_bok:hover{border-width:2px; padding:0px}
.w_l{font-size:10pt;height:65px;}
.w_lp{color:silver;text-decoration: underline;cursor:pointer} 
#w_pd{margin:0px 20px 20px 20px;padding:20px;display:none}
.w_tpd{margin-left:50px;}
.w_cd{margin-bottom: 20px;}
 
 
/* historie */
.h_tab{border: 1px solid gray; border-collapse:collapse; font-size:10pt}
.h_tab th{padding:5px 3px 6px 3px;color:white; background-color:#D8D8D8; color:gray; border: 1px solid gray;white-space:nowrap}
.h_tab td{padding:5px 3px 6px 3px;color:white; border: 1px solid rgb(100,100,100); white-space:nowrap}
.h_tab .h_i{width:0px;padding:0px;margin:0px;border:none}
.h_fa {position: absolute;}
.h_fp {margin:0px; padding:0px;position: absolute; top: -14px; left: -330px;}
.h_fp, x:-moz-any-link { top: -15px}
.h_ft {table-layout: fixed; width:330px; visibility:visible; border-collapse:collapse; font-size:10pt}
.h_ft td {overflow:hidden;background-color:gray;}
.h_ft .h_c0 {width:35px; text-align: right;}
.h_ft .h_c1 {}
.h_ft .h_c2 {width:80px;}
.h_ft .h_c3 {width:70px;}

.h_btn{}
.h_btn td{}
.h_btnf{display:block;background:url("hf.gif") center no-repeat; width:85px;height:22px;padding:0px; margin:0px 10px;text-decoration:none; border:1px; border-style:solid; border-color:white}
.h_btnf:hover{border-width:2px}
.h_btnp{display:block;background:url("hp.gif") center no-repeat; width:85px;height:22px;padding:0px; margin:0px 10px;text-decoration:none; border:1px; border-style:solid; border-color:white}
.h_btnp:hover{border-width:2px}
.h_btnn{display:block;background:url("hn.gif") center no-repeat; width:85px;height:22px;padding:0px; margin:0px 10px;text-decoration:none; border:1px; border-style:solid; border-color:white}
.h_btnn:hover{border-width:2px}
.h_btnl{display:block;background:url("hl.gif") center no-repeat; width:85px;height:22px;padding:0px; margin:0px 10px;text-decoration:none; border:1px; border-style:solid; border-color:white}
.h_btnl:hover{border-width:2px}

.p_fn{}
.p_fy{display:block;background:url("pf.gif") center no-repeat; width:16px;height:16px;margin: 4px 0px 0px 0px;padding:0px;text-decoration:none; border:0px}

/* td_timer */
/*
.tmr_box{background-color:silver;color: black; padding: 5px;border: 1px solid black;float: left; width: 400px;}
*/
.tmr_box{padding: 5px;border: 1px solid silver;float: left; width: 450px;}
.tmr_box_2{padding: 5px; border-style:solid; border-color:silver; border-width: 0px 1px 1px 1px; float: left; width: 450px;}
.tmr_t_day{}
.tmr_f{}
.tmr_f td{padding:3px} 
.tmr_is{width: 40px;}
.tmr_date{width: 100px;}
.tmr_t{}
.rpt_chbs{float:left;border-right: 1px solid silver;padding: 10px;}
.rpt{float:left;padding: 10px;}