/* ------------------------------- Containers ------------------------------- */
div.message {
margin-bottom: 1.5em;
padding: 1em;
border-color: #ddd #ccc #bbb #ccc; border-style: dashed; border-width: 1px;
background-color: #f0f9ff;
font: bold 1em Arial, sans-serif; color: #340;
line-height: 1.5em;}

div.message.error,
div.message.warning {
border-color: #e96;
background-color: #fff9a9;}

div.action {
margin-bottom: 1em;
text-align: right;}


/* --------------------------------- Lists ---------------------------------- */
dl, ol, ul {
margin-top: 0;
margin-left: 0;
padding-left: 0;}

dl dd, dl dt, ol li, ul li {
margin-left: 0;
list-style: none;}

div.message ul {
margin: 0.7em 0;}

div.message ul li {
margin-left: 1.5em; margin-bottom: 0.5em;
font-weight: normal;
line-height: 1.3em;
list-style: disc outside;}

table.form dl.addons dt {
font-weight: bold;}

table.form dl.addons dd {
margin-top: 3px; margin-left: 10px;}

table.form ul.option {
margin-bottom: 5px;}

table.form ul.option li {
margin-top: 6px;}


/* -------------------------------- Tables ---------------------------------- */
table {
margin: 0; padding: 0;
font-size: 1em;}

table.form {
margin-bottom: 1.2em;
width: 100%;
border-color: #ddd #ccc #bbb #ccc; border-style: solid; border-width: 0 1px 1px 1px;}

table.form tr.header {
background-color: #f0f0f0;}

table.form tr.header th {
padding: 6px 6px;
border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px 0 1px 1px;
font: bold 0.8em Verdana, sans-serif; color: #444;}

table.form tr.header th.first {
border-left: none;}

table.form tr.odd {
background-color: #f0f9ff;}

table.form tr.odd th,
table.form tr.even th {
width: 90px;
padding: 6px;
border-top: 1px solid #ddd;
border-right: 1px solid #e9e9e9;
font: bold 0.8em Verdana, sans-serif;
color: #444;}

table.form tr.odd th {
background-color: #f0f0f0;}

table.form tr.even th {
background-color: #f3f3f3;}

table.form tr.even {
background-color: #f9ffff;}

table.form tr.link {
cursor: pointer;}

table.form tr td {
padding: 6px 6px;
border-top: 1px solid #e0efff;
font: normal 0.85em Verdana, sans-serif; color: #456;
vertical-align: top;}

table.form tr td.price,
table.form tr td.quanity {
font-weight: bold;
text-align: right;}

table.form tr td div.note {
margin-top: 0.3em;
color: #444;}

table.form tr.header th {
padding: 6px 6px;
font: bold 0.8em Verdana, sans-serif; color: #444;}

table.form tr.error th {
background-color: #e9e9e9;}

table.form tr.error td {
background-color: #fff9c0;}


/* --------------------------------- Forms ---------------------------------- */
fieldset {
margin: 0; padding: 0;
border: 0;}

form {
margin: 0;}

input {
margin: 0;}

input.text,
select,
textarea {
display: block;
margin-bottom: 0.8em;
font: bold 1em Verdana, sans-serif; color: #057;}

input.text,
textarea {
padding: 2px;}

select {
padding: 1px;}

input.checkbox {
margin-bottom: 2px; margin-right: 4px;
vertical-align: middle;}

input.radio {
margin-bottom: 2px;
vertical-align: middle;}

table.form label {
font: bold 1em Verdana, sans-serif; color: #057;}

table.form input.text,
table.form select,
table.form textarea {
display: inline;
margin-bottom: 0;}

table.form input.long,
table.form select.long {
width: 226px;}

table.form input.medium {
width: 156px;}

table.form input.short {
width: 78px;}

table.form input.dollar {
width: 45px;}

table.form input.tiny {
width: 25px;}

table.form textarea {
width: 318px; height: 150px;}

table.form tr.error input.text,
table.form tr.error select {
border: 1px solid #f96;}

table.form tr.error input.text {
padding: 3px;}

table.form tr.error select {
padding: 2px;}

input.button {
font: bold 0.9em Arial, sans-serif;}