a {
    cursor: pointer;
}

a.jScrollArrowUp {
    background-image: url("/images/scroll.up.gif");
    width: 14px !important;
	height: 14px;
}
a.jScrollArrowDown {
    background-image: url("/images/scroll.down.gif");
    width: 14px !important;
	height: 14px;
}

* html #directions_field .group {
/*    width: 205px; */
	/*overflow-x: visible;*/
}

/* MT overrides for default jScrollPane styles: */
#directions_field .jScrollPaneTrack, 
#directions_field .jScrollArrowUp, 
#directions_field .jScrollArrowDown {
/*    right: auto;
    left: 205px; */
}
.fields .jScrollPaneTrack {
    background-color: #aaaaaa;
    border-right: 1px solid #333;
	border-left: 1px solid #ccc;
}
.fields .jScrollPaneDrag {
    border-bottom: 1px solid #333;
}
.fields .jScrollPaneDrag .jScrollPaneDragTop {
	border-top: 1px solid #ccc;
}

/* hack for ie6 to position the scrollbar outside the scrollContainer. Fortunately
 * there is a nonstandard 'overflow-x' property in IE so we will still see it. */ 
* html #directions_field  .jScrollPaneContainer {
	/*width: 235px; */
	/*overflow-x: visible;*/
}



* html #markorder .marks {
/*    width: 225px; */
	/*overflow-x: visible;*/
}

/* MT overrides for default jScrollPane styles: */
#markorder .jScrollPaneTrack, 
#markorder .jScrollArrowUp, 
#markorder .jScrollArrowDown {
/*    right: auto;
    left: 215px; */
}

.loading .jScrollPaneTrack {
    background-color: #aaaaaa;
    border-right: 1px solid #333;
	border-left: 1px solid #ccc;
}
.loading .jScrollPaneDrag {
    border-bottom: 1px solid #333;
}
.loading .jScrollPaneDrag .jScrollPaneDragTop {
	border-top: 1px solid #ccc;
}


/* hack for ie6 to position the scrollbar outside the scrollContainer. Fortunately
 * there is a nonstandard 'overflow-x' property in IE so we will still see it. */ 
* html #markorder  .jScrollPaneContainer {
	/*overflow-x: visible;*/
/*	width: 235px; */
}