@charset "UTF-8";

/* CSS Document Author: Edith Harvey
Purpose: Style Sheet for ITWP 1100 - Project 5
File: aboutyourform.css */

/* All CSS was created by the author unless other mentioned in notes below */

/* This stylesheet was created to keep the aboutyou.html fieldset and form elements separate.  It might also be used on other form pages for the box element set ups on the fieldset and other form items */

fieldset {
     display: block;
     background: rgb(250, 250, 211,.50); /* light yellow */
     border: 6px rgba(51,102,0,1) double; /* dark green */
     box-shadow: 4px 4px 5px rgba(51,102,0,.75);
     margin-left: auto;
     margin-right: auto;
}

label {
     font-weight: bold;
}
#box1 {
     width: 50%;
     height: auto;
}
#box2 {
     width: 50%;
     height: auto;
}
#box3 {
     width: 50%;
     height: auto;
}
#box4 {
     margin-left: auto;
     margin-right: auto;
     width: 25%;
     text-align: center;
}

/* class for list with no bullets */
.nobullet {
     list-style: none inside;
}

/* needed for various error messages, etc classes and id's for the validation areas */
p.errorMsg {
     display: none;
     color: red;
     text-align: center;
  }