﻿.attention
{
    background-color: #FEFFD5;
    border: 1px solid #000097;
    padding: 10px;
}

.checkout-header
{
    padding: 5px;
    background-color: #ccc;
    font-weight: bold;
}

.checkout-panel
{
    margin-bottom: 15px;
}

.checkout-amount
{
    color: #FF0000;
    font-weight: bold;
}

.checkout-item-detail
{
    font-size: x-small;
}

.checkout-out-of-stock
{
    color: #FF0000;
}

.line-height-25
{
    line-height: 25px;
}

.background-lightblue
{
    background-color: #CFDBEB;
}

.background-white
{
	background-color: #fff;
}

.background-grey
{
	background-color: #ccc;
}

.container-header
{
	background-color: #ccc;
}

.container
{
	border: #ccc 1px solid;
	margin-bottom: 15px;
}

.field-instruction
{
    font-size: 11px;
}

.validator-instruction
{
    font-size: 11px;
}

.detail-field-label
{
    text-align: right;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
}

.detail-field-value
{
    padding: 5px;
    vertical-align: top;
    text-align: left;
}

.detail-hr
{
	color: #fff;
	background-color: #fff;
	border: 1px dotted #808080;
	border-style: none none dotted;
}

.text-watermark
{
    font-style: italic;
    color: #cccccc;
}

.bg-grey
{
	background-color: #ccc;
}

.bg-light-grey
{
	background-color: #eee;
}

.bg-white
{
	background-color: #fff;
}

.container
{
	border: #ccc 1px solid;
	margin-bottom: 15px;
}

.container-header
{
	background-color: #ccc;
}

.message-box
{
	padding: 10px;
	text-align: center;
}

.information-message
{
	border: 1px solid #0000ff;
	background-color: #d9d9ff;
}

.success-message
{
	border: 1px solid #008000;
	background-color: #c1ffc1;
}

.warning-message
{
	border: 1px solid #ffff00;
	background-color: #ffffbb;
}

.error-message
{
	border: 1px solid #ff0000;
	background-color: #ffc6c6;
}

.image-border
{
    border: 1px solid #cccccc;
    padding: 1px;
}