/**
 *  SignaturePad: A jQuery plugin for assisting in the creation of an HTML5 canvas
 *  based signature pad. Records the drawn signature in JSON for later regeneration.
 *
 *  @project ca.thomasjbradley.applications.signaturepad
 *  @author Thomas J Bradley <hey@thomasjbradley.ca>
 *  @link http://thomasjbradley.ca/lab/signature-pad
 *  @link http://github.com/thomasjbradley/signature-pad
 *  @copyright Copyright MMXI, Thomas J Bradley
 *  @license New BSD License
 */

/*@font-face {
  font-family: 'Journal';
  src: url('journal.eot');
  src: url('journal.eot?#iefix') format('embedded-opentype'),
       url('journal.woff') format('woff'),
       url('journal.ttf') format('truetype'),
       url('journal.svg#JournalRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

.sigPad { margin: 0; padding: 0; }
	.sigPad label {
		display: block;
		margin: 0 0 0.515em;
		padding: 0;
		color: #000;
		font: italic normal 1em/1.375 Georgia,Times,serif;
	}
	.sigPad label.error { color: #f33; }
	/*.sigPad input { margin: 0; padding: 0.2em 0; width: 198px; border: 1px solid #666; font-size: 1em; }*/
	.sigPad input.error { border-color: #f33; }
	.sigPad .sigButtons { padding-left: 5px; }
	.sigPad .sigButtons input { width: 150px; height: 40px; }
	.sigPad button {
		/*margin: 1em 0 0 0;
		padding: 0.6em 0.6em 0.7em;
		background-color: #ccc;
		border: 0;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		cursor: pointer;
		color: #555;
		font: bold 1em/1.375 sans-serif;
		text-align: left;*/
	}
	.sigPad button:hover { /*background-color: #333;color: #fff;*/ }

.sig { display: none; }
.sigNav {
	display: none;
	height: 2.25em;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
	}
	.sigNav li { display: inline; float: left; margin: 0; padding: 0; }
	.sigNav a, .sigNav a:link, .sigNav a:visited {
		display: block;
		margin: 0;
		padding: 0 0.6em;
		border: 0;
		color: #333;
		font-weight: bold;
		line-height: 2.25em;
		text-decoration: underline;
	}
	.sigNav a.current, .sigNav a.current:link, .sigNav a.current:visited {
		background-color: #666;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		border-radius: 8px 8px 0 0;
		color: #fff;
		text-decoration: none;
	}
	.sigNav .typeIt a.current, .sigNav .typeIt a.current:link, .sigNav .typeIt a.current:visited { background-color: #ccc; color: #555; }
	.sigNav .clearButton {
		bottom: 0;
		display: none;
		position: absolute;
		right: 0;
		font-size: 1.25em;
		line-height: 1.375;
	}

.sigWrapper { clear: both; border: 1px solid #ccc; }
	.sigWrapper.current { border-color: #666; }
	.signed .sigWrapper { border: 0; }

.pad {
    position: relative;
    width: 100%;
	/**
		* For cross browser compatibility, this should be an absolute URL
		* In IE the cursor is relative to the HTML document
		* In all other browsers the cursor is relative to the CSS file
		*
		* http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/
		*/
	cursor: url("../build/pen.cur"), crosshair;
	/**
		* IE will ignore this line because of the hotspot position
		* Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur
		*/
	cursor: url("pen.cur") 16 16, crosshair;
	-ms-touch-action: none;
}

.typed {
	height: 55px;
	margin: 0;
	padding: 0 5px;
	position: absolute;
	z-index: 90;
	cursor: default;
	color: #145394;
	font: normal 1.875em/50px "Journal",Georgia,Times,serif;
	}
	.typeItDesc, .drawItDesc {
		display: none;
		margin: 0.75em 0 0.515em;
		padding: 0.515em 0 0;
		border-top: 3px solid #ccc;
		color: #000;
		font: italic normal 1em/1.375 Georgia,Times,serif;
	}
p.error {
	display: block;
	margin: 0.5em 0;
	padding: 0.4em;
	background-color: #f33;
	color: #fff;
	font-weight: bold;
}