#content
{
    /*margin: 0;*/
    padding: 25px 10px;
    overflow:hidden;
    /*position:relative;
    float:none;*/
}
.singlecol
{
    margin: 0;
    padding:20px 10px;
    overflow:auto;
}

.col1
{
    margin: 0;
    padding:10px;
    width:590px;
    float:left;
}
.col2
{
    padding:10px;
    width:280px;
    float:right;
    border:solid 2px #45423b;
}
.racinghistory td
{
    font-size:0.85em;
}
.barriertrial
{
    color:#aaa;
}
.myhorsesthumb
{
     float:left;
     margin:10px;
     overflow:hidden;
     height:120px;
     width:120px;
}
.myhorsesthumbsolo
{
     float:left;
     margin:10px;
     overflow:hidden;
     height:120px;
}
#notesaccordion div
{
    font-size:90%;
}
#notesaccordion h3
{
    font-size:80%;
}
div.statementyear
{
    float:left;
    width:150px;
    margin:20px 10px 0 0;
}
#breeding
{
    float:left;
    width:310px;
}
#description
{
    float:right;
    width:270px;
}
#racingcolours
{
    margin-top:10px;
    width:590px;
}
#horsedetail th
{
    width:10em;
    font-weight:bold;
}
#racingcolours th
{
    width:10em;
    font-weight:bold;
}
#location th
{
    font-weight:bold;
    padding:4px;
}
#location td
{
    padding:4px;
}

@media only screen and (max-width: 768px)
{
    #registrationform
    {
        margin: 0 auto;
        display: block;
        margin-bottom: 15px;
        float: none;
    }

    #loginform
    {
        margin: 0 auto;
        display: block;
        margin-bottom: 15px;
        float: none;
    }

    table.myhorses a{
        color: #FFF;
    }

    table.myhorses td:nth-of-type(1):before {
        content: "Horse";
    }

    table.myhorses td:nth-of-type(2):before {
        content: "Age";
    }

    table.myhorses td:nth-of-type(3):before {
        content: "Sex";
    }

    table.myhorses td:nth-of-type(4):before {
        content: "Type";
    }

    table.myhorses td:nth-of-type(5):before {
        content: "Sire";
    }

    table.myhorses td:nth-of-type(6):before {
        content: "Dam";
    }
}