Как сделать отдельный стиль для модуля? (Суффикс класса модуля)

я начинающий joomler =)
в index.php стоит

Код (PHP):

1. <div id="ja-col2">
2.     <div class="ja-innerpad">
3.         <jdoc:include type="modules" name="right" style="rounded"  />
4.     </div>
5. </div>

а в template.css

Код (PHP):

1. div.module,
2. div.module_text,
3. div.module_menu,
4. div.module_hilite {
5.     padding: 0;
6.     float: left;
7.     clear: both;
8.     width: 100%;
9.     background: url(../images/box-br.gif) no-repeat bottom right;
10.     overflow: hidden;
11.     margin-bottom: 15px;
12. }
13.  
14. div.module div,
15. div.module_text div,
16. div.module_menu div,
17. div.module_hilite div {
18.     padding: 0;
19.     background: url(../images/box-bl.gif) no-repeat bottom left;
20. }
21.  
22. div.module div div,
23. div.module_text div div,
24. div.module_menu div div,
25. div.module_hilite div div {
26.     padding: 0;
27.     background: url(../images/box-tr.gif) no-repeat top right;
28. }
29.  
30. div.module div div div,
31. div.module_text div div div,
32. div.module_menu div div div,
33. div.module_hilite div div div {
34.     padding: 15px;
35.     background: url(../images/box-tl.gif) no-repeat top left;
36. }

В итоге на сайте фон модуля стоит одинаковый слева и справа (красный).
Хочу слева сделать синий.
Пробовал поставить в template.css -blue

Код (PHP):

1. div.module-blue,
2. div.module_text-blue,
3. div.module_menu-blue,
4. div.module_hilite-blue {
5.     padding: 0;
6.     float: left;
7.     clear: both;
8.     width: 100%;
9.     background: url(../images/box-br.gif) no-repeat bottom right;
10.     overflow: hidden;
11.     margin-bottom: 15px;
12. }
13.  
14. div.module di-bluev,
15. div.module_text div-blue,
16. div.module_menu div-blue,
17. div.module_hilite div-blue {
18.     padding: 0;
19.     background: url(../images/box-bl.gif) no-repeat bottom left;
20. }
21.  
22. div.module div div-blue,
23. div.module_text div div-blue,
24. div.module_menu div div-blue,
25. div.module_hilite div div-blue {
26.     padding: 0;
27.     background: url(../images/box-tr.gif) no-repeat top right;
28. }
29.  
30. div.module div div div-blue,
31. div.module_text div div div-blue,
32. div.module_menu div div div-blue,
33. div.module_hilite div div div-blue {
34.     padding: 15px;
35.     background: url(../images/box-tl.gif) no-repeat top left;
36. }

А в суффиксе модуля прописал -blue
Ничего не получилось
Помогите очень прошу!

 

Было бы хорошо, если бы Вы показали сайт, чтобы можно было воочию посмотреть.

 

УРААА! допер....извините если кого побеспокоил помогло тут
http://joomla-support.ru/thread/17293/
можете скинуть ссылку на урок создания шаблонов с применением
<jdoc:include type="modules" name="right" style="rounded" />
я именно не совсем понимаю эту строку style="rounded" (иногда "xhtml")....понял что стиль..но как им пользоваться...итп

 

Это отвечает за вариант отобржения модуля.
http://docs.joomla.org/Tutorial:More_on_Joomla!_modules#What_is_Module_chrome.3F вот тут в наглядных примерах какой стиль как будет выглядеть.

А чуть ниже, http://docs.joomla.org/Tutorial:More_on_Joomla!_modules#Custom_chrome_attributes как создать собственный стиль отображения.