/* Color information panel */	
A.js {
	text-decoration: none;
	border-bottom: 1px dashed;
}
#color-panel {
	min-width: 600px;
}
#color-panel TD {
/*	vertical-align: top;*/
}
#panton-frame {vertical-align:top }
#color-inputs, #color-info {
	padding-left: 1.5em;
	width: 350px;
}
#alike-area {
	vertical-align: top;
	padding-left: 1em;
	height: 1px;
	overflow: visible;
	display: block;
}
#color-info {
	padding-top: 0.2em;
	height:90px;
	vertical-align: top;
}
#color-info H2 {
	font-size: 1.2em;
	margin-bottom:0.4em;
}
#color-info A {
	text-decoration: none;
	border-bottom: dashed 1px;
	cursor: pointer;
}

#panton {
	height:	250px;
	position: relative;
/*	overflow: hidden;*/
	/*background: #FF0000;*/
	width:  250px;
}
#sv-grad {
	background: url(/i/services/sv-grad.png) left top no-repeat;
	height: 250px;
	position:absolute;
	width:  250px;
	z-index:1;
	/*IE6*/
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/services/sv-grad.png", sizingMethod="crop");
}
#circle {
	z-index:2;
	position: absolute;
	cursor:pointer;
	background: url(/i/services/circle.gif) left top no-repeat;
	width:  12px; 
	height: 12px;
}
#rainbow {
	position:relative;
	background: url(/i/services/rainbow.png) left top no-repeat;
	width: 250px;
	height:20px;
}
#hue-picker {
	position:absolute;
	background: url(/i/common/slider/picker2.png) left top no-repeat;
	width: 12px;
	height: 20px;
	cursor:pointer;
	top: 20px;
	/*IE6*/
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/common/slider/picker2.png", sizingMethod="crop");
}
#color-area {
	width:250px;
	height:100px;
	margin-bottom:20px;
	position: relative;
}
#color-pic {
	position: relative;
	float: right;
}
.embed-area {
	/*padding-top: 3em;*/
}
#embed-input-container {
	position:relative;
	left:-30px;
	-left:0;
}
#mini-preview {
	width:24px;
	height:24px;
	background: url(/i/services/color-prev.gif) left top no-repeat;
	background-color: #EE0000;
	position:relative;
	float:left;
	margin-right:6px;
	margin-top: 14px;
}
.embed-area {
	//padding-bottom:1em;
}
#embed-input {
	-width:215px;
}
.embed-area INPUT {
	/*width: 245px;*/
/*	width: 40em;
	color: #555;
	margin-bottom:1em;
	float:left;*/
}
.embed-area SUP {
	position:relative;
	top:0.05em;
	right: -0.5em;
	font-size:0.9em;
}
#embed-code {
	padding-bottom: 1em;
}
#exact-link, #alike-colors {
	font-size: 0.9em;
	color:#777;
	line-height: 1.3em;
}
#alike-area {
  position: relative;
}
#exact-link {
	margin-top: 0.5em;
	border-collapse: separate;
  //border-collapse: collapse;
  //position:absolute;
  //width:15em;
}
#exact-link DIV {overflow:visible;}
#exact-link TD {
	padding: 0.4em 0;	
}
#exact-link .demo {
	width: 3em;
	border: 1px solid #FFF;
}
#exact-link .frame {
	border-color: #DDD;
}
#color-desc {
	vertical-align: top;
	font-size: 0.85em;
	color: #444;
	margin-bottom: 0.5em;
}
#inp-color {
	width: 30em;
}
.ghost {
	color: #888;
}
/* Color view: HSV, CMYK, RGB */
.color-view TD {
	vertical-align: middle;	
	padding-right: 0.5em;	
}
.color-view .scheme {
	padding-right: 0;
}
.color-view INPUT {
	text-align: right;
	width: 2em;
}
.color-view .devider {
	height:1.5em;
}
.color-view #left-border {
	border-left:1px solid #CCC;
	padding-left: 0.5em;
}
#rgb-hex {
	text-align: left;
	width: 4.5em;
}

.bubble-content {font-size:0.9em}
.bubble-link {
	background-image:url(/i/common/bubbles/b1-w-fliped.png);
	border:medium none;
	display:inline-block;
	font-size:0;
	height:11px;
	line-height:1em;
	margin:0;
	vertical-align:middle;
	visibility:hidden;
	width:20px;
}
SPAN.letter-tip:hover > .bubble-link {visibility: visible;}
SPAN.letter-tip {cursor:default; white-space: nowrap;} 

#dialog {
	padding: 1em;
}
#dialog {
	text-align:center;	
}
#dialog p {
	padding-top: 1em;
}
#dialog p img {
	margin-bottom: -9px; /*-0.53em*/;
	margin-right:0.2em;
}
#color-sample {
	width: 500px;
	height: 270px;
	background: #fff;
	border: solid 1px #333;
	margin-left: auto;
	margin-right: auto;
}