html,
body {
    min-height: 100%;
    height: auto;
}

.stb-bottom_center-container,
.stb-top_center-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
    z-index: 999999;
}

.stb-bottom_center-container {
    bottom: 0;
    top: auto;
    height: auto;
}

.stb-top_center-container {
    top: 0;
    bottom: auto;
}

.stb-bottom_center-container > div,
.stb-top_center-container > div {
    display: inline-block;
    text-align: left;
}

.stb {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999999;
    -moz-box-shadow: 0 0 10px 1px #888;
    -webkit-box-shadow: 0 0 10px 1px #888;
    box-shadow: 0 0 10px 1px #888;
    padding: 10px;
    margin: 10px;
}

.stb.stb-top_left{
    top: 0; left: 0; bottom: auto; right: auto;
}

.stb.stb-top_center,
.stb.stb-bottom_center {
    position: relative;
    bottom: 0; top: 0; right: 0; left: 0;
}

.stb.stb-top_right{
    top: 0; right: 0; bottom: auto; left: auto;
}

.stb.stb-bottom_left{
    bottom: 0; left: 0; top: auto; right: auto;
}

.stb.stb-bottom_right{
    bottom: 0; right: 0; top: auto; left: auto;
}

.stb-content > *:first-child {
    margin-top: 0; padding-top: 0;
}

.stb-content > *:last-child {
    margin-bottom:0; padding-bottom:0;
}

.stb-close{
    position:absolute;
    right:5px;
    top:5px;
    height:20px;
    width:20px;
    text-align:center;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=30);
}

.stb-close:hover, .stb-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .6;
    filter: alpha(opacity=60);
}