/*
 *  $Id: photos.css 148 2024-10-06 14:18:07Z curtis $
 *  $Path: trunk/play/photos/css/photos.css $
 */

div.topbanner {
    background-color: #44e;
    margin: 0;
    padding: 6pt;
}

div.topbanner p.descr {
    font-size: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #f0f0f0;
    background-color: #f0f0f0;
    padding: 6pt;
    margin: 6pt;
}

div.topbanner p.hint {
    font-size: 80%;
    border-style: solid;
    border-width: thin;
    border-color: #ccccff;
    background-color: #f0f0ff;
    padding: 6pt;
    margin: 6pt 4em 6pt 4em;
}

div.mainbody {
}

div.mainbody p.warning {
    font-size: 80%;
    border-style: solid;
    border-width: thin;
    border-color: #cc0000;
    background-color: #fff0f0;
    padding: 6pt;
    margin: 6pt 4em 6pt 4em;
}

div.mainbody p.hint {
    font-size: 80%;
    border-style: solid;
    border-width: thin;
    border-color: #0000cc;
    background-color: #f0f0ff;
    padding: 6pt;
    margin: 6pt 4em 6pt 4em;
}
p.subdir-list {
    float: clear;
    font-size: 70%;
}
span.dir-title {
    float: left;
    padding: 12pt;
    font-size: 200%;
    
}
div.img-set {
    float: clear;
}
div.descr-box {
    background-color: #f0f0f0;
    padding: 4pt;
    margin: 6pt 2em 6pt 2em;
};
div.large-photo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
img.large-photo {
    padding: 6pt;
    align-self: center;
}
p.error {
    color: #f00;
}