body{

}

.cp_layer{
display:none;
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background-image:url(/images/cp/bg.png);
}

.cp_container
{
height:370px;
width:510px;
position:relative;
background-color:#EEEEEE;
border-style:solid;
border-width:1px;
border-color:black;
margin-left:auto;
margin-right:auto;
}

.cp_sv_box
{
position:absolute;
top:15px;
left:15px;
width:255px;
height:255px;
background-color:red;
margin:0;
padding:0;
}

.cp_sv_img
{
width:255px;
height:255px;
position:absolute;
margin:0;
padding:0;
}

.cp_sv_cursor
{
position:absolute;
margin:0;
padding:0;
}

.cp_hue_box
{
position:absolute;
width:360px;
top:285px;
left:15px;
margin:0;
padding:0;
}

.cp_hue_cursor
{
position:absolute;
margin:0;
padding:0;
}

.cp_rgb_r_box,.cp_rgb_g_box,.cp_rgb_b_box
{
position:absolute;
top:15px;
height:255px;
margin:0;
padding:0;
}

.cp_rgb_r_box
{
left:279px;
}

.cp_rgb_g_box
{
left:314px;
}

.cp_rgb_b_box
{
left:349px;
}


.cp_rgb_cursor
{
left:0px;
position:absolute;
margin:0;
padding:0;
}

.cp_preview{
background-color:red;
position:absolute;
width:50px;
height:50px;
top:15px;
left:395px;
}

.cp_preview_static{
background-color:red;
position:absolute;
width:50px;
height:50px;
top:15px;
left:445px;
}

.cp_input_box{
text-align:right;
line-height:26px;
font-family:monospace;
position:absolute;
top:80px;
left:395px;
}

.cp_input{
width:70px;
border-style:solid;
border-width:1px;
border-color:#000000;
background-color:#FFFFFF;
}

.cp_pallet{
position:absolute;
left:15px;
top:320px;
border-collapse:collapse;
}

.cp_pallet_color{
padding:0;
margin:0;
width:15px;
height:15px;
border-style:solid;
border-width:1px;
border-color:#000000;
background-color:transparent;
background-attachment:scroll;
background-position:center;
}