.header-ad {
    height: 40px;
    background-color: #2a6496;
    color: white;
    vertical-align: middle;
    line-height: 40px;
}
.side-ad{
    background-color: #2a6496;
    height: 200px;
    color: white;
    vertical-align: middle;
    line-height: 200px;
}
.header-ad:hover{
    transform: scale(1.05);
    transition: transform .2s;
    cursor: pointer;
}
.side-ad:hover{
    transform: scale(1.05);
    transition: transform .2s;
    cursor: pointer;
}
.side-ad.selected{
     background-color: #a0091f;
 }
.header-ad.selected{
    background-color: #a0091f;
}


.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

label[for=header],label[for=left],label[for=right]{
    color: #58a374;
    display: inline-block;
    border: 1px solid #58a374;
    border-radius: 5px;
    padding: 5px;
}
label[for=header]:hover,label[for=left]:hover ,label[for=right]:hover{
    color: #ffffff;
    background-color: #3d7b56;
}
label[for=header],label[for=left],label[for=right]{
    cursor: pointer; /* "hand" cursor */
}