﻿.sourcelist 
{
    display: inline;
}

.sourceinfo 
{
    margin: 2%;
    width: 20%;
    min-height: 20em;
    vertical-align: top;
    display: inline-block;
    background: #ececec;
}

.sourceinfo h3
{
    border-bottom: 1px solid #ddd;
    background:#f3f3f3;
    margin: 0;
    padding: 1em;
    font-size: 1.3em;
}
    
.sourceinfo h3 a 
{
    color: #206095;  
}

.sourceinfo:hover h3
{
    background: #757575;
    border-color: #333;
}

.sourceinfo:hover h3 a 
{
    color: #fff;
}

.sourceinfo h2
{
    border-bottom: 1px solid #ddd;
    background:#f3f3f3;
    margin: 0;
    padding: 1em;
    font-size: 1.3em;
}
    
.sourceinfo h2 a 
{
    color: #206095;  
}

.sourceinfo:hover h2
{
    background: #757575;
    border-color: #333;
}

.sourceinfo:hover h2 a 
{
    color: #fff;
}

.sourceinfo div
{
    margin: 0;
    padding: 1em;
    max-height: 13em;
    overflow: auto;
}

/* Hover over a source info */
.sourceinfo:hover 
{
    background: #555;
    border-color: #333;
    cursor: pointer;
}

.sourceinfo:hover div
{
    color: #eee;
}

.sourceinfo:hover div p
{
    color: #eee;
}

.sourceinfo:hover div a
{
    color: #b1caff;
}

.archivedlist
{
    margin-top: 4em;
}

#SummaryReportPanel {
    border: 1px solid #fafafa;
    padding: 1em;
    background-color: #f7f7f7;
    margin-bottom: 2em;
}
/* #SummaryReportPanel button 
{
} */

/* Responsive (three boxes per line) */
@media screen and (max-width: 1900px) {
    .sourceinfo 
    {
        width: 30%;
        margin: 1%;
        min-height: 18em;
    }
    
    .sourceinfo div 
    {
        max-height: 11em;
    }
}

/* Responsive (two boxes per line) */
@media screen and (max-width: 1200px) {
    .sourceinfo 
    {
        width: 47%;
        margin: 1%;
        min-height: 15em;
    }
    
    .sourceinfo div
    {
        max-height: 8em;
    }
}

/* Responsive (one box per line) */
@media screen and (max-width: 800px) {
    .sourceinfo 
    {
        display: block;
        width: auto;
        margin: 1%;
        min-height: inherit;
    }
    
    .sourceinfo div
    {
        max-height: auto;
    }
}