/* Styles for forms */

form {color: #4D4D4D; font-size: 14px; margin: 0 .2em;}
input {border: 1px solid #C1BBB1; padding: 4px 4px 5px 4px;  font-variant: normal; color: #0182AC; width: 378px; }
input.checkbox {width:auto;}
textarea {border: 1px solid #C1BBB1; padding: 4px 4px 5px 4px;  font-variant: normal; color: #0182AC; width: 378px; }
input.submit { padding: 3px 4px 5px 4px; background-color: #5B5449; color: #fff; margin-right: 0;  font-variant: small-caps; width: auto;}
label {float:left; text-align: right; display: block;  width: 220px; margin-right: 10px; padding: 0; margin-left: 0;}
label.label {float:none; width:auto; display:inline; margin:auto; padding:auto;}
form div {margin-bottom: .5em; text-align: right;}
form div.submit {text-align: right;}
form select {border: 1px solid #C1BBB1; padding: 3px 4px 4px 4px;  font-variant: normal; color: #0182AC; margin-right: 5px;}
p.submit {text-align: right; width: 620px; padding: 0;}
form p label span {color: red;}
input:focus {background: #E7F3F7;}
textarea:focus {background: #E7F3F7;}
select:focus {background: #E7F3F7;}
input:focus.submit { background-color: #5B5449;}
form p {clear: left;}
form p.warning {text-align: right; width: 220px;}
#search input {  background: #E7F3F7 url('/images/icon_search.png') no-repeat 4px 3px; padding: 5px 0 5px 25px; width: 120px; font-size: 90%; margin-right: 0; }

#client_login form {position: absolute; top: 0; right: 0; }
#client_login input {margin-right: 10px; width: 160px;}
#client_login input.submit { border: 1px outset; width: auto;}
#client_login label {float:none; text-align: right; display: inline; font-variant: small-caps; margin-right: 5px;}

.post-it form label {float:none; text-align: right; display: inline; font-variant: small-caps; margin-right: 5px; }
.post-it form input { width: 180px;}
.post-it form input.submit { width: auto;}

/* JOEL: for rsvp form */
form.rsvp {margin-top:15px;}
form.rsvp input {width:200px; font-size:12px;}
form.rsvp label {width:100px; font-size:12px;}
form.rsvp input.submit {width:auto;}
form.rsvp p {margin:5px 0; font-size:12px;}

html div.search-bar form label img { position: absolute; top: 0; left: -35px;}

form legend {font: normal normal bold 14px helvetica, sans-serif;}

form#ezine { width:288px; }
form#ezine p {font-variant: small-caps; }
form#ezine input.text { width:250px; }
form#ezine input.submit { width: 80px;}