/***
LAYERS
-background 100
-stripes 150
-style 200
-flair 300


***/


#design-it-preview {
	float:left;
	width:450px;
	border:1px solid #eeeeee;
}

	#design-it-preview-style-container {
	width:450px;
	height:450px;
	position:relative;
	}
	
		#design-it-preview-background {
		width:450px;
		height:450px;
		top:0px;
		left:0px;
		position:absolute;
		z-index:-400;
		}
		
		#design-it-preview-loading {
		width:450px;
		height:450px;
		top:0px;
		left:0px;
		position:absolute;
		z-index:-350;
		overflow:hidden;
		font-size:24px;
		text-align:center;
		/*
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		-o-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		*/
		}
		
			#loading-text {
			font-size:20px;
			margin-top:20px;
			text-shadow:0px 1px 0px white;
			background-color:white;
			padding:10px;
			width:120px;
			margin:20px auto 0px 20px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
		
			#design-it-preview-stripes table {
			border-collapse:collapse;
			padding:0px;
			margin:0px;
			border:none;
			width:100%;
			}
			
				#design-it-preview-stripes table tr {
				border-collapse:collapse;
				padding:0px;
				margin:0px;
				}
				
					#design-it-preview-stripes table td {
					border-collapse:collapse;
					padding:0px;
					margin:0px;
					height:30px;
					line-height:30px;
					width:100%;
					}
					
					#design-it-preview-stripes table tr.odd td {
					background-color:white; /*SET ME!*/
					}
		
		#design-it-preview-sketch-overlay {
		width:450px;
		height:450px;
		top:0px;
		left:0px;
		position:absolute;
		z-index:-325;
		}
		
		#design-it-preview-style {
		width:450px;
		height:450px;
		top:0px;
		left:0px;
		position:absolute;
		z-index:-300;
		}
		
		
		#design-it-preview-flair {
		width:40px;
		height:40px;
		top:185px;
		left:260px;
		position:absolute;
		z-index:-200;
		}

#design-it-settings {
	float:right;	
	width:240px;
}

#design-it-settings label {
	clear:left;
	display:block;
	text-align:left;
	margin:0px 0px 5px 0px;
	font-size:120%;
}

#design-it-settings strong {
	clear:left;
	display:block;
}


.style-swatch {
	float:left;
	border:1px solid #eee;
	margin:0px 4px 4px 0px;
	cursor:auto;
	cursor:pointer;
	padding:2px;
}

	.style-swatch:hover {
	border:1px solid #aaa;
	}
	.style-swatch.selected {
	border:1px solid #999;
	}
	.style-swatch img {
	width:50px;
	height:50px;
	}



.color-swatch {
	float:left;
	padding:1px;
	border:1px solid #eee;
	margin:0px 2px 2px 0px;
	
	cursor:auto;
	cursor:pointer;
}


	.color-swatch:hover {
	border:1px solid #aaa;
	}
	
	.color-swatch.selected {
	border:1px solid #999;
	}
	.color-swatch div {
	width:15px;
	height:15px;
	}
	
	
.flair-swatch {
	float:left;
	border:1px solid #eee;
	margin:0px 4px 4px 0px;
	cursor:auto;
	cursor:pointer;
	padding:2px;
}

	.flair-swatch:hover {
	border:1px solid #aaa;
	}
	.flair-swatch.selected {
	border:1px solid #999;
	}
	.flair-swatch img {
	width:40px;
	height:40px;
	}



.design-it-setting {
margin:0px 0px 15px 0px;
float:left;
width:100%;
}

#design-it-setting-style strong {
	display:none;
}


#design-it-setting-color strong {
	display:none;
}

#design-it-setting-stripetrim strong {
	display:none;
}

#design-it-setting-design strong {
float:left;
clear:left;
}

#design-it-setting-flair strong {
display:none;
}

/*
     FILE ARCHIVED ON 17:07:45 Nov 12, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:28:44 Oct 17, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.909
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 42.425
  LoadShardBlock: 473.88 (3)
  PetaboxLoader3.resolve: 243.402 (3)
  PetaboxLoader3.datanode: 282.646 (4)
  load_resource: 81.779
*/