/* took from old dabc.css to keep layout:*/

* { padding: 0; margin: 0; }
* html, body { height: 100%; }

body, textarea {
   font-family: "lucida sans", verdana, arial, helvetica, sans-serif;
   font-size: 80%;
}

h1 { font-size: 20pt }
h2 { font-size: 18pt; font-weight:bold; color: navy }
h3 { font-size: 16pt; font-weight:bold; color: #483d8b }
h4 { font-size: 14pt; font-weight:bold; color:#C71585; margin-bottom:2px; margin-top:8px; }
h5 { font-size: 10pt; font-weight:bold; color:#6495ED; margin-bottom:2px; }
h6 { font-size: 10pt; font-weight:bold; color:navy }

body {
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
}

textarea { font-size: 100%;}

p { margin-top: 6px; padding: 0 10px 1em; }




/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}




/** display of the dofi tables:*/


.scaler_input_head {
text-align: center;
background:GreenYellow;
}

.scaler_output_head {
text-align: center;
background:Thistle;
}

.scaler_inrate_head {
text-align: center;
background:MediumAquaMarine;
}

.scaler_outrate_head {
text-align: center;
background:MediumOrchid;
}


.scaler_channel {
background:#CFCFCF; 
text-align: center;

}


.scaler_input {
text-align: right;

}

.scaler_output {
text-align: right;

}

.scaler_inrate {
text-align: right;

}

.scaler_outrate {
text-align: right;

}
.matrix_check {
	text-align: center;
	
}
.outmatrix_channel {
background:Thistle;
text-align: center;
}

.inmatrix_channel {
background:GreenYellow;
text-align: center;
}

.insignal_channel {
background:GreenYellow; 
text-align: center;

}
.insignal_invert {
	text-align: center;
	
}
.insignal_delay {
	text-align: right;
	

}

.insignal_length {
	text-align: right;
	}




.dofi_status_style {
text-align: left;
font-size: 12pt; font-weight:bold;
color: #483d8b
}


/* Override / redefine here some of the jquery ui icons */

.ui-spinner-input {
   margin: 0.2em;
}



.ui-button-text-only
.ui-button-text {
   padding: 0.3em 0.3em;
}


/* supress highlighting the checkboxes when in checked state:*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover
{
border: 1px solid #dddddd;
color: #333333;
background: #e9e9e9;
}

/* .ui-button .ui-icon.ui-icon-poland {
    background-image: url("img/PolandLogo.png");
    background-position: 0 0;
    background-size: contain;
}

.ui-button:hover .ui-icon.ui-icon-poland {
    background-image: url("img/PolandLogo.png");
  	background-position: 0 0;
    background-size: contain;
}
 */

/* .ui-button .ui-icon.ui-icon-mystop { */
/*     background-image: url("img/Stop.png"); */
/*     background-position: 0 0;   */
/*     background-size: contain; */
/* } */

/* .ui-button:hover .ui-icon.ui-icon-mystop { */
/*     background-image: url("img/start.png"); */
/*   	background-position: 0 0;   */
/*     background-size: contain; */
/* } */

/* We just change the hovering view of standard icons by our widgets: */


.ui-button  .ui-icon.ui-icon-stop {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-stop {
    background-image: url("img/Stop.png");
  	background-position: 0 0;
    background-size: contain;
}


.ui-button  .ui-icon.ui-icon-play {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-play {
    background-image: url("img/start.png");
  	background-position: 0 0;
    background-size: contain;
}


.ui-button  .ui-icon.ui-icon-refresh {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-refresh {
    background-image: url("img/refresh.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-disk {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-disk {
    background-image: url("img/filesave.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-image {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-image {
    background-image: url("img/tgraph.png");
  	background-position: 0 0;
    background-size: contain;
}


.ui-button  .ui-icon.ui-icon-wrench {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-wrench {
    background-image: url("img/control.png");
  	background-position: 0 0;
    background-size: contain;
}


.ui-button  .ui-icon.ui-icon-gear {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-gear {
    background-image: url("img/dllicon.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-trash {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-trash {
    background-image: url("img/clear.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-closethick {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-closethick {
    background-image: url("img/close16.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-cancel {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-cancel {
    background-image: url("img/shutanal.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-power {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-power {
    background-image: url("img/launchanal.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-circle-arrow-n {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-circle-arrow-n {
    background-image: url("img/Speed.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-star {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-star {
    background-image: url("img/saveall.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-seek-next {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-seek-next {
    background-image: url("img/startselected.png");
  	background-position: 0 0;
    background-size: contain;
}

ui-button  .ui-icon .ui-icon-arrowreturnthick-1-s {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon-arrowreturnthick-1-s {
    background-image: url("img/undo.png");
  	background-position: 0 0;
    background-size: contain;
}







.ui-button  .ui-icon.ui-icon-document {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-document {
    background-image: url("img/filenew.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-link {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}


.ui-button:hover .ui-icon.ui-icon-link {
    background-image: url("img/connect.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-arrowthick-1-s {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-arrowthick-1-s {
    background-image: url("img/shutanal.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-arrowthick-1-n {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-arrowthick-1-n {
    background-image: url("img/launchanal.png");
  	background-position: 0 0;
    background-size: contain;
}


.ui-button  .ui-icon.ui-icon-arrowthick-1-w {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-arrowthick-1-w {
    background-image: url("img/left.png");
  	background-position: 0 0;
    background-size: contain;
}


.ui-button  .ui-icon.ui-icon-folder-open {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-folder-open {
    background-image: url("img/open.png");
  	background-position: 0 0;
    background-size: contain;
}

ui-button  .ui-icon.ui-icon-document {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-document {
    background-image: url("img/analysiswin.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-alert {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-alert {
    background-image: url("img/info1.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-comment {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-comment {
    background-image: url("img/mb_question_s.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-caret-1-n {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-caret-1-n {
    background-image: url("img/shiftup.png");
  	background-position: 0 0;
    background-size: contain;
}

.ui-button  .ui-icon.ui-icon-caret-1-s {
	background-image: url("./httpsys/jq/images/ui-icons_777777_256x240.png");
	}

.ui-button:hover .ui-icon.ui-icon-caret-1-s {
    background-image: url("img/shiftdown.png");
  	background-position: 0 0;
    background-size: contain;
}


.ui-resizable-helper {
    border: 1px dotted #999;
}