/* Styles for the payment sections */

#payment-container h1 {color: #004163; font-size: 18px; font-family: Verdana, sans-serif; font-weight: bold; margin: 0;}
#payment-container h2 {color: #006699; font-size: 14px; font-family: Verdana, sans-serif; font-weight: bold; margin: 0;}
p.error {background-color: #990000; color: #fff; font-weight: bold; padding: 10px;}
p.error-list {font-weight: bold; color: #990000; margin-left: 10px;}
#payment-container p {font-size: 12px;}
#payment-container label {font-weight: bold; font-size: 12px;}

.small {width: 100px;}
.medium {width: 200px;}
.large {width: 237px;}
.xlarge {width: 100%;}
table.form {width: 100%;}
table.form input.errorfield {border: 1px solid #990000; background-color: #ffe3e3;}
table.form td {padding: 10px 5px 0 0;}
#payment-container hr {margin: 10px 0 20px 0; padding: 0; color: #e3e3ac;}
table.form input, table.form select, table.form textarea {font-size: 12px; color: #333; padding: 3px; border: 1px solid #777756; font-family: Verdana, sans-serif}
table.form textarea {width: 100%; height: 120px;}
input.button {width: auto; padding: 3px;}