/* filename: style.css
   author: MC
   date: 2006-02-20
   description: stylesheet for Hyperlabel Technologies
*/

html {
   overflow-y: auto;
	overflow-x: hidden;
}

body {
	background-color: #ffffff;
	color: #222222; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:0.9em;
}

div.menu {
        visibility:hidden;
        position:absolute;
		  padding: 2px 2px;
		  margin-top: -1px;
		  margin-bottom: 20px;
        color: #000066;
        background-color: #ffffff;
        border: solid #010066 1px;
        width:140px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
			}

div.menu a         { display:block; width:100%; }

div.menu a:link   { color: #000066; text-decoration:none; font-weight: bold; }
div.menu a:visited   { color: #666677; text-decoration:none; font-weight: bold; }
div.menu a:active   { color: #000000; text-decoration:none; font-weight: bold; }
div.menu a:hover   { color: #000000; text-decoration:none; font-weight: bold; }

#main {
   padding: 0px 0px;
   width: 700px;
   margin-top: 0px;
   margin-bottom: 0px;
	margin-left: auto;
   margin-right: auto;
	min-height: 400px;
}

#footer {
	width: 700px;
   margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
   border-top: 1px solid #000066;
}

A:link {
   text-decoration: none;
   text-align: center;
   font-weight: bold;
	color: #000066;
}
          
A:visited {
   text-decoration: none;
   text-align: center;
   font-weight: bold;
	color: #666677; 
}
          
A.active {
   text-decoration: none;
   text-align: center;
   font-weight: bold;
	color: #000000;
}

A:hover {
   text-decoration: none;
   text-align: center;
   font-weight: bold;
	color: #000000;
}

a.menu-head,
a.menu-head:link {
        display:block;
		  padding: 0px 0px;
		  margin-top: 4px;
		  margin-bottom: 20px;
        text-decoration:none;
		  font-weight: bold;
		  text-align:center;
        color: #000066;
        border-bottom: solid #010066 1px;
        width:140px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
        }

a.menu-head:visited,
a.menu-head:hover,
a.menu-head:active,
a.menu-head-hilite,
a.menu-head-hilite:link,
a.menu-head-hilite:visited,
a.menu-head-hilite:active,
a.menu-head-hilite:hover {
        display:block;
		  padding: 0px 0px;
		  margin-top: 4px;
		  margin-bottom: 20px;
        text-decoration:none;
		  font-weight: bold;
		  text-align:center;
        color:black;
        border-bottom: solid #010066 1px;
        width:140px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
        }

a.menu-head        { background-color: #ffffff; }

a.menu-head:hover,
a.menu-head-hilite { background-color: #ffffff; }

a.download:link,
a.download:visited,
a.download:active {
	color: #222222;
	font-size: small;
   text-align: left;
	vertical-align: top;
   font-weight: normal;
   padding: 0px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

a.download:hover {
	color: #010066;
	font-size: small;
   text-align: left;
	vertical-align: top;
   font-weight: normal;
   padding: 0px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

input#w, select, textarea {
	width: 200px;
}

h1, h2 { 
	font-size: medium;
	color: #000066;
	text-align: left;
	padding-top: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

h3 { 
	font-size: medium;
	color: #333;
	text-align: left;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

h4 { 
   font-size: small;
	color: #ffffff;
   text-align: left;
}

p, ul { 
   font-size: small;
   text-align: left;
}

li { 
   padding: 0px 0px 12px 0px;
}

li.nopad { 
   padding: 0px 0px 0px 0px;
}

p.xs { 
   font-size: x-small;
   text-align: left;
}
 
p.blue { 
	color: #000066;
   font-size: small;
	font-weight: normal;
   text-align: left;
}

p.quote {
	color: #000066;
	font-size: small;
   text-align: left;
   font-weight: bold;
   padding: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

p.front {
	color: #222222;
	font-size: small;
   text-align: left;
	vertical-align: top;
   font-weight: normal;
   padding: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

p.download-left {
   padding: 0px 0px 12px 12px;
}

p.download-right {
   padding: 0px 12px 12px 0px;
}

p.frontblue {
	color: #000066;
	vertical-align: top;
	font-size: small;
   text-align: left;
   font-weight: bold;
   padding: 0px 12px 12px 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

ul.quote {
	color: #000066;
	font-size: small;
   text-align: left;
   font-weight: bold;
   margin-top: -20px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
}

p.thead { 
   color: #222222;
	font-weight: bold;
	font-size: small;
   text-align: left;
   line-height: 1.2em;
}

p.error {
	color: #ff0000;
	font-wight: bold;
   text-align: left;
}

