/*!
  Web Sketchpad. Copyright © 2014 KCP Technologies, a McGraw-Hill Education Company. All rights reserved.
  Version: Release: 2014Q1, Version: 0.5.0, Build Number: 620, Build Stamp: Scotts-MacBook-Pro.local/20140417130241
*/

/*
 * Styles governing drawing contexts. Within the node we are given we 
 * construct a relatively positioned base node. It contains an absolutely
 * positioned node that is used for clipping. All drawing context nodes 
 * (canvas layers, html layers) are created within the 
 * clipping node and are absolutely positioned. They must correspond exactly
 * to the height and width of the clipping node.
 */
.wsp-base-node {
    position: relative;
    overflow: visible; /* prevents inheritance of overflow: scroll, which can
                          cause layout issues */
}
.wsp-clip-node {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wsp-clip-node canvas, .wsp-text-layer {
    position: absolute;
    left: 0; top: 0;
}

.sketch_canvas {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
}

/*
 * Styles governing html-layer sketch objects.
 */
.wsp-Measure, .wsp-Point, .wsp-Text, .wsp-Param, .wsp-Button, .wsp-Expression, .wsp-Label {
    /*-webkit-touch-callout: none*/
    /*-moz-touch-callout: none;*/
    position:absolute;
}

.wsp-Measure, .wsp-Text, .wsp-Param, .wsp-Expression, .wsp-Label {
    font-size: 12px;
    border: none;
    margin: 0;
    padding: 0;
    background-color:transparent;
    overflow-x: visible;
    white-space: pre;
}

.wsp-Measure, .wsp-Text {
    cursor: default;
}

.wsp-Measure {
    line-height: 1;
}

.wsp-Button {
    cursor: pointer;
    border-radius: 0.5em;
    border: thin gray solid;
    border-left-width: 1em;
    border-left-style: solid;
    text-align: center;
    padding: 2px 3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
/*
    background-color: #cccccc;
    background-image: -webkit-linear-gradient(top, white, #ccc);
    background-image: -moz-linear-gradient(top, white, #ccc);
*/
    background-color: white;
    background-image: url('data:image/png;base64,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');
    background-repeat: repeat-x;
    background-size: auto 100%;
}
.Button-active {
    background: url('data:image/png;base64,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') repeat-x ;
}

.wsp-Point {
    cursor: pointer;
    font-size: 8px;
}

.wsp-Param, .wsp-Expression {
    cursor: text;
}

p.wsp-Slider, div.wsp-EditableContent {
    /*-webkit-touch-callout: none*/
    /*-moz-touch-callout: none;*/
    position:absolute;
    font-size: 14px;
    border: none;
    margin: 0;
    padding: 0;
    cursor: text;
    background-color:transparent;
    overflow-x: visible;
    white-space: pre;
    border-radius: 0;
    -webkit-appearance: none;
}

input.wsp-Slider {
    position:absolute;
    font-size: 14px;
    width: 50px;
    margin: 0;
    padding: 0;
    cursor: text;
    border-color: gray;
    background-color:transparent;
    overflow-x: visible;
    white-space: nowrap;
    border-radius: 0;
    -webkit-appearance: none;
}

/* styles for MFS to HTML conversion */
.mfs {
    /*
      border: solid thin red;
    */
    display: run-in;
}

.mfs-abs:before {
    content: '|';
}

.mfs-abs:after {
    content: '|';
}

.mfs-bracket:before {
    content: '[';
}

.mfs-bracket:after {
    content: ']';
}

.mfs-curly:before {
    content: '{';
}

.mfs-curly:after {
    content: '}';
}

.mfs-tightness-normal {
    letter-spacing: normal;
}
.mfs-tightness-condensed {
    letter-spacing: -0.1em;
}
.mfs-tightness-expanded {
    letter-spacing: .2em;
}

.mfs-frac {
    display: inline-block;
    font-size: 90%;
    vertical-align: middle;
    text-align: center;
}

.mfs-exponent{
    vertical-align: super;
    font-size: 70%;
}

.mfs-frac .mfs-numr, .mfs-frac .mfs-denm{
    display: block;
}

.mfs-numr {
    border-bottom: thin black solid
}


.mfs-super-group, .mfs-sub-group, .mfs-horizontal, .mfs-root, .mfs-paren,
.mfs-bracket, .mfs-curly, .mfs-abs {
    display: inline-block;
    text-decoration: inherit;
}
.mfs-horizontal {
  white-space: pre;
}
.mfs-param {
    /*
     * background-color: lightgray;
     */
    display: inline-block;
}
[contenteditable=true] {
}

.mfs-paren:before {
    content: '(';
}

.mfs-paren:after {
    content: ')';
}

.mfs-root:before {
    content: '\00221a'
}

.mfs-root-contents {
    border-top: thin black solid;
    display: inline-block;
}

.mfs-subscript {
    font-size: smaller;
    vertical-align: sub;
}
.mfs-style {
    display: inline;
}

.mfs-overbar-arc, .mfs-overbar-ray, .mfs-overbar-line {
    display: inline-block;
    line-height: 1.4;
    background-size: 100% .3em;
    background-repeat: no-repeat;
    padding-top: 4px;
}
.mfs-overbar-ray {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAMCAYAAACQsMheAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFpSURBVFiF7de7alVBFMbx35fES+ED2PkiPoRFWi0i2FkLYiGKIL6GnQQULxANCIJYKIiNmEq0EyuDQrzkuCz2DkTZSY6efQ7B7D+sYmbtWbOYb8+amVSVgclIsoiTeIAnVfV90phzE2c1oKqW8QGPsJ7kXpKlJMf/NWaGHdMfSS7hatv8iiN4g1u4j5c15oIPwvRMksu4iEPbur+17U+429pqVX3ZMQ7e4ucONtrFt5d/P46dVU7ncRYLHWs+am0ezzUi3amqtT+FGbbM/uA9ljUl7+kCbmguAV02v4tvL/+0xv5t3PSzblNlhBNYxFHMHYgzJsmsf6QlnGn7u/jR+jbxGrdxs6rebX3QVQP/O6pqq/ZvTnuuJFdw2u+ijNq5D2NNI8RDPKuqzpwOhDCzIsk1zY0MNjRlaR0rmrNjtao+jhNrEKYnklzHBc3ueKG5ba3g1bhvl+0MwvRAknM4hlN4XFWfJ435C90Kv0klUDV+AAAAAElFTkSuQmCC");
}
.mfs-overbar-line {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAANCAYAAACuEpBLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJJSURBVFiF7dg7a1VREAXgb5JoVNKK4KMURARRG0EELRKNaEAELaxE/AP+EG1sRZA0CkF8YHzgA0SwURGCCKbzAZZaaIy5GYt9osklNyS5VxKvLhjO5uzNYpg1e2bOiczULCJiBfbiID7hXLaC+C9GROzCSGZ+bxVnRxPObIyIMxFxC5/xAOtx/l8XqsIkRiPiRkScioi1zRLGfOMaEV3Yg0M4is0YxwoEhnAiM2vNOtUuiIjdeIRVSLzAVdzIzDcL5ptLrIhYj34MoBfdmMDKacfGcQfHMnNioQ60OyJiH+4pSQ1jinjvVMLh6bySPDN/GboUUS5gVMmGcdSqdb2NYRir0TGd67/NiGu/kuSzxa+GLxjEMfQ04gmlzxzAEfRhjVLWFotU6nWtejay5bz/J7i347TGc8JkFTt4rdy6S5n5YepAYJvSg45X6wnlhv3H0mJKhxFFuGszelZEbMApRbitU6/NnQ0X8ao6M906Z3nXqv0/yd3K/WYr1Fel393E3bnqbI9SQweVmlpTamx93Z1A/1L3heVqlWirld4+W/yyiu14tR5VZoZedM3oWdNvViNERKcytg8ot26T31MN/EBfZj5eTAq1M6pPniHlh0H9FN2F77ivTIXDmfmxIdd8xJrFgS1+C7dTue5j2J+ZzxZM2KaokvyKUqFSSeqVeItruK2M7fP65FmUWHUOrcVhZUjZgYHMfNkUaRsgIjpwGSfxDQ9xXbk97xfF2axYdQ52Y1tmPm8Z6V+IiAicxTrlh8GTzPzRLO9PYVTiOR/A8BkAAAAASUVORK5CYII=");
}
.mfs-overbar-arc {
/*
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAOCAYAAABEgLDgAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAsSwAALEsBpT2WqQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIrSURBVFiF7dc7aFRBFMbx34hREU2MFhqFKCo+qqikCWhnYR+1thDB0sIHFoKFIEJawcLCXgxioYWFhRbiKxEURZAIvlAxxKRIfORY3BuyrpvdTdzNBswHH3cY7pwz53+ZM9wUERqllFIbdqIdrRXcjFQUYgRDub8VjAvn3qIfzyJirL4VlVaaDcgppYRNMqCFXl335JP6iRcy4P3oQ39EfKp34rpATiltQ5dJmB1YXvNEtdFHOXA8wq2IGK5lgppBTil1YH/ubdNY+hnP8QVfMVj0LJ4bwTK05F5RMC52K7bnXlTlfr7jNnpxPSI+T6OWkvonyCmlThnUbmyuYskAnhQ6It7NeANVKqXUJAO9Q3aqJp6rKiwdx10Z8N6IeDOj/NOBnPfWLhnUbqwv8/pLPDAJtC8iBmeyyXoppbTOJPBd2Cs7AVPpMa7JgD+vOlFEVDTacEF2U0cZP8ZpbKkm7lyzrKXswyVZry5X60McwIKKcSsk3YCLGC2T7D5OYGOjIdUY+ALsRg9el6n/FY5g8bQgy/rXFfwoEXQc93AM7Y2GMYvQO3AWT6eA/QEn0VwWsqwvXc1BFgd5j+NY2+iCG2105px+leA0hPNY8wdk7MHNKb7QAI6WOw7/q7EVlzFWgtto3ts3yy+0UnBf4BAWNrqYuW6sy3v3cAmOp+TNvXCyDweruTXn/RfslTgj+8GaaB0tKSKklO5gCc5FxA3z+iellJbiMJoiouc3Eyd2iG42cRcAAAAASUVORK5CYII=");
*/
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAeCAMAAADTjObKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAADNQTFRF////3d3durq67u7uzMzMqampd3d3VVVVMjIyEBAQAAAAISEhREREh4eHmJiYZmZm////LfWl1AAAAAV0Uk5TAAAAAADCawaxAAAAAWJLR0QAiAUdSAAAAPtJREFUSMftltsOhCAMRAWkVLn4/3+7CiImiiy3h9143oyEmZY6OAwvL78HoRxAIOI0H8j1UQBQyvpKc1ByToAKKOkgTgFT0mdWFy0r1ypH/DChm3SC6GTX48haD8xkNf7WgykfTLLUqjvEWCYv2shvYP5ItpQvsMAaNb/UgmkvvyG+HEdymfwJEWBLWsvDNmxfosGm9cWCzi5firpgXe8NdbozZkxuxkLoYas4ZXwJYWae145+pajIj1sTxlf2OAl0P/PG6t6Dq07Gc8mUfLI5UDeXMQGrP/Fu8sHC/SBYfej7T+NlTOxNv+4HiIy1gGP38h3C1O/x8jd8AAG0IxXXBsFtAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEzLTA4LTI5VDExOjM1OjQ3LTA3OjAwdtYPdQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMy0wOC0yOVQxMTozNTo0Ny0wNzowMAeLt8kAAAAASUVORK5CYII=");
}

.mfs-overbar-seg {
    line-height: 1.4;
    border-top-width: thin;
    border-top-color: black;
    border-top-style: solid;
    display: inline-block;
}

.mfs-underbar-seg {
    border-bottom-width: thin;
    border-bottom-color: black;
    border-bottom-style: solid;
    line-height: 0.9;
    display: inline-block;
}

.mfs-text {
    display: inline;
}
.mfs-vertical-group {
    display: inline-block;
}
.mfs-vertical-member {
    display: block;
    line-height: 1.0;
}

.wsp-error {
    color: red;
}

.wsp-text-layer * {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mfs-input {
    font-size: inherit;
    display: inline-block;
    background-color: white;
    border: thin black solid;
    padding: 2px;
    margin: 2px;
    white-space: nowrap;
    overflow: visible;
}

.wsp-numeric {
     position: absolute;
   }

.wsp-numeric-input {
    display: inline-block;
    border: thin black solid;
    background-color: white;
    height: 1.2pc;
    line-height: 1.4pc;
    vertical-align: middle;
    
    width: 8pc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ie-user-select: none;
    user-select: none;
    overflow: visible;
}
.wsp-numfield-text {
    white-space: nowrap;
}

@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
          @keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
.wsp-blink {
    font-size: larger;
    color: darkblue;
    font-stretch: ultra-condensed;
    /*text-decoration:blink;*/

    -webkit-animation-name:blinker;
            animation-name:blinker;  
    -webkit-animation-iteration-count:infinite;  
            animation-iteration-count:infinite;  
    -webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
            animation-timing-function:cubic-bezier(1.0,0,0,1.0);
    -webkit-animation-duration:1s; 
            animation-duration:1s; 
}

.wsp-selected {
    background-color: yellow;
}

.wsp-numpad-ref {
    pointer-events: none;
}

.wsp-numpad-hdr {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzI1Jz48cmVjdCBmaWxsPSd3aGl0ZScgeD0nNicgeT0nNicgd2lkdGg9JzkwJScgaGVpZ2h0PScyJy8+PHJlY3QgZmlsbD0nd2hpdGUnIHg9JzYnIHk9JzEyJyB3aWR0aD0nOTAlJyBoZWlnaHQ9JzInLz48cmVjdCBmaWxsPSd3aGl0ZScgeD0nNicgeT0nMTknIHdpZHRoPSc5MCUnIGhlaWdodD0nMicvPjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-color: #00bdec;
    height: 25px;
    margin-bottom: 8px;
}

.wsp-numpad-erase-to-left {
    /* the following is an svg image of the 'erase to left' unicode character,
       \u232b, base64 encoded. To see original, cut out the quoted part after 
       base64, then un-base64 encode.  */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCnhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1vcGFjaXR5PSIxIiBjb2xvci1yZW5kZXJpbmc9ImF1dG8iCmNvbG9yLWludGVycG9sYXRpb249ImF1dG8iIHN0cm9rZT0iYmxhY2siIHRleHQtcmVuZGVyaW5nPSJhdXRvIgpzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1vcGFjaXR5PSIxIgpzaGFwZS1yZW5kZXJpbmc9ImF1dG8iIGZpbGw9ImJsYWNrIiBzdHJva2UtZGFzaGFycmF5PSJub25lIiBzdHJva2Utd2lkdGg9IjEiCnN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIiBpbWFnZS1yZW5kZXJpbmc9ImF1dG8iCndpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDI3NyAyMDAiID4KPHBhdGggZD0iTTI2MiAxODYKTDEwMSAxODYKTDE1ICAxMDAKTDEwMSAgMTMKTDI2MiAgMTMKTDI2MiAxODYKWk0yNDggMTcyIApMMjQ4ICAyNwpMMTA3ICAyNwpMMzUgIDEwMApMMTA3IDE3MgpMMjQ4IDE3MgpaTTIxNyAxMzMKTDIwNyAxNDMKTDE3NCAxMDkKTDE0MCAxNDMKTDEzMSAxMzMKTDE2NCAxMDAKTDEzMSAgNjYKTDE0MCAgNTYgCkwxNzQgIDkwCkwyMDcgIDU2CkwyMTcgIDY2CkwxODMgMTAwCkwyMTcgMTMzIFoiIHN0cm9rZT0ibm9uZSIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.wsp-numpad-circle-c {
    /* the following is an svg image of the 'circled latin capital letter c'
       unicode character, \u2428, base64 encoded. To see original, cut out
       the quoted part after base64, then un-base64 encode.  */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICdodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCc+CjxzdmcgZmlsbC1vcGFjaXR5PSIxIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKY29sb3ItcmVuZGVyaW5nPSJhdXRvIiBjb2xvci1pbnRlcnBvbGF0aW9uPSJhdXRvIiBzdHJva2U9ImJsYWNrIgp0ZXh0LXJlbmRlcmluZz0iYXV0byIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIgpzdHJva2Utb3BhY2l0eT0iMSIgc2hhcGUtcmVuZGVyaW5nPSJhdXRvIiBmaWxsPSJibGFjayIgc3Ryb2tlLWRhc2hhcnJheT0ibm9uZSIKc3Ryb2tlLXdpZHRoPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiCnN0cm9rZS1kYXNob2Zmc2V0PSIwIiBpbWFnZS1yZW5kZXJpbmc9ImF1dG8iIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIKdmlld0JveD0iMCAxNTMgMjg3IDI4NyI+CjxwYXRoIGQ9Ik0xNDQgMTc2IApRMTc2IDE3NiAyMDQgMTkyIApRMjMyLjMxMjUgMjA4LjY4NzUgMjQ4IDIzNyAKUTI2NC42NTYyIDI2NC42NTYyIDI2NSAyOTcgClEyNjQuNjU2MiAzMjguOTIxOSAyNDggMzU3IApRMjMyLjE3MTkgMzg0Ljg5MDYgMjA0IDQwMSAKUTE3Ni4wNjI1IDQxNy4yMzQ0IDE0NCA0MTcgClExMTEuOTM3NSA0MTcuMjM0NCA4NCA0MDEgClE1NS44MjgxIDM4NC44OTA2IDQwIDM1NyAKUTIzLjM0MzggMzI4LjkyMTkgMjMgMjk3IApRMjMuMzQzOCAyNjQuNjU2MiA0MCAyMzcgClE1NS42ODc1IDIwOC41NDY5IDg0IDE5MiAKUTExMS43OTY5IDE3NiAxNDQgMTc2IApaTTE0NCAzOTkgClExODUuOTA2MiAzOTkgMjE2IDM2OSAKUTI0Ni41MTU2IDMzOC43NjU2IDI0NyAyOTcgClEyNDYuNTE1NiAyNjkuNTc4MSAyMzMgMjQ2IApRMjE4Ljk1MzEgMjIxLjkwNjIgMTk1IDIwOCAKUTE3MS4yODEyIDE5NC4zNDM4IDE0NCAxOTQgClExMDEuODEyNSAxOTQuMzQzOCA3MiAyMjUgClE0MS40ODQ0IDI1NC44MTI1IDQxIDI5NyAKUTQxLjQ4NDQgMzM4Ljc2NTYgNzEgMzY5IApRMTAyIDM5OSAxNDQgMzk5IApaTTIwMyAzMjAKUTE5Ni41OTM4IDM0Mi44NDM4IDE4MiAzNTQgClExNjcuMzQzOCAzNjUuMjAzMSAxNDcgMzY1IApRMTE0LjA0NjkgMzY1LjIwMzEgOTkgMzQ0IApRODQuMDkzOCAzMjMuNTc4MSA4NCAyOTUgClE4NC4wOTM4IDI2Mi44MjgxIDEwMiAyNDUgClExMTkuMzkwNiAyMjYuNTQ2OSAxNDcgMjI3IApRMTY2Ljc4MTIgMjI2LjU0NjkgMTgxIDIzNyAKUTE5NC42MjUgMjQ2LjUxNTYgMjAwIDI2NiAKTDE4MyAyNzAgClExNzguMzEyNSAyNTUuNzk2OSAxNjkgMjQ5IApRMTYwLjQ1MzEgMjQxLjU5MzggMTQ3IDI0MiAKUTEyNS4xNTYyIDI0MS41OTM4IDExNCAyNTYgClExMDIuNTE1NiAyNzAuMjgxMiAxMDMgMjk1IApRMTAyLjUxNTYgMzIzLjE1NjIgMTE0IDMzNyAKUTEyNi40MjE5IDM0OS44NzUgMTQ1IDM0OS44NzUgClExNjEuMDE1NiAzNDkuODc1IDE3MSAzNDEgClExODAuODQzOCAzMzIuODU5NCAxODUgMzE2IApMMjAzIDMyMCBaCiIgc3Ryb2tlPSJub25lIiAvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.wsp-cancel {
    cursor: pointer;
    display: block;
    margin-left: auto;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
    height: 18px;
    width: 18px;
    color: #00bdec;
    background-color: white;
    border-color: #00bdec;
    border-style: solid;
    border-width: thick;
    border-radius: 16px;
    font-weight: bold;
    font-size: larger;
}

.wsp-numpad {
    position: absolute;
    pointer-events: auto;
    -webkit-user-drag: element;
    width: 172px;
    height: 298px;
/*
    background-color: #eee;
    background-image: linear-gradient(to bottom, #eee, #888);
*/
    background-color: #00bdec;
    border-radius: 9px;
    border: thin gray solid;
    padding: 0px 8px 8px 8px;
}

.wsp-numpad, .wsp-numpad * {
    /** needs to be set to default in case it has been changed by any plugins/frameworks **/
    /* Bootstrap changes the setting of box-sizing, which is a setting
       that tells browser whether to take margin, padding into account when imposing the
       height/width property. */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.wsp-numpad-body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.wsp-numpad-row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.wsp-numpad-element {
    margin: 2px;
    width: 47px;
    height: 47px;
    display: inline-block;
    vertical-align: middle;
    line-height: 48px;
}

.wsp-numpad-key {
    cursor: pointer;
    background-color: #eee;
    border: thin black solid;
    border-radius: 8px;
    font-family: Lucida Grande, sans-serif;
    font-size: 20px;
    color: black;
    text-align: center;
}

/*
.wsp-numpad-key:hover {
    background-image: linear-gradient(to bottom, #aaa, #666);
    background-color: #888;
    color: #eee;
}
*/

.wsp-numpad-key:active,
.wsp-down {
/*
    background-image: linear-gradient(to bottom, #888, #444);
    background-color: black;
*/
    background-color: #636568;
    border-color: transparent;
    color: white;
}

.wsp-numpad-ctlkey {
    background-color: #c5dee5;
    border-radius: 5px;
}

.wsp-numpad-ctlbar {
    background-color: #c5dee5;
    width: 210px;
    height: 47px;
}

#wsp-hidden-in {
/*
    display: none;
*/
    position: absolute;
    top: 0;
    left: -200px;
}

.wsp-cancel-button {
}