// requires: writeSheet.js, ua.js
// input: imgPath variable set in each
// output: stylesheet entries for UL lists; critical to UL lists (images) and ul.rSide for margins
var sel = new Array();

sel[0] = 'ul';
sel[1] = 'ul.rSide';
sel[2] = 'ul ul';

var rulz = new Array();
rulz[rulz.length] = new rule(sel[0], 'list-style-image', 'url(' + imgPath + 'list_arrow.gif)');

var marge = '0px';
// ie4+ win
if (navigator.family == 'ie4' && navigator.version >= 4 && navigator.OS == 'win') marge = '15px';
// catch ie5 on mac ... assuming like gecko ... need to test
if (navigator.OS == 'mac' && navigator.version >= 5) marge = '20px'; 
// ns6 / mozilla
if (navigator.family == 'gecko') marge = '-20px';
// opera ... turns out like ie ... interesting
if (navigator.family == 'opera') marge = '15px'

rulz[rulz.length] = new rule(sel[1], 'margin-left', marge);
rulz[rulz.length] = new rule(sel[1], 'margin-top', 0);

rulz[rulz.length] = new rule(sel[2], 'list-style-image', 'none');

// put output
writeSheet(sel,rulz);