/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

#pane4{height: 250px;}
a.jScrollArrowUp {background: url(../images/scrollPrograma/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../images/scrollPrograma/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
			
.holder {float: left;margin:5px;padding:2px;width:100%;}
.scroll-pane {width: 100%;height: 100%;overflow: auto;float: left;}
.left .jScrollPaneTrack {left: 0;right: auto;}
.left a.jScrollArrowUp {left: 0;right: auto;}
.left a.jScrollArrowDown {left: 0;right: auto;}

.horaProgramacion{ padding-right:10px; float:left;border-bottom:1px solid #CCC; }

#pane4 ul{ margin:0; padding:0; list-style-type:none; list-style:none;}
#pane4 ul li{ margin:5px 0 0 0; padding:0;}
#pane4 ul li a { margin-top:7px; font-family:Tahoma, Geneva, sans-serif; font-size:14px;color:#666666;border-bottom:1px solid #CCC; text-decoration:none;}
#pane4 ul li a:hover{color:#4079f3;}
#pane4 ul li a.programacionActual{color:#4079f3;}