/* Stylesheet for adding the customised user colours */

  
    table#centre-position-outside.user1 div#main-content {
      background-color: #e6eff7;
      border-color: #336699;
    }

    table#centre-position-outside.user1 div#share-login-bar table {
      background-color: #336699;
    }

    table#centre-position-outside.user1 div#share-login-bar a {
      border-color: #e6eff7;
      color: #e6eff7;
    }

    table#centre-position-outside.user1 table#profile-page-frame a,
    table#centre-position-outside.user1 table#mypage-frame a,
    table#centre-position-outside.user1 table#story-page-frame a,
    table#centre-position-outside.user1 table#tip-page-frame a {
      color: #336699;
    }

    table#centre-position-outside.user1 table#profile-page-frame a.button,
    table#centre-position-outside.user1 table#mypage-frame a.button,
    table#centre-position-outside.user1 table#story-page-frame a.button,
    table#centre-position-outside.user1 table#tip-page-frame a.button {
      background-color: transparent;
      background-image: url(/bacup_teenage/images/button_arrow_1.gif);
      border-color: #336699;
    }

    table#centre-position-outside.user1 table#mypage-frame div.curveRb {
      background-image: url(/bacup_teenage/images/curve-rb_user1.gif);
    }

    table#centre-position-outside.user1 table#profile-page-frame div#workflow-section,
    table#centre-position-outside.user1 table#story-page-frame div#workflow-section,
    table#centre-position-outside.user1 table#tip-page-frame div#workflow-section {
      border-color: #336699;
    }

    table#centre-position-outside.user1 table#profile-page-frame h1,
    table#centre-position-outside.user1 table#mypage-frame h1,
    table#centre-position-outside.user1 table#story-page-frame h1,
    table#centre-position-outside.user1 table#tip-page-frame h1 {
      color: #336699;
    }

    table#centre-position-outside.user1 table#profile-page-frame h3.sectionTitle,
    table#centre-position-outside.user1 table#mypage-frame h3.sectionTitle,
    table#centre-position-outside.user1 table#story-page-frame h3.memberStoryTitle,
    table#centre-position-outside.user1 table#tip-page-frame h3.memberTipTitle {
      background-color: #336699;
      color: #e6eff7;
    }

    table#centre-position-outside.user1 table#profile-page-frame td.columnOne img,
    table#centre-position-outside.user1 table#mypage-frame td.columnOne img,
    table#centre-position-outside.user1 table#story-page-frame td.columnOne img,
    table#centre-position-outside.user1 table#tip-page-frame td.columnOne img {
      border-color: #336699;
    }        

    table#centre-position-outside.user1 table#mypage-frame div.section {
      border-color: #336699;
    }

    table#centre-position-outside.user1 table#mypage-frame div.buttonBar {
      background-color: #e6eff7;
      border-color: #336699;
    }

    table#centre-position-outside.user1 table#mypage-frame div#user-profile-section {
      /* This required to override div.section border rule above */
      border-color: #e6eff7;
    }
    
    table#centre-position-outside.user1 div.externalVideo object {
      border-color: #336699;
    }

    table#centre-position-outside.user1 div#buddies-section div.buddy span.name {
      color: #336699;
    }

   /**************************************************************************************************/
   /* Used for the f_membership_user_colour_selector_inc_e.dtml elements (dynamic colour parts only) */
   /**************************************************************************************************/
   table#user-colour-selector.user1 div#user-colour-preview-element {
     background-color: #e6eff7; 
     border-color: #336699; 
   }

   table#user-colour-selector.user1 a {
     color: #336699;
   }

   table#user-colour-selector.user1 div#user-colour-preview-bar a {
     border-color: #e6eff7;
     color: #e6eff7;
   }

   table#user-colour-selector.user1 div.section {
      background-color: #ffffff;
      border-color: #336699;
   }

   table#user-colour-selector.user1 div#user-colour-preview-bar {
     background-color: #336699;
     border-color: #e6eff7;
   }

   table#user-colour-selector.user1 h3.sectionTitle {
     background-color: #336699;
     color: #e6eff7;
   }
    
    table#centre-position-outside.user2 div#main-content {
      background-color: #ffffe9;
      border-color: #ff6600;
    }

    table#centre-position-outside.user2 div#share-login-bar table {
      background-color: #ff6600;
    }

    table#centre-position-outside.user2 div#share-login-bar a {
      border-color: #ffffe9;
      color: #ffffe9;
    }

    table#centre-position-outside.user2 table#profile-page-frame a,
    table#centre-position-outside.user2 table#mypage-frame a,
    table#centre-position-outside.user2 table#story-page-frame a,
    table#centre-position-outside.user2 table#tip-page-frame a {
      color: #ff6600;
    }

    table#centre-position-outside.user2 table#profile-page-frame a.button,
    table#centre-position-outside.user2 table#mypage-frame a.button,
    table#centre-position-outside.user2 table#story-page-frame a.button,
    table#centre-position-outside.user2 table#tip-page-frame a.button {
      background-color: transparent;
      background-image: url(/bacup_teenage/images/button_arrow_2.gif);
      border-color: #ff6600;
    }

    table#centre-position-outside.user2 table#mypage-frame div.curveRb {
      background-image: url(/bacup_teenage/images/curve-rb_user2.gif);
    }

    table#centre-position-outside.user2 table#profile-page-frame div#workflow-section,
    table#centre-position-outside.user2 table#story-page-frame div#workflow-section,
    table#centre-position-outside.user2 table#tip-page-frame div#workflow-section {
      border-color: #ff6600;
    }

    table#centre-position-outside.user2 table#profile-page-frame h1,
    table#centre-position-outside.user2 table#mypage-frame h1,
    table#centre-position-outside.user2 table#story-page-frame h1,
    table#centre-position-outside.user2 table#tip-page-frame h1 {
      color: #ff6600;
    }

    table#centre-position-outside.user2 table#profile-page-frame h3.sectionTitle,
    table#centre-position-outside.user2 table#mypage-frame h3.sectionTitle,
    table#centre-position-outside.user2 table#story-page-frame h3.memberStoryTitle,
    table#centre-position-outside.user2 table#tip-page-frame h3.memberTipTitle {
      background-color: #ff6600;
      color: #ffffe9;
    }

    table#centre-position-outside.user2 table#profile-page-frame td.columnOne img,
    table#centre-position-outside.user2 table#mypage-frame td.columnOne img,
    table#centre-position-outside.user2 table#story-page-frame td.columnOne img,
    table#centre-position-outside.user2 table#tip-page-frame td.columnOne img {
      border-color: #ff6600;
    }        

    table#centre-position-outside.user2 table#mypage-frame div.section {
      border-color: #ff6600;
    }

    table#centre-position-outside.user2 table#mypage-frame div.buttonBar {
      background-color: #ffffe9;
      border-color: #ff6600;
    }

    table#centre-position-outside.user2 table#mypage-frame div#user-profile-section {
      /* This required to override div.section border rule above */
      border-color: #ffffe9;
    }
    
    table#centre-position-outside.user2 div.externalVideo object {
      border-color: #ff6600;
    }

    table#centre-position-outside.user2 div#buddies-section div.buddy span.name {
      color: #ff6600;
    }

   /**************************************************************************************************/
   /* Used for the f_membership_user_colour_selector_inc_e.dtml elements (dynamic colour parts only) */
   /**************************************************************************************************/
   table#user-colour-selector.user2 div#user-colour-preview-element {
     background-color: #ffffe9; 
     border-color: #ff6600; 
   }

   table#user-colour-selector.user2 a {
     color: #ff6600;
   }

   table#user-colour-selector.user2 div#user-colour-preview-bar a {
     border-color: #ffffe9;
     color: #ffffe9;
   }

   table#user-colour-selector.user2 div.section {
      background-color: #ffffff;
      border-color: #ff6600;
   }

   table#user-colour-selector.user2 div#user-colour-preview-bar {
     background-color: #ff6600;
     border-color: #ffffe9;
   }

   table#user-colour-selector.user2 h3.sectionTitle {
     background-color: #ff6600;
     color: #ffffe9;
   }
    
    table#centre-position-outside.user3 div#main-content {
      background-color: #e3eee4;
      border-color: #336666;
    }

    table#centre-position-outside.user3 div#share-login-bar table {
      background-color: #336666;
    }

    table#centre-position-outside.user3 div#share-login-bar a {
      border-color: #e3eee4;
      color: #e3eee4;
    }

    table#centre-position-outside.user3 table#profile-page-frame a,
    table#centre-position-outside.user3 table#mypage-frame a,
    table#centre-position-outside.user3 table#story-page-frame a,
    table#centre-position-outside.user3 table#tip-page-frame a {
      color: #336666;
    }

    table#centre-position-outside.user3 table#profile-page-frame a.button,
    table#centre-position-outside.user3 table#mypage-frame a.button,
    table#centre-position-outside.user3 table#story-page-frame a.button,
    table#centre-position-outside.user3 table#tip-page-frame a.button {
      background-color: transparent;
      background-image: url(/bacup_teenage/images/button_arrow_3.gif);
      border-color: #336666;
    }

    table#centre-position-outside.user3 table#mypage-frame div.curveRb {
      background-image: url(/bacup_teenage/images/curve-rb_user3.gif);
    }

    table#centre-position-outside.user3 table#profile-page-frame div#workflow-section,
    table#centre-position-outside.user3 table#story-page-frame div#workflow-section,
    table#centre-position-outside.user3 table#tip-page-frame div#workflow-section {
      border-color: #336666;
    }

    table#centre-position-outside.user3 table#profile-page-frame h1,
    table#centre-position-outside.user3 table#mypage-frame h1,
    table#centre-position-outside.user3 table#story-page-frame h1,
    table#centre-position-outside.user3 table#tip-page-frame h1 {
      color: #336666;
    }

    table#centre-position-outside.user3 table#profile-page-frame h3.sectionTitle,
    table#centre-position-outside.user3 table#mypage-frame h3.sectionTitle,
    table#centre-position-outside.user3 table#story-page-frame h3.memberStoryTitle,
    table#centre-position-outside.user3 table#tip-page-frame h3.memberTipTitle {
      background-color: #336666;
      color: #e3eee4;
    }

    table#centre-position-outside.user3 table#profile-page-frame td.columnOne img,
    table#centre-position-outside.user3 table#mypage-frame td.columnOne img,
    table#centre-position-outside.user3 table#story-page-frame td.columnOne img,
    table#centre-position-outside.user3 table#tip-page-frame td.columnOne img {
      border-color: #336666;
    }        

    table#centre-position-outside.user3 table#mypage-frame div.section {
      border-color: #336666;
    }

    table#centre-position-outside.user3 table#mypage-frame div.buttonBar {
      background-color: #e3eee4;
      border-color: #336666;
    }

    table#centre-position-outside.user3 table#mypage-frame div#user-profile-section {
      /* This required to override div.section border rule above */
      border-color: #e3eee4;
    }
    
    table#centre-position-outside.user3 div.externalVideo object {
      border-color: #336666;
    }

    table#centre-position-outside.user3 div#buddies-section div.buddy span.name {
      color: #336666;
    }

   /**************************************************************************************************/
   /* Used for the f_membership_user_colour_selector_inc_e.dtml elements (dynamic colour parts only) */
   /**************************************************************************************************/
   table#user-colour-selector.user3 div#user-colour-preview-element {
     background-color: #e3eee4; 
     border-color: #336666; 
   }

   table#user-colour-selector.user3 a {
     color: #336666;
   }

   table#user-colour-selector.user3 div#user-colour-preview-bar a {
     border-color: #e3eee4;
     color: #e3eee4;
   }

   table#user-colour-selector.user3 div.section {
      background-color: #ffffff;
      border-color: #336666;
   }

   table#user-colour-selector.user3 div#user-colour-preview-bar {
     background-color: #336666;
     border-color: #e3eee4;
   }

   table#user-colour-selector.user3 h3.sectionTitle {
     background-color: #336666;
     color: #e3eee4;
   }
    
    table#centre-position-outside.user4 div#main-content {
      background-color: #f7f7f7;
      border-color: #666666;
    }

    table#centre-position-outside.user4 div#share-login-bar table {
      background-color: #666666;
    }

    table#centre-position-outside.user4 div#share-login-bar a {
      border-color: #f7f7f7;
      color: #f7f7f7;
    }

    table#centre-position-outside.user4 table#profile-page-frame a,
    table#centre-position-outside.user4 table#mypage-frame a,
    table#centre-position-outside.user4 table#story-page-frame a,
    table#centre-position-outside.user4 table#tip-page-frame a {
      color: #666666;
    }

    table#centre-position-outside.user4 table#profile-page-frame a.button,
    table#centre-position-outside.user4 table#mypage-frame a.button,
    table#centre-position-outside.user4 table#story-page-frame a.button,
    table#centre-position-outside.user4 table#tip-page-frame a.button {
      background-color: transparent;
      background-image: url(/bacup_teenage/images/button_arrow_4.gif);
      border-color: #666666;
    }

    table#centre-position-outside.user4 table#mypage-frame div.curveRb {
      background-image: url(/bacup_teenage/images/curve-rb_user4.gif);
    }

    table#centre-position-outside.user4 table#profile-page-frame div#workflow-section,
    table#centre-position-outside.user4 table#story-page-frame div#workflow-section,
    table#centre-position-outside.user4 table#tip-page-frame div#workflow-section {
      border-color: #666666;
    }

    table#centre-position-outside.user4 table#profile-page-frame h1,
    table#centre-position-outside.user4 table#mypage-frame h1,
    table#centre-position-outside.user4 table#story-page-frame h1,
    table#centre-position-outside.user4 table#tip-page-frame h1 {
      color: #666666;
    }

    table#centre-position-outside.user4 table#profile-page-frame h3.sectionTitle,
    table#centre-position-outside.user4 table#mypage-frame h3.sectionTitle,
    table#centre-position-outside.user4 table#story-page-frame h3.memberStoryTitle,
    table#centre-position-outside.user4 table#tip-page-frame h3.memberTipTitle {
      background-color: #666666;
      color: #f7f7f7;
    }

    table#centre-position-outside.user4 table#profile-page-frame td.columnOne img,
    table#centre-position-outside.user4 table#mypage-frame td.columnOne img,
    table#centre-position-outside.user4 table#story-page-frame td.columnOne img,
    table#centre-position-outside.user4 table#tip-page-frame td.columnOne img {
      border-color: #666666;
    }        

    table#centre-position-outside.user4 table#mypage-frame div.section {
      border-color: #666666;
    }

    table#centre-position-outside.user4 table#mypage-frame div.buttonBar {
      background-color: #f7f7f7;
      border-color: #666666;
    }

    table#centre-position-outside.user4 table#mypage-frame div#user-profile-section {
      /* This required to override div.section border rule above */
      border-color: #f7f7f7;
    }
    
    table#centre-position-outside.user4 div.externalVideo object {
      border-color: #666666;
    }

    table#centre-position-outside.user4 div#buddies-section div.buddy span.name {
      color: #666666;
    }

   /**************************************************************************************************/
   /* Used for the f_membership_user_colour_selector_inc_e.dtml elements (dynamic colour parts only) */
   /**************************************************************************************************/
   table#user-colour-selector.user4 div#user-colour-preview-element {
     background-color: #f7f7f7; 
     border-color: #666666; 
   }

   table#user-colour-selector.user4 a {
     color: #666666;
   }

   table#user-colour-selector.user4 div#user-colour-preview-bar a {
     border-color: #f7f7f7;
     color: #f7f7f7;
   }

   table#user-colour-selector.user4 div.section {
      background-color: #ffffff;
      border-color: #666666;
   }

   table#user-colour-selector.user4 div#user-colour-preview-bar {
     background-color: #666666;
     border-color: #f7f7f7;
   }

   table#user-colour-selector.user4 h3.sectionTitle {
     background-color: #666666;
     color: #f7f7f7;
   }
    
    table#centre-position-outside.user5 div#main-content {
      background-color: #ffebff;
      border-color: #8f3dcc;
    }

    table#centre-position-outside.user5 div#share-login-bar table {
      background-color: #8f3dcc;
    }

    table#centre-position-outside.user5 div#share-login-bar a {
      border-color: #ffebff;
      color: #ffebff;
    }

    table#centre-position-outside.user5 table#profile-page-frame a,
    table#centre-position-outside.user5 table#mypage-frame a,
    table#centre-position-outside.user5 table#story-page-frame a,
    table#centre-position-outside.user5 table#tip-page-frame a {
      color: #8f3dcc;
    }

    table#centre-position-outside.user5 table#profile-page-frame a.button,
    table#centre-position-outside.user5 table#mypage-frame a.button,
    table#centre-position-outside.user5 table#story-page-frame a.button,
    table#centre-position-outside.user5 table#tip-page-frame a.button {
      background-color: transparent;
      background-image: url(/bacup_teenage/images/button_arrow_5.gif);
      border-color: #8f3dcc;
    }

    table#centre-position-outside.user5 table#mypage-frame div.curveRb {
      background-image: url(/bacup_teenage/images/curve-rb_user5.gif);
    }

    table#centre-position-outside.user5 table#profile-page-frame div#workflow-section,
    table#centre-position-outside.user5 table#story-page-frame div#workflow-section,
    table#centre-position-outside.user5 table#tip-page-frame div#workflow-section {
      border-color: #8f3dcc;
    }

    table#centre-position-outside.user5 table#profile-page-frame h1,
    table#centre-position-outside.user5 table#mypage-frame h1,
    table#centre-position-outside.user5 table#story-page-frame h1,
    table#centre-position-outside.user5 table#tip-page-frame h1 {
      color: #8f3dcc;
    }

    table#centre-position-outside.user5 table#profile-page-frame h3.sectionTitle,
    table#centre-position-outside.user5 table#mypage-frame h3.sectionTitle,
    table#centre-position-outside.user5 table#story-page-frame h3.memberStoryTitle,
    table#centre-position-outside.user5 table#tip-page-frame h3.memberTipTitle {
      background-color: #8f3dcc;
      color: #ffebff;
    }

    table#centre-position-outside.user5 table#profile-page-frame td.columnOne img,
    table#centre-position-outside.user5 table#mypage-frame td.columnOne img,
    table#centre-position-outside.user5 table#story-page-frame td.columnOne img,
    table#centre-position-outside.user5 table#tip-page-frame td.columnOne img {
      border-color: #8f3dcc;
    }        

    table#centre-position-outside.user5 table#mypage-frame div.section {
      border-color: #8f3dcc;
    }

    table#centre-position-outside.user5 table#mypage-frame div.buttonBar {
      background-color: #ffebff;
      border-color: #8f3dcc;
    }

    table#centre-position-outside.user5 table#mypage-frame div#user-profile-section {
      /* This required to override div.section border rule above */
      border-color: #ffebff;
    }
    
    table#centre-position-outside.user5 div.externalVideo object {
      border-color: #8f3dcc;
    }

    table#centre-position-outside.user5 div#buddies-section div.buddy span.name {
      color: #8f3dcc;
    }

   /**************************************************************************************************/
   /* Used for the f_membership_user_colour_selector_inc_e.dtml elements (dynamic colour parts only) */
   /**************************************************************************************************/
   table#user-colour-selector.user5 div#user-colour-preview-element {
     background-color: #ffebff; 
     border-color: #8f3dcc; 
   }

   table#user-colour-selector.user5 a {
     color: #8f3dcc;
   }

   table#user-colour-selector.user5 div#user-colour-preview-bar a {
     border-color: #ffebff;
     color: #ffebff;
   }

   table#user-colour-selector.user5 div.section {
      background-color: #ffffff;
      border-color: #8f3dcc;
   }

   table#user-colour-selector.user5 div#user-colour-preview-bar {
     background-color: #8f3dcc;
     border-color: #ffebff;
   }

   table#user-colour-selector.user5 h3.sectionTitle {
     background-color: #8f3dcc;
     color: #ffebff;
   }
    
    table#centre-position-outside.user6 div#main-content {
      background-color: #f7f7f7;
      border-color: #cc0000;
    }

    table#centre-position-outside.user6 div#share-login-bar table {
      background-color: #cc0000;
    }

    table#centre-position-outside.user6 div#share-login-bar a {
      border-color: #f7f7f7;
      color: #f7f7f7;
    }

    table#centre-position-outside.user6 table#profile-page-frame a,
    table#centre-position-outside.user6 table#mypage-frame a,
    table#centre-position-outside.user6 table#story-page-frame a,
    table#centre-position-outside.user6 table#tip-page-frame a {
      color: #cc0000;
    }

    table#centre-position-outside.user6 table#profile-page-frame a.button,
    table#centre-position-outside.user6 table#mypage-frame a.button,
    table#centre-position-outside.user6 table#story-page-frame a.button,
    table#centre-position-outside.user6 table#tip-page-frame a.button {
      background-color: transparent;
      background-image: url(/bacup_teenage/images/button_arrow_6.gif);
      border-color: #cc0000;
    }

    table#centre-position-outside.user6 table#mypage-frame div.curveRb {
      background-image: url(/bacup_teenage/images/curve-rb_user6.gif);
    }

    table#centre-position-outside.user6 table#profile-page-frame div#workflow-section,
    table#centre-position-outside.user6 table#story-page-frame div#workflow-section,
    table#centre-position-outside.user6 table#tip-page-frame div#workflow-section {
      border-color: #cc0000;
    }

    table#centre-position-outside.user6 table#profile-page-frame h1,
    table#centre-position-outside.user6 table#mypage-frame h1,
    table#centre-position-outside.user6 table#story-page-frame h1,
    table#centre-position-outside.user6 table#tip-page-frame h1 {
      color: #cc0000;
    }

    table#centre-position-outside.user6 table#profile-page-frame h3.sectionTitle,
    table#centre-position-outside.user6 table#mypage-frame h3.sectionTitle,
    table#centre-position-outside.user6 table#story-page-frame h3.memberStoryTitle,
    table#centre-position-outside.user6 table#tip-page-frame h3.memberTipTitle {
      background-color: #cc0000;
      color: #f7f7f7;
    }

    table#centre-position-outside.user6 table#profile-page-frame td.columnOne img,
    table#centre-position-outside.user6 table#mypage-frame td.columnOne img,
    table#centre-position-outside.user6 table#story-page-frame td.columnOne img,
    table#centre-position-outside.user6 table#tip-page-frame td.columnOne img {
      border-color: #cc0000;
    }        

    table#centre-position-outside.user6 table#mypage-frame div.section {
      border-color: #cc0000;
    }

    table#centre-position-outside.user6 table#mypage-frame div.buttonBar {
      background-color: #f7f7f7;
      border-color: #cc0000;
    }

    table#centre-position-outside.user6 table#mypage-frame div#user-profile-section {
      /* This required to override div.section border rule above */
      border-color: #f7f7f7;
    }
    
    table#centre-position-outside.user6 div.externalVideo object {
      border-color: #cc0000;
    }

    table#centre-position-outside.user6 div#buddies-section div.buddy span.name {
      color: #cc0000;
    }

   /**************************************************************************************************/
   /* Used for the f_membership_user_colour_selector_inc_e.dtml elements (dynamic colour parts only) */
   /**************************************************************************************************/
   table#user-colour-selector.user6 div#user-colour-preview-element {
     background-color: #f7f7f7; 
     border-color: #cc0000; 
   }

   table#user-colour-selector.user6 a {
     color: #cc0000;
   }

   table#user-colour-selector.user6 div#user-colour-preview-bar a {
     border-color: #f7f7f7;
     color: #f7f7f7;
   }

   table#user-colour-selector.user6 div.section {
      background-color: #ffffff;
      border-color: #cc0000;
   }

   table#user-colour-selector.user6 div#user-colour-preview-bar {
     background-color: #cc0000;
     border-color: #f7f7f7;
   }

   table#user-colour-selector.user6 h3.sectionTitle {
     background-color: #cc0000;
     color: #f7f7f7;
   }
  
/******************************************************************************************************/
/* styles for items related to user colour change tools only (but not relating to actual user colours */
/******************************************************************************************************/
table#user-colour-selector {
  border-style: ridge;
  border-width: 3px;
  padding: 2px;
}

table#user-colour-selector td {
}

table#user-colour-selector td input {
  display: block;
  height: 20px;
  width: 20px;
}

table#user-colour-selector td input.selected {
  border-style: inset;
}

table#user-colour-selector td input.top {
  border-bottom: none;
}

table#user-colour-selector td input.bottom {
  border-top: none;
}



/**********************************************************************/
/* Used for the f_membership_user_colour_selector_inc_e.dtml elements */
/**********************************************************************/
div#user-colour-preview-element {
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}

div#user-colour-preview-element div.section {
  border-style: solid;
  border-width: 1px;
  height: auto;
  margin: 0px 0px 20px 0px;
  padding: 3px;
}

div#user-colour-preview-element div#user-colour-preview-bar {
  margin: 0px;
  padding: 3px;
  text-align: right;
}

div#user-colour-preview-element div#user-colour-preview-bar a {
  border-style: solid;
  border-width: 1px;
  float: left;
  padding: 1px;
  text-transform: uppercase;
}

div#user-colour-preview-element div#user-colour-preview-bar a:hover {
  text-decoration: none;
}

div#user-colour-preview-element h3 {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 2px;
}