﻿/**
 * This file contains style sheets for popup menus, like the
 * one that is used by the main menu.
 * 
 * The previous popup menu solution used an extensive .js file
 * that was quite difficult to adjust. The file and css for the
 * old popup menu was thus replaced with this style sheet and a
 * small function that is defined in ~/JavaScript/site.js.
 *
 * Basically, apply the popupMenu class to any div that you want
 * to popup, then show and hide it with the toggleMenu function.
 */
 
 
 /*
  * General popup menu *************************************
  */

.popupMenu
{
    display: none;
    position: absolute;
    
    min-width: 150px;
    border: solid 1px black;
    padding: 5px;
    background: white;
    
    font-size: 11px;
    z-index: 1000000;
}

.popupMenu ul
{
    margin: 0px;
    padding: 0px;
}

.popupMenu li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.popupMenu li a
{
    color: #000000;
    text-decoration: none;
    padding-left:5px;
     font-style:normal;
}

.popupMenu li a:hover
{
    color: #666666;
}

.menuheader {
    font-size: 130%
}