﻿html, body {
    margin:0;
    padding:0;
    color: #FFFFFF;
    font-family: "Raleway", Verdana;
}
a, a:visited {
    color:#FFFFFF;
    text-decoration:none;
}
#widgetContainer {
    min-width: 258px;
    max-width: 258px;
    width: 258px;
}
#donationActionInfo {
    background-color: #00c0ef;
    height: 90px;
    background-image: url('/widgets/images/donationActionInfoBackground.jpg');
    background-repeat:repeat-x;
}
#donationActionInfo div.donationButton {
    position: absolute;
    left: 0;
    top: 0;
}
#donationActionInfo div.donationActionInfoText{
    position:absolute;
    top:7px;
    left:97px;
    line-height:21px;
}
#donationActionInfo div.doneeractie_nl {
    position:absolute;
    top:65px;
    left:97px;
}
span.donatedAmount {
    font-weight:bold;
}
#donationList {
    background-color:#ffffff;
    border: 1px solid #eaeaea;
    color:#7b7b7b;
}
#donationList div.donationRow {
    position:relative;
    border-bottom: 2px solid #30a5ff;
}
#donationList div.donationRow div.donationName {
    position:relative;
    padding-top:10px;
    padding-left:5px;
    font-size:10pt;
    font-weight:600;
    max-width:180px;
}
    #donationList div.donationRow div.donationAmount {
        position:absolute;
        right:10px;
        top:10px;
        font-size:10pt;
        font-weight:bold;
    }
    #donationList div.donationRow div.donationMessage {
        font-size:10pt;
        padding:7px;
    }