anchor.diff:      ro_html->add('  text-align:       center;').
       ro_html->add('}').
   
  +    " Header, footer and menu styles
       ro_html->add('/* HEADER, FOOTER & MENU */').
  -    ro_html->add('.mixedbar {').
  +    ro_html->add('.mixed_height_bar {').
       ro_html->add('  width: 98%; /*IE7 compat5 mode workaround*/').
       ro_html->add('}').
  -    ro_html->add('.logobar tr {').
  -    ro_html->add('  vertical-align: middle;').
  +    ro_html->add('div.menu  { display: inline; }').
  +    ro_html->add('.right    { text-align:right; }').
  +    ro_html->add('.menu_end { border-right: 0px !important; }').
  +    ro_html->add('.menu a {').
  +    ro_html->add('  padding-left: 0.5em;').
  +    ro_html->add('  padding-right: 0.5em;').
  +    ro_html->add('  border-right: 1px solid lightgrey;').
       ro_html->add('}').
  -    ro_html->add('.logobar td.menu {').
  -    ro_html->add('  padding-top: 1em;').
  +    ro_html->add('span.version {').
  +    ro_html->add('  display: block;').
  +    ro_html->add('  margin-top: 0.3em;').
       ro_html->add('}').
  -    ro_html->add('.logobar img {').
  -    ro_html->add('  border: 0px;').
  -    ro_html->add('}').
  -    ro_html->add('.logo span {').
  +    ro_html->add('span.page_title {').
       ro_html->add('  font-weight: bold;').
       ro_html->add('  font-size: larger;').
       ro_html->add('  color: #bbb;').
       ro_html->add('  vertical-align: super;').
       ro_html->add('}').
  -    ro_html->add('.right {').
  -    ro_html->add('  text-align:right;').
  +
  +    " Drop down styles
  +    ro_html->add('/*DROP DOWN*/').
  +    ro_html->add('.dropdown {').
  +    ro_html->add('    position: relative;').
  +    ro_html->add('    display: inline;').
  +    ro_html->add('    border-right: 1px solid lightgrey;').
       ro_html->add('}').
  -    ro_html->add('.menu a {').
  -    ro_html->add('  padding-left: 0.5em;').
  -    ro_html->add('  padding-right: 0.5em;').
  -    ro_html->add('  border-right: 1px solid lightgrey;').
  +    ro_html->add('.dropbtn {').
  +    ro_html->add('    background-color: transparent;').
  +    ro_html->add('    color: #4078c0;').
  +    ro_html->add('    border: none;').
  +    ro_html->add('    padding-left: 0.5em;').
  +    ro_html->add('    padding-right: 0.5em;').
       ro_html->add('}').
  -    ro_html->add('.menu_end {').
  -    ro_html->add('  border-right: 0px !important;').
  +    ro_html->add('.dropdown_content {').
  +    ro_html->add('    display: none;').
  +    ro_html->add('    position: absolute;').
  +    ro_html->add('    background-color: #f9f9f9;').
  +    ro_html->add('    right: 0;').
  +    ro_html->add('    top: 1.1em; /*IE7 woraround*/').
  +    ro_html->add('    border-right: 1px solid lightgrey;').
  +    ro_html->add('    border-bottom: 1px solid lightgrey;').
  +    ro_html->add('    min-width: 8em;').
       ro_html->add('}').
  -    ro_html->add('span.version {').
  -    ro_html->add('  display: block;').
  -    ro_html->add('  margin-top: 0.3em;').
  +    ro_html->add('.dropdown_content a {').
  +    ro_html->add('    padding: 0.2em;').
  +    ro_html->add('    text-decoration: none;').
  +    ro_html->add('    border: 0px;').
  +    ro_html->add('    display: block;').
       ro_html->add('}').
  +    ro_html->add('.dropdown_content a:hover { background-color: #f1f1f1 }').
  +    ro_html->add('.dropdown:hover .dropdown_content { display: block; }').
  +    ro_html->add('.dropdown:hover .dropbtn { color: #79a0d2; }').
   
       ro_html->add('/* REPOSITORY */'). "TODO move to the page rendering repos
  +    ro_html->add('div.repo {').
  +    ro_html->add('  display:          block;').
  +    ro_html->add('  margin-top:       3px;').
  +    ro_html->add('  background-color: #f2f2f2;').
  +    ro_html->add('  padding:          0.7em    ').
  +    ro_html->add('}').
       ro_html->add('.repo_name span {').
       ro_html->add('  font-weight: bold;').
       ro_html->add('  font-size: x-large;').
  
positive.code:     ro_html->add('  padding-right: 0.5em;').
      ro_html->add('}').
  
      ro_html->add('/* MISC AND REFACTOR */').
      ro_html->add('a.grey:link {').
      ro_html->add('  color: grey;').
  
negative.code:   METHOD build_menu.
  
      DATA lo_toolbar TYPE REF TO lcl_html_toolbar.
      DATA lo_betasub TYPE REF TO lcl_html_toolbar.
      CREATE OBJECT lo_toolbar.
      CREATE OBJECT lo_betasub.
  
      lo_betasub->add( iv_txt = 'Repo config'      iv_cmd = 'sapevent:db' ).
  
      lo_toolbar->add( iv_txt = 'Refresh All'      iv_cmd = 'sapevent:refresh' ).
      lo_toolbar->add( iv_txt = 'Clone'            iv_cmd = 'sapevent:install' ).
  