/**
 * 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 { float:left; width:211px; height:148px; background:#fff -9999px -9999px no-repeat; background-image: url("../images/motionCaptcha-shapes.jpg")/*tpa=http://digitalhands.net/images/motionCaptcha-shapes.jpg*/ !important; }
/* The shapes: */
#mc-canvas.triangle     { background-position:  10px   10px }
#mc-canvas.x            { background-position:-200px   10px }
#mc-canvas.rectangle    { background-position:-400px   10px }
#mc-canvas.circle       { background-position:-600px   10px }
#mc-canvas.check        { background-position:  10px -150px }
#mc-canvas.caret        { background-position:-200px -150px }
#mc-canvas.zigzag       { background-position:-400px -150px }
#mc-canvas.arrow        { background-position:-600px -150px }
#mc-canvas.leftbracket  { background-position:  10px -300px }
#mc-canvas.rightbracket { background-position:-200px -300px }
#mc-canvas.v            { background-position:-400px -300px }
#mc-canvas.delete       { background-position:-600px -300px }
#mc-canvas.leftbrace    { background-position:  10px -450px }
#mc-canvas.rightbrace   { background-position:-200px -450px }
#mc-canvas.star         { background-position:-400px -450px }
#mc-canvas.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 }
/* MotionCAPTCHA canvas */
#mc-canvas { margin:0 auto 20px; padding:1px; float:left; clear:left; display: block; border:1px solid #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
/* Red border when invalid */
#mc-canvas.mc-invalid { border:1px solid #C04861; }
/* Green border when valid */
#mc-canvas.mc-valid { /*border:1px solid #44aa44;*/ }