/**************************************************************
*
* Basic, minimal style
*
***************************************************************/

.signature-panel-control {
    border-top: 1px solid #a8acb9;
}

.signature-panel-clear {
    float: left;
    margin-left: 10px;
}

.signature-panel-ok {
    margin-right: 10px;
    float: right;
}

.signature-panel-cancel {
    margin-right: 10px;
    float: right;
}

.signature-panel-wrapper canvas {
    cursor: default;
}

/**************************************************************
*
* iPad style
*
***************************************************************/

div.signature-panel-ipad .signature-panel-control {
    background: #dfe1e6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f5f7), color-stop(0.5, #dfe1e6), color-stop(0.97, #a5a9b6), to(#a8acb9));
    background: -webkit-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
    background: -moz-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
    background: -ms-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
    background: -o-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
    border-top: 1px solid #a8acb9;
    font-family: HelveticaNeue, helvetica-neue, helvetica, arial, sans-serif;
}

div.signature-panel-ipad .signature-panel-control a {
    padding: 7px 20px 7px 20px;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    outline: 0;
    -moz-box-shadow: 0 1px #717171;
    -webkit-box-shadow: 0 1px #717171;
    box-shadow: 0 1px #717171;
    border-radius: 4px;
    border-top: 1px solid #4f5153;
    border-bottom: 1px solid #585d65;
    border-left: 1px solid #5f6368;
    border-right: 1px solid #606468;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: #486a9b;
    background: -webkit-gradient(linear, left top, left bottom, from(#768aa5), color-stop(0.037, #849cbb), color-stop(0.5, #5877a2), color-stop(0.51, #486a9b), to(#4a4c9b));
    background: -webkit-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
    background: -moz-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
    background: -ms-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
    background: -o-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
    text-shadow: #506684 0px -1px 0px;
    text-decoration: none;
    width: 60px;
    display: inline-block;
    margin-top: 4px;
}

div.signature-panel-ipad .signature-panel-control a:active {
    background: #3A557D;
    background: -webkit-gradient(linear, left top, left bottom, from(#5F6F85), color-stop(0.037, #687B94), color-stop(0.5, #476082), color-stop(0.51, #3A557D), to(#3A557D));
    background: -webkit-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
    background: -moz-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
    background: -ms-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
    background: -o-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
}

div.signature-panel-ipad .signature-panel-clear {
    float: left;
    margin-left: 5px;
}

div.signature-panel-ipad .signature-panel-ok {
    margin-right: 5px;
    float: right;
}

div.signature-panel-ipad .signature-panel-cancel {
    margin-right: 5px;
    float: right;
}