/**
 * chicoree.cc: Popup stylesheet
 * Licence CC-BY3.0
 * Sylvain Leroux - 2008-2009 (http://www.chicoree.fr)
 * Some rights reserved
 */

/*
    <span class='popup'><a class='popup-title'>The title</a><span class='popup-content'>The content</span></span>
*/

.popup {
    color: green;

    border-top: solid 1px transparent;
    border-right: solid 1px transparent;
}

.popup .popup-content {
    display: none;
}

.popup .popup-hidden {
    display: none;
}

.popup {
    border-bottom: dashed 1px green;
}

.popup .popup-more, .popup .popup-content {
    border-bottom: none
}

.popup .popup-more {
    display: block;
    text-align:right;
}

.popup:hover {
    position: relative;
    padding: 0.5em;
    margin: -0.5em;
   
    color: white; 
    background: #563610 url(popup-gradient.png) repeat-y left top;
    border-top: solid 1px black;
    border-right: solid 1px black;
}

.popup:hover .popup-content {
    display: block;
    position: absolute;
    margin: 0em;
    margin-top: 2em;
    padding: 0.5em;
    left: 0px;
    top: 0px;
    width: 20em;

    color: black;
    background: #FFFFEE url(popup-gradient.png) repeat-y left top;
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
}