/**
 * titles layout: a stack of floating boxes
 *
 * <br style="clear: left;" />
 * <dl class="floating_box">
 *  <dd><a><img></a></dd>
 *  <dt><span><a>some title</a></dt>
 * </dl>
 * ...
 * <br style="clear: left;" />
 *
 * @author Bernard Paques
 * @author Alexis Raimbault
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */


.floating_box { /* float to the left */
	float: left;
	text-align: center;
	padding: 6px;
	width: 20em;
}

.floating_box:hover, .box:hover {
	background-color: #fee;
}

.box {padding : 2em;width: 20em;}

.floating_box a, .box a {
	text-decoration: none;
}

.floating_box dd, .box .content { /* center box content */
	text-align: center;
	border: none;
	padding: 0;
	margin: 0;
}

.floating_box dt { /* center box title */
	text-align: center;
	border: none;
	font-weight: normal;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

.floating_family { /* break between boxes */
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	background-color: #F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-bottom: none;
	color: #666;
	margin-bottom: 1px;
	padding: 9px 1em 6px 1em;
	z-index: 10;
}

.tip:hover {
    cursor: help;
    position: relative;
}

.tip span.tip_content { /* mask tips until they are activated */
    display: none;
}

.tip:hover span.tip_content { /* unveil a tip */
    color: #888;
    font-size: 0.8em;
    background-color: #fff;
    border: 1px solid #C0C0C0;
    display: block;
    left: 0;
    margin: 10px;
    padding: 5px 20px 5px 5px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    top: 10px;
    width: 250px;
    z-index: 100;
}

.t-text {
    display : block;
}