.colorbox {
    position:     absolute;
    background:   #AAAAAA;
    width:        480px;
    height:       287px;
    font-size:    11px;
    cursor:       default;
    background:   ButtonFace;
    color:        ButtonText;
    font-family:  tahoma, verdana, sans-serif;
    visibility:   hidden;
}

.colorbox_table {
    border:          2px solid;
    border-color:    #fff #000 #000 #fff;
    border-collapse: collapse;
}

.colorbox tr td {
    padding: 0px;
}

.title {
    width:           100%;
    height:          23px;
    padding:         0px;
    border-collapse: separate;
}

.title_text {
    font-size:    11px;
    font-weight:  bold;
    color:        CaptionText;
    text-align:   center;
    background:   ActiveCaption;
}

.close_button {
    text-align:   center;
    width:        19px;
    border:       1px solid;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.hsv {
    height:       262px;
    padding:      0px;
}

.hsv td, tr {
    padding:      0px;
}

.h {
    width:21px;

    border:           0px solid;
    border-color:     #000000;
    text-align:       center;
    background-image: url('../images/cbox/hue.gif');
}

.sv {
    width:        258px;
    text-align:   center;
    vertical-align: top;
    cursor:       pointer;
}

.additional {
    width: 150px;
    border:         1px solid;
    border-color:   #000000;
}

.additional td, tr {
    font-family: Arial, Helvetica, sans-serif;
    font-size:      14px;
}

.additional input {
    border:         1px solid;
    border-color:   #000000;
    width:          37px;
}

.additional .preview {
    height: 68px;
    width:  144px;
}

.additional .hex {
    width:  127px;
}

.cb_button {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  width:70px;
  border:1px solid #666666;
  background:   ButtonFace;
}

.tooltip {
    width:  100%;
    height: 25px;
}

.tip {
    height:       100%;
    border:       1px solid;
    color:        ButtonText;
    text-align:   center;
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.cur_pos_grad {
    font-size:    1px;
    border-color: black;
    border:       1px solid;
    position:     absolute;
    cursor:       pointer;
    visibility:   hidden;
}

.cur_pos_hue {
    font-size:    1px;
    width:        35px;
    height:       11px;
    position:     absolute;
    cursor:       pointer;
    visibility:   hidden;
    background-image: url('../images/cbox/hue_pointer.gif');
}

.color_preview {
    border: 1px solid #666666;
    height: 18px;
}