/* SVN FILE: $Id: swmag.css 17 2009-11-04 22:01:29Z Chris $ */
/**
 * CSS for the swmag view of the members controller
 *
 * @copyright    Copyright 2008 PBM Web Development - All Rights Reserved
 * @package      app
 * @subpackage   app.webroot.css
 * @since        V1.0.0
 * @version      $Revision: 17 $
 * @modifiedby   $LastChangedBy: Chris $
 * @lastmodified $Date: 2009-11-04 22:01:29 +0000 (Wed, 04 Nov 2009) $
 */

#members {
  margin-top: 1em;
  position: relative;
  /*
  padding-left defined in the view as it depends on image size, pitch and number in a row */
}/*
#members li {
  position: absolute;
}*/
/* The normal thumbnail */
.member img {
  background-color: #e6e9f0;
  border: 1px solid #041334;
  position: absolute;
  z-index: 0;
}
.member a {
  color: #000;
  text-decoration: none;
}
.member span.n {
  background-color: #fff;
  border: 1px solid #000;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding: 1px 2px;
  position: absolute;
  text-align: center;
  z-index: 10;
}
.member span.p { /* Hide notes */
  display: none;
  font-size: 95%;
}
/* Show the expanded image and notes */
.member a:hover img {
  outline: 1px solid #041334;
  padding: 3px;
  z-index: 100;
}
.member a:hover span.vcard {
  background-color: #fff;
  display: block;
  padding: 3em 10% 1.5em;
  position: relative;
  top: 2em;
  width: 300%;
}
.member a:hover span.n {
	background: #2a3e57;
	color: #dfe1e5;
  border: none;
	font-family: "Times New Roman", serif;
  font-size: 2.5em;
	padding: 0 10%;
  text-align: left;
}
.member a:hover span.p {
  display: block;
  padding-bottom: 0.325em;
}