/*------- palette ------*/
#palette_block {
    margin-top: 15px;
    margin-bottom: 15px;
    clear: left;
}

#palette_block_table {
    /* width: 60px;  col_num * cell_width */
    border: 1px solid #000000;
    background-color: #eeeeee;
    border-collapse:collapse;
    margin-left: auto;
    margin-right: auto;
}

#palette_block_table td {
    border: 1px solid #000000;
    margin: 0; padding: 0;
}

#palette_block_table td div {
    width: 10px;
    height: 10px;
    margin: 0; padding: 0;
    cursor: pointer;
}

#palette_block_table td.empty_cell {
    cursor: auto;
}

#sel_color {
    float: left;
    width: 60px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid #000000;
    cursor: pointer;
}

td#basic_color_cell {
}

#palette_control_cell {
    text-align: center;
    font-size: 10px;
}

.color_cell_default {
    border: 2px solid #eeeeee;
}

.color_cell_over {
    border: 2px solid #fff000;
}

.color_cell_click {
    border: 2px solid #fff000;
}


.farbtastic {
    margin-left: auto;
    margin-right: auto;
}

#input_color_block {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#color {
    width: 190px;
    border: 1px solid #404040;
    font-size: 12px;
}

/*------- /palette ------*/

#id_custom_height, #id_custom_depth {
}




/* --- main image block ---*/

#color_img_container {
    width: 600px;
    height: auto;
}

#color_img_cell {
    width: 360px;
    vertical-align: top;
}

#color_img_cell_block {
    position: relative;
}

#color_img_layers,
#colored_bg,
#corrected_bg,
#custom_colored_regions,
#color_img_layers img,
#node_img_layer,
#loading_indicator {
    position: absolute;
    left: 0;
    top: 0;
}

#colored_bg {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

#corrected_bg {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

#color_img_layers {
    background-color111: #888888; /* #862f33; */
}

#color_img_layers img {
}

#color.light_font {
    color: #eeeeee;
}

#color.dark_font {
    color: #333333;
}



#control_cell {
    vertical-align: top;
}

.loading_indicator {
    width: 180px;
    padding: 7px;
    font-size: 14px;
    font-weight: bold;
    background-color: #db6363;
    color: #ffffff;
}


/* --- select control block --- */

#select_control_block {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    float: left; /* нужен у контейнера, чтобы избежать проваливания */
}

#select_control_block div {
    line-height: 130%;
    font-weight: bold;
    color: #404040;
}

#select_region_block {
    width: 115px;
    float: left;
}

#select_region {
    width: 110px;
    font-size: 11px;
}

#select_palette_block {
    width: 115px;
    float: left;
}

#select_palette {
    width: 110px;
    font-size: 11px;
}

#select_color_button_block {
    width: 115px;
    float: left;
}

#select_color_button {
    width: 110px;
    font-size: 11px;
}

#interactive_photo_prompt:hover,
#node_img_layer:hover {
    cursor: pointer;
}

#result_link_block {
    text-align: center;
    margin-top: 1em;
}

.result_link_desc {
    font-size: 11px;
    color: #777777;
}

#result_link_url {
    width: auto;
    height: 5em;
    font-family: "Courier New", monospace ! important;
    font-size: 11px;
    padding: 3px;
}


#coloration_passwd_form {
    text-align: center;
    margin: 1em 1em 2em 1em;
}

#coloration_passwd_form .label {
    font-size: 12px;
    color: #555555;
    padding-bottom: 5px;
}

.error {
    font-weight: bold;
    color: #ff0000;
}

#coloration_passwd {
    width: 30em;
}

#coloration_passwd_submit {
    padding: 3px;
}

#nocanvas_browser_warning {
    font-weight: bold;
    font-size: 12px;
    background-color: #fbec5d;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 0;
    border: none;
}