div.dkptable
{
    width:                      350px;
    margin:                     0px auto;
    margin-bottom:              20px;
    background:                 #fcfcfc;
    border:                     3px solid black;
}

div.dkprow
{
    overflow:                   hidden;
    height:                     100%;
    cursor:                     pointer;
}

div.titlerow
{
    font-weight:                bold;
    font-size:                  14px;
    background:                 black;
    color:                      white;
}

div.dkprow div
{
    text-indent:                6px;
    padding:                    3px 0px;
}

div.titlerow div
{
    padding:                    6px 0px;
}

div.dkprow div.dkpuser
{
    width:                      200px;
    float:                      left;
    position:                   relative;
}

div.dkprow div.dkpamount
{
    width:                      140px;
    float:                      left;
    text-align:                 left;
    position:                   relative;
    border-left:                1px dotted #dadada;
}

div.dkprow div.dkpamount span
{
    color:                      red;
}

div.oddrow
{
    background:                 #ececec;
}

div.selfrow
{
    background:                 red;
    color:                      white;
    font-weight:                bold;
    font-size:                  12px;
}

div.dkprow-details
{
    display:                    none;
    border-top:                 1px solid #bfbfbf;
    border-bottom:              1px solid #bfbfbf;
}

div.dkprow-details div.dkpevent
{
    overflow:                   hidden;
    height:                     100%;
    padding:                    5px;
    padding-left:               20px;
}

div.dkprow-details div.earned
{
    background-color:           #e4ffe6;
}

div.dkprow-details div.spent
{
    background-color:           #ffeaea;
}

div.dkprow-details div.dkpevent div.dkpevent-date
{
    width:                      70px;
    float:                      left;
}

div.dkprow-details div.dkpevent div.dkpevent-amount
{
    font-weight:                bold;
    width:                      50px;
    float:                      left;
}

div.dkprow-details div.earned div.dkpevent-amount
{
    color:                      #479e4f;
}

div.dkprow-details div.spent div.dkpevent-amount
{
    color:                      #e66363;
}

div.dkprow-details div.dkpevent div.dkpevent-reason
{
    width:                      205px;
    float:                      left;
}

div.adddkptable
{
    width:                      350px;
    margin:                     0px auto;
    margin-bottom:              20px;
    background:                 #fcfcfc;
    border:                     3px solid black;
}