div.radio, div.checkbox {display:inline-block;width:100px;text-align:center;vertical-align:top}


div.form_entry_vertical_layout div.radio, div.form_entry_vertical_layout  div.checkbox {display:block;width:auto;text-align:left;margin-bottom:10px}

div.form_entry_vertical_layout div.comment_container_below {display:block;margin-top:5px;margin-bottom:5px}
div.form_entry_vertical_layout div.comment_container_right {display:inline-block;margin-left:10px;max-width:50%}

div.show_text {padding:2px;background-color:#FFFFFF;background-color:rgba(255,255,255,0.8);margin-bottom:5px}

div.vertical_align {display:block;width:auto;text-align:left}
div.textbox_normal {display:inline-block;width:300px;text-align:center;vertical-align:top}
div.textbox_small {display:inline-block;width:100px;text-align:center;vertical-align:top}
div.textbox_full {width:100%;text-align:center;vertical-align:top}

div.radio input[type="radio"] {display:none;}
div.radio input[type="radio"] + label {cursor:pointer;text-align:center;width:100%;padding:0;margin:0}

div.form_entry_vertical_layout div.radio input[type="radio"] + label {cursor:pointer;text-align:left;width:100%;padding:0;margin:0}
div.form_entry_vertical_layout div.input_container {vertical-align:top;display:inline-block}
div.radio input[type="radio"] + label span 
{
    display:inline-block;
    width:40px;
    height:40px;
    margin:0px 0px 0 0px;
    vertical-align:middle;
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
    cursor:pointer;
}

div.radio_green_check  input[type="radio"] + label span 
{
    background:url(images/check_on_passive.png) left top no-repeat;background-size:40px 40px;
}

div#submit_active, div#submit_passive  {cursor:pointer;}



div.radio_green_solid  input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}

div.radio_red_solid  input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}

div.radio_blue_solid  input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}

div.radio_gray_solid  input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}

div.radio_yellow_solid input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.radio_red_check  input[type="radio"] + label span 
{
    background:url(images/check_off_passive.png) left top no-repeat;background-size:40px 40px;
}

div.radio_smiley01 input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.radio_smiley02 input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.radio_smiley03 input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.radio_smiley04 input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.radio_smiley05 input[type="radio"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}


div.radio  input[type="radio"]:checked + label span 
{
    background:url(images/radio_on.png) top no-repeat;background-size:40px 40px;
}

div.radio_green_check  input[type="radio"]:checked + label span 
{
    background:url(images/check_on_active.png) top no-repeat;background-size:40px 40px;
}



div.radio_green_solid input[type="radio"]:checked + label span 
{
    background:url(images/radio_on.png) top no-repeat;background-size:40px 40px;
}
div.radio_red_check  input[type="radio"]:checked + label span 
{
    background:url(images/check_off_active.png) top no-repeat;background-size:40px 40px;
}

div.radio_blue_solid  input[type="radio"]:checked + label span 
{
    background:url(images/radio_on_blue.png) top no-repeat;background-size:40px 40px;
}

div.radio_gray_solid  input[type="radio"]:checked + label span 
{
    background:url(images/radio_on_gray.png) top no-repeat;background-size:40px 40px;
}

div.radio_red_solid  input[type="radio"]:checked + label span 
{
    background:url(images/radio_on_red.png) top no-repeat;background-size:40px 40px;
}

div.radio_yellow_solid  input[type="radio"]:checked + label span 
{
    background:url(images/radio_on_yellow.png) top no-repeat;background-size:40px 40px;
}
div.radio_smiley01  input[type="radio"]:checked + label span 
{
    background:url(images/smiley01.png) top no-repeat;background-size:40px 40px;
}
div.radio_smiley02  input[type="radio"]:checked + label span 
{
    background:url(images/smiley02.png) top no-repeat;background-size:40px 40px;
}
div.radio_smiley03  input[type="radio"]:checked + label span 
{
    background:url(images/smiley03.png) top no-repeat;background-size:40px 40px;
}
div.radio_smiley04  input[type="radio"]:checked + label span 
{
    background:url(images/smiley04.png) top no-repeat;background-size:40px 40px;
}
div.radio_smiley05  input[type="radio"]:checked + label span 
{
    background:url(images/smiley05.png) top no-repeat;background-size:40px 40px;
}
div.checkbox  input[type="checkbox"] {display:none;}
div.checkbox  input[type="checkbox"] + label {cursor:pointer;text-align:center;width:100%;padding:0;margin:0}
div.form_entry_vertical_layout div.checkbox  input[type="checkbox"] + label {cursor:pointer;text-align:left;width:100%;padding:0;margin:0}
div.checkbox  input[type="checkbox"] + label span 
{
    display:inline-block;
    width:40px;
    height:40px;
    margin:-1px 4px 0 0px;
    vertical-align:middle;
    background:url(images/check_on_passive.png) left top no-repeat;background-size:40px 40px;
    cursor:pointer;
}



div.checkbox  input[type="checkbox"]:checked + label span 
{
    background:url(images/check_on_active.png) top no-repeat;background-size:40px 40px;
}

div.checkbox_red  input[type="checkbox"] + label span 
{
    background:url(images/check_off_passive.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_red  input[type="checkbox"]:checked + label span 
{
    background:url(images/check_off_active.png) top no-repeat;background-size:40px 40px;
}

div.checkbox_red_solid  input[type="checkbox"] + label span 
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_red_solid  input[type="checkbox"]:checked + label span 
{
    background:url(images/radio_on_red.png) top no-repeat;background-size:40px 40px;
}
div.checkbox_green_solid  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_green_solid  input[type="checkbox"]:checked + label span
{
    background:url(images/radio_on.png) top no-repeat;background-size:40px 40px;
}
div.checkbox_blue_solid  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_blue_solid  input[type="checkbox"]:checked + label span
{
    background:url(images/radio_on_blue.png) top no-repeat;background-size:40px 40px;
}

div.checkbox_yellow_solid  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_yellow_solid  input[type="checkbox"]:checked + label span
{
    background:url(images/radio_on_yellow.png) top no-repeat;background-size:40px 40px;
}

div.checkbox_blue_yellow  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_blue_yellow  input[type="checkbox"]:checked + label span
{
    background:url(images/radio_on_yellow.png) top no-repeat;background-size:40px 40px;
}

div.checkbox_gray_solid  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_gray_solid  input[type="checkbox"]:checked + label span
{
    background:url(images/radio_on_gray.png) top no-repeat;background-size:40px 40px;
}

div.checkbox_smiley01  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley01  input[type="checkbox"]:checked + label span
{
    background:url(images/smiley01.png) top no-repeat;background-size:40px 40px;
}

div.checkbox_smiley02  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley02  input[type="checkbox"]:checked + label span
{
    background:url(images/smiley02.png) top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley03  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley03  input[type="checkbox"]:checked + label span
{
    background:url(images/smiley03.png) top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley04  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley04  input[type="checkbox"]:checked + label span
{
    background:url(images/smiley04.png) top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley05  input[type="checkbox"] + label span
{
    background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;
}
div.checkbox_smiley05  input[type="checkbox"]:checked + label span
{
    background:url(images/smiley05.png) top no-repeat;background-size:40px 40px;
}

/*modern radios*/
div.radio_modern_square_ok input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_ok  input[type="radio"]:checked + label span {background:url(images/modern_square_ok.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_square_error input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_error  input[type="radio"]:checked + label span {background:url(images/modern_square_error.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_square_green input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_green input[type="radio"]:checked + label span {background:url(images/modern_square_green.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_square_red input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_red input[type="radio"]:checked + label span {background:url(images/modern_square_red.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_square_yellow input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_yellow input[type="radio"]:checked + label span {background:url(images/modern_square_yellow.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_square_blue input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_blue input[type="radio"]:checked + label span {background:url(images/modern_square_blue.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_square_gray input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_gray input[type="radio"]:checked + label span {background:url(images/modern_square_gray.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_square_black input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_square_black input[type="radio"]:checked + label span {background:url(images/modern_square_black.png) top no-repeat;background-size:40px 40px;}

/*round modern*/
div.radio_modern_round_ok input[type="radio"] + label span {background:url(images/modern_round_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_round_ok  input[type="radio"]:checked + label span {background:url(images/modern_round_ok.png) top no-repeat;background-size:40px 40px;}
div.radio_modern_round_error input[type="radio"] + label span {background:url(images/modern_round_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_modern_round_error  input[type="radio"]:checked + label span {background:url(images/modern_round_error.png) top no-repeat;background-size:40px 40px;}

/*checkboxes*/
div.checkbox_modern_square_ok  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_ok  input[type="checkbox"]:checked + label span {background:url(images/modern_square_ok.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_error  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_error input[type="checkbox"]:checked + label span {background:url(images/modern_square_error.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_green  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_green input[type="checkbox"]:checked + label span {background:url(images/modern_square_green.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_red  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_red input[type="checkbox"]:checked + label span {background:url(images/modern_square_red.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_blue input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_blue input[type="checkbox"]:checked + label span {background:url(images/modern_square_blue.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_yellow input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_yellow input[type="checkbox"]:checked + label span {background:url(images/modern_square_yellow.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_gray input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_gray input[type="checkbox"]:checked + label span {background:url(images/modern_square_gray.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_black input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_square_black input[type="checkbox"]:checked + label span {background:url(images/modern_square_black.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_round_ok  input[type="checkbox"] + label span {background:url(images/modern_round_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_round_ok  input[type="checkbox"]:checked + label span {background:url(images/modern_round_ok.png) top no-repeat;background-size:40px 40px;}
div.checkbox_modern_round_error  input[type="checkbox"] + label span {background:url(images/modern_round_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_modern_round_error input[type="checkbox"]:checked + label span {background:url(images/modern_round_error.png) top no-repeat;background-size:40px 40px;}

/*modern plain radios/checkboxes*/
div.radio_plain_check  input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_plain_check  input[type="radio"]:checked + label span {background:url(images/check_on_plain.png) top no-repeat;background-size:40px 40px;}
div.radio_plain_error  input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_plain_error  input[type="radio"]:checked + label span {background:url(images/check_error_plain.png) top no-repeat;background-size:40px 40px;}
div.radio_plain_green_check  input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_plain_green_check  input[type="radio"]:checked + label span {background:url(images/check_on_green.png) top no-repeat;background-size:40px 40px;}
div.radio_plain_red_error  input[type="radio"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.radio_plain_red_error  input[type="radio"]:checked + label span {background:url(images/check_error_red.png) top no-repeat;background-size:40px 40px;}
div.checkbox_plain_check  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_plain_check input[type="checkbox"]:checked + label span {background:url(images/check_on_plain.png) top no-repeat;background-size:40px 40px;}
div.checkbox_plain_error  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_plain_error input[type="checkbox"]:checked + label span {background:url(images/check_error_plain.png) top no-repeat;background-size:40px 40px;}
div.checkbox_plain_green  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_plain_green input[type="checkbox"]:checked + label span {background:url(images/check_on_green.png) top no-repeat;background-size:40px 40px;}
div.checkbox_plain_red  input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.checkbox_plain_red input[type="checkbox"]:checked + label span {background:url(images/check_error_red.png) top no-repeat;background-size:40px 40px;}


/*styles for forms, can of course be overriden*/
div.form_entry_header_title {}
div.form_entry_statictext_container {padding:5px;overflow:hidden}
div.form_entry_statictext_title {font-weight:600;font-size:16px}
div.form_entry_statictext_contents {}
div.form_choice_box {margin-bottom:5px;padding:5px;background-color:#EEEEEE}
div.form_choice_box_deactive {margin-bottom:5px;padding:5px;background-color:#999999}
div.form_entry_container {margin-bottom:10px;padding:5px;background-color:#EEEEEE;overflow:hidden}
div.form_entry_header {font-family:Roboto,Verdana,Sans-serif;font-weight:bold;font-size:24px;margin-bottom:10px;padding:5px;background-color:#C2F6FF;overflow:hidden}
div.form_entry_title {font-family:Roboto,Verdana,Sans-serif;font-weight:bold;font-size:16px}
div.form_entry_hint {font-style:italic;font-size:10px}
div.form_deactive {background-color:#AAAAAA}
div.form_title_and_hint {float:left;min-width:20%}
div.form_entry_options {overflow:hidden;text-align:right;}
div.form_entry_options_left_aligned {overflow:hidden;text-align:left;margin-top:10px}

div.form_entry_container div.camera img {padding-left:25px;margin-top:10px;width:100px}


div.form_entry_vertical_layout div.form_title_and_hint {float:none;margin-bottom:10px}

div.form_title_and_hint_full {float:none;min-width:20%}



div.form_entry_vertical_layout div.form_entry_options {overflow:hidden;text-align:left;}

div.form_entry_container_green {background-color:#D7FFBF}
div.form_entry_container_red {background-color:#FFBFBF}

div.score_action_header {background-color:#AAAAAA}
div.red_comment {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#FF0000;font-size:10px;font-weight:bold;text-align:left}
div.green_comment {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#3B9C00;font-size:10px;font-weight:bold;text-align:left}
textarea.red_comment {width:100%;height:3em;background-color:#FFBFBF}
textarea.green_comment {width:100%;height:3em;background-color:#D7FFBF}

div.blue_comment {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#0F2BFF;font-size:10px;font-weight:bold;text-align:left}
div.yellow_comment {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#CF8800;font-size:10px;font-weight:bold;text-align:left}
textarea.blue_comment {width:100%;height:3em;background-color:#BFE3FF}
textarea.yellow_comment {width:100%;height:3em;background-color:#FFFEBF}

div.form_menu_unit {margin-bottom:5px;padding:5px;background-color:#EEEEEE;overflow:hidden}
div.form_menu_left {float:left;width:35%;text-align:right;padding:5px;}
div.form_menu_right {padding:5px;overflow:hidden}
div.form_option_title {font-size:10px;font-weight:bold;margin-top:5px;margin-bottom:10px}

div.form_entry_vertical_layout div.form_option_title {display:inline-block;margin-left:5px}

div.form_score {text-align:center;color:#666666}

img.form_entry_image {max-width:200px}
img.form_option_image {max-width:100%}

textarea.form_entry_textarea {width:100%;font-size:18px}
.message_percentage {font-size:18px;font-weight:bold}

div.score_result {padding:10px;}
div.score_prefix {font-family:Roboto,Verdana,Sans-serif;font-weight:normal;font-size:24px;margin-bottom:10px}

textarea.textarea_comment {width:100%;height:3em;background-color:#FFFFFF;margin-bottom:10px}
div.show_text a {color:#0042FF;text-decoration:underline;}

div.beta {margin-bottom:10px}
div.beta div.form_entry_header_title {}
div.beta div.form_entry_statictext_container {padding:25px;overflow:hidden}
div.beta div.form_entry_statictext_title {font-family:National,Roboto,Verdana,Sans-serif;font-weight:normal;font-size:20px}
div.beta div.form_entry_statictext_contents {font-family:National,Roboto,Verdana,Sans-serif;font-size:16px}
div.beta div.form_choice_box {margin-bottom:5px;padding:5px;background-color:#EEEEEE}
div.beta div.form_choice_box_deactive {margin-bottom:5px;padding:5px;background-color:#999999}
div.beta div.form_entry_container {padding:0px;padding-bottom:25px;margin-bottom:0px;background-color:#EEEEEE;overflow:hidden}
div.beta div.form_entry_text_container {}
div.beta div.form_entry_text_container div.form_entry_options {padding-top:25px;}
div.beta div.textbox_normal {padding:0;}
div.beta div.textbox_small {padding:0;}
div.beta div.textbox_full {padding:0;}
div.beta div.odd {background-color:#E9E9E9}
div.beta div.even {background-color:#D6D6D7}
div.beta img.form_entry_image {padding:5px;padding-left:25px}
div.beta div.form_entry_statictext_container img.form_entry_image {padding:5px;padding-left:0px}
div.beta div.entry_icons {padding:5px}
div.beta div.captcha {padding-left:25px}
div.beta div.form_entry_header {font-family:National,Roboto,Verdana,Sans-serif;font-weight:bold;font-size:24px;padding-top:5px;padding-bottom:5px;padding-left:25;padding-right:25px;background-color:rgba(0,0,0,0.7);color:#FFFFFF;overflow:hidden;margin-bottom:0px}
div.beta div.form_entry_title {font-family:National,Roboto,Verdana,Sans-serif;font-weight:normal;font-size:20px;padding-top:20px;padding-left:25px;padding-right:25px}
div.beta div.form_entry_hint {font-family:National,Roboto,Verdana,Sans-serif;font-weight:normal;font-size:16px;padding-left:25px;padding-right:25px;font-style:normal}
div.beta div.form_deactive {background-color:#AAAAAA}
div.beta div.form_title_and_hint {float:left;min-width:20%}
div.beta div.form_entry_options {padding-left:25px;padding-right:25px;overflow:hidden;text-align:right;}
div.beta div.form_entry_options_left_aligned {padding-left:25px;padding-right:25px;overflow:hidden;text-align:left;margin-top:10px}

div.beta div.modern_red_comment {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#FF0000;font-size:10px;font-weight:bold;text-align:left}
div.beta div.modern_green_comment {font-family:National,Sans-serif;font-weight:bold;font-size:20px;margin-top:5px;margin-bottom:5px;padding-left:25px;padding-right:25px;color:#FFFFFF;background-color:#8DC63F;text-align:left;margin-bottom:10px}
div.beta div.form_option_title {font-family:National,Roboto,Verdana,Sans-serif;font-size:14px;font-weight:200;margin-top:5px;margin-bottom:10px}

div.beta div.form_entry_vertical_layout div.form_option_title {display:inline-block;margin-left:5px}

div.beta div.form_entry_vertical_layout div.comment_container_below {display:block;margin-top:5px;margin-bottom:5px;}
div.beta div.form_entry_vertical_layout div.comment_container_right {display:inline-block;margin-left:10px;max-width:50%}
div.beta div.score_result {font-family:National,Roboto,Verdana,Sans-serif;}
div.beta div.score_prefix {font-family:National,Roboto,Verdana,Sans-serif;}
div.beta div.show_text {margin:0;padding-left:25px;padding-right:25px;padding-top:5px;padding-bottom:5px;font-family:National,Sans-serif;font-weight:bold;font-size:18px;background-color:#8DC63F;color:#FFFFFF;margin-bottom:10px}
div.beta div.show_text a {}
div.beta div.comment_textarea_div {padding-left:25px;padding-right:25px}
div.beta textarea.textarea_comment {}
div.beta div.comment_title {font-family:National,Sans-serif;font-weight:bold;font-size:16px;background-color:#8DC63F;margin-left:25px;margin-right:25px;margin-top:0px;margin-bottom:0px;color:#FFFFFF;padding:5px}
div.beta div#green_submit {margin-top:10px}
div.beta div#gray_submit {margin-top:10px}

div.beta div.form_entry_vertical_layout div.comment_container_right div.show_text {padding-left:5px;padding-right:5px}
div.beta div.form_entry_vertical_layout div.comment_container_right div.comment_textarea_div {padding-left:0px;padding-right:0px}
div.beta div.form_entry_vertical_layout div.comment_container_right div.comment_title {padding-left:5px;padding-right:5px;margin-left:0;margin-right:0}

div.beta div.form_entry_horizontal_layout div.show_text  {margin-left:0px;margin-right:0px}
div.beta div.form_entry_horizontal_layout div.comment_textarea_div  {padding-left:25px;padding-right:25px}
div.beta div.form_entry_horizontal_layout div.comment_title  {margin-left:25px;margin-right:25px}

div.beta div.form_entry_vertical_layout div.comment_container_below div.comment_textarea_div  {padding-left:0px;padding-right:0px}
div.beta div.form_entry_vertical_layout div.comment_container_below div.comment_title  {margin-left:0px;margin-right:0px}
div.beta div.form_entry_vertical_layout div.comment_container_below div.show_text  {margin-left:-25px;margin-right:-25px}

div.beta div.textbox_full {margin-left:25px;margin-right:25px;width:auto}
div.beta select.select {padding:10px;font-size:20px}
div.form_blue div.odd {background-color:#CDEFFB}
div.form_blue div.even {background-color:#A6E2F8}
div.form_blue div.form_entry_header {background-color:#00AEEF}

div.form_yellow div.odd {background-color:#FCFFB2}
div.form_yellow div.even {background-color:#FAFBD9}
div.form_yellow div.form_entry_header {background-color:#EDAD17}

div.form_ruby div.odd {background-color:#F6F3EE}
div.form_ruby div.even {background-color:#FFFFFF}
div.form_ruby div.form_entry_header {background-color:#7D1935}

div.comment_title {padding:2px}
div.comment_green div.show_text {}
div.comment_green div.comment_textarea_div  {}
div.comment_green textarea.textarea_comment {width:100%;height:3em;background-color:#D7FFBF}
div.comment_green div.comment_title {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#3B9C00;font-size:10px;font-weight:bold;text-align:left}

div.comment_red div.show_text {}
div.comment_red div.comment_textarea_div  {}
div.comment_red textarea.textarea_comment {width:100%;height:3em;background-color:#FFBFBF}
div.comment_red div.comment_title {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#FF0000;font-size:10px;font-weight:bold;text-align:left}

div.comment_yellow div.show_text {}
div.comment_yellow div.comment_textarea_div  {}
div.comment_yellow textarea.textarea_comment {width:100%;height:3em;background-color:#FAFF6C}
div.comment_yellow div.comment_title {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#EDAE15;font-size:10px;font-weight:bold;text-align:left}

div.comment_blue div.show_text {}
div.comment_blue div.comment_textarea_div  {}
div.comment_blue textarea.textarea_comment {width:100%;height:3em;background-color:#CDEFFB}
div.comment_blue div.comment_title {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#00AEEF;font-size:10px;font-weight:bold;text-align:left}

div.comment_gray div.show_text {}
div.comment_gray div.comment_textarea_div  {}
div.comment_gray textarea.textarea_comment {width:100%;height:3em;background-color:#D4D2D2}
div.comment_gray div.comment_title {margin-top:5px;padding:2px;color:#FFFFFF;background-color:#999999;font-size:10px;font-weight:bold;text-align:left}



div.comment_modern_green div.show_text {background-color:#8DC63F;color:#FFFFFF}
div.comment_modern_green textarea.textarea_comment {background-color:#FFFFFF}
div.comment_modern_green div.comment_title {background-color:#8DC63F;color:#FFFFFF}

div.comment_modern_blue div.show_text {background-color:#00AEEF;color:#FFFFFF}
div.comment_modern_blue textarea.textarea_comment {background-color:#FFFFFF}
div.comment_modern_blue div.comment_title {background-color:#00AEEF;color:#FFFFFF}

div.comment_modern_yellow div.show_text {background-color:#C6C24F;color:#FFFFFF}
div.comment_modern_yellow textarea.textarea_comment {background-color:#FFFFFF}
div.comment_modern_yellow div.comment_title {background-color:#C6C24F;color:#FFFFFF}

div.comment_modern_gray div.show_text {background-color:#88898C;color:#FFFFFF}
div.comment_modern_gray textarea.textarea_comment {background-color:#FFFFFF}
div.comment_modern_gray div.comment_title {background-color:#88898C;color:#FFFFFF}

div.comment_modern_black div.show_text {background-color:#88898C;color:#FFFFFF}
div.comment_modern_black textarea.textarea_comment {background-color:#FFFFFF}
div.comment_modern_black div.comment_title {background-color:#88898C;color:#FFFFFF}

div.comment_modern_red div.show_text {background-color:#F7941E;color:#FFFFFF}
div.comment_modern_red textarea.textarea_comment {background-color:#FFFFFF}
div.comment_modern_red div.comment_title {background-color:#F7941E;color:#FFFFFF}

div.comment_modern_plain div.show_text {background-color:#88898C;color:#FFFFFF}
div.comment_modern_plain textarea.textarea_comment {background-color:#FFFFFF}
div.comment_modern_plain div.comment_title {background-color:#88898C;color:#FFFFFF}


/*new form styles 2018/foxtrot*/
div.foxtrot_form div.title_container {display:table;width:100%;margin-bottom:10px}
div.foxtrot_form span.title, div.process_form span.title, textarea.foxtrot_form_title, input.message_title{font-family:Fira Sans,verdana,sans-serif;font-weight:normal;font-size:30px}
div.form_subtitle, div.process_form {margin-bottom:10px;font-family:Fira Sans,verdana,sans-serif;font-size:16px}
div.form_subtitle a, div.process_form a {text-decoration:underline;color:#000000}
div.form_subtitle a:hover, div.process_form a:hover {color:#666666}
div.foxtrot_form span.title {margin-top:0px;margin-bottom:10px}
div.form_details {margin-bottom:10px;font-family:Fira Sans,verdana,sans-serif;font-size:12px}

div.process_form {margin-bottom:60px}
textarea.foxtrot_form_title {width:100%}

div.foxtrot_form div.entry {position:relative;padding:20px;font-family:Fira Sans,Verdana,sans-serif;font-size:14px}
div.foxtrot_form div.entry div.title {font-size:18px;font-weight:bold;margin-bottom:5px}
div.foxtrot_form div.entry div.hint {margin-bottom:5px}
div.foxtrot_form div.entry div.image {margin-bottom:5px}
div.foxtrot_form div.entry div.image img {width:100px}

div.foxtrot_form div.odd {}
div.foxtrot_form div.even {}
div.foxtrot_form div.header {overflow:hidden}
div.foxtrot_form textarea.form_text {padding:5px;font-size:14px;width:100%}
div.foxtrot_form div.textbox_normal {width:50%}
div.foxtrot_form div.textbox_small {width:100px}
div.foxtrot_form div.textbox_full {width:100%}
div.foxtrot_form div.text_above {text-align:left;padding:2px;background-color:rgba(0,0,0,0.1)}
div.foxtrot_form div.listoption {display:inline-block;background-color:#FFFFFF;padding:5px;font-size:24px;border:1px solid #000000;margin-bottom:5px}
div.foxtrot_form div.camera {margin-top:10px}
div.foxtrot_form div.camera img {width:60px}
div.foxtrot_form div.camera_active {cursor:pointer}
div.foxtrot_form span.remove_file {cursor:pointer;font-size:24px;vertical-align:middle}
div.foxtrot_form span.remove_file:hover {color:#666666}
div.foxtrot_form div.image_container {margin-top:10px}
div.foxtrot_form select.form_list {padding:10px;font-size:20px;margin-bottom:5px}
div.foxtrot_form div.option {padding:10px;vertical-align:top;}
div.foxtrot_form div.horizontal {display:inline-block;text-align:center}
div.foxtrot_form label {display:inline;margin:0;padding:0}

div.foxtrot_form div.show_option_text {margin-top:5px}

div.foxtrot_form input[type="radio"],div.foxtrot_form input[type="checkbox"]  {display:none;}
div.foxtrot_form input[type="radio"] + label, div.foxtrot_form input[type="checkbox"] + label {padding:0;margin:0}
div.foxtrot_form input[type="radio"] + label span, div.foxtrot_form input[type="checkbox"] + label span  {display:inline-block;width:40px;height:40px;margin:0px 0px 0 0px;vertical-align:middle;background:url(images/radio_off.png) left top no-repeat;background-size:40px 40px;cursor:pointer;}

div.foxtrot_form div.green_check input[type="radio"] + label span,div.foxtrot_form div.error_red input[type="checkbox"] + label span{background:url(images/check_on_passive.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.green_check input[type="radio"]:checked + label span,div.foxtrot_form div.error_red input[type="checkbox"]:checked + label span {background:url(images/check_on_active.png) top no-repeat;background-size:40px 40px;}

div.foxtrot_form div.red_check input[type="radio"] + label span,div.foxtrot_form div.error_red input[type="checkbox"] + label span{background:url(images/check_off_passive.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.red_check input[type="radio"]:checked + label span,div.foxtrot_form div.error_red input[type="checkbox"]:checked + label span {background:url(images/check_off_active.png) top no-repeat;background-size:40px 40px;}

div.foxtrot_form div.small_check {padding:4px}
div.foxtrot_form div.small_check  input[type="radio"] + label span {background:url(images/radio_round_empty.png) left top no-repeat;background-size:20px 20px;}
div.foxtrot_form div.small_check  input[type="radio"]:checked + label span{background:url(images/radio_round_filled.png) top no-repeat;background-size:20px 20px;}

div.foxtrot_form div.small_check  input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:20px 20px;}
div.foxtrot_form div.small_check  input[type="checkbox"]:checked + label span {background:url(images/check_on_plain.png) top no-repeat;background-size:20px 20px;}

div.foxtrot_form div.plain_check  input[type="radio"] + label span, div.foxtrot_form div.plain_check  input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.plain_check  input[type="radio"]:checked + label span, div.foxtrot_form div.plain_check  input[type="checkbox"]:checked + label span {background:url(images/check_on_plain.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.plain_error  input[type="radio"] + label span,div.foxtrot_form div.plain_error  input[type="checkbox"] + label span  {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.plain_error  input[type="radio"]:checked + label span,div.foxtrot_form div.plain_error  input[type="checkbox"]:checked + label span {background:url(images/check_error_plain.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.on_green input[type="radio"] + label span,div.foxtrot_form div.on_green input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.on_green input[type="radio"]:checked + label span,div.foxtrot_form div.on_green input[type="checkbox"]:checked + label span {background:url(images/check_on_green.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.error_red input[type="radio"] + label span,div.foxtrot_form div.error_red input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.error_red input[type="radio"]:checked + label span,div.foxtrot_form div.error_red input[type="checkbox"]:checked + label span {background:url(images/check_error_red.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_ok input[type="radio"] + label span,div.foxtrot_form div.modern_square_ok input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_ok input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_ok input[type="checkbox"]:checked + label span {background:url(images/modern_square_ok.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_error input[type="radio"] + label span,div.foxtrot_form div.modern_square_error input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_error input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_error input[type="checkbox"]:checked + label span {background:url(images/modern_square_error.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_green input[type="radio"] + label span,div.foxtrot_form div.modern_square_green input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_green input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_green input[type="checkbox"]:checked + label span {background:url(images/modern_square_green.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_red input[type="radio"] + label span,div.foxtrot_form div.modern_square_red input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_red input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_red input[type="checkbox"]:checked + label span {background:url(images/modern_square_red.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_blue input[type="radio"] + label span,div.foxtrot_form div.modern_square_blue input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_blue input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_blue input[type="checkbox"]:checked + label span {background:url(images/modern_square_blue.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_yellow input[type="radio"] + label span,div.foxtrot_form div.modern_square_yellow input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_yellow input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_yellow input[type="checkbox"]:checked + label span {background:url(images/modern_square_yellow.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_gray input[type="radio"] + label span,div.foxtrot_form div.modern_square_gray input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_gray input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_gray input[type="checkbox"]:checked + label span {background:url(images/modern_square_gray.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_black input[type="radio"] + label span,div.foxtrot_form div.modern_square_black input[type="checkbox"] + label span{background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.modern_square_black input[type="radio"]:checked + label span,div.foxtrot_form div.modern_square_black input[type="checkbox"]:checked + label span {background:url(images/modern_square_black.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley01 input[type="radio"] + label span, div.foxtrot_form div.smiley01 input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley01 input[type="radio"]:checked + label span, div.foxtrot_form div.smiley01 input[type="checkbox"]:checked + label span {background:url(images/modern_smiley_01.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley02 input[type="radio"] + label span,div.foxtrot_form div.smiley02 input[type="checkbox"] + label span  {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley02 input[type="radio"]:checked + label span,div.foxtrot_form div.smiley02 input[type="checkbox"]:checked + label span {background:url(images/modern_smiley_02.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley03 input[type="radio"] + label span,div.foxtrot_form div.smiley03 input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley03 input[type="radio"]:checked + label span,div.foxtrot_form div.smiley03 input[type="checkbox"]:checked + label span {background:url(images/modern_smiley_03.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley04 input[type="radio"] + label span,div.foxtrot_form div.smiley04 input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley04 input[type="radio"]:checked + label span,div.foxtrot_form div.smiley04 input[type="checkbox"]:checked + label span  {background:url(images/modern_smiley_04.png) top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley05 input[type="radio"] + label span,div.foxtrot_form div.smiley05 input[type="checkbox"] + label span {background:url(images/modern_square_empty.png) left top no-repeat;background-size:40px 40px;}
div.foxtrot_form div.smiley05 input[type="radio"]:checked + label span,div.foxtrot_form div.smiley05 input[type="checkbox"]:checked + label span {background:url(images/modern_smiley_05.png) top no-repeat;background-size:40px 40px;}

div.foxtrot_form div.comment {margin-bottom:5px}
div.foxtrot_form div.comment div.title  {padding:5px;background-color:#666666;color:#FFFFFF;font-weight:normal;font-size:14px;margin:0}
div.foxtrot_form div.comment textarea {height:3em;width:100%;margin:0}
div.foxtrot_form div.onselect_text {margin-bottom:5px}

div.foxtrot_form img.option_image {height:100px;margin-top:10px}
div.foxtrot_form img.option_image_horizontal {margin-top:10px}

div.foxtrot_form div.captcha {margin-top:10px;margin-bottom:10px;}
div.foxtrot_form div.captcha div.image_container {position:relative;display:inline-block;height:80px;width:215px}
div.foxtrot_form div.score {padding:20px}

div.hidden_text_link {cursor:pointer;text-decoration:underline;color:#4A5DBB}
div.textbox_captcha {width:200px}
div.textbox_captcha textarea.captcha {width:215px;font-size:18px;height:36px;resize:none}
div.textbox_captcha textarea.readonly {background-color:#CCCCCC;color:#666666}



div.foxtrot_form img.form_attachment_thumb {max-width:300px}
div.process_form {font-family:Fira Sans, verdana, sans-serif;font-size:16px}
input.message_title {border:2px solid #000000;padding:10px;background-color:#FAFAFA;width:100%}
div.process_form_header{font-size:32px;font-weight:600;margin-bottom:20px}
div.risk_score_box {height:268px;width:277px;border:2px solid #000000;position:relative;display:table-cell}

div.risk_score_between_boxes {height:268px;padding:20px;vertical-align:middle;display:table-cell;font-size:32px;font-weight:bold;}
div.risk_score_title {position:absolute;top:20px;left:20px;right:20px;font-size:20px;text-transform:uppercase;font-weight:bold}
div.risk_score_radios  {position:absolute;bottom:20px;left:20px;right:20px}
div.risk_score_radios div {margin-top:10px}
div#risk_score_number {position:absolute;margin-top:25%;top:20px;bottom:20px;left:20px;right:20px;font-size:80px;font-weight:bold;text-align:center}
div#risk_score_text {position:absolute;bottom:20px;left:20px;right:20px;font-size:20px;text-transform:uppercase;font-weight:bold;text-align:center}




span.remove_user {font-size:30px;margin-left:10px;cursor:pointer}
div.user_rights_box {border:2px solid #000000;position:relative;display:table;padding:15px;padding-top:25px;background-color:#F9F9F9;margin-bottom:50px}
div.user_rights_header {position:absolute;left:20px;top:-25px;padding:10px;background-color:#F9F9F9;font-size:20px}
div.user_rights_option {display:table-cell;vertical-align:bottom;width:130px;text-align:center;padding:5px;font-size:14px}
div#notification_status_text {font-size:20px;font-weight:bold}
/*end styles for forms*/

div.process_form textarea.instructions {width:594px;height:134px;border:2px solid #000000;padding:15px;font-family:Fira Sans, verdana, sans-serif;font-size:16px;background-color:#F9F9F9}
div.process_form input.deadline {width:277px;padding:15px;font-family:Fira sans, verdana, sans-serif;font-size:16px;border:2px solid #000000;background-color:#F9F9F9}

div.process_form div.header {font-weight:bold;text-align:center;color:#1A1A1A;font-size:14px}

div.process_form div.summary_header {font-weight:bold;font-weight:600;font-size:14px;margin-top:20px;margin-bottom:3px}
div.process_form div.bignumber {color:#565656;font-size:60px;text-align:center;opacity:0.6}
div.process_form textarea.add_comment {width:600px;padding:15px;padding-right:60px;font-family:Fira sans, verdana, sans-serif;font-size:16px;background-color:#F9F9F9}
div.process_form div.attachment_icon {position:absolute;left:550px;bottom:20px;font-size:30px}
div.process_form div#instructions {width:600px}
div.process_form div#comments {width:600px}
div.process_form div.completion_header {font-weight:bold;color:#1A1A1A;font-size:18px;margin-bottom:10px}
div.process_form textarea.completion {width:100%;height:134px;border:2px solid #000000;padding:15px;font-family:Fira Sans, verdana, sans-serif;font-size:16px;background-color:#F9F9F9}
div.process_form div.completion_option  {margin-bottom:60px;width:600px}
div.process_form div.over_deadline {color:#C60000}
div.process_form span#add_attachment {cursor:pointer}
div.process_form span#add_attachment:hover {color:#666666}
div.process_form div#attachments {margin-top:5px;margin-bottom:5px}
div.process_form span#remove_attachment {cursor:pointer;font-size:24px;vertical-align:middle}
div.process_form span#remove_attachment:hover {color:#666666}
div.process_form div.appendix {padding:15px;background-color:#E0E0E0}
div.process_form div.comment_attachment_header {margin-top:15px;margin-bottom:5px}
div.process_form div.comment_header {color:#057CDF}
div.process_form div.comment_user {display:table-cell;width:50%;white-space:nowrap;font-weight:bold}
div.process_form div.comment_time {display:table-cell;width:50%;white-space:nowrap;text-align:right}
div.process_form span.comment_time {font-size:12px}
div.process_form div.comment_container  {margin-bottom:40px}
/* styles for form processing (module_form_process)*/
div.form_process_container a:link, div.form_process_container a:active, div.form_process_container a:visited {color:#1A1A1A}
div.comment_container a:hover img {opacity:0.7}
div.comment_container a:hover div.comment_attachment_icon {opacity:0.7}
div.form_process_menu {color:#1A1A1A;margin-bottom:40px}
div.form_process_menu div.menu_item_active, div.form_large_title {font-family:Fira Sans,verdana,sans-serif;font-size:32px;margin-right:40px;font-weight:bold}
div.form_process_menu div.menu_item_active {display:inline-block}
div.form_process_menu div.menu_item_link {display:inline-block;font-family:Fira Sans,verdana,sans-serif;font-size:16px;margin-right:40px;font-weight:bold;text-decoration:underline}

table.form_process {width:100%;border-collapse: collapse;margin:0;padding:0}

table.form_process tr.nothead:hover  {background-color:#EEEEEE}
table.form_process td {border-top:1px solid #CCCCCC;padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px}
table.form_process td, table.form_process th {font-family:Fira Sans,verdana,sans-serif;}
table.form_process th  {text-align:left;font-size:12px;font-weight:bold;padding-bottom:5px;padding-left:5px;padding-right:5px}
table.form_process td.hover:hover  {text-decoration:underline;cursor:pointer}
table.form_process td a:hover, table.form_process th a:hover   {text-decoration:underline;cursor:pointer}

div.form_score_shell {}
div.form_score_container  {position:relative;padding:20px;font-family:Fira Sans,Verdana,sans-serif;font-size:14px;background-color:#E6F2FC}
div.form_score_header {font-weight:bold;font-size:18px;margin-bottom:10px}

span#user_error {margin-left:10px;background-color:#FBBECD;padding:15px;border:2px solid #FF0000}
.badge{display:inline-block;background:red;text-align: center;border-radius: 30px 30px 30px 30px;color:white;padding:5px 10px;font-size:12px;}
.badge_gray {background:#CCCCCC;color:#000000}
.badge_blue {background:#28AEF0;color:#000000}
.badge_green {background:#B5FFB2;color:#000000;font-size:14px;font-weight:bold}
.badge_red {background:#EF5959;color:#FFFFFF;font-size:14px;font-weight:bold}
.badge_yellow {background:#FFE11B;color:#000000;font-size:14px;font-weight:bold}	

div.halo_button {border: 2px solid #DADADA;border-radius: 7px;text-align:center;padding:10px}
div.halo_button_filled {background-color:#E0E0E0}

div.halo_button:hover {background-color:#DADADA;cursor:pointer;}

div.halo_button_no_click {cursor:not-allowed}
div.halo_button_no_click:hover {cursor:not-allowed}

div.halo_button_green {cursor:pointer;background-color:#73B33E;border:2px solid #569820;color:white}
div.halo_button_green:hover {cursor:pointer;background-color:#A9DF7D;border:2px solid #569820;color:black}

div.foxtrot_box {background-color:#FFF79E;border:2px solid #C6B92B;padding:15px;font-family:Fira Sans,Verdana,sans-serif;margin-bottom:20px}
div.foxtrot_box_yellow {}
div.foxtrot_box_blue {background-color:#CBE1FF;border:2px solid #3780E4}

div.any_required {font-size:11px;color:#999999;margin-top:10px}
div.score_details {color:#009900}
div.score_details_negative {color:#FF0000}

div.form_notifications_message {color:#BBBBBB;font-size:12px;margin-top:10px}

div.emballasje_row {display:table-row;width:100%}
div.emballasje_title {display:table-cell;width:100%;padding-right:30px;vertical-align:top}
div.emballasje_image {display:table-cell;width:40px;padding-right:30px;vertical-align:top;white-space:nowrap}
div.emballasje_image span  {font-size:24px;line-height:30px}
div.emballasje_image a  {color:#000000}
div.emballasje_image a:hover {color:#666666}
div.emballasje_details1 {display:table-cell;padding-right:30px;vertical-align:top;white-space:nowrap;font-size:14px;color:#666666;line-height:30px}
div.emballasje_details2 {display:table-cell;padding-right:30px;vertical-align:top;white-space:nowrap;font-size:14px;color:#666666;line-height:30px}
div.emballasje_details1 img {width:50px;height:1px}
div.emballasje_details2 img {width:50px;height:1px}
div.emballasje_input {display:table-cell;width:100px;white-space:nowrap;vertical-align:top;text-align:right}
div.emballasje_value {display:table-cell;width:100px;white-space:nowrap;vertical-align:top;text-align:right}


span.plus, span.minus{font-size:24px;vertical-align:middle;display:inline-block;border-radius:5px;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #CCCCCC;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
span.plus:hover, span.minus:hover {cursor:pointer;background-color:#000000;color:#FFFFFF}
	
div.emballasje_input span.text {display:inline-block;vertical-align:middle;height:30px}
div.emballasje_input textarea {font-size:20px;outline:none;background-color:#FFFFFF;resize:none;width:70px;height:30px;margin:0;padding:0;text-align:center;overflow: hidden}

span.over_deadline {color:#DA2C1B}

div.category_options_title {margin-bottom:5px}
div.category_options {margin:10px}

div.foxtrot_form div.header {color:#101E20}
div.foxtrot_form span.title {font-size:32px;color:#2E313B}
div.foxtrot_form div.entry {border-top:1px solid #EEEEEE}
div.foxtrot_form div.entry div.title {font-weight:normal}
div.foxtrot_form div.odd, div.foxtrot_form div.even {}
div.foxtrot_form a {color:#034584}
div.foxtrot_form a:hover {text-decoration:underline}
div.foxtrot_form div.show_option_text {padding:20px;font-size:16px}

div.foxtrot_form div.entry div.emballasje_title div.title {font-weight:bold}

span.statistics_object,span.art_nummer {font-size:12px;border-radius:5px;background-color:#166BDA;color:#FFFFFF;padding:5px;padding-top:2px;padding-bottom:2px;margin-left:10px;opacity:50%}
span.art_nummer {background-color:#666666}