/* ---------------------------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------------------------
   ePages 5 - Backoffice Style $Revision: 1.340.2.20 $
   ---------------------------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------------------------

   Backoffice Colors
   -----------------
   #D4DCE4 (light blue)
   #ABBBCB (blue)
   #6B87A3 (dark blue)
   #003070 (extra dark blue)
   #D9D9D9 (light grey)
   #909090 (dark grey)
   #E61818 (red)
   #fffbcd (yellow)

*/

/* ---------------------------------------------------------------------------------------------------
   - settings for general tags -----------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

  body {
      margin: 0px;
      padding: 0px;

      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
  }

  img {
      margin: 0px;
      border: 0px;
      vertical-align: middle;
  }

  form {
      margin: 0px;
      border: 0px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
  }

  button, input, textarea, select, option {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
  }

  p, table, tr, td, th, span, h1, h2, h3, h4, h5, h6, ul, li, samp {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
  }

  p {
      margin-top: 0;
      margin-bottom: 14px;
      line-height: 145%;
  }

  h1{
      font-size: 11px;
      font-weight: bold;
      margin: 10px 0 10px 0;
  }

  h2{
      font-size: 10px;
      font-weight: bold;
      margin: 5px 0 5px 0;
      padding: 0;
  }

  h3{
      margin: 0;
      padding: 0;

      font-size: 10px;
      font-weight: bold;
  }

  h4 {
      margin: 0;
      padding: 0;

      font-size: 10px;
      font-weight: normal;
  }

  h5, h6{
      font-size: 10px;
      font-weight: bold;
  }

  hr {
      height: 1px;
      border: 0;
      clear:both;
      color: #6B87A3;
      background-color: #6B87A3;
  }

  code, pre {
      font-size: 11px;
  }

/* - General Links ----------------------------------------------------------------------------------- */

  a, a:link,  a:visited  {
    color: #003070;
    text-decoration: none;
  }

  a:active, a:hover{
    text-decoration: underline;
  }

  a.DialogAction {
     padding: 0 0 0 16px;
     background: url("../BO/icons/dialog_ico_s_arrow_dialoglink.gif") no-repeat;
  }

  a.Action{
      padding: 0 0 0 12px;
      background: url("../BO/icons/img_actionlink.gif") no-repeat;
      font-weight: normal !important;
  }

  .StartPage a.Action {
      display: block;
      float: left;
      padding: 0 0 0 12px;
      margin: 2px 6px 0 0;
      line-height: 127%;
      white-space: nowrap;
  }

  .StartPage .ActionDisabled {
      display: block;
      float: left;
      padding: 0 0 0 12px;
      margin: 2px 6px 0 0;
      line-height: 127%;
      white-space: nowrap;
  }

  .StartPage .ClearBoth {
      height: 6px;
      font-size: 6px;
      line-height: 6px;
  }

  .StartPage p {
      margin-bottom: 0px;
  }
/* ---------------------------------------------------------------------------------------------------
   - additional classes for formatting ---------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

  .AlignLeft {
      text-align:left !important;
  }

  .AlignRight {
      text-align:right !important;
  }

  .AlignCenter  {
      text-align:center !important;
  }

  .AlignTop  {
      vertical-align:top !important;
  }

  .AlignMiddle  {
      vertical-align:middle !important;
  }

  .AlignBottom  {
      vertical-align:bottom !important;
  }

  .LeftPadding {
      padding-left: 12px !important;
  }

  .RightPadding {
      padding-right: 12px !important;
  }

  .TopPadding {
     padding-top: 12px !important;
  }

  .BottomPadding {
      padding-bottom: 12px !important;
  }

  .LeftMargin {
      margin-left: 6px !important;
  }

  .RightMargin {
      margin-right: 6px !important;
  }

  .TopMargin {
     margin-top: 6px !important;
  }

  .BottomMargin {
      margin-bottom: 6px !important;
  }

  .LeftMarginWide {
      margin-left: 12px !important;
  }

  .RightMarginWide {
      margin-right: 12px !important;
  }

  .TopMarginWide {
     margin-top: 12px !important;
  }

  .BottomMarginWide {
      margin-bottom: 12px !important;
  }

  .LeftMarginSlim {
      margin-bottom: 3px !important;
  }

  .RightMarginSlim {
      margin-bottom: 3px !important;
  }

  .BottomMarginSlim {
      margin-bottom: 3px !important;
  }

  .TopMarginSlim {
      margin-bottom: 3px !important;
  }

  .NoMargin {
      margin: 0 !important;
  }

  .NoPadding {
      padding: 0 !important;
  }

  .NoBorder {
      border: 0 !important;
  }

  .FloatLeft {
     float: left;
  }

  .FloatRight {
      float: right;
  }

  .FloatNone {
      float: none !important;
  }

  .ClearBoth {
      clear: both;
  }

  .ClearRight {
      clear: right;
  }

  .ClearLeft {
      clear: left;
  }

  .NoWrap {
      white-space: nowrap !important;
  }

  .Pre {
      white-space: pre !important;
  }

  .NormalWhiteSpace {
    white-space:normal !important;
  }

  .DisplayBlock{
    display: block;
  }

  .LinkImage {
      cursor:pointer;
  }

  .HideElement, .HideNode {
      display: none !important;
      height: 0px;
  }
  
  .ShowNode {
      display: auto !important;
  }

  .ShowElement {
      display: block !important;
  }
  .ShowInlineElement {
      display: inline !important;
  }

  .ExtraSlimColumn {
      width: 5%;
  }

  .SlimColumn {
      width: 10%;
  }

  .MediumSlimColumn{
    width: 15%;
  }

  .MediumColumn {
      width: 30%;
  }

  .FullWidth {
      width: 100%;
  }

  .HalfWidth {
      width: 50%;
  }

  .OneThird {
      width: 33%;
  }

  .TwoThirds {
      width: 66%;
  }

  .OneQuarter{
    width: 25%;
  }

  .AutoWidth {
    width: auto !important;
  }

  .MinimizeHeight {
    font-size:0 !important;
    line-height: 0 !important;
    height:1px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .FixedTableLayout {
    table-layout:fixed;
  }

  .Bold {
    font-weight:bold;
  }

  .Italic {
    font-style:italic;
  }

  .Underline {
    text-decoration: underline;
  }


  .NormalFontWeight {
    font-weight:normal !important;
  }

/* - general styles for disabled items -------------------------------------------------------------- */

  h3.disabled{
    margin-left: 15px;
    color: #909090;
  }

  .disabled {
      color: #909090;
  }

  span.disabledLink {
     font-weight: bold;
     color: #909090;
  }

  span.disabledDialogAction {
     font-weight: bold;
     color: #909090;
     padding: 0 0 0 16px;
     background: url("../BO/icons/dialog_ico_s_arrow_disableddialoglink.gif") no-repeat;
  }

  option.disabled {
    color: #909090
  }

  .ActionDisabled {
      color: #909090;
      padding: 0 0 0 12px;
      background: url("../BO/icons/img_actionlink_disabled.gif") no-repeat;
  }

/* ---------------------------------------------------------------------------------------------------
   - special classes for formatting ------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

/* - Icons ------------------------------------------------------------------------------------------- */

  .Icon {
      width: 16px;
      height: 16px;
      vertical-align: middle;
  }

  .ClickIcon {
    cursor:pointer;
  }

  .NoClickIcon {
    cursor: default !important;
  }

  img.BubbleHelp {
    padding: 0 0 3px 0;
    vertical-align: middle;
  }

  img.SmallIcon {
    width:16px;
    padding: 2px 6px 0 0;
    vertical-align: middle;
    display:inline;
    float: left;
  }

  span.disabled {
      color: #909090;
  }

  .HideRadioBoxes {
    visibility: hidden;
    overflow: hidden;
    height: 0px;
  }

/* - Buttons ----------------------------------------------------------------------------------------- */

/* - standard size 100px --------- */
  input.ExtraActiveButton,
  input.RunActiveButton,
  input.SaveActiveButton,
  input.SaveInactiveButton,
  input.SaveButton,
  input.Button {
      height: 19px;
      background: url('icons/dialog_img_button.gif');
      background-repeat: no-repeat;
      border: 0px;
  }

  input:hover.ExtraActiveButton,
  input:hover.RunActiveButton,
  input:hover.SaveActiveButton,
  input:hover.SaveButton,
  input:hover.Button {
      background: url('icons/dialog_img_button_hover.gif');
  }

  input:hover.SaveInactiveButton {
      background: url('icons/dialog_img_button.gif');
  }

  input.ExtraActiveButton,
  input.RunActiveButton,
  input.SaveActiveButton {
      background: url('icons/dialog_img_button_active.gif');
  }

/* - medium size 125px ------------ */
  input.ExtraActiveButtonMedium,
  input.RunActiveButtonMedium,
  input.SaveActiveButtonMedium,
  input.SaveInactiveButtonMedium,
  input.SaveButtonMedium,
  input.ButtonMedium {
      height: 19px;
      width: 125px;
      background: url('icons/dialog_img_buttonmedium.gif');
      background-repeat: no-repeat;
      border: 0px;
  }

  input:hover.ExtraActiveButtonMedium,
  input:hover.RunActiveButtonMedium,
  input:hover.SaveActiveButtonMedium,
  input:hover.SaveButtonMedium,
  input:hover.ButtonMedium {
      background: url('icons/dialog_img_buttonmedium_hover.gif');
  }

  input:hover.SaveInactiveButtonMedium {
      background: url('icons/dialog_img_buttonmedium.gif');
  }

  input.ExtraActiveButtonMedium,
  input.RunActiveButtonMedium,
  input.SaveActiveButtonMedium {
      background: url('icons/dialog_img_buttonmedium_active.gif');
  }

/* - wide 150px ------------------- */
  input.ExtraActiveButtonWide,
  input.RunActiveButtonWide,
  input.SaveActiveButtonWide,
  input.SaveInactiveButtonWide,
  input.SaveButtonWide,
  input.ButtonWide {
      height: 19px;
      width: 150px;
      background: url('icons/dialog_img_buttonwide.gif');
      background-repeat: no-repeat;
      border: 0px;
  }

  input:hover.ExtraActiveButtonWide,
  input:hover.RunActiveButtonWide,
  input:hover.SaveActiveButtonWide,
  input:hover.SaveButtonWide,
  input:hover.ButtonWide {
      background: url('icons/dialog_img_buttonwide_hover.gif');
  }

  input:hover.SaveInactiveButtonWide {
      background: url('icons/dialog_img_buttonwide.gif');
  }

  input.ExtraActiveButtonWide,
  input.RunActiveButtonWide,
  input.SaveActiveButtonWide {
      background: url('icons/dialog_img_buttonwide_active.gif');
  }

/* - wide 175px ------------------- */
  input.ExtraActiveButtonXWide,
  input.RunActiveButtonXWide,
  input.SaveActiveButtonXWide,
  input.SaveInactiveButtonXWide,
  input.SaveButtonXWide,
  input.ButtonXWide {
      height: 19px;
      width: 175px;
      background: url('icons/dialog_img_buttonxwide.gif');
      background-repeat: no-repeat;
      border: 0px;
  }

  input:hover.ExtraActiveButtonXWide,
  input:hover.RunActiveButtonXWide,
  input:hover.SaveActiveButtonXWide,
  input:hover.SaveButtonXWide,
  input:hover.ButtonXWide {
      background: url('icons/dialog_img_buttonxwide_hover.gif');
  }

  input:hover.SaveInactiveButtonXWide {
      background: url('icons/dialog_img_buttonxwide.gif');
  }

  input.ExtraActiveButtonXWide,
  input.RunActiveButtonXWide,
  input.SaveActiveButtonXWide {
      background: url('icons/dialog_img_buttonxwide_active.gif');
  }
  
/* - wide 200px ------------------- */
  input.ExtraActiveButtonXLWide,
  input.RunActiveButtonXLWide,
  input.SaveActiveButtonXLWide,
  input.SaveInactiveButtonXLWide,
  input.SaveButtonXLWide,
  input.SubmitXLWide {
      height: 19px;
      width: 200px;
      background: url('icons/dialog_img_buttonxlwide.gif');
      background-repeat: no-repeat;
      border: 0px;
  }

  input:hover.ExtraActiveButtonXLWide,
  input:hover.RunActiveButtonXLWide,
  input:hover.SaveActiveButtonXLWide,
  input:hover.SaveButtonXLWide,
  input:hover.SubmitXLWide {
      background: url('icons/dialog_img_buttonxlwide_hover.gif');
  }

  input:hover.SaveInactiveButtonXLWide {
      background: url('icons/dialog_img_buttonxlwide.gif');
  }

  input.ExtraActiveButtonXLWide,
  input.RunActiveButtonXLWide,
  input.SaveActiveButtonXLWide {
      background: url('icons/dialog_img_buttonxlwide_active.gif');
  }

/* - WYSIWYG editor button ------- */

  button.StartWYSIWYG {
      float: right;
      margin-top: 8px;
      margin-bottom: 2px;
      vertical-align: middle;
      padding: 1px 4px;
      _width: 100px;
      _overflow: visible;
      line-height: 14px !important;
  }

  button.StartWYSIWYG img {
      vertical-align: middle;
  }

  .WYSIWYGLabel {
      margin-top: 12px;
      float: left;
  }
/* - all sizes ------------------- */

  div.BatchActions .ButtonWide,
  div.BatchActions .ButtonMedium,
  div.BatchActions .Button {
      margin-right: 24px;
  }

/* - InputFields ------------------------------------------------------------------------------------- */

  textarea.Disabled,
  select.Disabled,
  input.Disabled {
      background: #d0d0d0 !important;
  }

/* - flexible input sizes ---------------------------------------------------------------------------- */
  input.FullSize,
  textarea.FullSize {
     width: 100%;
  }

  textarea.FullSize {
     overflow:auto;
     margin:0;
     padding:0;
  }

  input.HalfSize,
  textarea.HalfSize {
     width: 50%;
  }

  textarea.HalfSize {
     overflow:auto;
     margin:0;
     padding:0;
  }

/* - fix input sizes --------------------------------------------------------------------------------- */
  .FullDialog,
  select.FullDialog,
  textarea.FullDialog,
  input.FullDialog {
      width:717px;
  }

  textarea.FullLabelledDialog,
  input.FullLabelledDialog {
      width:580px;
  }

  .FormGrid textarea.FullDialog,
  .FormGrid input.FullDialog {
      width:720px;
  }

  .FormGrid textarea.FullLabelledDialog,
  .FormGrid input.FullLabelledDialog {
      width:590px;
  }

  .HalfDialog,
  textarea.HalfDialog,
  input.HalfDialog {
      width: 350px;
  }

  select.HalfDialog {
      width: 356px;
  }
  input.Name,
  textarea.Text,
  input.Text {                                  /* standard text input fields (full size) */
    width: 19em;
  }

  select.Text{
    width: 19.6em;
  }

  textarea.Text {
    height: 108px;
    margin: 1px 0 6px 0 !important;
  }

  textarea.TextHalfSize,
  input.TextHalfSize {                          /* standard text input fields (half size) */
    width: 9em;
  }

  textarea.TextMediumSize,
  input.TextMediumSize{                         /* standard text input fields (medium size) */
    width: 16em;
  }

  .TextExtended {
    width: 28em;
  }

  .TextWide {
    width: 58em;
  }

  .TextWide {                                   /* standard text input fields (wide) */
    width: 58em;
  }

  option.TextSlim,
  select.TextSlim,
  textarea.TextSlim {
    width: 5em !important;
  }

  input.Identifier {                            /* input fields with identifieres eg. customerno (full size) */
    width: 19em;
  }

  input.IdentifierHalfSize {                    /* input fields with identifieres eg. customerno (half size) */
    width: 9em;
  }

  input.Price {                                 /* input fields with prices */
    width: 9em;
  }

  input.PriceSlim {                                 /* slim input fields for prices */
    width: 5em;
  }


  input.Quantity {                              /* input fields with quantities */
    width: 4em;
  }

  input.QuantitySlim{                              /* input fields with quantities */
    width: 2.5em;
  }

  input.Unit {                                  /* input fields with any unit eg. amount of pieces */
    width: 4em;
  }

  input.Percentage,
  input.Discount {
    width: 4em;
  }

  input.FontSize {
    width: 3em;
  }

  input.Size {
    width: 7.4em;
  }

  input.Color {
   width:5.5em;
   float:left;
  }

  input.UploadFile,
  input.UploadImage {
    _width: 205px;
    height: 18px;
    padding: 1px 0 1px 0 !important;
  }

  input.UploadFileWide,
  input.UploadImageWide {
    _width: 300px;
    height: 18px;
    padding: 1px 0 1px 0 !important;
  }

  input.UploadFileXWide,
  input.UploadImageXWide {
    _width: 400px;
    height: 18px;
    padding: 1px 0 1px 0 !important;
  }

  input.UploadImageFullWidth {
    _width: 100%;
    height: 18px;
    padding: 1px 0 1px 0 !important;
  }

  input.SelectSized{
    width: 190px;
  }

/* - fix select field sizes ----------------------------------------------------------------------------- */

  select.HalfSize,
  select.HalfSize  option  {
    width: 150px;
  }

  select.FullSize,
  select.FullSize  option  {
    width: 194px;
  }

  select.LazyFullSize,
  select.LazyFullSize option {
    min-width: 194px;
  }

  select.Unit,                                  /* select unit type */
  select.Unit option {
    width: 146px;
  }

  select.TaxClasses,                            /* select tax classes */
  select.TaxClasses option  {
    width: 146px;
  }


/* - input fields in ContentLists ----------------------------------------------------------------------- */

  .ContentList .Identifier {
      width: 110px;
  }

  .ContentList .DateTime {
      width: 110px;
  }

  .ContentList .Date {
      width: 80px;
  }

  .ContentList .ObjectName,
  .ContentList .ProductName {
      width: 80%
  }

  td.Money,
  td.Total,
  td.Quantity {
     text-align: right;
  }

 td.Total {
    font-weight: bold;
 }

 tr.Total td {
    font-weight: bold;
 }

 td.ListPosition {
    text-align: center;
 }

.BundledProducts {
    position: relative;
    top: -3px;
    left: 22px;
    padding-right: 16px;
}

/* ---------------------------------------------------------------------------------------------------
   - general layout (general sections on a page) -----------------------------------------------------
   --------------------------------------------------------------------------------------------------- */


/* -Menu---------------------------------------------------------------------------------------------- */

  table.Menu {
      width: 100%;
      height: 32px;

      margin: 0px;
      border: 0px none;
      padding: 0px;

      vertical-align: top;

      background-image:url(../BO/icons/manager_bgr_bar.gif);
  }

  table.Menu tr{
      height: 32px;

      margin: 0px;
      border: 0px none;
      padding: 0px;
  }

  table.Menu tr td {
      padding-left: 8px;
      vertical-align: middle;
  }

  table.Menu tr td p{
      width: 894px;

      margin: 0px;
      border: 0px;
      padding: 0px;
  }
  table.Menu tr td.MenuLogo {
      padding: 0 13px 0 0;
      text-align: right;
  }

  table.Menu tr td.MenuLogo p {
      width: 70px;
      margin: 0px;
      border: 0px;
      padding-right: 8px;

      text-align: right;
  }

  table.Menu img {
      float: left;
      margin: 0 4px 0 0;
      border: 0px;
      padding: 0px;
      vertical-align: middle;
  }

  table.Menu img.Separator {
      margin:0px;
  }

  table.Menu span.disabled,
  table.Menu a,
  table.Menu a:link,
  table.Menu a:visited {
      display: block;
      float: left;
      margin: 2px 0 0 0;
      padding: 5px 6px 1px 6px;
      font-size: 10px;
      vertical-align: middle;
      font-weight: normal;
      text-decoration: none;
      color: #ffffff;
      background-image:url(../BO/icons/general_img_transparentpixel.gif);
  }

  table.Menu a.ActiveLink:link,
  table.Menu a.ActiveLink:visited,
  table.Menu a.ActiveLink:active,
  table.Menu a.ActiveLink:hover {

  }

  table.Menu a:active,
  table.Menu a:hover {
      background-image:url(../BO/icons/manager_bgr_bar_mouseover.gif);
  }

  table.Menu span.disabled {
      color: #c0c0c0;
  }
/* ---------------------------------------------------------------------------------------------------
   -Maintable-----------------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

  table.Maintable, table.Maintable .ContentSpacer {
      min-height:555px;
      _height:555px;
      width: 100%;
  }

  table.Maintable tr td {
      vertical-align: top;
  }


/* ---------------------------------------------------------------------------------------------------
   -Borders-------------------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

   table td.Border {
       width: 10px;
       background-color:#ffffff;
   }
   table td.Border div {
       width: 10px;

       margin:0px;
       border:0px;
       padding:0px;
   }

/* ---------------------------------------------------------------------------------------------------
   - ContextBar --------------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

  table td.ContextBar {
      width: 220px;
      height: 100%;
      margin: 0px;
      padding: 0 0 14px 0;

      border: 0px none;

      color: #FFFFFF;

      font-size: 10px;

      background-color: #ABBBCB;
   }

/* - ContextBox -------------------------------------------------------------------------------------- */
  table.ContextBox {
      border-spacing: 0;
      border-collapse: collapse;

      width: 200px;
      margin: 14px 10px 0px 10px;

      border: 0px;

      background:url("../BO/icons/context_bgr_boxbackground.gif") no-repeat left bottom;
  }

  table.ContextBox tr {
      margin: 0;
      padding: 0;
  }

  table.ContextBox tr th {
      height: 24px;
      margin: 0px;
      padding: 0;

      border: 0px;

      vertical-align: middle;
      text-align: left;

      font-size: 10px;
      line-height: 16px;
      letter-spacing: 0.1em !important;
      font-weight: bold  !important;
      color: #ffffff !important;
      background:url(../BO/icons/context_bgr_boxheader.gif) top left no-repeat;
  }

  table.ContextBox tr th div.PropertyContainer {
      position: relative;
      width: 200px;
  }

  table.ContextBox tr th img {
      width: 16px;
      height: 16px;

      margin: 0 3px 0 6px;
      float:left;
  }

/* - ContextBox Body ------------------------------------------------------------------------------------------- */

  table.ContextBox td {
      font-size: 10px;
      color: #000000;
      height: 12px;
      padding:0px;
  }

  table.ContextBox tr td p{
      margin: 0px;
      padding: 5px 10px 5px 10px;

      font-size: 10px;
      text-align: left;
  }

/* - Context Box List -------------------------------------------------------------------------------- */

  table.ContextBox ul.List {
      margin: 1px 0 5px 0;
      padding: 0;
      text-align: right;
      list-style: none;           /* only links will have a "bullet"; see below */
  }

  table.ContextBox ul.List li {
      position: relative;
      clear:both;
      margin:0;
      padding: 0 0 0 2px;

      width: 198px;
      font-size: 10px;
      line-height: 14px;
      min-height: 14px;
      text-align: left;
      vertical-align: middle;
      color: #000000;
  }

  table.ContextBox ul.List li.Empty{
    display: none;
  }

/* - Text in the ContextBox Body ------------------ */

  table.ContextBox ul.List li span {
      padding: 2px 6px 1px 22px;
      display: block;
      float:left;

      width: auto;
      font-size: 10px;
      line-height: 125%;
      _height: 14px;
      min-height: 14px;

      background: url(../BO/icons/context_ico_s_arrow.gif) 3px 0px no-repeat;
  }

  table.TrayBox ul.List li span {
      _width:140px;
      max-width: 142px;
  }

/* - Disabled "link" in the ContextBox Body -------- */

  table.ContextBox ul.List li span.disabled,
  table.ContextBox ul.List li span.ContextDisabled {
      color: #909090;
      padding: 2px 6px 1px 22px;
      display: block;
      float:left;
      width: auto;
      font-size: 10px;
      line-height: 125%;
      height: 14px;
      background: url(../BO/icons/context_ico_s_arrow_disabled.gif) 3px 0px no-repeat;
  }

/* - Links in the ContextBox ------------------------ */

  table.ContextBox ul.List a,
  table.ContextBox ul.List a:link,
  table.ContextBox ul.List a:visited  {
      display: block;
      float:left;
      font-size: 10px;
      line-height: 125%;
      _height: 14px;
      min-height: 14px;

      padding-top:2px;
      padding-bottom:1px;
      text-decoration: none;
  }

  table.ContextBox ul.List a:active,
  table.ContextBox ul.List a:hover {
      text-decoration: underline;
  }

  table.ContextBox ul.List li a {                       /* Link in Lists */
      _width: 160px;
      padding: 2px 6px 5px 22px;
      background: url(../BO/icons/context_ico_s_arrow.gif) 3px 0px no-repeat;
  }

  table.ContextBox ul.List li a.PopUp {
      background: url(../BO/icons/context_ico_s_popup.gif) 4px 1px no-repeat;
  }

  table.ContextBox ul.List li a.HomeLink {
      background: url(../BO/icons/context_ico_s_homelink.gif) 4px 1px no-repeat;
  }

  table.ContextBox ul.List li a.UserLink {
      background: url(../BO/icons/context_ico_s_userlink.gif) 4px 1px no-repeat;
  }

  table.ContextBox ul.List li a.LogoutLink {
      background: url(../BO/icons/context_ico_s_logoutlink.gif) 4px 1px no-repeat;
  }

  table.ContextBox tr td ul.List li a.AdditionalLink {           /* Favorites/History Links*/
      position: absolute;
      right:0px;
      margin: 0;
      padding: 0;
      width: 25px;
      background: transparent;
      vertical-align: middle;
  }

  table.ContextBox tr th a {
      _width: 176px;
      max-width: 180px;
  }

  table.ContextBox th a.AdditionalLink {           /* Favorites/History Links*/
      position: absolute;
      width: 26px;
      height: 16px;
      top: 0px;
      right:0px;
  }

  table.ContextBox ul.List a.AdditionalLink img{
      margin: 0 9px 0 0;
      padding: 0;
  }

  table.ContextBox th a.AdditionalLink img {
      margin: 0 8px 0 0;
      position: absolute;
      top:0px;
      right:0px;
  }

  table.ContextBox ul.List li a.ActiveLink,
  table.ContextBox ul.List li a.ActiveLink:hover,
  table.ContextBox ul.List li a.ActiveLink:visited,
  table.ContextBox ul.List li a.ActiveLink:active{
      font-weight: bold;
  }

  table.TrayBox ul.List li a,
  table.Favorites ul.List li a,
  table.History ul.List li a {
      _width:140px;
      max-width: 142px;
  }

  #UserBox th {
    line-height: normal;
  }

  #UserBox .BulletIcon {
    float: left;
  }

/* - Page Cache ---------------------------------------------------------------------- */
  .ContextBox .List img.BulletIcon {
      margin: 0 3px 0 3px;
      vertical-align: middle;
  }

  .CacheOutDated .StatusCacheOutDated {
      display: block;
  }

  .CacheOutDated .StatusCacheActive {
      display: none;
  }

  .CacheActive .StatusCacheOutDated {
      display: none;
  }

  .CacheActive .StatusCacheActive {
      display: block;
  }

  table.ContextBox ul.List li a.NoListItem {
      padding-left:0px;
      background: transparent;
  }

/* - ContextBox Tree -------------------------------------------------------------------------------- */

.ContextBox ul.Tree {
    margin: 0 0 3px 0;
    padding: 0;
    width: 200px;
    list-style-type: none;
    list-style-position:outside;
    background: url(../BO/icons/context_img_tree_dots_ver.gif) bottom left no-repeat;
}

.ContextBox ul.Tree li {
    margin: 0;
    padding: 3px 0 0 0;
}

.ContextBox ul.Tree li span,
.ContextBox ul.Tree li a,
.ContextBox ul.Tree li a:hover {
    display: block;
    margin: 0;
    padding: 0 0 0 22px;
    width: 178px;
    background: url(../BO/icons/context_img_tree_dots_hor.gif) top left no-repeat;
}

.ContextBox ul.Tree li a.NodePlus,
.ContextBox ul.Tree li a.NodePlus:hover,
.ContextBox ul.Tree li span.NodePlus {
    display: block;
    margin: 0;
    padding: 0 0 0 22px;
    width: 178px;
    background: url(../BO/icons/context_img_tree_plus.gif) top left no-repeat;
}

.ContextBox ul.Tree li a.NodeMinus,
.ContextBox ul.Tree li a.NodeMinus:hover,
.ContextBox ul.Tree li span.NodeMinus {
    display: block;
    margin: 0;
    padding: 0 0 0 22px;
    width: 178px;
    background: url(../BO/icons/context_img_tree_minus.gif) top left no-repeat;
}


.ContextBox ul.Tree ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position:outside;
    background: url(../BO/icons/context_img_tree_dots_ver.gif) 17px bottom no-repeat;
}

.ContextBox ul.Tree ul li {
    padding: 3px 0 0 0;
    margin:0;
}

.ContextBox ul.Tree li ul li span,
.ContextBox ul.Tree li ul li a,
.ContextBox ul.Tree li ul li a:hover {
    display: block;
    margin: 0;
    padding: 0 0 0 39px;
    width: 159px;
    background: url(../BO/icons/context_img_tree_dots_hor.gif) 17px bottom no-repeat;
}

.ContextBox ul.Tree .ActiveLink {
    font-weight: bold;
}


/* - Links in the ContextBoxHeader ------------------------------------------------------------------------------ */

  table.ContextBox tr th a,
  table.ContextBox tr th a:visited {
      vertical-align: middle;

      font-weight: bold !important;
      color: #FFFFFF;
      letter-spacing: 0.1em;
  }

  table.ContextBox p {
      margin: 0 10px 0 10px;
      padding: 0;
  }

  img.HomeLink {
      vertical-align: middle;
  }

  .ContextBoxSeparator {
      padding-top: 2px !important;
      border-top: 1px solid #ABBBCB;
  }

/* - Tray -------------------------------------------------------------------------------------------- */


  .AddToTray {
      font-weight:bold;
  }

/* ---------------------------------------------------------------------------------------------------
   - Content -----------------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

    td.Content {
      background-color: #ffffff;
      padding: 10px 10px 20px 10px;
    }

    td.Content a{
      font-weight: bold;
    }

    td.Content a.LightWeightLink{
      font-weight: normal;
    }


    div.Content {
      background-color: #ffffff;
      padding: 10px 10px 10px 10px;
    }

/* ---------------------------------------------------------------------------------------------------
   - special elements --------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

/* - Pager ------------------------------------------------------------------------------------------- */

  div.Pager {
    height: 18px;
    width: 100%;
    position: relative;

    margin: 0px auto 0 auto;

    vertical-align:middle;

    white-space: nowrap;
  }

  div.Pager img {
    margin: 2px 0 0 0;
  }

  div.PagerCountOfItems {
    margin: 3px 0 0 0;
    position: absolute;
    right:0;
    line-height: 11px !important;
  }

div.PagerAdditionalInfo {
    margin: 3px 0 0 0;
    position: absolute;
    left:0;
    line-height: 11px !important;
  }


/* -Breadcrumb Navigation----------------------------------------------------------------------------- */

   span.BreadcrumbItem {
     padding: 0 16px 0 0;

     font-weight: bold;
     font-size: 11px;

     background-image:url(../BO/icons/breadcrumb_bgr_backarrow.gif);
     background-repeat: no-repeat;
     background-position: right top;
   }

   span.BreadcrumbLastItem {
     font-weight: bold;
     font-size: 11px;
   }

   span.PathItem {
     font-weight: bold;
     font-size: 11px;
   }


/* - ContentList ------------------------------------------------------------------------------------- */

  table.ContentList {
      width: 100%;
      border-spacing: 1px;
      border-collapse: collapse;
      border: 0;
      padding: 0;
      margin: 0;
      background-color: #909090;
  }

  table.ContentList th {                /* for simulating two tables */
      border: 1px solid #909090;
      background: #6B87A3
  }

  table.ContentList td.Transparent,
  table.ContentList th.Transparent {    /* for simulating two tables */
      background: #D4DCE4;
      border: 0;
      text-align: left;
      font-weight: normal;
  }

  table.FormGrid table.ContentList td,
  table.ContentList td {
      border: 1px solid #909090;
      padding: 2px 8px 2px 8px;
      white-space: nowrap;
  }

  table.ContentList tbody tr td table tr td {
      border: 0;
  }

  table.FormGrid table.ContentList td.Checkbox ,
  table.ContentList td.Checkbox {
      width: 14px;
      margin: 0;
      padding: 0px 2px 0px 2px;

      text-align: left;
  }

  table.ContentList td.SlimName{
    width: 135px;
  }

  table.FormGrid table.ContentList td.InputField,
  table.ContentList td.InputField,
  table.ContentList tr.InputField td {
      margin: 0;
      padding: 2px 10px 0px 10px;
  }

  table.FormGrid table.ContentList td input {
      margin: 0;
      padding: 0 2px 0 2px;
  }

  table.FormGrid table.ContentList td.InputField select,
  table.ContentList td.InputField select {
    padding: 1px 0 0 0;
  }

  table.ContentList thead tr td {
      padding: 3px 10px 0 10px;
      font-size: 10px;
      font-weight: bold;

      text-align: center;
      vertical-align: middle;

      color: #ffffff;

      white-space: nowrap;
      background-color: #6B87A3;
  }

  table.ContentList tr td {
      height: 18px;
      line-height: 122%;
  }

  table.ContentList thead tr td img{
      margin: -2px 0 0 0;
      float: right;
  }

  table.ContentList thead tr td img.HeadlineIcon {
      margin: 0 10px 0 0;
      float: none !important;
  }

  table.ContentList thead tr td div.HeadContainer {
      margin: 0 0 4px 0;
      font-weight: normal;
  }

  table.ContentList thead tr td a:link,
  table.ContentList thead tr td a:visited,
  table.ContentList thead tr td a:active,
  table.ContentList thead tr td a:visited {
      color: #ffffff;
  }

  table.ContentList tbody tr {
      color: #000000;
      background-color: #ffffff;
  }

  table.ContentList tbody tr.alternate td {
      background-color: #efefef;
  }

  table.ContentList tbody tr td.NoRowBorder {
    border-bottom: 0px;
    border-top: 0px;
  }

  table.ContentList tr th.NoBottomBorder,
  table.ContentList tr td.NoBottomBorder {
    border-bottom: 0px;
    vertical-align: middle;
  }

  table.ContentList tr th.NoColumnBorder,
  table.ContentList tr td.NoColumnBorder {
    border-left: 0px;
    border-right: 0px;
  }

  table.ContentList tbody tr td img {
    padding: 0 5px 0 0;
    vertical-align: middle;
  }

  table.ContentList tbody tr td input {
    vertical-align: middle;
  }


  table.ContentList tfoot,
  table.ContentList tfoot tr td {
      height: 12px;

      padding-left: 10px;
      padding-right: 10px;
      padding-top: 1px;
      padding-bottom: 1px;

      font-size: 10px;
      color: #ffffff;
      background-color: #6B87A3;

      text-align: center;

  }

  table.ContentList tfoot a,
  table.ContentList tfoot a:visited,
  table.ContentList tfoot a:active {
  color: #ffffff;
  }

  .ContentList tr.GrandTotal td {
      font-weight: bold;
  }

  .ContentList tr.Total td {
      font-weight: bold;
  }

  .ContentList tr.NewEntry td {
      background-color: #fffbcd;
  }

  table.ContentList tr.Disabled td,
  table.ContentList tr.disabled td {
      color: #909090;
  }

  .ScrollList {
    height: 300px;
    overflow: auto;
  }

  .NavigationElements {
    width:300px
  }

  .ContentList tr.NewEntry label.LabelSlim {
    display:block;
    width:100px;
    white-space: normal;
    margin-top:2px;
    margin-left: 4px;
    float:left
  }

  .PortalFlag {
      margin: 1px 17px 1px 17px;
  }
  .PortalLogo {
      margin: 1px 0px 2px 0px;
      _margin: 0px 0px 2px 0px;
      vertical-align: middle;
  }

/* - InnerListTable ------------------------------------------------------------------------------------ */
  table.InnerListTable {
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 145% !important;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
  }

  table.InnerListTable td {
    height: auto !important;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 145% !important;
    vertical-align: top;
  }

/* - BatchActions ------------------------------------------------------------------------------------ */

  div.BatchActions {
    margin: 12px 0 0 0;
  }

/* - TabPage ----------------------------------------------------------------------------------------- */

   div.TabPage div.TabBar {
      width: 100%;
      height: 24px;

      margin: 0px;
      padding: 0px;

      background:url("../BO/icons/dialog_bgr_notab.gif");
    }

   div.TabPage div.TabBar ul {
      width: 749px;
      height: 24px;

      margin: 0px;
      padding:0px;

      display:block;
      list-style:none;
    }

   div.TabPage div.TabBar ul li.selected {
      height: 24px;

      margin: 0px;
      padding: 0 0 0 8px;

      float:left;

      white-space: nowrap;

      background:url("../BO/icons/dialog_bgr_tab_left.gif") no-repeat left top;
    }

   div.TabPage div.TabBar ul li.selected span {
      position: relative;
      height: 12px;

      margin: 0px;
      padding: 8px 28px 4px 5px;

      display:block;
      float:left;

      line-height: 100%;

      background:url("../BO/icons/dialog_bgr_tab_right.gif") no-repeat right top;

    }

   div.TabPage div.TabBar ul li.unselected {
      height: 24px;

      margin: 0px;
      padding: 0 0 0 8px;

      float:left;

      white-space: nowrap;

      background:url("../BO/icons/dialog_bgr_inactivetab_left.gif") no-repeat left top;
    }

   div.TabPage div.TabBar ul li.unselected span {
      height: 12px;

      padding: 8px 15px 4px 5px;
      display:block;
      float:left;

      line-height: 100%;

      background:url("../BO/icons/dialog_bgr_inactivetab_right.gif") no-repeat right top;
    }

   div.TabPage div.TabBar ul li.disabled {
      height: 24px;

      margin: 0px;
      padding: 0 0 0 8px;
      float:left;

      white-space: nowrap;
      background:url("../BO/icons/dialog_bgr_inactivetab_left.gif") no-repeat left top;
    }

   div.TabPage div.TabBar ul li.disabled span {
      height: 12px;
      padding: 8px 15px 4px 5px;
      display:block;
      float:left;

      line-height: 100%;
      color: #909090;
      font-weight: bold;
      background:url("../BO/icons/dialog_bgr_inactivetab_right.gif") no-repeat right top;
    }

   div.TabPage div.TabBar span.disabled {
      display: inline;
      padding:0 !important;
      margin: 0 !important;
      color: #909090 !important;
      font-weight: bold !important;
      background: transparent !important;
    }

   div.TabPage div.TabBar span.selected {
      display: inline;
      padding:0 !important;
      margin: 0 !important;
      color: #000000 !important;
      font-weight: bold !important;
      background: transparent !important;

      position: static;
      height: auto;
      float:none;
    }

    .HelpButton {
      position: absolute;
      top: 6px;
      margin: 0;
      padding: 0 0 0 5px;
      vertical-align:middle;
    }
/* - Dialog ------------------------------------------------------------------------------------------ */

   div.Dialog {
     height: auto;
     _height: 150px;
     min-height: 150px;
     padding: 12px;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #6B87A3;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: #6B87A3;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #6B87A3;
     background-color: #D4DCE4;
   }

   div.DialogShort{
     padding: 0 12px 0 12px;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #6B87A3;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: #6B87A3;
     background-color: #D4DCE4;
   }
   div.DialogShort form{
     padding: 12px 0 0 12px;
     background-color: #D4DCE4;
   }

   div.DialogExtension {
     height: auto;
     padding: 6px 12px 6px 12px;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #6B87A3;
     border-right-width: 1px;
     border-right-style: solid;
     border-right-color: #6B87A3;
     background-color: #D4DCE4;
   }

   .OrderTableDialog {
      min-width: 760px;
   }

/* - Switch Dialog Areas ----------------------------------------------------------------------------- */

  .HideArea {
    height: 20px;
    padding: 0 0 0 16px;
    background-image:url(../BO/icons/dialog_ico_s_plus.gif);
    background-repeat: no-repeat;
    background-position: left top;
  }

  .ShowArea {
    height: 20px;
    padding: 0 0 0 16px;
    background-image:url(../BO/icons/dialog_ico_s_minus.gif);
    background-repeat: no-repeat;
    background-position: left top;
  }

  .ContentToggleArea{
    height: 27px;
    line-height: 27px;
    border-left: 1px solid #6B87A3;
    border-right: 1px solid #6B87A3;
    border-bottom: 1px solid #ABBBCB;
    padding-left: 12px;
    background: url(icons/dialog_img_subtab.gif) repeat-x #D4DCE4;
  }

  .ContentToggleArea a.HideArea {
    height: 20px;
    padding: 0 4px 0 16px;
    background: url("../BO/icons/dialog_ico_s_arrow_dialoglink.gif") no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
    font-weight: normal;
  }

  .ContentToggleArea a.ShowArea {
    height: 20px;
    padding: 0 4px 0 16px;
    background: url("../BO/icons/dialog_ico_s_arrow_areaactive.gif") no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
  }


  .ContentToggleArea span.disabled {
    height: 20px;
    padding: 0 4px 0 16px;
    background: url("../BO/icons/dialog_ico_s_arrow_disableddialoglink.gif") no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
  }

/* - Dialog (Inner Table) ---------------------------------------------------------------------------- */
  .FormGridDialogWidth {
    width: 726px !important;
  }

  table.FormGrid h3 {
    margin:0;
    padding: 0;
/*    font-size: 10px; */
    font-weight: bold;
  }

  table.FormGrid h4 {
    margin:0;
    padding: 0;
    font-weight: normal;
  }

  table.FormGrid input {
    padding: 0;
    margin: 0 5px 1px 0;
    vertical-align: middle;
  }

  table.FormGrid input.Button {
    padding:0 8px 0 8px;
  }

  table.FormGrid td.Checkbox input {
    margin: 0px 5px 0 0;
  }

  table.FormGrid textarea {
/*    font-size: 10px;  */
    padding: 0;
    margin: 0 5px 0 0;
    vertical-align: middle;
  }

  table.FormGrid select,
  table.FormGrid option {
/*    font-size: 10px; */
    padding: 0;
    margin: 0 5px 0 0;
    vertical-align: middle;
  }

  table.FormGrid {
/*    font-size: 10px; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    width: 100%;
    padding: 0;
    margin:0;
    border-spacing: 0;
    border-collapse: collapse;

/*    background:url(../BO/icons/dialog_bgr_grid.gif);         /* Use this graphic tho display a grid in the dialog are */
  }

  table.FormGrid tr td {
    vertical-align: top;
    line-height: 20px;
    padding: 0;
    margin: 0;
  }
  table.FormGrid tr td.PaddingLeft{
    padding-left: 12px;
  }

  td.LeftHalf {
      width: 50%;
  }

  td.LeftHalf div {
    width: 95%;
    padding: 0 8px 0 0;
  }

  td.LeftHalf div textarea {
      width: 100%;
  }

  td.RightHalf {
    width: 50%;
  }

  td.RightHalf div{
    width: 95%;
    padding: 0 0 0 8px;
  }

  table.FormGrid p {
      margin:0;
      line-height:20px;
  }

  table.InnerGrid {
/*    font-size: 10px; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
  }

  table.ContentList table.InnerGrid tr td{
    border: none;
  }

  table.FormGrid table.InnerGrid td {
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    vertical-align: top;
  }

  td.InputLabellingSlim,
  td.InputLabellingWide,
  td.InputLabellingXWide,
  td.InputLabellingXXWide,
  td.InputLabelling {
     width: 130px;

     min-width: 130px;
     margin: 0;
     padding: 1px 5px 0 0;

     line-height: 19px;
     vertical-align: top;
     white-space: normal;
  }

  td.InputLabellingWide {
      width: 190px;
  }

  td.InputLabellingXWide{
    width: 220px;
  }

  td.InputLabellingXXWide{
    width: 300px;
  }

  td.InputLabellingSlim {
      width: 110px;
  }

  td.TextLabelling {
     width: 130px;
     min-width: 130px;
  }

  td.TextField {
     padding: 1px 5px 0 0 !important;
     line-height: 19px;
     vertical-align: top;
     white-space: normal;
  }

   table td.Image {
     width: 32px;
     text-align: left;
     padding: 0 12px 0 0;
   }

  td.FontSize {
     width: 44px;
   }

  table.FormGrid ul.List li{
    height: 14px;
    line-height: 14px
  }

/* - Info table --------------------------------------------------------------------------------------- */

  .InfoTable {
      width: 100%;
      border-collapse:collapse;
      border-spacing: 0;
      margin-top: 6px;
  }

  table.InfoTable td,
  table.InfoTable th,
  .Dialog table.InfoTable th,
  .Dialog table.InfoTable td {
      border: 1px solid #6B87A3;
      padding: 2px;
  }

  table.InfoTable td {
      height: 18px !important;

  }
/* - Dialog Messages --------------------------------------------------------------------------------- */

  div.InnerDialogMessage {
     width: auto !important;
     margin: 12px 0 0 0;
     padding: 5px 5px 5px 34px !important;
     border:0;
     border-top: 1px solid #6B87A3;
     border-left: 1px solid #6B87A3;
     border-right: 1px solid #6B87A3 !important;

     vertical-align: top;
     text-align: left;
     line-height: 145%;
     color: #ffffff;

     background-color:#ABBBCB;
  }

  .ScrollableMessage {
    overflow: auto;
    border: 1px solid #6B87A3;
    color: #ffffff;
    background-color:#ABBBCB;
    padding: 5px !important;
  }

  .ScrollableMessage .HideLink {
    background-image:url(../BO/icons/dialog_ico_s_plus.gif);
    color:#003070 !important;
    font-weight: normal !important;
    text-decoration: underline;
  }

  div.DialogMessage {
     margin: 0 0 12px 0;
     padding: 5px 5px 5px 34px;
     border: 1px solid #6B87A3;

     vertical-align: top;
     text-align: left;
     color: #ffffff;

     background-color:#ABBBCB;
  }

  .Dialog div.DialogMessage {
     border: 0px;
  }

   .DialogMessage p {
    font-size: 10px;
    margin: 0;
    padding: 0;
   }

  .DialogMessage a,
  .DialogMessage a:hover,
  .DialogMessage a:visited,
  .DialogMessage a:active {
    color: #ffffff;
    font-weight: bold;
  }

   .DialogMessage h1 {
    font-size: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
   }

   .MessageConfirmAction,
   #MessageConfirmAction {
     background-image: url("../BO/icons/dialog_ico_m_confirmaction.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
   }

   #MessageConfirmActionLarge{
     background-image: url("../BO/icons/dialog_ico_l_confirmaction.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
     padding: 5px 5px 5px 47px;
   }

   .MessageWarning,
   #MessageWarning {
     background-image: url("../BO/icons/dialog_ico_m_warning.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
   }

   .MessagePositiveResult,
   #MessagePositiveResult {
     background-image: url("../BO/icons/dialog_ico_m_test_ok.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
   }

   .MessageInfo,
   #MessageInfo {
     background-image: url("../BO/icons/dialog_ico_m_info.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
   }

   .MessageTip,
   #MessageTip {
     background-image: url("../BO/icons/dialogmessage_ico_m_tip.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
   }

   .MessageCacheActive,
   #MessageCacheActive {
     background-image: url("../BO/icons/dialogmessage_ico_m_chache_active.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
   }

  .RelatedTopics,
  #RelatedTopics {
     margin: 12px 0 5px 0 !important;
     background-image: url("../BO/icons/dialog_ico_m_relatedtopics.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
  }

  .RelatedTopics .disabled,
  #RelatedTopics .disabled {
     color: #868686;
  }

   div.MessageWizard,
   #MessageWizard {
     background-image: url("../BO/icons/dialog_ico_l_wizard.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
     padding: 5px 5px 5px 42px;
     min-height: 42px;
     _height:33px;
   }

   div.MessageWizardWarning,
   #MessageWizardWarning {
     background-image: url("../BO/icons/dialog_ico_l_wizardwarning.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
     padding: 5px 5px 5px 42px;
     min-height: 42px;
     _height: 33px;
   }

   div.MessageWizardFinished,
   #MessageWizardFinished {
     background-image: url("../BO/icons/dialog_ico_l_wizardfinished.gif");
     background-repeat: no-repeat;
     background-position: 5px 5px;
     padding: 5px 5px 5px 42px;
     min-height: 42px;
     _height: 33px;
   }

   div.MessagePortalInfo {
     background-repeat: no-repeat;
     background-position: 5px 5px;
     padding: 5px 5px 5px 74px;
     min-height: 48px;
     _height:48px;
   }

   .MessageMonitor,
   #MessageMonitor {
     min-height: 60px;
     _height: 60px;
     overflow:visible;
     padding: 0 0 0 60px !important;
     background: url("../BO/icons/monitor_ico_xl_hourglass.gif") no-repeat;
   }

  .DialogMessage a.DialogAction {
     padding: 0 0 0 16px;
     background: url("../BO/icons/dialog_ico_s_arrow.gif") no-repeat;
  }

  .DialogMessage ul.DialogActions {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .DialogMessage ul.DialogActions li {
     padding: 0 0 0 16px;
     background: url("../BO/icons/dialog_ico_s_arrow.gif") top left no-repeat;
  }

  /* -- yellow box ----- */

  .MessageBox {
      background-color:#fffbcd;
      border: 1px solid #6B87A3;
      margin: 12px;
      padding: 4px 6px 4px 6px;
      color:black;
  }

/* - togglelinks in dialogmessage -------------------------------------------------------------------- */

  a.HideLink {
    height: 20px;
    padding: 0 0 0 16px;
    background-image:url(../BO/icons/dialog_ico_s_plus_white.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
  }

  a.ShowLink {
    height: 20px;
    padding: 0 0 0 16px;
    background-image:url(../BO/icons/dialog_ico_s_minus_white.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
  }
  a.ShowLink:visited {
    color: #ffffff;
  }
  a.HideLink:visited {
    color: #ffffff;
  }


/* - Dialog Error ------------------------------------------------------------------------------------ */

   .DialogError {
     color: #E61818 !important;
     font-weight: bold;
   }

   .DialogErrorNormalFontWeight,
   input.DialogError,
   select.DialogError,
   option.DialogError,
   textarea.DialogError,
   .DialogError input,
   .DialogError select,
   .DialogError option,
   .DialogError textarea {
     border: 2px solid #E61818;
     background: #ffdddd;
   }

   .ContentList tr.DialogError a {
     color: #E61818;
   }

   .DialogErrorNormalFontWeight {
     color: #E61818 !important;
   }

/* - Highlight Difference ---- */

  .Difference textarea,
  .Difference select,
  .Difference input,
  textarea.Difference,
  select.Difference,
  input.Difference {
      border: 2px solid #0066B3;
      color: #0066B3;
      background-color: #BFE4FF;
  }

  .Difference .Radio {
     border: 0px;
     background: transparent;
  }

  .Difference option,
  option.Difference {
      color: #0066B3;
      background-color: #BFE4FF;
  }

  .Difference {
      color: #0066B3;
  }

  .ApplyDifferenceButton {
      visibility: hidden;
  }

  .Difference .ApplyDifferenceButton {
      visibility: visible;
  }
/* - Dialog Warning ------------------------------------------------------------------------------------ */

   .DialogWarning {
     color: #E61818 !important;
     font-weight: bold;
   }

/* - Dialog Message with table ------------------------------------------------------------------------- */

  .DialogMessage table {
      width: 100%;
      border-collapse:collapse;
      border-spacing: 0;
      margin-top: 6px;
  }

  .DialogMessage table th,
  .DialogMessage table td {
      border: 1px solid #fff;
      padding: 2px;
  }

/* - Wizard Design ----------------------------------------------------------------------------------- */
  .TwoColumsWizard {
      width: 100%;
  }

  .TwoColumsWizard {
      border-collapse: collapse;
      border-spacing:0;
      border: 0px;
  }

  .WizardInfoBar {
      width: 238px;
      background: url('icons/dialog_img_wizardinfobar_top.gif') top left no-repeat #ABBBCB;
      padding: 6px;
      color: #ffffff;
  }

  td.WizardInfoBarBottom {
      height: 6px;
      line-height: 1px;
      font-size: 1px;
      background: url('icons/dialog_img_wizardinfobar_bottom.gif') top left no-repeat;
  }

  .ExampleHead {
      width: 210px;
      overflow: hidden;
      padding: 0 28px 0 0;
      background: url('icons/dialogmessage_ico_m_tip.gif') top right no-repeat;
  }

  .WizardContent {
      padding-right:12px
  }

/* -Preview Area ------------------------------------------------------------------------------------- */

  
  .OuterPreviewArea {
    display:block;
    width:198px;
    height:150px;
    cursor:pointer;
    overflow:hidden;
    background: #fff;
  }
  .OuterPreviewArea table, .OuterPreviewArea tr, .OuterPreviewArea td {
    width:100%;
    height:100%;
    border:0;
    border-spacing:0;
    border-collapse:collapse;
    vertical-align:middle !important;
    text-align:center;
  }
  .OuterPreviewArea del {
    display:block;
    position:relative;
    height:800%;
    width:800%;
    left:-350%;
    top:-350%;
  }
  
  #PreviewHeadline {
      width: 195px;
      margin: 0 0 0 12px;
      background: #6B87A3;
      padding: 3px 0 3px 5px;
      text-align:left;
      font-weight: bold;
      color: #ffffff;
  }

  .PreviewColumn{
    width:212px;
  }

  #PreviewArea {
      width: 198px;
      height: 150px;
      margin: 0 0 0 12px;
      padding: 0;
      border-left: 1px solid #6B87A3;
      border-right: 1px solid #6B87A3;
      display: block;
      background: #ABBBCB;
      text-align:left;
      overflow:hidden;
      position:relative;
  }

  #PreviewArea img{
     position: relative;
  }

  #PreviewImage {
    cursor:pointer;
  }

  #PreviewPlayer {
      position:relative;
      min-height: 12px;
      width: 200px;
      padding: 0;
      margin: 0 0 0 12px;
      text-align:left;
      font-weight: bold;
      color: #ffffff;
      background: #6B87A3;
  }

/* - Dialog ButtonBar -------------------------------------------------------------------------------- */
   div.DialogButtonbar,
   div.TabPage div.DialogButtonbar {
      padding: 4px 10px 4px 12px;
      background-color: #6B87A3;
   }
   .Dialog div.DialogButtonbar,
   div.TabPage .Dialog div.DialogButtonbar{
      margin: -12px;
      margin-top: 12px;
   }

/* - Inner Dialog ButtonBar -------------------------------------------------------------------------------- */
   div.InnerDialogButtonbar,
   div.TabPage div.InnerDialogButtonbar {
      padding: 4px 29px 4px 10px;
      background-color: #6B87A3;
   }
   div.InnerDialogButtonbar {
      width:auto !important;
   }
/* - InfoPage / Dialog ------------------------------------------------------------------------------- */

   div.InfoPage {
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #6B87A3;
     border-bottom-width: 14px;
     border-bottom-style: solid;
     border-bottom-color: #6B87A3;
   }

  div.WizardPage {
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: #6B87A3;
  }

/* - ShowFile ---------------------------------------------------------------------------------------- */

  div.ShowFileHead {
      width: 684px;

      margin: 0px;
      border-left: 1px solid #909090;
      border-right: 1px solid #909090;
      border-top: 1px solid #909090;
      border-bottom: 0px;

      padding-left: 8px;
      padding-right: 8px;
      padding-top: 4px;
      padding-bottom: 4px;

      font-size: 11px;
      color: #ffffff;

      background-color: #6B87A3;
  }

  div.ShowFileHead p.Download {
    margin: 0;
    float: right;
    color: #ffffff;
  }

  div.ShowFileHead p.Download a,
  div.ShowFileHead p.Download a:visited {
    color: #ffffff;
  }

  div.ShowFileHead p.Download img {
    padding-left: 8px;
    border: 0px;
    vertical-align: middle;
  }

  div.ShowFile {
      width: 700px;

      margin: 0px;
      border: 1px solid #909090;
      padding: 0px;

      font-size: 11px;
      color: #000000;

      background-color: #ffffff;
  }

  div.ShowFile pre {
      width: 684px;
      height: 355px;

      margin: 0px;
      border: 0px;
      padding: 8px;

      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      line-height: 140%;
      overflow: scroll;
  }

/* - Search/Find Toolbar -------------------------------------------------------------------------------------------- */

  .Toolbar {
      background: #D9D9D9;
      border: 1px solid #909090;
      min-height: 24px;
      _height:24px;
      padding: 0 15px 5px 15px;
      margin: 0;
      vertical-align: middle;
  }

  .Toolbar .SizeContainer {
      margin: 0;
      padding:0;
      min-width: 680px;
      width: 680px;
      line-height: 0;
      font-size:0;
      height:1px;
      background-color: #D9D9D9;
  }

  .Toolbar .InnerGrid,
  .Toolbar .FormGrid {
    line-height: 20px;
    width: 100%;
    padding: 0;
    margin:0;
    border:0;
    border-spacing: 0;
    border-collapse: collapse;
  }

  .Toolbar .FormGrid {
    margin: 4px 0 0 0;
  }

  .Toolbar .FormGrid tbody,
  .Toolbar .FormGrid tr,
  .Toolbar .FormGrid td {
    padding: 0;
    margin:0;
    border:0;
  }

  .Toolbar .RightHalf,
  .Toolbar .LeftHalf {
    vertical-align: top;
    width: 50%;
  }

  .Toolbar input {
      margin: 0;
      padding:0;
      height: 14px;
  }

  .Toolbar select,
  .Toolbar option {
      margin: 0;
      padding:0;
      height: auto;
      _height: 14px;
      vertical-align: middle;
  }

  .Toolbar .InputLabelling {
      width: 100px;
  }

  .Toolbar div {
      padding: 6px 0 0 0;
      background-color: #D9D9D9;
  }

  .ToolbarButtons {
      margin: 11px 0 0 0;
      float: right;
      background-color: #D9D9D9;
      white-space: nowrap;
  }

  .Toolbar #ExtendedSearch {
      width: 100% !important;
      margin: 5px 0 0 0;
      padding: 0;
      border-top: 1px solid #909090;
      background-color: #D9D9D9;
  }

  .Toolbar .SearchFields {
      float:left;
      background-color: #D9D9D9;
      padding: 0px;
  }


  .Toolbar .StatusSelector {
      vertical-align: middle;
      height: auto;
  }

  .Toolbar .FixStatusSelector {
      width: 110px;
      vertical-align: middle;
      height: auto;
  }

  .Toolbar input.SearchNumber {
      vertical-align: middle;
      width: 57px;
  }

  .Toolbar input.SearchNumberSlim {
      vertical-align: middle;
      width: 30px;
  }

  .Toolbar input.SearchString {
      vertical-align: middle;
      width: 119px;
  }

  .Toolbar input.SearchLongString {
      vertical-align: middle;
      width: 189px;
  }

  .Toolbar input.SearchDate {
      vertical-align: middle;
      width: 70px;
  }

  .Toolbar input.SearchButton {
      width: 28px;
      height: 20px;
      vertical-align: middle;
      border:0;
      padding:0;
      margin:0;
  }

  .Toolbar input.Radio {
      margin: 1px 0 0 0;
  }


  #OrderToolbar #StatusSelectFields {
      width: 290px;
  }

  #MBO-AllStrings {
      width: 550px;
      _width: auto;
  }
/* -Login Panel--------------------------------------------------------------------------------------- */
  .Monitor,
  .LoginBox {
    position: relative;
    width: 380px;
    margin: 0 auto 0 auto;
    height: 500px;
  }

  div.CopyrightNotice {
      width: 200px;
      height: 22px;

      position:relative;
      top: 200px;
      margin: 0 auto 0 auto;
      text-align:center;
  }

  .Monitor div.Dialog,
  div.LoginBox div.Dialog {
      position: relative;
      top: 100px;

      width:378px;

      margin: 0 auto 0 auto;

      border-left: 1px;
      border-right: 1px;

      border-top: 12px;
      border-bottom: 12px;

      border-style: solid;
      border-color: #6B87A3;

      padding: 10px 12px 10px 12px;

      background-color: #D4DCE4;
      text-align: left;
      padding-bottom: 20px !important;
  }

  div.Monitor div.Dialog table,
  div.LoginBox div.Dialog table {
      margin-left: 60px;
  }

  div.Monitor div.Dialog table td,
  div.LoginBox div.Dialog table td {
      padding: 2px 0 2px 0;
  }

  div.Monitor div.Dialog table .InputLabelling,
  div.LoginBox div.Dialog table .InputLabelling{
      width: 100px;
  }

  div.Monitor div.Dialog img,
  div.LoginBox div.Dialog img {
      float: left;
      width: 48px;
      height: 48px;
      padding: 0 12px 0 0;
  }

  div.Monitor div.Dialog div.DialogMessage,
  div.LoginBox div.Dialog div.DialogMessage {
      padding:0;
      margin: 0;
      height: 48px;
      color: #000;
      overflow: visible;
      background: #D4DCE4;
  }

  div.Monitor div.Dialog h2,
  div.LoginBox div.Dialog h2 {
      margin: 0;
  }

  div.LoginBox div.DialogMessage a,
  div.LoginBox div.DialogMessage a:link,
  div.LoginBox div.DialogMessage a:visited,
  div.LoginBox div.DialogMessage a:active,
  div.LoginBox div.DialogMessage a:hover  {
    color: #003070;
  }

  div.LoginBox div.DialogMessage a.DialogAction {
     padding: 0 0 0 16px;
     background: url("../BO/icons/dialog_ico_s_arrow_dialoglink.gif") no-repeat;
  }



  td.LogOnButton {
      text-align: right;
  }

  div.LoginBox div.AdditionalMessage {
      padding: 10px 0 0 60px;
  }

  div.LoginBox input.LoginInput {
     width:150px;
  }

  div.LoginBox div.Dialog div.DialogMessage {
     _height: 60px;
     min-height: 60px;
     overflow: visible;
     padding: 0 0 0 60px;
     background: url("icons/loginpanel_ico_xl_idcard.gif") top left no-repeat;
  }

  div.LoginBox #MessageWarning {
     _height: 60px;
     min-height: 60px;
     overflow: visible;
     padding: 0 0 0 60px;
     background: url("icons/loginpanel_ico_xl_idcard_warning.gif") top left no-repeat;
 }


  div.LoginBox #MessagePositiveResult {
     _height: 60px;
     min-height: 60px;
     overflow: visible;
     padding: 0 0 0 60px;
     background: url("icons/dialog_ico_l_test_ok.gif") 12px 3px no-repeat;
 }

/* ---------------------------------------------------------------------------------------------------
   - Error Box ---------------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */
 div.ErrorBox {
     width: 450px;
     _height: 100px;
     min-height: 100px;

     margin: 100px auto 20px auto;

     border-left: 1px;
     border-right: 1px;

     border-top: 12px;
     border-bottom: 12px;

     border-style: solid;
     border-color: #6B87A3;

     padding: 10px 12px 10px 12px;

     background-color: #D4DCE4;
     text-align: left;
 }

  .ErrorBoxExtended {
      margin: 20px auto 20px auto;
      width: 954px;
      _height: 100px;
      min-height: 100px;

      border-left: 1px;
      border-right: 1px;

      border-top: 12px;
      border-bottom: 12px;

      border-style: solid;
      border-color: #6B87A3;

      padding: 10px 12px 10px 12px;

      background-color: #D4DCE4;
      text-align: left;
  }

 pre.ErrorLogMessage {
      background: #ffffff;
      font-size: 14px;
      color: #000000;
      width: 880px!important;
      height: 480px!important;
      padding: 10px;
      border: 1px solid #000000;
      overflow: scroll
 }

 p.ErrorLogMessageShort {
      background: #ffffff;
      color: #000000;
      width: 380px !important;
      height: 100px!important;
      padding: 10px;
      border: 1px solid #000000;
      overflow: scroll
      font-size: 10px !important;
 }


 div.ErrorBoxExtended div#MessageWarning,
 div.ErrorBox div#MessageWarning {
      _height: 42px;
      min-height: 42px;
      overflow: visible;
      padding: 0 0 0 42px;
      background: url("icons/dialog_ico_l_warning.gif") top left no-repeat;

 }

 div.ErrorBoxExtended a.HideLink,
 div.ErrorBox a.HideLink {
      height: 20px;
      padding: 0 0 0 16px;
      background-image:url(../BO/icons/dialog_ico_s_plus.gif);
      background-repeat: no-repeat;
      background-position: left top;
      color: #003070;
  }

 div.ErrorBoxExtended a.ShowLink,
 div.ErrorBox a.ShowLink {
      background-image:url(../BO/icons/dialog_ico_s_minus.gif);
      color: #003070;
  }

 div.ErrorBoxExtended a.HideLink:visited,
 div.ErrorBoxExtended a.ShowLink:visited,
 div.ErrorBox a.ShowLink:visited,
 div.ErrorBox a.HideLink:visited {
    color: #003070;
 }

/* ---------------------------------------------------------------------------------------------------
   - Layout Selector ---------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */
  .LayoutList {
      height: 90px;
  }

  #LayoutPreview {
      float:left;
      margin-left:36px;
  }

  #LayoutPreview h3 {
      padding: 5px 0 5px 0;
  }

  .LayoutSelector {
      margin: 0 10px 0 0;
      padding: 6px 0 0 0;
      position: relative;
      left: 2px;
      height: 90px;
      width: 110px;
   }

  .LayoutSelector a {
      display: block;
  }

   .SelectedBox {
      position: absolute;
      height: 80px;
      width: 300px;
      top: 0;
      left: 110px;
   }

   .SelectedBoxMarker {
      background:#ffeeaa !important;
   }

   .Unselectable,
   .MouseOverColor {
      background:#ABBBCB !important;
   }

   .DeleteDialog .MouseOverColor  {
      background:#6B87A3 !important;
   }

   .ClickLayout a,
   .ClickLayout div {
       cursor: pointer;
   }

   .DeleteDialog .ClickLayout a,
   .DeleteDialog .ClickLayout div {
       cursor: auto;
   }

   .LayoutDescription {
      position: relative;
      vertical-align: middle;
   }
   .LayoutDescription input{
      vertical-align: middle;
   }

  .LayoutList .Content {
      background-color: #6B87A3 !important;
  }
    .ThreeColumns {
        position: relative;
    }

/* Mini-Layout 1: */

    .Layout1 .ThreeColumns {
      height:39px;
    }

   .Layout1 {
      position: relative;
      width: 100px;
      height: 75px;
      padding:0;
      top: 0;
      font-size:0;
      border: 1px dotted #6B87A3;
   }


   .Layout1 .Header {
      width:98px;
      height:14px;

      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout1 .Top {
      width:98px;
      height: 6px;
      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout1 .Left {
      position: absolute;
      left: 0px;
      top: 0px;

      width:18px;
      height:39px;
      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout1 .Content {
      position: absolute;
      top: 0;
      left: 0;

      width:98px;
      height:39px;
      margin:0;
      padding:0;

      border: 0;
      border: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #C0CBD5;
      cursor: auto;
   }

   .Layout1 .Right {
      position: absolute;
      left: 80px;
      top: 0;

      width:18px;
      height:39px;

      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout1 .Bottom {
      width:98px;
      height:7px;
      margin:0;
      padding:0;

      border: 0;
      border-left:1px;
      border-right:1px;
      border-bottom:1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }


   .Layout1 .Footer {
      width:98px;
      height:5px;
      margin:0;
      padding:0;

      border: 0;
      border-left:1px;
      border-right:1px;
      border-bottom:1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

/* Layout 2 */
   .Layout2 .ThreeColumns {
      height: 54px;
   }

   .Layout2 {
      position: relative;
      width: 100px;
      height: 75px;
      padding:0;
      top: 0;
      font-size:0;

      border: 1px dotted #6B87A3;
   }

   .Layout2 .Header {
      width:98px;
      height:14px;

      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout2 .Top {
      position: absolute !important;
      left: 0px;
      top: 0px;

      width:98px;
      height: 6px;
      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-bottom: 1px;
      border-right: 1px;
      border-left: 1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout2 .Left {
      position: absolute;
      left: 0px;
      top: 0px;

      width:18px;
      height:52px;
      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout2 .Content {
      position: absolute;
      top: 0;
      left: 0;

      width:98px;
      height:52px;
      margin:0;
      padding:0;

      border: 0;
      border: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #C0CBD5;
      cursor: auto;
   }

   .Layout2 .Right {
      position: absolute;
      left: 80px;
      top: 0;

      width:18px;
      height:52px;

      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout2 .Bottom {
      position: absolute;
      top:47px;
      width:98px;
      height:5px;
      margin:0;
      padding:0;

      border: 0;
      border-left:1px;
      border-right:1px;
      border-top:1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }


   .Layout2 .Footer {
      width:98px;
      height:5px;
      margin:0;
      padding:0;

      border: 0;
      border-left:1px;
      border-right:1px;
      border-bottom:1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

/* Layout 3 */
   .Layout3 .ThreeColumns {
      height: 75px;
   }

   .Layout3 {
      position: relative;
      width: 100px;
      height: 75px;
      padding:0;
      top: 0;
      font-size:0;

      border: 1px dotted #6B87A3;
   }

   .HeaderAndTop {
      position: absolute;
      left: 0;
      top: 1px;
      height: 20px;
   }

   .Layout3 .Header {

      width:98px;
      height:14px;

      margin:0;
      padding:0;

      border: 0;
      border-bottom: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout3 .Top {
      width:98px;
      height: 6px;
      margin:0;
      padding:0;

      border: 0;

      border-bottom: 1px;
      border-right: 1px;
      border-left: 1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout3 .Left {
      position: absolute;
      left: 0px;
      top: 0px;

      width:18px;
      height:73px;
      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout3 .Content {
      position: absolute;
      top: 0;
      left: 0;

      width:98px;
      height:73px;
      margin:0;
      padding:0;

      border: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #C0CBD5;
      cursor: auto;
   }

   .Layout3 .Right {
      position: absolute;
      left: 80px;
      top: 0;

      width:18px;
      height:73px;

      margin:0;
      padding:0;

      border: 0;
      border-top: 1px;
      border-right: 1px;
      border-left: 1px;
      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout3 .BottomAndFooter {
      position: absolute;
      bottom:0;
      height: auto;
      width: 75px;
   }

   .Layout3 .Bottom {
      width:98px;
      height:5px;
      margin:0;
      padding:0;

      border: 0;
      border-top:1px;
      border-left:1px;
      border-right:1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

   .Layout3 .Footer {
      width:98px;
      height:5px;
      margin:0;
      padding:0;

      border: 0;
      border-top:1px;
      border-left:1px;
      border-right:1px;

      border-style: solid;
      border-color: #D4DCE4;

      background-color: #6B87A3;
   }

  .ContentSelector .Content {
      background-color: #6B87A3;
      cursor: pointer;
  }

/* - Dialog Area Extension for the LayoutSelector -------------------------------------------------------- */
  .LayoutDialogArea {
      position: absolute;
      height: 80px;
      width: 300px;
      top: 0;
      left: 110px;
  }

  .LayoutDialogArea a,
  .LayoutDialogArea a.HideArea,
  .LayoutDialogArea a.ShowArea {
     font-weight: normal;
     color: #000000;
     padding: 0 !important;
     margin: 0 !important;
     background: transparent !important;
  }

  .LayoutDialogArea a.HideArea {
     display:none;
  }

  .LayoutDialogArea a.ShowArea {
     display:inline;
  }

/* - Style List ------------------------------------------------------------------------------------------ */

  div.StyleMargin {
    margin: 4px 0 4px 0;
  }

  div.StyleImage {
    position:relative;
  }

  .ModifiedStyleIcon {
    position: absolute;
    display: block;
    left: 2px;
    top: 2px;
  }

  .ModifiedInfo {
    color:#909090;
  }

/* - Style Inputs ---------------------------------------------------------------------------------------- */

  input.Padding {
    width: 35px;
  }

  select.SelectSpace,
  select.SelectFont,
  select.SelectAlign {
    width: 205px;
  }

  input.SelectFont{
    width: 199px;
    min-width: 201px;
  }

  select.SelectLayoutWidth {
    width: 305px;
  }


/* - Style Table ----------------------------------------------------------------------------------------- */

  td.InputPadding  {
    width: 40px;
  }

/* - Style Preview (Shop Wizard) ------------------------------------------------------------------------- */

  div.StylePreviewArea {
      padding: 5px 0 0 0;
  }

  div.StylePreviewArea .SelectStyle {
      position: relative;
      float:left;
      height: 150px;
      padding: 1px 2px 0px 2px;
      margin: 0 2px 5px 0;
      border: 1px solid #ABBBCB;
  }

  div.StylePreviewArea .SelectStyleLast {
      position: relative;
      float:left;
      height: 150px;
      padding: 1px 0px 0px 2px;
      margin: 0 2px 5px 0;
      border: 1px solid #ABBBCB;
  }


  div.WizardMinWidth {
      margin:0;
      padding:0;
      clear: both;
      width: 726px;
      height: 1px;
      line-height:1px;
      font-size: 1px;
  }

  div.StyleGroupName {
      width: 174px;
      margin: 20px 0 0 0;
      height: 20px;
      vertical-align: middle;
  }

  div.SubStyleArea {
      position: relative;
      margin: 3px 0 2px 0;
  }

  .StylePreviewColor {
      cursor: pointer;
      margin: 1px 2px 0 1px;
      width: 14px;
      height: 14px;
      display: block;
      float: left;
      border: 1px solid #303030;
  }

  .SelectedStylePreviewColor {
      cursor: pointer;
      margin: 6px 1px 0 0;
      width: 16px;
      height: 16px;
      display: block;
      float: left;
      border: 1px solid red;
  }

/* - Dynamic Style Selection ---------------------------------------------------------------------- */

  div#SubStyleContainer div,
  div#StyleContainer div {
      padding: 3px;
      width: 195px !important;
      height: 335px !important;
      border: 1px #909090 solid !important;
      overflow: auto;
      float: left !important;
      margin: 5px 5px 10px 0;
      background:#ffffff;
  }

  div#SubStyleContainer div img,
  div#StyleContainer div img {
      display: block;
      margin: 1px 1px 5px 1px;
      border: 0px;
  }

  .LabelStyleVariations,
  .LabelStyleGroups {
      width:205px;
      float:left;
      overflow: hidden;
      margin-right: 5px;
  }

  .LabelStyleGroups select{
      width: 205px;
      overflow: hidden;
  }

  .LabelStyleVariations {
      font-weight: bold;
  }

  .LabelSelectedStyle{
      width:300px;
      float:left;
      font-weight: bold;
  }

  #InnerStylePreviewImage {
      width: 300px !important;
      height: 175px;
  }

  div#PreviewStyleContainer {
      padding: 3px;
      width: 300px !important;
      height: 335px !important;
      border: 1px #909090 solid !important;
      float: left !important;
      margin: 5px 0 10px 0;
      background-color:#ffffff;
  }

  .ShopWizard div#SubStyleContainer div,
  .ShopWizard div#StyleContainer div,
  .ShopWizard div#PreviewStyleContainer {
      height: 300px !important;
  }

  .SelectedStyle {
      border: 1px dashed  #000000 !important;
      margin: 0 0 4px 0 !important;
  }

  .WizardFullWidth {
      width: 724px;
  }
/* - Finish (Shop Wizard) ------------------------------------------------------------------------- */
  blockquote.Summary {
      margin: 5px 0 5px 20px
  }


/* - Color Picker ---------------------------------------------------------------------------------------- */
  #ColorPicker {
      width: 291px;
      margin: 0;
      padding:0;
      border:0;
  }

  #ColorValue {
      height: 16px;
  }

  .ColorPickerArea {
      width: 275px;
      padding: 0;
      margin: 0;
      float: left;
  }

  #colormatrix {
      position: relative;
      cursor:crosshair;
      float: left;
  }

  .CrossHair {
      cursor:crosshair;
  }

  .ColorPicker {
      float: right;
      width: 115px;
      padding: 0;
      margin: 1px 0 0 2px;
  }

  .ColorPickerArea .ColorPicker a.ColorField,
  .ColorPickerArea .ColorPicker div.ColorField {
    margin: 0 1px 1px 0;
    padding:0;

    height: 11px;
    width: 11px;

    font-size:0;
    float: left;
  }

  .ColorPickerArea .ColorPicker div.TransparentIcon {
    background: url("../BO/icons/dialog_img_transparent.gif");
  }

  div.ColorPreviewTransparent {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0px 6px 2px 2px;
    padding:0 !important;
    height: 13px !important;
    width: 13px !important;

    border:1px solid #909090;
    background: url("../BO/icons/dialog_img_transparent.gif") !important;
    font-size:0;
    float:left;
  }

  .ColorPickerDescription {
      float: right;
  }

  .ColorField {
    display: block;
    margin: 1px 0 2px 0;
    padding:0;
    height: 11px;
    width: 11px;
    border:1px solid #909090;
    font-size:0;
    float:left;
  }

  div.ColorPreviewBoxPicked,
  div.ColorPreviewBox,
  .ColorPreviewBox {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0px 6px 2px 2px;
    padding:0 !important;

    height: 13px !important;
    width: 13px !important;
    border:1px solid #909090;
    font-size:0;
    background-image: url("../BO/icons/general_ico_s_pickcolor.gif");
    float:left;
  }

  div.ColorPreviewBoxPicked  {
    background-image: none;
  }
/* - ColorPreviewField --------------------------------------------------------------------------------- */
  .ColorPreviewField {
    display: block;
    width: 50px;
    height: 11px;

    margin: 1px 2px 2px 0;
    padding:0;
    border:1px solid #909090;

    font-size: 10px;
    line-height: 100%;
    padding:2px;

    overflow: hidden;
  }

/* - ImagePreviewField ------------------------------------------------------------------------------- */

  .ImagePreviewField {
    display: block;
    width: 50px;
    height: 9px;

    margin: 1px 2px 2px 0;
    padding:0;
    border:1px solid #909090;

    font-size: 10px;
    line-height: 100%;
    padding:2px;
    float: left;

    overflow: hidden;
  }

/* - font attributes ------------------------------------------------------------------------------- */
  td.RightHalf div.FontAttributeBox,
  td.LeftHalf div.FontAttributeBox,
  div.FontAttributeBox {
    cursor: pointer;
    display: block;
    margin: 0px 0px 2px 2px;
    padding: 1px;

    height: 13px !important;
    width: 14px !important;

    float:left;
    text-align: center;
    vertical-align: top;
    line-height: 120%;

    background-image: url("../BO/icons/dialog_ico_s_fontattribute_blank.gif");
  }

  td.RightHalf div.FontAttributeInactiveBox,
  td.LeftHalf div.FontAttributeInactiveBox,
  div.FontAttributeInactiveBox {
    cursor: pointer;
    display: block;
    margin: 0px 0px 2px 2px;
    padding: 1px;

    height: 13px !important;
    width: 14px !important;

    float:left;
    text-align: center;
    vertical-align: top;
    line-height: 120%;
    background-image: url("../BO/icons/dialog_ico_s_fontattribute_blank_inactive.gif");

    color: #909090;
  }

/* - PreviewBoxHeader / PreviewTab ------------------------------------------------------------------- */

  .PreviewButton,
  .PreviewBoxHeader {
    float: left;
    width: 150px;
    padding: 0 0 0 10px;
    margin: 0 12px 0 0;
  }

  .PreviewBoxHeader div {
    height:24px;
    width: 100%;
  }

  .PreviewButton div {
    height:27px;
    width: 100%;
  }

/* - Progress Bar ------------------------------------------------------------------------------------ */

  .ProgressBar {
    width:90%;
    height:18px;
    margin: 20px 0 6px 0;
    padding: 0 0 0 3px !important;
    background: url(../BO/icons/monitor_img_progressbar.gif) top left no-repeat;
  }

  .InnerProgressBar {
    width: 100%;
    height:14px;
    padding: 3px 3px 3px 0;
    background: url(../BO/icons/monitor_img_progressbar_floatin.gif) top right no-repeat;
  }

  .ProgressBar .PercentageNormal {
    height: 14px;
    background: url(../BO/icons/monitor_img_percentage.gif) top left repeat-x;
  }

/* - Status Bar (table formatting) ------------------------------------------------------------------- */
  td.StatusLabel {
      width: 40% !important;
  }

  td.StatusBarColumn {
      width: 60% !important;
  }

/* - Status Bar -------------------------------------------------------------------------------------- */
  .StatusBar {
    float:left;
    width:60%;
    height:14px;
    margin: 2px 6px 0 0;
    padding: 0 0 0 3px;
    background: url(../BO/icons/content_img_statusbar.gif) top left no-repeat;
  }

  .InnerStatusBar {
    width: 100%;
    height:14px;
    padding: 2px 3px 2px 0;
    background: url(../BO/icons/content_img_statusbar_floatin.gif) top right no-repeat;
  }

  .StatusLabel {
    float: left;
    margin: 3px 0 0 0;
  }
/* - Percentage -------------------------------------------------------------------------------------- */

  .PercentageNormal {
    height: 12px;
    background: url(../BO/icons/content_img_percentage_normal.gif) top left repeat-x;
  }

  .PercentageMiddle {
    height: 12px;
    background: url(../BO/icons/content_img_percentage_middle.gif) top left repeat-x;
  }

  .PercentageCritical {
    height: 12px;
    background: url(../BO/icons/content_img_percentage_critical.gif) top left repeat-x;
  }

/* ---------------------------------------------------------------------------------------------------
   - RichTextEditor ----------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

    .EditorArea {
        position: relative;
      margin: 10px 10px 0 10px;
      width: 806px;
      border: 1px solid #6B87A3;
      padding: 10px;
      background: #D4DCE4;
    }

    .EditorArea a{
      font-weight: bold;
    }

    #RTEditor {
      padding:0;
      margin:0;
      background:#ffffff;
      width: 625px;
      height: 400px;
    }


   div.RTEButtonbar,
   div.TabPage div.RTEButtonbar {
      margin: 0 10px 0 10px;
      padding: 4px 10px 4px 12px;
      border: 1px solid #6B87A3;
      background-color: #6B87A3;
      width: 804px;
   }

    .EditorArea .EditorTools {
      height:18px;
      padding: 4px 10px 4px 10px;
      margin: 0 0 10px 0;
      vertical-align: middle;
      background: #ABBBCB ;
    }

    .RTEIconContainer {
      float:   left;
      margin:   0;
    }

    .EditorTools select {
      float: left;
    }

    a.EditorBarTool{
      text-decoration: none;
      color: #000;
    }

    .EditorArea a:hover {
      text-decoration:none;
    }

    .EmptyButton {
      height: 16px;
      width:16px;
      line-height: 14px;
      vertical-align:middle;
      text-align: center;
      background:url(../BO/icons/rteditor_ico_s_blank.gif) left top;
      display:block;
      float:left;
      margin:0 4px 0 0;
    }

    .EditorArea div.ColorPickerArea,
    .EditorArea .ColorContainer {
      float: right;
    }

/* ---------------------------------------------------------------------------------------------------
   -Footer--------------------------------------------------------------------------------------------
   - min-width of Footer = 980px ---------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */


  .Footer {
    text-align: center;
    background-color: #6B87A3;
    color: #ffffff;
    padding: 2px;
  }

  table.Footer div {
    width: 980px;
    margin: 0px;
    border: 0px;
    padding-left: 0px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;

    color: #ffffff;
  }


/* ---------------------------------------------------------------------------------------------------
   - Newsletter --------------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

  #TLEHeadline {
    width: 135px;
    margin: 0 0 0 12px;
    background: #6B87A3;
    padding: 3px 0 3px 5px;
    text-align:left;
    font-weight: bold;
    color: #ffffff;
  }

  .TLEColumn{
    width:140px;
  }

  #TLEArea {
    width: 128px;
    margin: 0 0 0 12px;
    padding: 5px;
    border-left: 1px solid #6B87A3;
    border-right: 1px solid #6B87A3;
    display: block;
    background: #ABBBCB;
    color: #FFFFFF;
    text-align:left;
    overflow:hidden;
    line-height: 130%;
  }

  #TLEFooter {
    position:relative;
    min-height: 12px;
    width: 140px;
    padding: 0;
    margin: 0 0 0 12px;
    text-align:left;
    font-weight: bold;
    color: #ffffff;
    background: #6B87A3;
  }

  input.Action {
      width: auto;
      cursor: pointer;
      border: 0px;
      padding: 0 0 0 14px;
      text-align: left;
      font-size: 10px;
      font-weight: bold;
      text-decoration: underline;
      line-height: 140%;
      background: transparent;
      color: #003070;
 }

/* - Layer ------------------------------------------------------------------------------------- */
  .Layer {
    line-height: 120%;
  }

  .HideLayer {
      display: none !important;
  }

  .ShowLayer {
      display: block !important;
  }

  .ShowLayerToolbar {
      display: block !important;
  }

  .ShowLayer .Layer {
    padding:6px;
    border: 1px solid #6B87A3;
    border-top: 0;
    background:#D4DCE4;
  }

  .ShowLayer .LayerBorderExtension {
      margin: 0;
      padding:0;
      background-image: url("../BO/icons/dialog_img_layer_topborder.gif");
      height: 28px;
  }

  .ShowLayerToolbar .Layer {
    padding:6px;
    border: 1px solid #909090;
    border-top: 0;
    background:#D9D9D9;
  }

  .ShowLayerToolbar .LayerBorderExtension{
      margin: 0;
      padding:0;
      background-image: url("../BO/icons/toolbar_img_layer_topborder.gif");
      height: 28px;
  }

  .ShowLayerList .Layer {
    padding:6px;
    border: 1px solid #909090;
    border-top: 0;
    background:#efefef;
  }

  .ShowLayerList .LayerBorderExtension{
      margin: 0;
      padding:0;
      background-image: url("../BO/icons/content_img_layer_topborder.gif");
      height: 28px;
  }

  .ShowLayerInfo .Layer {
    padding:6px;
    border: 1px solid #000000;
    background:#ffffe1;
  }

  div.BubbleMediumWidth {
      width: 250px !important;
  }

  .InfoText {
    color:#000000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
  }

  div.Layer table.InfoTable tr,
  div.Layer table.InfoTable tr td,
  div.Layer table.InfoTable {
    background-color: transparent;
    border: 1px solid #000;
    padding: 2px 4px 0px 4px;
  }

  div.Layer table.InfoTable caption {
    padding: 2px;
  }

  .ShowLayerConfirmAction .Layer {
    width:500px;
    height: 80px;
    padding:6px;
    border: 4px solid #6B87A3;
    background:#D4DCE4;
  }

/* - Calendar & Clock ------------------------------------------------------------------------------ */

  .CalenderIcon {
    position: relative;
    border: 0px;
    cursor: pointer;
  }

  .CloseLayer {
      cursor: pointer;
      margin: 2px 6px 0 6px;
      width: 20px;
      height: 20px;
  }

  #Clock{
    width: 200px;
    margin: 0;
    padding: 0;
    border: 0;
    z-index:1;
  }

  #Calendar {
    width: 218px;
    margin: 0;
    padding: 0;
    border: 0;
    z-index:1;
  }

  .CalendarMatrix {
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
  }

  .Days {
    display: block;
    height: 140px;
  }

  .NameOfMonth {
    width: 164px;
    text-align:center;
    float: left;
  }

  .ShowLayer .PreviousMonth {
    float: left;
    width: 20px;
    height: 16px;
    margin: 0 0 4px 0;
    background: url(../BO/icons/dialog_ico_s_calendar_previousmonth.gif) left top;

  }

  .ShowLayer .NextMonth {
    float: left;
    width: 20px;
    height: 16px;
    margin: 0 0 4px 0;
    background: url(../BO/icons/dialog_ico_s_calendar_nextmonth.gif) right top;
  }

  .ShowLayerList .PreviousMonth,
  .ShowLayerToolbar .PreviousMonth {
    float: left;
    width: 20px;
    height: 16px;
    margin: 0 0 4px 0;
    background: url(../BO/icons/toolbar_ico_s_calendar_previousmonth.gif) left top;

  }

  .ShowLayerList .NextMonth,
  .ShowLayerToolbar .NextMonth {
    float: left;
    width: 20px;
    height: 16px;
    margin: 0 0 4px 0;
    background: url(../BO/icons/toolbar_ico_s_calendar_nextmonth.gif) right top;
  }

  .ShowLayer .SetTimeButton {
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 6px;
    background: url(../BO/icons/dialog_ico_s_clock_button.gif) left top;
  }


  .ShowLayerList .SetTimeButton,
  .ShowLayerToolbar .SetTimeButton {
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 6px;
    background: url(../BO/icons/toolbar_ico_s_clock_button.gif) left top;
  }

  .NameOfDay {
    margin: 0px;
    padding: 0;
    height: 21px;
    color: #000;
  }

  .NameOfDay .DayBox {
    background: #efefef;
  }

  div.Days a,
  div.Days a:visited,
  .DayBox,
  a.DayBox,
  a.DayBox:visited {
    display: block;
    width: 24px;
    height: 14px;
    overflow: hidden;
    float: left;
    border:0px;
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    padding: 5px 2px 3px 2px;
    background: #ffffff;

    color: #000000;
    vertical-align: middle;
    text-align:right;
    font-weight: normal ;
    text-decoration: none;
  }

  .Days a:hover {
    background: #efefef;
    text-decoration: none;
  }

  #Calendar div.Days div a.Sunday {
    color: #909090;
  }

  #Calendar div.Days div a.HiglightDate {
    font-weight: bold;
  }
  .SelectTime{
    margin-top: 6px;
  }

  .AMPM,
  .Hour,
  .Minute,
  .Second {
    width: 45px;
    vertical-align: middle;
    font-size: 10px;
  }

/* ---------------------------------------------------------------------------------------------------
   - Misc. Formattings -------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */
  a:active.Copyright,
  a:visited.Copyright,
  a:hover.Copyright,
  a.Copyright {
    color: #fff;
  }

  .RightHalf .FormGrid div {  /*used in MBO-NewsletterCampaignGeneral.TabPage.html*/
    width: 94%;
  }
  .InputPaddingRight{
    _padding-right: 9px;
  }
  .CustDesignGrid{
    width: 337px;
  }


  .MarketingBanner {
    text-align: center;
  }

  #VerifiedOn{
    position: relative;
    _top: 2px;
  }

  .CodeSource {
    padding: 6px 0 6px 0;
    font-size: 9px;
    color: #909090;
  }

  .CodeSource a,
  .CodeSource a:hover,
  .CodeSource a:active,
  .CodeSource a:visited  {
    font-size: 9px;
    color: #606060;
  }

  .NavigationElementTableTopPadding {
      padding-top: 8px;
  }

  table.NavigationElements {
      width: 339px;
      margin-right: 12px;
      border-bottom: 1px solid #909090;
  }

  div.NavigationElements {
      background: #fff;
      border: 1px solid #909090;
      padding: 12px 0px 12px 12px;
      width: auto;
  }

  .copytext {
      border:1px solid #7F9DB9;
      height: 30px;
      padding: 2px 4px 2px 4px;
      width: 500px;
      overflow: auto;
      white-space: nowrap;
      line-height: normal;
      background: #d0d0d0;
      margin-bottom: 6px;
  }

/* - Help Page ----------------------------------- */
  .ExplainHelpBook {
      position: relative;
  }

  .ExplainHelpBookTab {
      position:absolute;
      top: 13px;
      left: 111px;
      font-weight: bold;
      color:#003070;
      width:53px;
      overflow: hidden;
   }

/* - Basket Settings -------------------------------------- */

.AddToBasketOverText {
      position:relative;
      font-weight: bold;
      color:#6b87a3;
      display: inline;
}

.AddToBasketOption0 {
	background: url(icons/addtobasket_img_link.gif) no-repeat;
	width:59px;
	height: 20px;
	padding-left: 24px;
	margin-right: 6px;
	display: block;
	float:left;
}

.AddToBasketOption1 {
	background: url(icons/addtobasket_img_input.gif) no-repeat;
	width:45px;
	height: 20px;
	padding-left: 38px;
	margin-right: 6px;
	display: block;
	float:left;
}

.AddToBasketOption2 {
	background: url(icons/addtobasket_img_increment.gif) no-repeat;
	width:40px;
	height: 20px;
	padding-left: 43px;
	margin-right: 6px;
	display: block;
	float:left;
}

.AddToBasketOption3 {
	background: url(icons/addtobasket_img_select.gif) no-repeat;
	width:40px;
	height: 20px;
	padding-left: 43px;
	margin-right: 6px;
	display: block;
	float:left;
}

/* - Box for CSV Import Example ---------------------------------------------------------------------- */

  .ImportExample {
      background-color:#fff;
      border: 1px solid #909090;
      font-family: Courier New;
      font-size: 11px;
      padding: 4px;
      width: 300px !important;
      line-height: 135%;
  }
  
/* - PaymentLogoContainer ------------------------------------------------------------------------------------- */

	.PaymentLogoContainer {
		display:block;
		width:80px;
		height:25px;
		border:1px solid #6B87A3;
		padding:2px;
		font-size:0;
	}