.FooterSplitter
{
    float           : left;
    height          : 28px;
    color           : #FFFFFF;
}
.FooterSplitter > .button
{
    float                   : left;
    width                   : 28px;
    height                  : 28px;
    background-position-y   : center;
    cursor                  : pointer;
}
.FooterSplitter > .button[type="split"][deactive="false"]
{
    background-image        : url(FooterSplit.png);
    background-position-x   : 0;
}
.FooterSplitter > .button[type="split"][deactive="false"]:hover
{
    background-image        : url(FooterSplit.png);
    background-position-x   : -28px;
}

.FooterSplitter > .button[type="split"][deactive="true"]
{
    background-image        : url(FooterSplit.png);
    background-position-x   : -56px;
    cursor                  : default;
}
.FooterSplitter > .button[type="merge"][deactive="false"]
{
    background-image        : url(FooterMerge.png);
    background-position-x   : 0;
}

.FooterSplitter > .button[type="merge"][deactive="false"]:hover
{
    background-image        : url(FooterMerge.png);
    background-position-x   : -28px;
}

.FooterSplitter > .button[type="merge"][deactive="true"]
{
    background-image        : url(FooterMerge.png);
    background-position-x   : -56px;
    cursor                  : default;
}

.FooterSplitter > .separator 
{
    float                   : left;
    width                   : 1px;
    height                  : 20px;
    margin-top              : 4px;
    margin-bottom           : 4px;
    background-color        : #e9edf1;
}