attributes-form.css

body { background:rgb(255,255,255); font-family:sans-serif; font-size:62.5%; }

form { margin:5em auto; width:40em; }

fieldset { 
  border-color:rgb(230,230,230);
  border-style:solid;
  border-width:0 0 0 0.5em;
  margin-bottom:3em;	
  position:relative;
}

fieldset:hover { border-color:rgb(200,200,200); }

legend { 
  color:rgb(200,200,200);
  font-size:1em; 
  letter-spacing:0.1em;
  line-height:1.4em;
  position:absolute;
    left:-7.5em;
  text-align:right;
  text-transform:uppercase;
  width:6em;
}

fieldset:hover legend { color:rgb(170,170,170); }

div { 
  display:inline-block; 
  margin:0 0 1.3em 0; 
  padding:0.5em 0; 
  width:40em; 
}

div:last-child { margin-bottom:0; }

a[title="cancel"] { color:rgb(255,0,0); font-size:1.2em; margin-left:0.8333em; }

a[title="cancel"]:hover { text-decoration:none; }

/* labels ---- */

label { 
  color:rgb(90,90,90);
  cursor:pointer;
  display:inline-block; 
  float:left;
  font-size:1.6em;
  margin-right:0.625em;
  position:relative;
    top:0.5em;
  text-align:right; 
  text-transform:capitalize; 
  width:7.8125em; 
}

label:hover { color:rgb(0,0,0); }

label span { color:rgb(0,0,0); border-bottom:1px solid rgb(0,0,0); }

label[for="address-2"] { visibility:hidden; }

/* inputs ---- */

input[type="text"] { 
  float:left; 
  font-size:1.4em; 
  padding:0.3571em; 
  width:17.8571em; 
}

input[type="text"]:focus { background-color:rgb(255,248,198); }

input#address { margin-bottom:0.5em; }

input#phone { width:6.7857em; }

input#state { text-align:center; width:1.8571em; }

input#zip-code { width:3.4286em; }

input[type="submit"] { 
  background-color:rgb(0,150,1);  
  border:1px solid rgb(0,128,0); 
  color:rgb(255,255,255);
  font-size:1.4em; 
  font-weight:bold;
  letter-spacing:0.14286em;
  margin-left:10.6428em; 
  padding:0.3571em 0.7143em; 
  text-transform:uppercase;
	
  -webkit-border-radius:0.3571em;
}

input[type="submit"]:hover { background-color:rgb(0,128,0); cursor:pointer; }