#fooo1
{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(30deg, #7b6678 45%, #d69dbf 45%);
    background-image: -moz-linear-gradient(30deg, #7b6678 45%, #d69dbf 45%);
    /*border: 2px solid white;*/
    /*padding: 15px;*/
    color: black;
}

#fooo2
{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(30deg, #34ADFF 45%, #4CBFFF 45%);
    background-image: -moz-linear-gradient(30deg, #34ADFF 45%, #4CBFFF 45%);
    /*border: 2px solid white;*/
    /*padding: 12px;
    padding-top: 0px;*/
    color: black;
    font-size: 11px;
    padding: 4px;
}

#fooo3
{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(30deg, #d09d9d 45%, #5aa79f 45%);
    background-image: -moz-linear-gradient(30deg, #d09d9d 45%, #5aa79f 45%);
    /*border: 2px solid white;*/
    /*padding: 15px;*/
    color: black;
}

#fooo4
{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(30deg, #dea1d4 45%, #e478b9 45%);
    background-image: -moz-linear-gradient(30deg, #dea1d4 45%, #e478b9 45%);
    /*border: 2px solid white;*/
    /*padding: 12px;
    padding-top: 0px;*/
    color: black;
    font-size: 12px;
    padding: 2px;
}

#fooo5
{
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(30deg, #E4C89C 45%, #c3a87f 45%);
    background-image: -moz-linear-gradient(30deg, #E4C89C 45%, #c3a87f 45%);
    /*border: 2px solid white;*/
    /*padding: 15px;*/
    color: black;
}
#myid {
    color:black;
        float: right;
    padding-top: 10px;
    padding-right:13px;
}