#red    { color: #FF0000; }
#brightRed { color: #ff0000; }
#green  { color: #0BBF10; }
#blue   { color: #0000FF; }
#yellow { color: #FFFF00; }
#bluish-grey{ color: #E1E8F0; }

a               { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 666666 }
.fakeLink       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 666666; cursor:pointer; text-decoration: underline; } /* listMessages.php */
table tr td     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 666666 }
table.roundRect { background-color: E1E8F0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: FFFFFF}
td.leftSide     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: FFFFFF}
.text           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: 888888; font-weight: bold; }
.small          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: 666666 }
.upload         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: 666666 }
a.cookieLink    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 888888; }
.cookieList     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 888888; }
.companyTitle   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.retrieveOrder  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; color: aaaaaa }
.pageTitle      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; font-style: italic; color: 666666 }
.subHeading     { font-size: 15px; font-weight: bold; color: 666666 }
.dropBox        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 000000; background-color: E1E8F0 }
.smallCaps      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 666666; }
.blueBox        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: 'white'; font-weight: bold;}
.error          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: 'red'; font-weight: bold;}
.error_border   { border: #5081D4 solid 1px; }
.error_body     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background-color: #fffafa; }
.error_header   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; background-color: #5081D4; }
.information_border { border: #375A95 solid 1px; }
.information_body   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: 666666; background-color: #fafaff; }
.information_header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: ffffff; font-weight: bold; background-color: #5081D4; }
.toolsTable { background-color: 999999; color: ffffff; font-weight: bold; border: #375A95 1px solid;  }
.toolsTableHeader{background-color: 666666; color: ffffff; font-weight: bold; border: #375A95 1px solid;  }
.toolsTableItem {background-color: 888888; color: ffffff; font-weight: bold; border: #375A95 1px solid;  }
.border { border: #CCCCCC solid 3px }

.totalField     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; border: none; background: transparent; }
.searchText     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #313546; font-weight: bold;}
.thumbnail      { cursor: pointer; }
.legendLetter   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #888888; font-weight: bold; }
input.blue      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #5081D4; }
input.red       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #ff0000; }
input.green     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #0BBF10; }
.test           { border-width: 8px;}
.testRed        { border-width: 4px; }
.blueTdBody     { background-color: 5081D4; color: ffffff; font-weight: bold; border: #375A95 1px solid;  }
.blueTdLink     { background-color: 5081D4; color: ffffff; font-weight: bold; }
.yellowTdBody     { background-color: F6BE00; color: ffffff; font-weight: bold; border: #BC9201 1px solid;  }
.italics    { font-style: italic; }
.username { position: absolute; top: 16px; right: 0px; }
.input_field     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 666666 }
.inputTable { border: #CCCCCC solid 1px; background-color: #bbbbbb }
.boldWhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff }
.blackText { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000 }

tr.alternate1   { background-color: #DEDEDE }
tr.alternate2   { background-color: #E1E8F0 }
.green   { background-color: #0BBF10 }
.red   { background-color: #FF6772 }
.yellow   { background-color: #FFFF57 }

.visible        { visibility: visible;  display: block; }
.hidden         { visibility: hidden;  display: none; }

.selectedImage  { border: #000000 5px solid; }  /* step 3 */
.unselectedImage{ border: #E1E8F0 5px solid; }  /* step 3 */

a.highlighted   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 000000; background-color: F6BE00; }
a.unhighlighted { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 666666 }

.image_border_off  { border: #CCCCCC solid 1px; }
.image_border_over { border: #7E7E7E solid 1px; }
.image_border_selected { border: #555555 solid 1px; background-color: #7E7E7E; }

.template1_company     { font-size: 12px; font-weight:bold; color: #000000; }
.template1_address     { font-size: 9px; color: #000000; }
.template1_quote       { font-size: 9px; font-style: italic; color: #000000; }
.template1_headline    { font-size: 18px; font-weight:bold; background-color: #aaaaff; color: #000000; }
.template1_subtitle    { font-size: 12px; font-weight:bold; color: #000000; }
.template1_body        { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }
.template1_bullet      { font-size: 9px; color: #000000; }
.template1_contact     { font-size: 9px; color: #000000; }


.template2_first_name  { font-size: 12px; color: #000000; }
.template2_last_name   { font-size: 12px; color: #000000; }
.template2_address     { font-size: 9px; color: #000000; }
.template2_contact     { font-size: 9px; color: #000000; }

.step5_list_table   { border: #0000FF 1px solid; } /* step 5 */

div#orders_paragraph { position: relative; float: left;  width: 45%; height: 95%; color: #ffffff; text-align: right; font: 18px Verdana, Arial, Helvetica; }
div#retrieve_orders  { position: relative; float: right;  width: 80%; height: 95%; color: #ffffff; overflow: auto;    }


/* color and size for the td cells of week days after today */
.weekday
  { font-size: 12px; width: 25px; height: 25px; text-align: center; background: #e1e8f0; border: none; color: #ffffff; }

/* color and size for the td cells of today */
.today
  { font-size: 12px; width: 25px; height: 25px; text-align: center; background: #f6be00; border: tnone; color: #ffffff; }

/* color and size for the td cells of all weekends */
.weekend
  { font-size: 12px; width: 25px; height: 25px; text-align: center; background: #aaaaaa; border: none; color: #ffffff; }

/* color and size for the td cells of week days previous to today */
.prevday
  { font-size: 12px; width: 25px; height: 25px; text-align: center; background: #aaaaaa; border: none; color: #ffffff; }

/* color and size for the td cells of week days previous to today */
.holiday
  { font-size: 12px; width: 25px; height: 25px; text-align: center; background: #aaaaaa; border: none; color: #ffffff; }

/* size and border of week labels at the top...Sun, Mon, etc... */
.weeks
  { font-size: 12px; font-weight: bold; width: 25px; text-align: center; border: none; background: #375a95; color: #ffffff; }

/* style of the previous month link */
div#prev
  { float: left; clear: none; }

/* style of the next month link */
div#next
  { float: right; clear: none; }

a.cal
  { font: 12px verdana; text-decoration: none; }
  
a.cal:link
  { color: #000000; }

a.cal:visited
  { color: #000000; }

a.cal:hover
  { color: #888888; text-decoration: underline; }

a.cal:visited:hover
  { color: #888888; text-decoration: underline; }





  .CALENDARcpYearNavigation,
  .CALENDARcpMonthNavigation
      {
      background-color:#5081D4;
      text-align:center;
      vertical-align:center;
      text-decoration:none;
      color:#FFFFFF;
      font-weight:bold;
      }
  .CALENDARcpDayColumnHeader,
  .CALENDARcpYearNavigation,
  .CALENDARcpMonthNavigation,
  .CALENDARcpCurrentMonthDate,
  .CALENDARcpCurrentMonthDateDisabled,
  .CALENDARcpOtherMonthDate,
  .CALENDARcpOtherMonthDateDisabled,
  .CALENDARcpCurrentDate,
  .CALENDARcpCurrentDateDisabled,
  .CALENDARcpTodayText,
  .CALENDARcpTodayTextDisabled,
  .CALENDARcpText
      {
      font-family:arial;
      font-size:8pt;
      }
  TD.CALENDARcpDayColumnHeader
      {
      text-align:right;
      border:solid thin #5081D4;
      border-width:0 0 1 0;
      }
  .CALENDARcpCurrentMonthDate,
  .CALENDARcpOtherMonthDate,
  .CALENDARcpCurrentDate
      {
      text-align:right;
      text-decoration:none;
      }
  .CALENDARcpCurrentMonthDateDisabled,
  .CALENDARcpOtherMonthDateDisabled,
  .CALENDARcpCurrentDateDisabled
      {
      color:#D0D0D0;
      text-align:right;
      text-decoration:line-through;
      }
  .CALENDARcpCurrentMonthDate
      {
      color:#5081D4;
      font-weight:bold;
      }
  .CALENDARcpCurrentDate
      {
      color: #FFFFFF;
      font-weight:bold;
      }
  .CALENDARcpOtherMonthDate
      {
      color:#808080;
      }
  TD.CALENDARcpCurrentDate
      {
      color:#FFFFFF;
      background-color: #5081D4;
      border-width:1;
      border:solid thin #000000;
      }
  TD.CALENDARcpCurrentDateDisabled
      {
      border-width:1;
      border:solid thin #FFAAAA;
      }
  TD.CALENDARcpTodayText,
  TD.CALENDARcpTodayTextDisabled
      {
      border:solid thin #5081D4;
      border-width:1 0 0 0;
      }
  A.CALENDARcpTodayText,
  SPAN.CALENDARcpTodayTextDisabled
      {
      height:20px;
      }
  A.CALENDARcpTodayText
      {
      color:#5081D4;
      font-weight:bold;
      }
  SPAN.CALENDARcpTodayTextDisabled
      {
      color:#D0D0D0;
      }
  .CALENDARcpBorder
      {
      border:solid thin #5081D4;
      }