
body
{
    background:    #FFFFFF;
    font-family:   "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    margin: 0;
    padding: 0;
}

a, a:visited
{
    color: darkred;
    text-decoration: none;
}

.box
{
    padding: 0;
    margin:  2em;

    background:    #ebebed;
    border:        1px solid #152737;
}

.box h2
{
    text-align:   left;
    padding:      0.2em 0.2em 0.2em 0.4em;
    color:        white;
    background:   #152737;
    margin:       0;
}

.box .padding
{
    padding-left:   1em;
    padding-bottom: 0.2em;
}

.padding-wrapper {
    display: flex;
    gap: 20px; /* Adjust spacing between boxes */
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
}

.box .hide
{
    color:       white;
    float:       right;
    font-weight: bold;
    position:    relative;
    right:       1em;
    top:         0.6em;
}

#quickSearch_results
{
    overflow: auto;
    max-height: 10em;
    width: 40em;
    border: 1px solid grey;
    display: none;
}

#quickSearch_results table
{
    width: 100%;
    /*border: 1px solid gray;*/
    border-collapse: collapse;
}

#quickSearch_results table th
{
    background: darkgray;
}

#quickSearch_results table td
{
    border-top: 1px solid grey;
}

.login
{
    padding: 0;
    background: #ebebed;
    text-align: right;
    width: 400px;
    margin: 0 auto;
    border: 1px solid #152737;
}

.login h2
{
    text-align: left;
    padding: 0.3em;
    color: white;
    background: #152737;
    margin: 0;
}

.login .padding
{
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.2em;
}

.report_item
{
    width: 192px;
    height: 144px;
    float: left;
    margin: 1.5em;
    text-align: center;
}

.report_item img
{
    /* border: 0.1em solid #000; */
    border: 0.1em solid gray;
    border-radius: 0.1em;
    -moz-border-radius: 0.1em;
}

.report_item img:hover
{
    /* border: 0.1em solid gray; */
    border: 0.1em solid #000;
}

form
{
    margin: 0;  
}

.headerTable {
    width: 100%;
    margin: 0;
    padding: 0.6em 1em 0 1em;
}

.headerTable td {
    margin: 0;
    padding: 0.4em;
    vertical-align: middle;
}

.headerTable td.logoCell {
    width: 220px;
    padding-left: 1em;
}

.headerTable td.logoutCell {
    text-align: right;
}
