/*-----------------------   reset   -----------------------*/

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;

    vertical-align: baseline;
}
/*body {
    font-size: 8px;
    line-height: 1;
}*/
/*ol {
    list-style: none;
}*/
/*blockquote, q {
    quotes: none;
}*/
/*blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}*/

/* remember to define focus styles! */
/*:focus {
    outline: 0;
}*/

/* remember to highlight inserts somehow! */
/*ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}*/

/* tables still need 'cellspacing="0"' in the markup */
/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/

/*-----------------------   basics   -----------------------*/

body {
    margin: 0;
    padding: 0;
    outline: 0;
    /*background-image: url(../img/bg_gradient.png);
    background-position: top;*/
    /*background-repeat: repeat-x;*/
/*    background-color: #FFF;*/
/*    font-family: Helvetica, Arial, sans-serif;*/
    font-size: 12px;
/*overflow-y: scroll;*/
/*    color: #000;*/
}

.ho_box_header1 {
    font-size: 16px;
}

.ho_box_header2 {
    font-size: 14px;
}

.bgtext_standard {  }

.bgtext_error { color: #D33; }
.errorField   { border-color: #f00 !important; }

#HO_Container { /* height: 5000px; */ }

#HO_Frame_Wait              { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
                              background: url(../img/loading.gif) no-repeat center;
                              background-color: #BBB;
                              -moz-opacity:.80;
                              -ms-filter:"alpha(opacity=80)";
                              filter:alpha(opacity=80);
                              opacity:.80;
                              visibility: hidden;
                            }

.HO_Frame_Wait_Small_hidden { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; }
                            
.HO_Frame_Wait_Small { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
                              background: url(../img/loading_small3.gif) no-repeat center;
                              background-color: #FFF;
                              -moz-opacity:.60;
                              -ms-filter:"alpha(opacity=60)";
                              filter:alpha(opacity=60);
                              opacity:.60;
                              visibility: hidden;
                            }

.HO_Frame_Disabled_Small { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
                              /*background: url(../img/loading_small3.gif) no-repeat center;*/
                              background-color: #FFF;
                              -moz-opacity:.60;
                              -ms-filter:"alpha(opacity=60)";
                              filter:alpha(opacity=60);
                              opacity:.60;
                              visibility: hidden;
                            }
                            
#HO_Frame_Detail {
    /*position: absolute; width: 900px; margin-top: 15px;
                     visibility: hidden;*/

                     }

/*#HO_Frame_Empty { width: 900px; height: 10000px; }*/

#HO_Frame_Detail_Content { position: absolute; left: 0px; top: 0px; width: 100%; border: 2px solid #000; background-color: #CCC;
                         }

/*
#HO_Frame_Detail_Close { position: absolute; width: 31px; height: 31px; left: 100%; margin-top: -15px; margin-left: -15px;
                         background: url(../img/btn_close_detail.png) no-repeat center; }
*/

a.btn_login {
    background: url(../img/btn_login.png) no-repeat top;
    padding: 4px 0 0 0;
    width: 98px;
    height: 19px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: black;
}


/*input.input_180 {
    background: url(../img/input_180.png) no-repeat top;
    padding: 2px 15px 5px 10px;
    width: 155px;
    border: none;
}*/

label { position: relative; }
label.labelTop { margin-top: -1.2em; }

div.form_container               { position: relative; }

div.form_row                     { position: relative; border-top: solid 1px #888; min-height: 25px; }
div.form_row_read                { /*border-left: solid 8px #FFF; */ } 
div.form_row_edit                { padding-left: 8px; background-color: #EEE; }

p.form                           { margin: 5px 0px 5px 0px; }
p.form_sub                       { height: 5em; }

p.form_sub1Row                   { margin: 0.5em 0.0em 0.5em 0.0em; height: 1.0em; }
p.form_sub2Rows                  { margin: 1.5em 0.0em 0.0em 0.0em; height: 2.0em; }
p.form_sub3Rows                  { margin: 1.5em 0.0em 0.0em 0.0em; height: 3.3em; }
p.form_subCodeList               { margin: 1.5em 0.0em 0.0em 0.0em; height: 7.8em; }
p.form_subNote                   { margin: 1.5em 0.0em 0.0em 0.0em; height: 6.0em; }
p.form_subNote2                  { margin: 1.5em 0.0em 0.0em 0.0em; height:24.0em; }

div.form_firstRow                { margin-top: 2.2em; }
div.form_labelNone               { padding-top:        0; overflow: auto; }
div.form_labelTop                { padding-top:    1.0em; overflow: auto; }
div.form_labelSub                { padding-bottom: 1.3em; overflow: auto; }
div.form_labelSub2               { padding-bottom: 2.3em; overflow: auto; }
.form_bold                       { font-weight:bold; }

label.form_labelLeft_100         { position: relative; font-size: 10.em; width: 100px; height: 1.2em; display: inline-block; overflow: hidden; }
label.form_labelCheckBox         { position: absolute; margin-left: 0.5em; font-size: 1.0em; padding-top: 0.2em;}
label.form_labelTop              { position: absolute; margin-top: -1.2em; font-size: 1.0em; }
label.form_labelSub              { position: absolute; margin-top:  2.0em; margin-left: 0.2em; font-size: 0.8em; }
label.form_labelSub2             { position: absolute; margin-top:  3.2em; margin-left: 0.2em; font-size: 0.8em; }

div.form_checkBox               { height: 1.5em; }

div.form_codeList_outer100p       { overflow: auto; float: left; width:100%; padding-bottom: 1.0em; }
div.form_codeList_outer50p       { overflow: auto; float: left; width: 50%; padding-bottom: 1.0em; }
div.form_codeList_outer30p       { overflow: auto; float: left; width: 30%; padding-bottom: 1.0em; }

div.form_codeList_outer_150      { overflow: auto; float: left; width: 150px; padding-bottom: 1.0em; }
div.form_codeList_outer_250      { overflow: auto; float: left; width: 250px; padding-bottom: 1.0em; }
div.form_codeList_outer_500      { overflow: auto; float: left; width: 500px; padding-bottom: 1.0em; }
div.form_codeList_outer_400      { overflow: auto; float: left; width: 400px; padding-bottom: 1.0em; }

div.form_codeList_inner          { position: relative; margin-right: 2%; padding: 2px; overflow: auto; }
div.form_codeList_delete         { position: relative; width: 12px; height: 12px; margin: 1px 3px; background: url(../img/codeList_delete.png) no-repeat 0px center; float: left; cursor: pointer; clear:left; }
div.form_codeList_row            { position: relative; height: 14px; margin-top: 2px; overflow: hidden; }

div.form_rowSubError             { margin-bottom: 3.0em; }

p.form_firstAfterTable           { height: 4em; margin-top: 15px; }

div.form_buttonGroup             { position: relative; text-align: right; width: 100%; height: 0px; top: 0px; left: 0px; }
div.form_buttonGroup2            { position: relative; text-align: right; width: 100%; height: 0px; top: 25px; left: 0px; }
.form_button                      { position: relative; top: -5px; border: 1px solid #666; background-color: #EEE; color: #222; cursor: pointer; 
                                  margin-right: 3px; padding: 1px 3px 1px 3px; spacing: 2px; }

.form_button_default             { border: 2px solid #666; }

span.form_buttonInList           { top: 5px; }
span.form_button_disabled        { color: #AAA; cursor: default; visibility: hidden; }
span.form_button_hidden          { display: none; }

input.form_input_checkBox        { position: relative; height: 1.2em; }
input.form_input_40              { position: relative; width:  40px; height: 1.2em; }
input.form_input_60              { position: relative; width:  60px; height: 1.2em; }
input.form_input_70              { position: relative; width:  70px; height: 1.2em; }
input.form_input_80              { position: relative; width:  80px; height: 1.2em; }
input.form_input_150             { position: relative; width: 150px; height: 1.2em; }
input.form_input_200             { position: relative; width: 200px; height: 1.2em; }
input.form_input_250             { position: relative; width: 250px; height: 1.2em; }
input.form_input_300             { position: relative; width: 300px; height: 1.2em; }
input.form_input_400             { position: relative; width: 400px; height: 1.2em; }
select.form_select_60            { position: relative; width:  60px; height: 1.5em; }
select.form_select_120           { position: relative; width: 120px; height: 1.5em; }
select.form_select_150           { position: relative; width: 150px; height: 1.5em; }
select.form_select_180           { position: relative; width: 180px; height: 1.5em; }
select.form_select_200           { position: relative; width: 200px; height: 1.5em; }
select.form_select_250           { position: relative; width: 250px; height: 1.5em; }
select.form_select_400           { position: relative; width: 400px; height: 1.5em; }
input.form_cat_150               { position: relative; width: 148px; height: 1.2em; margin-right: 3px; }
input.form_cat_400               { position: relative; width: 400px; height: 1.2em; margin-right: 3px; }
input.form_cat_300               { position: relative; width: 300px; height: 1.2em; margin-right: 3px; }
input.form_cat_250               { position: relative; width: 250px; height: 1.2em; margin-right: 3px; }
input.form_cat_250_text          { position: relative; width: 250px; border-style: none; height: 1.1em; margin-right: 3px; background: url() !important; }

input.form_input_disabled        { color: #999 !important; }
input.form_input_right           { text-align: right; }

input.form_input_important       { border-color: #F69C93; }

.dlg_cat_trigger                { position: relative; width: 14px; height: 14px; display: inline-block; 
                                  background: url(../img/dlg_cat_trigger.png) no-repeat 0px center;  }

textarea.form_textarea_110x60    { position: relative; width: 110px; height:  60px; }
textarea.form_textarea_130x60    { position: relative; width: 130px; height:  60px; }
textarea.form_textarea_250x100   { position: relative; width: 250px; height: 100px; }
textarea.form_textarea_400x100   { position: relative; width: 400px; height: 100px; }
textarea.form_textarea_500x300   { position: relative; width: 500px; height: 300px; }

textarea.form_textarea_small     { position: relative; width: 550px; height: 3.0em; }
textarea.form_textarea_large     { position: relative; width: 550px; height: 6.0em; }


.form_readonly { color: #000; background-color: #EEE; }

label.required              { color: #f00; }
label.error                 { color: #f00; }

select.select_180 { width: 192px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 18px; }

input.input_40    { width:  40px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.input_60    { width:  60px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.input_80    { width:  80px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.input_100   { width: 100px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.input_160   { width: 180px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.input_180   { width: 180px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.input_400   { width: 400px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }

input.cat_120     { width: 120px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.cat_150     { width: 150px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.cat_250     { width: 250px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }
input.cat_400     { width: 400px; padding: 0 5px 0 5px; margin-top: 0.2em; height: 16px; }

textarea.textarea_400x100 { width: 400px; height: 100px; padding: 0 5px 0 5px; margin-top: 0.2em; }

.consultant_group_enabled  { color: #0b559b !important; }
.consultant_group_disabled { color: #999999 !important; }
.consultant                { color: #374e0c !important; }

/*input.input_225 {
    background: url(../img/input_225.png) no-repeat top;
    padding: 2px 15px 5px 10px;
    width: 200px;
    border: none;
}

input.input_400 {
    background: url(../img/input_400.png) no-repeat top;
    padding: 2px 15px 5px 10px;
    width: 370px;
    border: none;
}*/
/*
input.input_350_yubikey {
    background: url(../img/input_350_yubikey.png) no-repeat top;
    padding: 2px 15px 5px 22px;
    width: 313px;
    border: none;
}*/



a.data_grid_cell_link:link,
a.data_grid_cell_link:active,
a.data_grid_cell_link:hover,
a.data_grid_cell_link:visited   { text-decoration: underline; color: #000; }
a.data_grid_cell_link_selected  { background-color: #E2FF89; }


div.HO_btn_search         { position: relative; width: 31px; height: 31px; margin-left: 5px; margin-top: 2px;
                             margin-right: 5px; float: right;
                             background: url(../img/btn_search.png) no-repeat 0px center; float: right;
                             cursor: pointer;
                            }

div.HO_btn_search_reset    { position: relative; width: 31px; height: 31px; margin-left: 5px; margin-top: 2px;
                             margin-right: 5px; float: right;
                             background: url(../img/btn_search_reset.png) no-repeat 0px center; float: right;
                             cursor: pointer;
                            }

/* a.HO_btn_search         { position: relative; width:  31px; } */
/* a.HO_btn_search_reset   { position: relative; width:  31px; } */


a.cat_chooser_link              { text-decoration: none; color: green; }
a.cat_chooser_link:hover        { text-decoration: underline; }
span.cat_chooser_link_disabled  { color: #999; }

img.cat_chooser_toggler { cursor: pointer; }

/*.select {
	position: absolute;
	width: 180px;  With the padding included, the width is 190 pixels: the actual width of the image.
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px Helvetica, Arial, sans-serif;
	text-align: left;
	color: #000;
	background: url(../img/select_180.png) no-repeat;
	overflow: hidden;
}*/

/*-----------------------   HO_Top   -----------------------*/

#HO_Top_logo_hunter         { position: absolute; left: 5px; top: 5px; width: 105px; height: 46px;
                              background: url(../img/logo_hunterONLINE.png) no-repeat 0px center;
                            }

#HO_Top_Icons               { position: absolute; left: 50%; top: 5px; width: 300px; margin-left: -100px; float: left; }

a.HO_PAGE_CMPY_Top_Icon_active      { background: url(../img/HO_PAGE_CMPY_Top_Icon_active.png); font-size: 120%; font-weight: 700; }
a.HO_PAGE_CMPY_Top_Icon_inactive    { background: url(../img/HO_PAGE_CMPY_Top_Icon_inactive.png);        }

a.HO_PAGE_PERS_Top_Icon_active      { background: url(../img/HO_PAGE_PERS_Top_Icon_active.png);  font-size: 120%; font-weight: 700; }
a.HO_PAGE_PERS_Top_Icon_inactive    { background: url(../img/HO_PAGE_PERS_Top_Icon_inactive.png);         }

a.HO_PAGE_PROJ_Top_Icon_active      { background: url(../img/HO_PAGE_PROJ_Top_Icon_active.png); font-size: 120%; font-weight: 700; }
a.HO_PAGE_PROJ_Top_Icon_inactive    { background: url(../img/HO_PAGE_PROJ_Top_Icon_inactive.png);        }

a.HO_PAGE_ACT_Top_Icon_active       { background: url(../img/HO_PAGE_ACT_Top_Icon_active.png); font-size: 120%; font-weight: 700; }
a.HO_PAGE_ACT_Top_Icon_inactive     { background: url(../img/HO_PAGE_ACT_Top_Icon_inactive.png);        }

a.HO_Top_Icon:link,
a.HO_Top_Icon:visited,
a.HO_Top_Icon:active,
a.HO_Top_Icon:hover
                            { position: relative; width: 70px; height: 60px; float: left; margin-left: 5px;
                              background-repeat: no-repeat;
                              background-position: center top;
                              text-decoration:none;
                              text-align: center;
                              padding-top: 50px;
                            }

#HO_Top_properties_frame    { position: absolute; left: 100%; top: 5px; width: 280px; margin-left: -290px;
                            }

a:link,
a:visited,
a:active,
a:hover
{
    color:#555;
    text-decoration:none;
}

.language_active            { color: blue; }
.language_inactive          { color: black; }

/*-----------------------   HO_Top_Properties -----------------------*/

ul#HO_Top_Menu { margin-top:10px; }

ul.potato-menu {
    float: right;
}

.ui-menu {
    width: auto;
/*  	float: right;  */
	
	text-align: right;
/* 	border-style: none; */
  }
  
/* .ui-menu:hover {border-style: none; } */

.ui-dialog {
    position:absolute;
}

li.potato-menu-item {
    font-size:12px;
    color: #000;
}
li.potato-menu-item a {
    padding:2px 20px 2px 12px;
    color: #000;
}
li.potato-menu-hover {
    background-color: #CCC;
}
li.potato-menu-has-vertical > a {
    background: transparent url(/img/menu_arrow_down.gif) right no-repeat;
}
li.potato-menu-has-holizontal > a {
    background: transparent url(/img/menu_arrow_right.gif) right no-repeat;
}
li.potato-menu-item ul {
/*    border-top:1px solid #444;
    border-left:1px solid #444;*/
}

.potato-menu-group ul li {              /* don't set background-color on first level (would damage the gradient) */
    background-color: #EEE;
}

.potato-menu-group ul li:hover {
    background-color: #CCC;
}

.potato-width1 { width: 120px; }

.potato-width2 { width: 70px; }


.HO_Frame1  { position: absolute; top: 75px; width: 98%; height: auto; margin-left: 1%; }

.HO_box_search              { position: relative; margin-top:  0px; width: 100%; height: auto; padding: 5px 0 5px 0; display: inline-block; }
.HO_box_list                { position: relative; margin-top: 10px; width: 100%; height: auto; }
.HO_box_application         { position: relative; margin-top: 10px; width: 100%; height: auto; }
.HO_box_actions             { position: relative; margin-top: 10px; width: 100%; height: 36px; padding: 5px 0 5px 0; display: inline-block; }
.HO_box_summary             { position: relative; margin-top: 10px; width: 100%; height: auto; overflow: auto; display: inner-block; 
                              font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 12px; 
                              background-color: #FFF; color: #000;  }


#HO_PAGE_LOGIN_Frame        { /*position: absolute; left: 50%; top: 50%; width: 430px; height: 290px; margin-left: -215px; margin-top: -145px; */
/*                               background: url() no-repeat 440px 2px right; */
							  background-image:url(../img/HO_PAGE_LOGIN_bg_hunter.png);
						      background-repeat:no-repeat;
						      background-position:right top;
                            }

#HO_PAGE_LOGIN_header1               { position: absolute; left: 20px; top: 20px; width: 400px; }
#HO_PAGE_LOGIN_header2               { position: absolute; left: 20px; top: 65px; width: 350px; }

#HO_PAGE_LOGIN_Data                  { position: absolute; left: 15px; top:  135px; width: 420px; height: 120px;
                              background: #F5F5F5; border: solid #BBB 1px;
                            }

#HO_PAGE_LOGIN_Data_fields           { position: absolute;  left: 40px; top: 10px; }

div.HO_PAGE_LOGIN_inputLine          { position: relative; height: 22px; margin-bottom: 5px; }
label.HO_PAGE_LOGIN_left             { position: absolute; left:   0px; text-align: left; width:  130px; margin-top:  2px; }
input.HO_PAGE_LOGIN_right            { position: absolute; left: 155px;  }

/*
div.HO_PAGE_LOGIN_bgtext_large       { position: absolute; left:   0px; text-align: left; width: 400px; margin-top:  2px; }
div.HO_PAGE_LOGIN_input_bottom       { position: absolute; left:  0px; top: 20px; }
*/

div.HO_PAGE_LOGIN_center             { width: 340px; text-align: center; }
span.HO_PAGE_LOGIN_error             { color: red; }

/*#HO_PAGE_LOGIN_btn_login             { position: absolute; left: 277px; top: 125px; }*/


#HO_FORM_SUMCNF_Frame                 { }

#HO_FORM_SUMCNF_header1               { position: absolute; left: 20px; top: 20px; width: 600px; }

#HO_FORM_SUMCNF_tabs            { position: absolute; left: 15px; top:  55px; width: 600px; height: 290px; }

.HO_FORM_SUMCNF_tab             { width: 568px; height: 230px; overflow: auto; }


/* #HO_CP_Frame                 { position: absolute; left: 50%; top: 50%; width: 430px; height: 290px; margin-left: -215px; margin-top: -145px;
/*                               background: url(../img/HO_PAGE_LOGIN_Frame.png) no-repeat 0px center;*/ */
/*                                 background: url(../img/HO_PAGE_LOGIN_bg_hunter.png) no-repeat 327px 2px; */
/*                             } */

/* #HO_CP_header1               { position: absolute; left: 20px; top: 20px; width: 400px; } */
/* #HO_CP_header2               { position: absolute; left: 20px; top: 65px; width: 350px; } */

/* #HO_CP_Data                  { position: absolute; left: 15px; top:  135px; width: 420px; height: 150px; */
/*                               background: #F5F5F5; border: solid #BBB 1px; */
/*                             } */

/* #HO_CP_Data_fields           { position: absolute;  left: 40px; top: 10px; } */

div.HO_PAGE_LOGIN_center             { width: 340px; text-align: center; }
span.HO_PAGE_LOGIN_error             { color: red; }

/*#HO_CP_btn_change           { position: absolute; left: 277px; top: 125px; }
#HO_CP_btn_cancel           { position: absolute; left: 277px; top: 125px; }*/

.HO_img_field_ok                 { background: url(../img/field_ok.png) no-repeat top; }
.HO_img_field_not_ok             { background: url(../img/field_not_ok.png) no-repeat top; }

.HO_FORM_CHPASS_check              { position: relative; left: 205px; width: 20px; height: 20px; top: -17px; }

/* #HO_CP_bgtext_pwd_strength          { position: absolute; left: 325px; top: 94px; width: 16px; height: 20px; font-size: 10px; color: #777; text-align: left; } */

#HO_FORM_CHPASS_bgtext_pwd_strength   { position: relative; left: 305px; top: -20px; font-size: 10px; color: #777; text-align: left; }

#HO_FORM_CHPASS_strength_bar             { position: relative; width: 300px; height: 20px; background: url(../img/JC_CP_strength_bar.png)  no-repeat top; }


.HO_CP_Bar_Item { position: relative; float: left; margin-right: 3px; width: 3px; height: 20px; background-color: #BBB; }

/* #HO_CP_strength_bar             { position: absolute; left: 20px; top: 90px; width: 300px; height: 20px; */
/*                                   background: url(../img/HO_CP_strength_bar.png)  no-repeat top; } */

/* #HO_CP_bgtext_error             { position: absolute; left: 20px; top: 117px; width: 300px; height: 20px; text-align: center; } */

/* #HO_CP_bgtext_success           { position: absolute; left: 0px; top: 50px; width: 340px; text-align: center; } */

.HO_inputLine_check              { position: absolute; left: 340px; }

/*-----------------------   search fields -----------------------*/

#HO_box_search table        { width: 100%; }
#HO_box_search table td     { vertical-align: top; }

.HO_search_field_left       { position: relative; width: 200px; top:  0px; height: auto; float: left;  margin-left:   5px; }
.HO_search_field_right      { position: relative; width:  80px; top:  0px; height: auto; float: right; margin-right:  5px; }

/*
.HO_search_field_left       { position: relative; top:  5px; height: 36px; margin-left:   5px; }
.HO_search_field_right      { position: relative; top:  5px; height: 36px; margin-left: auto; margin-right:  5px; }
*/

.HO_search_field_bgtext     { position: absolute; top:  0px; left:  5px; }
.HO_search_field            { position: absolute; top: 14px; left:  0px; }

/*-----------------------   HO_Project -----------------------*/

/*#HO_PROJ_search_text          { position: relative; width: 210px; }
#HO_PROJ_search_project_state { position: relative; width: 200px; }
#HO_PROJ_search_consultant    { position: relative; width: 200px; }*/

/*-----------------------   HO_Person -----------------------*/

/*#HO_PERS_search_text          { position: relative; width: 300px; }
#HO_PERS_search_firstname     { position: relative; width: 200px; }
#HO_PERS_search_surname       { position: relative; width: 200px; }
#HO_PERS_search_consultant    { position: relative; width: 200px; }*/

/*-----------------------   HO_Company -----------------------*/

/*#HO_CMPY_search_text          { position: relative; width: 210px; }
#HO_CMPY_search_name          { position: relative; width: 200px; }
#HO_CMPY_search_consultant    { position: relative; width: 200px; }
#HO_CMPY_search_company_state { position: relative; width: 200px; }*/

/*-----------------------   HO_Activity -----------------------*/

/*#HO_ACT_search_text           { position: relative; width: 210px; }
#HO_ACT_search_activity_state { position: relative; width: 200px; }
#HO_ACT_search_consultant     { position: relative; width: 200px; }
#HO_ACT_search_company_state  { position: relative; width: 200px; }*/

/*-----------------------   HO_box_actions -----------------------*/



a.HO_Action_item        { position: relative; width: 32px; height: 32px; float: right; margin-right: 5px;
                          background-repeat: no-repeat;
                          background-position: center top;
                          background-color: #CCC;
                        }

a.HO_Action_item_small  { position: relative; width: 16px; height: 16px; float: right; margin-right: 5px;
                          background-repeat: no-repeat;
                          background-position: center top;
                          background-color: #CCC;
                        }

#HO_PAGE_CMPY_action_load_summary       { background: url(../img/hunter/Summary_LargeImage.png);   }
#HO_PAGE_CMPY_action_load_edit          { background: url(../img/hunter/Detail_LargeImage.png);    }
#HO_PAGE_CMPY_action_new                { background: url(../img/hunter/New32.png); }
#HO_PAGE_CMPY_action_l2proj             { background: url(../img/hunter/Project_LargeImage.png);   }
                        
#HO_PAGE_PERS_action_load_summary       { background: url(../img/hunter/Summary_LargeImage.png);   }
#HO_PAGE_PERS_action_load_edit          { background: url(../img/hunter/Detail_LargeImage.png);    }
#HO_PAGE_PERS_action_new                { background: url(../img/hunter/New32.png); }
#HO_PAGE_PERS_action_l2proj             { background: url(../img/hunter/Link_Candidate_LargeImage.png); }
#HO_PAGE_PERS_action_l2cmpy             { background: url(../img/hunter/Link_Employment_LargeImage.png); }

#HO_PAGE_PROJ_action_load_summary      { background: url(../img/hunter/Summary_LargeImage.png);   }
#HO_PAGE_PROJ_action_load_edit         { background: url(../img/hunter/Detail_LargeImage.png);    }
#HO_PAGE_PROJ_action_new               { background: url(../img/hunter/New32.png); }
#HO_PAGE_PROJ_action_open_publisher    { background: url(../img/hunter/ProjectPublisher.png); }
                            
#HO_Action_item_Candidate_new             { background: url(../img/hunter/NewPerson_SmallImage.png); float:left; position: absolute; z-index: 999; }

#HO_Action_item_Person_load_edit         { background: url(../img/hunter/Detail_LargeImage.png);    }
#HO_Action_item_Person_load_summary      { background: url(../img/hunter/Summary_LargeImage.png);   }
                        
/*-----------------------    -----------------------*/

#HO_FORM_CMPY_Main_communications { position: absolute; left: 570px; top: 50px; height: 300px; width: 225px;
                                     border-left: 2px solid #BBB;
                                     padding: 15px 0px 15px 10px;
                                    overflow: auto;
                                   }

#HO_FORM_CMPY_Visit_Visit_Report { position: relative; width: 800px; height: 40.0em; }
                                   
/*-----------------------    -----------------------*/
                                   
#HO_FORM_PERS_Main_communications { position: absolute; left: 570px; top: 50px; height: 430px; width: 225px;
                                     border-left: 2px solid #BBB;
                                     padding: 15px 0px 15px 10px;
                                    overflow: auto;
                                   }
                            
#HO_FORM_PERS_Emp_communications { position: absolute; left: 560px; top: 50px; height: 250px; width: 225px;
                                     border-left: 2px solid #BBB;
                                     padding: 15px 0px 15px 10px;
                                    overflow: auto;

                                }
                                
.HO_FORM_PERS_read_note { position: relative; width: auto; height: auto; max-height: 75px; overflow: auto; }

#HO_FORM_PERS_Edu_bgtext_main_edu { font-size: 14px; font-weight:bold; }
                                
#HO_FORM_PERS_Qual_Qualification { position: relative; width: 800px; height: 40.0em; }
                                
/* #HO_FORM_PERS_L2PROJ_AsCandidate              { position: relative;  padding: 0 0 15px 15px; } */
/* #HO_FORM_PERS_L2PROJ_AsContact              { position: relative; padding: 0 0 15px 15px; margin-top: 15px; } */
                                
/* .HO_FORM_PERS_L2PROJ_header2 { font-size: 14px; text-decoration: underline; } */
                                
/* .HO_FORM_PERS_L2PROJ_disabled {   position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; */
/* 	                              background-color: #777; */
/* 	                              -moz-opacity:.60; */
/* 	                              -ms-filter:"alpha(opacity=60)"; */
/* 	                              filter:alpha(opacity=60); */
/* 	                              opacity:.60; */
/*                                   cursor: pointer; */
/* }                             } */

/*-----------------------    -----------------------*/


.HO_Form_Wait           { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
                              background: url(../img/loading_small3.gif) no-repeat center;
                              background-color: #FFF;
                              -moz-opacity:.60;
                              -ms-filter:"alpha(opacity=60)";
                              filter:alpha(opacity=60);
                              opacity:.60;
                              visibility: hidden;
                        }
                        
.jc_box_header1 {
    font-size: 16px;
}

.jc_box_header2 {
    font-size: 14px;
}


#JC_project_detail_frame { padding: 0 0 0 0; margin: 15px 0 0 0; }

#JC_project_detail { margin: 0 0 0 0; width: 100%; /* overflow-y:hidden; */ height: 700px; border: none; }

/* #JC_project_application { margin-top: 10px; padding-right: 25px; width: 100%; } */
#JC_project_application { margin-top: 10px; padding-left: 15px; padding-right: 15px; }


#JC_FORM_PERS_top_buttons { width: 100%; text-align: right; padding-bottom: 7px; }

#JC_FORM_PERS_Main_communications { position: absolute; left: 570px; top: 50px; /*height: 240px; */ width: 225px;
                                     border-left: 2px solid #BBB;
                                     padding: 15px 0px 15px 10px;
                                    overflow: auto;
                                   }
                                   
#JC_FORM_PERS_Emp_communications { position: absolute; left: 570px; top: 50px; height: 240px; width: 225px;
                                     border-left: 2px solid #BBB;
                                     padding: 15px 0px 15px 10px;
                                    overflow: auto;
                                   }

.JC_FORM_PERS_read_note { position: relative; width: auto; height: auto; max-height: 75px; overflow: auto; }
                                   
#JC_FORM_PERS_Edu_bgtext_main_edu { font-size: 14px; font-weight:bold; }
                                   
#JC_PROJ_box_search { padding: 0 15px 0 15px; }
                                   
#JC_PROJ_box_list                { position: relative; margin-top: 15px; width: 100%; height: auto; }

.JC_img_field_ok                 { background: url(../img/field_ok.png) no-repeat top; }
.JC_img_field_not_ok             { background: url(../img/field_not_ok.png) no-repeat top; }

.JC_FORM_CHPASS_check              { position: relative; left: 205px; width: 20px; height: 20px; top: -17px; }
                                   
#JC_FORM_CHPASS_bgtext_pwd_strength   { position: relative; left: 305px; top: -20px; font-size: 10px; color: #777; text-align: left; }

.JC_FORM_CHPASS_Bar_Item { position: relative; float: left; margin-right: 3px; width: 3px; height: 20px; background-color: #BBB; }
.JC_FORM_CHPASS_Bar_Item_limit { background-color: green; }

#JC_FORM_CHPASS_strength_bar             { position: relative; width: 300px; height: 20px;
                                  background: url(../img/JC_CP_strength_bar.png)  no-repeat top; }

#JC_FORM_LOGIN_Frame              { padding: 0 0 15px 15px; }
#JC_FORM_CRUSR_Frame              { padding: 0 0 15px 15px; margin-top: 15px; }
                                   
.JC_FORM_CRUSR_check              { position: relative; left: 205px; width: 20px; height: 20px; top: -17px; }
                                   
#JC_FORM_CRUSR_bgtext_pwd_strength   { position: relative; left: 305px; top: -20px; font-size: 10px; color: #777; text-align: left; }

.JC_FORM_CRUSR_Bar_Item { position: relative; float: left; margin-right: 3px; width: 3px; height: 18px; background-color: #BBB; }
.JC_FORM_CRUSR_Bar_Item_limit { background-color: green; }

#JC_FORM_CRUSR_strength_bar             { position: relative; width: 300px; height: 18px;
                                  background: url(../img/JC_CP_strength_bar.png)  no-repeat top; }

.JC_FORM_PERS_Atch_Frame_Wait_edit_info  { position: absolute; left: 2%; top:60%; width: 98%; text-align: center; font-weight:bold; font-size: 3em; }

#JC_FORM_CRUSRATCH_wait_info       { position: absolute; left: 2%; top:60%; width: 98%; text-align: center; font-weight:bold; font-size: 3em; }
#JC_FORM_APPL_wait_info            { position: absolute; left: 2%; top:60%; width: 98%; text-align: center; font-weight:bold; font-size: 3em; }

.JC_FORM_APPL_SEL_box_wrapper     { /* display: -webkit-box; display: -moz-box; width: 100%; display: box; margin: 0 auto 0 auto; */ }
.JC_FORM_APPL_SEL_box             { position: relative; width: 154px; height: 127px; background: url();  border-style: solid; border-color: #FFF; margin: 15px 0 15px 15px; float: left; }
.JC_FORM_APPL_SEL_box_clickable   { cursor: pointer; }
                                   
.JC_FORM_APPL_SEL_box_clear         { clear: left; }
                                   
.JC_FORM_APPL_SEL_box:hover       { border-color: #888; } 
                                   
.JC_FORM_APPL_SEL_box_head        { position: relative; width: 140px; height: 30px; background: #DDD no-repeat top 10px right 10px; border-bottom-style: none; margin: 0px; padding: 6px; font-size: 1.2em; }
.JC_FORM_APPL_SEL_box_head_txt    { position: relative; width: 100px; }
.JC_FORM_APPL_SEL_box_desc        { position: relative; width: 140px; height: 71px; background: #EEE url(); border-top-style:    none; margin: 0px; padding: 6px; 
                                    font-size: 0.8em; font-weight: lighter; 
                                  }

.JC_FORM_APPL_SEL_box_direct        { background-image: url("../img/apply_direct.png"); }
.JC_FORM_APPL_SEL_box_without_login { background-image: url("../img/apply_without_login.png"); }
.JC_FORM_APPL_SEL_box_with_login    { background-image: url("../img/apply_with_login.png"); }
.JC_FORM_APPL_SEL_box_xing          { background-image: url("../img/apply_xing.png"); }
.JC_FORM_APPL_SEL_box_linkedin      { background-image: url("../img/apply_linkedin.png"); }
.JC_FORM_APPL_SEL_box_experteer     { background-image: url("../img/apply_experteer.png"); }
.JC_FORM_APPL_SEL_box_myveeta       { background-image: url("../img/apply_myveeta.png"); }

.JC_FORM_APPL_label_tac,
.JC_FORM_CRUSR_label_tac        { font-size: 0.9em; font-weight: lighter; font-family: verdana; font-style: normal; }

.JC_FORM_PERS_Fin_Frame              { padding: 0 0 15px 15px; margin-top: 15px; }
                                   
/*.ui-datepicker-month    { color: #222; }*/


.label-not-nullable::after {
    content: "*";
}

/* create-user/login with xing/linkedin/username */

.login-with {
    margin-top: 20px;
    width: 300px;
    height: 40px;
}

.login-with .ui-icon {
    width: 32px;
    height: 32px;
    margin-top: -16px;
}

.login-with .ui-button-text {
    text-align: left;
    padding-left: 48px !important;
}

.login-with-xing {
    border: #005D5E !important;
    background: #005D5E !important;
    color: #FEFEFE !important;
}

.login-with-xing .ui-icon {
    background: url(/img/login-with-xing.png);
}

.login-with-xing {
    border: #005D5E !important;
    background: #005D5E !important;
    color: #FEFEFE !important;
}

.login-with-xing {
    border: #005D5E !important;
    background: #005D5E !important;
    color: #FEFEFE !important;
}

.login-with-xing .ui-icon {
    background: url(/img/login-with-xing.png);
}

.login-with-linkedin {
    border: #0085AF !important;
    background: #0085AF !important;
    color: #FEFEFE !important;
}

.login-with-linkedin .ui-icon {
    background: url(/img/login-with-linkedin.png);
}

.login-with-experteer {
    border: #0085AF !important;
    background: #0085AF !important;
    color: #FEFEFE !important;
}

.login-with-linkedin .ui-icon {
    background: url(/img/login-with-experteer.png);
}

.login-with-myveeta {
    border: #0085AF !important;
    background: #0085AF !important;
    color: #FEFEFE !important;
}

.login-with-linkedin .ui-icon {
    background: url(/img/login-with-myveeta.png);
}

.login-with-username {
    border: #F1C11E !important;
    background: #F1C11E !important;
    color: #FEFEFE !important;
}

.login-with-username .ui-icon {
    background: url(/img/login-with-username.png);
}

/* -------------- */