body { color: #666; font-size: 12px; font-family: Arial; background: url(/images/background.gif) top left repeat-x; }
strong { color: black; }

h1 { color: #289EB3; font-weight: normal; padding: 0; margin: 0; font-size: 41px; line-height: 0.8em; }
h1 strong { color: #354D7A; }
h2 { color: #69B327; }
h3 { color: #289EB3; font-size: 16px; }

p { line-height: 1.5em; }

a img { border: 0; }

div.sidebar_left,
div.sidebar_right,
div.container {  margin-top: 15px;  }

div.sidebar_left,
div.container { background: white; border: 1px solid #D8D8D8; padding: 25px; }

#header { font-size: 15px; }
#header ul, #footer ul { list-style-type: none }
#header ul li { float: left; text-align: center; width: 100px; margin-top: 30px; }
#header img { float: left; }

#footer { margin-top: 20px; border-top: 1px solid #D8D8D8; clear: both; }
#footer ul { float: right; }
#footer li { display: inline; text-align: right; }
#footer div { text-align: right; clear: both; font-size: 10px; }

.order ul.status a,
.order ul.status div,
.button, .button2 {
  background: #69B327;
  color: white;
  border: 1px solid #b4d993;
  font-size: 20px;
  padding: 7px 10px;
  text-align: center;
  width: 140px;
  display: block;
  text-decoration: none;
}

.order ul.status { list-style-type: none; padding: 0; margin: 0; }
.order ul.status a { margin: 0 auto; }

.button2 {
  background: #289EB3;
  border: 1px solid #5DB2C2;
}

dt { color: #289Eb3; clear: both; }
dd { margin: 0; margin-bottom: 8px; }
dd input, dd select, dd textarea { font-size: 1.4em; }
dd ul { padding: 0; margin: 0; width: 375px; float: left; }
dd li { display: inline; }
dd li img { cursor: pointer; }
dd ul.courier_id li { display: block; }

th { text-align: left; }

.order img.document, .order img.cover { border: 3px solid #3190A7; margin: 0 auto; display: block; }

.order ul.status li { clear: both }
.order ul.status li * { border: 1px solid #D0D0D0; }
.order ul.status div { float: left; }
.order ul.status .incomplete { background: #808080; }
.order ul.status .inprogress { background: #FF0000; }
.order ul.status .completed  { background: #4E851D; }

table { width: 100% }
td { vertical-align: top; }

.number { text-align: right; font-family: monospace; }
th.number, thead td.number { text-align: right; font-family: inherit; }

table.orders, table.vendors, table.data { border-collapse: collapse; }
table.orders  td { padding: 2px; }
table.data tbody tr:hover,
table.orders  tbody tr:hover, 
table.vendors tbody tr:hover { background-color: #E9F7F9; }
table tr.even { background: #DFFFCD }
table.select tr:hover { cursor: pointer }

fieldset legend span { cursor: pointer }
#order_new img.loader { margin: 0 auto; display: block; }
