Index: /CKEditor/branches/prototype/_source/plugins/button/plugin.js
===================================================================
--- /CKEditor/branches/prototype/_source/plugins/button/plugin.js	(revision 2356)
+++ /CKEditor/branches/prototype/_source/plugins/button/plugin.js	(revision 2357)
@@ -53,4 +53,13 @@
 
 	/**
+	 * The button advisory title. It is usually displayed as the button tooltip.
+	 * If not defined, the label is used.
+	 * @name CKEDITOR.ui.button.prototype.title
+	 * @type String
+	 * @example
+	 */
+	this.title = definition.title || definition.label;
+
+	/**
 	 * The command name associated to the button. If no command is defined, the
 	 * "click" event is used.
@@ -60,13 +69,6 @@
 	 */
 	this.command = definition.command;
-
-	/**
-	 * The button advisory title. It is usually displayed as the button tooltip.
-	 * If not defined, the label is used.
-	 * @name CKEDITOR.ui.button.prototype.title
-	 * @type String
-	 * @example
-	 */
-	this.title = definition.title || this.label;
+	
+	this.className = definition.className || ( definition.command && 'cke_button_' + definition.command ) || '';
 
 	/**
@@ -111,8 +113,10 @@
 		output.push(
 			'<a id="cke_', CKEDITOR.tools.getNextNumber(),
-				'" class="cke_button" href="do:', this.label,
+				'" class="cke_button ', this.className, '" href="do:', this.label,
 				'" title="', this.title,
-				'" onclick="return CKEDITOR.ui.button._.click(\'', editor.name, '\',\'', this.name, '\', this.id);">',
-			this.label, '</a>' );
+				'" onclick="return CKEDITOR.ui.button._.click(\'', editor.name, '\',\'', this.name, '\', this.id);">' +
+					'<span class="cke_icon"></span>' +
+					'<span class="cke_label">', this.label, '</span>' +
+			'</a>' );
 	}
 };
Index: /CKEditor/branches/prototype/_source/skins/default/editor.css
===================================================================
--- /CKEditor/branches/prototype/_source/skins/default/editor.css	(revision 2356)
+++ /CKEditor/branches/prototype/_source/skins/default/editor.css	(revision 2357)
@@ -23,2 +23,3 @@
 @import url("mainui.css");
 @import url("toolbar.css");
+@import url("elementspath.css");
Index: /CKEditor/branches/prototype/_source/skins/default/elementspath.css
===================================================================
--- /CKEditor/branches/prototype/_source/skins/default/elementspath.css	(revision 2357)
+++ /CKEditor/branches/prototype/_source/skins/default/elementspath.css	(revision 2357)
@@ -0,0 +1,45 @@
+/*
+ * CKEditor - The text editor for Internet - http://ckeditor.com
+ * Copyright (C) 2003-2008 Frederico Caldeira Knabben
+ *
+ * == BEGIN LICENSE ==
+ *
+ * Licensed under the terms of any of the following licenses at your
+ * choice:
+ *
+ *  - GNU General Public License Version 2 or later (the "GPL")
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
+ *    http://www.gnu.org/licenses/lgpl.html
+ *
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")
+ *    http://www.mozilla.org/MPL/MPL-1.1.html
+ *
+ * == END LICENSE ==
+ */
+
+.cke_skin_default .cke_path
+{
+	padding: 3px;
+}
+
+.cke_skin_default .cke_path a
+{
+	border: solid 1px #efefde;
+	background-color: #efefde;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	padding-left: 4px;
+	padding-right: 4px;
+}
+
+.cke_skin_default .cke_path a:hover
+{
+	border: solid 1px #316ac5;
+	background-color: #dff1ff;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	padding-left: 4px;
+	padding-right: 4px;
+}
Index: /CKEditor/branches/prototype/_source/skins/default/mainui.css
===================================================================
--- /CKEditor/branches/prototype/_source/skins/default/mainui.css	(revision 2356)
+++ /CKEditor/branches/prototype/_source/skins/default/mainui.css	(revision 2357)
@@ -22,5 +22,7 @@
 .cke_skin_default .cke_editor
 {
+/*
 	border: solid 1px #dcdcdc;
+*/
 	display: inline-table;
 }
@@ -28,5 +30,25 @@
 .cke_skin_default .cke_top, .cke_skin_default .cke_bottom
 {
-	background-color: #dcdcdc;
+	background-color: #efefde;
+}
+
+.cke_skin_default .cke_top
+{
+    border-top: solid 1px #fafaf5;
+    border-left: solid 1px #fafaf5;
+    border-right: solid 1px #696969;
+    border-bottom: solid 2px #696969;
+}
+
+.cke_skin_default .cke_bottom
+{
+    border-left: solid 1px #696969;
+    border-right: solid 1px #696969;
+    border-bottom: solid 1px #696969;
+}
+
+.cke_skin_default .cke_contents
+{
+	border: solid 1px #696969;
 }
 
@@ -42,14 +64,2 @@
 	background-color: #fff;
 }
-
-.cke_skin_default .cke_path a
-{
-	padding-left: 5px;
-	padding-right: 5px;
-	cursor: pointer;
-}
-
-.cke_skin_default .cke_path a:hover
-{
-	text-decoration: underline;
-}
Index: /CKEditor/branches/prototype/_source/skins/default/reset.css
===================================================================
--- /CKEditor/branches/prototype/_source/skins/default/reset.css	(revision 2356)
+++ /CKEditor/branches/prototype/_source/skins/default/reset.css	(revision 2357)
@@ -43,4 +43,7 @@
 	cursor: default;
 	color: #000;
+
+    font-size: 11px;
+    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
 }
 
Index: /CKEditor/branches/prototype/_source/skins/default/toolbar.css
===================================================================
--- /CKEditor/branches/prototype/_source/skins/default/toolbar.css	(revision 2356)
+++ /CKEditor/branches/prototype/_source/skins/default/toolbar.css	(revision 2357)
@@ -23,27 +23,84 @@
 {
 	padding: 5px;
+	display:inline-block;
 }
 
 .cke_skin_default .cke_separator
 {
+	display:block;
+	float:left;
 	border-left: solid 1px #999;
-	margin-left: 2px;
-	margin-right:2px;
+	margin: 2px;
+	height:20px;
 }
 
 .cke_skin_default a.cke_button
 {
-	border: solid 1px #bbb;
-	background-color: #eee;
+	border: solid 1px #efefde;
+	background-color: #efefde;
 	padding-top: 2px;
 	padding-bottom: 2px;
 	padding-left: 4px;
 	padding-right: 4px;
-	margin-left: 2px;
-	margin-right: 2px;
+    filter: alpha(opacity=70); /* IE */
+    opacity: 0.70; /* Safari, Opera and Mozilla */
+	display:block;
+	float: left;
+	height: 18px;
 }
 
 .cke_skin_default a:hover.cke_button
 {
-	background-color: #fff;
+	border: solid 1px #316ac5;
+	background-color: #dff1ff;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-left: 4px;
+	padding-right: 4px;
+    filter: alpha(opacity=100); /* IE */
+    opacity: 1; /* Safari, Opera and Mozilla */
+	display:block;
+	float: left;
+	height: 18px;
 }
+
+.cke_skin_default a.cke_button .cke_icon
+{
+	background-image: url(icons.gif);
+	background-position: 100px;
+	background-repeat:no-repeat;
+	margin-top:1px;
+	width: 16px;
+	height: 16px;
+	display: block;
+	float: left;
+}
+
+.cke_skin_default a.cke_button .cke_label
+{
+	display: none;
+	float: left;
+	height: 14px;
+	padding-left: 3px;
+	padding-top:3px;
+}
+
+.cke_skin_default a.cke_button_source .cke_icon
+{
+	background-position: 0 0;
+}
+
+.cke_skin_default a.cke_button_source .cke_label
+{
+	display: inline;
+}
+
+.cke_skin_default a.cke_button_bold .cke_icon
+{
+	background-position: 0 -304px;
+}
+
+.cke_skin_default a.cke_button_italic .cke_icon
+{
+	background-position: 0 -320px;
+}