.jspContainer
{
overflow: hidden;
position: relative;
z-index: 1;
bottom:0px;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: red;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #ffffff;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
background: #fff;
background-image:url(http://www.alandunloparchitects.com/wp-content/themes/alandunloparchitect/images/scroll.gif);
height:10px;
background-repeat: no-repeat;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 10px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
} * html .jspCorner
{
margin: 0 -3px 0 0;
}
.jScrollPaneContainer {
position: absolute;
overflow: hidden;
}
.jScrollPaneTrack {
}
.jScrollPaneDrag {
position: absolute;
background: #666;
cursor: pointer;
overflow: hidden;
background-image:url(http://www.alandunloparchitects.com/wordpress/wp-content/themes/alandunloparchitect/images/scroll.gif);
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden; height: 9px;
}
a.jScrollArrowUp:hover { }
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden; height: 9px;
}
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }.scrollable { position:relative;
overflow:hidden;
width: 840px;
height:472px;
} .scrollable .items { width:20000em;
position:absolute;
clear:both;
} .scrollable img {
float:right; background-color:#fff;
cursor:pointer; } .scrollable .active {
z-index:9999;
position:relative;
}
#s1 {
width:840px;
height:472px;
text-align:right;
}
.current {
text-decoration:none;
color:red;
border:0px;
}
#output{
font-size:11px;
}