custom crosshair cursor

[Mutek]

Hello,

Due to I would like use jcrop to let select a single pixel (other than
area selection) so I would like to use my own crosshair cursor to let
user do a better single pixel selection (actually in FF crosshair
standard is to much bigger for my purpose).
I don't know where change this settings into jcrop in some
way...standard css declaration does not work into the jcrop canvas.

Actually I'm using this standard peace of jcrop implementation



<STYLE type="text/css">
.jcrop_custom .jcrop-vline,.jcrop_custom .jcrop-
hline{background:#FF0000}
.jcrop_custom .jcrop-handle{background-color:#FF0000;-moz-border-
radius:5px;-webkit-border-radius:5px;border-color:#FFF00}
</STYLE>

<script src="$BASE_URL/workflow/old/uploader/server/support_jcrop/
js/jquery.min.js"></script>
<script src="$BASE_URL/workflow/old/uploader/server/support_jcrop/
js/jquery.Jcrop.js"></script>
<link rel="stylesheet" href="$BASE_URL/workflow/old/uploader/
server/support_jcrop/css/jquery.Jcrop.css" type="text/css" />

<script language="Javascript">


// init
jQuery(document).ready(function(){

jQuery('#cropbox').Jcrop({
onChange: showCoords,
onSelect: showCoords,
bgColor: 'blue',
bgOpacity: .5,
addClass: 'jcrop_custom'
});

});

// Our simple event handler, called from onChange and
onSelect
// event handlers, as per the Jcrop invocation above
function showCoords(c)
{
jQuery('#x').val(c.x);
jQuery('#y').val(c.y);
jQuery('#x2').val(c.x2);
jQuery('#y2').val(c.y2);
jQuery('#w').val(c.w);
jQuery('#h').val(c.h);
};


then on the body



<img id="cropbox" src="$BASE_URL/immagini/uploaded/$filename"
alt="$filename" />




may you help me please to solve this issue?

thanks in advance

Luca