/* awesome bootstrap style setup - thanks */
.bs-example {
    position: relative;
    padding: 45px 15px 15px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-bottom-width: 0;
}

.bs-example:after {
    content: "Example";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bs-example + .highlight {
    border-radius: 0;
    border: 1px solid #242a3a;
    border-top-width: 0;
}

.bs-example + .highlight pre {
    margin: 0;
    border: 0;
}

.fixed-height-250 {
    height: 250px;
}

.progress.vertical {
    margin-bottom: 0;
    width: 60px;
}

.progress .progress-bar.six-sec-ease-in-out,
.progress .bar.six-sec-ease-in-out {
    -webkit-transition: width 6s ease-in-out;
    -moz-transition: width 6s ease-in-out;
    -ms-transition: width 6s ease-in-out;
    -o-transition: width 6s ease-in-out;
    transition: width 6s ease-in-out;
}

.progress.vertical .progress-bar.six-sec-ease-in-out,
.progress.vertical .bar.six-sec-ease-in-out {
    -webkit-transition: height 6s ease-in-out;
    -moz-transition: height 6s ease-in-out;
    -ms-transition: height 6s ease-in-out;
    -o-transition: height 6s ease-in-out;
    transition: height 6s ease-in-out;
}