@CHARSET "UTF-8";


.drawingArea
{
	position: relative;
	border: solid 1px #cecece;
	background-color: #d7d7d7 !important;
}

.drawingContainer
{
	position: absolute;
	
}

.drawingBorder
{
	border: dotted 1px #cecece;
}

.drawingBorderEmpty
{
	margin: 1px;
}

.drawingOverprintHandler
{
	position: absolute;
	top: -10px;
	left: -10px;
}


/***
  Styles below are only required if you're using <iframe> fallback in
  addition to HTML5 drag & drop (only working in Firefox/Chrome).
 ***/

/* Essential FileDrop zone element configuration: */
.fd-zone {
  position: relative;
  overflow: hidden;
  /* The following are not required but create a pretty box: */
  width: 15em;
  margin: 0 auto;
  text-align: center;
}

/* Hides <input type="file"> while simulating "Browse" button: */
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}

/* Provides visible feedback when use drags a file over the drop zone: */
.fd-zone.over { border-color: maroon; background: #eee; }