/*
 *	COLOR PALETTE CLASSES 
 */

/* functional styles */
/* ----------------------------------------------------------------------------- /

div#colors td					{	position: relative;	}

div.rgbchip-relative			{	position: relative !important; 	}

div.color-row					{	height: 40px;	}
div.color-row div				{	height: 20px;	}
div.color-row-larger			{	height: 60px;	}
div.color-row-larger div		{	height: 40px;	}

div.color-row div.chip-wrapper
									{	position: relative; width: 80%; height: 40px; margin-top: 5px;	}
div.color-row-larger div.chip-wrapper
									{	position: relative; width: 90px; height:60px;	}

div.color-chip-original		{	position: absolute;	top: 1px;	}
div.rgbchip-absolute			{ position: relative; top: 1px; z-index: 1; }
div.color-row div.rgbchip,
div#selected-colors div.rgbchip		{	position: absolute;	top: 1px;	}

div.color-row-highlighted	{	background-color: #ffaaaa;	}

div.color-delete				{	position: absolute;	
										right: 0px;	top: 0px;
										height: 20px; width: 20px;	
										background-color: black;	color: white;	
										text-align: center; 
										line-height: 19px;
										font-weight: bold;									
									}

div..chip-wrapper		{ margin: 7px 0px 15px;	}



div#selected-colors					{	position: relative;	height: 400px;	width: 148px;	}

div.drag-drop-rgblarge 				{	width: 90px; height: 60px; }

div.color-row-larger div.color-chip-original
											{	height: 40px !important;	}

div#selected-colors-grand			{	position: relative;	}
div.selected-colors-grand-fixed	{	position: fixed !important; top: 0px !important;	}
div#selected-colors-grand			{	margin-top: 12px;	}
div.selected-colors-grand-bottom	{	position: absolute !important;	bottom: 0px !important;	}




/* pretty styles */
/* ----------------------------------------------------------------------------- /

div.color-chip-original,
div.rgbchip								{ border: 1px solid #CCCCCC; height: 25px; width: 80%; }
div.rgbchip:hover						{ border: 1px solid #888888; }

div#selected-colors div.rgbchip	{	border: 1px solid #CCC;	}


div#color-chips-dialog form th	{	text-align: left;	}
div#color-chips-dialog form td	{	font-weight: bold;	}

div#color-chips-dialog td,
div#color-chips-dialog p			{	font-size: 14px;	}

div#selected-colors-grand			{	width: 148px;	height: 472px;
												border: 1px solid #cccccc;
												text-align: center;
												letter-spacing: .1em;
											}
div#selected-colors-grand,
div#selected-colors-borderfix		{	 overflow: hidden;
												-webkit-border-radius: 10px;
												-webkit-border-radius: 10px;
												-moz-border-radius: 10px;
												-moz-border-radius: 10px;
												border-radius: 10px;
												border-radius: 10px;
											}

div#selected-colors-header 		{	height: 45px;
												background-color: #e9e9e9;
												padding-top: 5px;
											}

div#selected-colors					{	height: 390px;
												color: #a4a4a4;
												line-height: 12px;
											}

div#selected-colors-footer 		{	height: 35px;
												background-color: #e9e9e9;
												padding-top: 5px;
											}

div#selected-colors-grand span.palette-title 
											{
    											font-weight: 700;
    											line-height: 30px;
											}

div#selected-colors-grand span.msg 
											{	font: normal normal 12px/32px Arial;
												display: block;
												padding-top: 50px;
											}

div#selected-colors-grand span.msg-big
											{	font: normal bold 40px/12px Arial;	}

div#selected-colors-grand span.select-palette
											{	font: normal bold 12px/16px Arial;	
												cursor: pointer;
											}

div#selected-colors-grand span.plus
											{	color: #cc0000;	}

img.schemer-headline					{	padding-left: 15px;	}




div#dd-debug					{	position: fixed;	
										bottom: 0px;	right: 0px;	
										width: 200px;	height: 500px;	
										border: 1px solid red;
										overflow: scroll;
										display: none;
									}

/*
 *	END COLOR PALETTE CLASSES 
 */