* {
	margin: 0;
	padding: 0;
}

.ccv {
	width: 670px;
	margin: 25px auto 10px 20px;
	position: relative;
}
.ccv.browserwarning {
}
	.ccv.browserwarning p {
	}
	.ccv input[type=checkbox] {
		vertical-align: text-bottom;
	}
	.ccv .canvas .drawingCanvas {
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	.ccv .canvasbox {
	
	}
	.ccv .toolbar {
		width: 98px;
		padding: 4px;
		font-size: 0.75em;
		float: right;
	}
		.ccv .toolbar .editor_separator {
			display: block;
			clear: both;
		}
		.ccv .toolbar a {
			display: block;
			float: left;
			width: 32px;
			height: 32px;
			margin: 2px;
			padding: 4px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.2, rgb(246,245,245)),
				color-stop(0.64, rgb(255,255,255))
			);
			background-image: -moz-linear-gradient(
				center bottom,
				rgb(246,245,245) 20%,
				rgb(255,255,255) 64%
			);
			border: 1px solid #CCC;
			color: #333;
			font: bold 13px Arial,Sans-serif;
			text-align: center;
			text-decoration: none;
			text-shadow: 0 1px 0 white;
		}
			.ccv .toolbar a span {
				display: block;
				width: 32px;
				height: 32px;
				background-image: url("../images/editorcc/toolbar.png");
			}
		.ccv .toolbar a:active, .ccv .toolbar a[rel=toggled] {
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.2, rgb(111,156,19)),
				color-stop(0.64, rgb(153,191,74))
			);
			background-image: -moz-linear-gradient(
				center bottom,
				rgb(200,90,90) 20%,
				rgb(207,113,113) 64%
			);
		}
		.ccv .toolbar a:hover {
			color:#FFF;
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.2, rgb(64,64,64)),
				color-stop(0.64, rgb(91,91,91))
			);
			background-image: -moz-linear-gradient(
				center bottom,
				rgb(64,64,64) 20%,
				rgb(91,91,91) 64%
			);
			border-color:#666;
			text-shadow:0 0px 0 #666;
			-moz-text-shadow: 0 1px 0 #666;
			-webkit-text-shadow: 0 1px 0 #666;
		}

		.ccv .toolbar .toolbar-text span {
			background-position: 0 0;
		}
		.ccv .toolbar .toolbar-image span {
			background-position: -32px 0;
		}
		.ccv .toolbar .toolbar-url span {
			background-position: -64px 0;
		}
		.ccv .toolbar .toolbar-remove span {
			background-position: -352px 0;
		}
		.ccv .toolbar .toolbar-undo span {
			background-position: -96px 0;
		}
		.ccv .toolbar .toolbar-redo span {
			background-position: -128px 0;
		}
		.ccv .toolbar .toolbar-zback span {
			background-position: -160px 0;
		}
		.ccv .toolbar .toolbar-zfront span {
			background-position: -192px 0;
		}
		.ccv .toolbar .toolbar-draw span {
			background-position: -224px 0;
		}
		.ccv .toolbar .toolbar-erase span {
			background-position: -256px 0;
		}
		.ccv .toolbar .toolbar-panels-add span {
			background-position: -288px 0;
		}
		.ccv .toolbar .toolbar-panels-remove span {
			background-position: -320px 0;
		}
		.ccv .toolbar .toolbar-box span {
			background-position: -384px 0;
		}
		.ccv .toolbar .toolbar-line span {
			background-position: -448px 0;
		}
		.ccv .toolbar .toolbar-circle span {
			background-position: -416px 0;
		}
		.ccv .toolbar .toolbar-duplicate span {
			background-position: -480px 0;
		}
		.ccv .toolbar label {
			clear: both;
			display: block;
			font-size: 0.8em;
		}
	.ccv .canvasborder {
		width: 550px;
		border: 2px solid #555;
		background-color: #fff;
	}
	.ccv .canvas {
		width: 550px;
		height: 480px;
		position: relative;
		overflow: hidden;
		cursor: default;
	}
		.ccv .canvas canvas {
			position: absolute;
			width: 550px;
			height: 480px;
			top: 0;
			left: 0;
			/*background-color: rgba(255,220,220,0.5);*/
			z-index: 0;
		}
		.ccv .canvas .element {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
		}
		.ccv .canvas .elementText {
			white-space: pre;
		}
		
		.ccv .canvas .elementText textarea {
			white-space: pre-wrap;
			border: none;
			resize: none;
			background-color: transparent;
			color: inherit;
			font: inherit;
			text-align: inherit;
			height: 100%;
			width: 100%;
			overflow: hidden;
		}
		
		
		.ccv .canvas .elementImageWrapper {
		}
			.ccv .canvas .elementImageWrapper .elementImage {
				display: block;
			}
			.ccv .canvas .elementImageWrapper .elementImageResizeHandle {
				position: absolute;
				right: 0;
				bottom: 0;
				background-image: url("../images/editorcc/toolbar.png");
				background-position: -256px -32px;
				width: 16px;
				height: 16px;
			}
						
			.ccv .canvas .element.selected {
				outline: 1px dashed #000;
			}
			.ccv .canvas .element.editing {
				outline-color: orange;
			}
	.ccv .canvasglass {
		cursor: default;
		position: relative;
		width: 100%;
		height: 100%;
		cursor: inherit;
	}
	.ccv .erasePreview {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		background-color: #fff;
		background-color: rgba(0,0,0,0.5);
		outline-color: invert;
	}
	.ccv .toolitem {
		display: block;
		float: left;
		margin: 0 4px 0 2px;
		cursor: pointer;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.2, rgb(246,245,245)),
			color-stop(0.64, rgb(255,255,255))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgb(246,245,245) 20%,
			rgb(255,255,255) 64%
		);
		border: 1px solid #CCC;
		background-color: #fff;
	}
		.ccv .toolitem-inset {
			border-style: inset;
		}
			.ccv .toolitem .toolitem-text {
				display: block;
				float: left;
				font-size: 0.8em;
				padding: 0 2px;
			}
		.ccv .toolitem-inset.toolitem-disabled {
			border-style: outset;
			background-color: buttonface;
		}	
		.ccv .toolitem-preview {
			width: 16px;
			height: 16px;
			background-color: #000;
			float: left;
			margin: 2px 2px 2px 2px;
		}
		.ccv .toolitem select {
			border: none;
			display: block;
			float: left;
			padding: 1px;
		}
	.ccv .toolicon {
		width: 16px;
		height: 16px;
		background-image: url("../images/editorcc/toolbar.png");
		background-position: 0 -32px;
		margin: 2px 2px 2px 2px;
		float: left;
	}
		.ccv .toolicon-font-family {
			background-position: -192px -32px;
		}
		.ccv .toolicon-font-size {
			background-position: -208px -32px;
		}
		.ccv .toolicon-color {
			background-position: -96px -32px;
		}
		.ccv .toolicon-stroke {
			background-position: -224px -32px;
		}
		.ccv .toolicon-mirror-horizontal {
			background-position: -32px -32px
		}
		.ccv .toolicon-mirror-vertical {
			background-position: -48px -32px
		}
		.ccv .toolicon-fill {
			background-position: -112px -32px
		}
		.ccv .toolicon-category {
			background-position: -240px -32px;
		}
		.ccv .toolicon-save {
			background-position: -272px -32px;
		}
		.ccv .toolicon-rotate-left {
			background-position: -16px -32px
		}
		.ccv .toolicon-rotate-right {
			background-position: 0 -32px
		}
		.ccv .toolicon-lock {
			background-position: -288px -32px
		}
			.ccv .toolitem-disabled .toolicon-lock {
				background-position: -304px -32px
			}
		.ccv .toolicon-textalign-left {
			background-position: -128px -32px
		}
		.ccv .toolicon-textalign-right {
			background-position: -160px -32px
		}
		.ccv .toolicon-textalign-center {
			background-position: -144px -32px
		}
			
		.ccv .toolitem:active {
			border-style: inset;
		}
	
	.ccv .retool {
		height: 22px;
		padding: 2px;
	}

		.ccv .retool .retool-current {
			float: left;
		}
		.ccv .inputColor {
			width: 60px;
		}
		
	.ccv .globalops {
		padding: 1px 4px;
		overflow: auto;
	}
	.ccv .restatus {
		height: 20px;
		line-height: 20px;
		padding: 0 4px;
		margin: 10px 4px;
		/*border: 1px solid #ccc;
		border-top-color: #888;
		border-left-color: #888;*/
		width: 292px;
		float: right;
		font-size: 12px;
		text-align:right;
	}
	.ccv .rebutton-save {
		float: right;
		cursor: pointer;
		cursor:hand;cursor:pointer;width:inherit;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;background:#63B52F;color:#000;display:block;font:lighter 24px 'Amatic SC', cursive;padding:3px 10px;text-align:center;text-decoration:none;}
	
	.ccv .rebutton-save:hover {color:#FFF;background:url("../images/btn3.png") repeat-x scroll 0 0 #000;border-color:#666;text-shadow:0 0px 0 #666;}
		
		
		.ccv .rebutton-save:active {
			border-style: inset;
			background-color: ThreeDHighlight;
		}
	.ccv .refaces {
	}
		.ccv .refaces .toolitem {
			margin: 2px 0;
		}
		.ccv .refaces .restrip {
			border: 1px solid #ccc;
			padding: 0 4px 4px 4px;
			clear: left;
			margin-top:20px;
		}
			.ccv .refaces .restrip .strips {
				/*height: 100px;*/
				overflow-y: hidden;
				overflow-x: auto;
			}
			.ccv .refaces .restrip .strips::-webkit-scrollbar {
				width: 10px;
				height: 12px;
			}
			.ccv .refaces .restrip .strips::-webkit-scrollbar-track {
				
			}
			.ccv .refaces .restrip .strips::-webkit-scrollbar-thumb {
				border-radius: 10px;
				background: rgba(0,0,0,0.75);
			}
			
				.ccv .refaces .restrip .strips .strip {
					height: 80px;
					border:0px;
				}
					.ccv .refaces .restrip .strips  .strip td {
						width: 80px;
						height: 80px;
						border:0px;
						
					}
						/*.ccv .refaces .restrip .strips  .strip td {
						}*/
							.ccv .refaces .restrip .strips  .strip .reface-item {
								display: block;
								margin: 0 2px;
								cursor: move;
							}
							.ccv .refaces .restrip .strips  .strip td:hover .reface-item {
								-moz-transform: scale(1.2);
								-webkit-transform: scale(1.2);
								-o-transform: scale(1.2);
								-ms-transform: scale(1.2);
								transform: scale(1.2);
							}

/* jquery colorpicker stuff: */
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../images/editorcc/colorpicker/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/editorcc/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/editorcc/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/editorcc/colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/editorcc/colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/editorcc/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/editorcc/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/editorcc/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/editorcc/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/editorcc/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/editorcc/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/editorcc/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}