/*
 * imgAreaSelect default style
 * http://odyniec.net/projects/imgareaselect/
 */

.imgareaselect-border1 {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAFUlEQVQImWP4////GQYEwcDAgEQAAA7qDcCQN0FQAAAAAElFTkSuQmCC) repeat-y left top;}
.imgareaselect-border2 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAE0lEQVQImWP4////GRhmYGCAYwDfBg3AsvysrQAAAABJRU5ErkJggg==) repeat-x left top;}
.imgareaselect-border3 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAFUlEQVQImWP4////GQYEwcDAgEQAAA7qDcCQN0FQAAAAAElFTkSuQmCC) repeat-y right top;}
.imgareaselect-border4 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAE0lEQVQImWP4////GRhmYGCAYwDfBg3AsvysrQAAAABJRU5ErkJggg==) repeat-x left bottom;}

.imgareaselect-handle {background-color: rgba(255,255,255,0.8);border: solid 1px #000;}
.imgareaselect-outer {background-color: rgba(0,0,0,0.75);}
.imgareaselect-selection {}