/* $Id: accessibility-utilities.css,v 1.2 2009/07/29 09:26:54 jmburnz Exp $ */
/* adaptivethemes.com */

/**
 * Accessibility Classes
 * This file is never loaded, they are example selectors from which
 * you can take the properties and values (the declaration blocks)
 * and apply to elements.
 */

/* Hide content without positioning issues. */
.invisible {
  height: 0;
  overflow: hidden;
}

/** 
 * Move content off screen where appropriate. 
 * This should not be used for focusable elements! 
 * Instead swap top and left values to move it to the 
 * side of the viewport or else you will get scrolling 
 * issues when an element is focused (e.g. tabbed onto). 
 */
.offscreen {
  position: absolute;
  top: -9999em;
  left: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}