@charset "utf-8";
/* CSS Document */

html, body{
	overflow: hidden;
	background-color: white;
}

.main canvas{
    background: white;
    -moz-box-shadow:
        inset 0px 0px 3px 2px #e0e0e0,
        inset 0px 0px 3px 2px #e0e0e0;
    -webkit-box-shadow:
        inset 0px 0px 3px 2px #e0e0e0,
        inset 0px 0px 3px 2px #e0e0e0;
    box-shadow:
        inset 0px 0px 3px 2px #e0e0e0,
        inset 0px 0px 3px 2px #e0e0e0;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.main canvas.logo{
	background: transparent;
	-webkit-transition: background 1.5s linear 0.7s;
	-moz-transition: background 1.5s linear 0.7s;
	-o-transition: background 1.5s linear 0.7s;
	transition: background 1.5s linear 0.7s;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}


html, body, .main, .main canvas, #sketch, .root, .focused, .canvasScrollPanel {
	width: 100%;
	height: 100%;
}
.main {
	background-color: white;
	-moz-box-shadow:    0px 0px 3px 2px #ccc;
  	-webkit-box-shadow: 0px 0px 3px 2px #ccc;
	box-shadow:         0px 0px 3px 2px #ccc;
}

.canvasScrollPanel{
	background: url(images/logo.png) no-repeat center center;
	margin: 0px;
	padding: 0px;
}
.moved {
	cursor: move;
}

.copied {
	cursor: copy
}

.defaultCursor {
	cursor: default;
}

.navigate {
	cursor: default;
	cursor: pointer;
	cursor: move;
	cursor: all-scroll;
}

.about{
	color: #585858;	
}

.disabledText{
	color: darkgray;
	font-style: italic;
}

.hidden{
	visibility: hidden;
}