body{text-align:center;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}.left{text-align:left}table{width:100%}table#topform{text-align:left}table#topform tr td:first-child{width:20%}tr{height:70px}a.toggler{color:#000;text-decoration:none;font-weight:bold}.alternate tr:nth-child(odd){background:#ccc}#checkboxbit tr{background:#fff}#checkboxbit tr:nth-child(4n),#checkboxbit tr:nth-child(4n-1){background:#ccc}tr.off,tr.off td{height:0;overflow:hidden;padding:0}tr.off td textarea{display:none}tr.on,tr.on td{height:0;padding:10px}tr.on td textarea{display:block;width:90%;margin:0 auto;padding:20px;height:50px}td{padding:10px}td.titlerow{background:#008080;color:#fff;font-size:3em}input[type="text"],input[type="email"],input[type="password"],input[type="select"]{height:40px;width:100%;font-size:1.4em;color:#666;padding:0 7px}select{height:40px;width:50%;padding-top:5px;padding-bottom:5px}.Signaturemeta select{width:auto}.Signaturemeta.date:before{content:'Date: '}.key{color:#666;font-size:.8em;text-align:left}.key span{display:inline-block;margin-right:12px}.m-signature-pad{position:absolute;font-size:10px;width:700px;top:0;height:400px;border:1px solid #e8e8e8;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.08) inset;border-radius:4px;margin-right:auto;margin-left:auto}.signedby{width:700px}.m-signature-pad:before,.m-signature-pad:after{position:absolute;z-index:-1;content:"";width:40%;height:10px;left:20px;bottom:10px;background:transparent;-webkit-transform:skew(-3deg) rotate(-3deg);-moz-transform:skew(-3deg) rotate(-3deg);-ms-transform:skew(-3deg) rotate(-3deg);-o-transform:skew(-3deg) rotate(-3deg);transform:skew(-3deg) rotate(-3deg);box-shadow:0 8px 12px rgba(0,0,0,0.4)}.m-signature-pad:after{left:auto;right:20px;-webkit-transform:skew(3deg) rotate(3deg);-moz-transform:skew(3deg) rotate(3deg);-ms-transform:skew(3deg) rotate(3deg);-o-transform:skew(3deg) rotate(3deg);transform:skew(3deg) rotate(3deg)}.m-signature-pad--body{position:absolute;left:20px;right:20px;top:20px;bottom:60px;border:1px solid #f4f4f4}.m-signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,0.02) inset}.signedby table{width:100%}.m-signature-pad-container{position:relative}.m-signature-pad--footer{position:absolute;left:20px;right:20px;bottom:20px;height:40px}.m-signature-pad--footer .description{color:#c3c3c3;text-align:center;font-size:1.2em;margin-top:1.8em}.m-signature-pad--footer .button{position:absolute;bottom:0}.m-signature-pad--footer .button.clear{left:0}.m-signature-pad--footer .button.save{right:0}@media screen and (max-width:1024px){.m-signature-pad{top:0;left:0;right:0;bottom:0;width:auto;height:auto;min-width:250px;min-height:140px;margin:5%}}@media screen and (min-device-width:768px) and (max-device-width:1024px){.m-signature-pad{margin:10%}}@media screen and (max-height:320px){.m-signature-pad--body{left:0;right:0;top:0;bottom:32px}.m-signature-pad--footer{left:20px;right:20px;bottom:4px;height:28px}.m-signature-pad--footer .description{font-size:1em;margin-top:1em}}