.Steps {
    border:3px solid #725E96;
    background-color:#fff !important;
    background-image:none;
    font-size: 2.0em;
}
.Steps.Arrows {
    border: 0 solid #725E96;
    background-color: transparent !important;
    background-image:none;
    font-size: 3.0em;
    margin-bottom: 0;
    color:#BFBACE;

}


/*START OF BOTTOM UP SLIDER  */

.overlayContainer {
    width: 300px;
    height: 250px;
    position: relative;
    /*border:3px solid #725E96 !important;*/
    overflow:hidden;
    border-radius:16px;
}

.overlayContainer.well {
    padding: 0 !important;
    background-color:#FFF;
}
.overlayContainer > * {
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius:16px;
}

.overlayBackground
{
    border:3px solid #725E96 !important;
}


.overlayForeground {
    position:absolute;
    /*background: none repeat scroll 0% 0% rgba(45, 46, 47, 0.75);*/
    background: none repeat scroll 0 0 rgba(82, 45, 128, 0.75);

    color: #fff;
    /*visibility: hidden;
    opacity: 0;  */
    cursor: default;
    z-index: 5;

}
.overlayForeground .Title {
    min-height:60px !important;

    padding:10px;
    padding-bottom:0;
    /*new */
    margin-bottom:0;
    font-size: 23px;
    /*end*/
    width:100%;
}
.overlayForeground .Body{
    min-height:200px;
    margin-bottom:0;
    padding:10px;
    padding-bottom:0;
    /*new */
    font-size: 18px;
    padding-top:0;
    /*end */
    width:100%;
}


/*END OF BOTTOM UP SLIDER  */



.vcenter > * {

    /*
    * vertically center all first level children
    *
    */

    border:0 solid black;
    display:inline-block;
    vertical-align:middle !important;
    float:none !important;

}

.centered {

    border:0 solid black;
    display:inline-block;
    vertical-align:middle !important;
    float:none !important;

}

.Arrows > .glyphicon-arrow-right {
    font-size: 60px ! important;
    margin-left:15px;
    margin-right:15px;
}


.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 50px;
    height: 50px;
    background: var(--regalia);
    border: 2px solid #4B267A;
    color: #FFF;
    text-align: center;
    font: 40px Arial, sans-serif;

    /* added myself  **/
    padding: 2px;
    padding-top:0px;
    z-index: 1000;
    position:absolute;
    top:-20px;
    left:-20px;
}

.LinkBox {
    cursor: pointer;
}

.LinkBox .Body {
    cursor: pointer;
}

.overlayContainer:focus {
    outline: 3px solid #ff0000; /* Red border */
    outline-offset: 2px; /* Space between border and element */
}