﻿body
{
    font-family: sans-serif;
}

.body-content
{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    background: #F1F1F1;
    border: 1px solid #ACACAC;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

h1,
h2,
h3,
h4,
h5,
h6
{
    text-align: center;
}

.scoreboard
{
    text-align: center;
}

.scoreboard table
{
    width: 100%;
    border-collapse: collapse;
}

.scoreboard td
{
    width: 150px;
    text-align: center;
    vertical-align: top;
    padding: 8px;
}

.scoreboard td .caption
{
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
}

.scoreboard td .value
{
    font-size: 18pt;
    font-weight: bold;
}

.scoreboard td.your-score
{
    background: #D9E5F7;  
    border: 2px solid #778594;
}

.scoreboard td.your-score .caption,
.scoreboard td.your-score .value
{
    color: #1F569C;
}

.scoreboard td.num-failed
{
    background: #F0BCBC;
    border: 2px solid #AD6E6E;
}

.scoreboard td.num-failed .caption,
.scoreboard td.num-failed .value
{
    color: #9C1313;
}

.scoreboard td.num-warnings
{
    background: #F3CDAF;
    border: 2px solid #AD876E;
}

.scoreboard td.num-warnings .caption,
.scoreboard td.num-warnings .value
{
    color: #7C4513;
}

#panSuccess,
#panFailed
{
    margin-top: 40px;
}

#panSuccess
{
    color: green;
    text-align: center;
}

#panSuccess > h3
{
    background: #DFF0DF;
    border: 2px solid #85A785;
    border-radius: 5px;
}

.show-more
{
    margin: 8px;
    text-align: center;
}

#panDetails
{
    
}

#panSuccess a
{
    
}

#panFailed
{
    
}

#panFailed h3
{
    background: #F0BCBC;
    border: 2px solid #AD6E6E;
    border-radius: 5px;
}

#panFailed h3
{
    color: #9C1313;
}

#panFailed h4
{
    margin-top: 30px;
}

#panFailed p
{
    text-align: center;
}

#panFailed table
{
    width: 100%;
}

#panFailed table td
{
    text-align: center;
}

#panFailed table td img
{
    width: 84px;
    height: 84px;
}

#tblDetails
{
    width: 100%;
    background: #fff;
    border: 2px solid #acacac;
}

#tblDetails tr.error
{
    background: #F5E1E1;
    color: #9C1313;
}

#tblDetails tr.warning
{
    background: #F5E8E1;
    color: #9C6013;
}

#tblDetails td
{
    padding: 3px;
}
