/* Interaction states
----------------------------------*/
#dia_editor .ui-state-default,#dia_editor .ui-widget-content .ui-state-default,#dia_editor .ui-widget-header .ui-state-default
	{
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #555555;
}

#dia_editor .ui-state-default a,#dia_editor .ui-state-default a:link,#dia_editor .ui-state-default a:visited
	{
	color: #555555;
	text-decoration: none;
}

#dia_editor .ui-state-hover,#dia_editor .ui-widget-content .ui-state-hover,#dia_editor .ui-widget-header .ui-state-hover,#dia_editor .ui-state-focus,#dia_editor .ui-widget-content .ui-state-focus,#dia_editor .ui-widget-header .ui-state-focus
	{
	border: 1px solid #999999;
	background: #dadada url(img/ui-bg_glass_75_dadada_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #212121;
}

#dia_editor .ui-state-hover a,#dia_editor .ui-state-hover a:hover,#dia_editor .ui-state-hover a:link,#dia_editor .ui-state-hover a:visited
	{
	color: #212121;
	text-decoration: none;
}

#dia_editor .ui-state-active,#dia_editor .ui-widget-content .ui-state-active,#dia_editor .ui-widget-header .ui-state-active
	{
	border: 1px solid #aaaaaa;
	background: #ffffff url(img/ui-bg_glass_65_ffffff_1x400.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #212121;
}

#dia_editor .ui-state-active a,#dia_editor .ui-state-active a:link,#dia_editor .ui-state-active a:visited
	{
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
#dia_editor .ui-state-highlight,#dia_editor .ui-widget-content .ui-state-highlight,#dia_editor .ui-widget-header .ui-state-highlight
	{
	border: 1px solid #fcefa1;
	background: #fbf9ee url(img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50%
		repeat-x;
	color: #363636;
}

#dia_editor .ui-state-highlight a,#dia_editor .ui-widget-content .ui-state-highlight a,#dia_editor .ui-widget-header .ui-state-highlight a
	{
	color: #363636;
}

#dia_editor .ui-state-error,#dia_editor .ui-widget-content .ui-state-error,#dia_editor .ui-widget-header .ui-state-error
	{
	border: 1px solid #cd0a0a;
	background: #fef1ec url(img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50%
		repeat-x;
	color: #cd0a0a;
}

#dia_editor .ui-state-error a,#dia_editor .ui-widget-content .ui-state-error a,#dia_editor .ui-widget-header .ui-state-error a
	{
	color: #cd0a0a;
}

#dia_editor .ui-state-error-text,#dia_editor .ui-widget-content .ui-state-error-text,#dia_editor .ui-widget-header .ui-state-error-text
	{
	color: #cd0a0a;
}

#dia_editor .ui-priority-primary,#dia_editor .ui-widget-content .ui-priority-primary,#dia_editor .ui-widget-header .ui-priority-primary
	{
	font-weight: bold;
}

#dia_editor .ui-priority-secondary,#dia_editor .ui-widget-content .ui-priority-secondary,#dia_editor .ui-widget-header .ui-priority-secondary
	{
	opacity: .7;
	filter: Alpha(Opacity = 70);
	font-weight: normal;
}

#dia_editor .ui-state-disabled,#dia_editor .ui-widget-content .ui-state-disabled,#dia_editor .ui-widget-header .ui-state-disabled
	{
	opacity: .35;
	filter: Alpha(Opacity = 35);
	background-image: none;
}

#dia_editor .ui-state-disabled .ui-icon {
	filter: Alpha(Opacity = 35); /* For IE8 - See #6059 */
}

#progress {
	margin-top: 7px;
	height: 20px;
	border: 1px solid #333333;
}

#percent {
	position: absolute;
	line-height: 20px;
	text-align: center;
	width: 100%;
}

#progress_bar {
	position: absolute;
	height: 20px;
	background-color: #aaaaaa;
}

#poly_hold {
	position: absolute;
	width: 100%;
	height: 100%;
	/*z-index: 11049;*/
	cursor: pointer;
	display: none;
	overflow: hidden;
}

#poly_hold_ie_move_fixer {
	position: absolute;
	width: 100%;
	height: 100%;
	/*z-index: 11050;*/
	background: #aaaaaa;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.2)";
	/* Netscape */
	-moz-opacity: 0.001;
	/* Safari 1.x */
	-khtml-opacity: 0.001;
	/* Good browsers */
	opacity: 0.001;
}

.polypoint {
	background: url(img/cross.png) no-repeat;
	/*background-color: #fafafa;*/
	width: 22px;
	height: 22px;
	position: absolute;
	/*z-index: 11050;*/
	/*border-top: 1px solid #cfcfcf;
	 border-bottom: 2px solid #cfcfcf;*/
	cursor: default;
}

.polypoint_first {
	background: url(img/cross_first.png) no-repeat;
	/*background-color: #fafafa;*/
	width: 22px;
	height: 22px;
	position: absolute;
	/*z-index: 11050;*/
	/*border-top: 1px solid #cfcfcf;
	 border-bottom: 2px solid #cfcfcf;*/
	cursor: default;
}

#grid_hold {
	position: absolute;
	/*z-index: 11100;*/
	width: 100%;
	height: 100%;
	/*border-top: 1px solid #cfcfcf;
	 border-bottom: 2px solid #cfcfcf;*/
	cursor: pointer;
	display: none;
	overflow: hidden;
}

.grid {
	background: url(img/cross.png) no-repeat;
	/*background-color: #fafafa;*/
	width: 22px;
	height: 22px;
	position: absolute;
	/*z-index: 11100;*/
	/*border-top: 1px solid #cfcfcf;
	 border-bottom: 2px solid #cfcfcf;*/
	cursor: pointer;
}

#grid1 {
	top: 100px;
	left: 400px;
}

#grid2 {
	top: 100px;
	left: 550px;
}

#grid3 {
	top: 350px;
	left: 400px;
}

#grid4 {
	top: 350px;
	left: 550px;
}

#canvas_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	/*z-index: 110;*/
	display: none;
}

#dia_editor input {
	width: 80px;
	height: 16px;
	padding: 1px;
	margin-bottom: 5px;
	border: 1px solid #000;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
}

.btt_editor {
	width: 50px;
	height: 20px;
	padding: 3px;
	border: 1px solid #000;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}

.btt_refresh {
	background: transparent url(img/btt_refresh_0.png) no-repeat center
		center;
	position: absolute;
	bottom: 4px;
	right: 4px;
	cursor: pointer;
	width: 34px;
	height: 34px;
	margin-left: 50px;
	margin-top: 5px;
}

#btt_addarea,#btt_addpt {
	margin-right: 0px;
}

.dia_editor_dialog .ui-corner-all,.dia_editor_dialog .ui-corner-top,.dia_editor_dialog  .ui-corner-left,.dia_editor_dialog .ui-corner-tl,.dia_editor_dialog .ui-corner-right,.dia_editor_dialog .ui-corner-tr,.dia_editor_dialog .ui-corner-left,.dia_editor_dialog .ui-corner-bl,.dia_editor_dialog .ui-corner-right,.dia_editor_dialog .ui-corner-br
	{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.dia_editor_dialog .ui-dialog-titlebar-close {
	display: none;
}

.edit_btt_plus {
	width: 21px;
	height: 21px;
	display: inline-block;
	background: transparent url(img/btt_plus_0.png) no-repeat center center;
}

.edit_btt_minus {
	width: 21px;
	height: 21px;
	display: inline-block;
	background: transparent url(img/btt_minus_0.png) no-repeat center center;
}

#edit_tool_help {
	border-bottom: 1px solid #cccccc;
	color: #ffffff;
	height: 35px;
}

#edit_tool_help_radio {
	width: 21px;
	height: 21px;
	margin-left: 5px;
	background: transparent url(img/btt_autohelp_1.png) no-repeat center
		center;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

#edit_tool_help_txt {
	width: 57px;
	height: 25px;
	display: inline-block;
	line-height: 15px;
	font-size: 10px;
	vertical-align: middle;
}

#edit_tool_help_open {
	width: 50px;
	height: 21px;
	background: transparent url(img/btt_help_0.png) no-repeat center center;
	display: inline-block;
	color: #000000;
	text-align: center;
	line-height: 21px;
	vertical-align: middle;
	cursor: pointer;
}

#edit_buttons {
	width: 45px;
	height: 150px;
	display: inline-block;
	vertical-align: top;
	margin-left: -4px;
	margin-right: 5px;
}

#edit_zoom_txt,#edit_object_txt,#edit_zoom_plus,#edit_zoom_minus {
	height: 25px;
	display: inline-block;
	line-height: 25px;
}

#edit_zoom_txt,#edit_object_txt {
	width: 86px;
	margin-left: 5px;
	vertical-align: top;
	margin-top: 2px;
}

#edit_zoom {
	height: 25px;
	padding-top: 2px;
	margin-bottom: 5px;
	padding-bottom: 6px;
	border-bottom: 1px solid #cccccc;
	color: #ffffff;
}

#edit_grid,#edit_area,#edit_settings {
	margin-top: 5px;
	width: 95px;
	height: 150px;
	display: none;
}

#edit_settings {
	width: 88px;
	padding-left: 3px;
}

#edit_grid,#edit_area,#edit_settings {
	display: inline-block;
}

#label_grid_w,#label_grid_h,#label_settings_average,#label_settings_opacity
	{
	margin-right: 3px;
	margin-left: 3px;
	text-align: right;
	display: inline-block;
	font-size: 8pt;
	line-height: 20px;
	height: 20px;
	display: inline-block;
	color: #ffffff;
}

#label_settings_opacity {
	margin-top: 8px;
}

.ui-dialog {
	padding: 0;
}

#edit_btt_grid,#edit_btt_area,#edit_btt_settings {
	width: 45px;
	height: 46px;
	background: transparent url(img/btt_grid_1.png) no-repeat center center;
}

#edit_btt_area {
	background: transparent url(img/btt_area_0.png) no-repeat center center;
}

#edit_btt_settings {
	background: transparent url(img/btt_tool_0.png) no-repeat center center;
}

.ui-dialog #upload.ui-dialog-content {
	overflow: visible;
}

#label_point {
	display: inline-block;
	width: 73px;
	vertical-align: top;
	margin-top: 3px;
	margin-bottom: 5px;
	color: #ffffff;
}

#label_area {
	display: inline-block;
	width: 73px;
	vertical-align: top;
	margin-top: 3px;
	margin-bottom: 9px;
	color: #ffffff;
}

.btt_active {
	
}

#edit_help_book {
	top: -28px;
	padding: 0px;
	line-height: 40px;
	z-index: 1;
	display: none;
}

#edit_help {
	top: -28px;
	padding: 0px;
	line-height: 40px;
	z-index: 1;
	display: none;
}

#edit_help_show {
	background: transparent url(img/transp.gif);
	position: absolute;
	top: 6px;
	right: 210px;
	width: 280px;
	height: 18px;
	cursor: pointer;
	opacity: 0;
}

#edit_help_show_check {
	position: absolute;
	right: 1px;
	top: 2px;
}

#edit_help_close {
	background: transparent url(img/transp.gif);
	position: absolute;
	top: 6px;
	right: 18px;
	width: 150px;
	height: 18px;
	cursor: pointer;
}

#edit_help_book_close {
	background: transparent url(img/transp.gif);
	position: absolute;
	top: 6px;
	right: 18px;
	width: 160px;
	height: 18px;
	cursor: pointer;
}

#edit_help_book_cover {
	background-color: #484848;
	position: absolute;
	top: 3px;
	left: 180px;
	width: 453px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	color: #ffffff;
	font-size: 14px;
}

#edit_help_object_select {
	position: absolute;
	top: 100px;
	left: 20px;
	width: 300px;
	height: 200px;
	background-color: #ffffff;
}

.edit_help_object_select_btt {
	width: 230px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	background-color: #333333;
	color: #ffffff;
	margin-bottom: 5px;
	padding-left: 5px;
	cursor: pointer;
}

#help_book_back {
	background: transparent url(img/btt_pfeil_links_0.png);
	position: absolute;
	left: -70px;
	top: 200px;
	display: none;
	width: 48px;
	height: 56px;
}

#help_book_next {
	background: transparent url(img/btt_pfeil_rechts_0.png);
	position: absolute;
	right: -70px;
	top: 200px;
	width: 48px;
	height: 56px;
}

#edit_object {
	border-bottom: 1px solid #cccccc;
	color: #ffffff;
	height: 55px;
}

#edit_object_select {
	width: 138px;
	margin-left: 5px;
}

#edit_object_plus,#edit_object_minus {
	height: 25px;
	display: inline-block;
	line-height: 25px;
}

#edit_object_minus {
	display: none;
}

.upload {
	top: 0px;
	padding: 0px;
	line-height: 38px;
	z-index: 1;
	display: none;
	z-index: 9999997;
}

#upload {
	background: #fff;
	display: none;
}

#upload_hold {
	
}

#upload input {
	width: 100%;
	border: 1px solid #666666;
}

.upload .ui-widget-header {
	color: #666666;
	text-align: 'center';
}

.upload .ui-dialog {
	padding: 0px;
}

.upload .ui-dialog-titlebar {
	border-bottom: 0px;
}

.upload .ui-dialog-titlebar-close {
	display: block;
}

#upload_close {
	background: transparent url(img/transp.gif);
	position: absolute;
	top: 6px;
	right: 18px;
	width: 150px;
	height: 18px;
	cursor: pointer;
}

#edit_help_book {
	overflow: visible;
}

.edit_help_book {
	overflow: visible;
}

.edit_help_book  .ui-widget-header {
	background-color: #eeeeee;
	color: #666666;
	text-align: 'center';
	height: 16px;
}

.edit_help .ui-widget-header {
	background-color: #eeeeee;
	color: #666666;
	text-align: 'center';
	height: 16px;
}

.dia_editor_dialog {
	z-index: 999999;
}

.dia_editor_dialog .ui-widget-header {
	background-color: #eeeeee;
	color: #666666;
	text-align: 'center';
	height: 18px;
}

#dia_editor .ui-dialog-content {
	padding: 0px;
	overflow: visible;
}

#dia_editor {
	background-color: #777777;
	color: #666666;
	text-align: 'center';
	padding: 0px;
	overflow: visible;
}

#editor_tool_dimensions
{
  display: inline-block;
  text-align: left;
  width: 100%;	
}

.dimension_settings {
	font-size: 16px;
	margin-left: 11px;
	margin-right: 6px;
	margin-bottom: 12px;
	width: 80px;
	height: 25px;
	background-color: #333;
	color: #fff;
	display: inline-block;
}

#width_settings{
	border-bottom-color: #f00;
}

#width_label,#rotate_label {
	margin: 8px;
	font-size: 16px;
	width: auto;
	display: inline-block;
	float: left;
}

#width_label {
	margin-bottom: 11px;
	border-bottom: 1px solid #f00;
}

#rotation_label {
	float: left;
	margin-left: 8px;
	height: 38px;
	line-height: 38px;
}

.editor_rotation {
	display: inline-block;
	float: right;
}

#editor_rotation_90 {
	margin-right: 3px;
}

.editor_rotation_checkbox {
	width: 38px;
	height: 38px;
	background: transparent url(img/buttonset8.png) no-repeat;
	float: left;
	margin-right: 5px;
}

.editor_rotation_label {
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 100%;
	text-decoration: none;
	float: inherit;
	color: #ffffff;
	clear: both;
}

.editor_canvas {
	width: 100%;
	height: 100%;
}

#editor {
	position: absolute;
}

#editor_sidebar {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 0px;
	display: block;
	overflow: hidden;
}

#editor_sidebar_content {
	position: relative;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 200px;
	background: #565657;
	/*padding: 10px;*/
	text-align: center;
	color: #fff;
	display: block;
}

.editor_tools {
	display: inline-block;
	cursor: pointer;
	width: 45px;
	height: 45px;
	background: transparent url(img/Buttonset_Editor_45x45px.png) 0 0;
	padding: 0;
	margin: 0 10px 12px 10px;
}

.editor_tools_tip {
	display: inline-block;
	cursor: pointer;
	width: 45px;
	height: 45px;
	background: transparent url(img/Buttonset_Editor_45x45px.png) 0 0;
	padding: 0;
	margin: 0 10px 20px 10px;
}

#editor_tool_magic_wand:hover,#editor_tool_magic_wand.act {
	background-position: -45px 0;
}

#editor_tool_paint {
	background-position: 0 -45px;
}

#editor_tool_paint:hover,#editor_tool_paint.act {
	background-position: -45px -45px;
}

#editor_tool_erase {
	background-position: 0 -225px;
}

#editor_tool_erase:hover,#editor_tool_erase.act {
	background-position: -45px -225px;
}

#editor_tool_tip_size1 {
	background-position: 0 -360px;
}

#editor_tool_tip_size1:hover,#editor_tool_tip_size1.act {
	background-position: -45px -360px;
}

#editor_tool_tip_size2 {
	background-position: 0 -405px;
}

#editor_tool_tip_size2:hover,#editor_tool_tip_size2.act {
	background-position: -45px -405px;
}

#editor_tool_tip_size3 {
	background-position: 0 -450px;
}

#editor_tool_tip_size3:hover,#editor_tool_tip_size3.act {
	background-position: -45px -450px;
}

#editor_tool_grid {
	background-position: 0 -90px;
}

#editor_tool_grid:hover,#editor_tool_grid.act {
	background-position: -45px -90px;
}

#editor_tool_add_area {
	background-position: 0 -135px;
}

#editor_tool_add_area:hover,#editor_tool_add_area.act {
	background-position: -45px -135px;
}

#editor_tool_remove_area {
	background-position: 0 -180px;
}

#editor_tool_remove_area:hover,#editor_tool_remove_area.act {
	background-position: -45px -180px;
}

#editor_title {
	height: 100px;
	line-height: 115px;
	font-weight: bold;
	font-size: 32px;
}

.editor_title {
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	margin-top: 8px;
	font-size: 14px;
}

#editor_objects_title {
	margin-bottom: 0px;
	/*display: none;*/
}

#editor_objects {
	display: none;
}

.editor_history {
	background: #333 url(img/Buttonset_Editor_27x27px.png) 0 0;
	display: inline-block;
	margin-right: 9px;
	margin-left: 8px;
	width: 80px;
	height: 25px;
	font-size: 12px;
	cursor: pointer;
}

.editor_history:hover {
	background-color: #ce8f34;
}

#editor_history_back {
	background-position: 2px -108px;
}

#editor_history_next {
	background-position: 50px -135px;
}

.editor_zoom {
	background: #333 url(img/Buttonset_Editor_27x27px.png) 0 0;
	display: inline-block;
	margin-right: 9px;
	margin-left: 8px;
	margin-bottom: 10px;
	width: 75px;
	height: 25px;
	font-size: 12px;
	cursor: pointer;
	line-height: 25px;
	padding-left: 5px;
	text-align: left;
}

#editor_zoom_plus {
	background-position: 50px -54px;
}

#editor_zoom_minus {
	background-position: 50px -81px;
}

.editor_object {
	text-align: right;
	cursor: pointer;
	border-bottom: 1px solid #fff;
}

.editor_object.act {
	background-color: #fff;
	color: #333;
}

.editor_object_name {
	text-align: left;
	height: 40px;
	display: inline-block;
	width: 160px;
	line-height: 40px;
}

.editor_object_info_icon {
	display: inline-block;
	margin-left: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	display: none;
}

#myroom_camera {
	position: absolute;
	display: none;
	z-index: 30;
	height: 695px;
	top: 130px;
}

#draw_canvas_hold {
	position: absolute;
	display: block;
	opacity: 0.8;
}

.editor_settings
{
	  background-color: #ccc;
	  height: 10px !important;
	  width: 160px;
	  margin-left: 20px;
	  margin-bottom: 10px;
}

.editor_settings_label
{
	width: 160px;
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 11px;
}

#auto_average_check
{
	  margin-left: 5px;
	  position: relative;
	  top: 4px;
	  display: inline-block;
}

.editor_obj_select {
	background-color: #333;
	color: #fff;
	height: 25px;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 3px;
	line-height: 25px;
	cursor: pointer;
}

.editor_obj_select:hover {
	background-color: #ce8f34;;
}

#editor_objects_desc{
	padding: 11px;
}

#editor_objects_plus{
	margin-left: 10px;
    margin-right: 12px;
    margin-top: 10px;
    background-color: #333;
    color: #fff;
    height: 25px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

#editor_objects_plus:hover {
	background-color: #ce8f34;;
}

#editor_obj_select_content{
    padding-bottom: 20px;
}

#editor_objects_elements{
	border-top: 1px solid #fff;
    margin-top: 8px;
}

.editor_objects_element{
	border-bottom: 1px solid #fff;
    height: 44px;
    line-height: 44px;
    text-align: left;
    padding-left: 12px;
    cursor: pointer;
    position: relative;
}

.editor_objects_element.act{
    background-color: #fff;
    color: #333;
}

.editor_objects_label{
	width: 116px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.editor_objects_element_info{
    background: #333 url(img/Buttonset_Editor_27x27px.png) 0 0;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 8px;
    right: 45px;
}

.editor_objects_element_info:hover {
	background-position: -27px 0px;
}


.editor_objects_element_setting{
    background: #333 url(img/Buttonset_Editor_27x27px.png) 0 -162px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 8px;
    right: 10px;
}

.editor_objects_element_setting:hover {
	background-position: -27px -162px;
}

#editor_obj_settings_content{
	position: absolute;
    width: 368px;
    padding: 5px;
    height: 200px;
    background-color: #fff;
}

#editor_settings_opacity span, #editor_settings_average span{
	background-color: #666;
}