div.window_frame
{
	position:relative;
	width:768px;
	height:520px;
	margin-left:auto;
	margin-right:auto;
	background:url(res/window.png);
	text-align:left;
}

div.caption
{
	position:absolute;
	font-family:'Segoe UI', Tahoma, Arial;
	line-height:25px;
	vertical-align:bottom;
	font-size:16px;
	color:#113;
	left:50px;
	top:20px;
	text-shadow:#fff -1px 0 5px, #fff 0 -1px 5px, #fff 1px 0 5px, #fff 0 1px 5px;
}
img.caption
{
	position:absolute;
	left:27px;
	top:22px;
}

div.toolbar
{
	position:absolute;
	top:49px;
	left:25px;
	height:33px;
	width:710px;
	padding:5px;
	/*text-align:center;*/
}
div.toolbar span
{
	position:relative;
	display:inline-block;
	line-height:25px;
	height:28px;
	padding:0 6px 0 8px;
	bottom:4px;
	vertical-align:bottom;
	background:url(res/tool-grip.png) left repeat-y;
	font-family:'Segoe UI', Tahoma, Arial;
	font-size:15px;
}
div.toolbar div.tool-sep
{
	display:inline-block;
	margin:0 3px;
	border-left:#747882 1px solid;
	border-right:#e0e5f2 1px solid;
	height:27px;
	position:relative;
	bottom:2px;
}
div.toolbar a
{
	position:relative;
	display:inline-block;
	height:31px;
	width:28px;
	cursor:pointer;
}
div.toolbar a img
{
	padding:6px 4px 5px 4px;
	border:none;
	vertical-align:baseline;
	display:inline-block;
}
div.toolbar a:hover
{
	background:url(res/tool-hot.png) left top no-repeat;
}
div.toolbar a:focus
{
	outline:none;
}
div.toolbar a.tool-sel
{
	background:url(res/tool-selected.png) left top no-repeat;
	cursor:default;
}

img.toolbar_btn_i
{
	padding:6px;
	vertical-align:middle;
}
div.toolbar_separator
{
	width:1px;
	height:20px;
	background:#c0c0c0;
	margin:3px;
	margin-top:6px;
}

table.canvas
{
	margin:0px;
	padding:0px;
	position:absolute;
	top:90px;
	left:214px;
	height:320px;
	width:320px;
	border:0px;
	cursor:crosshair;
}
table.canvas tbody, table.canvas tr td
{
	padding:0px;
	margin:0px;
	border:0px;
}
table.preview
{
	border:0px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:45px;
	left:40px;
	height:32px;
	width:32px;
	background:transparent;
}
table.preview tbody, table.preview tr td
{
	padding:0px;
	margin:0px;
	border:0px;
}

div.picker
{
	position:absolute;
	top:90px;
	left:537px;
	height:320px;
	width:206px;
}
#picker_text
{
	position:absolute;
	right:3px;
	bottom:3px;
	font-family:Segoe UI, Tahoma, Arial;
	font-size:13px;
	width:64px;
	height:15px;
}

div.panel
{
	position:relative;
	width:186px;
	clear:both;
}
div.panel_body
{
	padding:4px 8px;
	font:12px Segoe UI, Tahoma, Arial;
	margin-bottom:8px;
	text-align:center;
}
div.panel_title
{
	height:34px;
	font-family:Segoe UI, Tahoma, Arial;
	font-size:15px;
	font-weight:bold;
	line-height:34px;
	margin:0 8px;
	padding-left: 24px;
	border-bottom:dotted 1px gray;
}
div#panel_library div.panel_title
{
	background:url(res/easel.png) no-repeat left;
}
div#panel_templates div.panel_title
{
	background:url(res/create-new.png) no-repeat left;
}
div#panel_library span.library_label
{
	display:inline-block;
	text-align:left;
	color:#707070;
	width:150px;
}
div#panel_library select
{
	width:150px;
	margin:1px 0 3px 0;
}
div.panel_trans
{
	opacity:.5;
}

img.nostyle
{
	margin:0;
	padding:0;
	border:0;
}

a.template
{
	cursor:pointer;
	background:#e8e8e8/*url(res/active-color.png) no-repeat*/;
	width:32px;
	height:32px;
	display:inline-block;
	padding:1px;
	border:dotted 1px #c0c0c0;
	margin:2px;
}
a.template img
{
	/*border:dashed 1px blue;*/
	opacity:.5;
	display:inline-block;
}
a.template:hover
{
	border:dotted 1px #808080;
}
a.template:hover img
{
	opacity:1;
}
span.status_label
{
	font-family:Segoe UI, Tahoma, Arial;
	font-size:15px;
	color:#707070;
	text-align:left;
	display:inline-block;
	line-height:22px;
	height:22px;
	vertical-align:bottom;
}
input.status_field select.status_field
{
	font-family:Segoe UI, Tahoma, Arial;
	font-size:13px;
	color:#000000;
}

div.bubble
{
	font-family:Segoe UI, Tahoma, Arial;
	font-size:13px;
	text-align:justify;
	color:#101030;
	padding:21px 25px 21px 25px;
	z-index:20;
	width:400px;
	height:260px;
}
div.bubble a
{
	cursor:pointer;
	color:#06c;
}
h2.bubble
{
	margin:1px auto;
	font-size:18px;
	text-align:center;
}
h3.bubble
{
	margin-top:1px;
	font-size:16px;
	color:#303060;
}
div.bubble a.bubble_close
{
	float:right;
	margin:2px;
	padding-left:19px;
	background:url(res/close.png) left no-repeat;
	color:#a03030;
	font-weight:bold;
	cursor:pointer;
}
div.bubble a.bubble_top
{
	float:left;
	margin:2px;
	padding-left:19px;
	background:url(res/top.png) left no-repeat;
	color:#30a030;
	font-weight:bold;
	cursor:pointer;
}
div.bubble_section
{
	position:absolute;
	visibility:hidden;
}
#help
{
	position:absolute;
	bottom:40px;
	right:100px;
	background:url(res/help-bubble.png);
	padding-right:98px;
}