#474242 by tic2000: Use more specific CSS selectors for Vertical Tabs to...

#474242 by tic2000: Use more specific CSS selectors for Vertical Tabs to prevent breakage by other modules.

misc/vertical-tabs.css

 /* $Id$ */
 
-.vertical-tabs {
+div.vertical-tabs {
   margin: 1em 0 1em 15em;
   border: 1px solid #ccc;
 }
@@ -15,17 +15,17 @@ div.vertical-tabs ul.vertical-tabs-list {
   left: -15em;
   float: left;
 }
-.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
+div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
   margin: 0 !important;
   padding: 0 1em;
   border: 0;
 }
-.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane legend {
+div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane legend {
   display: none;
 }
 
 /* Layout of each tab */
-.vertical-tabs-list li {
+div.vertical-tabs ul.vertical-tabs-list li {
   background: #eee;
   border: 1px solid #ccc;
   border-top: 0;
@@ -33,41 +33,41 @@ div.vertical-tabs ul.vertical-tabs-list {
   margin: 0;
   height: 1%;
 }
-.vertical-tabs-list li a {
+div.vertical-tabs ul.vertical-tabs-list li a {
   display: block;
   text-decoration: none;
   padding: 0.5em 0.6em;
   line-height: 1.3em;
   height: 1%;
 }
-.vertical-tabs-list li a:focus {
+div.vertical-tabs ul.vertical-tabs-list li a:focus {
   position: relative;
   z-index: 5;
 }
-.vertical-tabs-list li a:hover {
+div.vertical-tabs ul.vertical-tabs-list li a:hover {
   text-decoration: none;
 }
-.vertical-tabs-list li strong {
+div.vertical-tabs ul.vertical-tabs-list li strong {
   /* Strong tags are used around tab titles to indicate importance; however,
      only the currently active tab should actually look bold. */
   font-weight:normal;
 }
-.vertical-tabs-list li.selected {
+div.vertical-tabs ul.vertical-tabs-list li.selected {
   background: #fff;
   border-right-width: 0;
   position: relative;
 }
-.vertical-tabs-list li.selected a:focus {
+div.vertical-tabs ul.vertical-tabs-list li.selected a:focus {
   outline: 0;
 }
-.vertical-tabs-list li.selected strong {
+div.vertical-tabs ul.vertical-tabs-list li.selected strong {
   font-weight: bold;
   color: #000;
 }
-.vertical-tabs-list .summary {
+div.vertical-tabs ul.vertical-tabs-list .summary {
   display: block;
 }
-.vertical-tabs ul.vertical-tabs-list .summary {
+div.vertical-tabs ul.vertical-tabs ul.vertical-tabs-list .summary {
   line-height: normal;
   margin-bottom: 0;
 }