html{height:100%;}
HTML,BODY,UL{padding: 0px;margin: 0px;}
body{/*text-align: left;font-size: 12px;line-height: 20px;font-family: Arial, Helvetica, sans-serif;*/background-color:#cdd9e1;width:100%;height:100%;font-size:12px;font-family:Arial, Helvetica, sans-serif;/*border:1px solid red;*/}
/*#desktopMenu-bg{width:100%;height:100%;position:absolute;top:0px;background-color:#cdd9e1;}*/.first-div{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.first-div .header{position:static;display: block;width: 100%;height: 70px;}
.first-div .header .article{background-color:#fff;display:block;width:100%;height:50px;}

#desktopUtilities{background-color: rgb(35, 55, 70);display:block;position:static;height:20px;}
#desktopUserName{display:block;position:static;height:50px;background-color:#cdd9e1;border-bottom-color: rgb(100, 120, 135);border-bottom-width: 1px;border-bottom-style: solid;}
#desktopUserName .logo-info{display:block;position:relative;top:0px;width:15%;height:100%;background-color:#889baa;}
#desktopUserName h2{display:block;position:relative;top:6px;left:10px;font-weight:bold;font-size:1em;color:#ccd9e1;line-height:18px;/*-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;*/margin:0px;}
/*#desktopUserName p{display:block;position:relative;left:10px;color: rgb(255, 255, 255);}*/#desktopUserName a{color: rgb(255, 255, 255);text-decoration: none;}
#desktopUserName a:link{text-decoration: none;}
#desktopUserName a:visited{text-decoration: none;}
#desktopUserName a:hover{color: rgb(0, 51, 153);}
#desktopUserName a:active{color: rgb(0, 51, 153);}
#desktopUserName a:focus{color: rgb(0, 51, 153);}
#desktopMenu{width:15%;height:auto;line-height:2.4;background-color:#cdd9e1;font-weight:bold;margin:0;/*border:1px solid red;*/}
#desktopMenu ul{margin: 20px 0px 0px 9px;}
#desktopMenu a{color: rgb(115, 135, 150);text-decoration: none;/*border-bottom-color: currentColor;border-bottom-width: medium;border-bottom-style: none;*/}
#desktopMenu a:link{color: rgb(115, 135, 150);text-decoration: none;/*border-bottom-color: currentColor;border-bottom-width: medium;border-bottom-style: none;*/}
#desktopMenu a:visited{color: rgb(115, 135, 150);text-decoration: none;/*border-bottom-color: currentColor;border-bottom-width: medium;border-bottom-style: none;*/}
#desktopMenu a:hover{color: rgb(0, 51, 153);}
#desktopMenu a:active{color: rgb(0, 51, 153);}
#desktopMenu a:focus{color: rgb(0, 51, 153);}
#desktopMenu li.aktiv a{color: rgb(0, 51, 153);}
#desktopMenu li.aktiv a:link{color: rgb(0, 51, 153);}
#desktopMenu li.aktiv a:visited{color: rgb(0, 51, 153);}
.desktopContent{/*display:block;*/position:absolute;top:121px;left:15%;width:85%;height:100%;vertical-align:middle;background-color:#ebf0f5;/*border:0px solid blue;*/}
.desktopContent #Listframe{width:100%;height:100%;border:0px solid red;}
.desktopContent .left-div{/*display:block;*/position:relative;float:left;width:50%;height:auto;text-align:center;vertical-align:middle;}
.desktopContent .right-div{/*display:block;*/position:relative;top:40px;float:left;width:45%;height:auto;vertical-align:middle;}
.articleT{border-bottom:2px solid #889baa;font-size:14px;font-weight:bold;line-height:22px;}
.right-div table{width:80%;}
.td-tle{width:30%;}
.log-pic{margin:0px 0px 0px 2px;}
.blueBtn{width:152px;height:40px;background-color:#889baa;}
.blueBtn:hover{background-color:#cdd9e1;}
.var-tble{border-collapse:collapse;}
.var-tble tr{height:30px;}
.var-tble td{padding-left:3px;padding-right:3px;text-align:center;border-right:1px solid #d5dfe5;border-bottom:1px solid #d5dfe5;}
.tr-tlt{background-color:#ccd9e1;height:30px;text-align:left;}
.tr-tlt th{padding-left:5px;border-right:1px solid white;}
.tr-tlt .x-th{border-right:none;}
.name-td{}
.item-td{width:20%;}
.addr-td{width:20%;}
.type-td{width:20%;}
.format-td{width:20%;}
.var-tble .x-td{width:5%;border-right:none;}
.monitor-tble{width:100%;border-collapse:collapse;}
.monitor-tble th{width:20%;text-align:left;background-color:#ccd9e1;height:30px;padding-left:5px;}
.monitor-tble tr{height:30px;}
.monitor-tble td{padding-left:3px;padding-right:3px;border-bottom:1px solid #d5dfe5;}
.monitor-tble .addr1{width:5%;}
.monitor-tble .addr2{}
.ctrl-tlb{/*border:1px solid #808080;*//* border-collapse:collapse;*/width:100%;background-color:#182329;}
.ctrl-tlb tr{border:2px solid #808080;}
.ctrl-tlb td{}
.points-ul, .pointsD-ul{/*border:1px solid red;*/width:96%;margin-left:2%;margin-right:2%;}
.points-ul li{list-style:none;float:left;background-image:url(./graypoint.png);/*width:40px;*/width:5.88%;height:46px;background-repeat:no-repeat;background-position:bottom;text-align:center;font-size:16px;font-weight:bold;/*border:1px solid red;*/}
.pointsD-ul li{list-style:none;float:left;background-image:url(./graypoint2.png);/*width:70px;*/width:10%;height:auto;background-repeat:no-repeat;background-position:top;text-align:center;padding-top:36px;font-size:16px;font-weight:bold;/*border:1px solid red;*/}
.points-ul .red-li{background-image:url(./redpoint.png);}
.pointsD-ul .red-li{background-image:url(./redpoint2.png);}
#logo-mid{/* background-image:url(./logo-rievtech.png);*/display:block;width:200px;height:55px;margin-left:2%;}
#logo-midb{background-image:url(./logo-rievtech.png);display:block;width:143px;height:41px;margin:5%;}

#display-div{background-color:#cdd9e1;display:block;width:380px;height:220px;border:2px solid rgb(35, 55, 70);margin-left:5%;}
#display-tbl{width:60%;height:80%;font-weight:bold;font-size:24px;text-align:center;}
/*#display-pnl{width:240%;height:235%;}*/
#display-pnl{width:117%;height:115%;}
#prod-style{display:block;font-size:16px;font-weight:bold;margin-left:0%;width:360px;/*border:1px solid red;*/}

.FButton-ul .buttonA{width:50px;height:30px;border:2px solid #217097;background-color:#2989b3;font-weight:bold;font-size:16px;border-radius:5px 5px;}
.FButton-ul .buttonA:hover{background-color:#2f99c8;}
.FButton-ul .buttonA:active{position:relative;top:1px;left:1px;}
.FButton-ul .buttonA:visited{position:relative;top:0px;left:0px;}


.FButton-ul .buttonB{width:50px;height:30px;border:2px solid #217097;background-color:#2989b3;font-weight:bold;font-size:16px;border-radius:5px 5px;}
.FButton-ul .buttonB:hover{background-color:#2f99c8;}
.FButton-ul .buttonB:active{position:relative;top:-1px;left:0px;}
.FButton-ul .buttonB:visited{position:relative;top:0px;left:0px;}

.FButton-ul .buttonC{width:50px;height:30px;border:2px solid #217097;background-color:#2989b3;font-weight:bold;font-size:16px;border-radius:5px 5px;}
.FButton-ul .buttonC:hover{background-color:#2f99c8;}
.FButton-ul .buttonC:active{position:relative;top:0px;left:-1px;}
.FButton-ul .buttonC:visited{position:relative;top:0px;left:0px;}


.FButton-ul .buttonD{width:50px;height:30px;border:2px solid #217097;background-color:#2989b3;font-weight:bold;font-size:16px;border-radius:5px 5px;}
.FButton-ul .buttonD:hover{background-color:#2f99c8;}
.FButton-ul .buttonD:active{position:relative;top:0px;left:1px;}
.FButton-ul .buttonD:visited{position:relative;top:0px;left:0px;}

.FButton-ul .buttonE{width:50px;height:30px;border:2px solid #217097;background-color:#2989b3;font-weight:bold;font-size:16px;border-radius:5px 5px;}
.FButton-ul .buttonE:hover{background-color:#2f99c8;}
.FButton-ul .buttonE:active{position:relative;top:1px;left:0px;}
.FButton-ul .buttonE:visited{position:relative;top:0px;left:0px;}

#arrowsBtn-ul{/*border: 1px solid red;*/display: block;position: relative;top: 0px;left: 0px;padding: 0px;margin: 0px;width: 470px;height: 60px;}
#arrowsBtn-ul li{list-style: none;padding: 0;margin: 0px;/*border: 1px solid red;*/}
/*ESC*/
#arrowsBtn-ul #e-btn{position: relative;left: 0px;top: 15px;width:68px;}
#arrowsBtn-ul #e-btn:active{left: 1px;top: 16px;}
#e-btn input{background-image: url(./e-btn.png);width: 68px;height: 28px;border: none;background-color: #d0d0d2;}
#e-btn input:hover{background-image: url(./e-btn-h.png);}

/*Up*/
#arrowsBtn-ul #u-btn{position: relative;left: 72px;top: -14px;width:65px;}
#arrowsBtn-ul #u-btn:active{left: 72px;top: -15px;}
#u-btn input{background-image: url(./u-btn.png);width: 65px;height: 28px;border: none;background-color: #d0d0d2;}
#u-btn input:hover{background-image: url(./u-btn-h.png);}

/*left*/
#arrowsBtn-ul #l-btn{position: relative;left: 141px;top: -43px;width:65px;}
#arrowsBtn-ul #l-btn:active{left: 140px;top: -43px;}
#l-btn input{background-image: url(./l-btn.png);width: 65px;height: 28px;border: none;background-color: #d0d0d2;}
#l-btn input:hover{background-image: url(./l-btn-h.png);}
/*right*/
#arrowsBtn-ul #r-btn{position: relative;left: 210px;top: -72px;width:65px;}
#arrowsBtn-ul #r-btn:active{left: 211px;top: -72px;}
#r-btn input{background-image: url(./r-btn.png);width: 65px;height: 28px;border: none;background-color: #d0d0d2;}
#r-btn input:hover{background-image: url(./r-btn-h.png);}

/*down*/
#arrowsBtn-ul #d-btn{position: relative;left: 279px;top: -100px;width:65px;}
#arrowsBtn-ul #d-btn:active{left: 279px;top: -99px;}
#d-btn input{background-image: url(./d-btn.png);width: 65px;height: 28px;border: none;background-color: #d0d0d2;}
#d-btn input:hover{background-image: url(./d-btn-h.png);}

/*OK*/
#arrowsBtn-ul #o-btn{position: relative;left: 348px;top: -129px;width:68px;}
#arrowsBtn-ul #o-btn:active{left: 349px;top: -130px;}
#o-btn input{background-image: url(./o-btn.png);width: 68px;height: 28px;border: none;background-color: #d0d0d2;}
#o-btn input:hover{background-image: url(./o-btn-h.png);}
/*SET*/
#arrowsBtn-ul #c-btn{position: relative;left: 430px;top: -159px;width:30px;}
#arrowsBtn-ul #c-btn:active{left: 431px;top: -160px;}
#c-btn input{background-image: url(./c-btn.png);width: 30px;height: 30px;border: none;background-color: #d0d0d2;}
#c-btn input:hover{background-image: url(./c-btn-h.png);}