/*
 * MENU
 ******************************************************************************************************/

div#BildoMenu
{
    position:absolute;
    top:5%;left:0%;
    height:85%;width:30%;
    z-index:2;
}

div#BildoToc
{
    overflow:hidden;
    position:absolute;
    top:13%;left:6%;
    width:85%;
    height:62%;
}

div#BildoTocHeader
{
    position:absolute;
    top:7%;left:6%;
    width:78%; height:5%;
    font-weight:bold;
    text-align:center;
    margin-left:4%;
    font-size:90%;
    background:url('illus/hbar.png') repeat-x 0% 100%;
}

div#BildoTocFooter
{
    position:absolute;
    top:76%;left:6%;
    width:78%;height:5%;
    font-weight:bold;
    text-align:center;
    margin-left:4%;
    font-size:90%;
    background:url('illus/hbar.png') repeat-x 0% 0%;
    padding-top:2px;
}

div#BildoToc table
{
    position:relative;
    left:3%;width:94%;
    font-size:9pt;
    border-collapse:collapse;
}

#ScrollUp, #ScrollDown
{
    position:absolute;
    width:15px;right:2px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    text-decoration:none;
}

#ScrollUp:hover { background-image:url('illus/up-hover.png'); }
#ScrollDown:hover { background-image:url('illus/down-hover.png'); }

#ScrollUp { background-image:url('illus/up.png'); }
#ScrollDown { background-image:url('illus/down.png'); }

div#BildoToc table tfoot,
div#BildoToc table th
{
    display:none;
}

div#BildoToc table tfoot td#totalPhotosLabel
{
    font-weight:bold;
    text-align:right;
}

div#BildoToc table tfoot td#totalPhotos
{
    text-align:right;
}

div#BildoToc table td.AlbumName
{
    font-weight:bold;
}

div#BildoToc table td.LastModifTime
{
    display:none;
    text-align:right;
}

div#BildoToc table td.NbPhotos
{
    text-align:right;
}

div#BildoToc table th#tocAlbums
{
}

div#BildoToc table th#tocPhotos
{
}

div#BildoToc table td a
{
    text-decoration:none;
    color:#000;
}

div#BildoToc table td, div#BildoToc table th, div#BildoToc table tfoot td
{
}

div#BildoToc table td.NbPhotos span
{
}

div#BildoToc table td a:hover
{
    text-decoration:underline;
}

div#BildoToc table tr.AlbumLevel1
{
}

div#BildoToc table tr.AlbumLevel2 td
{
    text-indent:1em;
}

div#BildoToc table tr.AlbumLevel3 td
{
    text-indent:2em;
}


div#MenuTopRight
{
    position:absolute;
    top:8%;left:1%;
    height:6%;width:27%;
    background:url('illus/topright-blue.gif') no-repeat scroll 100% 0%;
    z-index:2;
}

div#MenuTopLeft
{
    position:absolute;
    top:8%;left:1%;
    height:6%;width:14%;
    background:url('illus/topleft-blue.gif') no-repeat scroll 0% 0%;
    z-index:2;
}

div#MenuBottomLeft
{
    position:absolute;
    top:80%;left:1%;
    height:7%;width:14%;
    background:url('illus/bottomleft-blue.gif') no-repeat scroll 0% 100%;
    z-index:2;
}

div#MenuBottomRight
{
    position:absolute;
    top:80%;left:1%;
    height:7%;width:27%;
    background:url('illus/bottomright-blue.gif') no-repeat scroll 100% 100%;
    z-index:2;
}

div#MenuRight
{
    position:absolute;
    top:13%;left:11%;
    height:68%; width:17%;
    background:url('illus/right-blue.gif') repeat-y scroll 100% 0%;
    z-index:2;
}

div#MenuLeft
{
    position:absolute;
    top:13%;left:1%;
    height:68%; width:15%;
    background:url('illus/left-blue.gif') repeat-y scroll 0% 0%;
    z-index:2;
}

div#BildoMenu p#lastAdded
{
    text-align:right;
    background:url('illus/hbar.png') repeat-x 0% 0%;
    padding-top:4px;
    margin-bottom:4pt;
}

div#BildoMenu p#displayMode,
div#BildoMenu p#userLogin
{
    text-align:right;
    border-top:1px solid gold;
    margin-bottom:2pt;
    margin-top:2pt;
}


div#BildoMenu p#userLogin a
{
    text-decoration:none;
    color:#55b;
}

div#BildoMenu p a.inactiveOption
{
    text-decoration:none;
    color:#55b;
}

div#BildoMenu p a.activeOption,
div#BildoMenu p a.lastImages
{
    text-decoration:none;
    color:#ecbd00;
}

div#BildoMenu p a:hover,
div#BildoMenu p#userLogin a:hover
{
    color:#ecbd00;
    text-decoration:underline;
}