﻿
div.cmd				{ font-size: 1.05em; margin-top: 1.5em; }

button, a.btn		{ width: 118px; height: 24px; background-color: inherit; display: inline-block; border: 0 solid black !important; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; cursor: pointer; z-index: 100; } 
button:hover,
a.btn:hover			{ background-position: -117px 0; }
button.small		{ width: 70px; height: 19px; display: block; }
button.small:hover	{ background-position: -69px 0; }
button.micro		{ width: 21px; height: 19px; float: left; clear: none; }
button.micro:hover	{ background-position: 0 0; }

button.select				{ background-image: url(../Images/select.gif);  }
button.cart					{ background-image: url(../Images/cart.gif); }
button.checkout, a.checkout	{ background-image: url(../Images/checkout.gif); }
button.ok					{ background-image: url(../Images/ok.gif); clear: none; }
button.update				{ background-image: url(../Images/update.gif); clear: none; }
button.update.small			{ background-image: url(../Images/update.small.gif); }
button.cancel, a.cancel		{ background-image: url(../Images/cancel.gif); clear: none; }
button.undo.micro			{ background-image: url(../Images/undo.gif); }
button.delete.micro			{ background-image: url(../Images/delete.gif); }
button.delete.micro:hover	{ background-image: url(../Images/delete.hover.gif);  }
button.login				{ background-image: url(../Images/login.gif); float: right; }
button.register				{ background-image: url(../Images/register.gif); float: right; }
button.submit				{ background-image: url(../Images/submit.gif); float: right; }
button.deliver, a.deliver	{ background-image: url(../Images/deliver.gif); }
button.deliver				{ float: right; }
button.payment				{ background-image: url(../Images/payment.gif); }
a.defer						{ background-image: url(../Images/defer.gif); }

img.btn						{ visibility: hidden; }

table.list		{ width: 100%; }
table.list td,
table.list th	{ border-bottom: solid 1px #ccc; padding: 1.00em; margin-top: 0; white-space: normal; }

table.list.info th,
table.list.info td	{ vertical-align: baseline; font-weight: normal; text-align: left; }

div.pager		{ padding: 1.50em 0; height: 1.50em; margin: 0; }
div.pager.top	{ padding: 0; }
div.pager a		{ margin: 0 0.25em; }

table.details td,
table.details th	{ padding: 0.35em 0; text-align: left; vertical-align: baseline; border: 0; }
table.details th	{ padding-right: 0.75em; font-weight: normal; color: #323232; }
table.details td	{ padding-right: 0; }

input.text, 
select.text,
textarea.text,
input.number		{ border: solid 1px #aaa; background-color: #fff !important; }
input.text:focus, 
select.text:focus,
textarea.text:focus,
input.number:focus	{ border: solid 1px #666; }
input.text			{ width: 14.50em !important; }
select.text			{ width: 15.15em !important; }
input.text.xnrw		{ width: 5.50em !important; }
input.text.nrw		{ width: 9.50em !important; }
input.text.medium	{ width: 12.00em !important; }
input.text.wide		{ width: 17.50em !important; }
select.text.wide	{ width: 18.15em !important; }
input.text.xwide	{ width: 20.50em !important; }
select.text.xwide	{ width: 21.15em !important; }
input.text.xxwide	{ width: 46.00em !important; }
textarea.xxwide.text	{ width: 46.00em !important; }

input.qty		{ width: 2.000em; vertical-align: middle; text-align: right; }
label.qty		{ font-size: 0.85em; text-transform: uppercase; font-weight: normal; }

table.fields				{}
table.fields td,
table.fields th				{ padding: 0.20em 0.15em; white-space: nowrap; height: 2.25em; text-align: left; vertical-align: baseline; }
table.fields th.name		{ width: auto; }
table.fields th				{ padding-right: 0.75em; font-weight: normal; color: #323232; }
table.fields th.rq			{ width: 1.00em; padding-right: 0.15em; }
table.fields td				{ padding-right: 0; }
span.ast					{ font-weight: bold; font-size: 1.40em; line-height: 1.00em; vertical-align: middle; color: #999; }
table.fields td span.ann	{ display: inline-block; color: #999; padding: 0.25em; margin-left: 0.35em; }
table.fields caption		{ color: #999; display: table-caption; padding: 0 0 1.00em 0; font-size: 1.35em; letter-spacing: 0.040em; text-align: left; margin: 0; margin-left: 0; }

table tr.control td,
table tr.control th			{ padding-top: 1.50em; }

table.sales					{ margin: 2.50em 0; width: 100%; border: solid 1px #ccc; border-left: 0; border-right: 0; clear: both; }
table.sales th				{ background-color: #f1f1f1; }
table.sales th, 
table.sales td				{ border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; font-weight: normal; text-align: left; vertical-align: middle; }
table.sales table.item		{ width: 100%; }
table.sales th,
table.sales td				{ padding: 1.50em 1.00em 1.50em 0; }

table.sales	thead th,
table.sales	thead td			{ border: 0; padding-top: 0.25em; padding-bottom: 0.25em; vertical-align: baseline; background-color: white !important; }
table.sales	thead th			{ font-weight: normal; }
table.sales	thead td			{ background-image: url(../Images/cell.gif); background-position: 34.20em 0; background-repeat: no-repeat; }
body:first-of-type thead td		{ background-position: 34.95em 0; }
table.sales thead tr.first th,
table.sales thead tr.first td	{ padding-top: 1.50em; }
table.sales thead tr.last th,
table.sales thead tr.last td	{ padding-bottom: 1.50em; }

table.sales tfoot th,
table.sales tfoot td		{ border: 0;} 
table.sales tfoot th		{ background-color: #e2e2e2; }
table.sales tfoot td		{ background-color: #f1f1f1; }
table.sales tfoot td.text	{ width: 36.00em; text-indent: 1.00em; }
table.sales tfoot th,
table.sales tfoot td		{ padding-top: 0.25em; padding-bottom: 0.25em; }

table.sales tfoot tr.top th,
table.sales tfoot tr.top td		{ padding-top: 0.75em }
table.sales tfoot tr.bottom th,
table.sales tfoot tr.bottom td	{ padding-bottom: 0.75em; }
table.sales tfoot tr.first th,
table.sales tfoot tr.first td	{ padding-top: 1.50em }
table.sales tfoot tr.last th,
table.sales tfoot tr.last td	{ padding-bottom: 1.50em; }

table.sales td				{ background-color: white; }
table.sales td.header		{ width: 5.50em; }
table.sales td.header img	{ width: 4.50em; height: 4.50em; }
table.sales td.text			{ width: 28.00em; }
table.sales td.qty			{ width: 6.50em; text-align: right; text-indent: 0; }
table.sales td.qty input	{ font-weight: normal; }
table.sales th.price		{ width: 7.50em; color: #424242; font-size: 0.95em; text-align: right; }
table.sales th.info			{ width: 7.85em; font-weight: normal; }
table.sales th.update		{ width: 4.65em; }
table.sales th.delete		{ width: 1.25em; }

table.sales *.uline			{ border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }

tr.dirty button.update		{ visibility: visible !important; }
tr.dirty button.undo		{ display: block !important; }
tr.dirty button.delete		{ display: none !important; }
tr.dirty th.price			{ text-decoration: line-through !important; }

tr button.update			{ visibility: hidden; }
tr button.undo				{ display: none; }
tr button.delete			{ display: block; }