body {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	background:url(/permanents/defaultPattern.jpg) #222;
}

.notice, 
.notice * {
	margin: 0 auto 50px;
	width: 800px;
	text-align: center;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 16px;
	color: #fff;
}

#logo{
	margin:15px 0 0 30px;
	width:257px;
	height:48px;
	background:url(/images/logo.png) no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',sizingMethod='crop',enabled='true');
}
	#logo ins{
		display:none
	}
#loadingBar{
	position:relative;
	width:450px;
	margin:20px auto 100px;
	font-family:Georgia, Garamond, "Times New Roman", sans;
	font-size:16pt;
	color:#fff;
	text-align:center;
}	
	#loadingBar div{
		position:relative;
		padding:15px;
		z-index:2;
	}
	#loadingBar span{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:160px;
		opacity:0.7;
		filter:alpha(opacity=70);
		background:#000;
		z-index:1;
	}
	#loadingBar img{
		display:block;
		margin:10px auto 5px;
	}
	#loadingBar ins{
		font-size:12px;
		color:#ccc;
		text-decoration:none;
	}
#loadingBar.invisible{
	display:none;
}
	
#wrapper{
	width:960px;
	margin:10px auto 85px;
}
#wrapper.invisible{
	1visibility:hidden;
	display:none;
}
#wrapper.closed{
	display:none;
}

img{
	border:0;
}

/*----------------------------left------------------------------*/
		#left{
			float:left;
			width:655px;
		}
			#nav{
				position:absolute;
				top:-20px;
				width:625px;
				height:45px;
			}
				#nav ul {
					float:left;
					width:615px;
					height:43px;
					list-style:none;
					margin:0;
					padding:0;
					background:url(/images/bg_nav.png) 0 -43px no-repeat;
				}
					#nav ul li{
						display:block;
						float:left;
						width:70px;
						height:43px;
						margin:0 12px 0 0;
						padding:0;
						font-family:Georgia, Garamond, "Times New Roman", sans;
					}
					#nav ul li.active{
						background:url(/images/bg_nav.png) 0 0px no-repeat;
						width:80px;
					}
					#nav ul li.first{
						background-position:-2px 0px;
					}
						#nav ul li a{
							display:block;
							position:relative;
							left:10px;
							width:70px;
							height:43px;
							color:#555;
							text-decoration:none;
						}
						#nav ul li.active a{
							width:80px;
						}
						#nav ul li span{
							display:block;
							position:relative;
							left:10px;
							width:70px;
							height:43px;
							color:#3870B2;
							background:url(/images/bg_nav.png) 100% 0px no-repeat;
						}
						#nav ul li.active span{
							width:80px;
						}
							#nav ul li a ins, #nav ul li span ins{
								display:block;
								position:relative;
								top:12px;
								left:-10px;
								width:77px;
								font-size:18px;
								text-align:center;
								text-decoration:none;
							}
							#nav ul li a ins, #nav ul li span ins{
								width:87px;
							}
							#nav ul li span ins{
								top:7px;
								font-size:18px;
							}
				#nav ins.rightBorder{
					float:right;
					display:block;
					width:10px;
					height:43px;
					background:url(/images/bg_nav.png) 100% -43px no-repeat;
				}
		#tabsHolder{
			position:relative;
			top:20px;
			width:625px;
			height:295px;
			clear:both;
			background:url(/images/bg_left.jpg) repeat-x;
		}
/*----------------------------tabs------------------------------*/
		.tabContent{
			display:none;
			position:reltive;
		}
			/* ------------ colors ----------- */
			#colorSamples{
				float:left;
				width:235px;
				margin:40px 10px 0 20px;
			}
				#colorSamples div{
					position:relative;
					width:233px;
					height:117px;
					font-family:Georgia, Garamond, "Times New Roman", sans;
					font-size:16px;
					text-align:center;
					text-decoration:none;
					color:#ddd;
				}
				#fgColorSample{}
				#bgColorSample{
					margin-top:22px;
				}
				#colorSamples div a.notselected{
					display:block;
					position:relative;
					top:35px;
					width:160px;
					margin:auto;
					color:#ddd;
					text-decoration:none;
				}
				#colorSamples div.active a.notselected{
					display:none;
				}
					#colorSamples div a.notselected ins{
						padding-top:10px;
						font-size:22px;
						text-decoration:none;
						color:#ddd;
						border-bottom:1px dashed #ddd;
						cursor:pointer;
					}
				#colorSamples div span.selected{
					display:none;
				}
				#colorSamples div.active span.selected{
					display:block;
					position:absolute;
					top:45px;
					left:75px;
					width:82px;
					height:26px;
					background:url(/images/bg_colorsample_selected.png) no-repeat;
					_background-image:none;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_colorsample_selected.png',sizingMethod='crop',enabled='true');
				}
					#colorSamples div.active span input{
						position:absolute;
						right:2px;
						top:2px;
						width:52px;
						height:18px;
						font-family:Georgia, Garamond, "Times New Roman", sans;
						font-size:12px;
						color:#3870B2;
						text-align:center;
						border:1px solid #A5ACB2;
						background:#fff;
					}
			#cpHolder{
				float:left;
				margin:40px 0 0 0;
				width:310px;
				height:277px;
			}
			
			/* ------------ canvas ----------- */
			
			
			/* ------------ Image ----------- */
			
			.blockName {
				clear:both;
				margin:15px 0 5px;
				padding:2px 0 3px 10px;
				font-family:Georgia, Garamond, "Times New Roman", sans;
				font-size:12px;
				color:#444;
				background:#eee;
				
			}
			
			#tabcontent_image .leftCol, #tabcontent_image .middleCol, #tabcontent_image .rightCol{
				position:absolute;
				width:195px;
			}
				#tabcontent_image .leftCol{
					left:15px;
					text-align:left;
				}
				
				#tabcontent_image .middleCol{
					left:210px;
					text-align:left;
				}
					#locModes{
						margin:0;
						padding:0;
						list-style-type:none;
						display:inline;
						margin-left:15px;
					}
					#locModes li{
						margin:0;
						padding:0;
						display:inline;
					}
						#locModes li img{
							display:none;
							vertical-align:middle;
						}
						#locModes li a{
							display:inline;
						}
							#locModes li a img{
								display:inline;
								opacity:0.3;
								_filter: alpha(opacity=30);
							}
					
					/*--- location: diagonal ---*/
					.locmode_diagonal .loc_diagonal a{
						display:none !important;
					}
					.locmode_diagonal .loc_diagonal img{
						display:inline !important;
					}
					
					/*--- location: straight ---*/
					.locmode_straight .loc_straight a{
						display:none !important;
					}
					.locmode_straight .loc_straight img{
						display:inline !important;
					}
					
				
				#tabcontent_image .rightCol{
					right:15px;
					text-align:right;
				}
			
			/* ------------ rotate ----------- */
			
			#angleSlider{
				position:absolute;
				left:200px;
				top:70px;
				width:205px;
				height:205px;
				overflow:visible;
			}
				#angleSlider a{
					position:absolute;
					color:#889cb3;
					font-family:Georgia, Garamond, "Times New Roman", sans;
					font-size:20px;
					text-decoration:none;
					border-bottom:1px dashed #53afd5;
				}
				#angleSlider a:hover{
					color:#3870B2;
				}
					#angleSlider a.a45{
						left:205px;
						top:205px;
					}
					#angleSlider a.a90{
						left:90px;
						top:230px;
					}
					#angleSlider a.a135{
						left:-40px;
						top:205px;
					}
					#angleSlider a.a180{
						left:-70px;
						top:90px;
					}
					#angleSlider a.a225{
						left:-40px;
						top:-25px;
					}
					#angleSlider a.a270{
						left:80px;
						top:-55px;
					}
					#angleSlider a.a315{
						left:205px;
						top:-25px;
					}
					#angleSlider a.a0{
						left:260px;
						top:90px;
					}
					
					#angleSlider a sup{
						font-size:0.5em;
						text-decoration:none;
					}
			
			/* ------ proportion marker ------- */
			
			.propFlag {
				position:absolute;
				width:70px;
				opacity:0.3;
				_filter: alpha(opacity=30);
			}
			.propFlagActive{
				opacity:1;
				_filter: alpha(opacity=1)
			}
				.propFlag a{
					display:block;
					margin:0 auto;
					width:21px;
					height:8px;
					background: url(/images/bg_prop.gif) no-repeat;
				}
				.propFlag ins{
					position:absolute;
					display:block;
					width:15px;
					height:12px;
					top:4px;
					border-top:1px solid #CCCCCC;
				}
				.propFlag ins.propFlagL{
					left:0;
					border-left:1px solid #CCCCCC;
				}
				.propFlag ins.propFlagR{
					right:0;
					border-right:1px solid #CCCCCC;
				}
			
			#canvasPropFlag {
				position:absolute;
				left:55px;
				top:-18px;
				width:60px;
				
			}
				
			/* ------------ columns ----------- */
			
			.tabContent .cols{
				position:relative;
				top:25px;
				width:100%;
				font-family:Georgia, Garamond, "Times New Roman", sans;
				font-size:16px;
				color:#69727A;
			}
				input.paramsField{
					width:40px;
					font-family:Georgia, Garamond, "Times New Roman", sans;
					font-size:16px;
					color:#3870B2;
					text-align:center;
					border:1px solid #A5ACB2;
					background:#fff;
				}
				.tabContent input.invalidValue{
					border:1px solid #A5ACB2;
					background:#F1D1D3 !important;
				}
				
			.leftCol, .rightCol{
				position:absolute;
				width:290px;
			}
			.tabContent .leftCol{
				width:300px;
				left:15px;
				text-align:left;
			}
			
			.tabContent .rightCol{
				width:300px;
				right:15px;
				text-align:right;
			}
			
			/* ------------ scrollable pane ----------- */
			
			.samplesPane{
				position:absolute;
				left:10px;
				top:75px;
				width:604px;
				height:250px;
				overflow:auto;
				border:1px solid #ccc;
			}
				.samplesPane a.textureItem{
					display:block;
					margin:5px;
					float:left;
					width:71px;
					height:70px;
					border:1px solid #ccc;
				}
				.samplesPane a.imageItem{
					display:block;
					margin:5px;
					float:left;
					width:71px;
					height:70px;
					border:1px solid #ccc;
				}
				.samplesPane a:hover{
					border:1px solid #555;
				}
					.samplesPane a img{
						border:none;
					}
			
			/*------------------ misc -------------------*/
			
			
/*---------------------------preview----------------------------*/
		#right{
			float:right;
			width:300px;
		}
			#left .m, #right .m{
				height:350px !important;
			}
				#screenHolder{
					position:relative;
					left:12px;
					top:5px;
					width:245px;
					height:245px;
					background:url(/images/bg_screen.gif) 0 0 no-repeat;
				}
					#screenHolder div{
						position:relative;
						left:25px;
						top:24px;
						width:190px;
						height:190px;
					}
				
				#progressbar{
					display:none;
					position:absolute;
					left:36px;
					top:28px;
					width:199px;
					height:199px;
				}
					#progressbar span{
						display:block;
						width:100%;
						height:100%;
						background:url(/images/bg_disabled.gif);
					}
					#progressbar img{
						position:absolute;
						left:50%;
						top:50%;
						width:31px;
						height:37px;
						margin:-17px 0 0 -15px;
					}
					
					/*upload*/
					#progressbar.upload{
						display:block !important;
					}
					#progressbar.upload img.upload{
						display:inline;
					}
					#progressbar.upload img.download{
						display:none;
					}
					
					/*upload*/
					#progressbar.download{
						display:block !important;
					}
					#progressbar.download img.download{
						display:inline;
					}
					#progressbar.download img.upload{
						display:none;
					}
			
			#resultControls{
				width:210px;
				margin:13px 0 0 55px;
			}
				#resultControls a{
					display:block;
					margin:0 0 10px 0;
					padding:0 0 0 24px;
					font-family:Georgia, Garamond, "Times New Roman", sans;
					font-size:16px;
					color:#3870B2;
					text-decoration:none;
				}
				#resultRefresh{
					background:url(/images/bg_apply.gif) no-repeat;	
				}
				#resultDownload{
					background:url(/images/bg_download.gif) no-repeat;
				}
				#resultSave{
					background:url(/images/bg_save.gif) no-repeat;
				}


#iframeHolder{
	margin:-15px 0 0 0;
	width:100%;
}
	#footer{
		position:relative;
		height:40px;
		background:url(/images/bg_wmodeControl.png) repeat-x;
		_background-image:none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_wmodeControl.png',sizingMethod='scale',enabled='true');
		
	}
		#footerboxes{
			float:right;
			width:630px;
			height:40px;
		}
			#footer .footerBox{
				height:40px;
				overflow:hidden;
			}
			#smedias{
				float:left;
				margin:0;
			}
			#wmodeSwitcher{
				float:left;
				margin:0 0 0 15px;
			}
				#footer .footerBox ins.lb{
					display:block;
					float:left;
					width:21px;
					height:40px;
					background:url(/images/bg_footerBoxL.png) no-repeat;
					_background-image:none;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_footerBoxL.png',sizingMethod='crop',enabled='true');
				}
				#footer .footerBox ins.rb{
					display:block;
					float:left;
					width:21px;
					height:40px;
					background:url(/images/bg_footerBoxR.png) no-repeat;
					_background-image:none;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_footerBoxR.png',sizingMethod='crop',enabled='true');
				}
					#footer .footerBox span{
						display:block;
						padding:15px 0 0 0;
						float:left;
						width:100px;
						height:40px;
						text-align:center;
						background:url(/images/bg_footerBoxM.png) repeat-x;
						_background-image:none;
						_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_footerBoxM.png',sizingMethod='crop',enabled='true');
					}
					#footer #wmodeSwitcher span{
						width:125px;
					}
					#footer #smedias span{
						padding:19px 0 0 0;
						width:390px;
					}
						#footer .footerBox span a{
							color:#53afd5;
							font-size:16px;
							font-family:Georgia, Garamond, "Times New Roman", sans;
							text-decoration:none;
							border-bottom:1px dashed #53afd5;
						}
						#footer #smedias span a{
							opacity:0.5;
							_filter: alpha(opacity=50);
							color:#272727;
							padding:2px;
							border:none;
							text-decoration:none;
						}
						#footer #smedias span a:hover{
							opacity:1;
							_filter: alpha(opacity=100);
						}
	#iframeWrapper{
		height:100%;
		background:#272727;
	}
		#communityFrame {
			width:100%;
			height:900px;
			border:none;
		}