/* askywhale, all rights reserved, 2013 */

body { margin:0; font-family: verdana; }

a { color: #c60; text-decoration: none; text-shadow:0 0 1px #fdb; }

a:hover { color: #fa7; }

h1 {  }

.toolbar { float:left; margin:3px; }

div[role="toolbar2"] { width:240px; }

.subtoolstrip { display:none; }

.toolbar input.color { border:3px dotted black; margin:1px; }

.toolbar #inCustomColor { width: 172px; }

.subtoolstripMetadata p, h3 { margin:1px; }

.subtoolstripRoad label { margin-bottom:1px; }

.subtoolstripRoad canvas { background:#8D4; border: 1px solid black; margin-left:5px; vertical-align:-5px; display:inline;}

.subtoolstrip div[role="slider"] { margin:10px 10px 0px;}

.subtoolstripRoad .ui-button-text { padding: .3em .6em; }

.ui-button-text-only .ui-button-text { padding: .25em .5em; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding-left: 1.5em; padding-right: 1em; }

.featureOk { color:#2C2; }

.featureKO { color:#E44; }

#pGallery { line-height: 0.8em; max-height:400px; overflow:auto; }

#pGallery label { display:inline-block; height:20px; margin:0; overflow:hidden; background: white; vertical-align: baseline;}

#pGallery label input { display:none; }

#pGallery span { width:100%; padding:3px; display:inline-block; font-size:10pt; }

#pGallery input:checked + span { background: yellow; }

#pGallerySample { overflow:hidden;white-space:pre;background:#fe8;margin:0; text-align:center; }

#pFontSample { max-height:100px;overflow:hidden;white-space:pre;background:#fe8;margin:0 }

#lbHatching { float:right; margin:3px 3px; }

#canvasContainer { margin:3px; }

#canvas { border:1px solid black; cursor:crosshair;}

#pFooter { float:right; margin:0 22px;}

#spPosition { display:inline-block; width:120px; text-align:right; }

#imWait { display:block; position:absolute; top:200px; left:48%; z-index:10000;}