/* -------------------- ADD them -------------------------------*/ /*================================ css common use ================================*/ * {margin: 0px; padding: 0px; font:12px Arial, Helvetica, sans-serif} body {color:#000;background-color:#fff;font-family:Arial;font-size:12px;} a {color: #000099;text-decoration: none;cursor:pointer} a:hover {color: #000099;text-decoration:underline} img {border: none; } ul {list-style-type: none;} li {list-style-type: none;} input {font-family: Tahoma, arial, sans-serif;font-size: 11px;vertical-align:middle;} select {font-family: Tahoma, arial, sans-serif;font-size: 11px;} textarea{font-size: 100%; border:1px solid #cacaca} table {font-size: 11px;color: #333333;line-height: 1.4;} table[align=center]{margin:auto} .row { display:inline; margin:3px 0} .row ul li{ display:inline} .row_check { float:left} .row_text { float:left; color:#414141; width:120px; padding:0 0 0 3px; text-align:justify} .input { cursor:auto; border:1px solid #94aabf; font:11px Tahoma, Arial, Helvetica, sans-serif} .clearfix:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; position: relative; } /*\*/ .clearfix { display: block; } /* end easy clearing */ /*================================ INDEX ================================*/ #container {width:789px; margin:0 auto;} #header .header_top{ background:url(../images/graphics/index_01.jpg) no-repeat right top; height:99px; clear:both;} #header .header_top .logo { float:left; width:190px; height:85px; cursor:pointer} #header .header_top .banner{ float:right; padding:19px 20px 20px 0;} #header .main_menu{padding:5px 28px 1px 17px;background:url(../images/graphics/bg_header.gif) no-repeat left top;width:744px;font:11px Tahoma; font-weight:bold} #header .intro{width:210px;float:left;font-weight:bold;color:#ab4500;padding-left:20px;padding-top:9px;font-family:Tahoma;font-size:11px} #header .logo_title{background:url(../images/graphics/vieclam_title.gif) no-repeat;height:43px;} #header .menu {width:460px;float:right;height:27px;padding:5px 0 4px;font:11px Tahoma; font-weight:bold} #header .menu ul { display:inline; margin:0 0 10px} #header .menu li { float:left; font:11px Tahoma; font-weight:bold; padding:0 5px; list-style-type:none} #header .menu li img { padding:0px} #header .menu li p{ padding-top:3px;} #header .menu li a{color:#0d3267;text-decoration:none;font:11px Tahoma; font-weight:bold;} #header .menu li a:hover{color:#0069ff;font:11px Tahoma; font-weight:bold} #header .menu li.vline{border-left:1px solid #714008;padding:10px 0px 0; margin:0 0 8px; width:1px;height:8px;line-height:0em;font-size:8px;} #body_part{border-left:11px solid #e5b247; border-right:11px solid #e5b247;} #container .navigator{background:#e5b247;padding:0 11px 5px} #container .tabs{ width:100%;} #container .tabs li{ display:inline;} #container .tabs li a{ float:left; background:url(../images/graphics/tab_corner_right.gif) no-repeat right top; padding:0 4px 0 0; margin-right:2px;} #container .tabs li a:hover{ float:left; background:url(../images/graphics/tab_corner_right_act.gif) no-repeat right top; text-decoration:none;} #container .tabs li a span{ float:left; background:url(../images/graphics/tab_corner_left.gif) no-repeat left top; padding:8px 0 5px 6px; height:15px; font-size:11px; font-weight:bold; color:#000;} #container .tabs li a:hover span{ float:left; background:url(../images/graphics/tab_corner_left_act.gif) no-repeat left top; color:#000;} #container .tabs li.act a{ float:left; background:url(../images/graphics/tab_corner_right_act.gif) no-repeat right top; padding:0 6px 0 0;} #container .tabs li.act a span{ float:left; background:url(../images/graphics/tab_corner_left_act.gif) no-repeat left top; padding:8px 0 5px 6px; height:15px; font-size:11px; font-weight:bold; color:#fff;} #container .tabs li.oposite { float:right;} #container .tabs li.em_sevice{} #container .tabs li.em_sevice a:hover{ background:url(../images/graphics/tabo_corner_right.gif) no-repeat right top;} #container .tabs li.em_sevice a:hover span{ background:url(../images/graphics/tabo_corner_left.gif) no-repeat left top;} #container .tabs li.oposite a{ background:url(../images/graphics/tabo_corner_right.gif) no-repeat right top; margin-right:0px;} #container .tabs li.oposite a:hover{ background:url(../images/graphics/tabo_corner_right.gif) no-repeat right top;} #container .tabs li.oposite a span{ background:url(../images/graphics/tabo_corner_left.gif) no-repeat left top; color:#fff;} #container .tabs li.oposite a:hover span{ background:url(../images/graphics/tabo_corner_left.gif) no-repeat left top;} #container .sub_menu{background:url(../images/graphics/bg_submenu.gif) repeat-y right top #e75500;height:25px!important;padding:6px;padding-top:3px!important;font-size:12px;color:#FFF;line-height:1em;} #container .sub_line{background:url(../images/graphics/bg_submenu.gif) repeat-y right top #e75500;height:4px;font-size:1px;} #container .sub_menu img{vertical-align:middle;} #container .button_signin{ float:left; width:550px; color:#ffffff;} #container .button_signin li{ float:left; margin-right:5px;} #container .button_signin li a{ float:left; background:url(../images/buttons/signin_right.gif) no-repeat right top; padding:0 8px 0 0;} #container .button_signin li a:hover{ background:url(../images/buttons/signin_right_hover.gif) no-repeat right top; text-decoration:none;} #container .button_signin li a span{ float:left; background:url(../images/buttons/signin_left.gif) no-repeat left top; padding:3px 0 3px 8px; font-family:Tahoma; font-size:11px; font-weight:bold; color:#000000;} #container .button_signin li a:hover span{ background:url(../images/buttons/signin_left_hover.gif) no-repeat left top; text-decoration:none;} #container .button_signin p{ padding-top:5px;} #container .flt_right {float:right;width:200px; text-align:right; padding-top:0px;} #container .flt_right a { color:#FFF} .password {background:url(../images/icon/icon_helpindex.gif) no-repeat right top;padding-right:15px;color:#FFF} #body_part #content {padding:1px;width:765px} #body_part .box01{float:left;width:198px;margin-right:8px;padding-top:1px;} #body_part .box01 ul{float:left;width:98px;text-align:right} #body_part .box01 ul.right{float:right;width:98px;text-align:right} #body_part .box01 li{padding:3px 0;} #body_part .box01 .border_logo{border-left:1px solid #F2F2F2;border-top:1px solid #F2F2F2;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;width:95px;height:50px;} #body_part .title{border-bottom:1px solid #FF6500;height:25px;} #body_part .title h1{font-size:12px;text-transform:uppercase;background:url(../images/icon/icon_title.gif) no-repeat left 7px;padding-left:15px;padding-top:6px;color:#333;float:left; font-weight:bold} #body_part .title a{float:right;width:56px;margin-top:5px;} #body_part .more{background:url(../images/graphics/dot_gray.gif) repeat-x left top;height:15px;padding-top:10px;text-align:right;} #body_part .more a, #body_part .title a{background:url(../images/icon/icon_seemore.gif) no-repeat right center;padding-right:10px} #body_part .more a:hover, #body_part .title a:hover{color:#F00;} #body_part .box02{float:left;width:391px;margin-right:8px;} #body_part .box02 .top_box{border:1px solid #ffe6cc;background:#fef4e3} #body_part .box02 .top_box ul{width:370px;font-family:tahoma;font-size:11px;padding:4px 0;padding-left:10px;} #body_part .box02 .top_box li{font:11px Tahoma, Arial, Helvetica, sans-serif; background:url(../images/icon/icon_hotjobs.gif) no-repeat left 11px;padding:4px 0;padding-left:10px;} #body_part .box02 .top_box li a{font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#000;text-decoration:none;} #body_part .box02 .top_box li a:hover{font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#0064aa;} #body_part .box02 .bot_box ul{float:left;} #body_part .box02 .bot_box ul.col1{ float:left; width:45%;} #body_part .box02 .bot_box ul.col2{ float:left; width:45%;} #body_part .box02 .bot_box li{padding:2px 0} #body_part .box02 .bot_box a{color:#000099; text-align:right; font:12px Arial, Helvetica, sans-serif; text-transform:capitalize} #body_part .box03 {float:right;width:160px} #body_part .box03 p{padding:3px 0} #body_part .box03 p.center{text-align:center;} #body_part .box03 select{width:100%;color:#666;font-size:12px;font-family:Arial, Helvetica, sans-serif} #body_part .box03 .txt3{width:145px;height:16px;} #body_part .box03 .link{padding-left:15px;} #body_part .box03 .link a{background:url(../images/icon/icon_5.gif) no-repeat left center;padding-left:13px} #body_part .box03 .info{background:url(../images/graphics/dot_gray.gif) repeat-x;font-family:Tahoma;font-size:11px;color:#ba2300;line-height:1.5em;margin-top:4px;text-align:justify;padding:0 2px;padding-top:8px;} #body_part .box03 .help{border:1px solid #e59001;background:#f8f0e5;padding:3px;width:152px;} #body_part .box03 .helpin{background:#fffbef; font-weight:normal} #body_part .box03 .help p{padding:2px 4px; font-weight:normal} #body_part .box03 .help span{font-weight:bold;} #body_part .box03 .search_box{padding:0 5px;background:url(../images/graphics/img_02.gif) repeat-y;width:150px;} #body_part .box03 .border_top{background:url(../images/graphics/img_01.gif) no-repeat;height:28px;} #body_part .box03 .border_top2{background:url(../images/graphics/img_04.gif) no-repeat;height:22px; font:14px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-align:center; font-style:italic; padding:3px 0 0} #body_part .box03 .border_bottom{background:url(../images/graphics/img_03.gif) no-repeat;height:8px;font-size:1px;} #body_part .box03 .adv_title{height:16px;padding:5px 0;text-align:center;background:#88898a} #body_part .box03 .adv_title h4{font-family:Tahoma;font-size:12px;color:#FFF;text-transform:uppercase;} #body_part .box03 .adv_title, #body_part .box03 .border_bottom, .adv1, #body_part .box01, #body_part .box02, #body_part .box03{margin-bottom:8px;} /*.ads p{ margin-bottom:5px;_margin-bottom:5px}*/ #banner_011_160x100{width:160px; float:right} #banner_011_160x100 img{width:160px; margin-bottom:10px; float:right} #banner_011_160x100 object{width:160px; margin-bottom:10px; float:right} #banner_021_160x100{width:160px;clear:both; float:right} #banner_021_160x100 object{width:160px; margin-bottom:10px; float:right; display:block} #banner_021_160x100 img{width:160px; margin-bottom:10px;float:right;display:block } #banner_031_160x100{width:160px; margin-bottom:5px;clear:both} #banner_160x100,#banner_01_160x100,#banner_02_160x100{width:160px; height:100px; margin-bottom:10px} #banner_160x120{width:160px; height:120px; margin-bottom:10px} #banner_1_160x60,#banner_2_160x60,#banner_3_160x60{width:160px; height:60px; margin-bottom:10px} #banner_160x100 img,#banner_160x120 img,#banner_1_160x60 img,#banner_2_160x60 img,#banner_3_160x60 img{border:none; cursor:pointer} #body_part .box033 {float:right;width:160px; margin:1px 1px 0 0} #body_part .box033 p{padding:3px 0} #body_part .box033 p.center{text-align:center;} #body_part .box033 select{width:100%;color:#666;font-size:12px;font-family:Arial, Helvetica, sans-serif} #body_part .box033 .txt3{width:145px;height:16px;} #body_part .box033 .link{padding-left:15px;} #body_part .box033 .link a{background:url(../images/icon/icon_5.gif) no-repeat left center; padding-left:13px; font-size:11px; text-decoration:underline;} #body_part .box033 .link a:hover{ text-decoration:none;} #body_part .box033 .info{background:url(../images/graphics/dot_gray.gif) repeat-x;font-family:Tahoma;font-size:11px;color:#ba2300;line-height:1.5em;margin-top:4px;text-align:justify;padding:0 2px;padding-top:8px;} #body_part .box033 .help{border:1px solid #e59001;background:#f8f0e5;padding:3px;width:152px;} #body_part .box033 .helpin{background:#fffbef; font-weight:normal} #body_part .box033 .help p{padding:2px 4px; font-weight:normal} #body_part .box033 .help span{font-weight:bold;} #body_part .box033 .search_box{padding:0 5px;background:url(../images/graphics/img_02.gif) repeat-y;width:150px;} #body_part .box033 .border_top{background:url(../images/graphics/img_01.gif) no-repeat;height:28px;} #body_part .box033 .border_top2{background:url(../images/graphics/img_04.gif) no-repeat;height:22px; font:14px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-align:center; font-style:italic; padding:3px 0 0} #body_part .box033 .border_bottom{background:url(../images/graphics/img_03.gif) no-repeat;height:8px;font-size:1px;} #body_part .box033 .adv_title{height:16px;padding:5px 0;text-align:center;background:#88898a} #body_part .box033 .adv_title h4{font-family:Tahoma;font-size:12px;color:#FFF;text-transform:uppercase;} #body_part .box033 .adv_title, #body_part .box033 .border_bottom, #body_part .box033{margin-bottom:8px;} #body_part .box04{float:left;width:595px;} #body_part .box04 .news{width:595px;padding:3px 0;background:#fff3ce;} #body_part .box04 .boxin01{width:273px;padding:8px 12px;background:url(../images/graphics/dash_gray.gif) repeat-y right top #fff8e1;float:left} #body_part .box04 h2, #body_part .box04 h2 a:link, #body_part .box04 h2 a:visited {font-size:12px;padding-bottom:5px; font-weight:bold} #body_part .box04 h2 a:hover{color:#F00; font-weight:bold} #body_part .box04 p{line-height:1.4em} #body_part .box04 .boxin01 ul{padding-left:10px;} #body_part .box04 .boxin01 li {background:url(../images/icon/icon_hotjobs.gif) no-repeat left 8px;padding-top:2px;padding-bottom:2px;padding-left:10px;line-height:1.3em} #body_part .box04 .boxin01 li a{font-weight:bold} #body_part .box04 .boxin01 li a:hover{color:red} #body_part .box04 .boxin02{width:278px;padding:8px 10px;background:#fff3ce;float:left} #body_part .box04 .boxin02_top{background:url(../images/graphics/dot_gray.gif) repeat-x left bottom;padding-bottom:10px;margin-bottom:10px;} #body_part .box05{background:#f1b845;padding:5px;width:585px} #body_part .box06{width:124px;float:left;margin-right:10px;} #body_part .box06_top{background:url(../images/graphics/top_iq.gif) no-repeat;height:29px;text-align:center;padding-top:11px;} #body_part .box06_bottom{background:url(../images/graphics/bottom_iq.gif) no-repeat;height:5px;font-size:1px;} #body_part .box06_top h2{font-size:17px;font-weight:bold;text-transform:uppercase;} #body_part .func01{height:38px;padding-top:26px;background:#0072bc} #body_part .func02{height:30px;padding-top:24px;background:#22b14c} #body_part .func01, #body_part .func02{text-align:center;font-size:12px;font-family:Tahoma;font-weight:bold;border-left:1px solid #e4e2b7;border-right:1px solid #e4e2b7} #body_part .func01 a, #body_part .func02 a{color:#FFF; font:12px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold} #body_part .box07{float:left;width:451px;} #body_part .title_bg{background:transparent url(../images/graphics/bg_title.gif) no-repeat left top;height:40px;} #body_part .box07 h3, #body_part .box08 h3{font-size:17px;font-weight:bold;text-transform:uppercase;padding-top:11px;text-align:center;} #body_part .cont, #body_part .box08_cont{border:1px solid #fdf5e4;border-top:none;width:442px;padding:5px 3px 3px 4px} #body_part .box07 h4, #body_part .box07 h4 a:link, #body_part .box07 h4 a:visited{font-size:12px;font-weight:bold;padding-bottom:3px;} #body_part .box07 h4 a:hover{color:red; font-weight:bold} #body_part .btns{width:412px;float:left;padding-top:8px;padding-left:30px;} #body_part .button{background:url(../images/graphics/button.gif) no-repeat; width:110px;height:19px;text-align:center;float:left;padding-top:5px;margin-right:25px;} #body_part .button a{color:#000;font-size:11px;text-decoration:none} #body_part .button a:hover{color:#214f94;} #body_part .last{margin-right:0px;} #body_part .box08{margin-top:8px;float:left;width:585px} #body_part .box08 h3{text-align:left;padding-left:20px;} #body_part .box08_cont{width:576px;} #body_part .box08_cont li{background:url(../images/graphics/dash_orange.gif) repeat-x left bottom;padding:5px 0 4px;} #body_part .box08_cont li a{font-weight:bold;} #body_part .box08_btns{width:576px;padding:10px 0 3px} #body_part .box08_btns .more{background:none;padding-top:5px;} #body_part .box08_btns .more a{font-weight:bold;} #body_part .box_fat{width:598px;float:left} #body_part .box_fat h1{font-size:18px;color:#E75500;background:url(../images/graphics/dot_gray.gif) repeat-x left bottom;padding:3px 0 2px;margin-bottom:5px;} #body_part .fat_content{width:590px;padding:4px;} #body_part .txt1{text-align:justify;margin-bottom:8px;} .adv_bottom{ background-color:#e5b247; padding:11px} #site_info{background:#f6e8cb;font-weight:bold;font-size:11px;font-family:Tahoma;color:#474747;text-align:center;height:20px;padding-top:8px;} #site_info a{color:#474747;} #site_info li{display:inline; padding:4px} #footer .about{background:url(../images/graphics/footer_tt.gif) no-repeat;height:16px;padding:16px 5px 15px 27px;font-weight:bold;color:#FFF;font-family:Tahoma;font-size:11px;} #footer .copyright{float:left;width:150px; font-weight:bold;color:#FFF;font-family:Tahoma;font-size:11px;} #footer .about ul{width:600px;text-align:center;float:left} #footer .about li{display:inline;font-weight:bold;color:#FFF;font-family:Tahoma;font-size:11px;} #footer .about li a{color:#FFF;text-decoration:none;font-weight:bold;color:#FFF;font-family:Tahoma;font-size:11px;} #footer .about li a:hover{color:#F00;font-weight:bold;color:#FFF;font-family:Tahoma;font-size:11px;} .adv03, .adv04{width:295px;float:left} .adv05, .adv06{width:290px;float:left;} .adv05{margin-right:7px;} .adv03{margin-right:5px;} .adv07 img{border:1px solid #7CC8E0;} .img_left{margin:5px 5px 2px;float:left;} .button_style, .button_style_hover { padding:0 2px; height:20px; font-weight:bold; cursor:pointer} /*================================ BANNER RIGHT ================================*/ .adver{width:585px;margin:8px 0} .item{height:105px;width:188px;float:left;margin-right:10px} .item2{height:105px;width:188px;float:left;} .item_left{background:url(../images/graphics/img_postjobleft.gif) no-repeat;width:10px;height:105px;float:left} .item_cont{border-top:1px solid #ff922d;border-bottom:1px solid #ff922d;float:left;height:97px;width:167px;padding:3px 0} .item_right{background:url(../images/graphics/img_postjobright.gif) no-repeat;width:11px;height:105px;float:right} .item_left2{background:url(../images/graphics/img_searchuv_left.gif) no-repeat;width:10px;height:105px;float:left} .item_cont2{border-top:1px solid #ff6527;border-bottom:1px solid #ff6527;float:left;height:97px;width:167px;padding:3px 0} .item_right2{background:url(../images/graphics/img_searchuv_right.gif) no-repeat;width:11px;height:105px;float:right} .item_cont, .item_cont2{font-weight:bold;} .item_cont p, .item_cont2 p{padding:2px 0; font-weight:bold} .item_cont p.inpbtn, .item_cont2 p.inpbtn{text-align:center} .item_cont2 p.tall{padding:9px 0} .item_cont span, .item_cont2 span{color:#ff0000; font-weight:bold} /*================================= CSS FOR JOBSEEKERS =======================*/ .content_company { margin:8px 0 0; display:inline; float:left; font:11px Arial, Helvetica, sans-serif} .content_company li img { border:0; margin:10px 0 0 0; list-style:none; list-style-image:none} .content_company ul { display:inline; float:left; list-style:none; list-style-image:none} .content_company ul li { display:inline; float:left; list-style:none; list-style-image:none} .logos { margin:-2px 0 0; float:left} .logos ul li img, .logos ul li img a:link, .logos ul li img a:visited, .logos ul li img a:active { border:1px solid #dae3ed; list-style:none; list-style-image:none} .logos ul li img a:hover { border:1px solid #dae3ed; list-style:none; list-style-image:none} /* --------------------- Content ----------------------------------*/ .content_main1 { width:453px; float:left; margin:0 0 0 5px; background:url(../images/graphic/bg_right_content.gif) repeat-y right top} .content_main1 h1 { background:url(../images/graphic/bg_top_content.gif) repeat-x left bottom; text-transform:uppercase; font:12px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 2px 0; color:#b01900; margin:0 5px 0 0; height:20px} .content_main1 .hotjobs h1 { background:url(../images/icon/icon_sao.gif) left center no-repeat; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding:10px 0 0 20px; border-bottom:1px solid #bde3ef} .content_main1 .hotjobs ul { padding:5px} .content_main1 .hotjobs ul li { list-style:none; padding:1px 0 0; background:url(../images/icon/icon_title_hotjob.gif) left no-repeat 5px; padding:0 0 0 12px} .content_main1 .hotjobs li a:link, .content_main1 .hotjobs li a:visited { color:#18447b; font-weight:bold} .content_main1 .hotjobs li a:hover { color:#18447b; font-weight:bold; text-decoration:underline} .content_main1 .hotjobs li.seemore { text-align:right; float:right; list-style:none; background:none no-repeat right center; padding:0 12px 0 0; margin: 0 5px} .content_main1 .hotjobs li.seemore a:link, .content_main1 .hotjobs li.seemore a:visited, .content_main1 .hotjobs li.seemore a:hover { font-weight:normal} .content_main .width50{margin-left:10px} .content_main .width50 li{list-style:url(../images/icon/dot_01.gif)} .content_main .width50{padding:0px 20px 0px 20px; width:44%;} .content_main .width50 a{ margin-left:-20px} .content_main .width45 li{list-style:url(../images/icon/dot_01.gif)} .content_main .width45{padding:0px 20px 0px 20px; width:38%;} .content_main .width45 a{/* margin-left:-20px*/} .content_main .fix_a{ padding-left:0px; width:250px;} .content_main1 .companys h1{ background:url(../images/icon/icon_sao.gif) left center no-repeat; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding:10px 0 0 20px; border-bottom:1px solid #bde3ef} .content_main1 .companys table img { border:1px solid #414141; width:95px; height:50px} .content_main1 .companys li.seemore { text-align:right; float:right; list-style:none; background:none no-repeat right center; padding:0 12px 0 0; margin:0 10px} .content_main1 .hotjobs_news h1{ background:url(../images/icon/icon_sao.gif) left center no-repeat; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; padding:10px 0 0 20px; border-bottom:1px solid #bde3ef} .content_main1 .hotjobs_news ul li { list-style:none} .content_main1 .hotjobs_news ul li a:link, .content_main1 .hotjobs_news ul li a:visited { color:#18447b} .content_main1 .hotjobs_news ul li a:hover { color:#18447b; text-decoration:underline} .content_main1 .banner { padding:5px 0 0 5px} .content_main { width:590px; float:left; margin:0} .content_main_full, .content_full { width:760px; float:left; padding-bottom:8px} .content_main ul li, .content_main_full ul li, .content_full ul li {list-style:none} .content_quicksearch { padding:5px 6px; width:146px; border-bottom:1px solid #0a8aa0; border-left:1px solid #0a8aa0; border-right:1px solid #0a8aa0; float:left; background:#e8f4f6 url(../images/graphic/quicksearch.gif) no-repeat right top} .content_banner_company { width:160px; float:left; margin:200px 0 5px -160px} .content_tellyourfriend { width:158px; float:left; margin:-260px 0 0 0; background-color:#c8e7f2; border:1px dotted #7cc8e0} .content_tellyourfriend ul li { padding:5px; text-align:center; font-weight:bold} .content_hotjobs { width:440px; margin:0 0 0 5px; padding:0; display:inline; float:left; font:11px Arial, Helvetica, sans-serif} .content_hotjobs li { line-height:1.77em; letter-spacing:-1px} .content_hotjobs li a, .content_hotjobs li a:link, .content_hotjobs li a:visited, .content_hotjobs li a:active { background:none no-repeat 0 5px; padding:0 0 0 10px; color:#258caf; font-weight:bold; letter-spacing:-1px} .content_hotjobs li a:hover { background:none no-repeat 0 5px; padding:0 0 0 10px; color:#1cbeda; font-weight:bold; line-height:1.77em; letter-spacing:-1px; text-decoration:underline} .content_hotjobs h1 { color:#417701; float:left; display:inline; text-transform:uppercase; font-weight:bold} .content_hotjobs span more { text-align:right; background:url(../images/icon/icon_detail.gif) no-repeat right top} .content_hotjobs .title { text-transform:uppercase; font-weight:bold; background:url(../images/icon/icon_dot.gif) repeat-x left bottom; display:inline} .content_hotjobs .title span { float:right; cursor:pointer; text-decoration:none; text-transform:capitalize; font-weight:normal; padding:0 0 5px} .content_hotjobs .title span img { padding:0 0 0 5px; border:0} .content_hotjobs .title_jobs { margin:5px 0 0} .content_hotjobs_hr { width:595px; margin:0; padding:0 0 5px; display:inline; float:left; font:11px Arial, Helvetica, sans-serif; } .content_hotjobs_hr span { text-align:right; margin:0 0px 0 0} .content_hotjobs_hr li { padding:0; font-family: Arial, Helvetica, sans-serif; line-height:1.77em} .content_hotjobs_hr li a, .content_hotjobs_hr li a:link, .content_hotjobs_hr li a:visited, .content_hotjobs_hr li a:active { color:#258caf; font-weight:bold; padding:0 0 0 20px; font-family: Arial, Helvetica, sans-serif; line-height:1.77em} .content_hotjobs_hr li a:hover { background:none no-repeat 5px 5px; color:#1cbeda; font-weight:bold; padding:0 0 0 20px; font-family: Arial, Helvetica, sans-serif; line-height:1.77em; text-decoration:underline} .content_hotjobs_hr h1 { padding:3px 5px; background:#dca22d url(../images/graphics/corner_title.jpg) right top no-repeat; height:16px; color:#FFF; border-bottom:1px solid #dca22d; float:left; display:inline; text-transform:uppercase; font-weight:bold; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold} .content_hotjobs_hr h1 a:link, .content_hotjobs_hr h1 a:visited { color:#FFFFFF; font-weight:bold} .content_hotjobs_hr h1 a:hover { color:#FFFFCC; font-weight:bold} .content_hotjobs_hr h4 { padding:3px 0 0; height:16px; color:#dbe4ed; background:#01b3c9 url(../images/graphic/corner_right_act.gif) no-repeat right top; float:left; display:inline; text-transform:uppercase; font-weight:bold; margin:0 8px} .content_hotjobs_hr h4 a:link, .content_hotjobs_hr h4 a:visited { color:#dbe4ed; font-weight:bold} .content_hotjobs_hr h4 a:hover { color:#dbe4ed; font-weight:bold} /* ==================== TAP ==========================*/ .content_full h1 { padding:3px 5px; background:#dba029 url(../images/graphics/corner_title.jpg) right top no-repeat; height:16px; color:#FFF; border-bottom:1px solid #dca22d; float:left; display:inline; text-transform:uppercase; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 2px 0 0 } .content_full h1 a:link, .content_full h1 a:visited { color:#FFF; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold} .content_full h4 a:link, .content_full h4 a:visited { color:#000; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold} .content_full h1 a:hover, .content_full h4 a:hover { color:#000; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none} .content_full h4 /*{ padding:3px 5px; height:16px; color:#000; float:left; display:inline; text-transform:uppercase; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 20px 0 0 }*/ { padding:3px 5px; background:#e5c991 url(../images/graphics/corner_title_act.jpg) right top no-repeat; height:16px; color:#FFF; border-bottom:1px solid #dca22d; float:left; display:inline; text-transform:uppercase; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 2px 0 0} .width178 {width:160px; float:left; margin:0 0 0 10px} .border { width:580px; float:left; display:inline; margin:-1px 5px 0; border-top:1px solid #dca22d} .borders { width:390px; float:left; display:inline; margin:-1px 5px 0; border-top:1px solid #dca22d} .borderss { width:141px; height:218px; float:right; display:inline; margin:-1px 5px 0; border-top:1px solid #dca22d} .border_full { color:#414141; width:755px; float:left; display:inline; margin:-1px 0 0; border-top:1px solid #dca22d; padding:0 5px} .border_full a, .border_full a:link {color:#414141} .border_popup {border:1px solid #dbe4ed; padding:8px} .bg_img {background:none} .bg {background-color:#fdfdfd; margin:5px 0} .content_searchjobs a:link, .content_searchjobs a:visited { color:#258caf; padding:0 0 0 5px; font-family: Arial, Helvetica, sans-serif; line-height:1.5em} .content_searchjobs a:hover { color:#1cbeda; text-decoration:underline} .content_web { width:560px; margin:5px 0 0; display:inline; float:left; border:1px solid #74b0c7} .career { width:299px; height:160px; display:inline; float:left; border-right:1px solid #74b0c7; background:url(../images/graphic/bg_career.gif) repeat-x 0 27px} .career h1 { width:269px; height:20px; padding:5px 0 0 30px; color:#000000; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #a3d7eb; background:#d9f5fc url(../images/icon/icon_career.gif) no-repeat 5px 2px} .career h2, .career h2 a:link, .career h2 a:visited { padding:5px; color:#258caf; text-decoration:none; font-weight:bold} .career h2 a:hover { color:#1cbeda; text-decoration:none; font-weight:bold} .career ul {width:289px; padding:0 5px} .career ul li { text-align:justify; display:inline} .career ul li img { margin:5px 8px 0; float:left; display:inline} .edu { width:300px; height:160px; display:inline; float:left; background:url(../images/graphic/bg_edu.gif) repeat-x 0 27px} .edu h1 { width:270px; height:20px; padding:5px 0 0 30px; color:#000000; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #a3d7eb; background:#f0cece url(../images/icon/icon_edu.gif) no-repeat 5px 2px} .edu h2, .edu h2 a:link, .edu h2 a:visited { padding:5px; color:#258caf; text-decoration:none; font-weight:bold} .edu h2 a:hover { color:#1cbeda; text-decoration:none; font-weight:bold} .edu ul {width:290px; padding:0 5px} .edu ul li { text-align:justify; display:inline} .edu ul li img { margin:5px 8px 0; float:left; display:inline} .content_career_news { width:160px; margin:5px 0; padding:0 0 10px 0; display:inline; float:left; background-color:#d5ebf5} .content_career_news h1 { padding:5px 0; color:#FFFFFF; font-weight:bold; text-align:center; text-transform:uppercase; border-bottom:2px solid #FFFFFF; background-color:#1387ae} .content_career_news ul li { display:inline; float:left; padding:5px 5px 0; text-align:justify} .content_career_news li { list-style-type:none} .content_searchjobs { width:435px; margin:5px 0 0 7px; padding:0; display:inline; float:left; font:11px Arial, Helvetica, sans-serif} .content_searchjobs li img { border:0; margin:4px} .content_searchjobs ul { display:inline; float:left; list-style:none; width:435px} .content_searchjobs ul li { display:inline; float:left; list-style:none} .content_searchjobs h1 { margin:2px 0; padding:3px 30px 3px 4px; color:#FFFFFF; float:left; display:inline; text-transform:uppercase; font-weight:bold; background:#9fabae url(../images/graphic/bg_searchjobs_right.gif) no-repeat right center} .title_searchjobs { text-transform:uppercase; font-weight:bold; background:url(../images/graphic/bg_searchjobs.gif) repeat-x left top; display:inline} .title_searchjobs span{ float:right; cursor:pointer; text-decoration:none; text-transform:capitalize; font-weight:normal; margin:5px 0 0; height:25px} .title_searchjobs span more{ } .title_searchjobs span img { padding:0 5px; border:0} .content_quicksearch ul li, .content_hotjobs ul li, .content_company ul li, .content_career ul li, .content_edu ul li, .content_career_news ul li, .content_searchjobs ul li, .content_tell ul li {list-style:none} .content_quicksearch h1 { padding:5px 0 10px; font-weight:bold; text-transform:uppercase} .timkiem { text-align:center} /*========================= RIGHT ======================================*/ /*.content_banner { width:160px; float:left; display:inline; min-height:800px} .content_banner img { margin:0 0 5px; border:0} .ads { padding:7px 0 7px 35px; background-color:#eeeeee; border-bottom:1px solid #cccccc; text-transform:uppercase; font-weight:bold} .poll { margin:0; background:#FFFFFF url(../images/graphic/corner_khaosat.gif) no-repeat right top} .poll h1 {color:#000099; border-bottom:1px dotted #d4d4d4; height:20px; margin:5px 5px 0; font-weight:bold; text-transform:uppercase; padding:5px 0 0} .poll ul {list-style:none; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:0 5px} .poll ul li { list-style:none} *//* ================== CSS For See More ========================= */ .content_hotjobs span, .content_company span, .content_searchjobs span{ background:url(../images/icon/icon.gif) no-repeat right 5px; text-align:right; padding:0 15px 0 0; color:#92a0bc} .content_hotjobs span a:link, .content_hotjobs span a:visited, .content_company span a:link, .content_company span a:visited, .content_searchjobs span a:link, .content_searchjobs span a:visited {color:#92a0bc; text-decoration:none} .content_hotjobs span a:hover, .content_company span a:hover, .content_searchjobs span a:hover {color:#666666; text-decoration:none} /* ================================ Login =================================*/ .title18 { padding:0 0 5px; font:15px Tahoma, Arial, Helvetica, sans-serif; color:#0e89b6; font-weight:bold} .content_main .login { width:300px; display:inline} .login { height:160px; width:300px; background:url(../images/graphic/login.gif) no-repeat right bottom; padding:10px; border:1px solid #f4ad37; float:left} .login ul { list-style:none} .login ul li { background:url(../images/icon/icon_arow.gif) left 5px no-repeat; padding:0 0 0 20px; font-weight:bold; line-height:1.7em} .signin { height:180px; width:270px; float:right; border:1px solid #f4ad37} .signin h1 { padding:5px 0; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#FFFFFF; background-color:#f4ad37; text-align:center} .signin ul { margin:8px; list-style:none} .signin ul li { padding:5px 0} /* ================================ CSS FOR Defaul ===========================*/ /* ----------------- AccountLogin ------------------------*/ #header .account { float:left; width:779px; margin:8px 0; height:30px} /*========================Banner FOOTER =========================*/ #banner_footer { width:779px; float:left; height:120px; border:1px solid #efefef; margin:8px 0} /* ================================ CSS FOR Defaul ===========================*/ .link, .link ul, .link ul li, .link li { margin:0; padding:0; background:none; text-decoration:none; font-weight:normal; color:#444444; font:12px Arial, Helvetica, sans-serif} .link li a, .link li a:link, .link li a:visited, .link li a:active { margin:0; padding:0; background:none; text-decoration:none; font-weight:normal; color:#000099; font:12px Arial, Helvetica, sans-serif} .link li a:hover { margin:0; padding:0; background:none; text-decoration:underline; font-weight:normal; color:#000099; font:12px Arial, Helvetica, sans-serif} .linkicon { margin:0; padding:0 0 8px; background:none; text-decoration:none; font-weight:normal; color:#444444; font:12px Arial, Helvetica, sans-serif} .linkicon ul { margin:0; padding:0 0 8px; background:none; text-decoration:none; font-weight:normal; color:#444444; font:12px Arial, Helvetica, sans-serif} .linkicon ul li, .linkicon li { margin:0; padding:0 0 8px; background:none; text-decoration:none; font-weight:normal; color:#000099; font:12px Arial, Helvetica, sans-serif} .linkicon li a, .linkicon li a:link, .linkicon li a:visited, .linkicon li a:active { margin:0; padding:0 0 0 12px; background:url(../images/icon/dot.gif) no-repeat left center; text-decoration:none; font-weight:normal; color:#000099; font:12px Arial, Helvetica, sans-serif} .linkicon li a:hover { margin:0; padding:0 0 0 12px; text-decoration:underline; font-weight:normal; color:#000099;background:url(../images/icon/dot.gif) no-repeat left center; font:12px Arial, Helvetica, sans-serif} .linkicon span .fontbold {font-weight:bold; color:#000099; font:12px Arial, Helvetica, sans-serif} .account { padding:3px 10px; background:url(../images/icon/dot.gif) left 9px no-repeat} .account a:link, .account a:visited { color:#000099} .account a:hover { color:#000099; text-decoration:underline} /* ================================ CSS FOR FORM INPUT - SELECT - TEXTAREA ===========================*/ .height22 { height:22px; float:left} .height25 { height:25px; float:left} .width1 { width:1%; float:left} .width2 { width:2%; float:left} .width3 { width:3%; float:left} .width4 { width:4%; float:left} .width5 { width:5%; float:left} .width6 { width:6%; float:left} .width8 { width:8%; float:left} .width10 { width:10%; float:left} .width10px { width:10px} .width12 { width:12%; float:left} .width13 { width:13%; float:left} .width15 { width:15%; float:left} .width17 { width:17%; float:left} .width18 { width:18%; float:left} .width19 { width:19%; float:left} .width20 { width:20%; float:left} .width21 { width:21%; float:left} .width22 { width:22%; float:left} .width25 { width:25%; float:left} .width28 { width:28%; float:left} .width30 { width:30%; float:left} .width35 { width:35%; float:left} .width40 { width:40%; float:left} .width45 { width:45%; float:left} .width49 { width:49%; float:left} .width50 { width:50%; float:left} .width54 { width:54%; float:left} .width55 { width:55%; float:left} .width60 { width:60%; float:left} .width63 { width:63%; float:left} .width65 { width:65%; float:left} .width70 { width:69%; float:left} .width75 { width:75%; float:left} .width80 { width:80%; float:left} .width85 { width:85%; float:left} .width90 { width:90%; float:left} .width95 { width:95%; float:left} .width94 { width:94%; float:left} .width100 { width:100%; float:left} /* ================================ CSS FOR FORM INPUT - SELECT - TEXTAREA ===========================*/ .input100 { width: 100%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input99 { width: 99%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input98 { width: 98%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input97 { width: 97%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input96 { width: 96%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input95 { width: 95%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input92 { width: 92%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input90 { width: 90%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input85 { width: 85%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input80 { width: 80%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input75 { width: 75%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input70 { width: 70%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input65 { width: 65%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input60 { width: 60%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input55 { width: 55%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input53 { width: 53%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input50 { width: 50%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input48 { width: 48%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input45 { width: 45%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input43 { width: 43%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input40 { width: 40%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input37 { width: 37%; font:11px Tahoma, Arial, Helvetica, sans-serif} .input35 { width: 35%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input34 { width: 34%; font:11px Tahoma, Arial, Helvetica, sans-serif} .input30 { width: 30%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input25 { width: 25%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input20 { width: 20%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input18 { width: 18%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input15 { width: 15%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input10 { width: 10%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input6 { width: 6%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input5 { width: 5%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .input_check { border:0; margin:0; padding:0; vertical-align:text-top;height:18px;} /* ================================ CSS FOR TEXT ===========================*/ .text_red {color:#FF3300} .text_right { text-align:right} .right { float:right} .left { float:left} .text_center { text-align:center} .center { text-align:center} /* ================================ CSS FOR FONT ===========================*/ .font12{ font-size:12px; line-height:12px;} .font14{ font-size:15px; margin:7px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#2DA6CE } .font20_company_name{ font-size:20px; margin:7px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#2DA6CE } .font16{ font-size:16px; line-height:16px;} .font18{ font-size:18px; line-height:18px;} .font20{ font-size:20px; line-height:20px;} .font24{ font-size:24px; line-height:24px;} .font28{ font-size:28px; line-height:28px;} .font32{ font-size:32px; line-height:32px;} .font36{ font-size:36px; line-height:32px;} .fontbold{ font-weight:bold;} .fontitalic{ font-style:italic} .fontbold_italic{ font-weight:bold; font-style:italic} /* ================================ CSS FOR PADDING ===========================*/ .banggia {background:url(../images/icon/icon_jobs.gif) left no-repeat 6px; padding:0 0 0 10px} .padding2 { padding:2px 0 0} .padding3 { padding:3px 0 0} .padding5 { padding:5px 0 0} .padding5w { padding:0 5px} .padding8 { padding:8px 0 0} .padding2_bottom { padding:0 0 2px} .padding3_bottom { padding:0 0 3px} .padding5_bottom { padding:0 0 5px} .padding8_bottom { padding:0 0 8px} .position { text-align:right} #xacnhan { margin:0; padding:0; font:15px Tahoma; font-weight: bold; text-align:center; color:#000; text-decoration:none; width:80px; } /*h3 { width:580px; margin:5px 0; padding:4px 0 5px 15px; text-transform:uppercase; font-weight:bold; background:url(../images/icon/icon.gif) no-repeat left center; border-bottom:1px solid #999999; display:inline}*/ .bg_content_menu, .rs_search { margin:0; padding:0 3px; border:0; background-color:#EAEFF2} .bg_content_menu td, .rs_search td { margin:0; padding:0; border:0; background-color:#EAEFF2; font-weight:bold} .bg_content_menu td a:link, .bg_content_menu td a:visited, .bg_content_menu td a:hover, .rs_search td a:link, .rs_search td a:visited, .rs_search td a:hover {font-weight:bold} .bg_content_menu span text_normal, .rs_search span text_normal {text-transform:none; text-decoration:none} .bg_content_menu1 { margin:0; padding:0; border:0; background-color:#EAEFF2; font-weight:normal} .bg_content_menu span text_normal {text-transform:none; text-decoration:none} .bg_em { background-color:#EAEFF2; padding:5px 0} .line { padding:3px} .line_check { padding:3px 3px 3px 6px} .line_content { padding:3px} .line_content a:link, .line_content a:visited, .line_content a:active { color:#000099} .line_content a:hover { color:#000099; text-decoration:underline} .table2 { background-color:#F4F5F7; padding:4px 3px 0} .table2 a:link, .table2 a:visited, .table2 a:active { color:#000099; font-weight:normal} .table2 a:hover { color:#000099; text-decoration:underline} .table1 { background-color:#FFFFFF; padding:4px 3px 0} .table1 a:link, .table1 a:visited, .table1 a:active { color:#000099; font-weight:normal} .table1 a:hover { color:#000099; text-decoration:underline} .table { padding:4px 3px 0} .table1 a.vip { font-weight:bold} .table2 a.vip { font-weight:bold} .bg_content_menu .line, .bg_content_menu .line a:link, .bg_content_menu .line a:visited {color:#414141; font-weight:bold; text-transform:uppercase} .bg_content_menu .line a:hover {color:#515151; font-weight:bold; text-transform:uppercase} hr {color:#ED8B50; height:1px; margin:10px 0} img, img a {border:0} /*=========================CSS FOR EMPLOYERS ============================*/ /* ============================== RW ==================================== */ .rw_boder1 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/1.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder2 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/2.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder3 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/3.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder4 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/4.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder5 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/5.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder6 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/6.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder7 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/7.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder8 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/8.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder9 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/9.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder10 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/10.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder11 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/11.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw_boder12 {border:3px solid #cccccc; background:url(../images/recruitment_website/images_min/12.jpg) no-repeat left top; width:130px; height:115px; margin:4px} .rw, .rw a:link, .rw a:visited, .rw a:active {text-decoration:none; color:#414141; text-align:center; font:11px Arial, Helvetica, sans-serif} .rw a:hover {text-decoration:none; color:#006699} /*====================== POST ================================*/ .bg_post { background-color:#f7fafd; padding:8px; border-left:1px solid #dbe4ed; border-bottom:1px solid #dbe4ed; border-right:1px solid #dbe4ed; border-top:1px solid #dbe4ed} .rs { background-color:#d6e4ed; height:25px; padding:5px 0 0; font:11px Tahoma; color:#495e6f; font-weight:bold; text-decoration: none;} .line_dung {background:url(../images/icon/line_dung.gif) repeat-y center center; padding:0 8px} /*================================= CSS FOR HEADER JOBS =======================*/ #headerjobs { display:inline} #headerjobs .singin_company { float:left; color:#000; border:1px solid #f0bf58; background-color:#edbb51; padding:5px} #headerjobs .singin_company table { color:#000} #headerjobs .singin_company .singin { width:560px; height:50px; color:#000} #headerjobs .singin_company .singin a:link, #headerjobs .singin_company .singin a:visited { color:#000} #headerjobs .singin_company .singin a:hover { color:#000} #headerjobs .jobs { float:right; width:180px; padding:1px; border:1px solid #f0bf58; background-color:#edbb51} #headerjobs .jobs .nd { background: url(../images/graphic/nd_em.gif) no-repeat right bottom; height:50px; padding:4px} #headerjobs .jobs .nd table a:link, #headerjobs .jobs .nd table a:visited { color:#333333; text-decoration:none; font-weight:bold} #headerjobs .jobs .nd table a:hover { color:#000; text-decoration:none; font-weight:bold} /* ============================ css For POPUP ==================================*/ #popup {background:#edeae3 url(../images/graphic/bg_popup.gif) repeat-x left bottom; padding:10px 20px 10px 10px; margin:0; border:0} .title_popup { height:30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; padding:0 30px 0 0} .content_popup {margin:15px 0 0} .backtop { background:url(../images/icon/bt_up.gif) no-repeat right center; padding:0 20px 0 0} .bg_note { color:#525252; background-color:#f6f6f6; border:1px solid #e0e0e0; padding:5px; text-align:justify} .title_info { margin:0; padding:2px 0 2px 15px; font:13px Tahoma; color:#51596A; font-weight:bold; background:transparent url(../images/icon/muiten.gif) no-repeat left center; border-bottom:#b0bec7 solid 1px; text-align:left} .title_info span.seemore { background:url(../images/icon/icon.gif) right center no-repeat; font-weight:normal; text-align:right; padding:0 20px 0 530px; cursor:pointer} .title_news { margin:0; padding:2px 0 2px 0; font:13px Tahoma; color:#51596A; font-weight:bold; border-bottom:#b0bec7 dotted 1px; text-align:left} .line_title { background:url(../images/icon/dot_linecenter.gif) repeat-x left center} .line_bottom { background:url(../images/icon/dot_linecenter.gif) repeat-x left bottom} .title_resumes { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #414141} .img {float:left; display:inline; margin:3px; border:1px solid #DAE2E7; padding:3px} .line_content strong { font-weight:bold} .banggia1{ width:765px; float:left;} .banggia1 table{ border:1px #bdbdbd solid;} .banggia1 table td{ padding:5px;} .banggia1 table .border_bottom{ border-bottom:1px #bdbdbd solid;} .banggia1 table .border_right{ border-right:1px #bdbdbd solid;} .banggia1 table td li{ list-style-type:none;} .link_banggia a:link{ color:#ff0000; text-decoration:underline; font-weight:bold;} .link_banggia a:visited{ color:#ff0000; text-decoration:underline; font-weight:bold;} .link_banggia a:hover{ color:#000000; text-decoration:underline; font-weight:bold;} .link_banggia a:active{ color:#ff0000; text-decoration:underline; font-weight:bold;} .nghieng{ font-style:italic;} .bestweb{ font-size:10px; text-align:center;} .xemtrangweb a{ font-weight:bold; text-decoration:underline;} .xemtrangweb a:hover{ text-decoration:none;} .note{ padding:5px 8px; font-style:italic; font-family:tahoma; font-size:11px;} .border_full .title_thumuc{ font:12px tahoma; color:#ff6c00; font-weight: bold; border:none; text-transform:uppercase; clear:both; margin:0; padding-top:8px;} .table1 a,.table2 a{ font-weight:bold;} /* -------------------- ADD them -------------------------------*/ .info { padding:10px 10px 10px 0 } table.txt { margin:0 0 10px } table.txt_info td, .txt_info { padding:0 0 10px; margin:0 0 10px } table.txt .title, table.txt_info .title { border-bottom:1px solid #ccc; width:98%} .txt .title h1, .txt_info .title h1 { color:#FF8400; font:bold 15px Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; background:none; padding:5px 0 2px; margin:0 0 8px } .txt_info .subtxt { background:url(../images/icon/icon_detail.gif) left no-repeat 4px; padding:0 0 0 15px} table tr.pad15b td{ padding-bottom:15px;} .ma_xacnhan{ width:76px; text-align:center;} .bor_img{ border:1px solid #ccc;} /* ----- B popup search ----- */ #popup_search{ width:225px; height:80px; padding-left:8px; padding-bottom:5px; padding-top:10px; padding-right:0px; background: url(../images/graphics/bg_search.gif) no-repeat left top; visibility:hidden; position:absolute; left:535px; top:25px;} #popup_search .close_search{ width:16px; height:16px; float:right; margin-right:12px; margin-top:-3px; background:url(../images/icon/icon_close_search.gif) no-repeat center;} #popup_search .close_search:hover{ color:#fff;} #popup_search .text_left_s{ float:left; width:182px; .width:185px; _width:185px; line-height:15px; padding-top:2px; padding-left:14px; .padding-left:16px; _padding-left:16px; color:#ff6c00; font-family:Tahoma; font-size:11px;} #popup_search .text_left_s a{ display:block; float:right; text-align:right; color:#239bd7; text-decoration:underline; line-height:12px; font-family:Tahoma; font-size:11px;} #popup_search .text_left_s a:hover{ text-decoration:none;} .popup_search_re{ width:370px; background:#fff; color:#666; padding:12px; line-height:16px; text-align:justify; border:2px solid #666; font-family:Tahoma; font-size:11px; line-height:16px;} .popup_search_re .title_search_re{ float:right; display:inline; margin-top:-5px; margin-right:-5px;} .popup_search_re strong{color:#239bd7; font-weight:bold;} .popup_search_re .vidu_re{ color:#333;} .popup_search_re .font_color{ font-size:14px; color:#f00; text-decoration:underline;} /* ----- B popup search ----- */ /* Begin bang gia service*/ .service_price{ width:765px; font:normal 12px Arial} .service_price table{ border-top:none; border:none} .service_price table td{ padding:8px; border-bottom:1px solid #b5b5b5; border-right:1px solid #b5b5b5} .service_price table td .table_none{border:none;} .service_price table td .table_none td{margin:0; padding:0; border:none;} .service_price table td .table_none td.sv_left{background:url(../images/graphics/tn_svl_7x25.gif) no-repeat left top; width:7px; height:25px} .service_price table td .table_none td.sv_right{background:url(../images/graphics/tn_svr_10x25.gif) no-repeat left top; width:10px; height:25px} .service_price table td .table_none td.none_r{margin:0; padding:0; border-right:none} .service_price table td.no_mar{margin:0; padding:0; border:none; border-bottom:1px solid #b5b5b5; padding-bottom:1px} .service_price table td.no_bright{border-right:1px #b5b5b5 solid; width:171px;} .service_price table td.no_bottom{border-bottom:1px #b5b5b5 solid} .service_price table td.no_left{border-left:1px #b5b5b5 solid; width:315px; _width:564px; } .service_price table td.width760{width:292px; _width:755px;} .service_price table td.width278{width:165px; _width:268px} .service_price table td li{list-style-type:none; background:url(../images/icon/icon_service_10x12.gif) no-repeat left 4px; padding-left:15px; line-height:18px} .service_price .sv_title{background:#e3edf6; font:bold 11px Tahoma; color:#1065e4;} .service_price .sv_loop{background:url(../images/graphics/bg_svloop_30x25.gif) repeat-x left top; font: bold 11px Tahoma; color:#fff; text-align:center; height:25px; color:#fff} .service_price .service_price table td li.bg_none{background:none; margin:0; padding:0; list-style-type:none; padding-left:2px} .service_price .txt_ghichu{color:#a20000; font:bold 12px Arial; margin:10px 0} /* End bang gia service*/ .title_info1{ margin:0; padding:2px 0 2px 15px;font:11px Tahoma; color:#51596a; font-weight:bold; background:transparent url(../images/icon/muiten.gif) no-repeat left center;text-align:left} .title_info1 a{ color:#51596a; font-weight:bold} .title_info1 a:hover{color:#51596a;} @media print { /*#header #headerjobs, #header #main_menu, #header .search, #footer, #none {display:none} */ #header, .info_job .bg_em, #footer, #none {display:none} #body_part #container_print { width:87%; float:left} * html .txt_info, * html .txt { width:650px; text-align:justify} * html .content_full, .border_full{ width:650px; text-align:justify} #body_part { border: 11px #fff;} .fontbold{width:22%;} } /* ----------------------------------------------------------- add fix tieu chi tim kiem theo muc luong | 2007/11/27 ----------------------------------------------------------- */ .choice { float:left;} .choice select{ width:60px} .salary_input10 { width: 35%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} .salary_input20 { width: 45%; padding:0 0 0 3px; font:11px Tahoma, Arial, Helvetica, sans-serif} /*B - Edit thong tin 12/02/09*/ * html .padding8.edit1 .row input,* + html .padding8.edit1 .row input{ padding:0; } .padding8.edit1 .row{ margin:3px 5px 3px 0; } .padding8.edit .row{ margin:3px 5px 3px 0; color:#666; } .padding8.edit strong{ font-weight:700; } .padding8.edit .bg_img p{ margin:5px 0 10px 5px; float:left; } .padding8.edit .bg_img .img_logo{ padding:0 5px; } .padding8.edit .row strong.text_red{ color:#f00; } /*E - Edit thong tin 12/02/09*/