#previewPanel {
    position: fixed;
    bottom: 0;
    background-color: #ebebeb;
    z-index:98;
    width: 100%;
    padding: 8px;
}
#previewPanel span {
    color: #000;
}
#previewPanel select {
    margin: 0;
    max-width: 320px;
    margin-top: 2px;
    float:left;
    width: 32%;
    margin-right: 1%;
}
#previewPanel input[type=button] {
    margin: 0 0 12px 0;
    padding: 4px;
    background-color: #fff;
    cursor: pointer;
}
#previewPanel .previewLinks {
    margin-top: 16px;
    float:left;
    width: 100%;
}
#previewPanel .previewLinks a, #previewPanel .previewToggle a {
    padding: 4px;
    background-color: #fff;
    cursor: pointer;
    width: 99%;
    float:left;
    margin-right: 1%;
    max-width: 320px;
    margin-bottom: 16px;
    display: block;
}
#previewPanel .previewLinks input {
    width: 99%;
    float:left;
    margin-right: 1%;
    max-width: 320px;
    margin-bottom: 16px;
    display: block;
}
.previewToggle {

}

.previewTime {
    position: absolute;
    top: 11px;
    right: 36px;
    width: auto;
}
 html.view-xs .previewTime, html.view-s .previewTime {
    display: none;
}
#closePreview {
    position: absolute;
    top: 4px;
    right: 4px;
}
.changeViews {
    float:left;
    width: 100%;
}
.poweruser > span {
    display: block;
    margin-bottom: 8px;
}
.poweruser ul li {
    display: inline-block;
}
.poweruser ul li a {
    background-color: #fff;
    display: inline-block;
    margin-right: 4px;
    padding: 4px 8px;
}
.poweruser ul li.active a,.poweruser ul li:hover a {
    background-color:#ff0000;
    color:#fff;
}