/* Standard HTML classes used by 
  GDrawUI.js - User Interaction, mainly targetted at line-by-line activity
  GDrawDLS.js - Diagnose, Load, and Save - targetted at all coded activity
*/
/* Instruction Line Display attributes - bacground color propgates to / is inherited by the child TD elements*/

/* for tinyMCE editing, and comment text display .... */
p, h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}

/* for tinyMCE edit and for ./docs file listing 
   Also, for "settings"/"options" at the top of each column */
.zMovableBlock {
  position: absolute;
  z-index: 9;
  background-color: #f1f1f1;
  border: 1px solid #000;
  text-align:left;
  resize: both;
  overflow: auto;
}
.zMovableBlockHeader {
  padding: 2px;
  cursor: move;
  z-index: 10;
  background-color: #A0C0FF;
  color: #000;
}

/* for command displays in the instruction list */
tr.comment {background-color: #F0F0F0;} 
tr.hideextra { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
tr.instruction {background-color: #E8F0FF;}  /* what's whitesmoke color? F5F5F5*/
/* TO DO: differentiate selected line ... All these colors were selected by [AI]
   All I had in mind was to differentiate lines in edit mode ... */    
tr.selected_instruction {background-color: #C0DFFF;}  /* darker light blue */
tr.error_instruction {background-color: #FFCCCC;} /* light red */
tr.warning_instruction {background-color: #FFFFCC;} /* light yellow */
tr.success_instruction {background-color: #CCFFCC;} /* light green */
tr.info_instruction {background-color: #CCE5FF;} /* light blue */

tr.setup_visible {background-color: rgb(212, 238, 247); visibility: visible;}
tr.setup_hidden {visibility: collapse;}
tr.powertool_visible {background-color: lightpink; visibility: visible;}
tr.powertool_hidden {visibility: collapse;}


/* default for Point input fields; should be class based! 
  class point       input.point {text-align: center;}
  class comment     input.comment {text-align: left;}
  ... and s/b in GDraw.css
*/
input.point {text-align: center;} /* for new point, and Intersect (giving ...) */
input.comment {text-align: left;}

/* For Printing - Hide the top two table rows with buttons
 - Also, need to hide the buttons generated on each line ...
    That can be on the <td> that holds the buttons ...
*/
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}