[ashraf_gawdat]

To make modifications in less templates, Additional CSS Definitions template may not be modified at all. Instead, the same effect can be made using javascript.

In file resizevbimg.js:

find

docImg[i].onclick = vbImagecodeWinOpen;

After it add:

docImg[i].style.cursor = 'pointer';
docImg[i].style.cursor = 'hand';
docImg[i].style.border = 'dotted 1px black';

The same effect of editing the CSS in Additional CSS Definitions template will be done.

Using 2 cursor values (pointer & hand) instead of (pointer) only to be cross browser, as (pointer) value is valid only for NS6/ IE6.