diff --git a/modules/widget/tpl/css/widget.css b/modules/widget/tpl/css/widget.css
index cc411a94a..419f6ff03 100644
--- a/modules/widget/tpl/css/widget.css
+++ b/modules/widget/tpl/css/widget.css
@@ -26,7 +26,7 @@
 .widgetButtons .widgetBoxCopy{background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
 .widgetButtons .widgetBoxSize{background:transparent url("../images/widget_size.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
 .widgetButtons .widgetBoxRemove{background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
-#pageSizeLayer{width:500px;overflow:hidden;border:1px solid #888;background:#fff;z-index:2000;position:absolute}
+#pageSizeLayer{width:500px;overflow:hidden;border:1px solid #888;background:#fff;z-index:1999;position:absolute}
 #pageSizeLayer table{border:0;width:100%;table-layout:fixed}
 #pageSizeLayer table th{padding:4px 0 4px 0;background-color:#DEDEDE;text-align:center;color:#888}
 #pageSizeLayer table th.line {border-top:1px dotted #eee}
diff --git a/modules/widget/tpl/js/widget.js b/modules/widget/tpl/js/widget.js
index f9c1d1b0c..944d5b92f 100644
--- a/modules/widget/tpl/js/widget.js
+++ b/modules/widget/tpl/js/widget.js
@@ -682,7 +682,14 @@ function doShowWidgetSizeSetup(px, py, obj) {
 
 	jQuery.each(opts, function(key, val){
 		var el = form[0].elements[key];
-		if (el) el.value = val;
+		if (el)
+		{
+			el.value = val;
+			if(el.className.match(/\bcolor-indicator\b/))
+			{
+				el.style.background = el.value = '#'+el.value;
+			}
+		}
         if (el.tagName.toLowerCase() == "select")
         {
             if(el.selectedIndex == -1) {
diff --git a/modules/widget/tpl/widget_layer.html b/modules/widget/tpl/widget_layer.html
index 59b2d6565..208f8098f 100644
--- a/modules/widget/tpl/widget_layer.html
+++ b/modules/widget/tpl/widget_layer.html
@@ -47,7 +47,7 @@
 						<option value="solid">{$lang->cmd_widget_border_solid}</option>
 						<option value="dotted">{$lang->cmd_widget_border_dotted}</option>
 					</select>
-					#<input type="text" name="border_top_color" value="" class="color_input" maxlength="6"/>
+					<input type="text" name="border_top_color" value="" class="color_input color-indicator" maxlength="6"/>
 				</td>
 			</tr>
 			<tr>
@@ -57,7 +57,7 @@
 						<option value="solid">{$lang->cmd_widget_border_solid}</option>
 						<option value="dotted">{$lang->cmd_widget_border_dotted}</option>
 					</select>
-					#<input type="text" name="border_left_color" value="" class="color_input" maxlength="6"/>
+					<input type="text" name="border_left_color" value="" class="color_input color-indicator" maxlength="6"/>
 				</td>
 				<td class="tRight">
 					<input type="text" name="border_right_thick" value="" class="small_input" />px
@@ -65,7 +65,7 @@
 						<option value="solid">{$lang->cmd_widget_border_solid}</option>
 						<option value="dotted">{$lang->cmd_widget_border_dotted}</option>
 					</select>
-					#<input type="text" name="border_right_color" value="" class="color_input" maxlength="6"/>
+					<input type="text" name="border_right_color" value="" class="color_input color-indicator" maxlength="6"/>
 				</td>
 			</tr>
 			<tr>
@@ -75,12 +75,12 @@
 						<option value="solid">{$lang->cmd_widget_border_solid}</option>
 						<option value="dotted">{$lang->cmd_widget_border_dotted}</option>
 					</select>
-					#<input type="text" name="border_bottom_color" value="" class="color_input" maxlength="6"/>
+					<input type="text" name="border_bottom_color" value="" class="color_input color-indicator" maxlength="6"/>
 				</td>
 			</tr>
 			<tr>
 				<th class="line">{$lang->cmd_widget_background_color}</th>
-				<td colspan="2" class="line"><input type="text" name="background_color" value="" class="input" /></td>
+				<td colspan="2" class="line"><input type="text" name="background_color" value="" class="input color-indicator" /></td>
 			</tr>
 			<tr>
 				<th class="line">{$lang->cmd_widget_background_image_url}</th>
@@ -108,3 +108,5 @@
 		</div>
 	</form>
 </div>
+<!--%load_js_plugin("ui.colorpicker")-->
+