RTL support- need some assistance

[RaoulDuke]

Hi all, just d/l celtx (mac) and since this an open-source application i am trying to mod' it to support rtl. Currently im without luck when i try editing film.css

still cant get rtl support. this is what iv done so far:

body {
font-family: Arial;
background-color: Black;
direction : rtl ;
}

@media screen {
.character[dual="true"] {
display: list-item;
list-style-image: url(chrome://celtx/skin/dd.png);
}
}

p {
margin-top: 0em;
margin-bottom: 1em;
}

p.sceneheading, p.shot {
text-transform: uppercase;
direction : rtl ;
}

p.character {
text-transform: uppercase;
text-align :center;
margin-bottom: 0em;
}

p.character + p.action,
p.character + p.shot,
p.character + p.transition
p.character + p.sceneheading {
margin-top: 1em;
}

p.parenthetical {
margin-bottom: 0em;
}

p.dialog {
margin-bottom: 0em;
}

p.dialog + p:not([class='parenthetical']) {
margin-top: 1em;
}

p.transition {
text-align: right;
text-transform: uppercase;
}

p.sceneheading:before {
content: counter(scenecountl);
counter-increment: scenecountl;
display: block;
margin-bottom: -1em;
text-align : right;
}

p.sceneheading:after {
content: counter(scenecountr);
counter-increment: scenecountr;
display: block;
margin-top: -1em;
text-align: left;
}

p.sceneheading[ordinal]:before,
p.sceneheading[ordinal]:after {
content: attr(ordinal);
}

.softbreak:after, .hardbreak:after {
counter-increment: pages;
content: counter(pages) ".";
display: block;
margin-top: 1em;
margin-bottom: 1em;
text-align: right;
}

@media screen {
p.sceneheading {
background-color: #E8E8E8;
}
.softbreak {
border-top: 1px dashed black;
width: 100%;
}
.hardbreak {
border-top: 1px solid black;
width: 100%;
}
.firstpage, .firstpagespacer {
display: none;
}
}

@media print {
.softbreak, .hardbreak {
page-break-before: always;
}

.firstpage, .firstpagespacer {
height: 1em;
margin-bottom: 1em;
}

.firstpage:after {
content: "1.";
display: block;
text-align: right;
}
}


Any additional tweaks i could play with?