/* Colors for form validity */
input[required="required"]:valid, textarea[required="required"]:valid { /* background-color: rgba(200, 240, 200, 0.8); */ border: 2px solid #DFF2BF; background-image: url(../../img/icn-okay.gif); background-position: right 7px; background-repeat: no-repeat;  } 
input:invalid, textarea:invalid { /* background-color: rgba(240, 200, 200, 0.8); */ border: 2px solid #FFBABA; /*background-image: url(../../img/icn-error.gif);*/ background-position: right 7px; background-repeat: no-repeat; }

/* Error Messages */
#errMsg { color: #D8000C; padding: 5px; }
.ie7 #errMsg { display: none; }
input.error, select.error, textarea.error { background-color: #FFBABA; }
input.valid, select.valid, textarea.valid { background-color: #DFF2BF; }

/* Placeholder Text */
::-webkit-input-placeholder { color: #bbb; }
:-moz-placeholder { color: #bbb; }
.placeholder { color: #bbb; }

form fieldset { margin: 0 5px 5px 10px; }
form legend { padding: 10px 2px 10px; font-weight: bold;}
form label { display: inline-block; line-height: 1.8; vertical-align: top; text-align: right; padding: 9px; font-size: 12px; }
form fieldset ol { margin: 0; padding: 0; }
form fieldset li { list-style: none; padding: 5px; margin: 0 0 0 15px; }
form fieldset fieldset { border: none; margin: 3px 0 0; }
form fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form fieldset fieldset label { display: block; width: auto; }
form em { font-weight: bold; font-style: normal; color: #f00; }
form label { width: 20%; /* Width of labels */ }
form fieldset fieldset label { margin-left: 78px; /* Width plus 3 (html space) */ }

form .left { text-align: left; }
form .center { text-align: center; }

/* Contact Form */
#contact { float: left; width: 100%; padding: 25px 3%; margin: 0 auto 1em; text-align: left; }
#contact input, #contact textarea { width: 70%;  }
#contact input, #suggest-purchase input { padding: 9px; font-size: 10px; }

#contact #email { overflow: hidden; }
#contact input[type="submit"] { float: right; margin: 2px 12px 10px 0; width: auto; font-size: 13px; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); font-weight: bold; padding: 4px 9px; }


#bookbuddies fieldset ol li, #suggest-purchase fieldset ol li { width: 45%; float: left;  }



#bookbuddies ol li label { width: 90px; /* Width of labels */ }
#bookbuddies input { padding: 9px;}
#bookbuddies fieldset fieldset label { margin-left: 93px; /* Width plus 3 (html space) */ }



#suggest-purchase input[type="submit"] { text-align: center; margin: 0 auto; float: right; }