/* General Reset */

html, body
  { font-family: Arial; width: 100%; }
div, span, nav, iframe, h1, h2, h3, h4, h5, h6, p, select, textarea, input, a, img, ol, ul, li, form, table, tr, th, td
  { font: inherit; overflow: visible; }
html, body, div, span, nav, iframe, h1, h2, h3, h4, h5, h6, p, select, option, textarea, input, a, img, ol, ul, li, form, table, tr, th, td
  { margin: 0; padding: 0; border: 0; outline: 0; border-style: none; text-indent: 0; white-space: normal; content: normal;
    vertical-align: top; text-align: left; text-decoration: none; height: auto; text-indent: 0; table-layout: auto; word-wrap: break-word; }
table, div, form
  { width: auto; table-layout: fixed; background-color: transparent; vertical-align: top; border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
a:hover { outline-style: dotted; outline-width: 1px; cursor: pointer; }
h1, h2, h3, h4, h5, h6, th { font-weight: bold; }

/* Input Reset */

select, option, textarea, input { background-color: #FFFFFF; }
select, textarea, input[type="text"], input[type="password"], input[type="number"] { border: 1px inset; }
button, input[type="button"], input[type="submit"], input[type="reset"]
  { text-align: center; vertical-align: middle; }
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
  { cursor: pointer; }

/* General Styles */

.clickable { cursor: pointer; }
.clickable:hover, .clickable:active  { outline-style: dotted; outline-width: 1px; }
.disabled { text-decoration: line-through; }
.fail  { color: red; }
.label { text-align: right;  }
.num   { text-align: right;  }
.flag  { text-align: center; }