/* CSS Document */

/* index header */

.index_logo
{
    position: absolute;
    top: 22px;
    left: 6px;
}
.head_logo_image{
    background-image: url(../images/logo_dhr.gif);
    background-repeat: no-repeat;
    width: 200px;
    height: 27px;
    display:block;
}
.head_logo_text{
	font-family:Tahoma;
	color:black;
	font-size:11px;
	margin:6px 0px;
}
.index_lang
{
    position: absolute;
    top: 10px;
    right: 12px;
}

.header
{
    position: relative;
    width: 960px;
    height: 70px;
}

.wordwrap
{
}

.url{
	position:absolute;
	width:360px;
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#666666;
	top:135px;
	left:125px;
}

.applyForm .label {
	font-weight: bold;
	font-size: 22px;	
}
/* end of index header */





/* index navigator */

.char_nav
{
    width: 100px;
    font-size: 12px;
    color: #fff;
    line-height: 32px;
    font-weight: bold;
}

.navigator {
	background: url("../images/navigator_bg.gif") no-repeat scroll 0 0 transparent;
	color: #fff;
	width: 960px;
	margin: 0;
	padding: 0;
	margin-top:15px;
}

.navigator .dhrButton {
	background: url("../images/button_go.png") no-repeat scroll 0 0 transparent;
	width: 72px;
	height:22px;
	border: 0;
	color: #000;
	font-weight: bold;
	padding-right: 20px;
}

.navigator .search {
	background:url("../images/navigator_search_bg.gif") no-repeat scroll 10px 0 transparent;
	padding: 17px 5px 14px 48px;
	height:50px;*
	height:80px !important;*
	height:80px;
	width:680px;*
	width:750px !important;*
	width:750px;
	float: left;
	font-size: 11px;
}

.navigator .search .note {
	margin-left: -28px;
	margin: auto auto 5px -28px;*
	margin: -3px auto 5px -28px !important;*
	margin: -3px auto 5px -28px;
	font-family: tahoma;
	font-size: 11px;
}

.navigator .search .go {
	padding-bottom: 2px;
	margin-right:32px;*
	margin-right:40px !important;*
	margin-right:40px;
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 10px;
}

.navigator .search .reset {
	padding-bottom: 2px;
	margin-right:23px;*
	margin-right:31px !important;*
	margin-right:31px;
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 10px;
}

.navigator .search .itemsFound {
	padding-top: 5px;
	font-weight: bold;
	height: 15px;
	font-size: 11px;
}

.navigator .search .loading {
	margin-left: 200px;	
}

.navigator .search select {
	width:190px;*
	width:193px !important;*
	width:193px;	
	margin: 0;
	line-height: 20px;
	font-size: 11px;
	padding: 3px;
	font-family: tahoma;
}

.navigator .search ol li {
	margin: 0;
	margin-right: 7px;
	float: left;
}

div.applyNow {
	clear: both;
	
	/*
	 * TODO - In IE, it cannot work ok
	 */
	top: -3px;
	position: relative;*
	position: auto !important;*
	position: auto;
	
	background-color: #4686B9;
	border-left: solid #000 1px;
	border-right: solid #000 1px;
	padding-bottom: 0;
	padding: 10px;
}

div.applyNow .loading {
	margin-left: 370px;	
}

div.end {
	width: 960px;
	background:url("/public/images/apply_layer.gif") repeat-x scroll 0 100% #4686B9;
	height: 8px;
	margin-top: -3px;*
	margin-top: -8px !important;*
	margin-top: -8px;
	padding: 0;
}

.navigator .application {
	margin: 0;
	padding: 0;
}

.navigator .link {
	float: right;
	text-align: right;
	padding: 12px 6px 0 0;
	font-weight: bold;
}

.navigator .link ul {
	padding: 4px 10px;
}

.navigator .link ul li {
	margin: 10px 0;	
}

.navigator .link a {
	background:url("../images/arrow_right.png") no-repeat scroll 10px 5px transparent;
	padding-left: 20px;
}

.navigator a {
	color:white;
	text-decoration:none;
}
.navigator a:hover{
	color:white;
	text-decoration:underline;
}

/* end of index navigator */

/* index menu */

.clear_img_menu_head
{
    margin: 0 0 0 0px;
    width: 160px;
    height: 160px;
}

.char_menu_title
{
    font-size: 12px;
    color: #999;
    line-height: 22px;
    font-weight: bold;
    margin-top: 1px;
    margin-left: 11px;
    float: left;
}

.char_menu_option, .char_menu_option2, .char_menu_option_white
{
    font-size: 11px;
    font-weight: bold;
    float: left;
    margin-left:11px;
    line-height:16px;
}

.char_menu_option
{
    color: #006699;
    margin-top: 3px;
}
.char_menu_option2
{
    color: #ffffff;
    font-family: Tahoma, Geneva, sans-serif;
    margin-top:8px;
    margin-left:35px;
}
.char_menu_option_white
{
    color: #ffffff;
    margin-top: 3px;
}

.char_menu_link
{
	 color: #003366;
    margin-top: 3px;
	 text-decoration:none;
}
.char_menu_link_white
{
    color: #ffffff;
    margin-top: 3px;
	 text-decoration:none;
}
.index_menu_head_1, .index_menu_head_2, .index_menu_head_3, .index_menu_head_4, .index_menu_head_5, .index_menu_head_6, .index_menu_head_7, .index_menu_head_8, .index_menu_head_9, .index_menu_head_10
{
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
}

.index_menu_head_1
{
    background-image: url(../images/caption/menu_image_1.jpg);
}
.index_menu_head_2
{
    background-image: url(../images/caption/menu_image_2.jpg);
}
.index_menu_head_3
{
    background-image: url(../images/caption/menu_image_3.jpg);
}
.index_menu_head_4
{
    background-image: url(../images/caption/menu_image_4.jpg);
}
.index_menu_head_5
{
    background-image: url(../images/caption/menu_image_5.jpg);
}
.index_menu_head_6
{
    background-image: url(../images/caption/menu_image_6.jpg);
}
.index_menu_head_7
{
    background-image: url(../images/caption/menu_image_7.jpg);
}
.index_menu_head_8
{
    background-image: url(../images/caption/menu_image_8.jpg);
}
.index_menu_head_9
{
    background-image: url(../images/caption/menu_image_9.jpg);
}
.index_menu_head_10
{
    background-image: url(../images/caption/menu_image_10.jpg);
}

.index_menu_category_1px, .index_menu_category_20px, .index_menu_category_174px
{
    width: 160px;
    height: 25px;
    background-image: url(../images/dhr_bg_menu_header.gif);
    background-repeat: no-repeat;
}

.index_menu_category_1px
{
    margin: 1px 0 0 0px;
}
.index_menu_category_20px
{
    margin: 20px 0 0 0px;
}
.index_menu_category_174px
{
    clear: both;
    margin: 174px 0 0 0px;
}

.style1 a
{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 18px;
	 text-decoration:none;
}

.style2
{
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    margin: 0 0 0 10px;
}

.recruitment_sub_menu_show
{
    display: block;
}
.recruitment_sub_menu_hide
{
    display: none;
}
.index_submenu
{
	width:160px;
}

.recruitment_sub_menu_option
{
    width: 160px;
    height: 21px;
	line-height:21px;
    background-color: #999999;
	cursor: pointer;
	margin-top: 1px; *
	margin-top: 1px ! important; *
	margin-top: 1px;

	margin-left: 0px; *
	margin-left: 0px ! important; *
	margin-left: 0px;
}
.index_submenu a
{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 11px;
	text-decoration:none;
	margin-left:10px;
}
.recruitment_sub_menu_option_over
{
    width: 160px;
    height: 21px;
	line-height:21px;
    background-color: #3892cc;
cursor: pointer;
	margin-top: 1px; *
	margin-top: 1px ! important; *
	margin-top: 1px;

	margin-left: 0px; *
	margin-left: 0px ! important; *
	margin-left: 0px;
}

.index_menu_option
{
    width: 160px;
    height: 23px;
    background-image: url(../images/leftmenu/button_leftmenu.gif);
    background-repeat: no-repeat;
    margin: 1px 0 0 0px;
    cursor: pointer;
}

.index_menu_option_red
{
    width: 160px;
    height: 23px;
    background-image: url(../images/leftmenu/button_leftmenu_on.gif);
    background-repeat: no-repeat;
    margin: 1px 0 0 0px;
    cursor: pointer;
}

.index_menu_option_jobs, .index_menu_option_cv, .index_menu_option_vacancy
{
    width: 160px;
    height: 30px;
    background-repeat: no-repeat;
}

.index_menu_option_jobs
{
    background-image: url(../images/button_careers.gif);
    margin: 20px 0 0 8px;
}
.index_menu_option_cv
{
    background-image: url(../images/button_leave_cv.gif);
    margin: 0px 0 0 6px;
}
.index_menu_option_vacancy
{
    background-image: url(../images/button_register_vacancy.gif);
    margin: 0px 0 0 6px;
}
.char_menu_link2
{
	color:white;
	margin-top:6px;
	text-decoration: none;
}
.char_menu_link2 a:hover
{
	color:white;
	margin-top:6px;
	text-decoration: none;
}





/* index main contact */

.tb_index_main
{
    margin: -6px 0 10px 0;
}

.index_main_contact
{
    margin: 0 0 0 0;
    width: 80px;
}

.index_main_contact2
{
    margin: -14px 0 0 70px;
    width: 240px;
}

.index_main_contact_option
{
    margin: 7px 0 0 0;
}

.index_main_contact
{
    list-style-type: none;
    margin: -2px 0 0 0;
}

/* end of index main contact */





/* index request a callback */

.char_title_callback
{
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin: 12px 5px 0px 10px;
}

.char_form_label
{
    color: #000000;
    font-size: 11px;
    line-height: 20px;
    float: left;
}

.title_callback
{
    width: 185px;
    height: 24px;
    background-color: #3892cc;
    margin: -1px;
}

.label_element1, .label_element2, .label_element3, .label_element4
{
    position: absolute;
    width: 32px;
    height: 20px;
}

.label_element1
{
    top: 36px;
    left: 9px;
}
.label_element2
{
    top: 61px;
    left: 9px;
}
.label_element3
{
    top: 86px;
    left: 9px;
}
.label_element4
{
    top: 111px;
    left: 9px;
}

.callback_form1, .callback_form2, .callback_form3, .callback_form4
{
    position: absolute;
    color: #000000;
    font-size: 12px;
    width: 94px;
}

.callback_form1
{
    top: 36px;
    left: 65px;
}
.callback_form2
{
    top: 65px;
    left: 65px;
}
.callback_form3
{
    top: 90px;
    left: 65px;
}
.callback_form4
{
    top: 115px;
    left: 65px;
}

.callback_titles
{
    position: absolute;
    color: #000000;
    font-size: 11px;
    top: 188px;
    left: 65px;
}

.char_callback_errors
{
    color: red;
    font-size: 11px;
    margin: 9px 0 0 9px;
}

.callback_errors
{
    position: relative;
    margin: 0px 10px 10px 65px;
    width: 94px;
    display: none;
}

#hint_callback
{
    position: absolute;
    width: 32px;
    height: 32px;
    top: 165px;
    left: 9px;
}

.index_callback
{
    position: relative;
    width: 183px;
    background-color: #fafafa;
    border: 1px;
    border-color: #3892cc;
    border-style: solid;
    margin: 160px 0 0 35px;
}

.callback_form
{
    display: block;
    height: 190px;
}

.char_result_title
{
    color: #3892cc;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
}

.char_result_content
{
    color: #666666;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
}

.callback_result
{
    position: relative;
    width: 183px;
    height: 121px;
    background-color: #fafafa;
    border: 1px;
    border-color: #b4d61c;
    border-style: solid;
    margin: -1px;
    display: none;
}

/* end of index request a callback */





/* index refernces */

.char_title_references
{
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 23px;
    margin: 12px 5px 0px 10px;
}

.title_references
{
/*    width: 183px;*/
/*    height: 23px;*/
/*    background-color: #003366;*/
	border-bottom: 1px solid #cccccc;	
}

.ul_references
{
    list-style-type: none;
}

.option_references, .option_references_last
{
    width: 160px;
    height: 60px;
    margin: 5px 7px 5px 12px;
}

.option_references
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}

.option_references_last
{
}

.index_references
{
    position: relative;
    width: 183px;
    height: 227px;
    border: 1px;
    border-color: #oo3366;
    border-style: solid;
    margin: 0 0 0 35px;
}

/* end of index refernces */





/* index footer */
.char_footer_bold
{
	margin-right:6px;
}
.char_footer_bold, .char_footer_thin, .char_footer_mail
{
    font-family: Tahoma, Geneva, sans-serif;
    color: #003366;
    font-size: 11.25px;
}

.char_footer_bold
{
    font-weight: bold;
    text-decoration: none;
}

.char_footer_thin
{
    font-weight: normal;
    text-decoration: none;
}
.char_directhr
{
	padding-right:21px;
	color:#454545;
}
.char_footer_mail
{
    font-weight: normal;
    text-decoration: none;
}

.char_V
{
    color: #4686b9;
    font-size: 16px;
    text-align: center;
	margin-left: 4px;
	margin-right: 4px;
}

.footer_option_1, .footer_option_2, .footer_option_3, .footer_option_4
{
    position: absolute;
}

.footer_option_1
{
    top: 13px;
    left: 10px;
}
.footer_option_2
{
    top: 8px;
    left: 177px;
}
.footer_option_3
{
    top: 12px;
    left: 391px;
}
.footer_option_4
{
    top: 12px;
    left: 568px;
}

.index_footer
{
    /*position: absolute;*/
    bottom: 0;

	width: 960px;

    height: 35px;
    /*background-image: url(../images/dhr_footer_960.gif);*/
    border-top: solid 1px #d3d3d3;
    background-repeat:no-repeat;
    margin-bottom:0;
}

.flex_footer
{
    /*margin: 51px 0 0 0px;*/
	 padding: 0px;
    }

.flex_footer ul
{
    list-style-type:none;
    float:right;
    margin-right:10px;
}

.flex_footer ul li
{
    float:left;
    margin-left:12px;
    margin-top:10px;
    padding:0;
}

.always_bottom
{
    bottom: 0px;
    text-align: center;
}

.pos_a
{
    position: absolute;
}
.pos_r
{
    position: relative;
}

.temp
{
    margin: 0;
}

.date-right-side, .date_index, .date_comm, .date_jobs
{
    width:170px;
    color: #333333;
    font-family: Tahoma;
    font-size: 11px;
    text-align: right;
}

.date-right-side
{
    float:right;
	 margin-top: 6px;
}
.date_index
{
    margin-top:10px;
    margin-left:35px;
}
.date_comm
{
    margin-top:10px;
    margin-left:35px;    
}
.date_jobs
{
    margin-top:10px;
    margin-left:358px;
}


.move_left
{
    margin: 0 0 0 -10px;
}
.move_right
{
    margin: 0 0 0 100px;
}

.std-submit
{
    margin-top:14px;
    margin-left:10px;
    }

.std-bt-edit
{
    width:300px;
	 display:inline;
    float: left;
	 margin-top:10px;
    }

.auto-jobs
{
    width:200px;
    height:22px;    
    margin-top:-9px;
    margin-left:18px;
    margin-bottom:84px;
    }

.auto1
{
    width:200px;
    height:22px;    
    margin-top:-9px;
    margin-left:10px;
    margin-bottom:84px;
    }


.auto2
{
    width:100px;
    height:12px;
    margin-bottom:85px;
    }

.auto-X
{
    width:200px;
    height:22px;    
    margin-top:-9px;
    margin-left:10px;
    margin-bottom:66px;
    }

.auto-Y
{
    width:200px;
    height:22px;    
    margin-top:-9px;
    margin-left:10px;
    margin-bottom:66px;
    }

.inner-1
{
    padding-top:10px;
    padding-left:12px;
}

.inner-tb
{
    padding-top:13px;
}

.list_persons{
	width:500px;
	height:500px;
	background-color:#eeeeee;
}
.contentHead
{
	display: inline;
}
.content_wide{
	width:98%;
	padding: 0px;
}
.content_narrow{
	width:558px;
	padding: 0px;
}
.mini-bar{
	clear: both;
	width:100%;
	height:40px;
	padding: 0px 21px 0px 0px;
	float:right;
}
.navigator-content{
	height: 35px;
	width:923px;
	float:right;
}
.content{
float:left;
padding: 45px 0px 0px 10px;
	}

.content-footer{
	margin:0px;
}
.content_edit{
	width:754px;
}
.right_column{
	float:right;
	width:180px;
	margin-top:120px;
	margin-right:6px;*
	margin-right:0px;
}
.job_right_column{
	float:right;
	width:180px;
	margin-top:37px;
	margin-right:9px;
}
.content_title{
	
	margin-top:5px;
	margin-bottom:12px;

	
}
.index_footer .inner-tb {vertical-align:baseline;}
#chinatime{
	float:right;
	padding: 0px 28px;
	color: #454545;
	font-family: Tahoma;
	font-size:11px;
	line-height:11px;
}
.job_shortlist,
.index_last_job,
#referAFriend,
.comm_shortlist,
#referAFriend_success,
.index_contact_new{
	width:183px;
	border: 1px solid #cccccc;
	font-weight: bolder;
	font-size: 11px;
	}

.job_shortlist, #referAFriend, #referAFriend_success{
    float: right;
    margin-bottom: 20px;
}
#referAFriend_success{
	border: 1px solid #2f9905;
	font-weight: normal;
	color:#2f9905;
}
.referAFriendContent_success{
	margin:5px 15px;
}
.comm_shortlist{
	margin-bottom:10px;
}

#shortlist ol, .index_last_job ol{
	margin-bottom: 0px;
	}
	.list_option{
	vertical-align:middle;
	border-top: 1px solid #cccccc;
	color: black;
}
.referAFriendTitle,
.shortlist_title,
.title_references{
        color: #003366;
        height: 26px;
        vertical-align: middle;
        line-height: 25px;
        background-color: #E4F1F8;
        padding-left: 10px;
		font-size:12px;
        background: transparent url(../images/right_bar_title_back.jpg) repeat-x ;
    }
.referAFriendTitle,
.title_references{
	border-bottom: 1px solid #cccccc;
}
.referAFriendTitle_success
{
	background-color: #2f9905;
	color: white;
	height: 26px;
        vertical-align: middle;
        line-height: 25px;
	padding-left: 10px;
	font-size:12px;
	font-weight: bolder;
}
    #shortlist a, .index_last_job a{
		color:#CD1785;
		font-family:Tahoma;
		font-size:11px;
		text-decoration:underline;
		font-weight: normal;
    }
    #shortlist a:hover, .index_last_job a:hover{
		text-decoration:none;
    }
    #shortlist .shortlist_delete{
    	background: transparent url(../images/action/icon_shortlist_delete.gif) repeat-x ;
        text-decoration: none;
		text-align:right;
        float: right;
        line-height: 25px;
		margin-right: -2px;
		margin-top: -13px;
	    width:11px;
	    height;11px;
    }
    #shortlist li,  .index_last_job li{
        list-style: decimal outside;


		padding-top:16px;
		padding-bottom:16px;
		padding-left: 0px;
    	padding-right:5px;
		line-height:16px;
		margin-left: 25px;*
		margin-left: 28px;*
    }

/* end of index footer */

.shade {
	background:url("../images/filter_loading.gif") no-repeat scroll center 70px white;
	opacity:0.7;
        filter:alpha(opacity=70);
}
.consultant_contact div{
	margin-top:5px;
}
.newnavigator {
    color: #fff;

    width:715px !important;*
	
}

.newnavigator .dhrButton {
	background: url("../images/button_go.png") no-repeat scroll 0 0 transparent;
	width: 72px;
	height:22px;
	border: 0;
	color: #000;
	font-weight: bold;
	padding-right: 20px;
}

.newnavigator .search {    
	background:url("../images/newnavigator_search_bg.gif") no-repeat scroll 0px 0 transparent;
	padding: 7px 5px 0px 48px;

        height: 50px;
        width:680px;*
	width:750px !important;*
	width:750px;
	font-size: 11px;
}

.newnavigator .search .note {
	margin-left: -28px;
	margin: auto auto 5px -28px;*
	margin: -3px auto 5px -28px !important;*
	margin: -3px auto 5px -28px;
	font-family: tahoma;
	font-size: 11px;
}

.newnavigator .search .go {
	padding-bottom: 2px;
	margin-right:32px;*
	margin-right:40px !important;*
	margin-right:40px;
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 10px;
}

.newnavigator .search .reset {
	padding-bottom: 2px;
	margin-right:23px;*
	margin-right:31px !important;*
	margin-right:31px;
	font-size: 12px;

	vertical-align: middle;
	padding-left: 10px;
}

.newnavigator .search .itemsFound {
	padding-top: 5px;
	font-weight: bold;
	height: 15px;
	font-size: 11px;
}

.newnavigator .search .loading {
	margin-left: 200px;
}

.newnavigator .search select {
	width:190px;*
	width:193px !important;*
	width:193px;
	margin: 0;
	line-height: 20px;
	font-size: 11px;
	padding: 3px;
	font-family: tahoma;
}

.newnavigator .search ol li {
	margin: 0;
	margin-right: 7px;
	float: left;
}