html, body {
	font: 13px verdana, sans-serif;
    margin: 0px;
    padding: 0px;
	color: Black;
	color: #000000;
    background-color: #ffffff;
}

.large { font-size: 110%; }
.standard { font-size: 100%; }
.small { font-size: 80%; }

.nobr {white-space: nowrap;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.password_red {color:#aa0000;}
.password_yellow {color:#aaaa00;}
.password_green {color:#00aa00;}

.message { font-size: 110%; font-weight: bold; padding-bottom: 5px; }
.message2 { font-size: 110%; font-weight:normal; font-style: italic; }

.calculation_error {font-weight:bold; color: #aa0000;}
.calculation_ok {font-weight:bold; color: #20d020;}

.nav_button {cursor: auto; border: 1px #3399cc solid;}

table.border {width: 100%; border: 1px #3399cc solid; border-collapse: collapse;}
table.border th {border: 1px #3399cc solid; padding: 2px; background: #dddddd; vertical-align: bottom; text-align: center;}
table.border td {border: 1px #3399cc solid; padding: 2px; vertical-align: top;}
table.border input,table.border textarea, table.border select {font-size: 10pt;background: #dbdbdb;}
highlight_row tr:hover {background: #CCC;}

table.noborder {width: 100%; border: 0px;}
table.noborder th {padding: 2px; text-align: center; vertical-align: top;}
table.noborder td {padding: 2px; vertical-align: top;}

.configure_button {font-size: 10pt;color: #FFFFFF;background: #006ec7; width: 56px;}
table.configure {width: 100%; border: 0px;}
table.configure th {padding: 2px; text-align: center; vertical-align: top;}
table.configure td {padding: 2px; vertical-align: top;}

.order_title { background: #4587c7; color: white; padding: 10px; font-size: 120% }
.order_header_message { font-size: 100%; }
.order_comment { font-size: 100%; }

table.order_shipto {width: 100%; border: 0px;}
table.order_shipto th {padding: 2px; text-align: center; vertical-align: top;}
table.order_shipto td {padding: 2px; vertical-align: top;}

table.order_ribbon {width: 100%; border: 1px #3399cc solid; border-collapse: collapse;}
table.order_ribbon th {border: 1px #3399cc solid; padding: 2px; background: #dddddd; vertical-align: bottom; text-align: center;}
table.order_ribbon td {border: 1px #3399cc solid; padding: 2px; vertical-align: top;}

table.order_body {width: 100%; border: 1px #3399cc solid; border-collapse: collapse;}
table.order_body th {border: 1px #3399cc solid; padding: 2px; background: #dddddd; vertical-align: bottom; text-align: center;}
table.order_body td {border: 1px #3399cc solid; padding: 2px; vertical-align: top;}

table.order_footer { width: 100%; border: 0px;}
table.order_footer td {padding: 2px; vertical-align: top;}
.order_footer_message  { font-size: 100%; }
.order_footer_image { text-align: right;  vertical-align: top; padding-right: 20px; }

.order_description { padding-left: 1em; margin-top: 0px; }
.order_description li { list-style-type: disc; list-style-position: inside; text-indent: -1em; padding-left: 1em; }

.loader {
  display: inline-block;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.loader_text {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-top: 5px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}