﻿
html, body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
    height:100%;
}

#content-div
{
    padding: 10px;
    min-height: 300px;
    height: 100%;
}

#header-div
{
    background-color: #eee;
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
}

#footer-div
{
    padding: 10px;
    text-align: center;
}

a, a:link, a:visited
{
	text-decoration: underline;
	color: #000080;
}

a:hover
{
	text-decoration: none;
	color: #ff0000;
}


h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0px;
    color: #000000;
}

h1 { font-size: 19px; }
	
h2 { font-size: 16px; }
	
h3 { font-size: 14px; }

h4 { font-size: 12px; }

h5 { font-size: 10px; }

h6 { font-size: 10px; }

h7 {
	font-weight: bold;
	margin: 0px auto;
	padding: 0px auto;
	color: #84b842;
	font-size: 16px;
}

a.menu-link, a.menu-link:link, a.menu-link:visited, a.menu-link:hover
{
	padding-right: 10px;
}

a.menu-link-selected, a.menu-link-selected:link, a.menu-link-selected:visited, a.menu-link-selected:hover
{
	padding-right: 10px;
	font-weight: bold;
	text-decoration: none;
}

.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;
}

.container
{
	border: #ccc 1px solid;
	margin-bottom: 15px;
}

.container-header
{
	background-color: #ccc;
}

.bg-grey
{
	background-color: #ccc;
}

.bg-light-grey
{
	background-color: #eee;
}

.bg-white
{
	background-color: #fff;
}

.text-red
{
	color: #d30000;
}

.text-watermark
{
    font-style: italic;
    color: #cccccc;
}

.text-light
{
    color: #cccccc;
}

.text-medium
{
    color: #909090;
}

.detail-div
{
	float: left;
	padding-top: 10px;
}

.detail-hr
{
	color: #fff;
	background-color: #fff;
	border: 1px dotted #808080;
	border-style: none none dotted;
}

.detail-hr-width
{
	width: 722px;
}

.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;
}

.field-instruction
{
    font-size: 11px;
}

.validator-instruction
{
    font-size: 11px;
}

.image-border
{
    border: 1px solid #cccccc;
    padding: 1px;
}

.loadingbox
{
    position: fixed;
    top: 40%;
    left: 40%;
    border: 1px solid #ccc;
    background-color: #F3F3F3;
    height: 70px;
    width: 250px;
    text-align: center;
    padding-top: 20px;
}

.control-header {
  font-size: .9em;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
}

a.menu-link, a.menu-link:link, a.menu-link:visited
{
    text-decoration: none;
    font-weight: bold;
}

a.menu-link:hover
{
    text-decoration: none;
    color: #ff0000;
    font-weight: bold;
}

.read-only {
  text-align: right;
  background-color: Transparent;
  border-style: none;
  width: 20px;  
}

.container
{
	border: #ccc 1px solid;
	margin-bottom: 15px;
}

.container-header
{
	background-color: #ccc;
}

.container-no-border
{
	margin-bottom: 15px;
}

.background-lightblue
{
    background-color: #CFDBEB;
}

.background-white
{
	background-color: #fff;
}

.background-grey
{
	background-color: #ccc;
}

.text-password-strength
{
    font-style: italic;
    padding-left: 15px;
    font-size: 11px;
}

.bullet-check
{
    list-style-image: url(images/check.gif);
}

.line-height-25
{
    line-height: 25px;
}

.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;
}

a.menu-item, a.menu-item:link, a.menu-item:visited
{
    text-decoration: none;
    font-weight: bold;
}

a.menu-item:hover
{
    text-decoration: none;
    color: #ff0000;
    font-weight: bold;
}

.menu-dynamic
{
    z-index: 100;
}

.footer-detail
{
    font-size: x-small;
}

.attention
{
    background-color: #FEFFD5;
    border: 1px solid #000097;
    padding: 10px;
}