.SkinGuideHeader, .SkinGuide
{
    float: left;
    width: 100%;
    border-bottom: solid 1px #ddd;
}
.SkinGuideHeader
{
    padding-bottom: 4px;
}
.SkinGuide
{
    padding-bottom: 10px;
    padding-top: 10px;
}
.SkinGuideHeader .Header
{
    width: 190px;
    float: left;
    font-weight: bold;
}
.HeaderLinks
{
    width: 140px;
    float: left;
    font-weight: bold;
    padding-left: 10px;
}
.SkinGuide div
{
    width: 180px;
    float: left;
    padding-right: 10px;
}
.SkinGuide .Links
{
    width: 140px;
    float: left;
    padding-left: 10px;
}
.SkinGuide .FirstCol, .SkinGuideHeader .FirstCol
{
    width: 80px;
    float: left;
    color: #666; /*color: #ce216e;*/
    font-size: 150%;
    text-align: center;
    padding-right: 20px;
    font-weight: bold;
}
.clear
{
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.Links li
{
    background-repeat: no-repeat;
    background-position: left 2px;
    padding-left: 15px;
    padding-bottom: 4px;
}
.Twenty .FirstCol
{
    color: #f1ce93;
}
.Thirty .FirstCol
{
    color: #f6afad;
}
.Forty .FirstCol
{
    color: #f6a0c5;
}
.Fifty .FirstCol
{
    color: #fb95db;
}
.Twenty .Links li
{
    background-image: url(/staticfiles/img/arrow.png);
}
.Thirty .Links li
{
    background-image: url(/staticfiles/img/redarrow.png);
}
.Forty .Links li
{
    background-image: url(/staticfiles/img/pinkarrow.png);
}
.Fifty .Links li
{
    background-image: url(/staticfiles/img/purplearrow.png);
}