Index: typo3/sysext/rtehtmlarea/htmlarea/htmlarea.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/htmlarea.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/htmlarea.js	(copie de travail)
@@ -81,6 +81,7 @@
 HTMLArea.is_ie = (HTMLArea.agt.indexOf("msie") != -1) && !HTMLArea.is_opera;
 HTMLArea.is_safari = (HTMLArea.agt.indexOf("webkit") != -1);
 HTMLArea.is_gecko  = (navigator.product == "Gecko") || HTMLArea.is_opera;
+HTMLArea.is_ff2 = (HTMLArea.agt.indexOf("firefox/2") != -1);
 HTMLArea.is_chrome = HTMLArea.is_safari && (HTMLArea.agt.indexOf("chrome") != -1);
 // Check on MacOS Wamcom version 1.3 but exclude Firefox rv 1.8.1.3
 HTMLArea.is_wamcom = (HTMLArea.agt.indexOf("wamcom") != -1) || (HTMLArea.is_gecko && HTMLArea.agt.indexOf("1.3") != -1 && HTMLArea.agt.indexOf(".1.3") == -1);
@@ -305,6 +306,10 @@
 		// URL-s
 	this.imgURL = "images/";
 	this.popupURL = "popups/";
+		// DocumentType
+	this.documentType = '<!DOCTYPE html\r'
+			+ '    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\r'
+			+ '    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r';
 
 	this.btnList = {
 		InsertHorizontalRule:	["Horizontal Rule", "ed_hr.gif",false, function(editor) {editor.execCommand("InsertHorizontalRule");}],
@@ -413,6 +418,10 @@
 	return true;
 };
 
+HTMLArea.Config.prototype.getDocumentType = function () {
+	return this.documentType;
+};
+
 /***************************************************
  *  EDITOR FRAMEWORK
  ***************************************************/
@@ -838,13 +847,12 @@
 
 		// create and append the IFRAME
 	var iframe = document.createElement("iframe");
-	if (HTMLArea.is_ie || HTMLArea.is_safari || HTMLArea.is_wamcom) {
-		iframe.setAttribute("src",_editor_url + "popups/blank.html");
-	} else if (HTMLArea.is_opera) {
-		iframe.setAttribute("src",_typo3_host_url + _editor_url + "popups/blank.html");
+	if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+		iframe.setAttribute("src", "javascript:void(0);");
 	} else {
-		iframe.setAttribute("src","javascript:void(0);");
+		iframe.setAttribute("src", (HTMLArea.is_opera?_typo3_host_url:"") + _editor_url + "popups/blank.html");
 	}
+	//iframe.setAttribute("src", (HTMLArea.is_opera ? _typo3_host_url : "") + _editor_url + "popups/blank.html");
 	iframe.className = "editorIframe";
 	if (!this.config.statusBar) iframe.className += " noStatusBar";
 	htmlarea.appendChild(iframe);
@@ -1007,7 +1015,12 @@
 	}
 	var doc = this._iframe.contentWindow ? this._iframe.contentWindow.document : this._iframe.contentDocument;
 	this._doc = doc;
-
+		// Set Doc Type in Firefox (doctype is readonly in DOM 2)
+	if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+		this._doc.open();
+		this._doc.write(this.config.getDocumentType());
+		this._doc.close();
+	}
 	if (!this.config.fullPage) {
 		var head = doc.getElementsByTagName("head")[0];
 		if (!head) {
@@ -3078,10 +3091,14 @@
 			}
 				// Window dimensions as per call or button registration
 			var dialogueWindowDimensions = {
-				width:	((dimensions && dimensions.width) ? dimensions.width : this.editorConfiguration.btnList[buttonId][8].width),
-				height:	((dimensions && dimensions.height) ? dimensions.height :this.editorConfiguration.btnList[buttonId][8].height),
-				top:	((dimensions && dimensions.top) ? dimensions.top : this.editorConfiguration.btnList[buttonId][8].top),
-				left:	((dimensions && dimensions.left) ? dimensions.left :this.editorConfiguration.btnList[buttonId][8].left)
+				width:	((dimensions && dimensions.width) ? dimensions.width :
+						(this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].width : 250)),
+				height:	((dimensions && dimensions.height) ? dimensions.height :
+						(this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].height : 250)),
+				top:	((dimensions && dimensions.top) ? dimensions.top :
+						(this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].top : this.editorConfiguration.dialogueWindows.defaultPositionFromTop)),
+				left:	((dimensions && dimensions.left) ? dimensions.left :
+						(this.editorConfiguration.btnList[buttonId] ? this.editorConfiguration.btnList[buttonId][8].left : this.editorConfiguration.dialogueWindows.defaultPositionFromLeft))
 			};
 				// Overrride window dimensions as per PageTSConfig
 			var buttonConfiguration = this.editorConfiguration.buttons[this.editorConfiguration.convertButtonId[buttonId]];
@@ -3120,7 +3137,7 @@
 	 * @return	string		the url
 	 */
 	makeUrlFromPopupName : function(popupName) {
-		return this.editor.popupURL("plugin://" + this.name + "/" + popupName);
+		return (popupName ? this.editor.popupURL("plugin://" + this.name + "/" + popupName) : this.editor.popupURL("blank.html"));
 	},
 
 	/**
@@ -3213,20 +3230,16 @@
 		this.document = this.dialogWindow.document;
 		this.editor = this.plugin.editor;
 
+		this.document.open();
+		var html = this.plugin.editorConfiguration.getDocumentType()
+			+ '<html><head></head><body></body></html>\n';
+		this.document.write(html);
+		this.document.close();
+			// IE needs the stylesheets to be loaded before we create the form
 		if (HTMLArea.is_ie) {
-			this.document.open();
-			var html = "<html><head></head><body></body></html>\n";
-			this.document.write(html);
-			this.document.close();
 			this.loadStyle();
 		}
-		var html = this.document.documentElement;
-		html.className = "popupwin";
 		var head = this.document.getElementsByTagName("head")[0];
-		if (!head) {
-			var head = this.document.createElement("head");
-			html.appendChild(head);
-		}
 		var title = this.document.getElementsByTagName("title")[0];
 		if (!title) {
 			var title = this.document.createElement("title");
@@ -3234,9 +3247,6 @@
 		}
 		this.document.title = this.arguments.title;
 		var body = this.document.body;
-		if (!body) {
-			var body = this.document.createElement("body");
-		}
 		body.className = "popupwin dialog";
 		body.id = "--HA-body";
 		var content = this.document.createElement("div");
@@ -3244,22 +3254,24 @@
 		content.id = "content";
 		this.content = content;
 		body.appendChild(content);
-		if (HTMLArea.is_gecko) {
-			html.appendChild(body);
-		}
 			// Create the form
 			// Localize, resize and initiate capture of events
-			// Catch errors for IE loosing control in case the window is closed while being initialized
 		if (HTMLArea.is_ie) {
+				// Catch errors for IE loosing control in case the window is closed while being initialized
 			try {
 				this.arguments.initialize(this);
-				this.initialize(false, false, HTMLArea.is_ie);
+				this.initialize(false, false, "noStyle");
 				this.focus();
 			} catch(e) { }
 		} else {
 			this.arguments.initialize(this);
-			this.initialize(false, false, HTMLArea.is_ie);
+				// Firefox needs a delay defore we resize
+			this.initialize(false, (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera));
 			this.focus();
+			if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+				var self = this;
+				setTimeout( function() { self.resize(); }, 100);
+			}
 		}
 	},
 
@@ -3428,7 +3440,7 @@
 						}
 					}
 					self.centerOnParent();
-				}, 25);
+				}, 75);
 			} else if (!noResize) {
 				var body = doc.body;
 				if (HTMLArea.is_ie) {
@@ -3472,19 +3484,22 @@
 
 		var contentWidth = content.offsetWidth;
 		var contentHeight = content.offsetHeight;
-		dialogWindow.resizeTo( contentWidth + 200, contentHeight + 200 );
-
-		if (dialogWindow.innerWidth) {
-			width = dialogWindow.innerWidth;
-			height = dialogWindow.innerHeight;
-		} else if (docElement && docElement.clientWidth) {
-			width = docElement.clientWidth;
-			height = docElement.clientHeight;
-		} else if (body && body.clientWidth) {
-			width = body.clientWidth;
-			height = body.clientHeight;
+		if (HTMLArea.is_gecko && !HTMLArea.is_opera) {
+			dialogWindow.resizeTo(contentWidth, contentHeight + (HTMLArea.is_safari ? 40 : (HTMLArea.is_ff2 ? 75 : 95)));
+		} else {
+			dialogWindow.resizeTo(contentWidth + 200, contentHeight + 200);
+			if (dialogWindow.innerWidth) {
+				width = dialogWindow.innerWidth;
+				height = dialogWindow.innerHeight;
+			} else if (docElement && docElement.clientWidth) {
+				width = docElement.clientWidth;
+				height = docElement.clientHeight;
+			} else if (body && body.clientWidth) {
+				width = body.clientWidth;
+				height = body.clientHeight;
+			}
+			dialogWindow.resizeTo(contentWidth + ((contentWidth + 200 ) - width), contentHeight + ((contentHeight + 200) - (height - 16)));
 		}
-		dialogWindow.resizeTo( contentWidth + ( ( contentWidth + 200 ) - width ), contentHeight + ( (contentHeight + 200 ) - (height - 16) ) );
 	},
 
 	/**
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/AboutEditor/popups/about.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/AboutEditor/popups/about.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/AboutEditor/popups/about.html	(copie de travail)
@@ -1,11 +1,14 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -53,8 +56,6 @@
 
 		var TABS = [];
 		var CURRENT_TAB = 0;
-		var CONTENT_HEIGHT_DIFF = 0;
-		var CONTENT_WIDTH_DIFF = 0;
 
 		function selectTab(idx) {
 			var ct = TABS[CURRENT_TAB];
@@ -100,19 +101,8 @@
 			} else {
 				plugins.innerHTML = "<p><span>No plugins have been loaded.</span></p>";
 			}
-
 			plugins.innerHTML += "<p><span>User agent reports:</span><br/>" + navigator.userAgent + "</p>";
 
-			var content = document.getElementById("tab-areas-content");
-			if (window.innerHeight) {
-				CONTENT_HEIGHT_DIFF = window.innerHeight - 250;
-				CONTENT_WIDTH_DIFF = window.innerWidth - content.offsetWidth;
-			} else {
-				CONTENT_HEIGHT_DIFF = document.body.offsetHeight - 250;
-				CONTENT_WIDTH_DIFF = document.body.offsetWidth - 400;
-			}
-			window.onresize();
-
 			var bar = document.getElementById("tabbar");
 			j = 0;
 			for (i = bar.firstChild; i; i = i.nextSibling) {
@@ -136,31 +126,20 @@
 			dialog.close();
 			return false;
 		}
-
-		window.onresize = function() {
-			var content = document.getElementById("tab-areas-content");
-			if (window.innerHeight) {
-				content.style.height = (window.innerHeight - CONTENT_HEIGHT_DIFF) + "px";
-				content.style.width = (window.innerWidth - CONTENT_WIDTH_DIFF) + "px";
-			} else {
-				content.style.height = (document.body.offsetHeight - CONTENT_HEIGHT_DIFF) + "px";
-				//content.style.width = (document.body.offsetWidth - CONTENT_WIDTH_DIFF) + "px";
-			}
-		};
 		// -->
 		/*]]>*/
 	</script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-about" onload="Init();">
 <div id="content">
-	<div class="title" style="cursor: pointer;" onclick="window.open('http://typo3.org/extensions/repository/search/rtehtmlarea/');">About HTMLArea</div>
+	<div class="title" style="cursor: pointer;" onclick="window.open('http://typo3.org/extensions/repository/view/rtehtmlarea_manual/current/');">About HTMLArea</div>
 	<div style="overflow: auto; height: 250px;" id="tab-areas-content">
 		<div id="tab-areas">
 			<div id="tab-area-0">
 				<h1 id="version">htmlArea RTE v 1.1.3</h1>
 				<p><span>free_editor</span></p>
 				<p><span>Mozilla_or_IE</span></p>
-				<p><span>product_documentation</span>&nbsp;<a href="http://typo3.org/extensions/repository/search/rtehtmlarea/" target="_blank">typo3.org</a></p>
+				<p><span>product_documentation</span>&nbsp;<a href="http://typo3.org/extensions/repository/view/rtehtmlarea_manual/current/">typo3.org</a></p>
 				<p style="text-align: center;">
 					<br />
 					&copy; 2002-2004 <a href="http://interactivetools.com" target="_blank">interactivetools.com, inc.</a><br />
@@ -183,4 +162,5 @@
 		<button type="button" onclick="onCancel();">Close</button>
 	</div>
 </div>
-</body></html>
\ No newline at end of file
+</body>
+</html>
\ No newline at end of file
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/CharacterMap/popups/select_character.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/CharacterMap/popups/select_character.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/CharacterMap/popups/select_character.html	(copie de travail)
@@ -1,11 +1,14 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2004 Bernhard Pfeifer novocaine@gmx.net
 *  (c) 2004 systemconcept.de. Authored by Holger Hees based on HTMLArea XTD 1.5 (http://mosforge.net/projects/htmlarea3xtd/).
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -76,163 +79,158 @@
 		// -->
 		/*]]>*/
 	</script>
-	<style>
-		/*<![CDATA[*/
-		td.character { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; text-align: center; background: #FFF; padding: 4px; }
-		td.character-hilite { background: Highlight; color: HighlightText; }
-		/*]]>*/
-	</style>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-character-map" onload="Init();">
 <div id="content">
 <div class="title">Insert special character</div>
-<form method="get" style="margin:2px; padding:2px" onSubmit="Set(document.getElementById('showCharacter').value); return false;">
-<table cellspacing="0" cellpadding="4" style="border-style: none; width: 100%;">
-	<tr>
-		<td style="vertical-align: middle;"><div style="padding: 1px; white-space: nowrap; font-family: tahoma,arial,sans-serif; font-size: 11px; font-weight: normal;">HTML value:<div id="characterPreview"></div></div></td>
-		<td style="vertical-align: middle;"><input type="text" name="showcharacter" id="showCharacter" value="" size="15" style="background: #fff; font-size: 11px;" /></td>
-		<td style="width: 100%;"></td>
-	</tr>
-</table>
-<table cellspacing="1" cellpadding="0" style="cursor: pointer; background: #ADAD9C; border: 1px inset; width: 100%; margin-top: 5px;">
-<tr>
-<td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
-<td class="character" onMouseOver="View(this,'&amp;Agrave;')" onClick="Set('&Agrave;')">&Agrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;agrave;')" onClick="Set('&agrave;')">&agrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Aacute;')" onClick="Set('&Aacute;')">&Aacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;aacute;')" onClick="Set('&aacute;')">&aacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Acirc;')" onClick="Set('&Acirc;')">&Acirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;acirc;')" onClick="Set('&acirc;')">&acirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Atilde;')" onClick="Set('&Atilde;')">&Atilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;atilde;')" onClick="Set('&atilde;')">&atilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;Auml;')" onClick="Set('&Auml;')">&Auml;</td>
-<td class="character" onMouseOver="View(this,'&amp;auml;')" onClick="Set('&auml;')">&auml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Aring;')" onClick="Set('&Aring;')">&Aring;</td>
-<td class="character" onMouseOver="View(this,'&amp;aring;')" onClick="Set('&aring;')">&aring;</td>
-<td class="character" onMouseOver="View(this,'&amp;AElig;')" onClick="Set('&AElig;')">&AElig;</td>
-<td class="character" onMouseOver="View(this,'&amp;aelig;')" onClick="Set('&aelig;')">&aelig;</td>
-<td class="character" onMouseOver="View(this,'&amp;ordf;')" onClick="Set('&ordf;')">&ordf;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Ccedil;')" onClick="Set('&Ccedil;')">&Ccedil;</td>
-<td class="character" onMouseOver="View(this,'&amp;ccedil;')" onClick="Set('&ccedil;')">&ccedil;</td>
-<td class="character" onMouseOver="View(this,'&amp;ETH;')" onClick="Set('&ETH;')">&ETH;</td>
-<td class="character" onMouseOver="View(this,'&amp;eth;')" onClick="Set('&eth;')">&eth;</td>
-<td class="character" onMouseOver="View(this,'&amp;Egrave;')" onClick="Set('&Egrave;')">&Egrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;egrave;')" onClick="Set('&egrave;')">&egrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Eacute;')" onClick="Set('&Eacute;')">&Eacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;eacute;')" onClick="Set('&eacute;')">&eacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ecirc;')" onClick="Set('&Ecirc;')">&Ecirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;ecirc;')" onClick="Set('&ecirc;')">&ecirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Euml;')" onClick="Set('&Euml;')">&Euml;</td>
-<td class="character" onMouseOver="View(this,'&amp;euml;')" onClick="Set('&euml;')">&euml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Igrave;')" onClick="Set('&Igrave;')">&Igrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;igrave;')" onClick="Set('&igrave;')">&igrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Iacute;')" onClick="Set('&Iacute;')">&Iacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;iacute;')" onClick="Set('&iacute;')">&iacute;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Icirc;')" onClick="Set('&Icirc;')">&Icirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;icirc;')" onClick="Set('&icirc;')">&icirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Iuml;')" onClick="Set('&Iuml;')">&Iuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;iuml;')" onClick="Set('&iuml;')">&iuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ntilde;')" onClick="Set('&Ntilde;')">&Ntilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;ntilde;')" onClick="Set('&ntilde;')">&ntilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ograve;')" onClick="Set('&Ograve;')">&Ograve;</td>
-<td class="character" onMouseOver="View(this,'&amp;ograve;')" onClick="Set('&ograve;')">&ograve;</td>
-<td class="character" onMouseOver="View(this,'&amp;Oacute;')" onClick="Set('&Oacute;')">&Oacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;oacute;')" onClick="Set('&oacute;')">&oacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ocirc;')" onClick="Set('&Ocirc;')">&Ocirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;ocirc;')" onClick="Set('&ocirc;')">&ocirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;Otilde;')" onClick="Set('&Otilde;')">&Otilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;otilde;')" onClick="Set('&otilde;')">&otilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ouml;')" onClick="Set('&Ouml;')">&Ouml;</td>
-<td class="character" onMouseOver="View(this,'&amp;ouml;')" onClick="Set('&ouml;')">&ouml;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Oslash;')" onClick="Set('&Oslash;')">&Oslash;</td>
-<td class="character" onMouseOver="View(this,'&amp;oslash;')" onClick="Set('&oslash;')">&oslash;</td>
-<td class="character" onMouseOver="View(this,'&amp;OElig;')" onClick="Set('&OElig;')">&OElig;</td>
-<td class="character" onMouseOver="View(this,'&amp;oelig;')" onClick="Set('&oelig;')">&oelig;</td>
-<td class="character" onMouseOver="View(this,'&amp;ordm;')" onClick="Set('&ordm;')">&ordm;</td>
-<td class="character" onMouseOver="View(this,'&amp;Scaron;')" onClick="Set('&Scaron;')">&Scaron;</td>
-<td class="character" onMouseOver="View(this,'&amp;scaron;')" onClick="Set('&scaron;')">&scaron;</td>
-<td class="character" onMouseOver="View(this,'&amp;szlig;')" onClick="Set('&szlig;')">&szlig;</td>
-<td class="character" onMouseOver="View(this,'&amp;THORN;')" onClick="Set('&THORN;')">&THORN;</td>
-<td class="character" onMouseOver="View(this,'&amp;thorn;')" onClick="Set('&thorn;')">&thorn;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ugrave;')" onClick="Set('&Ugrave;')">&Ugrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;ugrave;')" onClick="Set('&ugrave;')">&ugrave;</td>
-<td class="character" onMouseOver="View(this,'&amp;Uacute;')" onClick="Set('&Uacute;')">&Uacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;uacute;')" onClick="Set('&uacute;')">&uacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Ucirc;')" onClick="Set('&Ucirc;')">&Ucirc;</td>
-<td class="character" onMouseOver="View(this,'&amp;ucirc;')" onClick="Set('&ucirc;')">&ucirc;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;Uuml;')" onClick="Set('&Uuml;')">&Uuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;uuml;')" onClick="Set('&uuml;')">&uuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;Yacute;')" onClick="Set('&Yacute;')">&Yacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;yacute;')" onClick="Set('&yacute;')">&yacute;</td>
-<td class="character" onMouseOver="View(this,'&amp;Yuml;')" onClick="Set('&Yuml;')">&Yuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;yuml;')" onClick="Set('&yuml;')">&yuml;</td>
-<td class="character" onMouseOver="View(this,'&amp;acute;')" onClick="Set('&acute;')">&acute;</td>
-<td class="character" onMouseOver="View(this,'&amp;circ;')" onClick="Set('&circ;')">&circ;</td>
-<td class="character" onMouseOver="View(this,'&amp;tilde;')" onClick="Set('&tilde;')">&tilde;</td>
-<td class="character" onMouseOver="View(this,'&amp;uml;')" onClick="Set('&uml;')">&uml;</td>
-<td class="character" onMouseOver="View(this,'&amp;cedil;')" onClick="Set('&cedil;')">&cedil;</td>
-<td class="character" onMouseOver="View(this,'&amp;ndash;')" onClick="Set('&ndash;')">&ndash;</td>
-<td class="character" onMouseOver="View(this,'&amp;mdash;')" onClick="Set('&mdash;')">&mdash;</td>
-<td class="character" onMouseOver="View(this,'&amp;lsquo;')" onClick="Set('&lsquo;')">&lsquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;rsquo;')" onClick="Set('&rsquo;')">&rsquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;sbquo;')" onClick="Set('&sbquo;')">&sbquo;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;ldquo;')" onClick="Set('&ldquo;')">&ldquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;rdquo;')" onClick="Set('&rdquo;')">&rdquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;bdquo;')" onClick="Set('&bdquo;')">&bdquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;lsaquo;')" onClick="Set('&lsaquo;')">&lsaquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;rsaquo;')" onClick="Set('&rsaquo;')">&rsaquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;laquo;')" onClick="Set('&laquo;')">&laquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;raquo;')" onClick="Set('&raquo;')">&raquo;</td>
-<td class="character" onMouseOver="View(this,'&amp;quot;')" onClick="Set('&quot;')">&quot;</td>
-<td class="character" onMouseOver="View(this,'&amp;hellip;')" onClick="Set('&hellip;')">&hellip;</td>
-<td class="character" onMouseOver="View(this,'&amp;iquest;')" onClick="Set('&iquest;')">&iquest;</td>
-<td class="character" onMouseOver="View(this,'&amp;iexcl;')" onClick="Set('&iexcl;')">&iexcl;</td>
-<td class="character" onMouseOver="View(this,'&amp;bull;')" onClick="Set('&bull;')">&bull;</td>
-<td class="character" onMouseOver="View(this,'&amp;dagger;')" onClick="Set('&dagger;')">&dagger;</td>
-<td class="character" onMouseOver="View(this,'&amp;Dagger;')" onClick="Set('&Dagger;')">&Dagger;</td>
-<td class="character" onMouseOver="View(this,'&amp;para;')" onClick="Set('&para;')">&para;</td>
-<td class="character" onMouseOver="View(this,'&amp;sect;')" onClick="Set('&sect;')">&sect;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;#064;')" onClick="Set('&#064;')">@</td>
-<td class="character" onMouseOver="View(this,'&amp;copy;')" onClick="Set('&copy;')">&copy;</td>
-<td class="character" onMouseOver="View(this,'&amp;reg;')" onClick="Set('&reg;')">&reg;</td>
-<td class="character" onMouseOver="View(this,'&amp;trade;')" onClick="Set('&trade;')">&trade;</td>
-<td class="character" onMouseOver="View(this,'&amp;curren;')" onClick="Set('&curren;')">&curren;</td>
-<td class="character" onMouseOver="View(this,'&amp;cent;')" onClick="Set('&cent;')">&cent;</td>
-<td class="character" onMouseOver="View(this,'&amp;euro;')" onClick="Set('&euro;')">&euro;</td>
-<td class="character" onMouseOver="View(this,'&amp;pound;')" onClick="Set('&pound;')">&pound;</td>
-<td class="character" onMouseOver="View(this,'&amp;yen;')" onClick="Set('&yen;')">&yen;</td>
-<td class="character" onMouseOver="View(this,'&amp;plusmn;')" onClick="Set('&plusmn;')">&plusmn;</td>
-<td class="character" onMouseOver="View(this,'&amp;times;')" onClick="Set('&times;')">&times;</td>
-<td class="character" onMouseOver="View(this,'&amp;divide;')" onClick="Set('&divide;')">&divide;</td>
-<td class="character" onMouseOver="View(this,'&amp;permil;')" onClick="Set('&permil;')">&permil;</td>
-<td class="character" onMouseOver="View(this,'&amp;frac14;')" onClick="Set('&frac14;')">&frac14;</td>
-<td class="character" onMouseOver="View(this,'&amp;frac12;')" onClick="Set('&frac12;')">&frac12;</td>
-<td class="character" onMouseOver="View(this,'&amp;frac34;')" onClick="Set('&frac34;')">&frac34;</td>
-</tr><tr>
-<td class="character" onMouseOver="View(this,'&amp;deg;')" onClick="Set('&deg;')">&deg;</td>
-<td class="character" onMouseOver="View(this,'&amp;sup1;')" onClick="Set('&sup1;')">&sup1;</td>
-<td class="character" onMouseOver="View(this,'&amp;sup2;')" onClick="Set('&sup2;')">&sup2;</td>
-<td class="character" onMouseOver="View(this,'&amp;sup3;')" onClick="Set('&sup3;')">&sup3;</td>
-<td class="character" onMouseOver="View(this,'&amp;fnof;')" onClick="Set('&fnof;')">&fnof;</td>
-<td class="character" onMouseOver="View(this,'&amp;not;')" onClick="Set('&not;')">&not;</td>
-<td class="character" onMouseOver="View(this,'&amp;and;')" onClick="Set('&and;')">&and;</td>
-<td class="character" onMouseOver="View(this,'&amp;or;')" onClick="Set('&or;')">&or;</td>
-<td class="character" onMouseOver="View(this,'&amp;alpha;')" onClick="Set('&alpha;')">&alpha;</td>
-<td class="character" onMouseOver="View(this,'&amp;beta;')" onClick="Set('&beta;')">&beta;</td>
-<td class="character" onMouseOver="View(this,'&amp;gamma;')" onClick="Set('&gamma;')">&gamma;</td>
-<td class="character" onMouseOver="View(this,'&amp;delta;')" onClick="Set('&delta;')">&delta;</td>
-<td class="character" onMouseOver="View(this,'&amp;micro;')" onClick="Set('&micro;')">&micro;</td>
-<td class="character" onMouseOver="View(this,'&amp;pi;')" onClick="Set('&pi;')">&pi;</td>
-<td class="character" onMouseOver="View(this,'&amp;Omega;')" onClick="Set('&Omega;')">&Omega;</td>
-<td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
-</table>
-	<div class="space"></div>
+<form method="get" onSubmit="Set(document.getElementById('showCharacter').value); return false;">
+	<div id="selectedCharacter">HTML value:<div id="characterPreview"></div>&nbsp;<input type="text" name="showcharacter" id="showCharacter" value="" size="15" /></div>
+	<table cellspacing="0" cellpadding="3">
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Agrave;')" onClick="Set('&Agrave;')">&Agrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;agrave;')" onClick="Set('&agrave;')">&agrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Aacute;')" onClick="Set('&Aacute;')">&Aacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;aacute;')" onClick="Set('&aacute;')">&aacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Acirc;')" onClick="Set('&Acirc;')">&Acirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;acirc;')" onClick="Set('&acirc;')">&acirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Atilde;')" onClick="Set('&Atilde;')">&Atilde;</td>
+			<td class="character" onMouseOver="View(this,'&amp;atilde;')" onClick="Set('&atilde;')">&atilde;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Auml;')" onClick="Set('&Auml;')">&Auml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;auml;')" onClick="Set('&auml;')">&auml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Aring;')" onClick="Set('&Aring;')">&Aring;</td>
+			<td class="character" onMouseOver="View(this,'&amp;aring;')" onClick="Set('&aring;')">&aring;</td>
+			<td class="character" onMouseOver="View(this,'&amp;AElig;')" onClick="Set('&AElig;')">&AElig;</td>
+			<td class="character" onMouseOver="View(this,'&amp;aelig;')" onClick="Set('&aelig;')">&aelig;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ordf;')" onClick="Set('&ordf;')">&ordf;</td>
+		</tr>
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;Ccedil;')" onClick="Set('&Ccedil;')">&Ccedil;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ccedil;')" onClick="Set('&ccedil;')">&ccedil;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ETH;')" onClick="Set('&ETH;')">&ETH;</td>
+			<td class="character" onMouseOver="View(this,'&amp;eth;')" onClick="Set('&eth;')">&eth;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Egrave;')" onClick="Set('&Egrave;')">&Egrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;egrave;')" onClick="Set('&egrave;')">&egrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Eacute;')" onClick="Set('&Eacute;')">&Eacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;eacute;')" onClick="Set('&eacute;')">&eacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Ecirc;')" onClick="Set('&Ecirc;')">&Ecirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ecirc;')" onClick="Set('&ecirc;')">&ecirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Euml;')" onClick="Set('&Euml;')">&Euml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;euml;')" onClick="Set('&euml;')">&euml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Igrave;')" onClick="Set('&Igrave;')">&Igrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;igrave;')" onClick="Set('&igrave;')">&igrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Iacute;')" onClick="Set('&Iacute;')">&Iacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;iacute;')" onClick="Set('&iacute;')">&iacute;</td>
+		</tr>
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;Icirc;')" onClick="Set('&Icirc;')">&Icirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;icirc;')" onClick="Set('&icirc;')">&icirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Iuml;')" onClick="Set('&Iuml;')">&Iuml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;iuml;')" onClick="Set('&iuml;')">&iuml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Ntilde;')" onClick="Set('&Ntilde;')">&Ntilde;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ntilde;')" onClick="Set('&ntilde;')">&ntilde;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Ograve;')" onClick="Set('&Ograve;')">&Ograve;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ograve;')" onClick="Set('&ograve;')">&ograve;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Oacute;')" onClick="Set('&Oacute;')">&Oacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;oacute;')" onClick="Set('&oacute;')">&oacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Ocirc;')" onClick="Set('&Ocirc;')">&Ocirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ocirc;')" onClick="Set('&ocirc;')">&ocirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Otilde;')" onClick="Set('&Otilde;')">&Otilde;</td>
+			<td class="character" onMouseOver="View(this,'&amp;otilde;')" onClick="Set('&otilde;')">&otilde;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Ouml;')" onClick="Set('&Ouml;')">&Ouml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ouml;')" onClick="Set('&ouml;')">&ouml;</td>
+		</tr>
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;Oslash;')" onClick="Set('&Oslash;')">&Oslash;</td>
+			<td class="character" onMouseOver="View(this,'&amp;oslash;')" onClick="Set('&oslash;')">&oslash;</td>
+			<td class="character" onMouseOver="View(this,'&amp;OElig;')" onClick="Set('&OElig;')">&OElig;</td>
+			<td class="character" onMouseOver="View(this,'&amp;oelig;')" onClick="Set('&oelig;')">&oelig;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ordm;')" onClick="Set('&ordm;')">&ordm;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Scaron;')" onClick="Set('&Scaron;')">&Scaron;</td>
+			<td class="character" onMouseOver="View(this,'&amp;scaron;')" onClick="Set('&scaron;')">&scaron;</td>
+			<td class="character" onMouseOver="View(this,'&amp;szlig;')" onClick="Set('&szlig;')">&szlig;</td>
+			<td class="character" onMouseOver="View(this,'&amp;THORN;')" onClick="Set('&THORN;')">&THORN;</td>
+			<td class="character" onMouseOver="View(this,'&amp;thorn;')" onClick="Set('&thorn;')">&thorn;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Ugrave;')" onClick="Set('&Ugrave;')">&Ugrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ugrave;')" onClick="Set('&ugrave;')">&ugrave;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Uacute;')" onClick="Set('&Uacute;')">&Uacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;uacute;')" onClick="Set('&uacute;')">&uacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Ucirc;')" onClick="Set('&Ucirc;')">&Ucirc;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ucirc;')" onClick="Set('&ucirc;')">&ucirc;</td>
+		</tr>
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;Uuml;')" onClick="Set('&Uuml;')">&Uuml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;uuml;')" onClick="Set('&uuml;')">&uuml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Yacute;')" onClick="Set('&Yacute;')">&Yacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;yacute;')" onClick="Set('&yacute;')">&yacute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Yuml;')" onClick="Set('&Yuml;')">&Yuml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;yuml;')" onClick="Set('&yuml;')">&yuml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;acute;')" onClick="Set('&acute;')">&acute;</td>
+			<td class="character" onMouseOver="View(this,'&amp;circ;')" onClick="Set('&circ;')">&circ;</td>
+			<td class="character" onMouseOver="View(this,'&amp;tilde;')" onClick="Set('&tilde;')">&tilde;</td>
+			<td class="character" onMouseOver="View(this,'&amp;uml;')" onClick="Set('&uml;')">&uml;</td>
+			<td class="character" onMouseOver="View(this,'&amp;cedil;')" onClick="Set('&cedil;')">&cedil;</td>
+			<td class="character" onMouseOver="View(this,'&amp;ndash;')" onClick="Set('&ndash;')">&ndash;</td>
+			<td class="character" onMouseOver="View(this,'&amp;mdash;')" onClick="Set('&mdash;')">&mdash;</td>
+			<td class="character" onMouseOver="View(this,'&amp;lsquo;')" onClick="Set('&lsquo;')">&lsquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;rsquo;')" onClick="Set('&rsquo;')">&rsquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;sbquo;')" onClick="Set('&sbquo;')">&sbquo;</td>
+		</tr>
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;ldquo;')" onClick="Set('&ldquo;')">&ldquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;rdquo;')" onClick="Set('&rdquo;')">&rdquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;bdquo;')" onClick="Set('&bdquo;')">&bdquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;lsaquo;')" onClick="Set('&lsaquo;')">&lsaquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;rsaquo;')" onClick="Set('&rsaquo;')">&rsaquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;laquo;')" onClick="Set('&laquo;')">&laquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;raquo;')" onClick="Set('&raquo;')">&raquo;</td>
+			<td class="character" onMouseOver="View(this,'&amp;quot;')" onClick="Set('&quot;')">&quot;</td>
+			<td class="character" onMouseOver="View(this,'&amp;hellip;')" onClick="Set('&hellip;')">&hellip;</td>
+			<td class="character" onMouseOver="View(this,'&amp;iquest;')" onClick="Set('&iquest;')">&iquest;</td>
+			<td class="character" onMouseOver="View(this,'&amp;iexcl;')" onClick="Set('&iexcl;')">&iexcl;</td>
+			<td class="character" onMouseOver="View(this,'&amp;bull;')" onClick="Set('&bull;')">&bull;</td>
+			<td class="character" onMouseOver="View(this,'&amp;dagger;')" onClick="Set('&dagger;')">&dagger;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Dagger;')" onClick="Set('&Dagger;')">&Dagger;</td>
+			<td class="character" onMouseOver="View(this,'&amp;para;')" onClick="Set('&para;')">&para;</td>
+			<td class="character" onMouseOver="View(this,'&amp;sect;')" onClick="Set('&sect;')">&sect;</td>
+		</tr>
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;#064;')" onClick="Set('&#064;')">@</td>
+			<td class="character" onMouseOver="View(this,'&amp;copy;')" onClick="Set('&copy;')">&copy;</td>
+			<td class="character" onMouseOver="View(this,'&amp;reg;')" onClick="Set('&reg;')">&reg;</td>
+			<td class="character" onMouseOver="View(this,'&amp;trade;')" onClick="Set('&trade;')">&trade;</td>
+			<td class="character" onMouseOver="View(this,'&amp;curren;')" onClick="Set('&curren;')">&curren;</td>
+			<td class="character" onMouseOver="View(this,'&amp;cent;')" onClick="Set('&cent;')">&cent;</td>
+			<td class="character" onMouseOver="View(this,'&amp;euro;')" onClick="Set('&euro;')">&euro;</td>
+			<td class="character" onMouseOver="View(this,'&amp;pound;')" onClick="Set('&pound;')">&pound;</td>
+			<td class="character" onMouseOver="View(this,'&amp;yen;')" onClick="Set('&yen;')">&yen;</td>
+			<td class="character" onMouseOver="View(this,'&amp;plusmn;')" onClick="Set('&plusmn;')">&plusmn;</td>
+			<td class="character" onMouseOver="View(this,'&amp;times;')" onClick="Set('&times;')">&times;</td>
+			<td class="character" onMouseOver="View(this,'&amp;divide;')" onClick="Set('&divide;')">&divide;</td>
+			<td class="character" onMouseOver="View(this,'&amp;permil;')" onClick="Set('&permil;')">&permil;</td>
+			<td class="character" onMouseOver="View(this,'&amp;frac14;')" onClick="Set('&frac14;')">&frac14;</td>
+			<td class="character" onMouseOver="View(this,'&amp;frac12;')" onClick="Set('&frac12;')">&frac12;</td>
+			<td class="character" onMouseOver="View(this,'&amp;frac34;')" onClick="Set('&frac34;')">&frac34;</td>
+		</tr>
+		<tr>
+			<td class="character" onMouseOver="View(this,'&amp;deg;')" onClick="Set('&deg;')">&deg;</td>
+			<td class="character" onMouseOver="View(this,'&amp;sup1;')" onClick="Set('&sup1;')">&sup1;</td>
+			<td class="character" onMouseOver="View(this,'&amp;sup2;')" onClick="Set('&sup2;')">&sup2;</td>
+			<td class="character" onMouseOver="View(this,'&amp;sup3;')" onClick="Set('&sup3;')">&sup3;</td>
+			<td class="character" onMouseOver="View(this,'&amp;fnof;')" onClick="Set('&fnof;')">&fnof;</td>
+			<td class="character" onMouseOver="View(this,'&amp;not;')" onClick="Set('&not;')">&not;</td>
+			<td class="character" onMouseOver="View(this,'&amp;and;')" onClick="Set('&and;')">&and;</td>
+			<td class="character" onMouseOver="View(this,'&amp;or;')" onClick="Set('&or;')">&or;</td>
+			<td class="character" onMouseOver="View(this,'&amp;alpha;')" onClick="Set('&alpha;')">&alpha;</td>
+			<td class="character" onMouseOver="View(this,'&amp;beta;')" onClick="Set('&beta;')">&beta;</td>
+			<td class="character" onMouseOver="View(this,'&amp;gamma;')" onClick="Set('&gamma;')">&gamma;</td>
+			<td class="character" onMouseOver="View(this,'&amp;delta;')" onClick="Set('&delta;')">&delta;</td>
+			<td class="character" onMouseOver="View(this,'&amp;micro;')" onClick="Set('&micro;')">&micro;</td>
+			<td class="character" onMouseOver="View(this,'&amp;pi;')" onClick="Set('&pi;')">&pi;</td>
+			<td class="character" onMouseOver="View(this,'&amp;Omega;')" onClick="Set('&Omega;')">&Omega;</td>
+			<td class="character" onMouseOver="View(this,'&amp;nbsp;')" onClick="Set('&nbsp;')">&nbsp;</td>
+		</tr>
+	</table>
 	<div class="buttons">
 		<button type="button" name="cancel" onclick="return onCancel();">Close</button>
 	</div>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/default-color.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/default-color.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/default-color.js	(copie de travail)
@@ -1,7 +1,7 @@
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -50,10 +50,10 @@
 		var pluginInformation = {
 			version		: "1.0",
 			developer	: "Stanislas Rolland",
-			developerUrl	: "http://www.fructifor.ca/",
+			developerUrl	: "http://www.sjbr.ca/",
 			copyrightOwner	: "Stanislas Rolland",
-			sponsor		: "Fructifor Inc.",
-			sponsorUrl	: "http://www.fructifor.ca/",
+			sponsor		: "SJBR",
+			sponsorUrl	: "http://www.sjbr.ca/",
 			license		: "GPL"
 		};
 		this.registerPluginInformation(pluginInformation);
@@ -108,10 +108,10 @@
 					this.commandId = "BackColor";
 				}
 			case "ForeColor"	:
-				this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "setColor", HTMLArea._colorToRgb(this.editor._doc.queryCommandValue(this.commandId)), {width:200, height:182});
+				this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "setColor", HTMLArea._colorToRgb(this.editor._doc.queryCommandValue(this.commandId)), {width:300, height:210});
 				break;
 			default:
-				this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "returnToCaller", HTMLArea._colorToRgb("000000"), {width:200, height:182});
+				this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("select_color"), "returnToCaller", HTMLArea._colorToRgb("000000"), {width:300, height:210});
 				break;
 		}
 		return false;
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/popups/select_color.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/popups/select_color.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultColor/popups/select_color.html	(copie de travail)
@@ -1,11 +1,14 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!-- 
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -44,7 +47,7 @@
 		<!--
 		var dialog = window.opener.HTMLArea.Dialog.DefaultColor;
 		function Init() {
-			dialog.initialize(false, true);
+			dialog.initialize();
 			var color = dialog.arguments;
 			color = ValidateColor(color) || '000000';
 			View(color);		// set default color
@@ -84,305 +87,290 @@
 		// -->
 		/*]]>*/
 	</script>
-	<style type="text/css">
-		/*<![CDATA[*/
-		<!--
-		.color { width: 10px; height: 10px; cursor: pointer; }
-		// -->
-		/*]]>*/
-	</style>
 </head>
-<body style="background:ButtonFace; margin:0; padding:0;" onload="Init();">
+<body onload="Init();" class="popupwin htmlarea-default-color">
 <div id="content">
-<form method="get" style="margin:0px; padding:0px;" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
-<table cellspacing="0" cellpadding="4" style="border-style: none; width: 100%;">
- <tr>
-  <td style="background:buttonface;" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px;"><div id="ColorPreview" style="height: 100%; width: 100%;"></div></div></td>
-  <td style="background:buttonface;" valign=center><input type="text" name="ColorHex" id="ColorHex" value="" size=15 style="font-size: 12px;" /></td>
-  <td style="background:buttonface; width: 100%;"></td>
- </tr>
-</table>
-</form>
-
-<table cellspacing="1" cellpadding="0" style="border-style: none; width:100%; background-color: #000000; margin-bottom: 5px;">
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#003300" onMouseOver="View('003300');" onClick="Set('003300');"></td>
-<td class="color" bgcolor="#006600" onMouseOver="View('006600');" onClick="Set('006600');"></td>
-<td class="color" bgcolor="#009900" onMouseOver="View('009900');" onClick="Set('009900');"></td>
-<td class="color" bgcolor="#00CC00" onMouseOver="View('00CC00');" onClick="Set('00CC00');"></td>
-<td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
-<td class="color" bgcolor="#330000" onMouseOver="View('330000');" onClick="Set('330000');"></td>
-<td class="color" bgcolor="#333300" onMouseOver="View('333300');" onClick="Set('333300');"></td>
-<td class="color" bgcolor="#336600" onMouseOver="View('336600');" onClick="Set('336600');"></td>
-<td class="color" bgcolor="#339900" onMouseOver="View('339900');" onClick="Set('339900');"></td>
-<td class="color" bgcolor="#33CC00" onMouseOver="View('33CC00');" onClick="Set('33CC00');"></td>
-<td class="color" bgcolor="#33FF00" onMouseOver="View('33FF00');" onClick="Set('33FF00');"></td>
-<td class="color" bgcolor="#660000" onMouseOver="View('660000');" onClick="Set('660000');"></td>
-<td class="color" bgcolor="#663300" onMouseOver="View('663300');" onClick="Set('663300');"></td>
-<td class="color" bgcolor="#666600" onMouseOver="View('666600');" onClick="Set('666600');"></td>
-<td class="color" bgcolor="#669900" onMouseOver="View('669900');" onClick="Set('669900');"></td>
-<td class="color" bgcolor="#66CC00" onMouseOver="View('66CC00');" onClick="Set('66CC00');"></td>
-<td class="color" bgcolor="#66FF00" onMouseOver="View('66FF00');" onClick="Set('66FF00');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000033" onMouseOver="View('000033');" onClick="Set('000033');"></td>
-<td class="color" bgcolor="#003333" onMouseOver="View('003333');" onClick="Set('003333');"></td>
-<td class="color" bgcolor="#006633" onMouseOver="View('006633');" onClick="Set('006633');"></td>
-<td class="color" bgcolor="#009933" onMouseOver="View('009933');" onClick="Set('009933');"></td>
-<td class="color" bgcolor="#00CC33" onMouseOver="View('00CC33');" onClick="Set('00CC33');"></td>
-<td class="color" bgcolor="#00FF33" onMouseOver="View('00FF33');" onClick="Set('00FF33');"></td>
-<td class="color" bgcolor="#330033" onMouseOver="View('330033');" onClick="Set('330033');"></td>
-<td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
-<td class="color" bgcolor="#336633" onMouseOver="View('336633');" onClick="Set('336633');"></td>
-<td class="color" bgcolor="#339933" onMouseOver="View('339933');" onClick="Set('339933');"></td>
-<td class="color" bgcolor="#33CC33" onMouseOver="View('33CC33');" onClick="Set('33CC33');"></td>
-<td class="color" bgcolor="#33FF33" onMouseOver="View('33FF33');" onClick="Set('33FF33');"></td>
-<td class="color" bgcolor="#660033" onMouseOver="View('660033');" onClick="Set('660033');"></td>
-<td class="color" bgcolor="#663333" onMouseOver="View('663333');" onClick="Set('663333');"></td>
-<td class="color" bgcolor="#666633" onMouseOver="View('666633');" onClick="Set('666633');"></td>
-<td class="color" bgcolor="#669933" onMouseOver="View('669933');" onClick="Set('669933');"></td>
-<td class="color" bgcolor="#66CC33" onMouseOver="View('66CC33');" onClick="Set('66CC33');"></td>
-<td class="color" bgcolor="#66FF33" onMouseOver="View('66FF33');" onClick="Set('66FF33');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000066" onMouseOver="View('000066');" onClick="Set('000066');"></td>
-<td class="color" bgcolor="#003366" onMouseOver="View('003366');" onClick="Set('003366');"></td>
-<td class="color" bgcolor="#006666" onMouseOver="View('006666');" onClick="Set('006666');"></td>
-<td class="color" bgcolor="#009966" onMouseOver="View('009966');" onClick="Set('009966');"></td>
-<td class="color" bgcolor="#00CC66" onMouseOver="View('00CC66');" onClick="Set('00CC66');"></td>
-<td class="color" bgcolor="#00FF66" onMouseOver="View('00FF66');" onClick="Set('00FF66');"></td>
-<td class="color" bgcolor="#330066" onMouseOver="View('330066');" onClick="Set('330066');"></td>
-<td class="color" bgcolor="#333366" onMouseOver="View('333366');" onClick="Set('333366');"></td>
-<td class="color" bgcolor="#336666" onMouseOver="View('336666');" onClick="Set('336666');"></td>
-<td class="color" bgcolor="#339966" onMouseOver="View('339966');" onClick="Set('339966');"></td>
-<td class="color" bgcolor="#33CC66" onMouseOver="View('33CC66');" onClick="Set('33CC66');"></td>
-<td class="color" bgcolor="#33FF66" onMouseOver="View('33FF66');" onClick="Set('33FF66');"></td>
-<td class="color" bgcolor="#660066" onMouseOver="View('660066');" onClick="Set('660066');"></td>
-<td class="color" bgcolor="#663366" onMouseOver="View('663366');" onClick="Set('663366');"></td>
-<td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
-<td class="color" bgcolor="#669966" onMouseOver="View('669966');" onClick="Set('669966');"></td>
-<td class="color" bgcolor="#66CC66" onMouseOver="View('66CC66');" onClick="Set('66CC66');"></td>
-<td class="color" bgcolor="#66FF66" onMouseOver="View('66FF66');" onClick="Set('66FF66');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#000099" onMouseOver="View('000099');" onClick="Set('000099');"></td>
-<td class="color" bgcolor="#003399" onMouseOver="View('003399');" onClick="Set('003399');"></td>
-<td class="color" bgcolor="#006699" onMouseOver="View('006699');" onClick="Set('006699');"></td>
-<td class="color" bgcolor="#009999" onMouseOver="View('009999');" onClick="Set('009999');"></td>
-<td class="color" bgcolor="#00CC99" onMouseOver="View('00CC99');" onClick="Set('00CC99');"></td>
-<td class="color" bgcolor="#00FF99" onMouseOver="View('00FF99');" onClick="Set('00FF99');"></td>
-<td class="color" bgcolor="#330099" onMouseOver="View('330099');" onClick="Set('330099');"></td>
-<td class="color" bgcolor="#333399" onMouseOver="View('333399');" onClick="Set('333399');"></td>
-<td class="color" bgcolor="#336699" onMouseOver="View('336699');" onClick="Set('336699');"></td>
-<td class="color" bgcolor="#339999" onMouseOver="View('339999');" onClick="Set('339999');"></td>
-<td class="color" bgcolor="#33CC99" onMouseOver="View('33CC99');" onClick="Set('33CC99');"></td>
-<td class="color" bgcolor="#33FF99" onMouseOver="View('33FF99');" onClick="Set('33FF99');"></td>
-<td class="color" bgcolor="#660099" onMouseOver="View('660099');" onClick="Set('660099');"></td>
-<td class="color" bgcolor="#663399" onMouseOver="View('663399');" onClick="Set('663399');"></td>
-<td class="color" bgcolor="#666699" onMouseOver="View('666699');" onClick="Set('666699');"></td>
-<td class="color" bgcolor="#669999" onMouseOver="View('669999');" onClick="Set('669999');"></td>
-<td class="color" bgcolor="#66CC99" onMouseOver="View('66CC99');" onClick="Set('66CC99');"></td>
-<td class="color" bgcolor="#66FF99" onMouseOver="View('66FF99');" onClick="Set('66FF99');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#0000CC" onMouseOver="View('0000CC');" onClick="Set('0000CC');"></td>
-<td class="color" bgcolor="#0033CC" onMouseOver="View('0033CC');" onClick="Set('0033CC');"></td>
-<td class="color" bgcolor="#0066CC" onMouseOver="View('0066CC');" onClick="Set('0066CC');"></td>
-<td class="color" bgcolor="#0099CC" onMouseOver="View('0099CC');" onClick="Set('0099CC');"></td>
-<td class="color" bgcolor="#00CCCC" onMouseOver="View('00CCCC');" onClick="Set('00CCCC');"></td>
-<td class="color" bgcolor="#00FFCC" onMouseOver="View('00FFCC');" onClick="Set('00FFCC');"></td>
-<td class="color" bgcolor="#3300CC" onMouseOver="View('3300CC');" onClick="Set('3300CC');"></td>
-<td class="color" bgcolor="#3333CC" onMouseOver="View('3333CC');" onClick="Set('3333CC');"></td>
-<td class="color" bgcolor="#3366CC" onMouseOver="View('3366CC');" onClick="Set('3366CC');"></td>
-<td class="color" bgcolor="#3399CC" onMouseOver="View('3399CC');" onClick="Set('3399CC');"></td>
-<td class="color" bgcolor="#33CCCC" onMouseOver="View('33CCCC');" onClick="Set('33CCCC');"></td>
-<td class="color" bgcolor="#33FFCC" onMouseOver="View('33FFCC');" onClick="Set('33FFCC');"></td>
-<td class="color" bgcolor="#6600CC" onMouseOver="View('6600CC');" onClick="Set('6600CC');"></td>
-<td class="color" bgcolor="#6633CC" onMouseOver="View('6633CC');" onClick="Set('6633CC');"></td>
-<td class="color" bgcolor="#6666CC" onMouseOver="View('6666CC');" onClick="Set('6666CC');"></td>
-<td class="color" bgcolor="#6699CC" onMouseOver="View('6699CC');" onClick="Set('6699CC');"></td>
-<td class="color" bgcolor="#66CCCC" onMouseOver="View('66CCCC');" onClick="Set('66CCCC');"></td>
-<td class="color" bgcolor="#66FFCC" onMouseOver="View('66FFCC');" onClick="Set('66FFCC');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
-<td class="color" bgcolor="#0033FF" onMouseOver="View('0033FF');" onClick="Set('0033FF');"></td>
-<td class="color" bgcolor="#0066FF" onMouseOver="View('0066FF');" onClick="Set('0066FF');"></td>
-<td class="color" bgcolor="#0099FF" onMouseOver="View('0099FF');" onClick="Set('0099FF');"></td>
-<td class="color" bgcolor="#00CCFF" onMouseOver="View('00CCFF');" onClick="Set('00CCFF');"></td>
-<td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
-<td class="color" bgcolor="#3300FF" onMouseOver="View('3300FF');" onClick="Set('3300FF');"></td>
-<td class="color" bgcolor="#3333FF" onMouseOver="View('3333FF');" onClick="Set('3333FF');"></td>
-<td class="color" bgcolor="#3366FF" onMouseOver="View('3366FF');" onClick="Set('3366FF');"></td>
-<td class="color" bgcolor="#3399FF" onMouseOver="View('3399FF');" onClick="Set('3399FF');"></td>
-<td class="color" bgcolor="#33CCFF" onMouseOver="View('33CCFF');" onClick="Set('33CCFF');"></td>
-<td class="color" bgcolor="#33FFFF" onMouseOver="View('33FFFF');" onClick="Set('33FFFF');"></td>
-<td class="color" bgcolor="#6600FF" onMouseOver="View('6600FF');" onClick="Set('6600FF');"></td>
-<td class="color" bgcolor="#6633FF" onMouseOver="View('6633FF');" onClick="Set('6633FF');"></td>
-<td class="color" bgcolor="#6666FF" onMouseOver="View('6666FF');" onClick="Set('6666FF');"></td>
-<td class="color" bgcolor="#6699FF" onMouseOver="View('6699FF');" onClick="Set('6699FF');"></td>
-<td class="color" bgcolor="#66CCFF" onMouseOver="View('66CCFF');" onClick="Set('66CCFF');"></td>
-<td class="color" bgcolor="#66FFFF" onMouseOver="View('66FFFF');" onClick="Set('66FFFF');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990000" onMouseOver="View('990000');" onClick="Set('990000');"></td>
-<td class="color" bgcolor="#993300" onMouseOver="View('993300');" onClick="Set('993300');"></td>
-<td class="color" bgcolor="#996600" onMouseOver="View('996600');" onClick="Set('996600');"></td>
-<td class="color" bgcolor="#999900" onMouseOver="View('999900');" onClick="Set('999900');"></td>
-<td class="color" bgcolor="#99CC00" onMouseOver="View('99CC00');" onClick="Set('99CC00');"></td>
-<td class="color" bgcolor="#99FF00" onMouseOver="View('99FF00');" onClick="Set('99FF00');"></td>
-<td class="color" bgcolor="#CC0000" onMouseOver="View('CC0000');" onClick="Set('CC0000');"></td>
-<td class="color" bgcolor="#CC3300" onMouseOver="View('CC3300');" onClick="Set('CC3300');"></td>
-<td class="color" bgcolor="#CC6600" onMouseOver="View('CC6600');" onClick="Set('CC6600');"></td>
-<td class="color" bgcolor="#CC9900" onMouseOver="View('CC9900');" onClick="Set('CC9900');"></td>
-<td class="color" bgcolor="#CCCC00" onMouseOver="View('CCCC00');" onClick="Set('CCCC00');"></td>
-<td class="color" bgcolor="#CCFF00" onMouseOver="View('CCFF00');" onClick="Set('CCFF00');"></td>
-<td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
-<td class="color" bgcolor="#FF3300" onMouseOver="View('FF3300');" onClick="Set('FF3300');"></td>
-<td class="color" bgcolor="#FF6600" onMouseOver="View('FF6600');" onClick="Set('FF6600');"></td>
-<td class="color" bgcolor="#FF9900" onMouseOver="View('FF9900');" onClick="Set('FF9900');"></td>
-<td class="color" bgcolor="#FFCC00" onMouseOver="View('FFCC00');" onClick="Set('FFCC00');"></td>
-<td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990033" onMouseOver="View('990033');" onClick="Set('990033');"></td>
-<td class="color" bgcolor="#993333" onMouseOver="View('993333');" onClick="Set('993333');"></td>
-<td class="color" bgcolor="#996633" onMouseOver="View('996633');" onClick="Set('996633');"></td>
-<td class="color" bgcolor="#999933" onMouseOver="View('999933');" onClick="Set('999933');"></td>
-<td class="color" bgcolor="#99CC33" onMouseOver="View('99CC33');" onClick="Set('99CC33');"></td>
-<td class="color" bgcolor="#99FF33" onMouseOver="View('99FF33');" onClick="Set('99FF33');"></td>
-<td class="color" bgcolor="#CC0033" onMouseOver="View('CC0033');" onClick="Set('CC0033');"></td>
-<td class="color" bgcolor="#CC3333" onMouseOver="View('CC3333');" onClick="Set('CC3333');"></td>
-<td class="color" bgcolor="#CC6633" onMouseOver="View('CC6633');" onClick="Set('CC6633');"></td>
-<td class="color" bgcolor="#CC9933" onMouseOver="View('CC9933');" onClick="Set('CC9933');"></td>
-<td class="color" bgcolor="#CCCC33" onMouseOver="View('CCCC33');" onClick="Set('CCCC33');"></td>
-<td class="color" bgcolor="#CCFF33" onMouseOver="View('CCFF33');" onClick="Set('CCFF33');"></td>
-<td class="color" bgcolor="#FF0033" onMouseOver="View('FF0033');" onClick="Set('FF0033');"></td>
-<td class="color" bgcolor="#FF3333" onMouseOver="View('FF3333');" onClick="Set('FF3333');"></td>
-<td class="color" bgcolor="#FF6633" onMouseOver="View('FF6633');" onClick="Set('FF6633');"></td>
-<td class="color" bgcolor="#FF9933" onMouseOver="View('FF9933');" onClick="Set('FF9933');"></td>
-<td class="color" bgcolor="#FFCC33" onMouseOver="View('FFCC33');" onClick="Set('FFCC33');"></td>
-<td class="color" bgcolor="#FFFF33" onMouseOver="View('FFFF33');" onClick="Set('FFFF33');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990066" onMouseOver="View('990066');" onClick="Set('990066');"></td>
-<td class="color" bgcolor="#993366" onMouseOver="View('993366');" onClick="Set('993366');"></td>
-<td class="color" bgcolor="#996666" onMouseOver="View('996666');" onClick="Set('996666');"></td>
-<td class="color" bgcolor="#999966" onMouseOver="View('999966');" onClick="Set('999966');"></td>
-<td class="color" bgcolor="#99CC66" onMouseOver="View('99CC66');" onClick="Set('99CC66');"></td>
-<td class="color" bgcolor="#99FF66" onMouseOver="View('99FF66');" onClick="Set('99FF66');"></td>
-<td class="color" bgcolor="#CC0066" onMouseOver="View('CC0066');" onClick="Set('CC0066');"></td>
-<td class="color" bgcolor="#CC3366" onMouseOver="View('CC3366');" onClick="Set('CC3366');"></td>
-<td class="color" bgcolor="#CC6666" onMouseOver="View('CC6666');" onClick="Set('CC6666');"></td>
-<td class="color" bgcolor="#CC9966" onMouseOver="View('CC9966');" onClick="Set('CC9966');"></td>
-<td class="color" bgcolor="#CCCC66" onMouseOver="View('CCCC66');" onClick="Set('CCCC66');"></td>
-<td class="color" bgcolor="#CCFF66" onMouseOver="View('CCFF66');" onClick="Set('CCFF66');"></td>
-<td class="color" bgcolor="#FF0066" onMouseOver="View('FF0066');" onClick="Set('FF0066');"></td>
-<td class="color" bgcolor="#FF3366" onMouseOver="View('FF3366');" onClick="Set('FF3366');"></td>
-<td class="color" bgcolor="#FF6666" onMouseOver="View('FF6666');" onClick="Set('FF6666');"></td>
-<td class="color" bgcolor="#FF9966" onMouseOver="View('FF9966');" onClick="Set('FF9966');"></td>
-<td class="color" bgcolor="#FFCC66" onMouseOver="View('FFCC66');" onClick="Set('FFCC66');"></td>
-<td class="color" bgcolor="#FFFF66" onMouseOver="View('FFFF66');" onClick="Set('FFFF66');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#990099" onMouseOver="View('990099');" onClick="Set('990099');"></td>
-<td class="color" bgcolor="#993399" onMouseOver="View('993399');" onClick="Set('993399');"></td>
-<td class="color" bgcolor="#996699" onMouseOver="View('996699');" onClick="Set('996699');"></td>
-<td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
-<td class="color" bgcolor="#99CC99" onMouseOver="View('99CC99');" onClick="Set('99CC99');"></td>
-<td class="color" bgcolor="#99FF99" onMouseOver="View('99FF99');" onClick="Set('99FF99');"></td>
-<td class="color" bgcolor="#CC0099" onMouseOver="View('CC0099');" onClick="Set('CC0099');"></td>
-<td class="color" bgcolor="#CC3399" onMouseOver="View('CC3399');" onClick="Set('CC3399');"></td>
-<td class="color" bgcolor="#CC6699" onMouseOver="View('CC6699');" onClick="Set('CC6699');"></td>
-<td class="color" bgcolor="#CC9999" onMouseOver="View('CC9999');" onClick="Set('CC9999');"></td>
-<td class="color" bgcolor="#CCCC99" onMouseOver="View('CCCC99');" onClick="Set('CCCC99');"></td>
-<td class="color" bgcolor="#CCFF99" onMouseOver="View('CCFF99');" onClick="Set('CCFF99');"></td>
-<td class="color" bgcolor="#FF0099" onMouseOver="View('FF0099');" onClick="Set('FF0099');"></td>
-<td class="color" bgcolor="#FF3399" onMouseOver="View('FF3399');" onClick="Set('FF3399');"></td>
-<td class="color" bgcolor="#FF6699" onMouseOver="View('FF6699');" onClick="Set('FF6699');"></td>
-<td class="color" bgcolor="#FF9999" onMouseOver="View('FF9999');" onClick="Set('FF9999');"></td>
-<td class="color" bgcolor="#FFCC99" onMouseOver="View('FFCC99');" onClick="Set('FFCC99');"></td>
-<td class="color" bgcolor="#FFFF99" onMouseOver="View('FFFF99');" onClick="Set('FFFF99');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#9900CC" onMouseOver="View('9900CC');" onClick="Set('9900CC');"></td>
-<td class="color" bgcolor="#9933CC" onMouseOver="View('9933CC');" onClick="Set('9933CC');"></td>
-<td class="color" bgcolor="#9966CC" onMouseOver="View('9966CC');" onClick="Set('9966CC');"></td>
-<td class="color" bgcolor="#9999CC" onMouseOver="View('9999CC');" onClick="Set('9999CC');"></td>
-<td class="color" bgcolor="#99CCCC" onMouseOver="View('99CCCC');" onClick="Set('99CCCC');"></td>
-<td class="color" bgcolor="#99FFCC" onMouseOver="View('99FFCC');" onClick="Set('99FFCC');"></td>
-<td class="color" bgcolor="#CC00CC" onMouseOver="View('CC00CC');" onClick="Set('CC00CC');"></td>
-<td class="color" bgcolor="#CC33CC" onMouseOver="View('CC33CC');" onClick="Set('CC33CC');"></td>
-<td class="color" bgcolor="#CC66CC" onMouseOver="View('CC66CC');" onClick="Set('CC66CC');"></td>
-<td class="color" bgcolor="#CC99CC" onMouseOver="View('CC99CC');" onClick="Set('CC99CC');"></td>
-<td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
-<td class="color" bgcolor="#CCFFCC" onMouseOver="View('CCFFCC');" onClick="Set('CCFFCC');"></td>
-<td class="color" bgcolor="#FF00CC" onMouseOver="View('FF00CC');" onClick="Set('FF00CC');"></td>
-<td class="color" bgcolor="#FF33CC" onMouseOver="View('FF33CC');" onClick="Set('FF33CC');"></td>
-<td class="color" bgcolor="#FF66CC" onMouseOver="View('FF66CC');" onClick="Set('FF66CC');"></td>
-<td class="color" bgcolor="#FF99CC" onMouseOver="View('FF99CC');" onClick="Set('FF99CC');"></td>
-<td class="color" bgcolor="#FFCCCC" onMouseOver="View('FFCCCC');" onClick="Set('FFCCCC');"></td>
-<td class="color" bgcolor="#FFFFCC" onMouseOver="View('FFFFCC');" onClick="Set('FFFFCC');"></td>
-</tr>
-<tr>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
-<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
-<td class="color" bgcolor="#9900FF" onMouseOver="View('9900FF');" onClick="Set('9900FF');"></td>
-<td class="color" bgcolor="#9933FF" onMouseOver="View('9933FF');" onClick="Set('9933FF');"></td>
-<td class="color" bgcolor="#9966FF" onMouseOver="View('9966FF');" onClick="Set('9966FF');"></td>
-<td class="color" bgcolor="#9999FF" onMouseOver="View('9999FF');" onClick="Set('9999FF');"></td>
-<td class="color" bgcolor="#99CCFF" onMouseOver="View('99CCFF');" onClick="Set('99CCFF');"></td>
-<td class="color" bgcolor="#99FFFF" onMouseOver="View('99FFFF');" onClick="Set('99FFFF');"></td>
-<td class="color" bgcolor="#CC00FF" onMouseOver="View('CC00FF');" onClick="Set('CC00FF');"></td>
-<td class="color" bgcolor="#CC33FF" onMouseOver="View('CC33FF');" onClick="Set('CC33FF');"></td>
-<td class="color" bgcolor="#CC66FF" onMouseOver="View('CC66FF');" onClick="Set('CC66FF');"></td>
-<td class="color" bgcolor="#CC99FF" onMouseOver="View('CC99FF');" onClick="Set('CC99FF');"></td>
-<td class="color" bgcolor="#CCCCFF" onMouseOver="View('CCCCFF');" onClick="Set('CCCCFF');"></td>
-<td class="color" bgcolor="#CCFFFF" onMouseOver="View('CCFFFF');" onClick="Set('CCFFFF');"></td>
-<td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
-<td class="color" bgcolor="#FF33FF" onMouseOver="View('FF33FF');" onClick="Set('FF33FF');"></td>
-<td class="color" bgcolor="#FF66FF" onMouseOver="View('FF66FF');" onClick="Set('FF66FF');"></td>
-<td class="color" bgcolor="#FF99FF" onMouseOver="View('FF99FF');" onClick="Set('FF99FF');"></td>
-<td class="color" bgcolor="#FFCCFF" onMouseOver="View('FFCCFF');" onClick="Set('FFCCFF');"></td>
-<td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
-</tr>
-</table>
+	<form method="get" onSubmit="Set(document.getElementById('ColorHex').value); return false;">
+		<div id="selectedColor"><div id="ColorPreview"></div><input type="text" name="ColorHex" id="ColorHex" value="" size="15" /></div>
+	</form>
+	<table cellspacing="1" cellpadding="0">
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#003300" onMouseOver="View('003300');" onClick="Set('003300');"></td>
+			<td class="color" bgcolor="#006600" onMouseOver="View('006600');" onClick="Set('006600');"></td>
+			<td class="color" bgcolor="#009900" onMouseOver="View('009900');" onClick="Set('009900');"></td>
+			<td class="color" bgcolor="#00CC00" onMouseOver="View('00CC00');" onClick="Set('00CC00');"></td>
+			<td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
+			<td class="color" bgcolor="#330000" onMouseOver="View('330000');" onClick="Set('330000');"></td>
+			<td class="color" bgcolor="#333300" onMouseOver="View('333300');" onClick="Set('333300');"></td>
+			<td class="color" bgcolor="#336600" onMouseOver="View('336600');" onClick="Set('336600');"></td>
+			<td class="color" bgcolor="#339900" onMouseOver="View('339900');" onClick="Set('339900');"></td>
+			<td class="color" bgcolor="#33CC00" onMouseOver="View('33CC00');" onClick="Set('33CC00');"></td>
+			<td class="color" bgcolor="#33FF00" onMouseOver="View('33FF00');" onClick="Set('33FF00');"></td>
+			<td class="color" bgcolor="#660000" onMouseOver="View('660000');" onClick="Set('660000');"></td>
+			<td class="color" bgcolor="#663300" onMouseOver="View('663300');" onClick="Set('663300');"></td>
+			<td class="color" bgcolor="#666600" onMouseOver="View('666600');" onClick="Set('666600');"></td>
+			<td class="color" bgcolor="#669900" onMouseOver="View('669900');" onClick="Set('669900');"></td>
+			<td class="color" bgcolor="#66CC00" onMouseOver="View('66CC00');" onClick="Set('66CC00');"></td>
+			<td class="color" bgcolor="#66FF00" onMouseOver="View('66FF00');" onClick="Set('66FF00');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#000033" onMouseOver="View('000033');" onClick="Set('000033');"></td>
+			<td class="color" bgcolor="#003333" onMouseOver="View('003333');" onClick="Set('003333');"></td>
+			<td class="color" bgcolor="#006633" onMouseOver="View('006633');" onClick="Set('006633');"></td>
+			<td class="color" bgcolor="#009933" onMouseOver="View('009933');" onClick="Set('009933');"></td>
+			<td class="color" bgcolor="#00CC33" onMouseOver="View('00CC33');" onClick="Set('00CC33');"></td>
+			<td class="color" bgcolor="#00FF33" onMouseOver="View('00FF33');" onClick="Set('00FF33');"></td>
+			<td class="color" bgcolor="#330033" onMouseOver="View('330033');" onClick="Set('330033');"></td>
+			<td class="color" bgcolor="#333333" onMouseOver="View('333333');" onClick="Set('333333');"></td>
+			<td class="color" bgcolor="#336633" onMouseOver="View('336633');" onClick="Set('336633');"></td>
+			<td class="color" bgcolor="#339933" onMouseOver="View('339933');" onClick="Set('339933');"></td>
+			<td class="color" bgcolor="#33CC33" onMouseOver="View('33CC33');" onClick="Set('33CC33');"></td>
+			<td class="color" bgcolor="#33FF33" onMouseOver="View('33FF33');" onClick="Set('33FF33');"></td>
+			<td class="color" bgcolor="#660033" onMouseOver="View('660033');" onClick="Set('660033');"></td>
+			<td class="color" bgcolor="#663333" onMouseOver="View('663333');" onClick="Set('663333');"></td>
+			<td class="color" bgcolor="#666633" onMouseOver="View('666633');" onClick="Set('666633');"></td>
+			<td class="color" bgcolor="#669933" onMouseOver="View('669933');" onClick="Set('669933');"></td>
+			<td class="color" bgcolor="#66CC33" onMouseOver="View('66CC33');" onClick="Set('66CC33');"></td>
+			<td class="color" bgcolor="#66FF33" onMouseOver="View('66FF33');" onClick="Set('66FF33');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#000066" onMouseOver="View('000066');" onClick="Set('000066');"></td>
+			<td class="color" bgcolor="#003366" onMouseOver="View('003366');" onClick="Set('003366');"></td>
+			<td class="color" bgcolor="#006666" onMouseOver="View('006666');" onClick="Set('006666');"></td>
+			<td class="color" bgcolor="#009966" onMouseOver="View('009966');" onClick="Set('009966');"></td>
+			<td class="color" bgcolor="#00CC66" onMouseOver="View('00CC66');" onClick="Set('00CC66');"></td>
+			<td class="color" bgcolor="#00FF66" onMouseOver="View('00FF66');" onClick="Set('00FF66');"></td>
+			<td class="color" bgcolor="#330066" onMouseOver="View('330066');" onClick="Set('330066');"></td>
+			<td class="color" bgcolor="#333366" onMouseOver="View('333366');" onClick="Set('333366');"></td>
+			<td class="color" bgcolor="#336666" onMouseOver="View('336666');" onClick="Set('336666');"></td>
+			<td class="color" bgcolor="#339966" onMouseOver="View('339966');" onClick="Set('339966');"></td>
+			<td class="color" bgcolor="#33CC66" onMouseOver="View('33CC66');" onClick="Set('33CC66');"></td>
+			<td class="color" bgcolor="#33FF66" onMouseOver="View('33FF66');" onClick="Set('33FF66');"></td>
+			<td class="color" bgcolor="#660066" onMouseOver="View('660066');" onClick="Set('660066');"></td>
+			<td class="color" bgcolor="#663366" onMouseOver="View('663366');" onClick="Set('663366');"></td>
+			<td class="color" bgcolor="#666666" onMouseOver="View('666666');" onClick="Set('666666');"></td>
+			<td class="color" bgcolor="#669966" onMouseOver="View('669966');" onClick="Set('669966');"></td>
+			<td class="color" bgcolor="#66CC66" onMouseOver="View('66CC66');" onClick="Set('66CC66');"></td>
+			<td class="color" bgcolor="#66FF66" onMouseOver="View('66FF66');" onClick="Set('66FF66');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#000099" onMouseOver="View('000099');" onClick="Set('000099');"></td>
+			<td class="color" bgcolor="#003399" onMouseOver="View('003399');" onClick="Set('003399');"></td>
+			<td class="color" bgcolor="#006699" onMouseOver="View('006699');" onClick="Set('006699');"></td>
+			<td class="color" bgcolor="#009999" onMouseOver="View('009999');" onClick="Set('009999');"></td>
+			<td class="color" bgcolor="#00CC99" onMouseOver="View('00CC99');" onClick="Set('00CC99');"></td>
+			<td class="color" bgcolor="#00FF99" onMouseOver="View('00FF99');" onClick="Set('00FF99');"></td>
+			<td class="color" bgcolor="#330099" onMouseOver="View('330099');" onClick="Set('330099');"></td>
+			<td class="color" bgcolor="#333399" onMouseOver="View('333399');" onClick="Set('333399');"></td>
+			<td class="color" bgcolor="#336699" onMouseOver="View('336699');" onClick="Set('336699');"></td>
+			<td class="color" bgcolor="#339999" onMouseOver="View('339999');" onClick="Set('339999');"></td>
+			<td class="color" bgcolor="#33CC99" onMouseOver="View('33CC99');" onClick="Set('33CC99');"></td>
+			<td class="color" bgcolor="#33FF99" onMouseOver="View('33FF99');" onClick="Set('33FF99');"></td>
+			<td class="color" bgcolor="#660099" onMouseOver="View('660099');" onClick="Set('660099');"></td>
+			<td class="color" bgcolor="#663399" onMouseOver="View('663399');" onClick="Set('663399');"></td>
+			<td class="color" bgcolor="#666699" onMouseOver="View('666699');" onClick="Set('666699');"></td>
+			<td class="color" bgcolor="#669999" onMouseOver="View('669999');" onClick="Set('669999');"></td>
+			<td class="color" bgcolor="#66CC99" onMouseOver="View('66CC99');" onClick="Set('66CC99');"></td>
+			<td class="color" bgcolor="#66FF99" onMouseOver="View('66FF99');" onClick="Set('66FF99');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#0000CC" onMouseOver="View('0000CC');" onClick="Set('0000CC');"></td>
+			<td class="color" bgcolor="#0033CC" onMouseOver="View('0033CC');" onClick="Set('0033CC');"></td>
+			<td class="color" bgcolor="#0066CC" onMouseOver="View('0066CC');" onClick="Set('0066CC');"></td>
+			<td class="color" bgcolor="#0099CC" onMouseOver="View('0099CC');" onClick="Set('0099CC');"></td>
+			<td class="color" bgcolor="#00CCCC" onMouseOver="View('00CCCC');" onClick="Set('00CCCC');"></td>
+			<td class="color" bgcolor="#00FFCC" onMouseOver="View('00FFCC');" onClick="Set('00FFCC');"></td>
+			<td class="color" bgcolor="#3300CC" onMouseOver="View('3300CC');" onClick="Set('3300CC');"></td>
+			<td class="color" bgcolor="#3333CC" onMouseOver="View('3333CC');" onClick="Set('3333CC');"></td>
+			<td class="color" bgcolor="#3366CC" onMouseOver="View('3366CC');" onClick="Set('3366CC');"></td>
+			<td class="color" bgcolor="#3399CC" onMouseOver="View('3399CC');" onClick="Set('3399CC');"></td>
+			<td class="color" bgcolor="#33CCCC" onMouseOver="View('33CCCC');" onClick="Set('33CCCC');"></td>
+			<td class="color" bgcolor="#33FFCC" onMouseOver="View('33FFCC');" onClick="Set('33FFCC');"></td>
+			<td class="color" bgcolor="#6600CC" onMouseOver="View('6600CC');" onClick="Set('6600CC');"></td>
+			<td class="color" bgcolor="#6633CC" onMouseOver="View('6633CC');" onClick="Set('6633CC');"></td>
+			<td class="color" bgcolor="#6666CC" onMouseOver="View('6666CC');" onClick="Set('6666CC');"></td>
+			<td class="color" bgcolor="#6699CC" onMouseOver="View('6699CC');" onClick="Set('6699CC');"></td>
+			<td class="color" bgcolor="#66CCCC" onMouseOver="View('66CCCC');" onClick="Set('66CCCC');"></td>
+			<td class="color" bgcolor="#66FFCC" onMouseOver="View('66FFCC');" onClick="Set('66FFCC');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
+			<td class="color" bgcolor="#0033FF" onMouseOver="View('0033FF');" onClick="Set('0033FF');"></td>
+			<td class="color" bgcolor="#0066FF" onMouseOver="View('0066FF');" onClick="Set('0066FF');"></td>
+			<td class="color" bgcolor="#0099FF" onMouseOver="View('0099FF');" onClick="Set('0099FF');"></td>
+			<td class="color" bgcolor="#00CCFF" onMouseOver="View('00CCFF');" onClick="Set('00CCFF');"></td>
+			<td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
+			<td class="color" bgcolor="#3300FF" onMouseOver="View('3300FF');" onClick="Set('3300FF');"></td>
+			<td class="color" bgcolor="#3333FF" onMouseOver="View('3333FF');" onClick="Set('3333FF');"></td>
+			<td class="color" bgcolor="#3366FF" onMouseOver="View('3366FF');" onClick="Set('3366FF');"></td>
+			<td class="color" bgcolor="#3399FF" onMouseOver="View('3399FF');" onClick="Set('3399FF');"></td>
+			<td class="color" bgcolor="#33CCFF" onMouseOver="View('33CCFF');" onClick="Set('33CCFF');"></td>
+			<td class="color" bgcolor="#33FFFF" onMouseOver="View('33FFFF');" onClick="Set('33FFFF');"></td>
+			<td class="color" bgcolor="#6600FF" onMouseOver="View('6600FF');" onClick="Set('6600FF');"></td>
+			<td class="color" bgcolor="#6633FF" onMouseOver="View('6633FF');" onClick="Set('6633FF');"></td>
+			<td class="color" bgcolor="#6666FF" onMouseOver="View('6666FF');" onClick="Set('6666FF');"></td>
+			<td class="color" bgcolor="#6699FF" onMouseOver="View('6699FF');" onClick="Set('6699FF');"></td>
+			<td class="color" bgcolor="#66CCFF" onMouseOver="View('66CCFF');" onClick="Set('66CCFF');"></td>
+			<td class="color" bgcolor="#66FFFF" onMouseOver="View('66FFFF');" onClick="Set('66FFFF');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#990000" onMouseOver="View('990000');" onClick="Set('990000');"></td>
+			<td class="color" bgcolor="#993300" onMouseOver="View('993300');" onClick="Set('993300');"></td>
+			<td class="color" bgcolor="#996600" onMouseOver="View('996600');" onClick="Set('996600');"></td>
+			<td class="color" bgcolor="#999900" onMouseOver="View('999900');" onClick="Set('999900');"></td>
+			<td class="color" bgcolor="#99CC00" onMouseOver="View('99CC00');" onClick="Set('99CC00');"></td>
+			<td class="color" bgcolor="#99FF00" onMouseOver="View('99FF00');" onClick="Set('99FF00');"></td>
+			<td class="color" bgcolor="#CC0000" onMouseOver="View('CC0000');" onClick="Set('CC0000');"></td>
+			<td class="color" bgcolor="#CC3300" onMouseOver="View('CC3300');" onClick="Set('CC3300');"></td>
+			<td class="color" bgcolor="#CC6600" onMouseOver="View('CC6600');" onClick="Set('CC6600');"></td>
+			<td class="color" bgcolor="#CC9900" onMouseOver="View('CC9900');" onClick="Set('CC9900');"></td>
+			<td class="color" bgcolor="#CCCC00" onMouseOver="View('CCCC00');" onClick="Set('CCCC00');"></td>
+			<td class="color" bgcolor="#CCFF00" onMouseOver="View('CCFF00');" onClick="Set('CCFF00');"></td>
+			<td class="color" bgcolor="#FF0000" onMouseOver="View('FF0000');" onClick="Set('FF0000');"></td>
+			<td class="color" bgcolor="#FF3300" onMouseOver="View('FF3300');" onClick="Set('FF3300');"></td>
+			<td class="color" bgcolor="#FF6600" onMouseOver="View('FF6600');" onClick="Set('FF6600');"></td>
+			<td class="color" bgcolor="#FF9900" onMouseOver="View('FF9900');" onClick="Set('FF9900');"></td>
+			<td class="color" bgcolor="#FFCC00" onMouseOver="View('FFCC00');" onClick="Set('FFCC00');"></td>
+			<td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#00FF00" onMouseOver="View('00FF00');" onClick="Set('00FF00');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#990033" onMouseOver="View('990033');" onClick="Set('990033');"></td>
+			<td class="color" bgcolor="#993333" onMouseOver="View('993333');" onClick="Set('993333');"></td>
+			<td class="color" bgcolor="#996633" onMouseOver="View('996633');" onClick="Set('996633');"></td>
+			<td class="color" bgcolor="#999933" onMouseOver="View('999933');" onClick="Set('999933');"></td>
+			<td class="color" bgcolor="#99CC33" onMouseOver="View('99CC33');" onClick="Set('99CC33');"></td>
+			<td class="color" bgcolor="#99FF33" onMouseOver="View('99FF33');" onClick="Set('99FF33');"></td>
+			<td class="color" bgcolor="#CC0033" onMouseOver="View('CC0033');" onClick="Set('CC0033');"></td>
+			<td class="color" bgcolor="#CC3333" onMouseOver="View('CC3333');" onClick="Set('CC3333');"></td>
+			<td class="color" bgcolor="#CC6633" onMouseOver="View('CC6633');" onClick="Set('CC6633');"></td>
+			<td class="color" bgcolor="#CC9933" onMouseOver="View('CC9933');" onClick="Set('CC9933');"></td>
+			<td class="color" bgcolor="#CCCC33" onMouseOver="View('CCCC33');" onClick="Set('CCCC33');"></td>
+			<td class="color" bgcolor="#CCFF33" onMouseOver="View('CCFF33');" onClick="Set('CCFF33');"></td>
+			<td class="color" bgcolor="#FF0033" onMouseOver="View('FF0033');" onClick="Set('FF0033');"></td>
+			<td class="color" bgcolor="#FF3333" onMouseOver="View('FF3333');" onClick="Set('FF3333');"></td>
+			<td class="color" bgcolor="#FF6633" onMouseOver="View('FF6633');" onClick="Set('FF6633');"></td>
+			<td class="color" bgcolor="#FF9933" onMouseOver="View('FF9933');" onClick="Set('FF9933');"></td>
+			<td class="color" bgcolor="#FFCC33" onMouseOver="View('FFCC33');" onClick="Set('FFCC33');"></td>
+			<td class="color" bgcolor="#FFFF33" onMouseOver="View('FFFF33');" onClick="Set('FFFF33');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#0000FF" onMouseOver="View('0000FF');" onClick="Set('0000FF');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#990066" onMouseOver="View('990066');" onClick="Set('990066');"></td>
+			<td class="color" bgcolor="#993366" onMouseOver="View('993366');" onClick="Set('993366');"></td>
+			<td class="color" bgcolor="#996666" onMouseOver="View('996666');" onClick="Set('996666');"></td>
+			<td class="color" bgcolor="#999966" onMouseOver="View('999966');" onClick="Set('999966');"></td>
+			<td class="color" bgcolor="#99CC66" onMouseOver="View('99CC66');" onClick="Set('99CC66');"></td>
+			<td class="color" bgcolor="#99FF66" onMouseOver="View('99FF66');" onClick="Set('99FF66');"></td>
+			<td class="color" bgcolor="#CC0066" onMouseOver="View('CC0066');" onClick="Set('CC0066');"></td>
+			<td class="color" bgcolor="#CC3366" onMouseOver="View('CC3366');" onClick="Set('CC3366');"></td>
+			<td class="color" bgcolor="#CC6666" onMouseOver="View('CC6666');" onClick="Set('CC6666');"></td>
+			<td class="color" bgcolor="#CC9966" onMouseOver="View('CC9966');" onClick="Set('CC9966');"></td>
+			<td class="color" bgcolor="#CCCC66" onMouseOver="View('CCCC66');" onClick="Set('CCCC66');"></td>
+			<td class="color" bgcolor="#CCFF66" onMouseOver="View('CCFF66');" onClick="Set('CCFF66');"></td>
+			<td class="color" bgcolor="#FF0066" onMouseOver="View('FF0066');" onClick="Set('FF0066');"></td>
+			<td class="color" bgcolor="#FF3366" onMouseOver="View('FF3366');" onClick="Set('FF3366');"></td>
+			<td class="color" bgcolor="#FF6666" onMouseOver="View('FF6666');" onClick="Set('FF6666');"></td>
+			<td class="color" bgcolor="#FF9966" onMouseOver="View('FF9966');" onClick="Set('FF9966');"></td>
+			<td class="color" bgcolor="#FFCC66" onMouseOver="View('FFCC66');" onClick="Set('FFCC66');"></td>
+			<td class="color" bgcolor="#FFFF66" onMouseOver="View('FFFF66');" onClick="Set('FFFF66');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#FFFF00" onMouseOver="View('FFFF00');" onClick="Set('FFFF00');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#990099" onMouseOver="View('990099');" onClick="Set('990099');"></td>
+			<td class="color" bgcolor="#993399" onMouseOver="View('993399');" onClick="Set('993399');"></td>
+			<td class="color" bgcolor="#996699" onMouseOver="View('996699');" onClick="Set('996699');"></td>
+			<td class="color" bgcolor="#999999" onMouseOver="View('999999');" onClick="Set('999999');"></td>
+			<td class="color" bgcolor="#99CC99" onMouseOver="View('99CC99');" onClick="Set('99CC99');"></td>
+			<td class="color" bgcolor="#99FF99" onMouseOver="View('99FF99');" onClick="Set('99FF99');"></td>
+			<td class="color" bgcolor="#CC0099" onMouseOver="View('CC0099');" onClick="Set('CC0099');"></td>
+			<td class="color" bgcolor="#CC3399" onMouseOver="View('CC3399');" onClick="Set('CC3399');"></td>
+			<td class="color" bgcolor="#CC6699" onMouseOver="View('CC6699');" onClick="Set('CC6699');"></td>
+			<td class="color" bgcolor="#CC9999" onMouseOver="View('CC9999');" onClick="Set('CC9999');"></td>
+			<td class="color" bgcolor="#CCCC99" onMouseOver="View('CCCC99');" onClick="Set('CCCC99');"></td>
+			<td class="color" bgcolor="#CCFF99" onMouseOver="View('CCFF99');" onClick="Set('CCFF99');"></td>
+			<td class="color" bgcolor="#FF0099" onMouseOver="View('FF0099');" onClick="Set('FF0099');"></td>
+			<td class="color" bgcolor="#FF3399" onMouseOver="View('FF3399');" onClick="Set('FF3399');"></td>
+			<td class="color" bgcolor="#FF6699" onMouseOver="View('FF6699');" onClick="Set('FF6699');"></td>
+			<td class="color" bgcolor="#FF9999" onMouseOver="View('FF9999');" onClick="Set('FF9999');"></td>
+			<td class="color" bgcolor="#FFCC99" onMouseOver="View('FFCC99');" onClick="Set('FFCC99');"></td>
+			<td class="color" bgcolor="#FFFF99" onMouseOver="View('FFFF99');" onClick="Set('FFFF99');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#00FFFF" onMouseOver="View('00FFFF');" onClick="Set('00FFFF');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#9900CC" onMouseOver="View('9900CC');" onClick="Set('9900CC');"></td>
+			<td class="color" bgcolor="#9933CC" onMouseOver="View('9933CC');" onClick="Set('9933CC');"></td>
+			<td class="color" bgcolor="#9966CC" onMouseOver="View('9966CC');" onClick="Set('9966CC');"></td>
+			<td class="color" bgcolor="#9999CC" onMouseOver="View('9999CC');" onClick="Set('9999CC');"></td>
+			<td class="color" bgcolor="#99CCCC" onMouseOver="View('99CCCC');" onClick="Set('99CCCC');"></td>
+			<td class="color" bgcolor="#99FFCC" onMouseOver="View('99FFCC');" onClick="Set('99FFCC');"></td>
+			<td class="color" bgcolor="#CC00CC" onMouseOver="View('CC00CC');" onClick="Set('CC00CC');"></td>
+			<td class="color" bgcolor="#CC33CC" onMouseOver="View('CC33CC');" onClick="Set('CC33CC');"></td>
+			<td class="color" bgcolor="#CC66CC" onMouseOver="View('CC66CC');" onClick="Set('CC66CC');"></td>
+			<td class="color" bgcolor="#CC99CC" onMouseOver="View('CC99CC');" onClick="Set('CC99CC');"></td>
+			<td class="color" bgcolor="#CCCCCC" onMouseOver="View('CCCCCC');" onClick="Set('CCCCCC');"></td>
+			<td class="color" bgcolor="#CCFFCC" onMouseOver="View('CCFFCC');" onClick="Set('CCFFCC');"></td>
+			<td class="color" bgcolor="#FF00CC" onMouseOver="View('FF00CC');" onClick="Set('FF00CC');"></td>
+			<td class="color" bgcolor="#FF33CC" onMouseOver="View('FF33CC');" onClick="Set('FF33CC');"></td>
+			<td class="color" bgcolor="#FF66CC" onMouseOver="View('FF66CC');" onClick="Set('FF66CC');"></td>
+			<td class="color" bgcolor="#FF99CC" onMouseOver="View('FF99CC');" onClick="Set('FF99CC');"></td>
+			<td class="color" bgcolor="#FFCCCC" onMouseOver="View('FFCCCC');" onClick="Set('FFCCCC');"></td>
+			<td class="color" bgcolor="#FFFFCC" onMouseOver="View('FFFFCC');" onClick="Set('FFFFCC');"></td>
+		</tr>
+		<tr>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
+			<td class="color" bgcolor="#000000" onMouseOver="View('000000');" onClick="Set('000000');"></td>
+			<td class="color" bgcolor="#9900FF" onMouseOver="View('9900FF');" onClick="Set('9900FF');"></td>
+			<td class="color" bgcolor="#9933FF" onMouseOver="View('9933FF');" onClick="Set('9933FF');"></td>
+			<td class="color" bgcolor="#9966FF" onMouseOver="View('9966FF');" onClick="Set('9966FF');"></td>
+			<td class="color" bgcolor="#9999FF" onMouseOver="View('9999FF');" onClick="Set('9999FF');"></td>
+			<td class="color" bgcolor="#99CCFF" onMouseOver="View('99CCFF');" onClick="Set('99CCFF');"></td>
+			<td class="color" bgcolor="#99FFFF" onMouseOver="View('99FFFF');" onClick="Set('99FFFF');"></td>
+			<td class="color" bgcolor="#CC00FF" onMouseOver="View('CC00FF');" onClick="Set('CC00FF');"></td>
+			<td class="color" bgcolor="#CC33FF" onMouseOver="View('CC33FF');" onClick="Set('CC33FF');"></td>
+			<td class="color" bgcolor="#CC66FF" onMouseOver="View('CC66FF');" onClick="Set('CC66FF');"></td>
+			<td class="color" bgcolor="#CC99FF" onMouseOver="View('CC99FF');" onClick="Set('CC99FF');"></td>
+			<td class="color" bgcolor="#CCCCFF" onMouseOver="View('CCCCFF');" onClick="Set('CCCCFF');"></td>
+			<td class="color" bgcolor="#CCFFFF" onMouseOver="View('CCFFFF');" onClick="Set('CCFFFF');"></td>
+			<td class="color" bgcolor="#FF00FF" onMouseOver="View('FF00FF');" onClick="Set('FF00FF');"></td>
+			<td class="color" bgcolor="#FF33FF" onMouseOver="View('FF33FF');" onClick="Set('FF33FF');"></td>
+			<td class="color" bgcolor="#FF66FF" onMouseOver="View('FF66FF');" onClick="Set('FF66FF');"></td>
+			<td class="color" bgcolor="#FF99FF" onMouseOver="View('FF99FF');" onClick="Set('FF99FF');"></td>
+			<td class="color" bgcolor="#FFCCFF" onMouseOver="View('FFCCFF');" onClick="Set('FFCCFF');"></td>
+			<td class="color" bgcolor="#FFFFFF" onMouseOver="View('FFFFFF');" onClick="Set('FFFFFF');"></td>
+		</tr>
+	</table>
 </div>
 </body>
 </html>
-
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/default-image.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/default-image.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/default-image.js	(copie de travail)
@@ -1,7 +1,7 @@
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -63,10 +63,10 @@
 		var pluginInformation = {
 			version		: "1.0",
 			developer	: "Stanislas Rolland",
-			developerUrl	: "http://www.fructifor.ca/",
+			developerUrl	: "http://www.ajbr.ca/",
 			copyrightOwner	: "Stanislas Rolland",
-			sponsor		: "Fructifor Inc.",
-			sponsorUrl	: "http://www.fructifor.ca/",
+			sponsor		: "SJBR",
+			sponsorUrl	: "http://www.sjbr.ca/",
 			license		: "GPL"
 		};
 		this.registerPluginInformation(pluginInformation);
@@ -129,7 +129,7 @@
 		}
 		this.image = image;
 		
-		this.dialog = this.openDialog("InsertImage", this.makeUrlFromPopupName("insert_image"), "insertImage", outparam, {width:580, height:495});
+		this.dialog = this.openDialog("InsertImage", this.makeUrlFromPopupName("insert_image"), "insertImage", outparam, {width:600, height:610});
 		return false;
 	},
 	
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/popups/insert_image.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/popups/insert_image.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultImage/popups/insert_image.html	(copie de travail)
@@ -1,3 +1,6 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
 /***************************************************************
 *  Copyright notice
@@ -4,7 +7,7 @@
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -35,7 +38,7 @@
  * TYPO3 SVN ID: $Id$
  */
 -->
-<html class="popupwin">
+<html>
 <head>
 	<title>Insert Image</title>
 	<meta http-equiv="Content-Style-Type" content="text/css" />
@@ -123,19 +126,22 @@
 		/*]]>*/
 	</script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-default-image" onload="Init();">
+<div id="content">
 <div class="title">Insert Image</div>
 <form action="" method="get">
-	<label for="f_url" class="field">Image URL:</label>
-	<input type="text" id="f_url" name="url" size="65" title="Enter the image URL here" />
-	<button name="preview" onclick="return onPreview();" title="Preview the image in a new window">Preview</button>
+	<div id="image">
+		<label for="f_url" class="field">Image URL:</label>
+		<input type="text" id="f_url" name="url" size="45" title="Enter the image URL here" />
+		<button class="preview" name="preview" onclick="return onPreview();" title="Preview the image in a new window">Preview</button>
+	</div>
 	<div class="space"></div>
 	<div id="alt">
 		<label for="f_alt" class="field">Alternate text:</label>
-		<input type="text" name="alt" id="f_alt" size="80" title="For browsers that dont support images" />
+		<input type="text" name="alt" id="f_alt" size="55" title="For browsers that dont support images" />
 	</div>
 	<div class="space"></div>
-	<fieldset id="layout" class="floating">
+	<fieldset id="layout">
 		<legend>Layout</legend>
 		<ul>
 			<li id="align">
@@ -181,7 +187,7 @@
 			</li>
 		</ul>
 	</fieldset>
-	<div class="space" style="clear: both;"></div>
+	<div class="space"></div>
 	<fieldset>
 		<legend>Image Preview</legend>
 			<div class="imagepreview">
@@ -192,6 +198,8 @@
 		<button type="button" name="ok" onclick="return onOK();">OK</button>
 		<button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
 	</div>
+	<div class="space"></div>
 </form>
+</div>
 </body>
 </html>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/default-link.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/default-link.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/default-link.js	(copie de travail)
@@ -1,7 +1,7 @@
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -53,10 +53,10 @@
 		var pluginInformation = {
 			version		: "1.0",
 			developer	: "Stanislas Rolland",
-			developerUrl	: "http://www.fructifor.ca/",
+			developerUrl	: "http://www.sjbr.ca/",
 			copyrightOwner	: "Stanislas Rolland",
-			sponsor		: "Fructifor Inc.",
-			sponsorUrl	: "http://www.fructifor.ca/",
+			sponsor		: "SJBR",
+			sponsorUrl	: "http://www.sjbr.ca/",
 			license		: "GPL"
 		};
 		this.registerPluginInformation(pluginInformation);
@@ -125,7 +125,7 @@
 		}
 		
 		this.link = link;
-		this.dialog = this.openDialog("CreateLink", this.makeUrlFromPopupName("link"), "createLink", paramameters, {width:450, height:145});
+		this.dialog = this.openDialog("CreateLink", this.makeUrlFromPopupName("link"), "createLink", paramameters, {width:570, height:150});
 		return false;
 	},
 	
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/popups/link.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/popups/link.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/DefaultLink/popups/link.html	(copie de travail)
@@ -1,3 +1,6 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
 /***************************************************************
 *  Copyright notice
@@ -4,7 +7,7 @@
 *
 *  (c) 2002-2004, interactivetools.com, inc.
 *  (c) 2003-2004 dynarch.com
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -35,7 +38,7 @@
  * TYPO3 SVN ID: $Id$
  */
 --> 
-<html class="popupwin">
+<html>
 <head>
 	<title>Insert Image</title>
 	<meta http-equiv="Content-Style-Type" content="text/css" />
@@ -117,15 +120,19 @@
 		/*]]>*/
 	</script>
 </head>
-<body class="popupwin" onload="Init()">
+<body class="popupwin hrmlarea-default-link" onload="Init()">
 <div id="content">
 <div class="title">Insert/Modify Link</div>
 <form action="" method="get">
-	<label for="f_href" class="field">URL:</label>
-	<input type="text" id="f_href" size="65" title="link_href_tooltip" />
+	<div id="url">
+		<label for="f_href" class="field">URL:</label>
+		<input type="text" id="f_href" size="65" title="link_href_tooltip" />
+	</div>
 	<div class="space"></div>
-	<label for="f_title" class="field">Title (tooltip):</label>
-	<input type="text" id="f_title" size="65" title="link_title_tooltip" />
+	<div id="title">
+		<label for="f_title" class="field">Title (tooltip):</label>
+		<input type="text" id="f_title" size="65" title="link_title_tooltip" />
+	</div>
 	<div class="space"></div>
 	<div id="target">
 		<label for="f_target" class="field">Target:</label>
@@ -141,6 +148,7 @@
 		<button type="button" name="ok" onclick="return onOK();">OK</button>
 		<button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
 	</div>
+	<br />
 </form>
 </div>
 </body>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/find-replace.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/find-replace.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/find-replace.js	(copie de travail)
@@ -51,7 +51,7 @@
 			developer	: "Cau Guanabara & Stanislas Rolland",
 			developerUrl	: "mailto:caugb@ibest.com.br",
 			copyrightOwner	: "Cau Guanabara & Stanislas Rolland",
-			sponsor		: "Independent production & Fructifor Inc.",
+			sponsor		: "Independent production & SJBR",
 			sponsorUrl	: "http://www.netflash.com.br/gb/HA3-rc1/examples/find-replace.html",
 			license		: "GPL"
 		};
@@ -69,7 +69,7 @@
 		};
 		this.registerButton(buttonConfiguration);
 
-		this.popupWidth = 420;
+		this.popupWidth = 400;
 		this.popupHeight = 360;
 
 		return true;
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/popups/find_replace.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/popups/find_replace.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/FindReplace/popups/find_replace.html	(copie de travail)
@@ -1,10 +1,13 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2004 Cau guanabara <caugb@ibest.com.br>
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -63,8 +66,8 @@
 			} else {
 				document.getElementById('fr_pattern').focus();
 			}
-			dialog.initialize();
 			document.body.onkeypress = onKeyPress;
+			dialog.initialize();
 		};
 		function requestReplacement() {
 			if (!document.getElementById("fr_replacement").value && document.getElementById("fr_replaceall").checked) {
@@ -119,56 +122,47 @@
 		/*]]>*/
 	</script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-find-replace" onload="Init();">
 <div id="content">
 <div class="title">Find and Replace</div>
 <form action="" method="get">
-	<dl>
-		<dt>
-			<label for="fr_pattern" class="field">Search for:</label>
-		</dt>
-		<dd>
+	<fieldset>
+		<div>
+			<label for="fr_pattern">Search for:</label><br />
 			<input id="fr_pattern" type="text" size="35" onFocus="this.select();">
-		</dd>
-		<dt>
-			<label for="fr_replacement" class="field">Replace with:</label>
-		</dt>
-		<dd>
+		</div>
+		<div>
+			<label for="fr_replacement">Replace with:</label><br />
 			<input id="fr_replacement" type="text" size="35" onFocus="this.select();">
-		</dd>
-	</dl>
+		</div>
+	</fieldset>
 	<fieldset>
 		<legend>Options</legend>
-		<ul>
-			<li>
-				<input id="fr_words" type="checkbox" checked onClick="clearDoc();">
+		<div>
+				<input id="fr_words" type="checkbox" checked="checked" onClick="clearDoc();">
 				<label for="fr_words" class="long-label">Whole words only</label>
-			</li>
-			<li>
+		</div>
+		<div>
 				<input id="fr_matchcase" type="checkbox" onClick="clearDoc();">
 				<label for="fr_matchcase" class="long-label">Case sensitive search</label>
-			</li>
-			<li>
+		</div>
+		<div>
 				<input id="fr_replaceall" type="checkbox" onClick="requestReplacement();">
 				<label for="fr_replaceall" class="long-label">Substitute all occurrences</label>
-			</li>
-		</ul>
+		</div>
 	</fieldset>
 	<fieldset>
 		<legend>Actions</legend>
-		<ul>
-			<li>
+		<div>
 				<button type="button" class="long-button" id="fr_clear" onClick="clearMarks();">Clear</button>
-			</li>
-			<li>
+		</div>
+		<div>
 				<button type="button" class="long-button" id="fr_hiliteall" onClick="hiliteAll();">Highlight</button>
-			</li>
-			<li>
+		</div>
+		<div>
 				<button type="button" class="long-button" id="fr_undo" onClick="resetContents();">Undo</button>
-			</li>
-		</ul>
+		</div>
 	</fieldset>
-	<div class="space"></div>
 	<div class="buttons">
 		<button type="button" id="fr_go" onclick="return onOK();">Next</button>
 		<button type="button" name="cancel" onclick="return onCancel();">Done</button>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/insert-smiley.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/insert-smiley.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/insert-smiley.js	(copie de travail)
@@ -93,7 +93,7 @@
 			param.editor_url = document.URL;
 			param.editor_url = param.editor_url.replace(/^(.*\/).*\/.*$/g, "$1");
 		}
-		this.dialog = this.openDialog("InsertSmiley", this.makeUrlFromPopupName("insertsmiley"), "insertImageTag", param, {width:250, height:220});
+		this.dialog = this.openDialog("InsertSmiley", this.makeUrlFromPopupName("insertsmiley"), "insertImageTag", param, {width:250, height:230});
 	},
 
 	/*
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/popups/insertsmiley.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/popups/insertsmiley.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/InsertSmiley/popups/insertsmiley.html	(copie de travail)
@@ -1,4 +1,7 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
@@ -72,9 +75,13 @@
 				} else {
 					inum = i;
 				}
-				trow.insertCell((i - 1) % 4).innerHTML = "<a href=\"javascript:onOK('" + inum + "')\"><img style=\"border: 0px;\" alt=\"Smiley " + + i + "\" src=\""+ param.editor_url +"plugins/InsertSmiley/smileys/" + inum + ".gif\" />";
+				trow.insertCell((i - 1) % 4).innerHTML = "<a href=\"javascript:onOK('" + inum + "')\"><img alt=\"Smiley " + + i + "\" src=\""+ param.editor_url +"plugins/InsertSmiley/smileys/" + inum + ".gif\" />";
 			}
-			dialog.resize();
+			if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+				setTimeout( function() { dialog.resize(); }, 200);
+			} else {
+				dialog.resize();
+			}
 		};
 
 		function onOK(smileynum) {
@@ -93,18 +100,17 @@
 		/*]]>*/
 	</script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-insert-smiley"" onload="Init();">
 <div id="content">
 <div class="title">Insert Smiley</div>
 <form action="" method="get">
-	<div class="smileytable" style="text-align: center;">
+	<div class="smileytable">
 		<table id="smileytable" name="smileytable"></table>
 	</div>
 	<div class="space"></div>
 	<div class="buttons">
 		<button type="button" onclick="return onCancel();">Cancel</button>
 	</div>
-	<br />
 </form>
 </div>
 </body>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/popups/quicktag.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/popups/quicktag.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/popups/quicktag.html	(copie de travail)
@@ -1,10 +1,13 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!-- 
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2004 Cau guanabara <caugb@ibest.com.br>
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -48,7 +51,7 @@
 		var CSSEdit = false;
 		
 		function Init() {
-			dialog.initialize();
+			dialog.initialize(false,true);
 			
 			createDropdown("tags");
 			var to = document.getElementById('tagopen');
@@ -57,6 +60,11 @@
 			document.getElementById('bt_colors').style.display = "none";
 			document.body.onkeypress = onKeyPress;
 			to.focus();
+			if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
+				setTimeout( function() { dialog.resize(); }, 200);
+			} else {
+				dialog.resize();
+			}
 		};
 
 		function onCancel() {
@@ -358,18 +366,18 @@
 		/*]]>*/
 	</script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-quick-tag" onload="Init();">
 <div class="title">Quick Tag Editor</div>
 <form action="" method="get">
-	<div style="text-align: center; padding: 3px; background-color: #e9e9e9;"> 
-		<strong style="font-size: 14px;">&lt;</strong>
-		<input id="tagopen" type="text" style="background-color: #e9e9e9; width: 370px; border-width: 0px;" />
-		<strong style="font-size: 14px;">&gt;</strong>
+	<div id="tag">
+		<strong>&lt;</strong>
+		<input id="tagopen" type="text" />
+		<strong>&gt;</strong>
 	</div>
 	<div class="space"></div>
-	<div id="showselect" style="position: absolute; left: 7px; top: 81px; width: 150px; z-index: 100; visibility: visible; height: 13px; color: red;"></div>
+	<div id="showselect"></div>
 	<div class="buttons">
-		<button type="button" id="bt_colors" onclick="colors();">Colors</button> 
+		<button type="button" id="bt_colors" onclick="colors();">Colors</button>
 		<button type="button" id="bt_ok" onclick="return onOK();">Ok</button>
 		<button type="button" onclick="return onCancel();">Cancel</button>
 	</div>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/quick-tag.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/quick-tag.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/QuickTag/quick-tag.js	(copie de travail)
@@ -56,7 +56,7 @@
 			developer	: "Cau Guanabara & Stanislas Rolland",
 			developerUrl	: "mailto:caugb@ibest.com.br",
 			copyrightOwner	: "Cau Guanabara & Stanislas Rolland",
-			sponsor		: "Independent production & Fructifor Inc.",
+			sponsor		: "Independent production & SJBR",
 			sponsorUrl	: "http://www.netflash.com.br/gb/HA3-rc1/examples/quick-tag.html",
 			license		: "GPL"
 		};
@@ -88,7 +88,7 @@
 	 * @return	boolean		false if action is completed
 	 */
 	onButtonPress : function(editor, id, target) {
-		this.dialog = this.openDialog("InsertTag", this.makeUrlFromPopupName("quicktag"), "setTag", null, {width:450, height:108});
+		this.dialog = this.openDialog("InsertTag", this.makeUrlFromPopupName("quicktag"), "setTag", null, {width:470, height:115});
 	},
 
 	/*
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/RemoveFormat/popups/removeformat.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/RemoveFormat/popups/removeformat.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/RemoveFormat/popups/removeformat.html	(copie de travail)
@@ -1,9 +1,12 @@
-<html class="popupwin">
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
-*  (c) 2005-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2005-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -81,30 +84,35 @@
 		/*]]>*/
 	</script>
 </head>
-<body class="popupwin" onload="Init();">
+<body class="popupwin htmlarea-remove-format" onload="Init();">
 <div id="content">
 <div class="title">Remove formatting</div>
 <form action="" method="get">
 	<fieldset>
-		<legend><span>Cleaning Area</span></legend>
-			<label for="clean_selection"><span>Selection</span></label> <input type="radio" name="cleaning_area" id="clean_selection" value="selection" />
-			<label for="clean_page"><span>All</span></label> <input type="radio" name="cleaning_area" id="clean_page" value="page" checked="checked" />
+		<legend>Cleaning Area</legend>
+		<div>
+			<label for="clean_selection">Selection</label> <input type="radio" name="cleaning_area" id="clean_selection" value="selection" />
+			<label for="clean_page">All</label> <input type="radio" name="cleaning_area" id="clean_page" value="page" checked="checked" />
+		</div>
 	</fieldset>
 	<fieldset>
-		<legend><span>Cleaning options</span></legend>
-			<div class="space"></div>
-			<div class="fl"><label for="formatting">Formatting:</label></div>
-			<input type="checkbox" id="formatting" value="" />
-			<div class="space"></div>
-			<div class="fl"><label for="ms_formatting">MS Word Formatting:</label></div>
-			<input type="checkbox" id="ms_formatting" value="" checked="checked" />
-			<div class="space"></div>
-			<div class="fl"><label for="images">Images:</label></div>
-			<input type="checkbox" id="images" value="" />
-			<div class="space"></div>
-			<div class="fl"><label for="html_all">All HTML:</label></div>
-			<input type="checkbox" id="html_all" value="" />
-			<div class="space"></div>
+		<legend>Cleaning options</legend>
+			<div>
+				<label class="fl" for="formatting">Formatting:</label>
+				<input type="checkbox" id="formatting" value="" />
+			</div>
+			<div>
+				<label class="fl" for="ms_formatting">MS Word Formatting:</label>
+				<input type="checkbox" id="ms_formatting" value="" checked="checked" />
+			</div>
+			<div>
+				<label class="fl" for="images">Images:</label>
+				<input type="checkbox" id="images" value="" />
+			</div>
+			<div>
+				<label class="fl" for="html_all">All HTML:</label>
+				<input type="checkbox" id="html_all" value="" />
+			</div>
 	</fieldset>
 	<div class="buttons">
 		<button type="button" name="ok" onclick="return onOK();">OK</button>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui-iso-8859-1.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui-iso-8859-1.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui-iso-8859-1.html	(copie de travail)
@@ -1,11 +1,14 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <?xml version="1.0" encoding="iso-8859-1"?>
-<html class="popupwin" xmlns="http://www.w3.org/1999/xhtml">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2003 dynarch.com. Authored by Mihai Bazon, sponsored by www.americanbible.org.
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -40,28 +43,8 @@
 	<title>Spell Checker</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 	<script type="text/javascript" src="../spell-check-ui.js"></script>
-	<script type="text/javascript">
-		/*<![CDATA[*/
-		<!--
-		var dialog = window.opener.HTMLArea.Dialog.SpellChecker;
-		// -->
-		/*]]>*/
-	</script>
-	<style type="text/css">
-		/*<![CDATA[*/
-		<!--
-		iframe { background-color: #fff; color: #000; height: 100%; width: 100%; }
-		.controls { width: 14em; }
-		.controls .sectitle { text-align: center; font-weight: bold; padding: 2px 4px; }
-		.controls .secbody { margin-bottom: 10px; }
-		#v_currentWord { color: #f00; font-weight: bold; }
-		#statusbar { padding: 7px 0px 0px 5px; }
-		#status { font-weight: bold; }
-		-->
-		/*]]>*/
-	</style>
 </head>
-<body class="popupwin" onload="initDocument();">
+<body class="popupwin htmlarea-spell-check" onload="initDocument();">
 <div id="content">
 	<form style="display: none;" action="../spell-check-logic.php" method="post" target="framecontent" accept-charset="ISO-8859-1">
 		<input type="hidden" name="content" id="f_content" />
@@ -72,62 +55,45 @@
 		<input type="hidden" name="enablePersonalDicts" id="f_personal_dicts" />
 		<input type="hidden" name="init" id="f_init" value="1" />
 	</form>
-	<table class="popupwin" style="height: 100%; width: 100%; border-collapse: collapse;" cellspacing="0" cellpadding="0">
-	<tr>
-        <td colspan="2">
-		<div class="title" style="width: 100%; padding: 2px;">Spell Checker</div>
-        </td>
-	</tr>
-	<tr>
-        <td colspan="2" style="height: 1em; padding: 2px;">
-          <div style="float: right; padding: 2px;"><span>Dictionary</span>
-            <select id="v_dictionaries" style="width: 10em"></select>
-            <button id="b_recheck">Re-check</button>
-          </div>
-          <span id="status">Please wait. Calling spell checker.</span>
-        </td>
-	</tr>
-	<tr style="height: 100%;">
-        <td valign="top" class="controls">
-          <div class="secbody" style="text-align: center">
-            <button id="b_info">Info</button>
-          </div>
-          <div class="sectitle">Original word</div>
-          <div class="secbody" id="v_currentWord" style="text-align:
-          center; margin-bottom: 2px;">pliz weit ;-)</div>
-          <div class="secbody" style="text-align: center">
-            <button id="b_revert" class="long-button">Revert</button>
-          </div>
-          <div class="sectitle">Replace with</div>
-          <div class="secbody">
-            <input type="text" id="v_replacement" style="width: 94%; margin-left: 3%;" /><br />
-            <div style="text-align: center; margin-top: 2px;">
-              <button id="b_replace" class="long-button">Replace</button><button
-                id="b_replall" class="long-button">Replace all</button><br /><button
-                id="b_ignore" class="long-button">Ignore</button><button
-                id="b_ignall" class="long-button">Ignore all</button><button
-                id="b_learn" class="long-button">Learn</button>
-            </div>
-          </div>
-          <div class="sectitle">Suggestions</div>
-          <div class="secbody">
-            <select size="11" style="width: 94%; margin-left: 3%;" id="v_suggestions"></select>
-          </div>
-        </td>
-        <td style="height: 100%;">
-          <iframe src="about:blank" width="100%" height="100%" id="i_framecontent" name="framecontent"></iframe>
-        </td>
-      </tr>
-      <tr>
-        <td style="height: 1em;" colspan="2">
-          <div style="padding: 4px 2px 2px 2px; float: right;">
-            <button id="b_ok">OK</button>
-            <button id="b_cancel">Cancel</button>
-          </div>
-          <div id="statusbar"></div>
-        </td>
-      </tr>
-    </table>
+	<div class="title">Spell Checker</div>
+	<div class="dictionaries">
+		<label for="v_dictionaries">Dictionary</label>
+		<select id="v_dictionaries" name="v_dictionaries"></select>
+		<button id="b_recheck">Re-check</button>
+	</div>
+	<div class="status" id="status">Please wait. Calling spell checker.</div>
+	<div class="controls">
+		<div class="sectitle">Original word</div>
+		<div class="secbody" id="v_currentWord">pliz weit ;-)</div>
+		<div class="secbody">
+			<button id="b_revert" class="long-button">Revert</button>
+		</div>
+		<div class="sectitle"><label for="v_replacement">Replace with</label></div>
+		<div class="secbody">
+			<input type="text" id="v_replacement" name="v_replacement"/>
+			<button id="b_replace" class="long-button">Replace</button>
+			<button id="b_replall" class="long-button">Replace all</button>
+			<button id="b_ignore" class="long-button">Ignore</button>
+			<button id="b_ignall" class="long-button">Ignore all</button>
+			<button id="b_learn" class="long-button">Learn</button>
+		</div>
+		<div class="sectitle"><label for="v_suggestions">Suggestions</label></div>
+		<div class="secbody">
+			<select size="11" id="v_suggestions"></select>
+		</div>
+		<div class="secbody">
+			<button id="b_info">Info</button>
+		</div>
+	</div>
+	<div class="contentframe">
+		<iframe src="../../../popups/blank.html" id="i_framecontent" name="framecontent"></iframe>
+	</div>
+	<div id="statusbar" class="occurrences-found">&nbsp;</div>
+	<div class="space"></div>
+	<div class="buttons">
+		<button type="button" id="b_ok">OK</button>
+		<button type="button" id="b_cancel">Cancel</button>
+	</div>
 </div>
 </body>
 </html>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/popups/spell-check-ui.html	(copie de travail)
@@ -1,11 +1,14 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <?xml version="1.0" encoding="utf-8"?>
-<html class="popupwin" xmlns="http://www.w3.org/1999/xhtml">
+<html>
 <!--
 /***************************************************************
 *  Copyright notice
 *
 *  (c) 2003 dynarch.com. Authored by Mihai Bazon, sponsored by www.americanbible.org.
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -40,29 +43,9 @@
 	<title>Spell Checker</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<script type="text/javascript" src="../spell-check-ui.js"></script>
-	<script type="text/javascript">
-		/*<![CDATA[*/
-		<!--
-		var dialog = window.opener.HTMLArea.Dialog.SpellChecker;
-		// -->
-		/*]]>*/
-	</script>
-	<style type="text/css">
-		/*<![CDATA[*/
-		<!--
-		iframe { background-color: #fff; color: #000; height: 100%; width: 100%; }
-		.controls { width: 14em; }
-		.controls .sectitle { text-align: center; font-weight: bold; padding: 2px 4px; }
-		.controls .secbody { margin-bottom: 10px; }
-		#v_currentWord { color: #f00; font-weight: bold; }
-		#statusbar { padding: 7px 0px 0px 5px; }
-		#status { font-weight: bold; }
-		-->
-		/*]]>*/
-	</style>
 </head>
-<body class="popupwin" onload="initDocument();">
-<div id="content">
+<body class="popupwin htmlarea-spell-check" onload="initDocument();">
+<div id="content" class="spellcheck">
 	<form style="display: none;" action="../spell-check-logic.php" method="post" target="framecontent" accept-charset="UTF-8">
 		<input type="hidden" name="content" id="f_content" />
 		<input type="hidden" name="dictionary" id="f_dictionary" />
@@ -72,61 +55,45 @@
 		<input type="hidden" name="enablePersonalDicts" id="f_personal_dicts" />
 		<input type="hidden" name="init" id="f_init" value="1" />
 	</form>
-	<table class="popupwin" style="height: 100%; width: 100%; border-collapse: collapse;" cellspacing="0" cellpadding="0">
-	<tr>
-        <td colspan="2">
-		<div class="title" style="width: 100%; padding: 2px;">Spell Checker</div>
-        </td>
-	</tr>
-	<tr>
-        <td colspan="2" style="height: 1em; padding: 2px;">
-          <div style="float: right; padding: 2px;"><span>Dictionary</span>
-            <select id="v_dictionaries" style="width: 10em;"></select>
-            <button id="b_recheck">Re-check</button>
-          </div>
-          <span id="status">Please wait. Calling spell checker.</span>
-        </td>
-	</tr>
-	<tr style="height: 100%;">
-        <td valign="top" class="controls">
-          <div class="secbody" style="text-align: center;">
-            <button id="b_info">Info</button>
-          </div>
-          <div class="sectitle">Original word</div>
-          <div class="secbody" id="v_currentWord" style="text-align: center; margin-bottom: 2px;">pliz weit ;-)</div>
-          <div class="secbody" style="text-align: center;">
-            <button id="b_revert" class="long-button">Revert</button>
-          </div>
-          <div class="sectitle">Replace with</div>
-          <div class="secbody">
-            <input type="text" id="v_replacement" style="width: 94%; margin-left: 3%;" /><br />
-            <div style="text-align: center; margin-top: 2px;">
-              <button id="b_replace" class="long-button">Replace</button><button
-                id="b_replall" class="long-button">Replace all</button><br /><button
-                id="b_ignore" class="long-button">Ignore</button><button
-                id="b_ignall" class="long-button">Ignore all</button><button
-                id="b_learn" class="long-button">Learn</button>
-            </div>
-          </div>
-          <div class="sectitle">Suggestions</div>
-          <div class="secbody">
-            <select size="11" style="width: 94%; margin-left: 3%;" id="v_suggestions"></select>
-          </div>
-        </td>
-        <td style="height: 100%;">
-          <iframe src="about:blank" width="100%" height="100%" id="i_framecontent" name="framecontent"></iframe>
-        </td>
-      </tr>
-      <tr>
-        <td style="height: 1em;" colspan="2">
-          <div style="padding: 4px 2px 2px 2px; float: right;">
-            <button id="b_ok">OK</button>
-            <button id="b_cancel">Cancel</button>
-          </div>
-          <div id="statusbar"></div>
-        </td>
-      </tr>
-    </table>
+	<div class="title">Spell Checker</div>
+	<div class="dictionaries">
+		<label for="v_dictionaries">Dictionary</label>
+		<select id="v_dictionaries" name="v_dictionaries"></select>
+		<button id="b_recheck">Re-check</button>
+	</div>
+	<div class="status" id="status">Please wait. Calling spell checker.</div>
+	<div class="controls">
+		<div class="sectitle">Original word</div>
+		<div class="secbody" id="v_currentWord">pliz weit ;-)</div>
+		<div class="secbody">
+			<button id="b_revert" class="long-button">Revert</button>
+		</div>
+		<div class="sectitle"><label for="v_replacement">Replace with</label></div>
+		<div class="secbody">
+			<input type="text" id="v_replacement" name="v_replacement"/>
+			<button id="b_replace" class="long-button">Replace</button>
+			<button id="b_replall" class="long-button">Replace all</button>
+			<button id="b_ignore" class="long-button">Ignore</button>
+			<button id="b_ignall" class="long-button">Ignore all</button>
+			<button id="b_learn" class="long-button">Learn</button>
+		</div>
+		<div class="sectitle"><label for="v_suggestions">Suggestions</label></div>
+		<div class="secbody">
+			<select size="11" id="v_suggestions"></select>
+		</div>
+		<div class="secbody">
+			<button id="b_info">Info</button>
+		</div>
+	</div>
+	<div class="contentframe">
+		<iframe src="../../../popups/blank.html" id="i_framecontent" name="framecontent"></iframe>
+	</div>
+	<div id="statusbar" class="occurrences-found">&nbsp;</div>
+	<div class="space"></div>
+	<div class="buttons">
+		<button type="button" id="b_ok">OK</button>
+		<button type="button" id="b_cancel">Cancel</button>
+	</div>
 </div>
 </body>
 </html>
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-check-ui.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-check-ui.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-check-ui.js	(copie de travail)
@@ -2,7 +2,7 @@
 *  Copyright notice
 *
 *  (c) 2003 dynarch.com. Authored by Mihai Bazon, sponsored by www.americanbible.org.
-*  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
+*  (c) 2004-2008 Stanislas Rolland <typo3(arobas)sjbr.ca>
 *  All rights reserved
 *
 *  This script is part of the TYPO3 project. The TYPO3 project is
@@ -32,6 +32,7 @@
  *
  * TYPO3 SVN ID: $Id$
  */
+var dialog = window.opener.HTMLArea.Dialog.SpellChecker;
 var frame = null;
 var currentElement = null;
 var wrongWords = null;
@@ -311,7 +312,7 @@
 		document.getElementById("v_replacement").value = this.innerHTML;
 	}
 	select.style.display = "none";
-	select.style.display = "block";
+	select.style.display = "inline";
 	return false;
 };
 
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-checker.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-checker.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/SpellChecker/spell-checker.js	(copie de travail)
@@ -58,8 +58,8 @@
 			developer	: "Mihai Bazon & Stanislas Rolland",
 			developerUrl	: "http://dynarch.com/mishoo/",
 			copyrightOwner	: "Mihai Bazon & Stanislas Rolland",
-			sponsor		: "American Bible Society & Fructifor Inc.",
-			sponsorUrl	: "http://www.fructifor.ca/",
+			sponsor		: "American Bible Society & SJBR",
+			sponsorUrl	: "http://www.sjbr.ca/",
 			license		: "GPL"
 		};
 		this.registerPluginInformation(pluginInformation);
@@ -94,7 +94,7 @@
 		switch (buttonId) {
 			case "SpellCheck":
 				var charset = (this.contentCharset.toLowerCase() == 'iso-8859-1') ? "-iso-8859-1" : "";
-				this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("spell-check-ui" + charset), null, null, {width:670, height:600});
+				this.dialog = this.openDialog(buttonId, this.makeUrlFromPopupName("spell-check-ui" + charset), null, null, {width:710, height:600});
 				break;
 		}
 		return false;
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/TableOperations/table-operations.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/TableOperations/table-operations.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/TableOperations/table-operations.js	(copie de travail)
@@ -170,7 +170,7 @@
 		};
 		var dimensions = {
 			width	: 860,
-			height	: insert ? 600 : 610
+			height	: 620
 		};
 		this.dialog = this.openDialog((insert ? "InsertTable" : "TO-table-prop"), "", "tablePropertiesUpdate", arguments, dimensions);
 	},
Index: typo3/sysext/rtehtmlarea/htmlarea/plugins/TYPO3Color/typo3color.js
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/plugins/TYPO3Color/typo3color.js	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/plugins/TYPO3Color/typo3color.js	(copie de travail)
@@ -52,7 +52,7 @@
 			developer	: "Stanislas Rolland",
 			developerUrl	: "http://www.sjbr.ca/",
 			copyrightOwner	: "Stanislas Rolland",
-			sponsor		: "Stanislas Rolland",
+			sponsor		: "SJBR",
 			sponsorUrl	: "http://www.sjbr.ca/",
 			license		: "GPL"
 		};
@@ -112,7 +112,7 @@
 	
 	dialogSelectColor : function (buttonId, element, field, dialogOpener) {
 		var dimensions = {
-			width	: 490,
+			width	: 500,
 			height	: 245
 		};
 		var arguments = {
@@ -297,17 +297,17 @@
 		var szColorId = "";
 		
 		sz = '<div class="title">' + title + '</div>';
-		sz += '<form id="HA-color-select-form"><table style="width:100%"><tr><td id="HA-layout"><fieldset>';
+		sz += '<form id="HA-color-select-form"><fieldset>';
 		sz += '<input type="hidden" name="' + sID + '" id="' + sID + '" value="' + initialValue + '" />';
-		sz += '<table style="width:100%;"><tr><td style="vertical-align: middle;"><span style="margin-left: 5px; height: 1em;" class="dialog buttonColor" ';
+		sz += '<div class="buttonColor" ';
 		sz += '		onMouseover="className += \' buttonColor-hilite\';" ';
 		sz += '		onMouseout="className = \'buttonColor\';">';
 		sz += '	<span id="' + szID + '" class="chooser">&nbsp;</span>';
 		sz += '	<span id="colorUnset" class="nocolor" title="' + "no_color" + '" ';
 		sz += '		onMouseover="className += \' nocolor-hilite\';" ';
 		sz += '		onMouseout="className = \'nocolor\';"';
-		sz += '	>&#x00d7;</span></span></td><td>';
-		sz += '<table class="colorTable" cellspacing="0" cellpadding="0" id="colorTable">';
+		sz += '	>&#x00d7;</span></div>';
+		sz += '<div class="colorTableWrapper"><table class="colorTable" cellspacing="0" cellpadding="0" id="colorTable">';
 		var onMouseOut = ' onMouseout="document.getElementById(\'' + szID + '\').style.backgroundColor=\'\'; document.getElementById(\'' + sID + '\').value=\'\';"';
 		var onMouseOver = ' onMouseover="if(' + HTMLArea.is_ie + '){ if (event.srcElement.bgColor) { document.getElementById(\'' + szID + '\').style.backgroundColor = event.srcElement.bgColor; document.getElementById(\'' + sID + '\').value = event.srcElement.bgColor;} } else { if (event.target.bgColor) { document.getElementById(\'' + szID + '\').style.backgroundColor=event.target.bgColor; document.getElementById(\'' + sID + '\').value=event.target.bgColor;} };" ';
 			// Making colorPicker
@@ -341,8 +341,8 @@
 			}
 		}
 		
-		sz += '</table></td></tr></table>';
-		sz += '</fieldset></td></tr><tr><td id="HA-style"></td></tr></table></form>';
+		sz += '</table></div>';
+		sz += '</fieldset></form>';
 		return sz;
 	}
 });
Index: typo3/sysext/rtehtmlarea/htmlarea/popups/blank.html
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/popups/blank.html	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/popups/blank.html	(copie de travail)
@@ -1,3 +1,6 @@
+<!DOCTYPE html
+     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <head>
 </head>
Index: typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css
===================================================================
--- typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css	(révision 4241)
+++ typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css	(copie de travail)
@@ -225,31 +225,10 @@
 .htmlarea .statusBarTextMode {
 	padding:2px 5px;
 }
-/* Selectors for popup windows */
-.dialog .buttonColor {
-	cursor:default;
-	border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;padding:1px;
-}
-.dialog .buttonColor-hilite {
-	border-color:black black black black;
-}
-.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
-	height:0.6em;
-	border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;padding:0px 1em;
-}
-.dialog .buttonColor .nocolor {
-	padding:0;
-}
-.dialog .buttonColor .nocolor-hilite {
-	background-color:#fff;color:#f00;cursor:pointer;
-}
+/* Selectors for dialogue windows */
 .popupwin {
 	background-color:#e4e0db;color:ButtonText;
 	font:11px Tahoma,Verdana,sans-serif;
-}
-.popupwin body {
-	background-color:#e4e0db;color:ButtonText;
-	font:11px Tahoma,Verdana,sans-serif;
 	border-style:none;margin:5px;padding:0;
 }
 .popupwin .title {
@@ -287,8 +266,9 @@
 	top: -4px; z-index: 10;
 	padding: 3px 10px 4px 10px;
 }
-.popupwin .content {
-	border-style:none;margin:0;padding:0;
+.popupwin .content, .popupwin #content {
+	border-style:none;
+	margin:0;padding:0;
 }
 .popupwin ul {
 	list-style-type:none;
@@ -320,6 +300,9 @@
 	display:block;
 	margin:5px 5px 0 5px;padding:0 5px 2px 5px;
 }
+.popupwin fieldset div {
+	margin:3px 0;
+}
 .popupwin .floating {
 	float:left;
 }
@@ -403,52 +386,210 @@
 .popupwin input.shorter-value {
 	width:17em;
 }
-.popupwin #HA-layout {
-	width:450px;
+/* Selectors for TYPO3 Color dialogue */
+.popupwin .buttonColor {
+	cursor:default;
+	border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonHighlight ButtonHighlight;
+	padding:1px;margin:46px 10px 0 0;
+	height:1em;
+	white-space:nowrap;
 }
-.colorTable {
-	border:black 1px solid;
+.popupwin div.buttonColor {
+	float:left;
+	vertical-align:middle;
 }
-.currentColor {
+.popupwin .buttonColor-hilite {
+	border-color:black black black black;
+}
+.popupwin .buttonColor .chooser, .popupwin .buttonColor .nocolor {
+	height:0.6em;
+	border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonShadow ButtonShadow;
+	padding:0 1em;
+}
+.popupwin .buttonColor .nocolor {
+	padding:0;
+}
+.popupwin .buttonColor .nocolor-hilite {
+	background-color:#fff;color:#f00;cursor:pointer;
+}
+.popupwin .colorTableWrapper {
+}
+.popupwin .colorTable {
+	width:350px;
+}
+.popupwin .currentColor {
 	width:20px;height:20px;
-	border:black 1px solid;margin:0pt 15pt;
+	border:black 1px solid;
+	margin:0pt 15pt;
 }
-.colorTable tr {
+.popupwin .colorTable tr {
 	height:6px;
 }
-.colorTable td {
+.popupwin .colorTable td {
 	width:6px;
 	cursor:pointer;
 }
-.colorTable td.colorTitle {
+.popupwin .colorTable td.colorTitle {
 	width:auto;
 	padding-left:10px;
 }
-/* Selectors for the InsertImage popup */
-.popupwin div.imagepreview {
+/* Selectors for the Default Image dialogue */
+.htmlarea-default-image #image, .htmlarea-default-image #alt {
+	white-space:nowrap;
+}
+.htmlarea-default-image button.preview {
+	margin-left:5px;vertical-align:top;
+	white-space:normal;
+}
+.htmlarea-default-image div.imagepreview {
 	text-align:center;
 }
-.popupwin .imagepreview iframe {
+.htmlarea-default-image div.imagepreview iframe {
 	width:300px;height:200px;
-	border:1px solid gray;
+	border:1px solid gray;margin:5px 0px;
 }
+/* Selectors for the Default Link dialogue */
+.htmlarea-default-link #url, .htmlarea-default-link #title {
+	white-space:nowrap;
+}
 /* Selectors for the InsertSmiley plugin */
-.popupwin div.smileytable {
-	height:125px;overflow:auto;
+.htmlarea-insert-smiley div.smileytable {
+	text-align:center;
+	height:130px;margin-bottom:10px;
 }
-.popupwin .smileytable td {
+.htmlarea-insert-smiley #smileytable {
+	height:130px;
+}
+.htmlarea-insert-smiley #smileytable tr {
+	height:25px;
+}
+.htmlarea-insert-smiley #smileytable td {
 	width:35px;height:25px;
 }
-/* Selectors for the FindReplace plugin */
-.popupwin .long-label {
+.htmlarea-insert-smiley #smileytable td img {
+	border-style:none;
+}
+/* Selectors for the FindReplace dialogue */
+.htmlarea-find-replace .long-label {
 	text-align:left;
 	width:30em;
 }
-/* Selectors for the SpellChecker plugin */
-.popupwin #b_recheck {
+/* Selectors for the CharacterMap dialogue */
+.htmlarea-character-map #selectedCharacter {
+	margin:5px 5px 10px 5px;
+	white-space:nowrap;
+}
+.htmlarea-character-map #selectedCharacter div {
+	display:inline;
+}
+.htmlarea-character-map #showcharacter {
+	background-color:#FFF;
+}
+.htmlarea-character-map table {
+	cursor:pointer;
+	background-color:#ADAD9C;
+	border:1px inset;
+}
+.htmlarea-character-map td.character {
+	font-size:14px;font-weight:bold;
+	text-align:center;
+	background-color:#FFF;
+}
+.htmlarea-character-map td.character-hilite {
+	background-color:Highlight;color:HighlightText;
+}
+/* Selectors for the DefaultColor dialogue */
+.htmlarea-default-color #selectedColor div {
+	white-space:nowrap;
+}
+.htmlarea-default-color #ColorPreview {
+	height:21px;width:50px;
+	float:left;
+	background-color:#000;
+}
+.htmlarea-default-color #ColorHex {
+	font-size:12px;
+	display:inline;
+	vertical-align:top;
+	margin-left:5px;
+}
+.htmlarea-default-color table {
+	margin:5px 0;
+}
+.htmlarea-default-color .color {
+	width:10px;height:10px;
+	cursor:pointer;
+}
+/* Selectors for the QuickTag dialogue */
+.htmlarea-quick-tag #tag {
+	text-align:center;
+	padding:3px;
+	background-color:#E9E9E9;
+}
+.htmlarea-quick-tag #tagopen {
+	background-color: #E9E9E9;
+	width:370px;
+	border-style:none;
+}
+.htmlarea-quick-tag strong {
+	font-size:14px;
+}
+.htmlarea-quick-tag #showselect {
+	position:absolute;left:7px;top:81px;
+	width:150px;height:13px;
+	z-index:100;visibility:visible;
+}
+/* Selectors for the SpellChecker dialogue */
+.htmlarea-spell-check .dictionaries {
+	float:right;
+	padding:2px;
+}
+.htmlarea-spell-check .dictionaries #v_dictionaries {
+	width:10em;
+	margin-right:5px;
+}
+.htmlarea-spell-check #b_recheck {
 	vertical-align:middle;
 	width:12em;
 }
+.htmlarea-spell-check .status {
+	font-weight:bold;
+	padding:2px;
+}
+.htmlarea-spell-check .controls {
+	width:14em;
+	clear:right;float:left;
+	text-align:center;
+	margin:3px;
+}
+.htmlarea-spell-check .controls .sectitle {
+	font-weight:bold;
+	padding:2px 4px;
+}
+.htmlarea-spell-check .controls .secbody {
+	margin-bottom:10px;
+}
+.htmlarea-spell-check .controls #v_currentWord {
+	color:#F00;font-weight:bold;
+	margin-bottom:2px;
+}
+.htmlarea-spell-check .controls #v_replacement {
+	margin-bottom:3px;
+}
+.htmlarea-spell-check .controls #v_suggestions, .controls #v_replacement {
+	width:12em;
+}
+.htmlarea-spell-check .contentframe {
+	float:right; margin:3px;
+}
+.htmlarea-spell-check .contentframe #i_framecontent {
+	background-color:#FFF;color:#000;
+	height:450px;width:480px;
+}
+.htmlarea-spell-check .occurrences-found {
+	padding:7px 0px 0px 5px;
+	clear:both;
+}
 /* Selectors for the ContextMenu plugin */
 .htmlarea-context-menu {
 	position:absolute;top:-1000px;left:-1000px;z-index:1000;
Index: typo3/sysext/rtehtmlarea/mod2/class.tx_rtehtmlarea_acronym_mod.php
===================================================================
--- typo3/sysext/rtehtmlarea/mod2/class.tx_rtehtmlarea_acronym_mod.php	(révision 4241)
+++ typo3/sysext/rtehtmlarea/mod2/class.tx_rtehtmlarea_acronym_mod.php	(copie de travail)
@@ -251,16 +251,20 @@
 	</fieldset>
 	<fieldset id="selector">
 		<legend>' . $LANG->getLL('Defined_term',1) . '</legend>
-		<label for="termSelector" class="fl" id="termSelectorLabel" title="' . $LANG->getLL('Select_a_term',1) . '">' . $LANG->getLL('Unabridged_term',1) . '</label>
-		<select id="termSelector" name="termSelector"  title="' . $LANG->getLL('Select_a_term',1) . '"
-			onChange="document.content.acronymSelector.selectedIndex=document.content.termSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
-			<option value=""></option>
-		</select>
-		<label for="acronymSelector" id="acronymSelectorLabel" title="' . $LANG->getLL('Select_an_acronym',1) . '">' . $LANG->getLL('Abridged_term',1) . '</label>
-		<select id="acronymSelector" name="acronymSelector"  title="' . $LANG->getLL('Select_an_acronym',1) . '"
-			onChange="document.content.termSelector.selectedIndex=document.content.acronymSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
-			<option value=""></option>
-		</select>
+		<div>
+			<label class="fl" for="termSelector" id="termSelectorLabel" title="' . $LANG->getLL('Select_a_term',1) . '">' . $LANG->getLL('Unabridged_term',1) . '</label>
+			<select id="termSelector" name="termSelector"  title="' . $LANG->getLL('Select_a_term',1) . '"
+				onChange="document.content.acronymSelector.selectedIndex=document.content.termSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
+				<option value=""></option>
+			</select>
+		</div>
+		<div>
+			<label class="fl" for="acronymSelector" id="acronymSelectorLabel" title="' . $LANG->getLL('Select_an_acronym',1) . '">' . $LANG->getLL('Abridged_term',1) . '</label>
+			<select id="acronymSelector" name="acronymSelector"  title="' . $LANG->getLL('Select_an_acronym',1) . '"
+				onChange="document.content.termSelector.selectedIndex=document.content.acronymSelector.selectedIndex; document.content.title.value=document.content.termSelector.options[document.content.termSelector.selectedIndex].value;">
+				<option value=""></option>
+			</select>
+		</div>
 	</fieldset>
 	<fieldset>
 		<legend>' . $LANG->getLL('Term_to_abridge',1) . '</legend>
Index: typo3/sysext/t3skin/rtehtmlarea/htmlarea.css
===================================================================
--- typo3/sysext/t3skin/rtehtmlarea/htmlarea.css	(révision 4241)
+++ typo3/sysext/t3skin/rtehtmlarea/htmlarea.css	(copie de travail)
@@ -236,31 +236,10 @@
 	margin-top:2px;
 	padding:2px 5px;
 }
-/* Selectors for popup windows */
-.dialog .buttonColor {
-	cursor:default;
-	border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;padding:1px;
-}
-.dialog .buttonColor-hilite {
-	border-color:black black black black;
-}
-.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
-	height:0.6em;
-	border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;padding:0px 1em;
-}
-.dialog .buttonColor .nocolor {
-	padding:0;
-}
-.dialog .buttonColor .nocolor-hilite {
-	background-color:#fff;color:#f00;cursor:pointer;
-}
+/* Selectors for dialogue windows */
 .popupwin {
 	color: #212424;background-color:#EFEFF4;
 	font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
-}
-.popupwin body {
-	color: #212424;
-	font-size:11px;font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;
 	border-style:none;margin:5px;padding:0;
 }
 .popupwin .title {
@@ -296,8 +275,9 @@
 	top: -4px; z-index: 10;
 	padding: 3px 10px 4px 10px;
 }
-.popupwin .content {
-	border-style:none;margin:0;padding:0;
+.popupwin .content, .popupwin #content {
+	border-style:none;
+	margin:0;padding:0;
 }
 .popupwin ul {
 	list-style-type:none;
@@ -311,6 +291,7 @@
 }
 .popupwin table {
 	border-collapse:collapse;border-style:none;margin:0;padding:0;
+	width:100%;
 }
 .popupwin thead {
 	font-weight: bold; background-color: #ddf;
@@ -329,6 +310,9 @@
 	display:block;
 	margin:5px 5px 0 5px;padding:0 5px 2px 5px;
 }
+.popupwin fieldset div {
+	margin:3px 0;
+}
 .popupwin .floating {
 	float:left;
 }
@@ -411,52 +395,210 @@
 .popupwin input.shorter-value {
 	width:17em;
 }
-.popupwin #HA-layout {
-	width:450px;
+/* Selectors for TYPO3 Color dialogue */
+.popupwin .buttonColor {
+	cursor:default;
+	border-style:solid;border-width:1px;border-color:ButtonHighlight ButtonShadow ButtonHighlight ButtonHighlight;
+	padding:1px;margin:46px 10px 0 0;
+	height:1em;
+	white-space:nowrap;
 }
-.colorTable {
-	border:black 1px solid;
+.popupwin div.buttonColor {
+	float:left;
+	vertical-align:middle;
 }
-.currentColor {
+.popupwin .buttonColor-hilite {
+	border-color:black black black black;
+}
+.popupwin .buttonColor .chooser, .popupwin .buttonColor .nocolor {
+	height:0.6em;
+	border-width:1px;border-style:solid;border-width:1px;border-color:ButtonShadow ButtonHighlight ButtonShadow ButtonShadow;
+	padding:0 1em;
+}
+.popupwin .buttonColor .nocolor {
+	padding:0;
+}
+.popupwin .buttonColor .nocolor-hilite {
+	background-color:#fff;color:#f00;cursor:pointer;
+}
+.popupwin .colorTableWrapper {
+}
+.popupwin .colorTable {
+	width:350px;
+}
+.popupwin .currentColor {
 	width:20px;height:20px;
-	border:black 1px solid;margin:0pt 15pt;
+	border:black 1px solid;
+	margin:0pt 15pt;
 }
-.colorTable tr {
+.popupwin .colorTable tr {
 	height:6px;
 }
-.colorTable td {
+.popupwin .colorTable td {
 	width:6px;
 	cursor:pointer;
 }
-.colorTable td.colorTitle {
+.popupwin .colorTable td.colorTitle {
 	width:auto;
 	padding-left:10px;
 }
-/* Selectors for the InsertImage popup */
-.popupwin div.imagepreview {
+/* Selectors for the Default Image dialogue */
+.htmlarea-default-image #image, .htmlarea-default-image #alt {
+	white-space:nowrap;
+}
+.htmlarea-default-image button.preview {
+	margin-left:5px;vertical-align:top;
+	white-space:normal;
+}
+.htmlarea-default-image div.imagepreview {
 	text-align:center;
 }
-.popupwin .imagepreview iframe {
+.htmlarea-default-image div.imagepreview iframe {
 	width:300px;height:200px;
-	border:1px solid gray;
+	border:1px solid gray;margin:5px 0px;
 }
+/* Selectors for the Default Link dialogue */
+.htmlarea-default-link #url, .htmlarea-default-link #title {
+	white-space:nowrap;
+}
 /* Selectors for the InsertSmiley plugin */
-.popupwin div.smileytable {
-	height:125px;overflow:auto;
+.htmlarea-insert-smiley div.smileytable {
+	text-align:center;
+	height:130px;margin-bottom:10px;
 }
-.popupwin .smileytable td {
+.htmlarea-insert-smiley #smileytable {
+	height:130px;
+}
+.htmlarea-insert-smiley #smileytable tr {
+	height:25px;
+}
+.htmlarea-insert-smiley #smileytable td {
 	width:35px;height:25px;
 }
-/* Selectors for the FindReplace plugin */
-.popupwin .long-label {
+.htmlarea-insert-smiley #smileytable td img {
+	border-style:none;
+}
+/* Selectors for the FindReplace dialogue */
+.htmlarea-find-replace .long-label {
 	text-align:left;
 	width:30em;
 }
-/* Selectors for the SpellChecker plugin */
-.popupwin #b_recheck {
+/* Selectors for the CharacterMap dialogue */
+.htmlarea-character-map #selectedCharacter {
+	margin:5px 5px 10px 5px;
+	white-space:nowrap;
+}
+.htmlarea-character-map #selectedCharacter div {
+	display:inline;
+}
+.htmlarea-character-map #showcharacter {
+	background-color:#FFF;
+}
+.htmlarea-character-map table {
+	cursor:pointer;
+	background-color:#ADAD9C;
+	border:1px inset;
+}
+.htmlarea-character-map td.character {
+	font-size:14px;font-weight:bold;
+	text-align:center;
+	background-color:#FFF;
+}
+.htmlarea-character-map td.character-hilite {
+	background-color:Highlight;color:HighlightText;
+}
+/* Selectors for the DefaultColor dialogue */
+.htmlarea-default-color #selectedColor div {
+	white-space:nowrap;
+}
+.htmlarea-default-color #ColorPreview {
+	height:21px;width:50px;
+	float:left;
+	background-color:#000;
+}
+.htmlarea-default-color #ColorHex {
+	font-size:12px;
+	display:inline;
+	vertical-align:top;
+	margin-left:5px;
+}
+.htmlarea-default-color table {
+	margin:5px 0;
+}
+.htmlarea-default-color .color {
+	width:10px;height:10px;
+	cursor:pointer;
+}
+/* Selectors for the QuickTag dialogue */
+.htmlarea-quick-tag #tag {
+	text-align:center;
+	padding:3px;
+	background-color:#E9E9E9;
+}
+.htmlarea-quick-tag #tagopen {
+	background-color: #E9E9E9;
+	width:370px;
+	border-style:none;
+}
+.htmlarea-quick-tag strong {
+	font-size:14px;
+}
+.htmlarea-quick-tag #showselect {
+	position:absolute;left:7px;top:81px;
+	width:150px;height:13px;
+	z-index:100;visibility:visible;
+}
+/* Selectors for the SpellChecker dialogue */
+.htmlarea-spell-check .dictionaries {
+	float:right;
+	padding:2px;
+}
+.htmlarea-spell-check .dictionaries #v_dictionaries {
+	width:10em;
+	margin-right:5px;
+}
+.htmlarea-spell-check #b_recheck {
 	vertical-align:middle;
 	width:12em;
 }
+.htmlarea-spell-check .status {
+	font-weight:bold;
+	padding:2px;
+}
+.htmlarea-spell-check .controls {
+	width:14em;
+	clear:right;float:left;
+	text-align:center;
+	margin:3px;
+}
+.htmlarea-spell-check .controls .sectitle {
+	font-weight:bold;
+	padding:2px 4px;
+}
+.htmlarea-spell-check .controls .secbody {
+	margin-bottom:10px;
+}
+.htmlarea-spell-check .controls #v_currentWord {
+	color:#F00;font-weight:bold;
+	margin-bottom:2px;
+}
+.htmlarea-spell-check .controls #v_replacement {
+	margin-bottom:3px;
+}
+.htmlarea-spell-check .controls #v_suggestions, .controls #v_replacement {
+	width:12em;
+}
+.htmlarea-spell-check .contentframe {
+	float:right; margin:3px;
+}
+.htmlarea-spell-check .contentframe #i_framecontent {
+	background-color:#FFF;color:#000;
+	height:450px;width:480px;
+}
+.htmlarea-spell-check .occurrences-found {
+	padding:7px 0px 0px 5px;
+	clear:both;
+}
 /* Selectors for the ContextMenu plugin */
 .htmlarea-context-menu {
 	position:absolute;top:-1000px;left:-1000px;z-index:1000;
