/* */
/* LIB.CSS */
/* */
/* CSS LIBRARY */
/* Version: 21.11-14 */
/* Copyright 2021 Terry Erickson */
/* */
/* */
/* Universal settings */
/* */
/* */
/* */
/* */
/* CSS samples */
/*
Include in style:
  @media not|only mediatype and (media feature)
   {
    CSS-Code;
   }

External link:
  <link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">


Media Types:
   VALUE  DESCRIPTION
  ------- ----------------
      all All media type devices
    print Printers
   screen Devices with a screen
   speech Screenreaders

Media Features:
         VALUE         DESCRIPTION
  -------------------  ----------------
         aspect-ratio  Ratio width/height of viewport
                color  Bits per color
          color-index  # of colors
  device-aspect-ratio  Ratio width/height of device
        device-height  Height of device/screen
         device-width  Width of device/screen
                 grid  Grid or bitmap
               height  Viewport height
     max-aspect-ratio  Maximum ratio width/height of display
---
            max-color  The maximum number of bits per color component for the output device
      max-color-index  The maximum number of colors the device can display
max-device-aspect-ratio  The maximum ratio between the width and the height of the device
    max-device-height  The maximum height of the device, such as a computer screen
     max-device-width  The maximum width of the device, such as a computer screen
           max-height  The maximum height of the display area, such as a browser window
       max-monochrome  The maximum number of bits per "color" on a monochrome (greyscale) device
       max-resolution  The maximum resolution of the device, using dpi or dpcm
            max-width  The maximum width of the display area, such as a browser window
     min-aspect-ratio  The minimum ratio between the width and the height of the display area
            min-color  The minimum number of bits per color component for the output device
      min-color-index  The minimum number of colors the device can display
min-device-aspect-ratio  The minimum ratio between the width and the height of the device
     min-device-width  The minimum width of the device, such as a computer screen
    min-device-height  The minimum height of the device, such as a computer screen
           min-height  The minimum height of the display area, such as a browser window
       min-monochrome  The minimum number of bits per "color" on a monochrome (greyscale) device
       min-resolution  The minimum resolution of the device, using dpi or dpcm
            min-width  The minimum width of the display area, such as a browser window
           monochrome  The number of bits per "color" on a monochrome (greyscale) device
          orientation  The orientation of the viewport (landscape or portrait mode)
       overflow-block  How does the output device handle content that overflows the viewport along the block axis (added in Media Queries Level 4)
      overflow-inline  Can content that overflows the viewport along the inline axis be scrolled (added in Media Queries Level 4)
           resolution  The resolution of the output device, using dpi or dpcm
                 scan  The scanning process of the output device
     update-frequency  How quickly can the output device modify the appearance of the content (added in Media Queries Level 4)
                width  The viewport width



@media all and (max-width: 992px) and (min-width: 601px)
 {
  .hide-medium
   {
    display: none !important;
   }

@media only screen and (max-width: 992px) and (min-width: 601px)
 {
  .hide-medium
   {
    display: none !important;
   }


*/
/* */
/* */
/* */
/* */
/* Defaults */
/* */
/* */
/* Sets browser defaults */
*
 {
  margin: 0px;
  padding: 0px;
 }
/* */
/* Sets body */
body
 {
  margin: 0px;
  padding: 0px;
 } 
/* */
/* End defaults */
/* */
/* */
/* */
/* */
/* Setup tags */
/* */
/* */
/* Sets anchors */
a
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1000;
 }
/* */
/* Sets buttons */
button
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1500;
 }
/* */
/* Sets form input */
input
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1000;
 }
/* */
/* Sets every header 1 */
h1
 {
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
 }
/* */
/* Sets every header 2 */
h2
 {
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 1.6em;
  font-weight: bold;
 }
/* */
/* Sets every header 3 */
h3
 {
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 1.4em;
  font-weight: bold;
 }
/* */
/* Sets every paragraph */
p
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
  text-indent: 1em;
  line-height: 1em;
  margin-top: 1em;
  margin-bottom: .5em;
 }
/* */
/* Sets lmages */
img
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
  margin: 0px;
  padding: 0px;
 }
/* */
/* Block quotes */
blockquote
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
  margin-left: 2em;
 }
/* */
/* Definition termS */
dt
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
  margin-left: 2em;
 }
/* */
/* Definition description */
dd
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
  margin-left: 2em;
 }
/* */
/* Sets UL disc */
ul.disc
 {
  list-style-type: disc;
 }
/* */
/* Sets UL square */
ul.square
 {
  list-style-type: square;
 }
/* */
/* Sets OL Numeric */
ol.numeric
 {
  list-style-type:decimal;
 }
/* */
/* Sets OL Upper Alpha */
ol.upperalpha
 {
  list-style-type: upper-alpha;
 }
/* */
/* Sets OL Lower Alpha */
ol.loweralpha
 {
  list-style-type: lower-alpha;
 }
/* */
/* Sets list items */
li
 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
  margin-left: 2em;
 }
/* */
/* End setup tags */
/* */
/* */
/* */
/* */
/* Page setup */
/* */
/* */
/* Sets entire page body */
.pagewhole
 {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #280000;
  color: #ffffff;
  z-index: 500;
 }
/* */
/* Page blocker */
.blocker
 {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
 }
/* */
/* End page setup */
/* */
/* */
/* */
/* */
/* Login system */
/* */
/* Whole login area */
.abw-login-css_back
 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 1100;
 }
/* */
/* Login button container */
.abw-login-css_container
 {
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 1200;
 }
/* */
/* Login button/form area */
.abw-login-css_login
 {
  display: inline-block;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  z-index: 1200;
 }
/* */
/* Sign in button */
.abw-login-css_signin
 {
  margin: 0px;
  padding: 0px;
  text-align: center;
  z-index: 1200;
 }
/* */
/* Logoff button */
.abw-login-css_logout
 {
  display: inline-block;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  z-index: 1200;
 }
/* */
/* Login text */
.abw-login-css_text
 {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  z-index: 1200;
 }
/* */
/* Login form box */
.abw-login-css_form-box
 {
  display: none;
  position: absolute;
  font-size: 1em;
  z-index: 1200;
 }
/* */
/* Login form text */
.abw-login-css_form-content
 {
  margin: 16px;
  padding: 16px;
  font-size: 1em;
  text-align: left;
  z-index: 1200;
 }
/* */
/* End login system */
/* */
/* */
/* */
/* */
/* Menu system */
/* */
/* */
/* Whole menu area */
.abw-menu-css_nav-back
 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000066;
  color: #ffffff;
  z-index: 1100;
 }
/* */
/* Each menu name */
.abw-menu-css_nav-menu
 {
  display: inline-block;
  float: left;
  margin: 0px;
  padding: 8px;
  text-align: center;
 }
/* */
/* Active (current) menu name */
.abw-menu-css_menu-active
 {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  border: 2px solid #224422;
  text-decoration: none;
  background-color: #006600;
 }
/* */
/* Non-current menu name */
.abw-menu-css_menu-inactive
 {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  border: 2px solid #442222;
  text-decoration: none;
  background-color: #000066;
 }
/* */
/* Hover over active menu name link */
.abw-menu-css_menu-active:hover
 {
  background-color: #000088;
  border: 2px solid #ffff88;
 }
/* */
/* Hover over inactive menu name link */
.abw-menu-css_menu-inactive:hover
 {
  background-color: #000088;
  border: 2px solid #ffff88;
 }
/* */
/* Dropdown box */
.abw-menu-css_dropdown-content
 {
  display: none;
  position: absolute;
  background-color: #000044;
  color: #cccccc;
  border: 2px solid #ffff88;
  z-index: 1100;
 }
/* */
/* Current menu item */
.abw-menu-css_dropdown-item-active
 {
  background-color: #006600;
  color: #ffffff;
  display: block;
  text-align: center;
  padding: 6px;
  text-decoration: none;
 }
/* */
/* Menu items */
.abw-menu-css_dropdown-item
 {
  background-color: #000066;
  color: #cccccc;
  display: block;
  text-align: center;
  padding: 6px;
  text-decoration: none;
 }
/* */
/* Hover over menu items */
.abw-menu-css_dropdown-item:hover
 {
  background-color: #003300;
  border: 2px solid #ffff88;
 }
/* */
/* Display items when hover over menu name */
.abw-menu-css_nav-menu:hover .abw-menu-css_dropdown-content
 {
  display: block;
 }
/* */
/* End menu system */
/* */
/* */
/* */
/* */
/* Tooltip */
/* */
/* */
/* Tooltip table */
#tip
 {
  position: absolute;
  width: 320px;
  display: none;
  z-index: 2000;
 }
/* */
/* Tooltip top */
.tip_top
 {
  background-image: url(./layout/tip_top.gif);
  position: relative;
  background-repeat: no-repeat;
  height: 18px;
 }
/* */
/* Tooltip body */
.tip_mid
 {
  background-image: url(./layout/tip_mid.gif);
  position: relative;
  background-repeat: repeat-y;
  background-position: left bottom;
 }
/* */
/* Tooltip text */
.tip_mid DIV
 {
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
  color: #ffffff;
  text-decoration: none;
 }
/* */
/* Tooltip bottom */
.tip_bot
 {
  background-image: url(./layout/tip_bot.gif);
  position: relative;
  background-repeat: no-repeat;
  height: 57px;
 }
/* */
/* Elements for Tooltip text */
.tip_text
 {
  display: none;
 }
/* */
/* End tooltip */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* End lib.css */
/* */