/*build pages subsection arrow tabs*/
#build-pages-tabs
{
   float: none;
   clear: both;
   margin-left: 8px;
   margin-bottom: 20px;
}
.build-tab-btn
{
    cursor: pointer;
    height: 36px;
    float: left;
    margin-left: -10px;
}

.start-btn-begin
{
    width: 7px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-start.png);
    float: left;
}

.btn-mid
{
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-mid.png);
    padding-left:5px;
    padding-right: 5px;
    font-weight: bold;
    color: #ccc;
    float: left;
}

.btn-end
{
    width: 18px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-end.png);
    float: left;
}

.mid-btn-begin
{
    width: 16px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-begin.png);
    float: left;
}

.end-btn-fin
{
    width: 8px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-fin.png);
    float: left;
}

/*orange btns for selected state*/
.start-btn-begin-sel
{
    width: 7px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-start-sel.png);
    float: left;
}

.btn-mid-sel
{
    height: 24px; padding-top: 12px; font-size: 13px;
    padding-left:5px;
    padding-right: 5px;
    background-image: url(../images/build-btn-mid-sel.png);
    float: left;
    color: #fff;
}

.btn-end-sel
{
    width: 18px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-end-sel.png);
    float: left;
}

.mid-btn-begin-sel
{
    width: 16px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-begin-sel.png);
    float: left;
}

.end-btn-fin-sel
{
    width: 8px;
    height: 24px; padding-top: 12px; font-size: 13px;
    background-image: url(../images/build-btn-fin-sel.png);
    float: left;
}