/*
  MicroCline User Interface Tools
  mcUITools.css

  Written by Robert Clemenzi 06-06-16 (c)
  06-06-16 Start of file
  06-17-16 Added textarea, button, input/button, and comments
  09-20-16 Added input.mcDisable to input.mcDisplay
  04-04-17 Added mcUIContextMenu
  07-01-17 merged 09-20-16 & 04-04-17 edits into a single file
  07-10-17 Added mcUIHexByte & mcNumber
           Changed WVTools to UITools (Water Vapor to User Interface)
           Removed comments copied from javascript file

*** Implements ***

Sunken fields on a grey background
Number and hex fields use a fixed width font

*** Usage ***

place the following in the main html file

<script type="text/javascript" src="js/mcUITools.js"></script>
<link rel="stylesheet" type="text/css" href="js/mcUITools.css">

*** notes ***

  font-size:13.3333px; added because of problem with Chrome 50 on Windows 10

  this applies to
    input, textarea, keygen, select, button
    keygen - not supported by IE and Edge, so ignored here
*/

/* ************************************************** */

/* This is needed for Chrome 50 on Windows 10, font size would be 9.33333px without this */
input[type="text"], input[type="number"], input[type="button"], select, textarea, button {
  font-size:13.3333px;
}

/* keeps text from touching border - should not be applied to radiobuttons */
input[type="text"], input[type="number"] {
  padding-left: 2px;
}

/* sunken border */
input[type="text"], input[type="number"], select, textarea {
  border-style: inset;
  border-width: 2px;
  border-color: #d0d0d0 #dedede #e0e0e0 #e8e8e8;
}

/* sunken border with grey background */
input.mcDisplay, input.mcDisable {
 box-shadow: 0 0px 0px 0px;
 background-color: #f0f0f0;
 border-color: #d0d0d0 #dedede #fbfbfb #d0d0d0;
}

fieldset, .mcPanel{
  border-style: ridge;
  border-width: 3px;
}

.mcUIContextMenu{    /* Used for tearoff tabs */
  position: fixed;   /* moved via code, stays as the screen (browser client) scrolls */
  top:100; left:100; /* must be in the client area, redefine as appropriate */
  border: 1px ridge grey;
  background-color:white;
  padding:1px 6px;
  z-index:100;       /* always on top */
}

.mcUIHexByte{
  width:1.4em;
  font-family:monospace; /* number styles should be fixed width */
}

.mcNumber{
  width:5em;
  font-family:monospace;
}