a:active,a:focus { outline:none; }

/* Dialogue styles */
.dlg { width:325px;height:auto;border:1px solid #969696;border-color:#969696 #7b7b7b #7b7b7b #969696;background:#fff;padding:0px 0px 4px 0px; }
	/* title bar */
	.dlg .ttl { width:100%;height:20px;background:#fff url("../../Assets/images/Colorpicker/dialog/horizontal.png") repeat-x; }
		.dlg .ttl a { cursor:default;float:right;width:16px;height:16px;text-decoration:none;background:transparent url("../../Assets/images/Colorpicker/dialog/static.png") no-repeat;margin:2px; }
			.dlg .ttl a span { display:none; }
		.dlg .ttl a:hover { background-position:0px -16px; }
		.dlg .ttl a:active { background-position:0px -32px;outline:none; }
		.dlg .ttl a:focus { outline:none; }

	/* tabs */
	.dlg .ts { height:20px;background:#fff;margin:0px 4px; }
		.dlg .ts a { cursor:default;float:left;height:19px;border:1px solid #0f0;line-height:19px;padding:0px 12px;color:#666;border-color:#fff #9d9da1 #fff #ededed;border-top:none;background:#d6d6d6;text-decoration:none; }
			.dlg .ts a span { padding:0px 3px; }
		.dlg .ts a:hover { background:#ddd;color:#777; }
		.dlg .ts a.sel { float:left;height:19px;border:1px solid #fff;line-height:19px;padding:0px 12px;border-color:#fff #ccc #ededed #f1f1f1;border-top:none;color:#333;background:#ededed; }

	/* content */
	.dlg .con { padding:0;margin:0px 4px; }
		.dlg .con .pg { width:315px;height:275px;background:#ededed;border:1px solid #ededed;border-color:#ededed #ccc #ccc #ededed; }

	/* footer  */
	.dlg .ftr { width:315px;height:40px;padding:0px;margin:0px 4px;background:#d6d6d6;border:1px solid #fff;border-color:#fff #9d9da1 #9d9da1 #ededed; }
		.dlg .ftr .chip { float:left;width:225px;height:21px;border:1px solid #fff;border-color:#9d9da1 #fff #fff #9d9da1;margin:8px 0px 0px 9px; }
		.dlg .ftr .hex { float:left;width:58px;height:21px;border:1px solid #fff;border-color:#9d9da1 #fff #fff #9d9da1;background:#fff;color:#333;line-height:21px;margin:8px 0px 0px 5px;padding:0px 0px 0px 4px; }




/* Color picker */
.plane { border:1px solid #999;border-color:#999 #fff #fff #999;}
.colorpicker { margin:9px 0 10px 9px; }

/* Slider styles */
.trackCssClass { border:1px solid #999;border-color:#999 #fff #fff #999;cursor:default !important; }
.gripCssClass { width:34px !important;height:9px !important;background:transparent url("../../Assets/images/Colorpicker/slider/static.png") no-repeat !important;cursor:n-resize !important; }
.gripCssClass:hover { width:34px !important;height:9px !important;background:transparent url("../../Assets/images/Colorpicker/slider/static.png") no-repeat 0px -9px !important; }
a.gripCssClass:active,a.gripCssClass:focus { outline:none !important; }


/* Color grid & swatches */
.grid { padding:8px;margin:0;z-index:999999 !important;height:184px; }
.GridPage .pg { height:200px !important; }


.swatches { width:100%;height:184px; }

.swatch { border:1px solid #999;border-color:#999 #fff #fff #999;cursor:default;overflow:hidden;padding:0;margin:0; }
.swatch-h { border:1px solid #999;cursor:default;overflow:hidden;padding:0;margin:0; }
.swatch-a { border:1px solid #333;cursor:default;overflow:hidden;padding:0;margin:0; }




/* Dialogue-launching button */
a.choose { background:#d6d6d6;border:1px solid #fff;border-color:#fff #9d9da1 #9d9da1 #ededed;width:50px;height:24px;cursor:default;text-decoration:none;line-height:24px;color:#000; }
	.clr { width:25px;height:18px;margin:2px;border:1px solid #fff;border-color:#9d9da1 #fff #fff #9d9da1; }
	.DemoArea span.lbl { padding:0px 4px; }

a.choose:hover { background:#ccc; }
a.choose:active { border-color:#9d9da1 #ededed #fff #9d9da1; }