@CHARSET "ISO-8859-1";
/*<!-- @import "ui-dialog.css";@import "ui-widget.css"; -->*/


body {
	font-family:Verdana,Arial,sans-serif;
	font-size:0.8em;	
}	
	
	
.toolsBar {
	border-bottom: solid 1px #000000;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 100%;
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.toolsButton {
	border: solid 1px #000055;
	margin-right: 10px;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
}

.messageBox {
	border: solid 1px #000055;
	margin-right: 10px;
	position: absolute;
	clear: both;
	heigth: 28px;
	width: 98%;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
}

.canvas {
	height: 100%;
	width: 100%;
	border: solid 1px #000000;
	background-image: url("images/grid.gif");
	background-repeat: repeat;
}

.canvas-whitout-grid {
	height: 100%;
	width: 100%;
	border: solid 1px #000000;
	background-image: none;
	background-repeat: no-repeat;
}

.pcgObject {
	/* z-index:1; */ 
	border: solid 1px #78add3;
	position: absolute;
	top: 100px;
	left: 100px;	
	background-color: #FFFFFF;
	width: 310px;
	height: 150px;
	padding-right: 5px;
	padding-left: 3px;
	padding-bottom: 31px;
	
}

.pcgObjectHeader {
	height: 20px;
	width: 100%;
	border: solid 0px #FFFFFF;
	background-color: #B0B0B0;
	margin-top: 2px;	
	margin-bottom: 2px;
	/* z-index:2; */

}

.pcgObjectBody {
	height: 100%;
	width: 100%;
	background-color: #8a8aed;
	/* z-index:2; */ 
}

.propertiesBlock {
	list-style-type: none;
	/*margin-left: 3px;*/
	border: 0px;
	width: 100%;
	margin-left: 5px; 
	padding: 0;
	height: 100%;
}

.propertyBlock {
	margin-right: 10px;
	white-space: nowrap;
	margin-bottom: 4px;
	height: 1.5em;
}

.propertyLeft {
	width: 100%;
	height: 1.5em;
	white-space: nowrap;
	float: left;
}
.propertyRight {
	white-space:nowrap;
	padding-right:5px;
	float: right;
	margin-top: -1.55em;
	/* z-index:4; */
}
.property {
	/*background-color:orange;*/
	z-index: 15;
	cursor: pointer;
	padding-left: 17px;
	padding-bottom: 2px;
	padding-top: 1px;
}

.propertyType {
	font-size: x-small;	
}

.addProperty {
}

.span-li-icon {
	position: absolute; 
	margin-left: 0em;
	/*margin-top: -1.15em;*/	
}

.ui-selected { 
	border: solid 3px #F39814;
}

.svgcontainer {
	z-index: -1;
	
}

.objectLink {
	border: solid 1px #000000;
}

.ui-draggable-dragging {
	z-index:100;	
}

.minimap {	
	background-color: #E9E9E9;
	border: 1px solid #808080;
	z-index: 10;
	padding: 0px;
	margin: 0px;
}

.redSquare {
	position: relative;
	border: 1px solid red;
	background-color: #FFF6F6;
	opacity:0.4;
	filter:alpha(opacity=40);
	width: 75px;
	height: 50px;
	top: 2px;
	left: 2px;
	z-index: 60;
}

.miniObject {
	position: absolute;
	z-index: 20;
	width: 25px;
	height: 16px;
	border: 1px solid orange;
	background-color: #FFCA4C;
}

.accordion-container {
	position: fixed;
}

.accordion {
	min-width: 240px;
	float: left;
	clear: both;
}

.ac-minimap { 
	/**/
}

.ac-tools {
	/**/
}