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

div#BildoMenu
{
    position:absolute;
    top:0.5%;left:0%;
    height:98%;width:30%;
    z-index:2;
    background-color:white;
}

div#BildoTocHeader
{
    position:relative;
    font-weight:bold;
    text-align:center;
    font-size:90%;
    border-bottom:2px solid #789;
    margin-left:4%;
    margin-bottom:2pt;
    font-variant:small-caps;
}

div#BildoToc
{
    position:relative;
    left:0%;width:100%;
    height:71%;
    overflow:auto;
}

div#BildoTocFooter
{
    position:relative;
    font-weight:bold;
    text-align:center;
    margin-left:4%;
    margin-top:2pt;
    font-size:90%;
    border-top:1px solid #336;
}

#tocTitle
{
    background-position:100% 50%;
    background-repeat:no-repeat;
    margin:0;padding:0;
    letter-spacing:3px;
    font-size:12pt;
}

#tocTotal
{
    background-position:100% 50%;
    background-repeat:no-repeat;
    margin:0;padding:0;
}

/*
#tocTitle:hover { background-image:url('illus/up-hover.png'); cursor:pointer; }
#tocTotal:hover { background-image:url('illus/down-hover.png'); cursor:pointer; }

#tocTitle { background-image:url('illus/up.png'); }
#tocTotal { background-image:url('illus/down.png'); }
*/

/*********************************************/
div#BildoMenu a
{
    color:#6a5acd;
    text-decoration:none;
    font-style:normal;
    font-weight:normal;
}

div#BildoMenu a:hover,
div#BildoMenu a:focus,
div#BildoMenu a:active
{
    color:#f90;
    text-decoration:underline;
}

div#BildoMenu a#tocTitle:hover,
div#BildoMenu a#tocTotal:hover
{
    text-decoration:none;
}

div#BildoMenu a img
{
    border:none;
    vertical-align:middle;
}
/*********************************************/
/* Albums */
div#BildoToc div#MenuTable div.Album,
div#BildoToc div#MenuTable div.AlbumSelected
{
    border:2px solid #e7edf5;
    margin:4pt;
    padding:0;
    width:auto;
}

div#BildoToc div#MenuTable div.AlbumName
{
    font-size:90%;
    text-align:center;
    background-color:#e7edf5;
    margin:0pt;padding:0;
    padding-left:2px;
    font-variant:small-caps;
    letter-spacing:1px;
}

div#BildoMenu div.AlbumLastModifTime
{
    display:block;
    text-align:right;
    margin-right:4pt;
    font-style:italic;
    color:#669;
    font-size:85%;
}

span.updatedToday
{
    color:#f90;
    padding-left:18px;
    margin-bottom:2pt;
    font-size:10pt;
    font-style:normal;
}

span.AlbumRss
{
    text-align:right;
}

div#BildoToc div#MenuTable div.AlbumNbPhotos
{
    color:#778899;
    text-align:right;
    margin-right:2pt;
    margin-bottom:0;
    margin-top:8pt;
    vertical-align:middle;
    font-weight:normal;
}
div#BildoToc div#MenuTable div.AlbumSelected div.AlbumNbPhotos span.nbPhotos
{
    background:url('illus/arrow.gif') no-repeat 0 50%;
    padding-left:11px;
    color:#f90;
}

div#BildoToc div#MenuTable div.AlbumDesc
{
    font-size:85%;
    margin:4pt;
    font-style:italic;
    color:#778899;
    text-align:justify;
}

/*********************************************/
div#BildoToc div#MenuTable 
{
    margin-left:4%;
}

div#BildoToc div#MenuTable div.Collection,
div#BildoToc div#MenuTable div.Album,
div#BildoToc div#MenuTable div.Clipped
{
    padding-bottom:4pt;
}


/*
 * Collections
 *************************************************************/
div#BildoToc div#MenuTable div.Collection
{
    margin-bottom:2pt;
    z-index:3;
}

div#BildoToc div#MenuTable div.CollectionName
{
    font-size:100%;
    margin:0;
    text-align:center;
    font-variant:small-caps;
    letter-spacing:2px;
}

div#BildoToc div#MenuTable div.CollectionDesc
{
    margin:0 4pt;
    font-size:90%;
}

div#BildoToc div#MenuTable div.CollectionLastModifTime
{
    display:none;
}

/*
 * Clipped
 *************************************************************/

div#BildoToc div#MenuTable div.Clipped,
div#BildoToc div#MenuTable div.ClippedSelected
{
    color:#669;
    border:2px solid #eee9e9;
    border-left-width:10pt;
    margin-left:2pt;
    margin-right:2pt;
    margin-top:4pt;
    background-color:white;
    background-image:none;
    z-index:5;
    font-size:9pt;
}

div#BildoToc div#MenuTable div.ClippedName
{
    text-align:left;
    text-indent:2pt;
}

div#BildoToc div#MenuTable div.ClippedLastModifTime
{
    text-align:right;
    margin-right:2pt;
    font-style:italic;
}

div#BildoToc div#MenuTable div.ClippedNbPhotos
{
    font-weight:normal;
    color:#778899;
    text-align:right;
    margin-right:2pt;
    margin-bottom:0;
    margin-top:8pt;
    vertical-align:middle;
}
div#BildoToc div#MenuTable div.ClippedSelected span.nbPhotos
{
    background:url('illus/arrow.gif') no-repeat 0 50%;
    padding-left:11px;
    color:#f90;
}


/*********************************************/

div#BildoMenu p#lastAdded
{
    text-align:right;
    margin-bottom:2pt;
    margin-top:2pt;
    font-weight:normal;
    font-size:9pt;
}

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

div#BildoMenu p
{
    margin:2pt;
}

div#BildoMenu p a.inactiveOption
{
    margin-bottom:2pt;
    margin-top:2pt;
}

div#BildoMenu p a.activeOption
{
    text-decoration:underline;
    color:#f90;
}

div#BildoMenu p a
{
    font-size:9pt;
}

div#BildoMenu a.Updating,
div#BildoMenu a.Upgrading
{
    text-decoration:blink;
}

div#BildoMenu a.NeedBuild,
div#BildoMenu a.NeedUpdate,
div#BildoMenu a.NeedUpgrade
{
    color:#bbc;
}

/*********************************************/
div#BildoMenu p#userLinks
{
    text-align:right;
    line-height:24px;
    margin:0;

    /* ok for 800x600
    font-size:9pt;
    */
}

div#BildoMenu p#userLinks a#loginLink
{
    padding-left:26px;
    padding-top:5px;
    padding-bottom:5px;
    background:url('illus/login.png') no-repeat 0 50%;
}

div#BildoMenu p#userLinks a#loginLink:hover
{
    background:url('illus/login-hover.png') no-repeat 0 50%;
}

div#BildoMenu p#userLinks a#logoutLink
{
    padding-left:26px;
    padding-top:5px;
    padding-bottom:5px;
    background:url('illus/logout.png') no-repeat 0 50%;
}

div#BildoMenu p#userLinks a#logoutLink:hover
{
    background:url('illus/logout-hover.png') no-repeat 0 50%;
}

div#BildoMenu p#userLinks a#adminLink
{
    padding-left:26px;
    padding-top:5px;
    padding-bottom:5px;
    background:url('illus/admin.png') no-repeat 0 50%;
}

div#BildoMenu p#userLinks a#adminLink:hover
{
    background:url('illus/admin-hover.png') no-repeat 0 50%;
}

div#BildoMenu p#userLinks a#managLink
{
    padding-left:26px;
    padding-top:5px;
    padding-bottom:5px;
    background:url('illus/manager.png') no-repeat 0 50%;
}

div#BildoMenu p#userLinks a#managLink:hover
{
    background:url('illus/manager-hover.png') no-repeat 0 50%;
}


div#BildoMenu p#userLinks a#forumLink
{
    padding-left:26px;
    padding-top:5px;
    padding-bottom:5px;
    background:url('illus/forum.png') no-repeat 0 50%;
    margin-right:8pt;
}

div#BildoMenu p#userLinks a#forumLink:hover
{
    background:url('illus/forum-hover.png') no-repeat 0 50%;
}



div#MenuControls
{
    margin-top:10pt;
    border:1px solid #336;
    padding:2pt;
}

div#MenuControls h2
{
    margin:0;
    font-size:90%;
    border-bottom:1px solid #336;
}