body
{
	z-index:100;
	margin:0px;
	padding:0px;	
}
#processing
{
	background:url('../images/processing.gif')center center no-repeat rgba(255,255,255,0.9);
	z-index:200;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;
}
#workspace_table
		{
			border-spacing:0px;
			border:0px;
			cursor:pointer;
		}
		#workspace_table td
		{
			margin:0px;
			padding:0px;
		}

#imgfill
{
	position:absolute;
	z-index:110;
	opacity:0.8;
	display:none;
	border:1px solid #e0e0e0;
	padding:0px;
	box-shadow:0px 0px 3px 0 #e0e0e0;
}
#imgthmb,#imgthmb2,#imgthmb3
{
	background:#ffffff;
	border:1px solid #e0e0e0;
	display:none;
}
#copy
{
	background:#ffffff;
	display:none;
	position:absolute;
	z-index:241;
}
.palette_color
{
	display:inline-block;
	margin:3px;
	border:2px solid #e0e0e0;
	width:30px;
	height:30px;
	cursor:pointer;
}
.palette_color.bgactive
{
	border:2px solid #a06020;
}
.palette_color.active
{
	border:2px solid #60a020;
}

#workcanvas
{
	border:0px solid #e0e0e0;
	cursor:url('oth842.cur'), auto;
	position:absolute;
	left:290px;
}

#algorythms .algorythm
{
	display:inline-block;
	height:20px;
	padding:6px;
	vertical-align:middle;
	text-align:center;
	margin:10px 0px 10px 0px;
	cursor:pointer;
}
#algorythms .algorythm.active
{
	border-radius:12px;
	background:#2020f0;
	color:#ffffff;
	font-weight:bold;
}

#steps
{
	width:250px;
	padding:20px;
	background:#e8e8e8;
	border-left:#f0f0f0;
	min-height:100%;
	float:left;
	box-shadow:0px 0px 3px 0 #d8d8d8;
}
.step
{
	border-top:1px solid #f8f8f8;
	border-bottom:1px solid #a0a0a0;
	padding:1px 10px 15px 10px;
}
.step .substep
{
}
.step.active
{
	background:#f0f060;
}
.step.active .substep
{
	display:block;
}
.step h3
{
	color:#202020;
	font-size:18px;
	line-height:1;
	margin:10px 1px 4px 1px;
	cursor:pointer;
}
.step strong
{
	color:#909090;
	font-style:oblique;
	margin-bottom:6px;
	display:block;
}

#export
{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#ffffff;
	text-align:center;
	margin:0px;
	z-index:250;
	opacity:0.95;
	display:none;
}
#export #form
{
	margin:10% auto;
	width:30%;
	background:#909090;
	padding:30px;
}
#export input[type=text]
{
	width:100%;
}
#export input[type=button]
{
	width:40%;
}

.draw_mode
{
	width:20px;
	height:28px;
	border:2px solid #ffffff;
	cursor:pointer;
	display:inline-block;
	margin:3px;
}
.draw_mode.active
{
	border:2px solid #a06020;
}
.draw_mode_half
{
	background:url('../images/color_half.png') no-repeat;
}
.draw_mode_full
{
	background:url('../images/color_full.png') no-repeat;
}

.mode_button
{
	background:#e0e0e0;
	color:#000000;
	height:27px;
	border:2px solid #c0c0c0;
	cursor:pointer;
	margin:6px 3px;
}
.mode_button.ready
{
	background:linear-gradient(#e08020,#a06020) #60e020;
	color:#ffffff;
}
.mode_button.active, .mode_button:hover, .mode_button.ready:hover
{
	background:linear-gradient(#60e020,#50a020) #60e020;
	color:#ffffff;
}
#img_opacity
{
	border:1px solid #606060;
	height:10px;
	padding:0px;
	background:#ffffff;
	cursor:pointer;
}
#img_opacity_left
{
	margin:0px;
	display:inline-block;
	padding:1px;
	height:8px;
	background:#2020e0;
	width:90%;
}

#footerpdf
{
	position:absolute;
	width:100px;
	height:100px;
	overflow:hidden;
	top:-200px;
	left:-200px;
}
#select
{
	position:absolute;
	width:100px;
	height:100px;
	background:rgba(250,250,250,0.8);
	border:1px dotted #606060;	
	display:none;
	z-index:240;
}
#saveworkspace
{
	display:block;
	margin:4px;
	padding:2px 10px;
	background:#208020;
	color:#ffffff;
}