/* SVN FILE: $Id: screen.css 28 2008-08-06 23:08:34Z Chris $ */
/**
 * CSS for the index view of the sapphire controller
 *
 * @copyright    Copyright 2008 PBM Web Development - All Rights Reserved
 * @package      app
 * @subpackage   app.webroot.css
 * @since        V1.0.0
 * @version      $Revision: 28 $
 * @modifiedby   $LastChangedBy: Chris $
 * @lastmodified $Date: 2008-08-07 00:08:34 +0100 (Thu, 07 Aug 2008) $
 */

div#content-sub {
  height: 0;
}
#escorts {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
/* The normal thumbnail */
#escorts img {
  background-color: #e6e9f0;
  position: absolute;
  padding: 1px;
  height: 100px;
  width: 100px;
  outline: 1px solid #041334;
}
/* Show the expanded image */
#escorts a {
  color: #000;
  text-decoration: none;
}
#escorts a:hover img {
  height: 160px;
  outline: 1px solid #041334;
  padding: 3px;
  width: 160px;
  z-index: 100;
}
#escorts span { /* Hide notes */
  display: none;
}
#escorts a > span {
  background: transparent url(/css/img/content_main_background.png) repeat;
  color: #02091a;
  padding: 5px;
  position: absolute; /* The position is calculated to fit below the grid of images */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#escorts a span > span {
  font-size: 120%;
  font-weight: bold;
}
/* Show notes when mouseover image */
#escorts a:hover span {
  display: block;
  width: 100%;
}