/*
 * Local adjustments for the Apache fancy-index pages.
 *
 * clf/css/style.css and clf/css/boilerplate.css are the self-hosted copies of
 * the Common Look and Feel ("chocolatebunny") stylesheets that the selfservice
 * site uses. They were written for a page whose banner and top nav bar are
 * empty decorative divs, and they rely on Drupal 7 core CSS for the
 * accessibility helper classes. This file covers both gaps.
 */

/* Drupal 7 system.base.css used to supply these for the skip links. */
.element-invisible {
 position: absolute !important;
 clip: rect(1px, 1px, 1px, 1px);
 overflow: hidden;
 height: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
 position: static !important;
 clip: auto;
 overflow: visible;
 height: auto;
}

/* The wordmark is a real <img> here, not a background, so it needs to sit
   inside the 72px banner rather than be pushed down a second time. */
#mainBanner #banner-wordmark {
 margin: 0;
}

/* style.css collapses the top nav bar to 10px because the selfservice page
   leaves it empty. This page puts the section links in it. */
#topNavBar {
 height: 40px;
}

#topNavLinks {
 display: inline-block;
 overflow: hidden;
}

/* The index table is full width inside #main, which already has the margins. */
#main table {
 margin-bottom: 1em;
}