#menubarb {
	position: absolute;
	width: 100%;
	height: 32px;
	background: black;
	padding: 0;
	margin: 0;
	right: 0;
	top: 0;
}

#menubarpic {
	position: absolute;
	width: 100%;
	height: 62px;
	background: white;
	padding: 0;
	margin: 0;
	right: 0;
	top: 58px;
	text-align: center;
}

#menubar {
	position: absolute;
	width: 100%;
	height: 26px;
	background: black;
	padding: 0;
	margin: 0;
	right: 0;
	top: 32px;
}

#sidebarleftt {
	position: absolute;
	left: 0;
	top: 120px;
	/* bottom: 0; */
	width: 300px;
	height: 200px;
	background: white;
	overflow: auto;
	border: 1px solid #201d1d;
}

#sidebarleftb {
	position: absolute;
	left: 0;
	top: 321px;
	bottom: 0;
	width: 300px;
	background: white;
	overflow: auto;
	border: 1px solid #201d1d;
}

#sidebarlefttd {
	position: absolute;
	left: 0;
	top: 321px;
	bottom: 0;
	width: 300px;
	background: white;
	overflow: auto;
	border: 1px solid #201d1d;
}

#sideroaddiv{
	/* position: absolute; */
	left: 0;
	top: 0;
	/* bottom: 0; */
	width: 300px;
	background: white;
	overflow: auto;
	
}

#stringtext{
	margin: 3px;
	width: 100px;
	text-align: left;
	float: left;
}
#inputtext{
	margin: 3px;
	/* width: 150px; */
	text-align: left;
	float: left;
	border: 1px solid #201d1d;
	border-radius: 3px;
	color:black;
}

#sideroadbutton{
	/* width: 30px;
	height: 30px; */
	color: white;
	background: black;
	/* background: url(../img/icon/rotation.png);
	background-size: 100% 100%; */
	margin: 4px;
	padding: 0;
	border: 1px solid #201d1d;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
	bottom: 0;
	position: absolute;
	right: 0;
}

#tadiaofugaibutton{
	/* width: 30px;
	height: 30px; */
	color: white;
	background: black;
	/* background: url(../img/icon/rotation.png);
	background-size: 100% 100%; */
	margin: 4px;
	padding: 0;
	border: 1px solid #201d1d;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
	bottom: 0;
	position: absolute;
	left: 40%;
}

#tadiaoaddbutton{
	/* width: 30px;
	height: 30px; */
	color: white;
	background: black;
	/* background: url(../img/icon/rotation.png);
	background-size: 100% 100%; */
	margin: 4px;
	padding: 0;
	border: 1px solid #201d1d;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
	bottom: 0;
	position: absolute;
	left: 0%;
}

#sidebarmiddle {
	position: absolute;
	left: 301px;
	top: 120px;
	bottom: 0;
	width: 38px;
	background: white;
	overflow: auto;
	border: 1px solid #201d1d;
}

#sidebar {
	position: absolute;
	right: 0;
	top: 120px;
	bottom: 0;
	width: 270px;
	background: #eee;
	overflow: auto;
}

#viewport {
	position: absolute;
	top: 120px;
	left: 340px;
	right: 270px;
	bottom: 0;
}

#menubar .menu {
		float: left;
		cursor: pointer;
		padding-right: 8px;
		background-image: url(../img/acrossTab/acrossTab-2.png);
		/* background: none; */
		padding: 0 20px;
		position: relative;
		
	}
	
	#menubar .menu .title {
		display: inline-block;
		color: black;
		margin: 0;
		padding: 4px;
		
		
	}
	
	em {
	    right: -16px;
	    height: 26px;
	    width: 16px;
		background-image: url(../img/acrossTab/acrossTab-2.png);
		background-position: right -150px;
		position: absolute;
		
		top: 0;
		z-index: 50;
		
	}
	
	#moveid{
		width: 30px;
		height: 30px;
		color: #555;
		background: url(../img/icon/move.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#scaleid{
		width: 30px;
		height: 30px;
		color: #555;
		background: url(../img/icon/scale.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#rotationid{
		width: 30px;
		height: 30px;
		color: #555;
		background: url(../img/icon/rotation.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#frontid{
		width: 30px;
		height: 30px;
		color: #555;
		background: url(../img/icon/front.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#sideid{
		width: 30px;
		height: 30px;
		color: #555;
		background: url(../img/icon/side.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#topid{
		width: 30px;
		height: 30px;
		color: #555;
		background: url(../img/icon/top.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#lightid{
		width: 30px;
		height: 30px;
		color: #555;
		background: url(../img/icon/light.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}
	
	#menubar .menu .options {
		position: fixed;
		display: none;
		padding: 5px 0;
		background: #eee;
		width: 150px;
		max-height: calc(100% - 80px);
		overflow: auto;
		z-index: 2;
		margin-top: -4px;
	}
	
#newid{
		color: #555;
		background: url(../img/icon/new.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}	

#importid{
		color: #555;
		background: url(../img/icon/import.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}		

#openid{
		color: #555;
		background: url(../img/icon/open.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}	

#saveid{
		color: #555;
		background: url(../img/icon/save.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}	

#saveasid{
		color: #555;
		background: url(../img/icon/saveas.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}
	
#undoid{
		color: #555;
		background: url(../img/icon/undo.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}	
	
#redoid{
		color: #555;
		background: url(../img/icon/redo.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}
		
#copyid{
		color: #555;
		background: url(../img/icon/copy.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}
			
#deleteid{
		color: #555;
		background: url(../img/icon/delete.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}				

#twodid{
		color: #555;
		background: url(../img/icon/2d.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}
	
#threedid{
		color: #555;
		background: url(../img/icon/3d.png);
		background-size: 100% 100%;
		margin: 4px;
		padding: 0;
		border: 1px solid #201d1d;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
}		

.iconid{
		width:20px;
		height:20px;
}

#tip-box {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    /* padding: 15px 22px; */
    /* position: absolute; */
   
    width: auto;
    height: auto;
    /* max-height: 32px; */
    background: #efefef;
	z-index: 100;
	white-space:nowrap;
    
}

#companyid{
	color:white;
	position: absolute;
	right: 40%;
}

#autosaveid{
	color:white;
	position: absolute;
	right: 5%;
}

#autosavetextid{
	color:white;
}

#roadicon{
	width: 30px;
	height: 30px;
	color: #555;
	background: url(../img/icon/roadicon2.png);
	background-size: 100% 100%;
	margin: 4px;
	padding: 0;
	/* border: 1px solid #201d1d; */
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
}

#tadiaoicon{
	width: 30px;
	height: 30px;
	color: #555;
	background: url(../img/icon/tadiaoicon.png);
	background-size: 100% 100%;
	margin: 4px;
	padding: 0;
	/* border: 1px solid #201d1d; */
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
}

#roaddiv{
	width:60px;
	height:60px;
	float:left;
}

.tticonid{
		width: 30px;
		height: 30px;
		color: #555;
		
		margin: 4px;
		padding: 0;
		border: 1px solid #1173c5;
		border-radius: 2px;
		box-sizing: border-box;
		cursor: pointer;
	}

#tticonlineid{
	background: url(../img/icon/zx.png);
	background-size: 100% 100%;
	background-color: #1173c5;
}

#tticonhulineid{
	background: url(../img/icon/hu.png);
	background-size: 100% 100%;
	background-color: #1173c5;
}

#tticonzhihulineid{
	background: url(../img/icon/zxh.png);
	background-size: 100% 100%;
	background-color: #1173c5;
}

#tticoncycleid{
	background: url(../img/icon/yuan.png);
	background-size: 100% 100%;
	background-color: #1173c5;
}
	
#tticoncubeid{
	background: url(../img/icon/cube.png);
	background-size: 100% 100%;
}
	
#tticonradioscubeid{
	background: url(../img/icon/radioscube.png);
	background-size: 100% 100%;
}
		
#tticoncylinderid{
	background: url(../img/icon/cylinder.png);
	background-size: 100% 100%;
}
			
#tticonpolygonid{
	background: url(../img/icon/polygon.png);
	background-size: 100% 100%;
}
				
#tticonradiospolygonid{
	background: url(../img/icon/radiospolygon.png);
	background-size: 100% 100%;
}