/* CloZine Color*/

/* ------------------------------------------------------------  content -- */

.content_frame {
	width:460px;
	height:auto;
	float:left;	
	margin:4px 0 4px 0;
	padding:4px 4px 4px 4px;	
	border:1px solid grey;
	text-align:left;
}

/* ------------------------------------------------------------ fp left -- */

#garment-frame-left {
	width:450px;
	height:auto;
	float:left;
	padding:0 0 2px 2px;
	border:1px solid grey;
	text-align:left;	
}

#garment-canvas-left {
	margin:0 0 0 0;
	padding:2px 0 2px 0;
}

/* ------------------------------------------------------------  fp right -- */

#garment-frame-right {
	width:280px;
	height:auto;
	float:right;
	padding:0 0 2px 2px;
	border:1px solid grey;
	text-align:left;		
}

#garment-canvas-right {
	margin:0 0 0 0;
	padding:2px 0 2px 0;
}

/* -- welcome -- */

#welcome-frame {
	width:410px;
	margin:4px 2px 6px 6px;
	padding:10px 10px 10px 10px;
	border:1px solid grey;
	text-align:center;	
}

#welcome-canvas {
	margin:10px 0 20px 0;
	padding:10px;
	border:1px solid grey;
	line-height:1.5em;
}

/* -- intro -- */

#intro-frame {
	width:200px;
	margin:8px 0 8px 4px;
	padding:2px 2px 2px 2px;
	border:1px solid grey;
	color:#A2A2A2;
	text-align:left;	
}

#intro-canvas {
	width:200px;
	height:30px;
	padding:8px 0px 8px 2px;
}

.intro-item {
	width:220px;
	height:30px;
	padding:0 0 0 0;
}

/* -- info -- */

#info-frame {
	width:260px;
	height: 120px;
	margin:10px 2px 2px 2px;
	padding:2px 2px 2px 2px;
	border:1px solid grey;
	text-align:right;
}

#info-canvas {
	width:250px;
	border:none;
	margin:2px 2px 2px 8px;
}

#info-frame-left {
	width:100px;	
	margin:2px 2px 12px 2px;
	float:left;
	padding:2px 0 2px 2px;
	border:1px solid grey;
	text-align:left;
}

#info-canvas-left {
	width:90px;
	margin:2px 2px 2px 4px;
}

#info-frame-right {
	width:100px;	
	margin:2px 2px 12px 2px;
	float:left;
	padding:2px 0 2px 2px;
	border:1px solid grey;
	text-align:left;
}

#info-canvas-right {
	width:90px;
	margin:2px 2px 2px 4px;
}

/* -- style -- */

#style-frame {
	width:240px;	
	margin:4px 2px 6px 6px;
	padding:10px 10px 10px 10px;
	border:1px solid grey;
	text-align:left;
}

#style-canvas {
	width:380px;
	margin:2px 2px 2px 11px;
}

/* -- style input-- */

#style-input-frame {
	width:240px;	
	margin:4px 2px 6px 6px;
	padding:10px 10px 10px 10px;
	border:1px solid grey;
	text-align:left;
}

#style-input-canvas {
	width:200px;
	margin:2px 2px 2px 11px;
}

/* ------------------------------------------------------------ footprint color -- */

#color-frame {
	width:400px;	
	margin:10px 0px 10px 2px;
	padding:10px 10px 10px 10px;
	background:url(../images/flower.png) no-repeat top left;	
	border:1px solid grey;
	text-align:left;
}

#color-canvas {
	margin:10px 0 20px 0;
	padding:10px;
	border:none;	
	color:#505050;	
	line-height:1.5em;
}

/* ------------------------------------------------------------ drag and drop -- */


#dnd-frame {
	width:390px;	
	margin:0 0px 10px 2px;
	padding:0 10px 10px 10px;	
	border:none;
	text-align:left;
}

#dnd-canvas {
	width:200px;
	height:310px;
	margin:200px 0 20px 164px;
	padding:10px;
	border:none;	
	color:#505050;	
	line-height:1.5em;
}

/* ------------------------------------------------------------  dnd elements-- */

#sortable-list {
	padding:0;
}
li.sortme {
	padding:4px 8px;
	color:#000;
	cursor:move;
	list-style:none;
	width:180px;
	background:#ddd;
	margin:10px 0;
	border:1px solid #999;
}
#message-box {
	background:#fffea1;
	border:2px solid #fc0;
	padding:4px 8px;
	margin:0 0 14px 0;
	width:500px;
}

/* -- style strip -- */

#strip-frame {
	width:410px;
	margin:10px 2px 2px 2px;
	padding:2px;
	border:1px solid grey;
	text-align:center;
}

#strip-canvas {
	width:390px;
	margin:6px;
	padding:2px;	
	border:1px solid red;
}

.strip-border {
	width:70px;
	height:90px;
	padding:2px 2px 2px 2px;
	border:1px solid blue;	
}

.strip-item {
	width:70px;
	height:70px;
	padding:2px 0 0 0;
}

.strip-heading{
	font-size:11px;
}

.strip-title{
	width:80px;
	height:10px;
	margin:2px 2px 2px 2px;
	padding:2px 2px 6px 2px;
	border:1px solid blue;
}

/* ------------------------------------------------------------  notice elements-- */
		
.notice-button-frame {
	margin:10px;
	padding:6px 6px 6px 6px;
	border:1px solid grey;
	background:url(../images/button.jpg) left top no-repeat;
	text-align:left;
	line-height:1.4em;
}

.notice-button-canvas {
	padding-top:2px;	
	text-align:left;
}

.notice-needle-frame {
	margin:10px;
	padding:30px 10px 10px 10px;
	border:1px solid grey;
	background:url(../images/needle.jpg) left top no-repeat;
	text-align:left;
	line-height:1.4em;	
}

.notice-needle-canvas {
	padding-top:2px;	
	text-align:left;
}

.banner-frame {
	width:240px;	
	margin:8px 8px 8px 20px;
	padding:8px 8px 8px 8px;
	border:1px solid grey;
	text-align:center;
	color:#A2A2A2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
}

.banner-canvas {
	width:230px;
	height:60px;
	padding:8px 0px 0px 0px;	
}

.banner-item {
	width:220px;
	height:60px;
	padding:0 0 0 0;
}		

/* ------------------------------------------------------------ title elements-- */

.title-frame {
	height:30px;
	margin:4px 2px 4px 2px;
	text-align:left;	
}

.title-canvas {
	background-color:none;
	}

.title-large {
	padding:0 8px 0 8px;
	border:1px solid grey;
	background-color:#FFF;
	color:#4E69B4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:28px;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;	
}

.title-medium {
	margin:1px 1px 1px 1px;
	padding:0 6px 0 6px;
	border:1px solid;
	background-color:#FFF;
	color:#FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:20px;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;			
}

.title-small {
	padding:0 4px 0 4px;
	border:1px solid;
	background-color:#FFF;
	color:blue;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:20px;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;	
	text-decoration:none;	
}

	
/* CloZine Color*/