body {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    font-family: "arial";
    font-size: 10pt;
}

.lockscreen {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*background-color: rgba(0,0,0,0.2);*/ /* Black w/ opacity */
    cursor: wait;
}

.header {
    font-family: arial;
    font-size: 20pt;
    background-image:url(images/back_sm.png);
    background-repeat:no-repeat;
    height:60px;
    padding-left:100px;
}

.subhead {
    font-weight: bold;
    text-align: center;
}

.align_right {
    text-align: right;
}
.underline {
    text-decoration:underline;
    cursor:pointer;
}

.header_sub {
  position:relative;
  top:14px;
}

.unsel {
    background-color: gray !important;
}

.phead, .ui-datepicker-header {
    background-color: rgb(255,153,0);
    color: white;
    font-weight:bold;
    font-size: 10pt;
    padding: 0px;
    margin:0px;
    margin-bottom:3px;
    
    border-top:1px solid rgb(255,193,40);
    border-right:1px solid rgb(255,173,2);
    border-bottom:1px solid rgb(215,113,0);
    border-left:1px solid rgb(235,133,0);
    box-shadow:0px 5px 5px rgba(0,0,0,0.08);
}

.questions td {
    vertical-align:top;
}

fieldset:disabled {
    color:gray;
}

fieldset {
    border:1px solid #aaa;
}
fieldset tabel {
    border-collapse: collapse;
    border-spacing: 0px;
    line-height: 0px;
}
fieldset td {
    padding:0px;
    margin:0px;
}
fieldset input {
    padding:0px;
    margin:0px;
    margin-bottom:2px;
    
}
.datatab {
    border-collapse:collapse;
}
h3:focus {
    outline: none;
    padding:0px;
    margin:0px;
}

/* --- asl button --- */
.aslbutton {
    background-image: url(../images/bbacknb.png);
    border-radius: 4px;
    /*float:left;*/
    display:inline-block;
    padding: 2px;
    font-weight:normal;
    /*
    padding-left:4px;
    padding-right:4px;
    */
    margin:2px;
    border: 1px solid rgb(148,148,148);
    line-height:1;
    font-size:10pt;
    /*height: 16px;*/
    /*overflow:hidden;*/
    /*width:70px;*/
    text-align: center;
    /*vertical-align: top;*/
    cursor:default;
    color:black;
    font-style:normal;
    white-space:nowrap;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}
.shadow {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
.aslbutton:hover {
    background-image: url(../images/bbacknb_hl.png);
}

.dis {
    color:gray !important;
    background-image: url(../images/bbacknb.png) !important;
}

/* --- eye_select_table --- */
.eye_select_table {
    width:100%;
    border-collapse:collapse;
}
.eye_select_table td {
    padding:10px;
    text-align:center;
    background-color:#ddd;
    cursor:pointer;
    color:#777;
}
.eye_select_table td:hover {
    background-color:#fff;
}
.eye_selected {
    color:black !important;
    background-color:#fff !important;
    cursor:default !important;
}

/* --- fault colors --- */
.faultRedBack {
    background-color:#F75D59 !important;
}

.faultRed {
    color:#F75D59 !important;
}

/* --- fixed headers --- */
.fixed_headers {
    width: 750px;
    table-layout: fixed;
    border-collapse: collapse;
}
.fixed_headers th {
    text-decoration: underline;
}
.fixed_headers th,
.fixed_headers td {
    padding: 5px;
    text-align: left;
}
.fixed_headers thead {
    background-color: #333;
    color: #FDFDFD;
}
.fixed_headers thead tr {
    display: block;
    position: relative;
}
.fixed_headers tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 300px;
}
.fixed_headers tbody tr:nth-child(even) {
    background-color: #DDD;
}
.old_ie_wrapper {
    height: 300px;
    width: 750px;
    overflow-x: hidden;
    overflow-y: auto;
}
.old_ie_wrapper tbody {
    height: auto;
}

/* -- dbtable --- */
.dbtable {
    width:100%;
     border:0px;
     border-collapse:collapse;
     margin:0px;
}

.dbtable th {
    text-align:left;
    border-bottom:1px solid lightgray;
}

.dbtable td {
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
    padding-right:4px;
    padding-left:4px;
    
}
.dbtable tbody tr:nth-child(even) {
    background-color: #F9F9F9;
}

.dbtable tbody tr:hover {
    background-color: rgb(255,213,60) !important;
    cursor:pointer;
}
.block-nw {
    display:inline-block;
    white-space:nowrap;
    font-size:inherit;
}
.edit_click {
    cursor:pointer;
    text-decoration:underline;
}
/* -- tabs --- */

.tab {
    display:inline-block;
}
.tab ul:nth-child(1) {
    margin:0px;
    padding:0px;
}
.tab-li {
    display:inline-block;
    min-width:50px;
    border:1px solid lightgray;
    border-radius: 0px 6px 0px 0px;
    text-align:center;
    padding: 2px 4px 2px 4px;
    margin-right:1px;
    background-color: #f3f3f3;
    position:relative;
    top:1px;
    z-index:10;
    color:gray;
    cursor:pointer;
}
.tab-sel {
    background-color:white !important;
    border-bottom:1px solid white !important;
    color:black !important;
    cursor:default !important;
}

.tab li:hover {
    background-color: #f7f7f7;
}

.tab > div {
    display:none;
    border:1px solid lightgray;
    width:100%;
    height:100%;
    z-index:0;
    padding:10px;
}

.sel_cyl {
    display:none;
    width:46px;
    padding-left:0px;
    -webkit-padding-start:3px;
}

/* -- ui --- */

/*.ui-widget-content*/
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-state-focus {
	/*border: 1px solid #cccccc;*/
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-datepicker {
    background-color:lightgray;
    border:1px solid #aaa;
    box-shadow:10px 10px 20px rgba(0,0,0,0.2);
}
.ui-datepicker td a {
    color:black;
}
.ui-datepicker-current-day {
    border: 1px solid black;
    background-color:rgb(235,133,0);
    font-weight:bold;
}
.ui-datepicker-today {
    background-color:#f0f0f0;
}
.ui-datepicker td a:hover {
    background-color:white;
    color:gray;
}

.ui-datepicker-trigger {
    border:0;
    background-image:url("../images/calendar.png");
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    cursor:pointer;
    position:relative;
    top:1px;
    left:2px;
}

.phead_dis {
    background-color: rgb(213,151,89);
    color: lightgray;
    font-weight:bold;
    font-size: 10pt;
    padding: 0px;
    margin:0px;
    margin-bottom:3px;		
    
    border-top:1px solid rgb(213,191,120);
    border-right:1px solid rgb(213,171,69);
    border-bottom:1px solid rgb(173,111,69);
    border-left:1px solid rgb(183,131,69);
    box-shadow:0px 5px 5px rgba(0,0,0,0.08);
}


.ppage {
    /*border:1px solid rgb(255,153,0);*/
    padding:0px;
    margin-bottom: 0px;
    width: 635px;
    font-family: "arial";
    font-size: 10pt;
    margin:auto;
    margin:auto;
}

.ppage2 {
    /*border:1px solid rgb(255,153,0);*/
    padding:0px;
    margin-bottom: 0px;
    width: 327px;
    font-family: "arial";
    font-size: 10pt;
}

.button_line{
    width: 650px;
    font-family: "arial";
    font-size: 10pt;
    text-align: right;
    position: relative;
    top: -10px;
}

input[type="password"],
input[type="text"] {
    /*background-color:lightgreen;*/
    width:40px;
    text-align:right;
    border: 1px solid #aaa;/*gray;*/
    padding: 2px;
    font-size: 9pt;
    height:14px;
}

textarea, input, button, select { outline: none; }
/*
.aslbutton:focus {
    outline:2px solid rgba(135,206,250,1);
}
*/
.aslbutton:focus, select:focus, input:focus, div:focus {
    
    /*box-shadow:0px 0px 8px rgba(135,206,250,1);*/
    
    /*outline:2px solid rgba(135,206,250,0.4);*/
    box-shadow: 0 0 0 2px rgb(135,206,250);
    outline:none;
}

input[type="radio"]:focus {
    /*outline: 1px dotted gray;*/
    /*box-shadow: 0 0 0 2px rgb(135,206,250);*/
    background-color:rgb(135,206,250);
    outline: 2px solid rgb(135,206,250);
}

input[type="text"]:read-only {
    background-color:lightgray;
    color:rgb(60,60,60);
}

input[type="text"]:-moz-read-only {
    background-color:lightgray;
    color:rgb(60,60,60);
}

.date_field {
    width:80px !important;
    /*background-color:lightgreen !important;*/
}
/*
div:focus {
    box-shadow:0px 0px 8px rgba(135,206,250,1);
    outline: 1px dotted gray;
}
*/

.dtitle {
    font-weight:bold;
    font-family:arial;
    font-size:10pt;
}

.tlink {
    color:darkgray;
    text-decoration:none;
    font-size:9pt;
}

.info {
    font-size:8pt;
}

.infoimg {
    width: 14px;
    position:relative;
    top:3px;
}

.modal:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: block;
}

@media all and (-ms-high-contrast:none) {
     .foo { display: none; } /* IE10 */
     *::-ms-backdrop, .modal:before { display: none; } /* IE11 */
}

.modal {
  font-family: arial;
  font-size: 10pt;
  position: fixed;
  z-index: 1000;
  display:none;
  margin-left: -200px;
  left: 50%;
  top: 20%;
}
.modal-body {
  background: #ddd;
  border: #333333 solid 1px;
  border-radius: 5px;
  width: 360px;
  padding:0px;
}
.modal-header {
  background-color: rgb(255,153,0);
  color:white;
  font-weight:bold;
  padding:4px;
  padding-left:10px;
  border-radius: 4px 4px 0px 0px;
  border-bottom:1px solid rgb(215,113,0);
}
.modal-content {
  padding:10px;
  padding-bottom:15px;
  min-height:20px;
  /*white-space:pre-line;*/
}

.ui-green {
    background-image: url("../images/ui-icons_green_256x240.png") !important;
}
.ui-red {
    background-image: url("../images/ui-icons_cc0000_256x240.png") !important;
}

/* Icons
----------------------------------*/

/* states and images */
/*
.ui-icon {
	width: 16px;
	height: 16px;
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}
.ui-myicon {
	width: 16px;
	height: 16px;
    /*background-image: url("../images/ui-icons_ffffff_256x240.png");*
    background-image: url("../images/ui-icons_444444_256x240.png");
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
    top:-0px;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
*/
/*

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("../images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../images/ui-icons_777777_256x240.png");
}
*/
/* positioning */
/*
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
*/