body {
	background-color: #F5F5F5;
}

div#container {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	overflow: auto;
}




 div#toolbar {
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:100px;	
	padding:10px;
	
	
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.075), 0 0 40px rgba(0,0,0,.6);
  	-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.075), 0 0 40px rgba(0,0,0,.6);
  	box-shadow: inset 0 5px 5px rgba(0,0,0,.075), 0 0 40px rgba(0,0,0,.6);
  	
  	z-index:1;
}

div#toolbar div#mainToolbar  {
	margin-top:10px;
	margin-bottom:10px;
}

div#toolbar div#mainToolbar > .btn-group,
div#toolbar div#mainToolbar #nowEditing  {
	float:left;
}

div#toolbar div#mainToolbar #nowEditing {
	margin-left:20px;
	margin-top:10px;
	color:black
}


div#toolbar div#secondToolbar  {
	margin-top:10px;
	margin-bottom:10px;
}

div#toolbar div#secondToolbar  .btn-group {
	float:left;
	margin-right:15px;
}

div#toolbar #logo {
	position:absolute;
	top:0;
	right:0;
	margin:10px;
}


div#canvas_container {
	position: absolute;
	top:120px; 
	right:0;
	bottom:0;
	left:0;
	overflow:auto;
}

div#canvas_container > svg {
	background: white url(../img/grid.gif) repeat center center;
	cursor: url(../img/grab_off.cur) 8 9, move;
}



/*
*	app.tools.nodeRename.js
*/

input.renameTextBox {
	position:absolute;
	
	text-align:center;
	padding:2px;
}



/*	TODO: remove me	*/

.red {background-color: red;}