
		


			#gDesignerPopupMsg {
					position:absolute;
					position: absolute; 
					left: 0; 
					right: 0; 
					margin-left: auto; 
					margin-right: auto; 
					top: 200px;
					width:400px;
					height:300px;
					padding:15px;
					background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
					background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);

					border: 1px solid #000;
					text-align:center;
					font-size:2rem;
					z-index:1000;
					display:none;
			}

			#gDesignerLoad {
					position:absolute;
					position: absolute; 
					left: 0; 
					right: 0; 
					margin-left: auto; 
					margin-right: auto; 
					top: 200px;
					width:400px;
					height:300px;
					background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
					background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);

					border: 1px solid #000;
					text-align:center;
					font-size:2rem;
					z-index:1000;
			}
			
			#gDesignerSave {
					position:absolute;
					left: 0; 
					right: 0; 
					margin-left: auto; 
					margin-right: auto; 
					//top: 10%;
					top:10%;
					width:90%;
					height:90%;
					background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
					background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);

					border: 1px solid #000;
					text-align:center;
					font-size:2rem;
					z-index:1000;
			}
			
			

			#noShow {
				border:2px solid #CCC;
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
				background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
				background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
				background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
				background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
				background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
				width:50%;
				margin-left:25%;
				padding:20px;
			}
			
			
			
			
			.controllerHeadline {

				background-color:#CCC;				
				font-size:2rem;
				font-family: arial;
				font-weight:bold;
			}
		
			.controllerItem {
				padding:5px;
				background-color:#FFF;
			}
			
			.formItemDIV {
								
				cursor:pointer;
				border:1px solid #eee; 
				background-repeat:no-repeat;
				background-position:center center;
				background-size: contain;
				height:80px;

			}
			
			.colorItemDIV {
				cursor:pointer;
				border:1px solid #eee; 
				background-repeat:no-repeat;
				background-position:center center;
				background-size: cover;
				height:80px;
			}


			.formItemIMG {
				width:100%;
				position:absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
				margin:auto;
			}
			
			.colorItemIMG {
				width:100%;
				position:absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
				margin:auto;

			}
			
			.buttonLayer {
					background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
					background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
					background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
			}
			

		.saveFeedback {
			background-color:red;
			
		}
			
			
		#middleArea {
			overflow:hidden;
			float:left;
			
		}
		

		#configuratorLayerEditBox {
			padding:0px;
			
		}
		
		
		
		#configuratorSVGDiv {
			padding:0px;
		}
		
		
		
		#MySvg {
			border: 0px solid #CCC;
			overflow:hidden;
			position:relative;
			z-index:3;

		}
		#gDesignerOverlay {
			visibility:hidden;
			display:none;
			background-color:white;
			width:100%;
			padding:20px;
			position:absolute;
			z-index:2;
		}

			

		
		
		
		
		#configuratorLayerEditBox {
			background-color: #FFF;
			z-index:100;
			background-color:#FFF;
			border: 1px solid #CCC;
		}
		
		#noLayerActive {
			background-color: #FFF;

			background-color:#FFF;
			border: 1px solid #CCC;
		}
		
		
		
		#configuratorLeft {
			background-color:#FFF;
			border: 1px solid #CCC;
		}
		
		#configuratorTop {
			overflow: hidden;
			border: 1px solid #ccc;
			margin-bottom:10px;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
			background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
			background-color:#f9f9f9;
			border:1px #CCC solid;
		}
		
		
		.configuratorInfoTopline {
			min-height:60px;

			border: 1px solid #ccc;
			margin-bottom:10px;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
			background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
			background-color:#f9f9f9;
			border:1px #CCC solid;
		}
		
	.configuratorTableTD {
		border:1px solid #CCC;
		padding:10px;
	}
	.configuratorTableTH {
		border:1px solid #CCC;
		padding:10px;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
			background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
			background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	}
	
	
	.configuratorTopButton {
		background:none;
		float: left;
		border:none;
		border-right:1px solid #ccc;
		outline: none;
		cursor: pointer;
		padding: 20px;
		transition: 0.3s;
	}
	.configuratorTopButton:hover{
		background-color:#FFF;
		float: left;
		border:none;
		border-right:1px solid #ccc;
		outline: none;
		cursor: pointer;
		padding: 20px;
		transition: 0.3s;
	}
	.configuratorTopTabContent {
		background-color:#FFF;
		margin:0px;
		padding:20px;
	}
	
	.configuratorTopTabWK {
		
		margin:10px;
		
		
	}
	

	.grabsteinDesignerWrp {

		
	}
	.configuratorAccordion {
		color: #444;
		cursor: pointer;
		padding: 20px;
		width: 100%;
		text-align: left;
		border:0px;
		font-size:1.5rem;
		font-weight:bold;
 background-color: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#CECECE));
 background-image: -webkit-linear-gradient(top, #f0f0f0, #CECECE);
 background-image: -moz-linear-gradient(top, #f0f0f0, #CECECE);
 background-image: -ms-linear-gradient(top, #f0f0f0, #CECECE);
 background-image: -o-linear-gradient(top, #f0f0f0, #CECECE);
 background-image: linear-gradient(to bottom, #f0f0f0, #CECECE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f0f0f0, endColorstr=#CECECE); border-bottom:1px #EEE solid;
		border-top:1px #CCC solid;
	}
	
	
	.configuratorAccordionChild {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	}
	
	
	.configuratorRightHead {
		color: #444;
		cursor: pointer;
		padding: 20px;
		width: 100%;
		text-align: left;
		border:0px;
		font-size:1.5rem;
		font-weight:bold;
		 background-color: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#CECECE));
		 background-image: -webkit-linear-gradient(top, #f0f0f0, #CECECE);
		 background-image: -moz-linear-gradient(top, #f0f0f0, #CECECE);
		 background-image: -ms-linear-gradient(top, #f0f0f0, #CECECE);
		 background-image: -o-linear-gradient(top, #f0f0f0, #CECECE);
		 background-image: linear-gradient(to bottom, #f0f0f0, #CECECE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f0f0f0, endColorstr=#CECECE); border-bottom:1px #EEE solid;
		border-top:1px #CCC solid;
	}
	
	.configuratorActive, .configuratorAccordion:hover {
		background-color: #ccc;

	}
	.configuratorPanel {
		//padding:20px;
		background-color: #FFFFFF;
		display: none;
		overflow: hidden;
	} 
	.configuratorAccordion:after {
		content: '\02795'; 
		font-size: 13px;
		color: #777;
		float: right;
		margin-left: 5px;
	}
	.configuratorActive:after {
		content: "\2796"; 
	}
				
	.configuratorTrenner {
		border-top-width: 1px;
		border-top-color:#CCC;
		border-top-style: solid;
		width:100%;
		padding-top:5px;
		font-family:arial;
		margin-top:10px;
		margin-bottom:10px;
	}
			
	.configuratorLabel {
		display: inline-block;
		width: 60px;
		text-align: right;	
		margin-right: 5px;
		font-size:1rem;
		font-weight:bold;
	}
	
	
	.configuratorTextfield {
		padding:5px;
		font-size:1.5rem;
		margin-bottom:2px;
		margin-top:0px;
	
	}
		

	.configuratorScrollMenu {
		background-color: #eee;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		vertical-align:middle;
		height:160px;
	}
	
	.configuratorStyleBox {
		display:inline-block;
		background-color:white;
		width:280px;
		height:140px;
		vertical-align:middle;
		margin-right:10px;
		border:1px solid #CCC;
		cursor:pointer;
		
	}

	.configuratorFontColorBox {
		//background-color: #eee;
		overflow-y: auto;
		white-space: nowrap;
		padding-top:10px;
		padding-bottom:10px;
		margin-left:20px;
	}

	.configuratorFontColorItem {
		width:50px;
		height:50px;
		border:1px solid #000;
		float:left;
		margin-right:5px;
		cursor:pointer;
	}
	.activeFontColorItem {
		border:6px solid #000;
		cursor:pointer;

	}
	
	.configuratorFontFamilyBox {
		background-color: #eee;
		// margin-top:20px;
		// margin-bottom:20px;
		overflow-y: auto;
		height:300px;
	}
	


	.configuratorFontFamilyItem {
		font-size:20px;
		width:100%;
		background-color:white;
		margin-bottom:5px;
		border:1px solid #CCC;
		padding:10px;
		cursor:pointer;
		
	}
	.activeFontFamilyItem {
		background-color:#45b452;
		border:1px solid #000;
		cursor:pointer;
		

	}
	
	
	


	