.tool_button{
	width: 34px;
	height: 34px;
	cursor:pointer;
	border:0;
	outline:none;
	position: absolute;
	display: inline-block;
}
.tool_button_current{
	position: absolute;
	width: 34px;
	height: 34px;
	cursor:pointer;
	border:0;
	outline:none;
}
.color_button {
	position: absolute;
	top: 135px;
	width:34px;
	height:34px;
	cursor:pointer;
	border:0;
	outline:none;
}
.color_button_current {
	position: absolute;
	top: 135px;
	width:34px;
	height:34px;
	cursor:pointer;
	border:0;
	outline:none;
}
/* Tools */
.tool_select,.tool_line,.tool_rect,.tool_delete,.tool_selectall,.tool_fhpath,.tool_ellipse,.tool_clear{ background:url('../img/btn-tools-pen-sprite.png') no-repeat; }
.tool_select{background-position: 0 0;	top: 18px; left: 15px;}
.tool_select:hover,.tool_select.tool_button_current {	background-position: 0 -33px !important;top: 18px; left: 15px;}
.tool_line{	background-position: -32px 0;	top: 18px; left: 51px;}
.tool_line:hover,.tool_line.tool_button_current{background-position: -32px -33px !important;top: 18px; left: 51px;}
.tool_rect{	background-position: -64px 0;	top: 18px; left: 87px;}
.tool_rect:hover,.tool_rect.tool_button_current{background-position: -64px -33px !important;top: 18px; left: 87px;}
.tool_delete{	background-position: -96px 0;	top: 18px; left: 123px;}
.tool_delete:hover,.tool_delete.tool_button_current{	background-position: -96px -33px !important;top: 18px; left: 123px;}
.tool_selectall{background-position: -128px 0;top: 66px; left: 15px;}
.tool_selectall:hover,.tool_selectall_active{background-position: -128px -33px !important; top: 66px; left: 15px;}
.tool_fhpath{	background-position: -160px 0;	top: 66px; left: 51px;}
.tool_fhpath:hover,.tool_fhpath.tool_button_current{background-position: -160px -33px !important;	top: 66px; left: 51px;}
.tool_ellipse{ background-position: -192px 0;top: 66px; left: 87px;}
.tool_ellipse:hover,.tool_ellipse.tool_button_current{ background-position: -192px -33px !important;	top: 66px; left: 87px;}
.tool_clear{ background-position: -224px 0;	top: 66px; left: 123px;}
.tool_clear:hover,.tool_clear_active{	background-position: -224px -33px !important;	top: 66px; left: 123px;}
/* Tools End */
/* Colors */
.color_red,.color_green,.color_blue,.color_violet,.color_white,.color_black{ background: url('../img/ttl-tools-color-sprite.png') no-repeat; }
.color_red{	background-position: -2px 0;	left: 15px;}
.color_red:hover,.color_red.color_button_current {background-position: -2px -33px;	left: 15px;}
.color_green{	background-position: -35px 0;	left: 51px;}
.color_green:hover,.color_green.color_button_current {background-position: -35px -33px;	left: 51px;}
.color_blue{	background-position: -67px 0;	left: 87px;}
.color_blue:hover,.color_blue.color_button_current {background-position: -67px -33px;	left: 87px;}
.color_violet{	background-position: -100px 0;	left: 123px;}
.color_violet:hover,.color_violet.color_button_current {background-position: -100px -33px;	left: 123px;}
.color_white{	background-position: -132px 0; left: 159px;}
.color_white:hover,.color_white.color_button_current {background-position: -133px -33px;	left: 159px;}
.color_black{	background-position: -166px 0; left: 195px;}
.color_black:hover,.color_black.color_button_current {background-position: -166px -33px;	left: 195px;}
/* Colors End*/
.pen-minimize-dialog,.pen-close-dialog  {position: absolute; top: 8px; width:14px;height:14px; }
.pen-minimize-dialog{ background: url('../img/pen-minimize-btn.png') no-repeat;left: 204px;cursor:pointer; } 
.pen-close-dialog{ background: url('../img/dialog-close-x-btn.png') no-repeat;left: 220px;cursor:pointer; }
#svg_editor { 
	display: none; 
	z-index:999;
	position:absolute;
	left: 180px;
	bottom:55px;
	width: 240px;
	height: 311px;
	overflow: visible;
}
.svgeditortop { 
	position:absolute;
	left: 0px;
	top: 0px;
	background: url('../img/pen-header-bar.png') no-repeat;
	width: 240px;
	height: 25px; /* full height 29px; */
	overflow: hidden;
}
#svg_tool_panel{ 
	position:absolute;
	left: 0px;
	top: 25px;
	background: url('../img/pen-toolbox-bg.png') no-repeat;
	width: 240px;
	height: 286px;
	overflow: hidden;
}
#svg_sample {
	position: absolute;
	top : 19px;
	left: 177px;
	display: block;
	height: 63px;
	width: 52px;
}
#svg_canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 150;
}
#workarea{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
#svgroot {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}
#canvasBackground {
	display: none;
}
#thickness_slider {
	position: absolute;
	top: 205px;
	left: 17px;
}
#opacity_slider {
	position: absolute;
	top: 252px;
	left: 17px;
}