﻿.SelectedGridRow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.DownloadsHeader
{
    width: 100%;
    margin-bottom:5px;
        
}

#grdDownloads
{
    margin: 0;
}

#grdDownloads td
{
    padding: 5px;
}

#grdDownloads th
{
    font-size: 10px;
    text-align:center;
}

#ProjectTable td:first-child, #DLEntry td:first-child
{
    vertical-align: top;
}

#ProjectTable td + td, #DLEntry td + td
{
    padding-left: 15px;
}


.image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.image-item {
    flex: 0 0 120px;
    margin: 4px;
    text-align: center;
}

    .image-item img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        cursor: pointer;
        border: 1px solid #ccc;
        border-radius: 4px;
        transition: box-shadow 0.2s;
    }

        .image-item img:hover {
            box-shadow: 0 0 8px #0078d7;
        }