@charset "utf-8";
/* CSS Document */

#flex-1, #flex-2, #flex-3 {
background: url(../images/trans-white.png) repeat;
overflow: auto;
margin: 0;
padding: 10px 0 10px 10px;
border: none;
position: relative;
outline: none;
width: 920px;
height: 310px;
}

#flex-4, #flex-5, #flex-6 {
background: url(../images/trans-white.png) repeat;
overflow: auto;
margin: 0;
padding: 10px 0 10px 10px;
border: none;
position: relative;
outline: none;
width: 600px;
height: 310px;
}

#flex-1, #flex-2, #flex-3, #flex-4, #flex-5, #flex-6, #flex-records, #flex-archive {
cursor: text;
}

#flex-records {
background: none;
overflow: auto;
margin: 20px auto;
padding: 0;
border: none;
position: relative;
outline: none;
width: 485px;
height: 335px;
}

#flex-archive {
background: none;
overflow: auto;
margin: 20px auto;
padding: 0;
border: none;
position: relative;
outline: none;
width: 515px;
height: 335px;
}

.version {
background: #999;
color: white;
font-size: 75%;
padding: 0 0.4em 0 0.3em;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 10px;
top: 0;
}

.vscrollerbar {
left: 0;
}

.hscrollerbase, .hscrollerbar {
height: 10px;
left: 0;

}

.hscrollerbar {
top: 0;
}

.vscrollerbar, .hscrollerbar {
padding: 0;
z-index: 2;
}

/* Extras 1 */
#flex-1 .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-1 .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-1 .vscrollerbase {
width: 10px;
background: none;
}

#flex-1 .vscrollerbar {
background: none;
padding: 0;
}

#flex-1 .vscrollerbasebeg, #flex-1 .vscrollerbaseend {
background: none;
}

/* Extras 2 */
#flex-2 .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-2 .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-2 .vscrollerbase {
width: 10px;
background: none;
}

#flex-2 .vscrollerbar {
background: none;
padding: 0;
}

#flex-2 .vscrollerbasebeg, #flex-2 .vscrollerbaseend {
background: none;
}

/* Extras 3 */
#flex-3 .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-3 .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-3 .vscrollerbase {
width: 10px;
background: none;
}

#flex-3 .vscrollerbar {
background: none;
padding: 0;
}

#flex-3 .vscrollerbasebeg, #flex-3 .vscrollerbaseend {
background: none;
}

/* Extras 4 */
#flex-4 .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-4 .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-4 .vscrollerbase {
width: 10px;
background: none;
}

#flex-4 .vscrollerbar {
background: none;
padding: 0;
}

#flex-4 .vscrollerbasebeg, #flex-4 .vscrollerbaseend {
background: none;
}

/* Extras 5 */
#flex-5 .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-5 .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-5 .vscrollerbase {
width: 10px;
background: none;
}

#flex-5 .vscrollerbar {
background: none;
padding: 0;
}

#flex-5 .vscrollerbasebeg, #flex-5 .vscrollerbaseend {
background: none;
}

/* Extras 6 */
#flex-6 .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-6 .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-6 .vscrollerbase {
width: 10px;
background: none;
}

#flex-6 .vscrollerbar {
background: none;
padding: 0;
}

#flex-6 .vscrollerbasebeg, #flex-6 .vscrollerbaseend {
background: none;
}

/* Extras 7 */
#flex-records .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-records .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-records .vscrollerbase {
width: 10px;
background: none;
}

#flex-records .vscrollerbar {
background: none;
padding: 0;
}

#flex-records .vscrollerbasebeg, #flex-records .vscrollerbaseend {
background: none;
}

/* Extras 8 */
#flex-archive .vscrollerbarbeg {
background: url(scroller-square.png) repeat;
width: 10px;
height: auto;
cursor: pointer;
}

#flex-archive .vscrollerbarend {
background: url(scroller-square.png) repeat;
width: 10px;
height: 10px;
}

#flex-archive .vscrollerbase {
width: 10px;
background: none;
}

#flex-archive .vscrollerbar {
background: none;
padding: 0;
}

#flex-archive .vscrollerbasebeg, #flex-archive .vscrollerbaseend {
background: none;
}