@import url("forms.css");  /* import forms layout */

body {
   background: rgb(60,60,60);
   font-family: Arial;
   font-size: 12pt;
}

h1 {
   background: black;
   color: white;
   padding: 5px;
   margin-left:-20px;
   margin-right:-20px;
   text-align: center;
}

#content {
   border:thick;
   border-style:solid;
   border-color:black;
   border-radius: 25px 25px 25px 25px;         /* CSS3 */
   background:rgb(210,210,210);
   margin-top:10pt;
   margin-left:auto;
   margin-right:auto;
   margin-top:50px;
   padding: 20px;
   width:90%;
   max-width:800px;
}

table {
   margin-left:auto;
   margin-right:auto;
   position:relative;
   border-style:none;
   border-collapse: collapse;
   width: 90%;
}

td, th {
   border:thin;
   border-width: 1px 0px 1px 0px;
   border-style: dotted;
   padding-left: 5px;
   padding-right: 5px;
}

th {
   text-align: left;
}

div#menu {
   text-align:center;
}

div#welcome {
   text-align: left;
}

div#images {
   margin:auto;
   text-align:center;
}

div#menu a {
   border: medium;
   border-style: solid;
   border-radius: 10px 10px 10px 10px;
   background: rgb(200,200,200);
   text-decoration: none;
   font-weight: bolder;
   color: black;
   padding: 5px;
   margin: 3px;
}

input#quantityToAdd {
   width:3em;
   margin-right: 10px;
}

/* fieldset fonts/colors/margins */

fieldset {
   border-color:silver;
   background:rgb(200,200,200);
   margin:auto;
}

fieldset legend {
   color:black;
   font-weight:bold;
}

/* make input components change color when focused */

/*input[type="text"]:hover, textarea:hover, select:hover, input[type="password"]:hover,
input[type="text"]:focus, textarea:focus, select:focus, input[type="password"]:focus {
   background-color:#ffff99;
   border-color:#999999;
}*/

/* numeric table cells */

table .currency, table .quantity {
  text-align:right;
}

/* fieldset widths */

fieldset#login {
   width:245px;
}

fieldset#createaccount {
   width:250px;
}

fieldset#quantitytobuy {
   width:245px;
}

img {
   /*display: block;*/
   margin: auto;
}