I read several posts regarding FCKEditor configuration but still unable to synchronize the styles defined in portal.css and styles viewed in FCKEditor editor area.

For example, I select "Show custom editor options" of the FCKEditor, apply the following.

Setting Type: Portal
Editor Area CSS
CSS Generator mode: Static
Custom CSS file: Type=File, File = Root/Portal.css
Apply custom settings to "Portal"

And change in portal.css some styles as follows:

/*======================*/
.Normal
{
font-family: Verdana;
font-size: 8pt ;
color:#2e2e2e;

line-height: 140%;
text-algin: justify;

margin-top: 0px;
margin-bottom: 0px;
margin-left:0px;
margin-right: 0px
}

LI {
list-style-image: url(images/bulletin arrow.gif);
margin-left:-20px;
}
/*======================*/

I tried different combination of options but still find the styles viewing in the editor area is different from the actual & preview view. Is there any doc, link & instructions on FCKEditor configuraton for DNN (I am using DNN 4.5.1)?

Thanks, it works!