/*
body, html {
    overflow:    hidden;
    margin:        0;
    border:        0;
    padding:    0;
    width:        100%;
    height:        100%;
    font:        Message-Box;
}

table  {
	font-size: 10pt;
        color: black;
        background-color: #EFEFEF;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-weight: bold;
}

tr  { 
	font-size: 9pt;
        color: black;
        background-color: #EFEFEF;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
*/

.color-picker {
    background:    transparent;
    width:        100%;
    height:        100%;
}

.color-picker td {
    padding:    1px;
}

.color-picker tr {
	font-size: 9pt;
        color: black;
        background-color: #EFEFEF;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.dynamic-slider-control {
    width:        auto;
    height:        20px;
    margin:        0;
}

.color-picker input {
    text-align:    right;
  /*  width:        30px; */
}

.color-picker td,
.color-picker input {
    font:    Message-Box;
}

#color-result {
    width:                60px;
    border:                1px solid rgb(90,97,90);
    background-color:    black;
}