#receivablescontent{
    width:1000px;
    float:left;

}
#receivablescontent #titlebar{
    float:left;
    width:100%;
    height:20px;
    background-color: darkseagreen;
    text-align:center;
}

#receivablescontent #titlebar #title{
    margin-right:10px;
    color: white;
    font-weight: bold;
        margin-right:auto;
    margin-left:auto;
}
#receivablescontent #receivablestable{
    width:500px;
    float:left;
    margin-top:10px;
    margin-left:10px;
}
#receivablescontent #receivablestable tr{
    padding:2px;

}
#receivablescontent #receivablestable td{
    padding:5px 2px;
    font-size:18px;
    border:thin black solid;
}
#receivablescontent #receivablestable th{

    font-size:20px;
    font-weight:bold;
    background-color:darkseagreen;
    height:20px;
    border:thin black solid;
    text-align: center;
    padding:15px 5px ;
}

.shownotesbutton {
    float:left;
    width:50px;
    height:30px;

    margin-top:5px;

    padding-left:7px;
    padding-right:10px;
    padding-top:10px;

    background-color: darkseagreen;
    font-size:20px;
    color:#ffffff;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
}
#noteswrapper{
    float:right;
    width:450px;
    margin-top:10px;
    font-size:18px
}
#noteswrapper span{
    float:right;
    width:100%; 
    text-align:center;
    font-size:25px;
    font-weight:bold;
}