/* Flash messages
------------------------------------------------*/

p.flash {
	background-color: #f0f0f0;
	color: #000;
	padding: 10px;
}

/* Error messages
------------------------------------------------*/

.ErrorExplanation {
	color: #000;
	background-color: #f0f0f0;
	border: 2px solid #f00;
	padding: 0 10px 5px 10px;
	margin-right: 10px;
}

.ErrorExplanation h2 {
	margin-top: 0;
	margin-left: -10px;
	margin-right: -10px;
	color: #fff;
	background-color: #c00;
	padding: 5px 10px;
	font-size: inherit;
	font-weight: bold;
}

.ErrorExplanation ul {
	list-style-type: square;
	color: #000;
	background-color: #f0f0f0;
}

.ErrorExplanation p {
	color: #000;
	background-color: #f0f0f0;
}

.fieldWithErrors, .FieldWithErrors {
}

span.fieldWithErrors, span.FieldWithErrors {
	padding: 2px;
	background-color: #f00;
	display: table;
}

span.field-error-msg {
    font-family: Verdana, Arial, Helvetica;
    font-size: 8pt;
    color: #d20;
}


.WebappCheckoutTable {
	font-size: 8pt;
	padding: 0;
	margin: 0;
	border: none;
	color: inherit;
}

.WebappCheckoutTable caption {
	margin-bottom: 10px;
	background-color: #eee;
}

.WebappCheckoutTable tbody tr th {
	padding: 1px 14px 1px 0;
	text-align: left;
}

.WebappCheckoutTable tr td {
	padding: 1px;
}

input[type=number] { 
    -moz-appearance: textfield; 
} 
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; margin: 0; 
} 

tbody th { 
    text-align: left; color: #7C5700; font-size: 8pt; font-family: Verdana, Arial, Helvetica; padding-right: 5px; 
}