.box 
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    border: solid 1px #000000;
}

/* Light-gray small-font controls. */
.box-lighter
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    border: solid 1px #000000;
    background-color: #e5e5e5;
}

/* New: */
/* Tables with small-font cells. Other elements to
   contain small-font sub-elements. */
table.SmallFontTable td, .SmallFontElem, 
.SmallFontElem div, .SmallFontElem span, .SmallFontElem td
{
	FONT-SIZE: 12px; COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/* A more civilized version that doesn't impose style over
   the inner elements. */
.SmallFontContainer
{
	FONT-SIZE: 12px; COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/* Tables with REALLY small-font cells. */
table.TinyFontTable td
{
	FONT-SIZE: 11px; COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/* Styles for table contents of various sizes 
   (primarily for CreateCustomer). */
.BigTableHeader { FONT-WEIGHT: bold; FONT-SIZE:small; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif }
.MediumTableHeader { FONT-WEIGHT: bold; FONT-SIZE: xx-small; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.MediumTableText { FONT-WEIGHT: bold; FONT-SIZE: xx-small; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif }

/* Red "required field" asterisks, left from old CreateCustomer.
   Now unhidden! */
.RedAsterisk {
    FONT-WEIGHT: normal; FONT-SIZE: xx-small; COLOR: red;
    }

/* Red "required field" asterisks, those that need to be hidden. */
.RedAsteriskHidden {
    FONT-WEIGHT: normal; FONT-SIZE: xx-small; COLOR: red; display: none;
    }

/* Red field titles for erroneous fields. */
.ErroneousFieldTitle { color: Red; }

/* Black (well, drak-grey) links with bold font. */
.SmallStrongLink {
	font-weight: bold; FONT-SIZE: 12px; color: #333333
}

/* Table cells to contain images or other non-text contents 
   that should be rendered unseparated from adjacent cells. */
table.SmallFontTable td.ImageCell, table.TinyFontTable td.ImageCell,
td.ImageCell
{
	font-size: 1px
}

/* Empty table cell whose purpose is to specify the table layout
   (widths of columns). */
.LayoutCell, table.SmallFontTable .LayoutCell, tr.LayoutRow td, table.SmallFontTable tr.LayoutRow td {
	padding-bottom: 0; padding-top: 0; height: 0px;
	font-size: 0;
}

/* Standard styles for data tables. */
tr.grid-header 
{
	background-color: #CCD9EB;
	text-align: left;
	font-weight: bold;
}
tr.grid-row
{
    background-color: White;
}
tr.grid-altrow
{
    background-color: #f0f0f0;
}

.DataTable tr.row
{
    background-color: #CCD9EB;
}

.DataTable tr.altrow
{
    background-color: White;
}

.DataTable td.fieldName
{
    text-align: right;
}

/* Elements (mostly table cells) that contain table/section
   titles. Supposed to be followed by a table with the class 
   BlackBorderTable. */
.TableTitleCell, 
table.SmallFontTable td.TableTitleCell, 
table.TinyFontTable td.TableTitleCell,
.SmallFontElem .TableTitleCell
{
    background-color: #E8E8E8;
    height: 22px;
    padding: 2px 2px 0px 4px;
    font-family: Verdana, Georgia;
    font-size: 17px;
    border-bottom: solid 1px Black;
    letter-spacing: 2px;
}

/* Elemens (mostly table cells) that contain table sub-headers. 
   Supposed to follow BlackBorderTable tables and be followed
   by them. So, it'll have the border above it, but not below it. */

.TableSubtitleCell,
table.SmallFontTable td.TableSubtitleCell,
table.TinyFontTable td.TableSubtitleCell,
.SmallFontElem .TableSubtitleCell
{
    background-color: #f4fff4;
    padding: 2pt 2pt 2pt 8pt;
    font-weight: bold;
    border-left: solid 1px black;
    border-right: solid 1px black;
}

/* A table with border, following a "TableTitleCell" element,
   other "BlackBorderTable" table or a "BlackBorderCell" 
   table cell. */
table.BlackBorderTable
{
    border: solid 1px black;
    border-top-width: 0px;
}

/* An element with border, following a "TableTitleCell" element,
   "BlackBorderTable" table or other "BlackBorderCell" element. */
.BlackBorderCell, table.SmallFontTable td.BlackBorderCell,
table.TinyFontTable td.BlackBorderCell,
.SmallFontElem .BlackBorderCell
{
    border: solid 1px black;
    border-top-width: 0px;
}

/* A table cell serving as a sub-header inside a "BlackBorderTable"
   table. */
td.IntableSubHeaderCell
{
    padding-top: 10px; padding-bottom: 5px;
    text-align: center;
    font-weight: bold; font-size: larger;
    background-color: #f4fff4;
}

/* A good old table with no special background and solid black
   rules separating cells. */
table.PlainBlackRulesTable
{
    border-collapse: collapse;
}

table.PlainBlackRulesTable td
{
    border: solid 1px black;
}

/* Tables with the distinctive appearence (taken from the old
   PLM pages) to contain the list of links (for the "settings" 
   page, the "reports" page and the like). */
table.SectionListTable
{
    width: 100%; border-collapse: collapse;
}

/* SectionListTable must have the fixed layout: a header row
   with three header cells marked with "Left", "Mid", "Right"
   classes, then data rows with three cells each, also marked
   with "Left", "Mid" and "Right".
   Width should not be set for any cell! */
table.SectionListTable th.Left
{
    width: 25px; height: 25px;
    padding: 0 0 0 0;
    background-image: url(images/left.gif);
}
table.SectionListTable th.Mid
{
    text-align: left;
    font-size: 14px; font-weight: bold;
    color: #333333;
    background-image: url(images/mid.gif);
}
table.SectionListTable th.Right
{
    width: 25px; height: 25px;
    padding: 0 0 0 0;
    background-image: url(images/right.gif);
}

table.SectionListTable td.Left
{
    width: 25px; height: 19px;
    padding: 0 0 0 0;
    background-image: url(images/bullet.jpg);
}
table.SectionListTable td.Mid
{
    text-align: left;
    padding: 0 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border-bottom: #d0d0d0 1px solid;
}
table.SectionListTable td.Right
{
    width: 25px; height: 19px;
    padding: 0 0 0 0;
}

table.SectionListTable td a, table.SectionListTable td a:visited
{
    color: #333333; text-decoration: none;
}
table.SectionListTable td a:hover
{
    color: #333333; text-decoration: underline;
}

/* The styles for the "tab" links: the first is for the enabled
   link, the second is for the disabled link to the current "tab".
   Used for switching stores. */
a.TabLinkAvailable {border: 1px solid gray; background-color: #ffffff; padding: 2px; }
a.TabLinkSelected {border: 1px solid gray; background-color: #e8ffe8; padding: 2px;  }


/* The style to mark the placeholder that was not yet replaced 
   with real data. */
.UnknownParam
{
    color: Orange;
}

/* The styles for the site's top menu. */
table.MenuTable
{
}
table.MenuTable td
{
    border-left: solid 1px White;
    background-color: #98b2db; color: White;
    padding: 0px 3px 0px 3px; text-align: center; 
    font-family: MS Sans Serif, Arial; 
    font-size: 13px; font-weight: bold;
    cursor: pointer;
}
table.MenuTable td.DisabledItem
{
    border-left: solid 1px White;
    background-color: #98b2db; color: #888888;
    padding: 0px 3px 0px 3px; text-align: center; 
    font-family: MS Sans Serif, Arial; 
    font-size: 13px; font-weight: bold;
    cursor: default;
}

table.SubMenuTable
{
}
table.SubMenuTable td
{
    border: solid 1px #e0e0e0;
    background-color: #98b2db; color: White;
    padding: 1px 3px 1px 3px; text-align: left; 
    font-family:MS Sans Serif, Arial; 
    font-size: 13px; font-weight: bold;
    cursor: pointer;
}

table.SubMenuTable td.DisabledItem
{
    border: solid 1px #e0e0e0;
    background-color: #98b2db; color: #888888;
    padding: 1px 3px 1px 3px; text-align: left; 
    font-family:MS Sans Serif, Arial; 
    font-size: 13px; font-weight: bold;
    cursor: pointer;
}

a:link, a:active, a:visited
{
	color: blue;
}

a.sortheader
{
	color: black;
	text-decoration: underline;
	cursor: pointer;
}

/* The style for displaying filled in initials in WorldCashNow
   (and maybe other) agreements. */
.InitialsDisplay
{
    padding-right: 4pt;
    font-family: Arial; font-size: 9pt; font-weight: bold; 
    text-decoration: underline;
}

a.dashboardheader 
{ 
	color: #6ca920; 
	text-decoration: none; 
	font-size: 200%; 
	padding-right: 45px; 
	background-image: url(images/welcome-arrows.gif); 
	background-position: 100% 60%; 
	background-repeat: no-repeat; 
}