body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; } .r-tabs { position: relative; } .r-tabs .r-tabs-nav { border-bottom: 1px solid #ccc; } .r-tabs .r-tabs-nav .r-tabs-tab { position: relative; top: 1px; } .r-tabs .r-tabs-nav .r-tabs-anchor { background: #000000; margin-bottom: 3px; padding: 10px 12px; display: inline-block; text-decoration: none; color: #fff; font-weight: bold; } .r-tabs .r-tabs-nav .r-tabs-state-active { background-color: #fff; margin-bottom: -1px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; } .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #000000; background-color: #fff; } .r-tabs .r-tabs-panel { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 3px; } .r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #000000; color: #fff; font-weight: bold; text-decoration: none; margin-bottom: 3px; } .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #000000; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0; }