.outer { width: 100%; 
         height: 100%; }
.inner { text-align: center; 
         width: 450px; }
.label { text-align: right; 
         width: 75px; }
.labelsmall { width: auto; }
.city { width: 70%; }
.small { width: 49px; }
.field { width: 220px; }
.two { width: 171px; }
.addbutton { width: 120px; 
             border-width: 1px; }
.addbutton:hover { color: green;
                   border-color: green; 
                   border-width: 1px; }
.center { text-align: center; }
.half { width: 52%; }
.fifty-five { width: 55%; }
.thirty { width: 30%; }
.fifteen { width: 15%; }
.smallpart { width: 16%; 
             text-align: center; }
.quantity { width: 20px;
            text-align: center; }
.required:hover { border: solid 1px red; }
.optional:hover { border: solid 1px green; }
.invalid { border: solid 1px red; }
.valid { border: solid 1px green; }
.item { font-size: .8em; 
        text-align: center; }
.field { border-style: none; 
         background-color: transparent;
         text-align: center;}
.field:hover { background-color: #FFFF99;
               text-align: center; }
input, textarea { width: 400px;
                  border-style: solid;
                  border-width: 1px;
                  border-color: black; 
                  background-color: #FFFF99; }
textarea { height: 40px; }
select { border-style: solid;
         border-width: 1px;
         border-color: black;
         background-color: #FFFF99; }
html { background-image: url(colorwatermark.jpg);
       background-position: top;
       background-repeat: no-repeat; }
a { color: purple; 
    text-decoration: none; }
a:hover { color: blue; }
.hlink { color: blue;
         text-decoration: none; }
.hlink:hover { color: purple; }
.disabled { color: gray; }
.underline { border-bottom: solid 1px black; 
             text-align: center; }
.overline { border-top: solid 1px black; 
            text-align: center; }