#record
{
}
#record table caption
{
    text-align: left;
    font-weight: bold;
}
#record table.h, #record table.v
{
    width: 100%;
}
#record table.h th
{
    vertical-align: text-top;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    color: #444444;
}
#record table.h td
{
    text-align: center;
    font-weight: normal;
    border-top: dashed 1px #dddddd;
    text-transform:uppercase;
}
#record table.v th
{
    vertical-align: text-top;
    text-align: left;
    font-weight: normal;
    width: 34%;
    border-top: dashed 1px #dddddd;
    text-transform: uppercase;
    color: #444444;
}
#record table.v td
{
    text-align: left;
    font-weight: normal;
    width: 66%;
    border-top: dashed 1px #dddddd;
    text-transform: uppercase;
}
#record div.message
{
    background-color: #FFFFCC;
    text-align: center;
    font-weight: bold;
}
#record p.footer
{
    background-color: #dddddd;
    text-align: center;
    font-style: italic;
}

#record p.header
{
    background-color: #dddddd;
    text-align: center;
    font-style: italic;
}
#record ul, #record li
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
}
#record .trn
{
    margin-left: 0%;
    margin-bottom: 2%;
}
#record .trs
{
    margin-left: 0%;
    border-left: solid 5px #dddddd;
}
#record .trnHeader
{
    background-color: #dddddd;
    color: White;
    width: 100%;
}
#mugshot
{
    width: 100%;
    position: absolute;
    text-align: right;
    padding-top: .5em;
}
#mugshot .photo
{
    border: solid 1px #000000;
}