/* Colores : Amarillo #f1f845 */

.jspContainer { overflow: hidden; position: relative;}
.jspPane { position: absolute;}
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 12px; height: 100%; background: none;} /* -- Fondo General -- */
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; background: none;} /* --  Fondo General Horizontal -- */
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0;}
.jspCap { display: none;}
.jspHorizontalBar .jspCap { float: left;}
.jspTrack { position: relative; width: 7px; cursor: pointer; background: url(../img/lineaScrollV.gif) repeat-y top center;}  /* -- Barra fondo -- Esta contiene a .jspDrag -- */
.jspDrag { position: relative; top: 0; left: 0; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4); box-shadow: 0 0 3px rgba(0, 0, 0, .4); background: #444444; /*background: #f6ff00;*/} /* Barra Scroll */
.jspDrag:hover { background: #FFFFFF;} /* -- Barra Scroll HOVER -- */
.jspHorizontalBar .jspTrack { float: left; position: relative;  background: url(../img/lineaScrollH.gif) repeat-x top center;}
.jspHorizontalBar .jspDrag { float: left; position: relative; height: 7px; cursor: pointer; background: #444444; /*background: #c9d021;*/}
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer;} /* botoncito activo */
.jspArrow.jspDisabled { cursor: default; background: none;} /* botoncito inactivo */
.jspVerticalBar .jspArrow { height: 10px; padding: none;}
.jspHorizontalBar .jspArrow { width: 10px; float: left; height: 100%; padding: none;}
.jspVerticalBar .jspArrow:focus { outline: none;}
.jspCorner { background: none; float: left; width: 12px; height: 12px;}

/* -- -- -- -- */
.jspArrowUp { padding: none;}
.jspArrowDown { padding: none;}

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