/* CSS Document */

.frame {
	background-image: url(../images/main_panel_h.gif);
        border: 0px;
        margin-left: auto;      /* center the table */
        margin-right: auto;
        border-spacing: 0;
        padding: 3px;
}

/*input {
    font-size: 14px;
}*/

input {
	font-size: 14px;
    margin: 1px;
    padding: 4px;
    border: 1px inset #c7d1ca;
    border-radius: 4px;
}

.button {
    border: 1px solid black;
    background: #f0f0f0;
    font-size: 12px;
    cursor:pointer;
}

.button:hover {
    border: 1px solid black;
    background: #f6ffd5;
}

.tableboarder {border: 1px solid black}

th.tableB{
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

td.LHtd{
    padding-right:10px;
    padding-bottom:20px;
    text-align: right;
}

td.RHtd{
    padding-bottom:20px;
    text-align: left;
}

td.ALeft{
    text-align: left;
}

td.ARight{
    padding-right:10px;
    text-align: Right;
}


.center{
    margin-left: auto;
    margin-right: auto;
}


p.Right{
    text-align:Right;    
}

p.Center{
    text-align:center;    
}

p.Left{
    text-align:left;    
}


/* mkeys */

table.mKnames{
    width: 86%;
    margin-left:7%; 
    margin-right:7%;
}

td.mKouter{
    vertical-align:top;
    width: 50%;
}

td.mKNumRows{
    text-align:left;
    color: red;
    font-weight: bold;  
}


.mKLH{
    width: 80%;
    padding-right:10px;
    text-align: left;
}

.mKRH{
    width: 20%;
    padding-right:10px;
    text-align: center;
}

a.mkeys {
	color: #000000;
	text-decoration: none;
}

a.mkeys:hover {
	text-decoration: none;
	color: #FB6754;
}



/* mkey*/

table.mkey{
    width: 86%;
    margin-left:7%; 
    margin-right:7%;        
}

/*table.dsrep{ //disabled by Luis @ 20160225.. table.dsrep already declared further down
    width: 86%;
    margin-left:7%; 
    margin-right:7%;        
}*/

th.mkey{
    padding-left: 20px;
    text-align: left;
}
    
td.mkey{
    padding-left: 20px;
    text-align: left;
} 


/* dskeyrep, dsreport*/


table.dskey{
    width: 86%;
    margin-left:7%; 
    margin-right:7%;        
}

table.dsrep{
    width: 94%;
    margin-left:3%;
    margin-right:3%;
}

th.dskey{
    font-size: 90%;
    padding-left: 10px;
    text-align: left;
}
    
td.dskey{
    font-size: 90%;
    padding-left: 10px;
    text-align: left;
}

table.dsrep_1Col{
    width: 80%;
    margin-left:10%;
    margin-right:10%;
}

th.dsrep_1Col{
    font-size: 90%;
    padding-left: 50px;
    text-align: left;
}
    
td.dsrep_1Col{
    font-size: 90%;
    padding-left: 50px;
    text-align: left;
}

a.button {
  font-size: 14px;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.fatButton {
  font-size: 16px;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 6px 8px 6px 8px;
  border-top: 2px solid #CCCCCC;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #CCCCCC;
}

.fatButton:hover {
    border: 2px solid #CCCCCC;
    background: #f6ffd5;
    cursor: pointer;
}

label.ColorBackG {
     display: inline-block;
     width: 95%;
     background-color: #CCCCCC;
}

.whiteOnBlack {
    background-color: #555555;
    color: whitesmoke;
    font-weight: bolder;
}

.marginTB {
    margin: 10px 0px 6px 0px; /* top, right, bottom, left */ 
}

div.codeHighlight {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-style: normal;
    font-variant: normal;
    background-color: #f0f0f0;
    border: 1px solid black;
    border-style: outset;
    padding: 5px;
}

.lnkInfo {
    cursor: pointer;
    color: black;
    text-decoration: none;
    position: relative;
}

.lnkInfo:hover {
    color: #FB6754;
}

.lnkInfo:after {
    content: "";
    position: absolute;
    top: 0; 
    right: 0; 
    width: 0; 
    height: 0; 
    display: block;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid #f00;
}

.notclickable {
    cursor: not-allowed;
    text-decoration: none;
    position: relative;
}
.notclickable:hover {
    color: grey !important;
}

.clickable {
    cursor: pointer;
    text-decoration: none;
    position: relative;
}

.clickable:hover {
    color: #FB6754 !important;
}

.clickableUnderline {
    cursor: pointer;
    text-decoration: underline;
    position: relative;
}

.clickableUnderline:hover {
    text-decoration: 2px solid underline;
}

.hoverSelectable:hover {
    background-color: #ffa !important;
}

.hoverBlue:hover {
    color: #003399 !important;
    cursor: default;
}

.hoverOrange:hover {
    color: #FB6754 !important;
    cursor: default;
}

.hoverGrey:hover {
    color: #EEEEEE !important;
    cursor: default;
}

.hoverRow:hover {
    background-color: #dcfac9 !important;
    cursor: default;
}

.hoverBackGrey:hover {
    background-color: #EEEEEE !important;
    cursor: default;
}

.hoverBolder:hover {
    font-weight: bolder;
}

.hoverTranspRed {
    color: rgba(128,128,128,0.1);
}

.hoverTranspRed:hover {
    color: rgba(255,0,0,0.2);
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;  /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

li.noicon {
    list-style-type:none;
}

ul.noicon {
    list-style-type:none;
}

ul.nomargin {
    margin: 0; padding: 0;
    margin-left: 12px;
}

.hidden {
    display: none;
}

/* Box with shadow and round corners */
.boxShadow {
    width: 98%;
    min-height: 20px;
    background-color: white;
    box-shadow: 2px 2px 2px #888888;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    padding: 5px; 
    text-align: center;
}

.cellMiddle {
    vertical-align: middle;
    display: inline-table;
}

.myLED {
    width: 15px; 
    height: 15px; 
    border-width: 1px; 
    border-style: outset;
    border-radius: 100%;
    background-color:grey;
}



/* Bubble with an isoceles triangle */
.balloon-TopRight-Tip {
    position: relative;
    z-index: 2;
    padding: 2px;
    margin: 8px 0 0;
    background-color: white;
    border-width: 1px;
    border-style: outset;
    border-color: #666666;
    border-radius: 6px;
    font-size: 75%;
    font-family: Courier New;
    cursor: pointer;
}

/* creates triangle */
.balloon-TopRight-Tip:after {
    position: absolute; z-index: 2;
    display: block; /* reduce the damage in FF3.0 */
    content: ""; width: 0; 
    top: -8px; right: 20px; bottom: auto;
    border-width: 0 8px 8px;
    border-style: inset;
    border-color: #666666 transparent;
}



.trimtext_inlblk {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: "\2026";
}

.trimtext {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: "\2026";
}

.wraptext {
    word-wrap: break-word;
}


hr.redline {
    border-top: 1px solid red;
}

hr.blueline {
    border-top: 1px solid blue;
}

hr.greyline {
    border-top: 1px solid lightgrey;
}

hr.red {
    border-top: 1px solid red;
}

hr.blue {
    border-top: 1px solid blue;
}

hr.grey {
    border-top: 1px solid lightgrey;
}

hr.lightgrey {
    border-top: 1px solid #e6e9e6;
}

.orange {
    color: #FB6754;
}

.white {
    color: white;
}

.black {
    color: black;
}

.darkgrey {
    color: #595959;
}

.gray {
    color: grey;
}

.grey {
    color: grey !important;
}

.lightgrey {
    color: #CCCCCC;
}

.darkolive {
    color: #666600;
}

.olive {
    color: #808000;
}

.lightolive {
    color: #cccc00;
}

.lightred {
    color: #fe5f46;
}

.red {
    color: #b81900;
}

.darkred {
    color: #911501;
}

.magenta {
    color: magenta;
}

.lightpink {
    color: #ffd4fe;
}

.pink {
    color: #ff91fe;
}

.lightblue {
    color: #4679df;
}

.blue {
    color: #003399;
}

.darkblue {
    color: #000070;
}

.lightgreen {
    color: #84d487;
}

.green {
    color: #3e8e41;
}

.darkgreen {
    color: #250;
}

.amber {
    color: #ffaf0f;
}

.brown {
    color: brown;
}

.transparentBackground {
    mix-blend-mode: multiply;
}

.transparent40 {
    opacity:0.4;
    filter:alpha(opacity=40);
}

.selGrouped {
    color: grey;
}

.highlightSel {
    background-color: #ffa;
}

.backValidated {
    background-color: #84d487;
}

.backError {
    background-color: #f6c5bc;
}

.backWarning {
    background-color: #ffeecc;
}

.backGreen {
    background-color: #e6ffe680;
}

.backBlue {
    background-color: #e6ffff80;
}

.backGrey {
    background-color: #EEEEEE;
}

.errBorder {
    box-shadow: -4px 0px #ff0000;
}

.LeftBorder_lightgray {
    box-shadow: -4px 0px #CCCCCC;
}

.LeftBorder_lightgreen {
    box-shadow: -4px 0px #84d487;
}

.vAlign_Filler {
    display: inline-block; 
    height: 100%; 
    width: 0; 
    vertical-align: middle
}

.vAlign_Center {
    display: inline-block;
    vertical-align: middle;
}


input[type=checkbox].vAlign_Center {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
input[type=radio].vAlign_Center {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.txtBigger {
    font-size: larger;
}

.txtBox {
    border: 1px solid lightgray;
    border-style: outset;
    border-radius: 2px;
    padding: 1px 2px 1px 2px; /* top, right, bottom, left */ 
}

.txtLeft {
    text-align: left;
}

.txtCenter {
    text-align: center;
}

.txtRight {
    text-align: right;
}

.txtRightAbs {
    position: absolute;
    right: 7px;
    top: inherit;
}

.txtVertical {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.txtCompact1 {
    letter-spacing: -1px;
}

.txtCompact2 {
    letter-spacing: -2px;
}

.txtExpanded1 {
    letter-spacing: 1px;
}

.txtExpanded2 {
    letter-spacing: 2px;
}

.txtSmaller {
    font-size: smaller;
}

.txtTiny {
    font-size: x-small;
}

.txtTab1 {
    padding-left: 20px;
}

.txtBolder {
    font-weight: bolder;
}

.txtItalic {
    font-style: italic;
}

.txtNormal {
    font-weight: normal !important;
}

.txtUCase {
    text-transform: uppercase;
}

.txtStriked {
    text-decoration: line-through;
}

.txtStrikedRed {
    text-decoration: line-through;
    text-decoration-color: #ff0000;
}

.txtStrikedGrey {
    text-decoration: line-through;
    text-decoration-color: #CCCCCC;
}

.txtStrikedBlue {
    text-decoration: line-through;
    text-decoration-color: #4679df;
}

.txtUnderline {
    text-decoration: underline;
}

.redUnderline {
    text-decoration: underline;
    text-decoration-color: #b81900;
}

.txtGlowWhite {
    text-shadow: 1px 0 white, -1px 0 white, 0 -1px white, 0 1px white;
}

.txtMonoSpace {
    font-family: Consolas, monospace;
}

.paragraph {
    padding-top: 2px;
    padding-bottom: 4px;
}

.padTop {
    padding-top: 6px;
}

.padLeft {
    padding-left: 6px;
}

.padLeft2 {
    padding-left: 2px;
}

.marginTop {
    margin-top:6px;
}

.jPopForm_leftBt {
    margin-left: 10px !important;
    margin-right: 70px !important;
}

.jPopForm_pbar {
    background-color: black;
    opacity: 1;
    border-width: 5px;
    border-color: #dcb;
    position: absolute;
    z-index: 10;
    top: 4px; left: 4px; right: 4px;
}

td.highlightCal {
    border: none !important;
    padding: 1px 0 1px 1px !important;
    background: none !important;
    overflow:hidden;
}

td.highlightCal a {
    /*background: #ccffcc 50% 50% repeat-x !important;*/
    /*border: 1px #88a276 solid !important;*/
    color: #3e8e41 !important;
    font-weight: bold !important;
}

.ui-datepicker{ 
    z-index: 1001 !important;
}

/* Keys and Unit Page Styles */

.btSquare {
    cursor: pointer;
    border: 1px solid lightgray;
    border-style: outset;
    border-radius: 2px;
    background: #f0f0f0;
    padding: 4px;
    min-height: 10px;
    min-width: 10px;
}

.btSquare:hover {
    border: 1px solid black;
    background: #f6ffd5;
}

.btSubmit {
    cursor: pointer !important;
    width: 110px;
    padding: 8px 10px 8px 10px;
    border: 1px solid lightgray;
    border-style: outset;
    border-radius: 4px;
    background: #f0f0f0;
}

.btSubmit:hover, .btSubmit:focus {
    border: 1px solid black;
    background: #f6ffd5;
}

.btToggle {
    padding: 3px 8px 3px 8px;
    border: 1px lightgray;
    border-radius: 4px;
    background: #f0f0f0;
    display: inline-block;
    cursor: pointer;
}

.btToggle_down {
    border-style: inset;
    box-shadow: inset 1px 1px  #CCCCCC;
    /*box-shadow: inset 0 0 6px #ccffcc;*/
}

.btToggle_up {
    border-style: outset;
    box-shadow: inset -1px -1px #CCCCCC;
    /*box-shadow: inset 0 0 6px #edc;*/ 
}
.btToggle:hover {
    background: #f6ffd5;
}

.btAction_Green {
    font-size: 14px;
    text-align: center;
    cursor: pointer !important;
    padding: 8px 10px 8px 10px;
    border: none;
    background-color: #6c9b84;
    color:white;
}

.btAction_Green:hover, .btAction_Green:focus {
    text-shadow: 0 1px;
    background-color: #6c9b6c;
}

.myDisabled.btAction_Green {
    background-color: #ced9d2 !important;
    color: #a6a6a6;
}

.myDisabled.btAction_Green:hover, .myDisabled.btAction_Green:focus {
    background-color: #c7d1ca !important;
}

.btAction_Red {
    font-size: 14px;
    text-align: center;
    cursor: pointer !important;
    padding: 8px 10px 8px 10px;
    border: none;
    background-color: #bc7878;
    color:white;
}

.btAction_Red:hover, .btAction_Red:focus {
    text-shadow: 0 1px;
    background-color: #ba8989;
}


.myDisabled.btAction_Red {
    background-color: #d8cecd !important;
    color: #a6a6a6;
}

.myDisabled.btAction_Red:hover, .myDisabled.btAction_Red:focus {
    background-color: #d1c6c6 !important;
}


.btAction_Ligth {
    font-size: 14px;
    text-align: center;
    cursor: pointer !important;
    padding: 8px 10px 8px 10px;
    border: none;
    background-color: #e6e9e6;
}

.btAction_Ligth:hover, .btAction_Ligth:focus {
    /*text-shadow: 0 1px;*/
    background-color: #dbdedb;
}

.myDisabled.btAction_Ligth {
    background-color: #dcd6d6 !important;
    color: #999999;
}

.myDisabled.btAction_Ligth:hover, .myDisabled.btAction_Ligth:focus {
    background-color: #cdc9c5 !important;
    font-style: italic;
}

.btAction_Thinner {
    font-size: 11px !important;
    padding: 6px 8px 6px 8px !important;
}


.tdMemBlock {
    border: 1px solid gray;
    padding: 5px;
    alignment-adjust: central;
}

.labelMemBlock {
    font-size: 10px;
    font-family: Courier;
}

.inputMemBlock {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    text-align: center;
}

#uibt_howto_btON {
    vertical-align: top;
    display: inline-table;
    height: auto; width: auto; background-color: #EEEEEE;
    border-radius: 15px; border-width: 2px; border-style: inset;
    padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 4px; 
}

#uibt_howto_btOFF {
    vertical-align: top;
    display: inline-table;
    height: auto; width: auto; background-color: #EEEEEE;
    border-radius: 15px; border-width: 2px; border-style: outset;
    padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 4px; 
}

td.uibt_howto_tip {
    padding: 10px;
    border-top: 1px solid black; 
    border-bottom: 1px solid black;
    display: none;
}

tr.rowHighlight:hover, li.rowHighlight:hover {
    background-color: #dcfac9;
    cursor: default;
}

tr.rowGrey {
    background-color: #f2f2f2;
}

tr.rowGreen {
    background-color: #f0fde8;
}

tr.rowBlue {
    background-color: #e6f2ff;
}

tr.tbPopUp:hover {
    background-color: #def;
}

th.tbPopUp {
    background-color: #dcb;
    border: 1px solid #888888;
    padding: 2px 14px 2px 10px; /* top, right, bottom, left */ 
}

td.tbPopUp {
    padding: 2px 14px 2px 10px; /* top, right, bottom, left */ 
    border: 1px solid #888888;
}

td.tbPopUpThin {
    padding: 2px 4px 2px 2px; /* top, right, bottom, left */ 
    border: 1px solid #888888;
}

.myDisabled:not(.btIconTxt_Wrapper):not(.btIconTxt_Wrapper_NoBorder):not(.btIconTxt_Wrapper_Tile):not(.btIconTxt_ico):not(.btIconTxt_txt):not(.btAction_Green):not(.btAction_Red):not(.btAction_Ligth) {
    color: grey !important;
    box-shadow: inset 0 0 30px #ddd !important;
    cursor: default;
}

.myDisabled:not(.fa):not(.btIconTxt_Wrapper):not(.btIconTxt_Wrapper_NoBorder):not(.btIconTxt_Wrapper_Tile):not(.btIconTxt_ico):not(.btAction_Green):not(.btAction_Red):not(.btAction_Ligth):hover {
    font-style: italic;
}

.myDisabled.btIconTxt_Wrapper,
.myDisabled.btIconTxt_Wrapper_NoBorder,
.myDisabled.btIconTxt_ico,
.myDisabled.btIconTxt_txt {
    color: grey !important;
}

.myDisabled.btIconTxt_Wrapper_Tile {
    background: rgba(99, 122, 138, 0.2);
    color: rgba(255, 255, 255, 0.4);
    font-weight: bolder;
    cursor: not-allowed;
}

.myDisabled.btIconTxt_Wrapper_Tile:hover {
    background: rgba(199, 12, 15, 0.1);
    color : lightgray;
}

.btIconTxt_Wrapper {
    display: inline-block;
    text-align: center;
    /*cursor: pointer;*/
    border: 2px outset lightgray;
    border-radius: 4px;
    background: #f0f0f0;
    padding: 2px 6px 2px 6px;  /* top, right, bottom, left */ 
    min-height: 10px;
    min-width: 10px;
}

.btIconTxt_Wrapper:hover {
    border: 1px solid black;
    background: #f6ffd5 !important;
    font-weight: bold;
}

.btIconTxt_Wrapper_NoBorder {
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
    padding: 2px 2px 2px 2px;  /* top, right, bottom, left */
    min-height: 10px;
    min-width: 10px;
}

.btIconTxt_Wrapper_NoBorder:hover {
    background: whitesmoke !important;
    font-weight: bold;
}

.btIconTxt_Wrapper_Tile {
    display: inline-block;
    text-align: center;
    background: rgba(99, 122, 138, 0.7);
    color: white;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 6px 6px 2px 6px;  /* top, right, bottom, left */
    min-height: 10px;
    min-width: 10px;
}
.btIconTxt_Wrapper_Tile:hover {
    background: rgb(199, 12, 15) !important;
    color: lightgray;
    font-weight: bold;
}

.btIconTxt_ico {
    display: block;
}
.btIconTxt_txt {
    display: block;
    font-size: xx-small;
    white-space: nowrap;
    overflow: hidden;
}

.hoverBox {
    position: fixed;
    /*display: none;*/
    z-index: 99;
    padding: 20px;
    border: 1px solid #555555;
    box-shadow: 1px 1px 1px 1px #999999;
    background-color: #fcfdfd;
}

div.inlineInput {
    font-family: "Courier New", Courier, monospace;
    vertical-align: middle;
    display: inline-table;
    border: 1px inset black;
    text-align: center;
    padding: 1px 2px 0px 2px; /* top, right, bottom, left */ 
}

div.inline {
    display: inline-table;
    vertical-align: middle;
}

table.tbttip {
    word-wrap: break-word; 
    vertical-align: middle;
    margin: -12px -10px -12px -16px;
    display:block;
}

table.tbttip:hover {
    display: none;
}