/****** public_html/sprite.css
 * NAME
 * sprite.css
 * SYNOPSIS
 * Rather than have separate icons for each of the actions (print, email,
 * cite, previous, next, edit, shrink/expand header/index frames and split
 * the screen, all the icons are in one file, icons/sprite.gif.
 * The CSS here creates viewports for each link, so that the appropriate
 * part of the sprite is shown. The :hover rule causes an icon of a
 * different colour to be shown.
 * AUTHOR
 * Swithun Crowe
 * CREATION DATE
 * 20090218
 ******
 */


/*
 sprite container
*/
span.links_list {
  position: relative;
}

/*
 container items
*/
span.links_list span.s {
  position: absolute;
  display: block;
  top: 0;
}

/*
 links
*/
span.links_list span.s a {
  width: 16px;
  height: 16px;
  display: block;
}

span.links_list span.s a:hover, span.links_list span.s {
  background-image: url(icons/sprite.gif);
  background-repeat: no-repeat;
}

/*
 sprites for record links
*/
span.links_list span.print { left: 5px; background-position: 0px 0; }
span.links_list span.print a:hover { background-position: 0px -16px; }
span.links_list span.email { left: 26px; background-position: -16px 0; }
span.links_list span.email a:hover { background-position: -16px -16px; }
span.links_list span.cite { left: 47px; background-position: -32px 0; }
span.links_list span.cite a:hover { background-position: -32px -16px; }
span.links_list span.previous { left: 68px; background-position: -48px 0; }
span.links_list span.previous a:hover { background-position: -48px -16px; }
span.links_list span.next_no_preceding { left: 68px; background-position: -64px 0; }
span.links_list span.next_no_preceding a:hover { background-position: -64px -16px; }
span.links_list span.next { left: 89px; background-position: -64px 0; }
span.links_list span.next a:hover { background-position: -64px -16px; }
span.links_list span.edit { left: 110px; background-position: -80px 0; }
span.links_list span.edit a:hover { background-position: -80px -16px; }
span.links_list span.edit_no_preceding { left: 89px; background-position: -80px 0; }
span.links_list span.edit_no_preceding a:hover { background-position: -80px -16px; }

/*
 sprites for page links
*/
span.links_list span.shrink_h { left: 0px; background-position: -112px 0; }
span.links_list span.shrink_h a:hover { background-position: -112px -16px; }
span.links_list span.shrink_v { left: 21px; background-position: -144px 0; }
span.links_list span.shrink_v a:hover { background-position: -144px -16px; }
span.links_list span.split_screen { left: 42px; background-position: -160px 0; }
span.links_list span.split_screen a:hover { background-position: -160px -16px; }

/*
 sprites for page links toggled
*/
span.links_list span.expand_h { left: 0px; background-position: -96px 0; }
span.links_list span.expand_h a:hover { background-position: -96px -16px; }
span.links_list span.expand_v { left: 21px; background-position: -128px 0; }
span.links_list span.expand_v a:hover { background-position: -128px -16px; }

/*
 keep page links P on top and tied to top of window
*/
p#links_list {
	z-index: 2;
	position: absolute;
	margin-top: 4px;
}

span.icon {
  display: none;
}

span.s a span {
  display: none;
}