/**
 * jQuery MotionCAPTCHA Plugin CSS
 * josscrowcroft.com/projects/motioncaptcha-jquery-plugin/
 * 
 * Only these rules are absolutely necessary for the plugin.
 * NB. The width & height of the canvas can be flexible to fit your layout but there's a recommended min/max
 * - if you need it much bigger/smaller, you could tweak the background-positions of the shape classes.
 */

/* The canvas: */
#mc-canvas, #mc-canvas-2 {
  display:inline-block;
  border:2px solid #810100;
  margin:0 16px 0 0;
  border-radius:26px;
	width:200px;  /* For best results, set width to between 210px and 240px */
	height:140px; /* For best results, set height to between 140px and 170px */
	background:#fff -9999px -9999px no-repeat;
	background-image: url('motionCaptcha-shapes.jpg') !important;
}
#mc-canvas-2 {border:1px solid #666; margin:0 auto; display:block; width:240px}
#mc-canvas-2:hover {border:1px solid #086192}
#mc-2 {font-size:.825em}
.mc-p {display:inline-block; font-size:.875em; padding:0; margin:0}

/* The shapes: */
#mc-canvas.triangle,#mc-canvas-2.triangle     { background-position:  10px   10px }
#mc-canvas.x,#mc-canvas-2.x            { background-position:-200px   10px }
#mc-canvas.rectangle,#mc-canvas-2.rectangle    { background-position:-400px   10px }
#mc-canvas.circle,#mc-canvas-2.circle       { background-position:-600px   10px }
#mc-canvas.check,#mc-canvas-2.check        { background-position:  10px -150px }
#mc-canvas.caret,#mc-canvas-2.caret        { background-position:-200px -150px }
#mc-canvas.zigzag,#mc-canvas-2.zigzag       { background-position:-400px -150px }
#mc-canvas.arrow,#mc-canvas-2.arrow        { background-position:-600px -150px }
#mc-canvas.leftbracket,#mc-canvas-2.leftbracket  { background-position:  10px -300px }
#mc-canvas.rightbracket,#mc-canvas-2.rightbracket { background-position:-200px -300px }
#mc-canvas.v,#mc-canvas-2.v            { background-position:-400px -300px }
#mc-canvas.delete,#mc-canvas-2.delete       { background-position:-600px -300px }
#mc-canvas.leftbrace,#mc-canvas-2.leftbrace    { background-position:  10px -450px }
#mc-canvas.rightbrace,#mc-canvasv.rightbrace   { background-position:-200px -450px }
#mc-canvas.star,#mc-canvas-2.star         { background-position:-400px -450px }
#mc-canvas.pigtail,#mc-canvas-2.pigtail      { background-position:-600px -450px }

/* Disable mouse-selection on the page (only while user is actively drawing on the canvas): */
.mc-noselect {
	-webkit-user-select: none,
	   -moz-user-select: none,
	        user-select: none
}

/*=============================================*/

@media all and (min-width: 640px) {


}

@media all and (min-width: 1024px) {


}