/**
 * Wires :
 */

canvas.WireIt-Wire {
   position: absolute;
   border: 0;
   z-index: 0;
}

canvas.WireIt-Wire-editing {
   z-index: 10;
}

div.WireIt-Wire-scissors {
   border: 0;
   position: absolute;
   z-index: 7;
   width: 16px;
   height: 16px;
   background-color: transparent;
   background-image: url(../images/cut.png);
   cursor: pointer;
}

/**
 * Terminals :
 */

div.WireIt-Terminal {
   width: 30px;
   height: 30px;
   cursor: pointer;   
   position: absolute;
   background: transparent url(../images/terminals.png) no-repeat scroll 0 0;
   z-index: 6;
}

div.WireIt-Terminal-connected {
   background-position: 0 -30px;
}

div.WireIt-Terminal-dropinvite {
   background-position: 0 -60px;
}

/**
 * Containers
 */
div.WireIt-Container {
   position: absolute;
 	z-index: 5;
 	opacity: 0.9;
/* 	filter: alpha(opacity = 80);*/
   border: 0; /* Changing this value causes positioning issues */
   font-size: 8pt;
	cursor: pointer;
}

div.WireIt-Container div.body {
   padding: 5px;
   /*overflow:auto;*/
	/*border: 1px solid #3366CC;*/
	border: 0px;
}

div.WireIt-History-Container {
   position: absolute;
 	z-index: 5;
 	opacity: 0.8;
 	filter: alpha(opacity = 80);
   border: 0; /* Changing this value causes positioning issues */
   font-size: 8pt;
}

div.WireIt-History-Container {
    padding: 2px;
   /*overflow:auto;*/
 	border: 1px solid #FFC064;
 	background-color: #FFFFFF;
}


div.WireIt-Container-ddhandle {
   width: 100%;
   height: 22px;
   background-color: #3366CC;
 	cursor: move;
 	-moz-border-radius-topleft: 5px;
 	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	padding-top: 3px;
	line-height:150%;
	color:white;
	font-weight:bold;
	text-align:center;
	font-size: 10pt;
} 

div.WireIt-Container-ddhandle span {
   margin-right: 32px;
}

img.WireIt-Container-icon {
   background: white;
   position: absolute;
   top: 4px;
   left: 4px;
   padding: 1px;
   border: 1px solid #ccc;
}

div.WireIt-Container-maximizebutton-full {
   /*background-image: url(../images/plus-small.jpg);*/
   width: 30px;
   height: 20px;
   cursor: hand;
   position: absolute;
   top: -15px;
   left: 140px;
}
div.WireIt-Container-maximizebutton-half {
   /*background-image: url(../images/plus-small.jpg);*/
   width: 30px;
   height: 20px;
   cursor: hand;
   position: absolute;
   top: -15px;
   left: 30px;
}
div.WireIt-Container-resizehandle {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 10px;
   height: 10px;
   cursor: se-resize;
}

div.WireIt-Container-closebutton {
   background-image: url(../images/close.png);
   width: 25px;
   height: 15px;
   position: absolute;
   top: 4px;
   right: 4px;
   cursor: pointer;
}


div.WireIt-Container-focused {
   z-index: 6;
   opacity: 1;
   filter: alpha(opacity = 100);
}

div.WireIt-Container-Enabled {
   position: absolute;
 	z-index: 5;
 	opacity: 1;
 	filter: alpha(opacity = 80);
   border: 0; /* Changing this value causes positioning issues */
   font-size: 8pt;
}

div.WireIt-Container-Enabled {
    padding: 5px;
   /*overflow:auto;*/
 	border: 1px solid #000000;
 	background-color: #FFFFFF;
}

#event_listing_item {
	max-height: 40px !important;
}

#event_listing_item table {
		max-height: 40px !important;
}

#event_listing_item table td {
	vertical-align: top;
}

/**
 * ImageContainer
 */

div.WireIt-ImageContainer div.body {	
	width: 128px;
	height: 60px;
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0;
	cursor: move;
}

div.WireIt-ImageContainer div.WireIt-Container-closebutton {
	display: none;
}
div.WireIt-ImageContainer:hover div.WireIt-Container-closebutton {
	display: block;
}
 
/**
 * Layers
 */
div.WireIt-Layer {
	border: 0; /* Changing this value causes positioning issues */
	overflow: scroll;
	margin: auto;
	position: relative;
	height: 100%; 
	width: 100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 10% 10%; 
	background-position: 90% 90%; 
	background-image: url(../images/relationship.png);
}

canvas.WireIt-LayerMap {
   position: absolute;
   border: 1px solid #3366CC;
   top: 0;
   right: 0;
}


/**
 *
 */
div.WireIt-InputExTerminal div.WireIt-Terminal {
   left: -21px;
   top: -5px;
}

.img_navigators {
   position: absolute;
 	z-index: 5;
 	opacity: 0.9;
	filter: alpha(opacity = 80);
   font-size: 8pt;
	cursor: pointer;
	border: 0px !important;
}