help! right-to-left

[tsabar]

hi everyone

i would appreciate any help or suggestions!

i am using assistly's templates for my portal which is right-to-left. i have succeeded in altering most of the portal correctly, however, some of the <li> bullet points and icons are still showing up as left-to-right. you can see the problem on my portal site here: http://help.cbtisrael.com

i have tried changing adding dir: rtl; to every possible css option, but to no avail. if you have any other suggestions for moving the icons and bullet points to the right, please let me know!

thanx

==============================

here is some of the relevant css code:


/* Support Main Column */

#support-main {
float: right;
width: 700px;
}

#support-main .support-body {
background: #FFF;
border: 1px solid #CCC;
-moz-box-shadow: 0 3px 4px #CCC;
-webkit-box-shadow: 0 3px 4px #CCC;
}

#support-main .content {
overflow: hidden;
padding: 20px;
}

/* Support Main Column Headers */

#support-main h3 {
border-bottom: 1px solid #DDD;
margin: 0 0 20px;
padding: 0 0 20px;
}

#support-main h4 {
margin: 0 0 30px;
}

#support-main h5 {
margin: 0 0 9px;
}

#support-main h5 a {
background: #EEE;
color: #666;
font-size: 11px;
padding: 3px 7px;
margin: -2px 0 0 9px;
position: absolute;
text-decoration: none;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
}

/* Dashboard */

#support-main .dashboard h5 a:hover {
text-decoration: none;
color: #FFF;
background: #254689;
}

#support-main .dashboard td {
border-bottom: 1px solid #CCC;
padding: 20px 0 10px;
}

#support-main .dashboard .row1 td {
padding: 0 0 10px;
}

#support-main .dashboard .last td {
border-bottom: none;
}

#support-main .dashboard .topic {
margin: 0;
}

#support-main .dashboard .topic ul {
color: #254689;
margin: 0 15px 20px 0;
list-style: none;
}

#support-main .dashboard .topic li {
background: url('{{ "/images/portal/featured-bullet.png" | portal_image_url: image_asset_host }}') -2px 5px no-repeat;
margin: 0 0 5px;
padding: 0 0 0 15px;
}

#support-main .dashboard .topic li.featured a {
background: #FAFBCA;
font-weight: bold;
}

#support-main .dashboard h5 {
background: url('{{ "/images/portal/icon-types-small.png" | portal_image_url: image_asset_host }}') 0 0 no-repeat;
height: 16px;
font-size: 13px;
text-transform: uppercase;
padding: 0 0 0 20px;
}

#support-main .dashboard h5.questions {
background-position: 0 -109px;
}

/* Article Lists */

#support-main .articles ul {
list-style: none;
}

#support-main .articles h4 {
margin: 0 0 5px;
font-weight: normal;
}

#support-main .articles li {
margin: 0 0 30px;
}

#support-main .articles li.question {
background: url('{{ "/images/portal/icon-types.png" | portal_image_url: image_asset_host }}') 0 3px no-repeat;
padding: 0 0 0 40px;
}

#support-main .articles li.article {
background: url('{{ "/images/portal/icon-types.png" | portal_image_url: image_asset_host }}') 0 -276px no-repeat;
padding: 0 0 0 40px;
}

#support-main .articles li.question.featured {
background-position: 0 -138px;
}

#support-main .articles li.article.featured {
background-position: 0 -415px;
}

#support-main .articles li.featured h4 a {
font-weight: bold;
background: #FAFBCA;
}

#support-main .articles li p {
margin: 0 0 5px;
color: #777;
}

#support-main .articles .condensed {
background: #FFFDF4;
border: 1px solid #E3DEBF;
margin: 0 0 30px;
padding: 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#support-main .articles .condensed li {
margin: 0;
padding: 0;
}

#support-main .articles .condensed h4 {
font-size: 15px;
}

#support-main .articles .condensed p {
margin: 0 0 20px 30px;
color: #777;
}

#support-main .articles .condensed a {
margin: 0 0 20px 30px;
}

[artus.systems]

They are images in li's background

#support-main .dashboard .topic li {
    background: url("http://assets2.assistly.com/images/portal/featured-bullet.png") no-repeat scroll -2px 5px transparent;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
}

you can remove that or change the position