/*
    CSS for my_images.asp
 */
#my_images_div {
    max-width: 800px;
}

/* image list div */
#img_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 3px 5px;
    padding: 5px 0px 10px 10px;
    width: 750px;
    height: 400px;
    overflow: auto;
    border: 1px solid #DDD;
}
div.img_div {
    width: 165px;
    height: 235px;
    padding: 5px 0px;
    overflow: hidden;
    text-align: center;
    background: #FFF;
    border: 1px solid #DDD;
    font-size: 10px;
}
#no_images_div {
    flex: 2;
    font-size: 1em;
    text-align: center;
}

/* upload div */

#upload_div {
    display: flex;
    padding: 5px 0px;
    font-size: 0.75em;
    border-bottom: 1px solid #DDD;
}
#upload_button {
    display: none;
    margin: 0px 0px 0px 10px;
}
#upload_wait {
    display: none;
    gap: 15px;
    width: 250px;
    margin: 0px 0px 0px 10px;
}
#upload_wait > img {
    align-self: center;
}

/* zoom div */

#zoom_image_div {
    display: none;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 5px 0px;
    width: 750px;
    height: 570px;
}
#zoom_image_div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 2;
}
#zoom_image_div > div > img {
    max-width: 750px;
    max-height: 570px;
}

#my_images_footer {
    display: flex;
    width: 750px;
    margin: 15px 0px 0px 0px;
}

#my_images_footer > div {
    padding: 0px 5px 0px 0px;
}