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

/* Colour Picker styles */
.plane { border:1px solid #999;border-color:#999 #fff #fff #999;margin:0 0 10px 0; }
.colorpicker div { clear:none !important; }

.swatches { border-spacing:0;margin:0 0 0 -2px;padding:0;width:258px;cursor:default; }
.customswatches { border-spacing:0;margin:0 0 0 -2px;padding:0;width:258px;cursor:default;background-image:url("images/checker.png");}

.customswatches th { background-color:#F2F2F2;height:16px;line-height:16px;padding:0 0 0 2px; }
.swatches th { height:16px;line-height:16px;padding:0 0 0 2px; }

.swatch { border:1px solid #999;border-color:#999 #fff #fff #999;padding:2px;width:24px;height:20px;cursor:default; }
.swatch-h { border:1px solid #999;padding:2px;width:24px;height:20px;cursor:default; }
.swatch-a { border:1px solid #333;padding:2px;width:24px;height:20px;cursor:default; }

/* Assorted styles */
div.br { width:258px;height:1px;overflow:hidden;float:left;display:inline;border-bottom:1px solid #fff;background:#b2b2b2;margin:10px 0;clear:both; }

div.info { clear:both;width:300px;height:40px; }
    div.info #chip { width:138px;height:38px;border:1px solid #999;border-color:#999 #fff #fff #999;float:left; }

    div.info .hex { width:150px;height:100%;float:left;padding:0 0 0 10px; }
        div.info .hex .lbl { width:100%;height:16px;line-height:16px; }
        div.info .hex .val { width:100%;height:20px;line-height:20px;vertical-align:middle;padding:4px 0 0 0; }
            div.info .hex .val input { font:11px Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#000; }
            
/* Dialogue styles */
.dlg { width:263px;height:280px;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("images/dialog/horizontal.png") repeat-x; }
        .dlg .ttl a { cursor:default;float:right;width:16px;height:16px;text-decoration:none;background:transparent url("images/close.png") no-repeat;margin:2px; }

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

/* Dialogue-launching button */
a.choose { float:right;background:#d6d6d6;border:1px solid #fff;border-color:#fff #9d9da1 #9d9da1 #ededed;width:175px;height:24px;cursor:default;text-decoration:none;line-height:24px;color:#000; }
    a.choose #clr { float:left;width:70px;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; }