/********
 General
********/

/* Remove all default padding and margin */
body, div {
  margin: 0;
  padding: 0;
}

/* Default all tables to collapsing borders */
table {
  border-collapse: collapse;
}

/* General link formatting */
a:link, a:visited {
  text-decoration: underline;
  color: rgb(51,51,51);
}

/* General link formatted (on hover) */
a:hover {
  text-decation: underline;
  color: rgb(153,153,153);
}

/* Image links have no border */
a img {
  border: none;
}

/* General settings and out-of-page background */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color: rgb(250,250,243);
  color: rgb(51,51,51);
}

/* Top bar formatting */
div.topbar {
  background-color: rgb(255,255,255);
  border-color: rgb(174,179,140) !important;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: rgb(0,0,0);
}

/* username and password inputs on top bar */
div.topbar input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

/* Links found in the top bar */
div.topbar a {
  text-decoration: none;
}

/* Main content area formatting */
#main_content {
  border-color: rgb(174,179,140) !important;
  color: rgb(102,102,102);
}

/* Error message formatting */
div.error {
  color: rgb(220,0,0);
}

/* Arrays within error_dump */
div.error div.error_array {
  padding-left: 16px;
}

/* Username formatting (on top bar) */
span.username {
  font-weight: bold;
}

/* Button used for logging in and out */
a.login_button {

}

/* Section headers */
h1 {
  font-size: 15px;
  color: rgb(51,51,153);
}

/* Subsection headers */
h2 {
  font-size: 13px;
  color: rgb(102,102,102);
  margin: 16px 0 4px 0;
}

/* Selected radio options displayed as text */
.radio_select {
  font-weight: bold;
  text-decoration: underline;
}

/********
 Sidebar
********/

/* Side bar formatting */
#sidebar {
  background-image: url(images/natco_side.gif);
  background-repeat: repeat-y;
  width: 114px;
  margin: 0;
  padding: 0;
  border-color: rgb(153,153,102);
}

#sidebar li {
  float: left;
  list-style: none;
}

#sidebar li a {
  font-size: 10px;
  font-family: Verdana, Helvetica, sans-serif;
  display: block;
  color: rgb(204,102,0);
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  margin: 8px 0;
  padding: 7px 0;
  width: 114px;
  border-top: 5px solid rgb(0,0,0);
  border-bottom: 5px solid rgb(0,0,0);
  background-color: rgb(250,250,243);
}

#sidebar a:hover {
  background-color: rgb(225,225,192);
}

/* Simple list of links */
ul.link_list { padding: 0; margin: 8px 0; }
ul.link_list li { list-style: none; }

/******************
 Table of Contents
******************/

/* Basic contents list */
ul.contents {
  width: 600px;
  padding: 0;
  margin: 0 0 0 10px;
}

/* List elements */
ul.contents li {
  list-style: none;
  width: 100%;
  position: relative;
}

/* List elements with dotted bottom border */
ul.contents li.dotted { border-bottom: 1px dotted rgb(128,128,128); }
ul.contents li.indented { padding-left: 20px; }

/* Do not underline links with dotted borders */
ul.contents li.dotted a { text-decoration: none; }

/* Numeric totals on table */
ul.contents li div.total {
  position: absolute;
  right: 0px;
  top: 0px;
}

/******
 Forms
******/

/* Field names (headers) */
table.simple_fields th {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

/**************
 Standard List
**************/

/* Basic table */
table.standard_list {
  min-width: 100%;
}

/* Table headers */
table.standard_list th {
  padding: 2px 5px;
  font-size: 10px;
  background-color: rgb(255,255,255);
  border-bottom: 1px solid rgb(102,102,102);
  border-top: 1px solid rgb(102,102,102);
  font-weight: bold;
  height: 12px;
  text-align: center;
  white-space: nowrap;
}

/* Table cells */
table.standard_list td {
  padding: 3px;
  font-size: 12px;
  height: 14px;
  color: rgb(102,102,102);
  text-align: center;
  white-space: nowrap;
}

/* Even row coloring */
table.standard_list tr.even {
  background-color: rgb(225,225,192);
}

/* Highlighted even row coloring */
table.standard_list tr.even td.highlighted {
  background-color: rgb(209,209,176);
}

/* Odd row coloring */
table.standard_list tr.odd {
  background-color: rgb(246,246,232);
}

/* Highlighted odd row coloring */
table.standard_list tr.odd td.highlighted {
  background-color: rgb(230,230,216);
}

/**********************
 Order Line Item Lists
**********************/

/* General item list formatting */
table.order_items th, table.order_items td {
  border: 1px solid rgb(140,140,140);
  text-align: center;
  white-space: nowrap;
}

/* Headers on the item list */
table.order_items th {
  font-size: 13px;
  font-weight: bold;
  background-color: rgb(255,255,255);
}

/* Normal cells on the item list */
table.order_items td {
  background-color: rgb(250,250,243);
}

/* Smaller font for printing large lists */
table.order_items.small th { font-size: 9px; }
table.order_items.small td { font-size: 11px; }

/********************
 Thumbnail Box Lists
********************/

/* Thumbnail box general formatting */
table.thumb_box {
  border: 1px solid rgb(200,200,180);
  width: 390px;
}

/* Thumbnail box row formatting */
table.thumb_box td {
  text-align: center;
  white-space: nowrap;
}

/************
 List Paging
************/

/* Parameters for paging code */
div.paging {
  text-align: center;
  font-size: 14px;
}

/* Individual page number links on page jump list */
a.page_button, div.paging b {
  padding: 0px 5px;
}

#subnav {
  margin: 0;
  margin-left: auto;
  padding: 0;
  border-color: rgb(153,153,102);
}

#subnav li {
  float: right;
  list-style: none;
}

#subnav li a {
  font-size: 10px;
  font-family: Verdana, Helvetica, sans-serif;
  display: block;
  color: rgb(51,51,51);
  text-decoration: none;
  padding: 1px 5px;
  margin: -1px -1px 0 0;
  border: 1px solid rgb(153,153,102);
  background-color: rgb(255,255,255);
}

#subnav a:hover {
  color: rgb(102,102,153);
}

/************
 Module List
************/

/* Module link boxes */
a.module_box {
  display: block;
  color: rgb(0,0,0);
  border: 2px outset rgb(230,230,230);
  width: 200px;
  height: 32px;
  font-size: 13px;
  font-weight: bold;
  margin: 4px auto;
  text-decoration: none;
  text-align: center;
}

/* The second line on module link boxes */
a.module_box span.subname {
  font-size: 11px;
  font-style: italic;
}

/* Highlighting for module link boxes */
a.module_box:hover {
  color: rgb(0,100,255);
  border-color: rgb(150,200,235);
}

/*************
 Sales Orders
*************/

table.order_form th {
  text-align: right;
  font-weight: bold;
  padding-right: 3px;
  padding-left: 8px;
  white-space: nowrap;
  text-transform: uppercase;
}

table.rights_list {
  margin: 16px 0 4px 0;
}

table.rights_list td {
  padding-right: 24px;
  white-space: nowrap;
}

div.text_display {
  border: 1px solid rgb(140,140,140);
  overflow-y: scroll;
}

/* Yellow background areas */
div.yellow {
  background-color: rgb(255,255,153);
}

@media print {
  *, table.order_items td, div.yellow {
    background-color: rgb(255,255,255) !important;
    color: rgb(0,0,0) !important;
  }
}

/*********************
 Favorites Management
*********************/

.draggable, .dragfolder {
  position: absolute;
  cursor: pointer;
}

.folder {
  position: absolute;
  background-color: rgb(255,255,180);
  font-family: sans-serif;
  font-size: 17px;
  color: black;
  height: 22px;
  padding: 3px;
  border: 1px solid gray;
}

.folder a.expand {
  text-align: center;
  padding: 1px 6px 2px 6px;
  border: 1px solid black;
  font-size: 18px;
  background-color: rgb(200,200,200);
  text-decoration: none;
}

.folder a.expand:hover {
  color: black;
  background-color: rgb(240,240,240);
}

.file {
  position: absolute;
  background-color: white;
  font-size: 12px;
  height: 12px;
  padding: 7px;
  border: 1px solid gray;
}

/* Folder list */
ul.folders { padding-left: 0px; }
ul.folders li { list-style: none; }

/***********
 Vendor POs
***********/

table.vendor_po {
  white-space: nowrap;
}

table.vendor_po td {
  color: rgb(0,0,0);
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-align: center;
  overflow: hidden;
}

table.vendor_po td.office_use {
  background-color: rgb(192,192,192);
  border-right: 2px solid;
  border-left: 2px solid;
  border-color: rgb(0,0,0);
  font-weight: bold;
}

table.vendor_po td.header {
  font-size: 140%;
  font-weight: bold;
  text-decoration: underline;
}

table.vendor_po td.subheader {
  font-size: 120%;
  font-weight: bold;
  text-align: left;
  padding-left: 20px;
}

table.vendor_po td.field_name {
  text-align: right;
  padding-right: 4px;
  font-weight: bold;
}

table.vendor_po td.field {
  text-align: left;
}

table.vendor_po td.yellow {
  background-color: rgb(255,255,153);
  text-align: left;
  border-color: rgb(0,0,0);
  border-right: 1px solid;
  border-left: 1px solid;
}

table.vendor_po td.yellow.yheader {
  font-weight: bold;
  text-decoration: underline;
}

table.vendor_po td.theader {
  font-weight: bold;
  border-bottom: 2px solid rgb(0,0,0);
}

table.vendor_po td.cell {
  border: 1px solid rgb(192,192,192);
}

table.vendor_po tr.top_line td {
  border-top: 1px solid rgb(0,0,0);
}

table.vendor_po tr.bottom_line td {
  border-bottom: 1px solid rgb(0,0,0);
}

#setup_sheet_block {
  border: 1px outset rgb(100,100,100);
  background-color: rgb(210,255,210);
  padding: 8px;
  margin: 16px 0;
}