EditorAreaCSS not working.

I am having no luck setting the EditorAreaCSS property. I have searched through a large number of forum posts and not found anything that has worked.

I have set up FCK editor on my local machine, within a fckeditor folder. To load the CSS I have used:

$sBasePath = '/fckeditor/';
$oFCKeditor = new FCKeditor('FCKeditor1') ;
$oFCKeditor->BasePath = $sBasePath ;
$oFCKeditor->Config['EditorAreaCSS'] = 'ucr_style.css'; // file exists in /fckeditor/
$oFCKeditor->Create();

So I took out the reference to set EditorAreaCSS and modified fckconfig.js to now be: (with NO other references)

FCKConfig.EditorAreaCSS = 'http://localhost/fckeditor/ucr_style.css';

Again, no change. So I tried no defnition of the CSS and went to 'edit editor/css/fck_editorarea.css', which from my understanding is the default Style for editing area. Again, this has no effect.

I have no idea what the cause of this is. It the same issue in IE and FF. So I can't understand why the default CSS is not making any change.

The CSS I have defined in ucr_style.css is just:

body {background:black; color:#666666;}

I have no idea where locally to go next. [FYI, I am using the most recent version of FCKeditor]


I would love if someone could point me a very simple, but working version of a FCKeditor implementation using an outside CSS. [I dont understand why it's not in the samples]