.tuning-edit{
	position: relative;
	float:left;
	width:100%;
	padding-left:16px;
	padding-top:16px;
	padding-bottom:16px;
	background-color:rgba(0,0,0,0.02);
	border-top:4px solid #444444;
	border-bottom:4px solid #444444;
	margin-bottom:30px;
	margin-top:-1px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
#tuning-ptitle-edit-model{
	float:left;
	width:100%;	
	
}
#tuning-ptitle-carmodel{
	float:left;
	margin-right:6px;
}
#tuning-ptitle-model{
	float:left;
}
#tuning-ptitle-year{
	float:left;
	margin-right:6px;
}
#tuning-tecdoc-carmodel{
	float:left;
	margin-right:6px;
	width:166px;
}
#tuning-tecdoc-model{
	float:left;
	min-width:140px;
}

#tuning-tecdoc-year{
	float:left;
	margin-right:6px;
	width:160px;
}

#tuning-selected{
	float:right;
	background-color:#f9f9f9;
	cursor:pointer;
	border:7px solid rgba(0,0,0,0.02);	
}



#tuning-ptitle-selected{
	float:left;
	width:100%;
	max-width:375px;
	background-color:#f9f9f9;
	border:4px solid rgba(0,0,0,0.2);
	margin-top:0px;
	margin-left:3px;
	line-height:19px;

}

.tuningTabContainer {
	float:left;
	width:100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.tuningTab{
	float:left;
	width:100%;
	margin-top:20px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	padding-left:16px;
}
.tuningTabActive{
	float:left; 
	padding:4px; 
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	cursor:pointer;
	padding-left:22px;
	padding-right:22px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:4px;
	margin-right:2px;
	background-color:#444444; 
	font-weight:bold;
	color:#ffffff;
}

.tuningTabInactive{
	float:left; 
	padding:4px; 
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	cursor:pointer;
	padding-left:22px;
	padding-right:22px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:4px;
	margin-right:2px;
	background-color:#b5b5b5; 
	font-weight:bold;
	/*
	opacity:0.4;
	*/
	color:#eeeeee;
}
.tuningTabInactive:hover{
	opacity:1.0;
	color:#ffffff;
}

.stageTab{
	float:left; 
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	cursor:pointer;
	padding-left:24px;
	padding-right:24px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:2px;
	font-weight:bold;
	font-size:20px;
}

.stageTabBottom{
	float:left; 
	padding:4px; 
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	cursor:pointer;
	padding-left:24px;
	padding-right:24px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:2px;
	font-weight:bold;
	font-size:20px;
}

.stageTabRedActive{
	background-color:#d55442; 
	color:#ffffff;
	cursor:default;
}

.stageTabRedInactive{
	background-color:#d55442; 
	opacity:0.4;
	color:#eeeeee;
}
.stageTabRedInactive:hover{
	opacity:1.0;
	color:#ffffff;
}
.stageTabGreenActive{
	background-color:#72c53b; 
	color:#ffffff;
	cursor:default;
}

.stageTabGreenInactive{
	background-color:#72c53b; 
	opacity:0.4;
	color:#eeeeee;
}
.stageTabGreenInactive:hover{
	opacity:1.0;
	color:#ffffff;
}

.stageTabBlueActive{
	background-color:#3b76c5; 
	color:#ffffff;
	cursor:default;
}

.stageTabBlueInactive{
	background-color:#3b76c5; 
	opacity:0.4;
	color:#eeeeee;
}

.stageTabBlueInactive:hover{
	opacity:1.0;
	color:#ffffff;
}
.stageTabBlackActive{
	background-color:#333333; 
	color:#ffffff;
	cursor:default;
}

.stageTabBlackInactive{
	background-color:#333333; 
	opacity:0.4;
	color:#eeeeee;
}

.stageTabBlackInactive:hover{
	opacity:1.0;
	color:#ffffff;
}

#tuning-stage{
	float:left;
	width:100%;
	margin-top:10px;
}

.center-stages{
	float:left; 
	width:100%; 
	margin-top:2px;
	border-bottom:4px solid #444444;
}

.CanvasContainer {
	float:left;
	width:100%;
	border:1px solid #cecece;
	padding-top:30px;
	margin-top:30px;
}
canvas
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	display: block;
}
	
#BtnStagePrevious
{
	position:absolute; margin-top:14px; margin-left:-16px; width:85px; text-align:center; padding-top:10px; padding-bottom:8px; background:rgba(0,0,0,0.1); border-top-right-radius:8px; border-bottom-right-radius:8px; cursor:pointer; font-size:18px; color:#565656;
}
#BtnStageNext
{
	position:absolute; margin-top:14px; margin-left:16px; width:85px; text-align:center; padding-top:10px; padding-bottom:8px; background:rgba(0,0,0,0.1); border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:pointer; font-size:18px; color:#565656;
}

.ComponentHref {
	float:left;
	width:50%;
	text-align:center;
	padding:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 700px) 
{
	.ComponentHref {
		width:100%;
	}
}

@media screen and (max-width: 945px) 
{	
	.CanvasContainer {
		margin-top:10px;		
	}
}	

@media screen and (max-width: 790px) {
	#tuning-ptitle-selected{
		width:97%;
		max-width:790px;
	}
	.tuning-tecdoc-gotoedit {
		text-align:left;
	}
	.CanvasContainer {
		max-width:500px;
	}
}


@media screen and (max-width: 400px) {
	#tuning-tecdoc-gotoedit-icon {
		display:none;
	}
}