/* ---------------------------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------------------------
   ePages 5 - Backoffice Style
   ---------------------------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------------------------

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

*/

/* ---------------------------------------------------------------------------------------------------
   - 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;
  }

  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;
  }

  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;
  }

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

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

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

/* ---------------------------------------------------------------------------------------------------
   - 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;
  }

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

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

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

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

  .NoMargin {
      margin: 0;
  }

  .NoPadding {
      padding: 0;
  }

  .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 {
      display: none !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%;
  }
  .OneQuarter{
    width: 25%;
  }

  .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;
  }

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

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

  .disabled {
      color: #909090;
  }

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

  option.disabled {
    color: #909090
  }

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

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

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

  .ClickIcon {
    cursor:pointer;
  }

  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 ----------------------------------------------------------------------------------------- */

  input.Button {
    _width: 100px;
    min-width: 100px;

    padding-left: 8px;
    padding-right: 8px;

    overflow: visible;        /* !!! can not use min-width because the MSIE doesnt support that option, using width and overflow instead */
    text-align: center;
  }

  div.BatchActions .Button {
    margin-right: 12px;
  }
/* - InputFields ------------------------------------------------------------------------------------- */

/* - 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 --------------------------------------------------------------------------------- */
  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;
  }

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

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

  select.Text{
    width: 196px;
  }

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

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

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

  .TextExtended {
    width: 280px;
  }

  .TextWide {
    width: 580px;
  }

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

  option.TextSlim,
  select.TextSlim,
  textarea.TextSlim {
    width: 50px !important;
  }

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

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

  input.Price {                                 /* input fields with prices */
    width: 90px;
  }

  input.PriceSlim {                                 /* slim input fields for prices */
    width: 50px;
  }


  input.Quantity {                              /* input fields with quantities */
    width: 40px;
  }

  input.QuantitySlim{                              /* input fields with quantities */
    width: 25px;
  }

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

  input.Percentage,
  input.Discount {
    width: 40px;
  }

  input.FontSize {
    width: 30px;
  }

  input.Size {
    width: 74px;
  }

  input.Color {
   width:55px;
   float:left;
  }

  input.UploadImage {
    _width: 205px;
    font-size: 11px;
  }

  input.UploadImageWide {
    width: 300px;
    font-size: 11px;
  }

  input.UploadImageFullWidth {
    _width: 100%;
    font-size: 11px;
  }

  input.SelectSized{
    width: 190px;
  }

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

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

  select.FullSize,
  select.FullSize  option  {
    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;
 }
/* ---------------------------------------------------------------------------------------------------
   - 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 {
      margin: 0px;
      border: 0px;
      padding: 0px;

      vertical-align: middle;
  }
  table.Menu span.disabled,
  table.Menu a,
  table.Menu a:link,
  table.Menu a:visited {
      margin: 0px;
      padding: 5px 8px 1px 8px;
      font-size: 10px;

      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);
  }

  a.MenuLogo:hover {
      background-image:url(../BO/icons/general_img_transparentpixel.gif) !important;
  }

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

  table.Maintable {
      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 img {
      width: 16px;
      height: 16px;

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

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

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

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

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

  table.ContextBox ul {
      margin: 0px;
      padding: 1px 0 5px 0;

      text-align: right;

      list-style: none;           /* only links will have a "bullet"; see below */
  }

  table.ContextBox li {
      position: relative;
      clear:both;
      margin-top: 3px;

      padding: 0 0 0 2px;

      font-size: 10px;
      line-height: 14px;
      text-align: left;
      vertical-align: middle;

      color: #000000;

/*      letter-spacing: -0.05em !important; */
  }
  table.ContextBox li.Empty{
    display: none;
  }

/* - Text in the ContextBox Body ------------------------------------------------------------------------------- */
  table.ContextBox li span {
      padding: 2px 6px 5px 22px;
      background: url(../BO/icons/context_ico_s_arrow.gif) 3px 0px no-repeat;
  }

/* - Disabled "link" in the ContextBox Body ------------------------------------------------------------------------------- */
  table.ContextBox li span.disabled,
  table.ContextBox li span.ContextDisabled {
      color: #909090;
      padding: 2px 6px 5px 22px;
      background: url(../BO/icons/context_ico_s_arrow_disabled.gif) 3px 0px no-repeat;
  }

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

  table.ContextBox a,
  table.ContextBox a:link,
  table.ContextBox a:visited  {
      font-size: 10px;
      text-decoration: none;
  }

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

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

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

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

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

  table.ContextBox a.AdditionalLink {           /* Favorites/History Links*/
/*      float:right; */
      position: absolute;
      right: 0px;
      margin: 0;
      padding: 0;
      background: transparent;
      vertical-align: middle;
  }

  table.ContextBox th a.AdditionalLink {           /* Favorites/History Links*/
      float:right;
      position: static;
  }

  table.ContextBox a.AdditionalLink img{
      margin: 0 10px 0 0;
      padding: 0;
      vertical-align: middle;
  }

  table.ContextBox li a.ActiveLink,
  table.ContextBox li a.ActiveLink:hover,
  table.ContextBox li a.ActiveLink:visited,
  table.ContextBox li a.ActiveLink:active{
      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;
  }

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

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

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

/* ---------------------------------------------------------------------------------------------------
   - 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 10px 2px 10px;
      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;
  }

  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 img {
    padding: 0 5px 0 0;
    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;
  }

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

  .NavigationElements {
    width:300px
  }

/* - 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;
   }

/* - 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;
  }


/* - Dialog (Inner Table) ---------------------------------------------------------------------------- */

  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;
    border: 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;
   }

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

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

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

/* - 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;
   }

  div.DialogMessage,
  div.DialogMessage {
     margin: 0 0 5px 0;
     padding: 5px 5px 5px 34px;
     border:0;

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

     background-color:#ABBBCB;
   }

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

  .DialogMessage a,
  .DialogMessage a:hover,
  .DialogMessage a:visited,
  .DialogMessage a:active {
    color: #ffffff;
  }

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

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

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

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

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

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

  #RelatedTopics .disabled {
     color: #868686;
  }

   #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;
   }

   #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;
   }

   #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;
  }
/* - 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;
   }

   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;
   }

/* - 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;
  }

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

  #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;
  }

  #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;
   }

/* - 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,
  .Toolbar select,
  .Toolbar option {
      margin: 0;
      padding:0;
      height: 14px;
  }

  .Toolbar .InputLabelling {
      width: 100px;
  }

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

  .ToolbarButtons {
      margin: 2px 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;
  }

  .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.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: 16px;
      height: 16px;
      vertical-align: middle;
      border:0;
      padding:0;
      margin:0;
  }

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

  #OrderToolbar div.SearchFields {
      padding: 0px;
  }

  #OrderToolbar div.ToolbarButtons {
      margin: 11px 0 0 0;
  }

  #OrderToolbar #StatusSelectFields {
      width: 290px;
  }

/* -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;
  }

  td.LogOnButton {
      text-align: right;
  }

  td.LogOnButton input{
      width:auto !important;
  }

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

  div.LoginBox input {
     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: 380px;
     _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
 }

 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;
   }

   .MouseOverColor {
      background:#ABBBCB !important;
   }

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

   .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 {
      float: left;
  }

  .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;
  }

  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: 730px;
      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;
  }


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


/* - Color Picker ---------------------------------------------------------------------------------------- */

  .ColorContainer {
      position: relative;
      width: 100%;
  }

  .ColorPickerArea {
      position: relative;
      float: right;

      width: 168px;
      height: 86px;
      border: 1px dotted #6B87A3;
      padding:0;
      margin:0;
  }

  .ColorPickerArea .ColorPicker {
      position: absolute;
      right: 1px;
      width: 14px;

      padding:0;
      margin:1px 0 0 0;
  }

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

    height:8px;
    width: 14px;

    font-size:0;
    float: left;
  }

  .ColorPickerArea .ColorPicker div.TransparentIcon {
    margin: 6px 0 0 0;
    border:1px solid #909090;
    height:12px;
    width: 12px;
    background: url("../BO/icons/dialog_img_transparent.gif");
  }

  div.ColorPreviewTransparent {
    display: block;
    margin: 0px 6px 2px 0 !important;
    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;
  }

  #colormatrix {
      cursor:crosshair;
      position:absolute;
      top: 1px;
      right: 16px;
  }

  .CrossHair {
      cursor:crosshair;
  }

  .ColorPickerDescription {
      float: right;
  }

  .ColorField {
    display: block;
    margin: 1px 2px 2px 0;
    padding:0;

    height: 11px;
    width: 11px;

    border:1px solid #909090;

    font-size:0;

    float:left;
  }

  .ColorPreviewBox {
    display: block;
    margin: 0px 6px 2px 0 !important;
    padding:0 !important;

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

    border:1px solid #909090;

    font-size:0;

    float:left;
  }


/* - 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;
  }

/* - 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;
    }


/* ---------------------------------------------------------------------------------------------------
   -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;
 }


/* ---------------------------------------------------------------------------------------------------
   - Misc. Formattings -------------------------------------------------------------------------------
   --------------------------------------------------------------------------------------------------- */

  .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;
  }