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

#flex, #flex2, #flex3, #flex4, #flex5 {
background: url(../images/trans-white.png) repeat;
overflow: auto;
margin: 0;
padding: 10px 0 10px 10px;
border: none;
position: relative;
outline: none;
width: 350px;
height: 300px;
}

#flex6 {
background: none;
overflow: auto;
margin: 0;
padding: 10px 0 10px 10px;
border: none;
position: relative;
outline: none;
width: 535px;
height: 330px;
}

.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;
}

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

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

#flex .vscrollerbase {
width: 10px;
background: url(scroller-bg.png) repeat-y;
}

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

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

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

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

#flex2 .vscrollerbase {
width: 10px;
background: url(scroller-bg.png) repeat-y;
}

#flex2 .vscrollerbar {
background: none;
padding: 0;
}

#flex2 .vscrollerbasebeg, #flex2 .vscrollerbaseend {
background: none;
}

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

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

#flex3 .vscrollerbase {
width: 10px;
background: url(scroller-bg.png) repeat-y;
}

#flex3 .vscrollerbar {
background: none;
padding: 0;
}

#flex3 .vscrollerbasebeg, #flex3 .vscrollerbaseend {
background: none;
}

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

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

#flex4 .vscrollerbase {
width: 10px;
background: url(scroller-bg.png) repeat-y;
}

#flex4 .vscrollerbar {
background: none;
padding: 0;
}

#flex4 .vscrollerbasebeg, #flex4 .vscrollerbaseend {
background: none;
}

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

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

#flex5 .vscrollerbase {
width: 10px;
background: url(scroller-bg.png) repeat-y;
}

#flex5 .vscrollerbar {
background: none;
padding: 0;
}

#flex5 .vscrollerbasebeg, #flex5 .vscrollerbaseend {
background: none;
}

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

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

#flex6 .vscrollerbase {
width: 10px;
background: url(scroller-bg.png) repeat-y;
}

#flex6 .vscrollerbar {
background: none;
padding: 0;
}

#flex6 .vscrollerbasebeg, #flex6 .vscrollerbaseend {
background: none;
}