#canvas {
	display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top;
    overflow: auto;
}


/** ELEMENT POSITIONS **/
#dragDropWindow1 { top:76px;left:100px; }
#dragDropWindow2 { top:148px; left:300px; }
#dragDropWindow3 { top:340px; left:100px; }
#dragDropWindow4 { top:416px; left:300px; }

/** ELEMENTS **/
.drag-drop-demo .stepVisContainer {
    background-color: white;
    text-align: center;
    z-index: 240;
    cursor: pointer;
    border-radius: 0.5em;
    position: absolute;
    color: black;
    padding-top: 5px;
    min-width: 180px;
    min-height: 10px;
    line-height: 12px;
}

.stepVisContainer:hover {
    border:1px solid #123456;
    box-shadow: 2px 2px 19px #444;
}

.stepVisContainerStartingStep {
	border: 3px solid #000;
}

.drag-drop-demo a, .drag-drop-demo a:visited {
    color:#057D9F;
}

.drag-drop-demo a:hover {
    color:orange;
}

/** LINKS IN WINDOWS **/
.drag-locked { border:1px solid red; }
.cmdLink { font-size:0.80em;}

/** DRAG/DROP CLASSES **/
.dragActive { border:2px dotted orange; }
.dropHover { border:1px dotted red; }

.visTrafficLight {
	width: 12px;
	height: 12px;
	border-radius: 7px; 
	border: 1px solid #666;
	float: left;
	margin-right: 5px;
	margin: 3px 5px 5px 8px;
}

.visStepDescription {
	font-weight: bold;
	float: left;
	margin: 4px 10px 10px 0px;
}

.visJackLabel {
	display: none;
	background-color: #77eeee; 
    z-index:2000;
    border-radius: 5px;
    border: 1px solid #44bbbb;
    padding:5px;
}