.scroll-pane {
width: 100% !important;
height: 210px;
overflow: auto;
}

#name .scroll-pane {
height: 230px;
}

#lang .scroll-pane {
height: 110px;
}

#place .scroll-pane {
height: 255px;
}

div#tabs .scroll-pane {
height: 216px;
}

.jspContainer {
overflow: hidden;
position: relative;
width: 100% !important;
outline: none;
}

.jspPane {
position: absolute;
width: 100% !important;
}

.scroll-pane:focus {
outline: none !important;
}

.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 13px;
height: 100%;
border: 1px solid #827b75;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 13px;
background: red;
}

.jspCap {
display: none;
}

.jspHorizontalBar .jspCap {
float: left;
}

.jspTrack {
position: relative;
}

.jspDrag {
background: #827b75;
position: relative;
top: 0;
left: 0;
margin: 1px;
cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}

.jspArrow {
background: #5e731c;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}

.jspArrow.jspDisabled {
cursor: default;
background: #807973;
}

.jspVerticalBar .jspArrow {
height: 13px;
}

.jspHorizontalBar .jspArrow {
width: 13px;
float: left;
height: 100%;
}

.jspVerticalBar .jspArrow:focus {
outline: none;
}

.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}

a.jspArrowUp { background: url(/static/images/jspArrowUp.png) 1px 2px no-repeat #827b75 !important; }
a.jspArrowDown { background: url(/static/images/jspArrowDown.png) 1px 2px no-repeat #827b75 !important; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}