/* picker */

.divPickerContainer1{
	position: absolute;
	width: 400px;
	top:330px;
 left:180px;
}

.divPickerContainer2{
	position: absolute;
	width: 400px;
	top:375px;
 left:180px;
}

.divPickerContainer3{
	position: absolute;
	width: 400px;
	top:400px;
 left:180px;
}


.divNewsletterContainer1{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}

.divNewsletterContainer2{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}
.divNewsletterContainer3{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}

.divNewsletterContainer4{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}
.divNewsletterContainer5{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}
.divNewsletterContainer6{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}
.divNewsletterContainer7{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}
.divNewsletterContainer8{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}
.divNewsletterContainer9{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}
.divNewsletterContainer10{
position:absolute;
	width: 400px;
	top:0px;
 left:-450px;
}

.divColorSwatch {
	float: left;
	height:20px;
	width:20px;
	border:2px solid #aaaaaa;
}

.aColorSwatch:hover {
	cursor: pointer;
}

.divColorSwatchControls {
float: left;

margin: 0px 0px 0px 5px;
}

span.spanColorSwatchPound {
	margin: 3px 0px 0px 0px;
	display: block;
	float: left;
	width: 12px;
	height: 15px;
}

input.inputColorSwatch {
display: inline;
float: left;
font-size:1em;
width:55px;
margin: 0px 0px 5px 0px;
}

input.inputColorSwatchTest {
font-size:.85em;
display:inline;
width: 7em;
height: 2em;
margin: 0px 0px 0px 5px;
}

/*#linkShowColorPicker {
	display:  block;
	width:  16px;
	height: 16px;	
	border: 0px solid transparent;
	background-image: url(../images/colorpicker/colorwheel.png);
	background-repeat: no-repeat;
}*/

.divPickerPanel { 
visibility: hidden;
position: relative;
background-image: url(../images/colorpicker/panel.gif);
background-repeat: no-repeat;
top: 5px;
left: 0px;
width: 362px;
height: 235px;
z-index: 10;
}

.divPickerPanel h4 { 
    height: 17px;
    margin: 0px;
    cursor: move;
}

input.inputPickerVal {
    font-size:.85em;
	display:inline;
	width:3em;
	margin-bottom:2px;
}

input.inputPickerHex {
    font-size:.85em;
	display:inline;
	width:6em;
	margin: 8px 0px 0px 0px;
}

input.inputPickerOk {
    font-size:.85em;
	display:inline;
	width:3em;
	margin: 8px 5px 0px 0px;
}

input.inputPickerCancel {
    font-size:.85em;
	display:inline;
	width:5em;
	margin: 8px 5px 0px 0px;
}

.divHueThumb { 
    cursor:default;
    width:18px; 
    height:18px; 
    z-index: 9;
    position:absolute; 
}

.divHueBg {
    position:absolute; 
    left:216px; 
    height:198px; 
    width:18px; 
    background:url(../images/colorpicker/hue.png) no-repeat;
    top:18px;
}

.divPicker {
    position:absolute; 
    left:10px; 
    height:187px; 
    width:188px; 
    /*
    // using <img> tag instead for better performance
    background:url(../images/colorpicker/pickerbg.png) no-repeat;
    */
    top:20px;
}

#pickerbg { 
    position:absolute; 
    z-index: 1;
    top:0px;
    left:0px;
}

.divSelector { 
    cursor:default;
    width:11px; 
    height:11px; 
    z-index: 9;
    position:absolute; 
    top:0px;
    left:0px;
}

.divPickerSwatch {
    position:absolute; 
    left:260px; 
    top:30px;
    height:60px; 
    width:60px; 
    border:2px solid #aaaaaa;
}

.divPickerVal { 
    text-align:right;
    position:absolute;
    top: 86px;
    left:246px;
} 


.textbox
{
	border:1px solid #a67e70;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	padding-top:3px;
	height:17px;
}
.ColorContainer {
	display: inline;
	float: left;
	padding: 0px 0px 0px 0px;
	color: black;

}
.colorproperty-box{
float:left;
width:130px;
padding:10px 0 20px 0;}