
#pickerPanel, #resultPanel { 
	font: normal 11px verdana, sans-serif; 
	color: #333; 
	line-height: 19px; 
	border: 3px double #bbb;
}

#pickerPanel { 
	height: 225px; 
	width: 375px; 
	margin: 0 auto; 
	border-bottom: 0; 
}

#resultPanel { 
	height: 85px; 
	width: 351px; 
	padding: 12px;
	margin: 0 auto 60px auto; 
	border-top: 0;
}

input { 
	font-size: .90em;
	padding-left: 2px; 
}

h1 { 
	margin-top: 10px; 
	margin-bottom: 35px; 
	text-align: center; 
}

h5 { 
	text-align: center;
	margin-bottom: 15px;
}

.navlank0 { margin-left: 340px; }

.dragPanel { 
    position: relative;
    background-color: #eeeef5;
    margin: 4px;
}

.dragPanel h4 { 
    background-color: #bbb;
    height: 8px;
    margin: 0px;
    /*cursor: move;*/
	font-size: 14px; 
	color: #000; 
	padding-left: 10px; 
}

.thumb { 
    cursor: default;
    width: 18px; 
    height: 18px; 
    z-index: 9;
    position: absolute; 
}

.bg {
    position: absolute; 
    left: 0px; 
    height: 18px; 
    width: 46px; 
    border: 0px solid #aaa;
}

.bg span, .bg p {
    cursor: default;
    position: relative;
    font-size: 2px;
    overflow: hidden;
    color: #aaa;
    top: 4px;
    height: 10px;
    width: 4px;
    display: block;
    float: left;
}

.bg span {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.bg, .lb {
    border-left: 1px solid #ccc;
}

.bg, .rb {
    border-right: 1px solid #ccc;
}

.colorbox {
	width: 25px;
	height: 14px;
	border: 1px solid #333;
	border-bottom-width: 0;
}

#valdiv { 
	position: absolute; 
	top: 100px; 
	left: 10px;
} 

#rBG { top: 30px; }
#gBG { top: 50px; }
#bBG { top: 70px; }

#rgbSwatch {
    position: absolute; 
    left: 60px; 
    top: 34px;
    height: 50px; 
    width: 50px; 
    border: 1px solid #aaa;
}

#rgbPanel {
	width: 360px;
	height: 240px;
}

#hueThumb { 
    cursor: default;
    width: 18px; 
    height: 18px; 
    z-index: 9;
    position: absolute; 
}

#hueBg {
    position: absolute; 
    left: 216px; 
    height: 198px; 
    width: 18px; 
    background: url(../bilder/img/hue.png) no-repeat;
    top: 18px;
}

#pickerDiv {
    position: absolute; 
    left: 10px; 
    height: 187px; 
    width: 188px; 
    top: 20px;
}

#pickerbg { 
    position: absolute; 
    z-index: 1;
    top: 0px;
    left: 0px;
}

#selector { 
    cursor: default;
    width: 11px; 
    height: 11px; 
    z-index: 9;
    position: absolute; 
    top: 0px;
    left: 0px;
}

#pickerSwatch {
    position: absolute; 
    left: 264px; 
    top: 25px;
    height: 60px; 
    width: 65px; 
    border: 2px solid #aaa;
}

#pickervaldiv { 
	text-align: right; 
	position: absolute; 
	top: 86px; 
	left: 246px;
}

