/* File:      /lib/css/page.css */
/* Generated: 12/14/19 by GenCSS.php. */
/* Subject:   nesssoftware.com webpage CSS. */

/* Layout. */
*          { padding: 0; border: 0; margin: 0 }		/* zap browser-specific implicit defaults */
body       { width: 100%; line-height: 18px }
h1,h2,h3   { margin: 10px 0 10px 0; padding: 0 0 10px 0 }
hr         { width: 100%; margin: 10px 0; border: 1px solid }
html       { width: 100% }
img        { padding: 2px }
input      { border: 1px solid; padding: 0 10px 2px 2px }
p          { padding: 0 0 10px 0 }
td,th      { padding: 0 0 2px 5px; vertical-align: top }
ul         { padding: 0 0 10px 20px }
#footer    { position: relative; padding: 0 0 10px 0  }
#footer_l  { position: absolute; width: 35%; left:  0 }
#footer_c  { position: absolute; width: 30%; left:  50%; margin-left: -15% }
#footer_r  { position: absolute; width: 35%; right: 0 }
#header    { min-width: 960px }
#page      { min-width: 960px; padding: 20px; margin: 0 auto 0 auto }
#navbar    { margin: 0 auto; padding: 10px 0 5px 0; width: 820px }
#navbar a  { display: block; padding: 5px }
#navbar a:hover { padding: 2px; border: 3px double }
#navbar2   { position: absolute; top: 75px; left: 25%; margin-left: -220px; z-index: 3 }
#navbar3   { position: absolute; top: 75px; left: 25%; margin-left: -100px; z-index: 3 }
#select    { border: 2px double #AAAAAA }
.button    { position: relative; top: 50%; transform: translateY(-50%); float: left; width: 80px; padding-right: 2px; z-index: 5 }
.button a span { display: none }		/* no description display except on hover */
.button a:hover span { display: block; position: absolute; top: 30px; left: 0; width: 120px; padding: 5px 2px; margin: 10px; z-index: 6 }
.button span { padding: 5px; border: 1px solid }	  /* selected button */
.button2   { width: 110px }
.button2 a { display: block; padding: 5px 10px; margin: 0 0 1px; border: 0; z-index: 3 }
.button2 a span { display: none }
.button2 a:hover { padding: 2px 7px; border: 3px double }
.button2 a:hover span { display: block; position: absolute; top: 450px; left: -25px; padding: 10px; margin: 10px; z-index: 4 }
.center    { margin: 0 auto }
.clearboth { clear: both }
.float_l   { float: left  }
.float_r   { float: right }
.indent20  { padding: 0 20px }
.spacer    { width: 100%; min-height: 1px; clear: both }

/* Fonts and text handling. */
a:link     { text-decoration: none }
body       { font: normal normal }
th         { text-align: left   }
#footer    { font-size: 14px }
#footer_c  { text-align: center }
#footer_l  { text-align: left   }
#footer_r  { text-align: right  }
.button    { text-align: center }
.button    { font: 12px Verdana, sans-serif; text-decoration: none }
.button a  { font: bold 1em sans-serif; text-decoration: none }
.button a:hover span  { font: 14px Verdana, sans-serif }
.button2   { font: 14px Verdana, sans-serif; text-align: center; text-decoration: none }
.button2 a { font: bold 1em sans-serif; text-decoration: none }
.button2 a:hover span  { font: 14px Verdana, sans-serif; text-align: center }
.text_c    { text-align: center }
.text_l    { text-align: left   }
.text_r    { text-align: right  }

/* Colors. */
a,a:active,a:link,a:visited { color: #0044DD }
a:hover    { color: #444444 }
html       { color: #000000; background-color: #EEEEEE }
.button a  { color: #FFFFCC; background: #444444 }
.button a:hover { color: #441111; background: #AAAAAA }
.button a:hover span { color: #EEEEEE; background: #444444 }
.button span { background-color: #EEEEEE }
.button2   { border-color: #444444 }
.button2 a { color: #FFFFCC; background: #444444 }
.button2 a:hover { color: #441111; background: #AAAAAA }
.button2 a:hover span { color: #EEEEEE; background: #000000 }
.tbutton a { opacity: 0 }			/* transparent button (not visible) */
.blue      { color: #0000FF }
.green     { color: #00FF00 }
.red       { color: #FF0000 }

/* end of page.css */