.progressbar {
 width: 25px;
 height: 215px;
 position: relative;
 background: grey;
} 
.progressbar-value {
font-family: Segoe UI,Arial,sans-serif;
 position: absolute;
 display: block;
 margin: 0;
 border: 0;
 width: 23px;
 height: 213px;
 top: 1px;
 left: 1px;
 overflow: hidden;
 text-indent: -30px;
 background: green;
}
.progressbar-cover {
 position: absolute;
 display: block;
 width: 23px;
 height: 213px;
 border: 0;
 left: 0;
 bottom: 0%;
 background: white;
}
#slider { width: 200px; margin-left: 10px; }
.circle1 {
    background-color: #FD4400;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    visibility:hidden;
}
.circle2 {
    background-color: #FD4400;
	margin-top: 0px;
    margin-left: 21px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    visibility:hidden;
}
.messages {
    font-weight: bold;
    color: #FFF;
    background-color: #FD4400;
    min-height: 30px;
    margin-top: 2px;
    margin-left: 45px;
    max-width: 400px;
    visibility:hidden;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding: 15px;
}
/* Status area, turn of all or any of the lines */
#status {
	display: block;
}
.sfound, .sratio, .smiss  {
	display: none;
}
.swords {
	display: inline-block;
}