/*#####CSS for Bangkokpost Job####*/ /*global*/ .hd-navigation #hd-inside .hd-center h1,#hd-inside .hd-center p{display:inline-block; float: none; } #hd-inside .hd-center p a{font-family: 'vonnes-light'; font-size:40px; color:#fff; font-weight: normal;} #hd-inside .hd-center p a:hover {text-decoration: none; } form.mini-search h2,form.mini-search input[type='submit'],.twoCol .allStory h1.headline {font-family: arial_blackregular;font-weight: normal;} /*force-css*/ .jobTheme .twoCol {padding: 0 10px 10px; margin-top: -15px;} .jobTheme .levelNavigaton {padding:20px 0 0; margin: 0;} .jobTheme #bkp-job .levelNavigaton a{color:#213c70;} #memberAssistance .username {color:#1E79BC; font-size: 12px; font-weight: bold; padding: 0 3px 0 0;} #bkkPostTab #memberAssistance .welcomemessage{border-right: 1px solid #C5C5C5; height: 15px; margin-top: -1px;} #memberAssistance li p { float: left; margin-top: -1px;} #memberAssistance .logout {border: none;} #memberAssistance .upgrade img {padding-left: 5px;} .boomboxSize2{background: none; padding: 0;} .headerAd .mini1stBanner, .headerAd .mini2ndBanner {background: none!important;} #jobs .iconEnhanced { position: absolute; right: -3px; top: -10px; z-index: 1;} body #wrapper #bkp-job form .form-message label{color:#CA0010; font-size: 13px; font-weight: normal; width: auto!important;padding: 0 0 0 10px;} body #wrapper #bkp-job form .form-message label.content{color:#666;} body #wrapper form .form-message.newline {display: block;clear: both;} body #wrapper form .form-message.newline label { padding: 5px 0;} .g-btn {display: inline-block;border-radius: 2px; border: 1px solid #adadad; margin: 0 3px 0 0;} .g-btn a{display: inline-block;padding: 4px 10px;color:#333;text-shadow: 1px 1px 0px #ffffff;filter: dropshadow(color=#ffffff, offx=1, offy=1); -webkit-border-radius: 2px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 22%, #e5e4e4 91%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#fefefe), color-stop(91%,#e5e4e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 22%,#e5e4e4 91%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 22%,#e5e4e4 91%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 22%,#e5e4e4 91%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 22%,#e5e4e4 91%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e4e4',GradientType=0 ); /* IE6-9 */} .boomboxSize1 {margin-bottom: 10px;} #bkp-job a,#content a {color:#195f8c;} #bkp-job #footer a, #content #footer a{color:#fff; } #bkp-job a:hover,#content a:hover {text-decoration: underline;} #bkp-job select,input{color:#666; font-size: 12px;} #bkp-job input.text {border: 1px solid #bfd2e1;font-size: 13px; padding: 6px 5px;} .bluebtn {background: url(../img/job/btn-left.png) no-repeat left top; height: 24px; float: left; padding: 0 0 0 10px; } .bluebtn span { padding: 0 10px 0 0;background: url(../img/job/btn-right.png) no-repeat right top; height: 24px; float: left; color:#fff; font-size: 12px; line-height: 24px;text-align:center; width: 99px;} #bkp-job .bluebtn:hover {background: url(../img/job/btn-left.png) no-repeat left -24px; text-decoration: none;} #bkp-job .bluebtn:hover span{background: url(../img/job/btn-right.png) no-repeat right -24px; text-decoration: none;} #bkp-job {width: 940px; padding: 0; margin: 0 auto 5px auto; background: #fff; overflow :hidden;} #bkp-job .viewall {clear: both; position: absolute; bottom: 10px; right: 20px; font-size: 13px; color:#1e79bc; font-weight: bold;background: url(../img/job/btn-arrow.gif) no-repeat 0 3px; padding-left: 10px;} .subCategories .search{ position: absolute; left: 10px; width: 81px;z-index:10;} .subCategories .search a{ line-height: 15px; padding-right: 8px; float: left;} .subCategories .alert {margin-left: 81px;} .subCategories .search .sublist{background: #1E608A;margin: 22px 0 0 -9px; width: 165px;} #wrapper .subCategories .sublist li {border: none; background: url(../img/bg/opacity.png) repeat-x 0 bottom; width: 165px;} #wrapper .subCategories .sublist li a{height: 16px!important;padding: 2px 0 2px 7px; width: 158px;} #wrapper .subCategories .sublist li a:hover {background: url(../img/bg/opacity.png) repeat;text-decoration: none;} /*breadcrumb*/ #bkp-job .breadcrumb{ margin: 0 0 10px 5px;} #content .breadcrumb{padding: 22px 12px; margin: 0;}/*for page has no #bkp-job wrapper*/ #content #bkp-job .breadcrumb{padding: 0 0 20px;} #bkp-job .breadcrumb p,#content .breadcrumb p { font-size: 12px; } #bkp-job .breadcrumb p a ,#content .breadcrumb p a{ background: url(../img/job/btn-arrow.png) right 3px no-repeat; margin-right: 3px; padding-right: 10px} #bkp-job .breadcrumb p .last,#content .breadcrumb p .last {color: #333333;} /*register*/ #bkp-job .register-detail { width: 964px; overflow: hidden; padding-bottom: 20px;} #bkp-job .register-detail .detail { float: left; width: 625px;} #bkp-job .register-detail .detail p strong {font-size: 14px;} #bkp-job .register-detail img { float: right;} #bkp-job .register-detail p { font-size: 13px; color: #333333; margin:20px 0 0; padding: 0 0 0 20px;} #bkp-job .register-detail .register-intro { background: #f4fafe;/* Old browsers */ background: -moz-linear-gradient(top, #f4fafe 0%, #e4f0f9 94%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4fafe), color-stop(94%,#e4f0f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4fafe 0%,#e4f0f9 94%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4fafe 0%,#e4f0f9 94%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4fafe 0%,#e4f0f9 94%); /* IE10+ */ background: linear-gradient(to bottom, #f4fafe 0%,#e4f0f9 94%); /* W3C */ width: 583px; overflow: hidden; clear: both; margin-top: 15px; padding: 30px 20px;border:1px solid #e3f0f9; border-radius: 5px;} #bkp-job .register-detail .register-intro h1 { color: #195f8c; font-size: 34px; padding-bottom: 10px; line-height: 34px;} #bkp-job .register-detail .register-intro p{margin: 0 ; padding: 0; font-size: 14px;} #bkp-job .register-detail ul { overflow: hidden; margin: 10px 0 10px; padding-left: 20px;} #bkp-job .register-detail ul li { font-size: 13px; color: #333333;} #bkp-job .register-detail ul .link {clear: both; line-height: 40px; padding: 20px 0 0;} #wrapper #bkp-job .register-detail ul .link a{padding: 8px 20px;} /*local-profile*/ #bkp-job .local-profile { width: 940px; overflow: hidden; padding-top: 15px;} #bkp-job .local-profile img { padding: 0 0 10px;} #bkp-job .local-profile .required { color: #ca0010; font-size: 13px; padding-left: 10px; margin-bottom: 20px;} #bkp-job .local-profile p { margin-bottom: 10px; font-size: 12px;} #bkp-job .local-profile p span { display: block; line-height: 18px; margin-bottom: 5px;} #bkp-job .local-profile p span strong { padding-left: 1px;} #bkp-job .local-profile .rightgroup {float: left; width: 385px; color:#666;} #bkp-job .local-profile .rightgroup .file{ width: auto; height: auto;} #bkp-job .profile-detail { clear: both; width: 940px; overflow: hidden; padding-bottom: 20px;} #bkp-job .profile-detail ul { padding-left: 10px; width: 610px;} #bkp-job .profile-detail .profile-left { width: 590px; overflow: hidden; float: left;} #bkp-job .profile-detail li { width: 590px; overflow: hidden; padding-bottom: 10px;} #bkp-job .profile-detail li label { width: 205px; float: left; font-size: 12px; font-weight: bold; padding-top: 3px; color:#333;} #bkp-job .profile-detail li label span { color: #ca0010;} #bkp-job .profile-detail li label span.note {color:#666;display: block;padding: 0 0 0 12px;} #bkp-job .profile-detail li select { float: left; padding: 2px; border: 1px solid #BFD2E1; margin-right: 5px; width: 110px;} #bkp-job .profile-detail li input.text { width: 310px; border: 1px solid #BFD2E1; padding: 2px 5px;} #bkp-job .profile-detail .newline {padding:5px 0 0 195px;} #bkp-job .profile-detail li .name-surname { overflow: hidden; width: 610px; padding: 0;} #bkp-job .profile-detail li .name-surname .name { width: 350px; overflow: hidden; padding: 0 10px 0 0; float: left;} #bkp-job .profile-detail li .name-surname .name input.text { width: 128px; float: left; padding:2px 5px; height: auto;} #bkp-job .profile-detail li .name-surname .surname { width: 220px; overflow: hidden; float: left; padding: 0;} #bkp-job .profile-detail li .name-surname .surname label { width: 75px; padding-top: 4px;} #bkp-job .profile-detail li .name-surname .surname input { width: 128px; height: auto; padding: 2px 5px; } #bkp-job .profile-detail li .choice { float: left; overflow: hidden; width: 385px; margin-top: 4px; padding: 0;} #bkp-job .profile-detail li .choice li { width: auto; padding: 0 15px 0 0; overflow: hidden; float: left; } #bkp-job .profile-detail li .choice li input { float: left; width: 16px; height:14px; margin: 0 5px 0 0; border: none;} #bkp-job .profile-detail li .choice li label { float: left; width: auto; font-size: 12px; color: #666666; padding-top: 1px; font-weight: normal;} #bkp-job .profile-detail li .day { width: 55px; margin-right: 5px;} #bkp-job .profile-detail li .month { width: 95px; margin-right: 5px;} #bkp-job .profile-detail li .year { width: 95px;margin-right: 5px;} #bkp-job .profile-detail li .number { color: #333; float: left; padding-right: 3px;} #bkp-job .profile-detail li .detail { color: #333; float: left; width: 150px;} #bkp-job .profile-detail li .education { width: 312px;} #bkp-job .profile-detail li .Initial { height: 18px; padding: 3px 0 0 5px; width: 160px; border: 1px solid #BFD2E1; font-size: 13px;} #bkp-job .profile-detail .profile-left li p { float: left; padding-right: 5px;} #bkp-job .profile-detail .profile-pic {float: right; overflow: hidden; padding-left: 10px; width: 330px; height: 235px;} #bkp-job .profile-detail .profile-pic img { padding: 0; float: left; width: 78px;} #bkp-job .profile-detail .profile-pic input { clear: both; float: left; margin: 10px 0;} #bkp-job .profile-detail .profile-pic p { clear: both; float: left; font-size: 12px; color: #666666;} #bkp-job .profile-detail .profile-pic p span { display: block;} #bkp-job .profile-detail .working-profile { width: 950px; overflow: hidden;} #bkp-job .profile-detail .working-profile li { width: 950px;} #bkp-job .profile-detail .working-profile li select { width: 312px;} #bkp-job .profile-detail .working-profile li .year { width: 110px;} #bkp-job .profile-detail .working-profile .salary { width: 115px; margin-right: 5px; border: 1px solid #BFD2E1; padding: 2px 5px;} #bkp-job .profile-detail .working-profile .currency { width: 155px; float: none;} #bkp-job .profile-detail .working-profile .choice { width: 600px; margin: 0;} #bkp-job .profile-detail .working-profile .choice li label { padding: 5px 0 2px;} #bkp-job .profile-detail .working-profile .choice .reason { width: 215px; border: 1px solid #bfd2e1; float: left; height: 22px; margin-left: 10px; padding: 0;} #bkp-job .profile-detail .working-profile .recruiters-contact .detail { width: 280px;} #bkp-job .profile-detail .working-profile .recruiters-contact .choice { width: 400px; overflow: hidden;} #bkp-job .profile-detail .working-profile .recruiters-contact .choice li { padding-right: 30px;} #bkp-job .profile-detail .career-expectations { width: 950px;} #bkp-job .profile-detail .career-expectations li { width: 950px;} #bkp-job .profile-detail .career-expectations .work-outside { width: 950px;} #bkp-job .profile-detail .career-expectations .work-outside .detail { width: 260px;} #bkp-job .profile-detail .career-expectations p { color: #666666; float: left; font-size: 13px; padding-top: 3px;} #bkp-job .profile-detail .career-expectations li .content { width: 650px; } #bkp-job .profile-detail .career-expectations p a { font-size: 12px;} #bkp-job .profile-detail .career-expectations .career-opportunities { width: 950px;} #bkp-job .profile-detail .career-expectations .career-opportunities .detail { width: 475px;} #bkp-job .profile-detail .career-expectations .career-opportunities input { float: left; margin-right: 5px; width: 50px;} #bkp-job .profile-detail .career-expectations .career-opportunities p { padding: 0;} #bkp-job .local-profile .preview-submit { text-align: center; width: 960px; padding-bottom: 30px; position: relative; height: 26px;} #bkp-job .local-profile .preview-submit .edit { background: url(../img/job/Button-edit.png) 0 0 no-repeat; width: 80px; height: 26px; position: absolute; top: 0; right: 440px; } #bkp-job .local-profile .preview-submit .edit:hover { background: url(../img/job/Button-edit.png) 0 -26px no-repeat; } #bkp-job .local-profile .preview-submit .edit span { display: none; } #bkp-job .local-profile .preview-submit .preview { background: url(../img/job/Button-preview.png) 0 0 no-repeat; width: 80px; height: 26px; border: none; cursor: pointer;} #bkp-job .local-profile .preview-submit .preview:hover { background: url(../img/job/Button-preview.png) 0 -26px no-repeat;} #bkp-job .local-profile .preview-submit .reset, #bkp-job .local-profile .preview-submit .submit { background: #1776b3; background: -moz-linear-gradient(top, #1776b3 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1776b3), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -o-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -ms-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: linear-gradient(to bottom, #1776b3 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1776b3', endColorstr='#1d5273',GradientType=0 ); border: none; cursor: pointer; font-size: 13px; color: #fff; padding: 5px 10px; border-radius: 3px; line-height: 22px; margin: 0 5px 0 0; text-decoration: none;} #bkp-job .local-profile .preview-submit .reset {padding: 5px 15px;} #bkp-job .local-profile .preview-submit .reset:hover, #bkp-job .local-profile .preview-submit .submit:hover {background: #3b99d5; background: -moz-linear-gradient(top, #3b99d5 0%, #146ca4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99d5), color-stop(100%,#146ca4)); background: -webkit-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: -o-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: -ms-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: linear-gradient(to bottom, #3b99d5 0%,#146ca4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99d5', endColorstr='#146ca4',GradientType=0 ); } #bkp-job .local-profile .preview-submit .savechange { background: url(../img/job/Button-savechange.png) 0 0 no-repeat;width: 80px; height: 26px; border: none; cursor: pointer;} #bkp-job .local-profile .preview-submit .savechange:hover { background: url(../img/job/Button-savechange.png) 0 -26px no-repeat;} #bkp-job .file-resume {width: 300px; float: left;} #bkp-job form.apply .file-resume{width: 500px; float: left;} #bkp-job .file-resume .resume{background: url(../img/bg/resume-doc.png) no-repeat;width:230px; margin:10px 0 0 10px; padding: 25px 0 10px 70px; height: 50px; clear: both; position: relative;} #bkp-job form.apply .file-resume .resume{height: 35px;} #bkp-job .file-resume .resume .delete-mini {top: 28px; right: 0; position: absolute;} #bkp-job .file-resume .resume span, #bkp-job .file-resume .resume span{color:#195F8C!important;} #bkp-job .file-resume .resume a span,#bkp-job .file-resume .resume a img{display: inline; line-height: 18px; margin: 0; padding: 0;} /*job-alert-setting form*/ #bkp-job .job-alert{font-size: 12px; color:#666; width: 940px; padding: 20px 0 0;} #bkp-job .job-alert h1{color:#000; font-size: 14px; padding: 0 0 5px;} #bkp-job .job-alert h2,#bkp-job .profile-detail h2 {font-size: 16px;color:#fff; background: #195f8c; border-radius: 5px; padding: 5px 10px; margin: 15px 0 20px;} #bkp-job .instruction {color:#000;} #bkp-job .job-alert li {width: 960px; overflow: hidden; padding: 0 0 10px;} #bkp-job .job-alert li input.text {width: 280px; padding: 3px 5px; margin:0 5px 5px 0;} #bkp-job .job-alert select{padding: 3px 0;} #bkp-job .job-alert .rightgroup {width: 750px; float: left;} #bkp-job .job-alert .rightgroup label {width: auto;float: none;font-weight: normal; color:#666;} #bkp-job .job-alert .rightgroup .slide-detail p{padding: 5px 10px 15px;} #bkp-job .job-alert ul .input-slidedown {width: 590px; margin: 0; } #bkp-job .job-alert ul .input-slidedown li {line-height: 20px;width: 560px; margin:0 0 10px 20px;overflow: visible; list-style: disc outside none; padding:0;} #bkp-job .job-alert label {float: left; width: 200px; color:#333; font-weight: bold;} #bkp-job .job-alert label span {color: #cc0d00;} #bkp-job .job-alert label .note { display: block; color: #666; padding: 0 0 0 12px;} #bkp-job .job-alert .newLine {float: left; padding: 5px 0 5px 200px; clear: both;} #bkp-job .job-alert .error{color:#CA0010; float: none; font-size: 13px; font-weight: normal;} #bkp-job .job-alert .link{margin: 10px 0 20px 200px;} #bkp-job .job-alert .link input{float: left;} #bkp-job .job-alert .link input.Save , #bkp-job .job-alert .link input.Clear { background: #1776b3; background: -moz-linear-gradient(top, #1776b3 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1776b3), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -o-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -ms-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: linear-gradient(to bottom, #1776b3 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1776b3', endColorstr='#1d5273',GradientType=0 ); border: none; cursor: pointer; font-size: 13px; color: #fff; padding: 5px 10px; border-radius: 3px; line-height: 22px; margin: 0 5px 0 0;} #bkp-job .job-alert .link input.Save:hover , #bkp-job .job-alert .link input.Clear:hover{ background: #3b99d5; background: -moz-linear-gradient(top, #3b99d5 0%, #146ca4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99d5), color-stop(100%,#146ca4)); background: -webkit-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: -o-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: -ms-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: linear-gradient(to bottom, #3b99d5 0%,#146ca4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99d5', endColorstr='#146ca4',GradientType=0 ); } /*local-profile preview*/ #bkp-job .preview-profile li { padding-bottom: 20px;} #bkp-job .preview-profile ul li p { float: left; font-size: 13px; font-weight: bold; } #bkp-job .preview-profile ul li .content { width: 205px;} #bkp-job .preview-profile ul li .profile-user { color: #666666; font-size: 12px; font-weight: normal; padding-right: 20px;} #bkp-job .preview-profile ul li .last-name { font-size: 13px; font-weight: bold; width: 205px;} #bkp-job .preview-profile ul li .last-name span { color: #666666; font-size: 12px; font-weight: normal;} #bkp-job .preview-profile ul li .contact-you { width: 260px;} #bkp-job .preview-profile ul li .work-outside { width: 245px;} #bkp-job .preview-profile ul li .career-opportunities { width: 475px;} /*lightbox-template*/ .lightbox-template { background: none; margin: 0;} .lightbox-template .lightbox-content { width: 750px; padding: 10px 10px 30px; background: #FFFFFF;} .lightbox-template .lightbox-content .navigation-header h1 { background: url(../img/job/login-head.jpg) 0 0 no-repeat; font-size: 16px; color: #ffffff; height: 33px; width: 700px; padding: 12px 0 0 50px;} .lightbox-template .lightbox-content .choose-career { margin-top: 20px; } .lightbox-template .lightbox-content .choose-career #select_item { padding: 10px 0 10px 40px; width: 708px; height: 250px; overflow: auto; border: 1px solid #cccccc; margin-bottom: 20px;} .lightbox-template .lightbox-content .choose-career #select_item li { overflow: hidden; padding-bottom: 3px;} .lightbox-template .lightbox-content .choose-career .apply-resume-navigation { overflow: hidden; margin: 10px auto 0; width: 180px;} .lightbox-template .lightbox-content .choose-career .apply-resume-navigation li { float: left; width: 80px;} .lightbox-template .lightbox-content .choose-career .apply-resume-navigation .choose { margin-right: 10px;} .lightbox-template .lightbox-content .choose-career .apply-resume-navigation .choose input { background: url(../img/job/Button-choose.png) 0 0 no-repeat; width: 80px; height: 26px; border: none; cursor: pointer;} .lightbox-template .lightbox-content .choose-career .apply-resume-navigation .choose input:hover { background: url(../img/job/Button-choose.png) 0 -26px no-repeat;} .lightbox-template .lightbox-content .choose-career .apply-resume-navigation .cancel input { background: url(../img/job/Button-cancel.png) 0 0 no-repeat; width: 80px; height: 26px; border: none; cursor: pointer;} .lightbox-template .lightbox-content .choose-career .apply-resume-navigation .cancel input:hover { background: url(../img/job/Button-cancel.png) 0 -26px no-repeat;} .lightbox-template #msg-notification{color:#4c4c4c; margin: 0 auto; overflow: hidden; text-align: center; width: 585px; padding: 85px 0; display: block;} .lightbox-template #msg-notification p{width: 585px; text-align:center;padding:0;font-size: 14px;} .lightbox-template #msg-notification .link{width: 260px; margin: 25px auto 0;} .lightbox-template #msg-notification .link a{width: 260px; margin: 25px auto 0;} /*save resume*/ .lightbox-template #msg-notification.save-resume{padding: 80px 0 120px;} /*save-jobalert*/ .lightbox-template #msg-notification.save-jobalert{padding: 80px 0 120px;} #bkp-job .profile-detail .error { font-size: 12px; color: #CA0010; width: 180px; font-weight: normal; float: none;} #bkp-job .profile-detail .newLine { clear: both; display: inline;} #bkp-job .profile-detail .newLine .error { padding: 5px 0 0 205px;} #bkp-job .profile-detail .career-expectations .choice { width: 660px;} #bkp-job .profile-detail .career-expectations .choice li label { overflow: hidden; padding: 5px 0 2px;} #bkp-job .profile-detail .career-expectations .choice li label .check-box { float: left; width: 63px; padding-right: 5px;} #bkp-job .profile-detail .career-expectations .choice li label .country { float: left; width: 560px;} #bkp-job .profile-detail .career-expectations .choice li label span { color: #333333;} #bkp-job .profile-detail .career-expectations .choice li label span a { padding-left: 5px;} #bkp-job .profile-detail .career-expectations .choice li { float: none; padding-bottom: 5px;} .tree-checkbox { cursor: pointer !important; display: inline-block; height: 16px; width: 16px;} .tree-checkbox1 { background: url("../img/job/tree_checkbox_1.gif") no-repeat 0 2px ;} .tree-checkbox0 { background: url("../img/job/tree_checkbox_0.gif") no-repeat 0 2px ;} .tree-title {font-size: 13px;font-weight: bold;color: #195F8C;cursor: pointer; padding-left: 5px;} .one-level .tree-title {font-size: 13px;font-weight: bold;color: #195F8C;cursor: pointer; padding-left: 25px;background: url(../img/job/tree_checkbox_0.gif) no-repeat 0 -1px ;} .one-level .tree-node-selected .tree-title {background: url("../img/job/tree_checkbox_1.gif") no-repeat 0 -1px ;} .tree-title:hover {text-decoration: underline;} .tree-indent { display: none;} .tree-expanded { background: url("../img/job/tree_arrows.gif") no-repeat scroll 0 1px transparent; cursor: pointer !important; display: inline-block; height: 16px; width: 16px;} .tree-collapsed { background: url("../img/job/tree_arrows.gif") no-repeat scroll -18px 1px transparent; cursor: pointer !important; display: inline-block; height: 16px; width: 16px;} .tree-node { cursor: default !important;} #select_item li ul { padding-left: 20px;} .policy { padding-left: 10px; margin-bottom: 20px; overflow: hidden; width: 960px;} .policy input { float: left; margin-right: 5px;} .policy label a { float: left; font-size: 13px;} /*search mini panel*/ form.mini-search {width: 910px; background: #abcae9; padding: 15px 15px 10px; margin: 0; display: inline-block;} form.mini-search h2 {color:#185e8f; text-transform: uppercase; font-size: 15px; float: left; width: 140px;} form.mini-search > div {float: left; width: 770px;} form.mini-search > div > * {float: left; line-height: 18px;} form.mini-search input[type='text'] {width: 395px; margin: 0 5px; padding: 5px 10px; border: none; height: 18px; font-size: 12px; border-radius: 0.2857rem; background: #ffffff; border: 1px solid rgba(39, 41, 43, 0.15);} form.mini-search input[type='submit'] {background:#1c618b; color:#fff; border: none; font-size: 11px; padding: 5px 10px 3px 10px; margin: 0 0 0 10px;cursor: pointer;} form.mini-search .custom {position: relative;} form.mini-search .custom select {left:0;top:0; cursor: pointer; color:#666; font-size: 13px;} form.mini-search .custom select option {border: none; padding: 2px 5px; outline: none;} form.mini-search span.customSelect {padding: 5px 10px; height: 18px; border: none;color:#666; font-size: 13px;background:#fff url(../img/bg/search-ico.png) no-repeat scroll 216px center;} form.mini-search .customSelectInner {padding: 0;} form.mini-search ul {clear: both; padding: 0 0 0 5px; width: 755px;} form.mini-search ul li{font-size: 13px; color:#666; float:left; width: 50%; padding: 5px 0 0;} form.mini-search ul li:nth-child(2) {float: right; text-align: right; padding: 5px 15% 0 0; width: 35%;} form.mini-search ul a {color: #185e8f;background: url(../img/bg/ico-homepage.png) no-repeat 0 0; padding: 0 0 0 20px;} form.mini-search ul a:hover {text-decoration: underline;} /*search-pages*/ #bkp-job .search-pages { margin-top: 20px; overflow: hidden; width: 960px; clear: both;} #bkp-job .search-pages .header { margin: 0; overflow: hidden; width: 960px;} #bkp-job .search-pages .header h1 { color: #213c70; font-size: 16px; float: left; padding: 0 0 10px; color:#333; font-size: 15px; width: 940px; border-bottom: 1px solid #ccc;} #bkp-job .search-pages #sidebar-navigaiton { background: #FFFFFF; float: left; padding-top: 20px; width: 156px;} #bkp-job .search-pages #sidebar-navigaiton h1 { font-size: 16px; font-weight: bold;} #bkp-job .search-pages #sidebar-navigaiton h1 { background: url("../img/job/sidebar-navigaiton-header.png") 0 0 no-repeat ; padding: 10px; width: 126px; color: #233d6e;} #bkp-job .search-pages #sidebar-navigaiton ul { margin: 0; width: 155px; min-height: 180px;} #bkp-job .search-pages #sidebar-navigaiton ul li { background: url("../img/job/sidebar-navigaiton-li.gif") no-repeat 0 0; line-height: 36px; margin-left: 0; padding: 0 7px; width: 132px; } #bkp-job .search-pages #sidebar-navigaiton ul li:hover { background: url("../img/job/sidebar-navigaiton-li.png") 0 0 no-repeat; width: 155px;} #bkp-job .search-pages #sidebar-navigaiton ul li:hover a { color: #FFFFFF; text-decoration: none;} #bkp-job .search-pages #sidebar-navigaiton ul li.active { background: url("../img/job/sidebar-navigaiton-li.png") 0 0 no-repeat; width: 155px;} #bkp-job .search-pages #sidebar-navigaiton ul li.active a { color: #ffffff;} #bkp-job .search-pages #sidebar-navigaiton ul li a { display: block; height: 14px; line-height: 14px; padding: 11px 0; width: 142px; font-size: 12px; font-weight: bold; color: #333333;} #bkp-job .search-pages #search-content { border-top: 20px solid #FFFFFF; float: right; width: 780px; overflow: hidden; min-height: 260px;} #bkp-job .search-pages #keyword-search, #resume-search { background: url(../img/job/bg-search-box.png) 0 0 no-repeat; margin-bottom: 15px; padding: 10px; position: relative; width: 760px !important; height: 201px;} #bkp-job .search-pages #keyword-search h1 { border: none; float: left; font-family: Arial; font-size: 13px; margin-bottom: 5px;} #bkp-job .search-pages #keyword-search .today-job-total { color: #333333; float: left; padding: 0 0 0 5px; font-weight: bold; font-size: 13px;} #bkp-job .search-pages #keyword-search .fillter-search { overflow: hidden; width: 760px;} #bkp-job .search-pages #keyword-search .fillter-search li { clear: both; float: left; margin-bottom: 10px; width: 480px;} #bkp-job .search-pages #keyword-search .fillter-search li .textfield { color: #333333; font-size: 13px; border: 3px solid #a0c6e3; width: 350px; margin-right: 10px; padding: 2px;} #bkp-job .search-pages #keyword-search .fillter-search li.filter-property { clear: both; width: 700px; margin-bottom: 15px;} #bkp-job .search-pages #keyword-search .fillter-search li.filter-property input { margin-right: 3px;} #bkp-job .search-pages #keyword-search .fillter-search li.filter-property label { font-size: 13px; color: #333333; margin-right: 10px;} #bkp-job .search-pages #keyword-search .fillter-search li select { width: 268px; border: 1px solid #cccccc;} #bkp-job .search-pages #keyword-search .fillter-search #Choose-career-field { float: left; width: 280px; margin: 0 0 10px 0; padding: 1px; _display: inline;} #bkp-job .search-pages #keyword-search .fillter-search #Choose-job-industry { float: left; width: 280px; clear: none; margin: 0; padding: 1px; _display: inline;} #bkp-job .search-pages #keyword-search .fillter-search #Choose-province { clear: both; padding: 1px;} #bkp-job .search-pages #keyword-search .fillter-search input.button-search { background: url("../img/job/Button-search2.png") no-repeat 0 0 ; width: 80px; height: 26px; border: none; float: left; margin: 5px 5px 0 0; cursor: pointer;} #bkp-job .search-pages #keyword-search .fillter-search input.button-search:hover { background: url("../img/job/Button-search2.png") no-repeat 0 -26px ;} #bkp-job .search-pages #keyword-search .fillter-search li p { margin-top: 10px;} #bkp-job .search-pages #keyword-search .fillter-search li .advance-search { font-size: 13px; font-weight: bold;} #bkp-job .search-pages #sponsor-candidate { margin-bottom: 20px;width: 780px; overflow: hidden;} #bkp-job .search-pages #sponsor-candidate .sponsor-content { border: 1px solid #CCCCCC; overflow: hidden; padding: 10px 10px 10px 0; width: 768px; border-radius: 10px; overflow: hidden;} #bkp-job .search-pages #sponsor-candidate .sponsor-content ul li { overflow: hidden;} #bkp-job .search-pages #sponsor-candidate .sponsor-content .sponsor-info { width: 360px;} #bkp-job .search-pages .sponsor-content .sponsor-info { float: left; margin: 10px 0 10px 15px;} #bkp-job .search-pages .sponsor-content .sponsor-info .sponsor-thumbnail { float: left; margin-right: 10px; width: 100px;} #bkp-job .search-pages .sponsor-content .sponsor-info ul { float: left; width: 250px;} #bkp-job .search-pages .sponsor-content .sponsor-info ul li { color: #666666; line-height: 18px; font-size: 13px;} #bkp-job .search-pages .sponsor-content .sponsor-info ul li a { color: #1e79bc; font-weight: bold; line-height: 18px; font-size: 13px;} #bkp-job .search-pages .sponsor-content .sponsor-info ul li span { font-size: 12px; font-weight: bold; line-height: 13px; color: #333333; margin-right: 5px;} #bkp-job .search-pages .sponsor-content .sponsor-info ul li input.reply { background: url("../img/job/Button-moreinfo2.png") no-repeat 0 0; width: 64px; border: none; height: 26px; cursor: pointer; margin-top: 5px;} #bkp-job .search-pages .sponsor-content .sponsor-info ul li input.reply:hover { background: url("../img/job/Button-moreinfo2.png") no-repeat 0 -26px;} #bkp-job .search-pages #search-content #view-job-by ul li { float: left; line-height: 25px; margin-right: 20px;} #bkp-job .search-pages #search-content #view-job-by h2 { color: #333333; font-size: 13px; font-weight: bold;} #bkp-job .search-pages #search-content #view-job-by .sort-by { float: right; margin-right: 0;} #bkp-job .search-pages #search-content #view-job-by ul li label { margin-right: 5px; font-size: 13px;} #bkp-job .search-pages form#view-job-by select, .sort-by select { font-size: 13px; width: 138px; border: 1px solid #cccccc;} #bkp-job .search-pages #search-content #view-job-by .sort-by select { margin-right: 5px;} #bkp-job .search-pages #job-table table { border-style: none; border-width: medium 1px 1px; margin-bottom: 15px; margin-top: 10px; width: 778px;} #bkp-job .search-pages #job-table table tbody tr th { background: #DEDEDE; text-align: left; border-left: 1px solid #CCCCCC; color: #333333; font-size: 12px; padding: 10px 5px;} #bkp-job .search-pages #job-table table tbody tr td { font-size: 12px; border-top: 1px solid #EEEEEE; padding: 10px 5px; vertical-align: top; } #bkp-job .search-pages #job-table table tbody tr:hover { background: #f5fafe; } #bkp-job .search-pages #job-table table tbody tr th.th-date { width: 80px; border-top-left-radius: 10px; border-top: 1px solid #cccccc;} #bkp-job .search-pages #job-table table tbody tr th.th-position { width: 195px; border-top: 1px solid #cccccc;} #bkp-job .search-pages #job-table table tbody tr th.th-company{ width: 195px; border-top: 1px solid #cccccc;} #bkp-job .search-pages #job-table table tbody tr th.th-location { width: 195px; border-top: 1px solid #cccccc;} #bkp-job .search-pages #job-table table tbody tr th.th-salary { width: 80px; border-top-right-radius: 10px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;} #bkp-job .search-pages .pagination { font-size: 13px; font-weight: bold; clear: both; color: #333333; margin: 0 0 20px; overflow: hidden; text-align: right;} #bkp-job .search-pages .pagination a { font-weight: normal; background: #ECECEC; color: #333333; padding: 1px 4px; text-decoration: none;} #bkp-job .search-pages .pagination a:hover, #bkp-job .search-pages .pagination a.active { background: #1e79bc; color: #ffffff; } #bkp-job .search-pages #job-table table tbody tr .radius-right { border-bottom-right-radius: 10px;} #bkp-job .search-pages #job-table table tbody tr .radius-left { border-bottom-left-radius: 10px;} #bkp-job .search-pages #job-table table tbody tr .border-bottom { border-bottom: 1px solid #cccccc;} #bkp-job .search-pages #job-table table tbody tr .border-right { border-right: 1px solid #cccccc;} #bkp-job .search-pages #job-table table tbody tr .border-left { border-left: 1px solid #cccccc;} #bkp-job .search-pages #job-table table tbody tr .position a { padding-right: 5px; font-weight: bold;} #bkp-job .search-pages #job-table table tbody tr .position span { color: #999999;} #bkp-job .search-pages #job-table table tbody tr td .location { border-bottom: 1px dotted #CCCCCC; margin-bottom: 5px; padding: 0 0 5px;} #bkp-job .search-pages .sidebar-bottom { bottom: 0; font-size: 0; height: 6px; left: 0; position: absolute; width: 146px;} #bkp-job .search-pages { background: url("../img/job/accountpage.gif") repeat-y 0 0; position: relative; z-index: 9;} #bkp-job .search-pages #sidebar-navigaiton .search-company { background: url("../img/job/search-company.gif") 0 0 no-repeat; line-height: 36px; margin-left: 0; padding: 0 7px; width: 132px; } #bkp-job .search-pages #sidebar-navigaiton .search-company:hover { background: url("../img/job/Leftmenu.png") 0 0 no-repeat;} #bkp-job .search-pages #sidebar-navigaiton .search-company.active { background: url("../img/job/Leftmenu.png") 0 0 no-repeat;} #bkp-job .search-pages #sidebar-navigaiton .search-company a { height: 31px; padding: 14px 0 11px;} #bkp-job .search-pages .search-list-column { float: left; width: 400px; padding: 0 0 0 20px; margin-bottom: 50px; _display: inline;} #bkp-job .search-pages .search-list-column ul li { padding-bottom: 10px;} #bkp-job .search-pages .search-list-column ul li a { font-size: 12px; font-weight: bold;} #bkp-job .search-pages .search-list-column ul li a span { color: #333333; font-weight: normal;} #bkp-job .search-pages .search-list-column ul li span { padding-right: 5px; color: #cccccc;} #bkp-job .search-pages .search-in-thailand ul li h3 span , #bkp-job .search-pages .search-overseas ul li h3 span {padding-right: 5px; color: #333333;} #bkp-job .search-pages .search-in-thailand ul li span , #bkp-job .search-pages .search-overseas ul li span {padding-right: 5px; color: #a5a5a5;} #bkp-job .search-pages .search-in-thailand ul li p , #bkp-job .search-pages .search-overseas ul li p {display: inline-block; font-size: 12px; color: #333;} #bkp-job .search-pages .column-left { width: 310px; } #bkp-job .search-pages .search-in-thailand , #bkp-job .search-pages .search-overseas {width: 375px; float: left; overflow: hidden; padding-right: 20px;} #bkp-job .search-pages .search-in-thailand h2 , #bkp-job .search-pages .search-overseas h2 { width: 365px; padding: 3px 0 0 5px; font-size: 15px; color: #ffffff; height: 22px; margin-bottom: 10px; border-radius: 5px; background: #1477bf; background: -moz-linear-gradient(top, #1477bf 0%, #0061a5 100%); background: -webkit-linear-gradient(top, #1477bf 0%,#0061a5 100%); background: linear-gradient(to bottom, #1477bf 0%,#0061a5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1477bf', endColorstr='#0061a5',GradientType=0 ); } #bkp-job .search-pages .search-overseas {padding-right: 0;} #bkp-job .search-pages .search-overseas h2 { width: 360px;} #bkp-job .search-pages .search-in-thailand ul { overflow: hidden;} #bkp-job .search-pages .bangkok-greater-central-northEast, #bkp-job .search-pages .asia-africa-northAmerica { float: left; padding-right: 25px;} #bkp-job .search-pages .north-south-east-west, #bkp-job .search-pages .southAmerica-europe-australia { float: left;} #bkp-job .search-pages .bangkok-greater, #bkp-job .search-pages .central, #bkp-job .search-pages .northEast, #bkp-job .search-pages .north, #bkp-job .search-pages .south, #bkp-job .search-pages .east, #bkp-job .search-pages .west, #bkp-job .search-pages .asia, #bkp-job .search-pages .africa, #bkp-job .search-pages .northAmerica, #bkp-job .search-pages .southAmerica, #bkp-job .search-pages .europe, #bkp-job .search-pages .australia { margin-bottom: 30px;} #bkp-job .search-pages .bangkok-greater h3, #bkp-job .search-pages .central h3, #bkp-job .search-pages .northEast h3, #bkp-job .search-pages .north h3, #bkp-job .search-pages .south h3, #bkp-job .search-pages .east h3, #bkp-job .search-pages .west h3, #bkp-job .search-pages .asia-africa-northAmerica .asia h3, #bkp-job .search-pages .asia-africa-northAmerica .africa h3, #bkp-job .search-pages .asia-africa-northAmerica .northAmerica h3, #bkp-job .search-pages .southAmerica-europe-australia .southAmerica h3, #bkp-job .search-pages .southAmerica-europe-australia .europe h3, #bkp-job .search-pages .southAmerica-europe-australia .australia h3 { font-size: 13px; /*color: #1E79BC;*/ margin-bottom: 3px; color: #195f8c;} #bkp-job .search-pages .bangkok-greater h3 { padding-left: 3px;} #bkp-job .search-pages .bangkok-greater ul li, #bkp-job .search-pages .central ul li, #bkp-job .search-pages .northEast ul li, #bkp-job .search-pages .north ul li, #bkp-job .search-pages .south ul li, #bkp-job .search-pages .east ul li, #bkp-job .search-pages .west ul li, #bkp-job .search-pages .asia ul li, #bkp-job .search-pages .africa ul li, #bkp-job .search-pages .northAmerica ul li, #bkp-job .search-pages .southAmerica ul li, #bkp-job .search-pages .europe ul li, #bkp-job .search-pages .australia ul li { color: #cccccc; list-style: disc inside none; font-size: 12px; line-height: 18px;} #bkp-job .search-pages .bangkok-greater ul li a, #bkp-job .search-pages .central ul li a, #bkp-job .search-pages .northEast ul li a, #bkp-job .search-pages .north ul li a, #bkp-job .search-pages .south ul li a, #bkp-job .search-pages .east ul li a, #bkp-job .search-pages .west ul li a, #bkp-job .search-pages .asia ul li a, #bkp-job .search-pages .africa ul li a, #bkp-job .search-pages .northAmerica ul li a, #bkp-job .search-pages .southAmerica ul li a, #bkp-job .search-pages .europe ul li a, #bkp-job .search-pages .australia ul li a { font-size: 12px; color:#195f8c; /*color: #1E79BC;*/} #bkp-job .search-pages .bangkok-greater ul li a span, #bkp-job .search-pages .central ul li a span, #bkp-job .search-pages .northEast ul li a span, #bkp-job .search-pages .north ul li a span, #bkp-job .search-pages .south ul li a span, #bkp-job .search-pages .east ul li a span, #bkp-job .search-pages .west ul li a span, #bkp-job .search-pages .asia ul li a span, #bkp-job .search-pages .africa ul li a span, #bkp-job .search-pages .northAmerica ul li a span, #bkp-job .search-pages .southAmerica ul li a span, #bkp-job .search-pages .europe ul li a span, #bkp-job .search-pages .australia ul li a span { /*color: #999999;*/ color: #333333;} /*#bkp-job .search-pages .search-overseas h2 { background: url("../img/job/bg-search-company.png") 0 0 no-repeat; width: 381px; padding: 3px 0 0 5px; font-size: 15px; color: #ffffff; height: 22px; margin-bottom: 10px;}*/ #bkp-job .search-pages .search-overseas h3 { margin-bottom: 25px; font-size: 13px; color: #195f8c;} #bkp-job .search-pages .search-overseas h3 span {color: #333333;} #bkp-job .search-pages #search-content .search-by-character { clear: both; margin-bottom: 5px; overflow: hidden;} #bkp-job .search-pages #search-content .search-by-character a , #bkp-job .search-pages #search-content .search-by-character span { background: #F7F7F7; color: #333333; display: block; float: left; font-size: 15px; font-weight: normal; line-height: 23px; margin: 0 2px; padding: 3px 8px; text-decoration: none; width: 9px;} #bkp-job .search-pages #search-content .search-by-character span {color: #a5a5a5;} #bkp-job .search-pages #search-content .search-by-character a:hover { color: #195f8c; } #bkp-job .search-pages #search-content .search-by-character a.active { background: #1e79bc; color: #FFFFFF;} #bkp-job .search-pages #search-content .search-by-character-result { float: left; padding: 30px 0; width: 360px;} #bkp-job .search-pages #search-content .search-by-character-result li { line-height: 24px; overflow: hidden; width: 360px;} #bkp-job .search-pages #search-content .search-by-character-result li span { color: #999999; float: left; font-size: 15px; width: 10px;} #bkp-job .search-pages #search-content .search-by-character-result li a { float: left; width: 350px; font-size: 12px; font-weight: bold;} .job-company { background: none;} .job-company #wrapper { background: none; width: 940px; padding: 0;} .job-company #wrapper #footer { height: 100px; clear: both;} .job-company #wrapper #bkp-job { margin: 0; padding: 0;} .job-company #wrapper #bkp-job #company-nav {padding: 15px 0 0;} .job-company #wrapper #bkp-job #company-nav .header { /*background: url("../img/job/bg-header.png") left bottom repeat-x; */ border-bottom: 1px solid #ccc;width: 940px; overflow: hidden; } .job-company #bkp-job #company-nav .header {position: relative; width: 100%;} .job-company #bkp-job #company-nav .header .companyname {padding: 8px 0; width: 475px; float: left; color: #333; font-size: 15px; font-weight: normal; font-family: arial_blackregular; line-height: 17px; text-transform: uppercase;} .job-company #bkp-job #company-nav .header nav { float: right; width: 435px; overflow: hidden; height: 33px; position: absolute; right: 0; bottom: 0;} .job-company #bkp-job #company-nav .header ul li { float: left; font-size: 13px; font-weight: bold; height: 13px;} .job-company #bkp-job #company-nav .header ul #company-profile { margin-right: 10px; padding: 10px 10px 10px 15px; width: 112px; _display: inline; text-align: center; cursor: pointer;} .job-company #bkp-job #company-nav .header ul #company-profile.active { background: url("../img/job/bg-company-active.png") 0 0 no-repeat;} .job-company #bkp-job #company-nav .header ul #positions { width: 130px; margin-right: 10px; padding: 10px 10px 10px 15px; _display: inline;} .job-company #bkp-job #company-nav .header ul #positions.active { background: url("../img/job/bg-positions-active.png") 0 0 no-repeat;} .job-company #bkp-job #company-nav .header ul #contact-us { width: 82px; margin-right: 10px; padding: 10px 10px 10px 20px; _display: inline;} .job-company #bkp-job #company-nav .header ul #contact-us.active { background: url("../img/job/bg-contact-us-active.png") 0 0 no-repeat;} .job-company #bkp-job #company-nav .header ul li a { color: #333333;} .job-company #bkp-job #company-content { width: 940px; overflow: hidden;} .job-company #bkp-job #company-content .position-header-panel { width: 960px; margin-top: 40px; overflow: hidden;} .job-company #bkp-job #company-content .position-header-panel #position-name { width: 540px; color: #333333; font-size: 20px; padding-top: 45px; float: left;} .job-company #bkp-job #company-content .position-header-panel #position-name h1 { border: none; font-size: 20px; font-weight: normal; margin: 0; padding: 0;} .job-company #bkp-job #company-content .position-header-panel .sns-navigation { float: right; width: 400px;} .job-company #bkp-job #company-content .position-header-panel .sns-navigation .tweetmeme_button, .job-company #bkp-job #company-content .position-header-panel .sns-navigation .facebook-share, .job-company #bkp-job #company-content .position-header-panel .sns-navigation .mail-to-company { float: right; margin-left: 10px;} .job-company #bkp-job #company-content .position-header-panel .sns-navigation .facebook-share { margin-right: 0;} .job-company #bkp-job #company-content .position-header-panel .sns-navigation .short-url h3 { font-size: 15px; font-weight: bold;} .job-company #bkp-job #company-content .position-header-panel .sns-navigation .short-url { border: 1px solid #EEEEEE; float: right; margin-left: 10px; padding: 10px 10px 0; text-align: center; width: 125px;} .job-company #bkp-job #company-content .qualifications-degree { width: 960px; margin-top: 10px; padding-bottom: 50px;} .job-company #bkp-job #company-content .qualifications-degree .skill { color: #666666; width: 940px; background: url("../img/job/bg-qualifications-degree.png") 0 0 no-repeat; height: 142px; padding: 10px; overflow: hidden; clear: both;} .job-company #bkp-job #company-content .qualifications-degree .skill li { font-size: 13px; line-height: 20px;} .job-company #bkp-job #company-content .qualifications-degree .skill li strong { color: #333333;} .job-company #bkp-job #company-content .qualifications-degree .job-field { overflow: hidden; padding: 0; width: 940px;} .job-company #bkp-job #company-content .qualifications-degree .job-field .header { float: left; padding-right: 5px; font-weight: bold; color: #333333;} .job-company #bkp-job #company-content .qualifications-degree .job-field ul { float: left; width: 800px;} .job-company #bkp-job #company-content .qualifications-degree h2 { font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; margin: 20px 0; float: left; width: 960px;} .job-company #bkp-job #company-content ul.jobdetail { overflow: hidden; padding: 0 0 20px; clear: both; width: 960px;} .job-company #bkp-job #company-content ul.jobdetail li { clear: both; line-height: 23px; font-size: 13px; padding-bottom: 10px; overflow: hidden;} .job-company #bkp-job #company-content ul.jobdetail li .head { color: #333333; float: left; font-weight: bold; width: 215px;} .job-company #bkp-job #company-content ul.jobdetail li p { float: right; margin-bottom: 0; width: 745px; color: #666666;} .job-company #bkp-job #company-content ul.jobdetail li p span { clear: both; display: block;} .job-company #bkp-job #company-content .activies { overflow: hidden; width: 960px; clear: both;} .job-company #bkp-job #company-content .activies li { float: left; overflow: hidden;} .job-company #bkp-job #company-content .activies li a span { display: none;} .job-company #bkp-job #company-content .activies .mailTo { background: url(../img/job/Button-mailto.png) 0 0 no-repeat; border: none; width: 80px; height: 26px; float: left; padding-right: 5px;} .job-company #bkp-job #company-content .activies .mailTo:hover { background: url(../img/job/Button-mailto.png) 0 -26px no-repeat;} .job-company #bkp-job #company-content .activies .applynow { background: url(../img/job/Button-applynow.png) 0 0 no-repeat; border: none; width: 80px; height: 26px; float: left; padding-right: 5px;} .job-company #bkp-job #company-content .activies .applynow:hover { background: url(../img/job/Button-applynow.png) 0 -26px no-repeat;} .job-company #bkp-job #company-content .activies .send-to-friend { background: url(../img/job/Button-sendtofriend.png) 0 0 no-repeat; border: none; width: 86px; height: 26px; float: left;} .job-company #bkp-job #company-content .activies .send-to-friend:hover { background: url(../img/job/Button-sendtofriend.png) 0 -26px no-repeat;} .applynow { background: url(../img/job/Button-applynow.png) 0 0 no-repeat; border: none; width: 80px; height: 26px; float: left; padding-right: 5px;} .applynow:hover { background: url(../img/job/Button-applynow.png) 0 -26px no-repeat;} .job-company #bkp-job .back { height: 26px; overflow: hidden; position: relative; width: 960px;} .job-company #bkp-job .back a { background: url(../img/job/Button-back.png) no-repeat scroll 0 0 transparent; border: none; float: left; height: 26px; left: 430px; position: absolute; width: 800px;} .job-company #bkp-job .back a:hover { background: url(../img/job/Button-back.png) no-repeat 0 -26px ;} .job-company #bkp-job .back a span { display: none;} .job-company #footer { color: #333333; padding: 20px 0 40px 0; border-top: 7px solid #1e79bc; width: 960px; background: #ffffff;} .job-company #footer p { font-weight: bold;} .job-company #footer p a { color: #1e79bc; text-decoration: none; font-weight: normal;} .job-company #footer p a:hover { text-decoration: underline;} .job-company #footer .Copyright { margin-top: 10px; width: 940px; line-height: 18px;} .job-company #bkp-job #company-content h2,.job-company #bkp-job #company-content h1{ clear: both; border-bottom: 1px solid #CCCCCC; margin: 15px 0 0; padding-bottom: 5px; font-size: 16px; } .job-company #bkp-job #company-content h1.form-hd {border: none; padding: 0;} .job-company #bkp-job .company-form { width: 900px; padding: 15px 20px 20px; margin: 15px 0 60px; overflow: hidden;background:#f8fcff;} .job-company #bkp-job .company-form ul { width: 920px; overflow: hidden;} .job-company #bkp-job .company-form ul li { margin-bottom: 8px; overflow: hidden; width: 770px; clear: both; float: left; list-style: none;} .job-company #bkp-job .company-form ul li .form-message.newline {padding: 0 0 0 140px;} .job-company #bkp-job .company-form ul .error {margin-bottom: 5px; } .job-company #bkp-job .company-form ul li label { color: #333333; width: 150px !important; font-size: 13px; font-weight: bold; float: left;} .job-company #bkp-job .company-form ul li select { float: left;} .job-company #bkp-job .company-form ul li .rightgroup {float: right; width: 620px; overflow: hidden;} .job-company #bkp-job .company-form ul li .rightgroup p{overflow: hidden;} .job-company #bkp-job .company-form ul li .textfield { float: left; width: 252px; border: 1px solid #cccccc; padding: 2px;} .job-company #bkp-job .company-form ul li .rightgroup .subject{float: left;width: 60px; color: #666;} .job-company #bkp-job .company-form ul li textarea { width: 252px; height: 86px; padding: 2px;} .job-company #bkp-job #company-content .company-form ul li p.captcha { float: left; margin-bottom: 0; overflow: hidden; padding: 0;} .job-company #bkp-job #company-content .company-form ul li p.captcha img { float: left;} .job-company #bkp-job #company-content .company-form ul li p.captcha a { float: left;} .job-company #bkp-job .company-form ul li span { vertical-align: top; color: #ca0010; font-size: 13px;} .job-company #bkp-job .company-form ul .error span { padding-left: 150px;} .job-company #bkp-job .company-form ul p.error span { padding:0;} .job-company #bkp-job .company-form .width150 { width: 150px !important; margin-right: 10px;} .job-company #bkp-job .company-form ul li ul li { margin:0 0 5px 0; padding-left: 150px; width: 600px;} .job-company #bkp-job .company-form .send-to-friend {border: none; float: left; cursor: pointer; color: #fff; font-size: 13px; text-decoration: none; line-height: 20px; border-radius: 5px; padding: 5px 10px; background: #1776b3; background: -moz-linear-gradient(top, #1776b3 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1776b3), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -o-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -ms-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: linear-gradient(to bottom, #1776b3 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1776b3', endColorstr='#1d5273',GradientType=0 ); } .job-company #bkp-job .company-form .send-to-friend:hover {background: #3b99d5; background: -moz-linear-gradient(top, #3b99d5 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99d5), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -o-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -ms-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: linear-gradient(to bottom, #3b99d5 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99d5', endColorstr='#1d5273',GradientType=0 ); } .job-company #bkp-job .thankYou { text-align: center; padding: 50px 0 100px; width: 960px; overflow: hidden;} .job-company #bkp-job .thankYou h1 { font-size: 20px; margin-bottom: 20px;} .job-company #bkp-job .thankYou p { font-size: 13px; margin-bottom: 40px;} .job-company #bkp-job .search-new-jobs { height: 26px; width: 960px; overflow: hidden; position: relative;} .job-company #bkp-job .search-new-jobs a { background: url("../img/job/Button-searchnewjobs.png") no-repeat 0 0;border: none; float: left; height: 26px; width: 100px; position: absolute; left: 430px;} .job-company #bkp-job .search-new-jobs a:hover { background: url("../img/job/Button-searchnewjobs.png") no-repeat 0 -26px ;} .job-company #bkp-job .search-new-jobs a span { display: none;} .job-company #bkp-job #company-content #teaser-box { margin-top: 20px;} .job-company #bkp-job #company-content #teaser-box img {width: 940px;} .job-company #bkp-job #company-content p { font-size: 13px; color: #666666; margin-bottom: 10px; } .job-company #bkp-job #company-content #comp-profile p:nth-of-type(1) {padding: 15px 0 0;} .job-company #bkp-job #company-content .view-all { float: right;} .job-company #bkp-job #company-content .view-all a { background: url(../img/job/btn-arrow.gif) no-repeat scroll 0 2px transparent; font-size: 12px; padding-left: 10px;} .job-company #bkp-job #company-content #qualifications { width: 960px; margin-bottom: 50px;} .job-company #bkp-job #company-content #qualifications table { margin: 0 0 15px; width: 960px;} .job-company #bkp-job #company-content #qualifications table tr th { background: #DEDEDE; text-align: center; padding: 15px 10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; font-size: 12px;} .job-company #bkp-job #company-content #qualifications table tr .text-left { text-align: left;} .job-company #bkp-job #company-content #qualifications table tr th.border-right { border-right: 1px solid #cccccc;} .job-company #bkp-job #company-content #qualifications table tr th.th-date { border-top-left-radius: 10px; width: 80px;} .job-company #bkp-job #company-content #qualifications table tr th.th-more-info { border-top-right-radius: 10px;} .job-company #bkp-job #company-content #qualifications table tr th.th-salary { width: 115px;} .job-company #bkp-job #company-content #qualifications table tr td { border-bottom: 1px solid #eeeeee; font-size: 12px; padding: 10px; text-align: center;} .job-company #bkp-job #company-content #qualifications table tr td.border-left { border-left: 1px solid #cccccc;} .job-company #bkp-job #company-content #qualifications table tr td.border-right { border-right: 1px solid #cccccc;} .job-company #bkp-job #company-content #qualifications table tr td.border-bottom { border-bottom: 1px solid #cccccc;} .job-company #bkp-job #company-content #qualifications table tr td.radius-left { border-bottom-left-radius: 10px;} .job-company #bkp-job #company-content #qualifications table tr td.radius-right { border-bottom-right-radius: 10px;} .job-company #bkp-job #company-content #qualifications table tr td.position { text-align: left; font-weight: bold;} .job-company #bkp-job #company-content #qualifications table tr td.position span { color: #999999;} .job-company #bkp-job #company-content #qualifications table tr:hover { background: #f5fafe; } .job-company #bkp-job #company-content #qualifications table tr .td-moreInfo { background: url("../img/job/Button-moreinfo2.png") no-repeat 0 0; border: none; cursor: pointer; height: 26px; margin-top: 5px; width: 64px;} .job-company #bkp-job #company-content #qualifications table tr .td-moreInfo:hover { background: url("../img/job/Button-moreinfo2.png") no-repeat 0 -26px;} /*contact-form*/ .job-company #bkp-job .contact {height: auto;} .job-company #wrapper #bkp-job .contact .legend {color:#000; font-weight:bold; font-size: 14px; padding: 10px 16px;} .job-company #bkp-job .contact .link,.job-company #bkp-job .contact .term {margin-left: 150px; width: 600px; overflow: hidden; padding: 0 0 20px;} .job-company #bkp-job .contact .term{padding: 0;} .job-company #bkp-job .company-form .link input{margin: 0 10px 0 0; padding: 5px 10px; border-radius: 5px; color: #fff; font-size: 13px; line-height: 20px; display: inline-block; border: none; text-decoration: none; cursor: pointer;} .job-company #bkp-job .contact input.textfield{height: auto;background:#fff;} .job-company #bkp-job .contact input.contact , .job-company #bkp-job .contact input.clearinfo {background: #1776b3; background: -moz-linear-gradient(top, #1776b3 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1776b3), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -o-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -ms-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: linear-gradient(to bottom, #1776b3 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1776b3', endColorstr='#1d5273',GradientType=0 ); } .job-company #bkp-job .contact input.contact:hover , .job-company #bkp-job .contact input.clearinfo:hover{background: #3b99d5; background: -moz-linear-gradient(top, #3b99d5 0%, #146ca4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99d5), color-stop(100%,#146ca4)); background: -webkit-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: -o-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: -ms-linear-gradient(top, #3b99d5 0%,#146ca4 100%); background: linear-gradient(to bottom, #3b99d5 0%,#146ca4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99d5', endColorstr='#146ca4',GradientType=0 ); } /*.job-company #bkp-job .contact input.clearinfo{background-position: 0 -196px;} .job-company #bkp-job .contact input.clearinfo:hover{background-position: 0 -228px;}*/ .job-company #bkp-job .contact .term label, .job-company #bkp-job .apply .term label {float: none; width: auto; font-weight: normal; vertical-align: top;} .job-company #bkp-job .contact .term input, .job-company #bkp-job .apply .term input{width: auto; margin: 0 5px 0 0; height: auto;} .job-company #bkp-job .company-form .term a{color:#333; text-decoration: underline;} .job-company #bkp-job .company-form .term a:hover{text-decoration: none;} /*Apply-form*/ .job-company #bkp-job .apply ul li span.note {display: block; font-size: 11px; font-weight: normal; color:#666;} .job-company #bkp-job .apply ul li .rightgroup {width: 590px;} .job-company #bkp-job .apply ul .error span{padding-left: 180px; line-height: 10px;} .job-company #wrapper #bkp-job .apply label{width: 180px!important;} .job-company #wrapper #bkp-job .apply ul li .form-message{float: left;} .job-company #wrapper #bkp-job .apply ul li .form-message.newline {padding: 0 0 0 170px;} .job-company #wrapper #bkp-job .apply ul li .form-message label{width: auto!important;padding: 0 0 0 10px;} .job-company #bkp-job .apply .link{padding-left: 180px;} .job-company #bkp-job .apply .link .submit-btn {border:none; text-decoration:none; cursor:pointer; background: #1776b3; background: -moz-linear-gradient(top, #1776b3 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1776b3), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -o-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -ms-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: linear-gradient(to bottom, #1776b3 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1776b3', endColorstr='#1d5273',GradientType=0 ); } .job-company #bkp-job .apply .link .submit-btn:hover {background: #3b99d5; background: -moz-linear-gradient(top, #3b99d5 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99d5), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -o-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -ms-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: linear-gradient(to bottom, #3b99d5 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99d5', endColorstr='#1d5273',GradientType=0 );} #company-content #map-link { float: left; height: 380px; margin-bottom: 30px; width: 480px;} #company-content #information { background: #F5F5F5; float: right; height: 341px; margin-bottom: 30px; padding: 20px; width: 420px;} #company-content address { color: #333333; margin-bottom: 15px; font-size: 13px; font-style: normal;} #company-content #information span { display: block; } #company-location, #company-multimedia { overflow: hidden; padding-top: 30px;} #company-location h2, #company-photo h2, #company-video h2 { border-bottom: 1px solid #CCCCCC; font-size: 16px; margin-bottom: 15px; padding-bottom: 5px; position: relative;} .company-map { float: left; height: 190px; margin-right: 10px; width: 241px; margin: 15px 0 0;} .location-detail { background: #F5F5F5; float: left; height: 160px; overflow: hidden; padding: 15px; width: 659px; margin: 15px 0 0;} .location-detail p { font-size: 13px;} .location-detail p span { font-weight: bold;} #company-photo { float: left; overflow: hidden; padding-right: 40px; width: 460px;} #company-photo ul { overflow: hidden; padding: 15px 0 0;} #company-photo ul li { float: left; height: 81px; margin: 0 5px 5px 0; overflow: hidden; width: 110px;} #company-video { float: left; overflow: hidden; width: 460px;} #company-video ul { overflow: hidden;} #company-video ul li { float: left; margin-right: 5px;} #company-multimedia { margin-bottom: 100px; width: 960px;} /*recruiter*/ .recruiter { background: url("../img/bg/bg-recruiter.jpg") 0 20px no-repeat; width: 964px; overflow: hidden; padding: 15px 0 0;} .recruiter h1 { font-size: 24px; color: #1e608a; width: 440px; clear: both; margin-bottom: 20px;padding: 0;} .recruiter p { margin-bottom: 15px; width: 480px; font-size: 13px;} .recruiter p span { display: block;} .recruiter p span a { color: #1e79bc; text-decoration: none;} .recruiter p span a:hover { text-decoration: underline;} .jobList { width: 964px; overflow: hidden; clear: both; margin: 20px 0 50px; } .jobList h3 { background: url("../img/bg/bg-jobList.jpg") 0 0 no-repeat; color: #ffffff; padding: 0 0 0 10px; width: 954px; padding: 10px 0 15px 10px; height: 32px; margin: 0; font-size: 13px; font-weight: normal;} .jobList ul { width: 924px; clear: both; overflow: hidden; padding: 0 20px;} .jobList ul li { float: left; padding-right: 40px;} .jobList ul li.last { padding: 0;} /* New Navigation 2013 */ body.JobsDarkBlueTheme #mainNavigation ul li { background: url(../../../common/img/navigation/newNav-right.png) right -324px no-repeat;text-align: center;margin-right: 1px;} body.JobsDarkBlueTheme #mainNavigation ul li a { background: url(../../../common/img/navigation/newNav-left.png) 0 -324px no-repeat;float: left; overflow: hidden;} body.JobsDarkBlueTheme #mainNavigation ul li a span { padding: 7px 0 5px 0; font-size: 12px; display: block;font-weight: bold; color: #ffffff; letter-spacing: 0.01em;} body.JobsDarkBlueTheme #mainNavigation ul li.active { background: url(../../../common/img/navigation/newNav-right-active.png) right -324px no-repeat;text-align: center;margin-right: 1px;} body.JobsDarkBlueTheme #mainNavigation ul li.active a { background: url(../../../common/img/navigation/newNav-left-active.png) 0 -324px no-repeat;float: left; overflow: hidden;} body.JobsDarkBlueTheme #mainNavigation ul li.active a span { padding: 7px 0 5px 0; font-size: 12px; display: block;font-weight: bold; color: #ffffff; letter-spacing: 0.01em;} body.JobsDarkBlueTheme #mainNavigation ul li:hover { background: url(../../../common/img/navigation/newNav-right-active.png) right -324px no-repeat;text-align: center;margin-right: 1px;} body.JobsDarkBlueTheme #mainNavigation ul li:hover a { background: url(../../../common/img/navigation/newNav-left-active.png) 0 -324px no-repeat;float: left; overflow: hidden;} body.JobsDarkBlueTheme #mainNavigation ul li:hover a: span { padding: 7px 0 5px 0; font-size: 12px; display: block;font-weight: bold; color: #ffffff; letter-spacing: 0.01em;} body.JobsDarkBlueTheme #wrapper .infotab_graytheme { background: #1e608a !important;} body.JobsDarkBlueTheme #wrapper .infotab_graytheme .subCategories li a { color: #ffffff;} body.JobsDarkBlueTheme #header #mainNavigation .pulldownlist { background: #1c5e87;} #bkp-job .profile-detail .content { font-size: 12px; color: #666; width: 180px; font-weight: normal; float: none;} #bkp-job .profile-detail .newLineContent { clear: both; display: block; padding:10px 0 0} #bkp-job .profile-detail .newLineContent .content { padding: 5px 0 0 205px;} .update-edit .bluebtn span { width: 190px;} /*sub channel layout*/ .twoCol .allStory {padding: 20px 0 0;} .twoCol .allStory h1.headline {font-size: 16px;} /*jobSearch-panel*/ .jobSearch-panel,.gradientBox2 {width: 268px; height: 228px; padding: 15px 15px 0; font-size: 12px;border: 1px solid #bebebe; overflow: hidden;border-radius: 10px; margin: 0 0 10px;box-shadow: 0 2px 2px 0 #ccc;position: relative; background: #f2f2f2;/* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #f1f1f1 75%, #d4d4d4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff),color-stop(75%,#f1f1f1), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#f1f1f1 75%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%,#f1f1f1 75%,#d4d4d4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%,#f1f1f1 75%,#d4d4d4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%,#f1f1f1 75%,#d4d4d4 100%); /* W3C */ } .jobSearch-panel h2 {font-size: 14px; padding: 0 0 5px;} #content .jobSearch-panel h2 a,#content .jobSearch-panel div h3,#content .jobSearch-panel div h3 a{color:#1E79BC;} .jobSearch-panel h3 {font-size: 12px;color:#000;padding: 0 0 10px; line-height: 14px;} .jobSearch-panel h4 a{color:#195F8C;font-size: 12px;} .jobSearch-panel h4 a:hover {text-decoration: underline;} .jobSearch-panel .text,.jobSearch-panel select {font-size: 12px; border: 1px solid #4a81a4; width: 187px;} .jobSearch-panel .text{padding: 8px 5px; color:#787878;} .jobSearch-panel select{width: auto; left: 15px;} .jobSearch-panel .custom{width: 270px; border-bottom: 1px solid #cacaca; box-shadow: 0 1px 0 #F9F9F9; height: 33px;} .jobSearch-panel .submit{background: url(../img/button/submit-btn.png) no-repeat 0 -66px; width:63px; margin: 0 0 0 5px; height: 32px; border: none;} .jobSearch-panel .submit:hover{background-position: 0 -99px;} .jobSearch-panel span.customSelect{background-position: 165px -499px; height: 30px; padding: 0; font-size: 12px; font-weight: normal;color:#787878; width: 197px;} .jobSearch-panel p {padding: 0 0 10px;} .jobSearch-panel div{width: 270px;} .jobSearch-panel div h3{padding: 5px 0; font-size: 13px;} .jobSearch-panel div .thumbnail {float: left; width: 100px;} .jobSearch-panel div p{font-weight: normal;} /*gradientBox2*/ .gradientBox2{height: auto;} .gradientBox2 h2{color:#1E79BC; font-size: 14px; margin: 0 0 8px;} .jobSearch-panel h2 a:hover {text-decoration: underline;} .gradientBox2 ul.mostViewList h3 a{color: rgb(33,60,112); font-size: 12px;} .gradientBox2 ul.mostViewList {width: 275px;font-size: 12px;color: rgb(72,72,72);margin: 0 auto 10px;padding: 5px 0 15px;border-bottom: 1px dotted rgb(72,72,72);border-top: 1px dotted rgb(72,72,72);} ul.mostViewList:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} ul.mostViewList li p.interviewThumb {float: left;width: 90px;height: 60px;margin-right: 5px;} ul.mostViewList li h3 {font-size: 120%; margin-bottom: 5px;} ul.mostViewList li h3 a:hover {text-decoration: underline;} ul.mostViewList li p {margin-bottom: 5px;} ul.mostViewList li a {color: rgb(72,72,72); text-decoration: none;} ul.mostViewList li a:hover {color: rgb(72,72,72); text-decoration: underline;} /*article page*/ .job-article .sideBar { padding:0; float: right; width: 300px; margin-right: 10px;} #articleWrapper {width: 620px; float: left; line-height: 110%; padding: 22px 0 0;} #articleWrapper .entry {padding: 0; /*overflow: hidden;*/} #articleWrapper .entry:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} #articleWrapper .entry .entry-center {width: 645px; text-align: center;} .entry h2 {font-size: 24px;margin-bottom: 10px;color: rgb(30,121,188);line-height: 110%;} .entry h3 {font-size: 18px;margin-bottom: 10px;color: rgb(54,54,54);line-height: 110%;} .entry .articleLabel {font-style: italic; font-weight: bold;} /*(photo in article page)*/ .articlePhotoRight { float: right; margin: 0 0 10px 10px; overflow: hidden; width: 260px;} .articlePhotoLeft { float: left; margin: 0 10px 10px 0; overflow: hidden; width: 260px;} .articlePhotoCenter { margin: 0 auto 10px; overflow: hidden;} img.articlePhotoLeft { padding-bottom: 10px;} img.articlePhotoRight { padding-bottom: 10px;} img.articlePhotoCenter { padding-bottom: 10px;} .articleContent .articlePhotoRight p, .articleContent .articlePhotoLeft p, .articleContent .articlePhotoCenter p {font-family: Arial, Helvetica, sans-serif;font-size: 11px !important;color: rgb(153,153,153);font-size: 8px;} .articlePhotoCenter p.caption,.articlePhotoLeft p.caption,.articlePhotoRight p.caption {text-align: center;} .articlePhotoRight img, .articlePhotoLeft img, .articlePhotoCenter img {display: block; margin: 0 auto 10px;} #articleWrapper .entry ul { margin-bottom: 15px; font-size: 12px;width: 260px;float: right;margin: 0 10px 10px 5px;padding: 10px 10px 0px 10px;background: rgb(251,251,251);border: rgb(204,204,204) 1px solid;overflow: hidden;} #articleWrapper .entry ul li, .archive-premiun-member .entry ul li { list-style: disc inside none; margin-bottom: 5px; font-size: 12px; color:#363636;} #articleWrapper .entry ul p { margin-bottom: 5px;} #content .entry p {font-size: 12px; margin-bottom: 15px; color: rgb(54,54,54);} #content .entry a {color: rgb(54,54,54); text-decoration: underline;} #content .entry a:hover {color: rgb(54,54,54); text-decoration: none;} /*1.) added relate search under the article page2.) added latest story under the article page*/ .entry .latestStory {width: 300px; float: right;} .entry .latestStory ul {font-size: 12px; padding-left: 15px;} .entry .latestStory li {list-style: disc;} .entry .columnistProfile {width: 290px;float: left;font-size: 12px;color: rgb(120,120,120);line-height: 130%;margin-bottom: 10px;overflow: hidden; } .entry .columnistProfile:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} .columnistProfile dt {float: left;width: 45px;height: 45px;margin: 0 5px 5px 0;border: 1px solid rgb(54,54,54);_position: relative; /* for M$IE6 */} .columnistProfile dt img {border: none; _position: absolute; /* for M$IE6 */ _top: 0; /* for M$IE6 */} .columnistProfile a {color: rgb(120,120,120); text-decoration: underline;} .columnistProfile a:hover {color: rgb(120,120,120); text-decoration: none;} .entry .googleAds {width: 300px;height: 250px;float: right;margin-bottom: 5px;} .entry .article-features {width: 100%;padding: 10px 0;clear: both;_overflow: hidden;} .entry .article-features:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} /* SNS Feature*/ .entry #heading-panel {width: 100%; _overflow: hidden;} .entry #heading-panel:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} .entry #heading-panel #headergroup {width: 450px; float: left; min-height: inherit;} /*For Bangkokpost review page*/ .overviewContent .entry #heading-panel #headergroup {padding-bottom: 8px;} .overviewContent .RatingDetail .agreeComment p {margin-bottom:5px;} .overviewContent .RatingDetail .agreeComment {padding: 10px 5px 40px; margin-top: 15px;} .overviewContent .RatingDetail .commentDetails ul.listingContent {padding: 25px 5px 15px;} .overviewWrapper ol .commentDetails h3#Rating {font-size: 14px; font-weight: bold; margin-bottom: 3px; padding-left: 7px; margin-bottom:-20px;} .entry #heading-panel #headergroup li.avatar {float:left; margin-right: 10px;} .entry #heading-panel #main-sns, #mediaSocial #main-sns{width: 180px;float: right;_overflow: hidden;_display: inline;} .entry #heading-panel #main-sns:after, #mediaSocial #main-sns:after {content: "."; height: 0; clear: both; visibility: hidden;} #main-sns .tweetmeme_button { width: 62px;_width: 67px;/width: 67px;height: 63px;padding: 3px 0 0;float: left;overflow: hidden;_display: inline; } #main-sns .facebook-share {width: 56px;_width: 59px;/width: 59px;height: 69px;padding: 3px 0 0 0;float: left;_display: inline;} #main-sns .google-share {width: 50px;height: 61px;padding-top: 3px;float: left;overflow: hidden;_display: inline; /* for M$IE6 */} .fb_iframe_widget {display: inline-block;position: relative;} #mediaSocial {width: 130px; margin: 0 0 30px 10px; overflow: hidden;} #mediaSocial #main-sns{ float: left; } #main-sns { position: absolute; right: 330px; top: 90px; z-index: 10000;} #main-sns.main-sns-bannerMicrosite { top: 350px;} #main-sns.main-sns-multimedia { position: static;} #main-sns.main-sns-poll { left: 24px; top: 90px;} #main-sns.main-sns-directory { position: static;} #main-sns.main-sns-bannerNoLabel { top: 320px;} #articleWrapper #heading-panel ul { background: none; border: none; padding: 0; float: none; font-size: 12px; color: rgb(94,94,94); margin: 0 0 10px; width: 450px;} #articleWrapper #headergroup ul li { list-style: none; margin: 0; width: 450px; overflow: hidden; float: left;} .archive-premiun-member #heading-panel ul { background: none; border: none; padding: 0; float: none; font-size: 12px; color: rgb(94,94,94); margin: 0 0 10px; width: 450px;} .archive-premiun-member #headergroup ul li { list-style: none; margin: 0; width: 450px; overflow: hidden; float: left;} /* Social Bookmarking Panel */ .socialBookmark {width: 330px;font-size: 12px;float: right;padding: 0 10px 10px 10px;border: 1px solid rgb(233,233,233);} .socialBookmark p {margin:0;padding:10px 0;} .socialBookmark:after {content: "."; height: 0; display: block; clear: both; visibility: hidden;} .socialBookmark li#printthis{background:url(../img/icons/ico_printthis.gif) no-repeat;padding:2px 0 0 20px;} .socialBookmark li#emailthis{background:url(../img/icons/ico_emailthis.gif) no-repeat;padding:2px 0 0 20px;} .socialBookmark li#vocabulary{background:url(../img/icons/ico_vocab.gif) no-repeat 0 2px;padding:2px 0 0 20px;} .socialBookmark li#permission{background:url(../img/icons/ico_permission.gif) no-repeat;padding:2px 0 0 20px;} #socialLink li {height: 16px;display: block;float: left;padding-left: 20px;margin: 0 10px 10px 0;} #socialLink li a {color: rgb(54,54,54); text-decoration: underline;} #socialLink li a:hover {color: rgb(54,54,54); text-decoration: none;} #socialLink li#deliciouslink {background: url(../img/snsicon/delicious.gif) no-repeat;} #socialLink li#digglink {background: url(../img/snsicon/digg.gif) no-repeat;} #socialLink li#magnolialink {background: url(../img/snsicon/magnolia.gif) no-repeat;} #socialLink li#redditlink {background: url(../img/snsicon/reddit.gif) no-repeat;} #socialLink li#stumblelink {background: url(../img/snsicon/stumbleupon.gif) no-repeat;} #socialLink li#technoratilink {background: url(../img/snsicon/technorati.gif) no-repeat;} #socialLink li#twitter {background: url(../img/snsicon/twitter.gif) no-repeat;} #socialLink li#printThis {background: url(../img/snsicon/btn-article.png) 0 -32px no-repeat;} #socialLink li#mailtof {background: url(../img/snsicon/emailthis.gif) no-repeat;} #socialLink li#reprint {background: url(../img/snsicon/btn-article.png) 0 0 no-repeat;} /*Notify Member*/ .NotifyUserBox {background: #F2F2F3;overflow: hidden;border: 1px solid rgb(214,214,214);width: 643px;margin-bottom: 10px;} .NotifyUserBox a img { padding: 10px; float: left;} .NotifyUserBox h3 {font-size: 15px; color: rgb(25,64,102); font-weight: bold; width: 510px; float: right; padding: 13px 10px 0 0; margin: 0;} #content .NotifyUserBox h3 a { text-decoration: none; color: #213C70;} #content .NotifyUserBox h3 a:hover { text-decoration: underline; color: #213C70;} .NotifyUserBox p {color: rgb(51,51,51); font-size: 12px; width: 510px; float: right; line-height: 15px; padding: 5px 10px 0 0;} #articleWrapper .article-features #socialLink, #articleWrapper .article-features .latestStory ul { background: none; border: none; float: none; margin: 0; padding: 0; width: auto;} #articleWrapper .article-features .latestStory ul { padding: 0 0 0 15px;} #articleWrapper .article-features .latestStory ul li { list-style: disc outside none;} /*Comment Panel Control added on 18 Sept. 2008*/ #commentWrapper {width: 965px; margin: 0 auto 10px; clear: both; padding-top: 10px;} #commentWrapper h2 {width: 955px;height: 20px;font-size: 16px;color: rgb(255,255,255);padding: 5px 0 0 10px;margin-bottom: 10px;background: url(../img/bg/bg_articleHeading.jpg) no-repeat;} #commentWrapper h3 {width: 945px;margin-left: 35px;font-size: 11px;margin-bottom: 10px;font-weight: bold;} #commentWrapper .commentList {width: 945px; margin: 0 auto;} .commentList li {width: 945px; margin-bottom: 10px; overflow: hidden;} /*.commentList li:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}*/ .commentList li p.avartarBox {width: 82px;font-size: 14px;text-align: center;color: rgb(177,177,177);float: left;margin-right: 5px;} .commentList li p.avartarBox span {display: block;} /*article-comment redesign*/ #comment-list {width: 965px; margin: 0 auto 40px; clear: both; padding-top: 10px; position:relative; font-size: 12px; color: #000;} #comment-list h2 {width: 945px;height: 20px;font-size: 16px;color: rgb(255,255,255);padding: 5px 10px;margin-bottom: 15px;background: #898989;} #comment-list .toggle-navigation {overflow: hidden; padding-left: 7px;width: 958px; background: url(../img/bg/bg-comment.png) repeat-x left bottom; height: 38px;position: relative; top: -97px; margin: 0;} #comment-list a{color:#1e79bc;} #comment-list a:hover{text-decoration: underline;} #comment-list .toggle-navigation li { background: #e9e9e9; border-color: #e9e9e9 #e9e9e9 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; color: #213c70; cursor: pointer; float: left; height: 26px; margin-right: 5px; padding: 10px 0 0; text-align: center; width: 100px;} #comment-list .toggle-navigation .active { background: none repeat scroll 0 0 #fff; border-color: #cccccc #cccccc -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; height: 27px;} #comment-list .toggle-detail {position: relative; top: 12px;} #comment-list .toggle-detail .active ol li{display: block;} #comment-list .inst {position: relative; top: 50px; border-bottom: 1px solid #e4e4e4; padding: 0 0 30px;} #comment-list .inst p{font-size: 12px; color: #363636; padding: 15px 0 0;} #comment-list a {color: #1e79bc;} #comment-list ol li {overflow: hidden; width: 968px; border-bottom: 1px solid #e4e4e4; padding: 15px 0; position: relative; clear: both; float: left;} #comment-list .avatar {width: 75px; float: left; padding: 0 0 0 5px;} #comment-list .article{width: 850px; float: right; padding: 0 0 15px 10px;} #comment-list .username{font-size: 14px; color:#1e79bc; font-weight: bold; padding: 0 5px 0 0;} #comment-list .datetime {color: #999;} #comment-list .section {width: 968px; overflow: hidden; position: relative;margin:-15px 0 0; padding: 15px 0 0;} #comment-list .article .comment {padding: 15px 10px 15px 0 ;} #comment-list .article:hover {cursor:pointer;} #comment-list ol li ol li .article:hover {cursor:text;} #comment-list .article:hover .social {display: block; position: absolute; right: 0; bottom: 15px;} #comment-list .interactive p {margin: 0 3px 0 0;} #comment-list .interactive p a {padding: 0 10px 0 5px; } #comment-list .interactive a span{padding: 4px 0 4px 21px;display: inline-block;} #comment-list .interactive .like span{background: url(../img/bg/ico-comment.png) no-repeat -8px -4px;} #comment-list .interactive .dislike span{background: url(../img/bg/ico-comment.png) no-repeat -8px -41px;} #comment-list .interactive .reply span{background: url(../img/bg/ico-comment.png) no-repeat -8px -80px; } #comment-list .interactive .like:hover span {background: url(../img/bg/ico-comment.png) no-repeat -9px -120px;} #comment-list .interactive .dislike:hover span {background: url(../img/bg/ico-comment.png) no-repeat -8px -158px;} #comment-list .interactive .reply:hover span {background: url(../img/bg/ico-comment.png) no-repeat -8px -199px;} #comment-list form.reply {display: none;clear: both; width: 858px; overflow: hidden; padding: 15px 10px;float: right; background: #d6e7f3; margin:0; position: relative;} #comment-list form.reply .hd {font-size: 14px; color:#333; font-weight: bold; padding: 0 0 10px;} #comment-list form.reply .inputdata {width:788px;float: right;} #comment-list form.reply textarea {width: 765px; display: block; margin: 10px 0;font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 10px;} #comment-list form.reply .avatar {width: 70px; padding: 0;} #comment-list form.reply input {margin-right: 5px;} #comment-list form.reply .submit {background: url(../img/button/submit-comment.png) no-repeat; border: none; width: 85px; height: 26px; cursor: pointer; float: left; clear: both;} #comment-list .social {display: none;} #comment-list ol li ol {clear: both; margin: 15px 0 0;} #comment-list ol li ol li {width: 858px; padding: 15px 10px; background:#F7F7F7; float: right;} #comment-list ol li ol li:last-child {border: none;} #comment-list ol li ol li .avatar {width:70px; padding:0;} #comment-list ol li ol li .article {padding: 0; width: 788px;} #comment-list ol li ol h3.hd {background: url(../img/bg/ico-comment.png) no-repeat -8px -83px; padding: 2px 0 15px 21px; font-size: 12px;} #comment-list .more {text-align: center; padding: 15px 0; border-bottom: 1px solid #E4E4E4; font-weight: bold; clear: both;} #comment-list .report {background: url(../img/bg/ico-comment.png) no-repeat -8px -241px; padding: 0 0 0 20px; color:#363636; position: absolute; right: 15px ;top: 15px;} #comment-list .remove {background: url(../img/bg/ico-comment.png) no-repeat -8px -284px; padding: 0 0 0 20px; color:#363636; position: absolute; right: 15px ;top: 15px;} #comment-list form.comment {clear: both; width: 945px; padding: 15px 10px 10px;float: right; background: #d6e7f3; margin:10px 0 0; position: relative; overflow: hidden;} #comment-list form.comment .hd {font-size: 14px; color:#333; font-weight: bold; padding: 0 0 10px;} #comment-list form.comment .inputdata {width:872px;float: right;} #comment-list form.comment textarea {width: 847px; display: block; margin: 10px 0;font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 10px;} #comment-list form.comment .avatar {width: 70px; padding: 0;} #comment-list form.comment input {margin-right: 5px;} #comment-list form.comment .submit {background: url(../img/button/submit-comment.png) no-repeat -28px -33px; border: none; width: 146px; height: 27px; cursor: pointer; float: left;} #comment-list form.comment .submit:hover { background-position: -28px -60px;} #comment-list form.comment .group { float: right; width: 745px;} #comment-list form.comment .group p {padding: 7px 0 0;} #comment-list .social {display: none; margin-right: 5px;} #comment-list .not-login {position:absolute; width:100%; left:0;top:0;padding: 55px 0 0;text-align: center; background: url(../img/bg/bg-opacity.png) repeat; height:350px;} #comment-list .not-login p {color:#fff; font-weight: bold; margin: 15px 10px 0 0;} #comment-list .not-login p a {color:#333;} #comment-list .success {width: 878px;padding: 65px 0 0;text-align: center; background: #d6e7f3; height:100px; float: right; clear: both;} #comment-list .success .hd {font-size: 14px; font-weight: bold; padding: 0 0 5px;} #comment-list .f-comment {margin: 15px 0 0; width: 965px;} #comment-list .confirm{ display: none;text-align:center;clear: both; float: right; margin: 0; width: 968px; background: url("../img/bg/bg-opacity.png") 0 0 repeat; position: absolute; height: 350px; overflow: hidden; padding: 55px 0 0; top: 50%;} #comment-list .confirm p { color: #FFFFFF; font-weight: bold; margin: 0 10px 15px 0; text-align: center;} #comment-list .confirm p a { color: #333333;} #wrapper #comment-list .sub {width:875px;left:0;} #comment-list form.reply .inputdata .group { width: 695px; float: right; overflow: hidden;} #comment-list form.reply .inputdata .group .form-message { margin: 0 0 0 18px;} #comment-list form.reply .inputdata .group p { line-height: 16px;} #comment-list form.reply-not-login .inputdata { width: 860px; overflow: hidden;} #comment-list form.reply-not-login textarea { width: 838px;} #comment-list form.reply-not-login .inputdata .group { float: right; position: static; width: 770px;} #comment-list form.reply-not-login .inputdata .group .form-message { margin: 0 0 5px 18px;} #comment-list form.reply-not-login .group .form-message { display: block;} #comment-list form.comment-not-login .inputdata { width: 945px;} #comment-list form.comment-not-login .inputdata textarea { width: 923px;} .articleContent #comment-list form.comment-not-login .group { width: 765px; bottom: 0; top: 113px;} #comment-list form.comment-not-login .group .form-message { margin: 0 0 5px 18px; display: block;} #comment-list form.comment-not-login .group p { padding: 0 0 2px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #comment-list .confirm p.g-btn, #comment-list .not-login p.g-btn { border: 1px solid #333333;} } *:first-child+html #wrapper .g-btn {float: left;} *:first-child+html #wrapper .confirm .first {margin-left: 355px;} *:first-child+html #wrapper .not-login .first {margin-left: 355px;} .commentList .userComment {width: 858px;background: url(../img/bg/67) repeat-y;float: right;} .userComment .upperCorner {width: 858px;height: 60px;background: url(../img/bg/bg_userComment-upperCorner.gif) no-repeat;} .userComment .comment { margin-top: -18px; float: left; padding-left: 28px;} .userComment p {width: 800px;font-size: 12px;margin: 0 auto 5px;} .userComment .discussionInfo {float: left;font-weight: bold;margin-top: -45px;margin-bottom: 10px;padding-left: 28px;overflow: hidden;width: auto;_display: inline;} .commentList .bottomCorner {width: 858px;height: 14px;background: url(../img/bg/bg_userComment-bottomCorner.gif) no-repeat;_margin-bottom:-4px;} #commentPost p.replyArticle {width: 55px;height: 25px;background: url(../img/bg/bg_replyArticle.jpg) no-repeat;margin-left: 15px;} p.replyArticle span {visibility: hidden;} #commentPost #postPanelWrapper {width: 945px;color: rgb(54,54,54);margin: 0 auto 10px; padding: 10px 10px 15px;border: 10px solid rgb(177,177,177); clear: both; overflow: hidden; } /*like-share*/ .like-share { background: url(../img/bg/bg-like-share.gif) 0 0 repeat-x; margin-bottom: 25px; overflow: hidden; width: 625px; padding: 23px 10px 10px; overflow: hidden;} .like-share h3 { font-size: 14px;} .like-share .like-dislike {width: 315px; overflow: hidden; margin: 0; font-size: 12px; float: left;} .like-share .like-dislike .like {width: 35px; float: left; background: url(../img/button/like-dislike.png) no-repeat; height: 26px; margin-right: 3px;} .like-share .like-dislike .like:hover {background: url(../img/button/like-dislike.png) no-repeat 0 -26px;} .like-share .like-dislike span {float: left; line-height: 25px;} .like-share .like-dislike .like span, .like-dislike .dislike span {display: none;} .like-share .like-dislike .dislike {width: 35px; float: left; background: url(../img/button/like-dislike.png) no-repeat 0 -52px; height: 26px; margin-right: 5px;} .like-share .like-dislike .dislike:hover {background: url(../img/button/like-dislike.png) no-repeat 0 -78px;} .like-share .shareSocial { width: 285px; float: left; overflow: hidden; padding-left: 15px; border-left: 1px solid #dad8d8;} .like-share .shareArticle .facebook-share { width: 85px; float: left; margin-bottom: 10px;} .like-share .shareArticle .facebook-share img { cursor: pointer; float: left; width: 32px;} #content .like-share .shareArticle .facebook-share p { margin: 0;background: url(../img/bg/social-values-left.png) 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; line-height: 18px; padding-left: 2px; text-align: center; width: 46px; margin: 0;} .like-share .shareArticle .facebook-share p { background: url("../img/bg/social-values-left.png") no-repeat 2px 0; color: #666666; display: block; float: left; font-size: 11px; line-height: 18px; margin: 0; padding-left: 2px; text-align: center; width: 46px;} .like-share .shareArticle .facebook-share p span { background: url("../img/bg/social-values-right.png") no-repeat right 0; display: block; height: 20px; padding: 2px 0 0 3px;} .like-share .shareArticle .tweetmeme_button { float: left; height: 21px; padding: 0 7px 0 0; width: 81px; margin-bottom: 10px;} .like-share .shareArticle .tweetmeme_button img { cursor: pointer; float: left; width: 32px;} .like-share .shareArticle .tweetmeme_button p { background: url(../img/bg/social-values-left.png) 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; height: 25px; line-height: 18px; padding-left: 2px; text-align: center; width: 46px;} .like-share .shareArticle .tweetmeme_button p span { background: url(../img/bg/social-values-right.png) no-repeat scroll right 0 transparent; display: block; height: 20px; padding: 2px 0 0 3px;} .like-share .shareArticle .google-share { float: left; height: 21px; padding: 0 7px 0 0; width: 65px; margin-bottom: 10px;} .like-share .socialBookmark { border:none; float: none; overflow: hidden; padding: 0; width: auto;} #articleWrapper .like-share #socialLink { float: left; list-style: none; margin: 0; overflow: hidden; background: none; border: none; padding: 0;} #articleWrapper .like-share #socialLink li { height: 16px; margin: 0 10px -1px 0; padding: 0 0 5px; width: 120px;} #articleWrapper .like-share #socialLink li#reprint { padding: 0 0 5px 20px; width: 140px; background: url(../img/bg/republishing.png) 0 0 no-repeat;} #articleWrapper .like-share #socialLink li#printThis { padding: 0 0 5px 20px; width: 60px; background: url(../img/snsicon/print.png) 0 0 no-repeat;} .like-share #socialLink li#addthis a span { background: none repeat scroll 0 0 transparent; height: 0; width: 0;} .about-related { float: left; width: 290px; overflow: hidden;} .about-related .Related-search { border-top: 1px dotted #cccccc;color: #787878; clear: both; float: left; font-size: 12px; overflow: hidden; padding-top: 10px; width: 290px;} .article-features h3 { font-size: 14px;} .SponsorLink { width: 580px; border: 1px solid #cccccc; padding: 10px 10px 20px 10px; overflow: hidden; margin-bottom: 20px;} .SponsorLink h3 { font-size: 12px; color: #787878;} .SponsorLink p { color: #787878;} #articleWrapper .SponsorLink ul { background: none; border: none; float: left; margin: 0; padding: 0; width: 624px; overflow: hidden; clear: both;} #articleWrapper .SponsorLink ul li { list-style: none; margin: 0; color: #787878; width: 208px; float: left;} #articleWrapper .SponsorLink ul li h4 { font-size: 12px;} #articleWrapper .SponsorLink ul li h4 a { color: #787878;} #articleWrapper .SponsorLink ul li p { clear: both; margin: 0; color: #787878;} #articleWrapper .SponsorLink ul li .hotlink a { color: #787878; text-decoration: underline;} #articleWrapper .SponsorLink ul li .hotlink a:hover { text-decoration: none;} article, aside, footer, header, hgroup, nav, section {display: block; } body{font-family:Arial,Thonburi,Tahoma; color:#333;} .headerAd .leaderAd, .headerAd .leaderAdExpand { margin: 0 0 0 106px;} a.disable {display: none;} .idnt {display:block; text-indent: -9999px;} a.disable {display: none;} #Job-Search-review a:hover, .homepage #content .prominent h2 a:hover, #job-index div div a:hover {text-decoration: none;} .idnt {display:block; text-indent: -9999px;} html {overflow-x: hidden;} .filter-search #content {width: 100%; position:relative;z-index:4;top: -28px; margin: 0 0 10px;} .filter-search #content #wrapper {padding: 40px 0 0;} input.text{border: 1px solid #b0de94; padding: 3px 5px;} /*lb*/ .lb {width: 585px; overflow: hidden; background:#F8F8F8; margin: 0 auto;} /*submit button*/ /*.submit-btn {border: none; cursor: pointer; }*/ .submit-btn:hover{background: #3b99d5; background: -moz-linear-gradient(top, #3b99d5 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99d5), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -o-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -ms-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: linear-gradient(to bottom, #3b99d5 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99d5', endColorstr='#1d5273',GradientType=0 ); } /*blue small button*/ body #wrapper #content .corner,body .lb .corner,body #wrapper .corner{ border-radius: 5px; color:#f8f8f8; font-size: 24px; font-weight: bold!important; } body #wrapper #content .bsmall-btn,body .lb .bsmall-btn,body #wrapper .bsmall-btn{font-size: 14px!important; color:#fbfbfb!important;padding: 8px 30px;background: #1a6290;/* Old browsers */ background: -moz-linear-gradient(top, #1675b2 0%, #1d5273 94%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1675b2), color-stop(94%,#1d5273)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1675b2 0%,#1d5273 94%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1675b2 0%,#1d5273 94%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1675b2 0%,#1d5273 94%); /* IE10+ */ background: linear-gradient(to bottom, #1675b2 0%,#1d5273 94%); /* W3C */ text-decoration: none; } body #wrapper #content .bsmall-btn:hover,body .lb .bsmall-btn:hover,body #wrapper .bsmall-btn:hover{font-size: 14px; color:#fbfbfb;padding: 8px 30px;background: #2887c4;/* Old browsers */ background: -moz-linear-gradient(top, #3a98d4 0%, #146ea6 94%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a98d4), color-stop(94%,#146ea6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3a98d4 0%,#146ea6 94%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3a98d4 0%,#146ea6 94%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3a98d4 0%,#146ea6 94%); /* IE10+ */ background: linear-gradient(to bottom, #3a98d4 0%,#146ea6 94%); /* W3C */ text-decoration: none; } /*view-all gray*/ p.viewall-g,.career-guide-list li:last-of-type {text-align:right;} p.viewall-g a,.career-guide-list li:last-of-type a{ background: url(../img/bg/ico-homepage.png) no-repeat 10px -471px; color:#195f8c; font-size: 12px; font-weight:bold; padding: 0 0 0 20px;} /*structure*/ #tw-clm{width: 940px;background: url(../img/bg/bg-tw-column.gif) repeat -10px 0; overflow: hidden; margin: 0 auto 50px;} #tw-clm .content-left {width: 640px; float: left;} #tw-clm .content-right {width: 300px; float: right;margin-top: 40px;} /*ads*/ /*doublerect boombox on homepage*/ body .boomboxSize1.hp {z-index: 1;margin: -5px 0 10px;height:auto;min-height: 250px;} body .boomboxSize1.hp .normalStage,body .boomboxSize1.hp .expandStage {position: absolute;clip:auto;direction:inherit; height: auto; min-height: 250px; left:0; top:0; width: 300px; } /*doublerect boombox inside*/ body .boomboxSize1.inside {z-index: 1;margin: 0 0 3px;height:auto;min-height: 250px;} body .boomboxSize1.inside .normalStage,body .boomboxSize1.inside .expandStage {position:relative;clip:auto;direction:inherit; height: auto; min-height: 250px; left:0; top:0; width: 300px;} /*search-panel*/ #search-panel{ position: relative;margin: 25px 0 0; background: #fdfeff; height: 200px;background: #fdfeff; /* Old browsers */ background: -moz-linear-gradient(top, #fdfeff 0%, #abcaea 94%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfeff), color-stop(94%,#abcaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfeff 0%,#abcaea 94%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdfeff 0%,#abcaea 94%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fdfeff 0%,#abcaea 94%); /* IE10+ */ background: linear-gradient(to bottom, #fdfeff 0%,#abcaea 94%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#abcaea',GradientType=0 ); /* IE6-9 */ } #search-panel > div {width: 940px; margin: 0 auto; color:#fff;font-weight: normal; font-size: 15px; position: relative;z-index: 2;} #benefit .Readmore {padding: 0 0 0 15px;position:absolute; width: 131px;top: 137px; left: 422px; background: url(../img/bg/ico-homepage.png) no-repeat -177px -55px;} #search-panel .advance-search{background: url(../img/bg/ico-homepage.png) no-repeat 0 1px ;left: 424px;padding: 0 0 0 20px;position: absolute;top: 120px;width: 131px;} #search-panel .advance-search a {color:#195f8b;font-size:12px;} #search-panel .searchbox{padding: 10px 0 0;} #search-panel .searchbox h1 {font-size: 24px; color:#195f8c;float: left; padding: 16px 0 0;margin: 0;} #search-panel .searchbox h2 {font-weight: normal; font-size: 14px; float: left; padding: 25px 0 0 7px;color:#333;} #search-panel .searchbox strong{color:#195f8c; font-weight: bold; } #search-panel .searchbox form {clear: both;padding: 10px 0 40px; width: 560px; margin: 0;border-bottom: 1px solid #d1e2f4; position: relative;} #search-panel .searchbox form input{/*font-size: 14px; color: rgba(0, 0, 0, 0.8); padding: 12px 10px; border: 1px solid rgba(39, 41, 43, 0.15); margin: 0 15px 0 0; float: left; width: 205px; border-radius: 0.2857rem; background: #ffffff;*/ word-wrap: break-word; white-space: normal; outline: 0; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); width: 205px; background: #ffffff; display: inline-block; padding: 12px 10px; color: rgba(0, 0, 0, 0.8); box-shadow: none; border: 1px solid rgba(39, 41, 43, 0.15); border-radius: 0.2857rem; -webkit-transition: border-radius 0.1s ease, width 0.2s ease, box-shadow 0.2s ease, border 0.2s ease; transition: border-radius 0.1s ease, width 0.2s ease, box-shadow 0.2s ease, border 0.2s ease; float: left; margin: 0 15px 0 0; font-size: 14px;} .homepage #search-panel .searchbox form div.ui.dropdown {width: 203px; min-width: initial; float: left;} #search-panel .searchbox form:after,#search-panel:after {content:''; display:block; clear: both; width: 1px; height: 1px;} .top-panel .mini-search .ui.dropdown{width: 212px; min-width: initial; padding: 5px 10px;} .top-panel .mini-search .ui.search.selection.dropdown > input.search {padding: 5px 10px; line-height: 17px; font-size: 14px;} .top-panel .mini-search .ui.dropdown > .default.text, .top-panel .mini-search .ui.default.dropdown > .text, .searchbox .ui.search.dropdown > .text {font-size: 12px; font-weight: normal;} .mini-search .ui.dropdown > .default.text, .mini-search .ui.default.dropdown > .text, .mini-search .ui.search.dropdown > .text {font-size: 12px;} /*Job-Search-review-homepage*/ #search-panel #Job-Search-review {width:365px; position: absolute; left: 50%;top: 30px; margin:0 0 0 110px; z-index: 1;} #Job-Search-review .viewport {position: relative; width: 365px; height: 180px; overflow: hidden;} #Job-Search-review .overview {position: absolute; font-size: 13px; height: 180px;} #Job-Search-review .overview li {float: left; width: 195px; padding: 0 0 0 170px; height: 193px; background: url(../img/bg/search-review-sp.png) no-repeat 30px 30px; overflow: hidden;} #Job-Search-review h2{font-size: 18px; height: 36px; color:#195f8c;} #Job-Search-review .job-search p{color:#363636; font-size: 14px; margin: 0 0 15px;} #Job-Search-review .job-alert p{color:#363636; font-size: 14px; margin: 0 0 10px; line-height: 18px; padding: 15px 0 10px;} #search-panel #Job-Search-review .job-alert {background-position: 40px -172px;} #search-panel #Job-Search-review .create-resume {background-position: 0 -450px;} #Job-Search-review .buttons{width: 10px; height: 15px;} #Job-Search-review .control {position: absolute;width: 35px; height: 15px; right: 0; bottom: 41px;background: url(../img/bg/search-review-sp.png) no-repeat 0 -460px;} #Job-Search-review .prev,#Job-Search-review .prev:hover{background: url(../img/bg/search-review-sp.png) no-repeat 0 -489px; float: left; margin: 0 0 0 1px; padding: 0;} #Job-Search-review .next,#Job-Search-review .next:hover{background: url(../img/bg/search-review-sp.png) no-repeat -2px -516px; float: right; margin: 0 6px 0 0;padding: 0;} #Job-Search-review a {color:#fff;background:#94b1ce; padding: 6px 25px; border-radius: 3px;font-weight: bold; display: inline-block;/width: 100px;} #Job-Search-review a:hover {background:#6d9cc0;} #Job-Search-review a span {display:block; text-indent: -9999px;} #Job-Search-review p {padding: 5px 0 15px; line-height: 16px;} #Job-Search-review .disable {display: none;} /*job category homepage*/ #content #job-category {width: 100%; overflow: hidden; margin:-37px 0 0; position: relative; z-index: 3;} #job-category a {color: #195f8c;} #job-category a:hover {text-decoration: underline;} .homepage #wrapper,.homepage #content {padding: 0; width: 100%;} .homepage .toggle-navigation {width: 748px; margin: 0 0 -37px -474px; overflow: hidden; height: 37px; position: relative; top: -37px; z-index: 1; background: none; left: 50%;} .homepage #search-panel {background:#abcae9; margin: 0 auto;} .homepage .toggle-navigation .active {background: #d6e5f5 url(../img/bg/ico-homepage.png) no-repeat 106px -278px; color: #195f8c;border-radius: 5px 5px 0px 0px; } .homepage .toggle-navigation .tab1.active {background-position: 125px -278px;} .homepage .toggle-navigation .tab2.active {background-position: 127px -278px;} .homepage .toggle-navigation .tab4.active {background-position: 190px -278px;} .homepage .toggle-navigation .active,#content #job-category .toggle-detail .active {display: block!important;} #job-category .toggle-detail .Readmore a{padding: 0 0 0 10px;background: url(../img/bg/ico-homepage.png) no-repeat -8px -1px; color:#195f8c; font-weight: bold;} .homepage .toggle-navigation li {float: left; padding: 5px 33px 10px 10px; cursor: pointer; font-size: 13px ;color:#195f8c; font-weight: normal;background: url(../img/bg/ico-homepage.png) no-repeat 107px -190px; margin: 0 5px 0 0; line-height: 23px;letter-spacing: 0.001em;} .homepage .toggle-navigation .tab1{ background-position: 128px -190px;} .homepage .toggle-navigation .tab2 { background-position: 132px -190px;} .homepage .toggle-navigation .tab4 {background-position: 194px -190px; margin: 0;} #job-category .toggle-detail {background: #d6e5f5; width: 100%; overflow: hidden;} #job-category .toggle-detail li {width: auto;color: #195F8B;} #job-category .toggle-detail .tab1-detail li,#job-category .toggle-detail .tab2-detail li {overflow: visible ;color: #195F8B; font-size: 10px;} #job-category .toggle-detail .tab1-detail,#job-category .toggle-detail .tab2-detail, #job-category .toggle-detail .tab3-detail,#job-category .toggle-detail .tab4-detail{display: none; width: 940px; margin: 0 auto; padding: 25px 0 60px; position: relative; overflow: hidden; font-size: 12px;} #job-category .toggle-detail .tab4-detail p{ float: left; width: 300px; font-weight: bold;} #job-category .toggle-detail .tab4-detail p a span {color: #2C2D31;} #job-category .toggle-detail .Readmore {clear: both; float: right; margin: 45px 0 0;} #job-category .slideup {display: none;} #job-category .active .slideup {display: block; margin: 0 0 0 -91px; width: 183px; position: absolute; left: 50%; bottom: -4px; cursor: pointer;} /*tab1*/ #job-category .tab1-detail ul, #job-category .tab2-detail ul {width: 291px;margin: 0 33px 0 0; float: left;} #job-category .list li {list-style: disc outside none; margin:0 0 0 15px; color: #129012; line-height: 18px; padding: 5px 0 0;} #job-category .list li a {font-weight: normal; font-size: 12px; } #job-category .list li a span {color:#2c2d31;} #top-channel #job-category .last {margin: 0;} /*tab3*/ #job-category .tab3-detail .top-area {overflow: hidden; height: 70px;} #job-category .tab3-detail .Bangkok-Baundary {border-bottom: 1px solid #ebf2fa; margin: 0 0 10px; } #job-category .tab3-detail .oversea {width: 300px; position: relative; left: 260px; margin-top: -65px; /margin-top: -68px; line-height: 15px; } #job-category .tab3-detail ul li ul li {color: #195f8b;width: 220px; float: left;line-height: 18px;list-style: disc outside none; margin-left: 14px; overflow: visible;font-size: 10px;} #job-category .tab3-detail .Bangkok-Baundary ul li ul li {width: 147px;} #job-category .toggle-detail .tab3-detail ul li ul {padding: 10px 0; overflow: hidden;} #job-category .tab3-detail ul li span,#job-category .tab3-detail .oversea span {color: #2c2d31;} #job-category .tab3-detail ul li .province-name {font-weight: bold;} #job-category .tab3-detail ul li a {font-weight: normal; font-size:12px;} #job-category .tab3-detail .Bangkok-Baundary ul li ul li.last{width: 115px;} #job-category .toggle-detail .tab3-detail .province-name {color:#195f8b; font-weight: bold;} #job-category .Center{width: 220px; float: left;} #job-category .North{width: 164px; float: left;} #job-category .Northeast{width: 200px; float: left;} #job-category .East,#job-category .West{width: 130px; float: left;} #job-category .South {width: 200px; float: left;} /*job-index*/ #job-index {width: 100%; background:#f3f3f3; padding: 0 0 10px; float: left;margin: 0 0 20px;} #job-index div {margin:-5px auto 0 auto;width: 960px;overflow: hidden; padding: 0 0 15px; } #job-index div div{margin: 0; width: 220px; height: 80px; padding: 0; overflow: hidden; position: relative; cursor: pointer;} #job-index div div .detail{position: absolute; background: url(../img/bg/jobindex-hover.png) no-repeat 0 -25px; width: 220px; height: 80px;z-index: 1;} #job-index div .other .detail {background-position: 0 0;} #job-index div div .detail span {padding: 60px 0 0 10px; font-size: 14px; font-weight: bold;} #content #job-index div div .figure span {font-weight: bold; color:#195F8C;} #content #job-index div div:hover span{color:#fff;} #job-index div ul {width: 960px; margin: 0 0 0 -10px; } #job-index div ul li {width: 220px;float: left; margin: 20px 0 0 20px;height: 80px;font-size: 20px;position: relative;} #job-index div ul li p{color: #696a6d;} #job-index div ul li span {display:block; color: #696a6d;} #job-index div ul li .figure {width: 210px; font-size: 14px; font-weight: bold;padding: 60px 0 0 10px;display: block;background: url(../img/bg/job-index.png) no-repeat;height: 20px;} #job-index ul .technician .figure{background-position: 0 0;} #job-index ul .manager .figure{background-position: 0 -80px;} #job-index ul .teacher .figure{background-position: 0 -160px;} #job-index ul .marketing .figure{background-position: 0 -240px;} #job-index ul .accounting .figure{background-position: 0 -320px;} #job-index ul .secretary .figure{background-position: 0 -400px;} #job-index ul .sales .figure{background-position: 0 -480px;} #job-index ul .other .figure{background-position: 0 -560px;} #job-index ul .other .figure {padding: 30px 0 0 88px; height: 50px; width: 132px;} #job-index ul .other .detail {background:#1c618b;} #content #job-index ul .other .figure a span{color:#fff; font-size: 15px; width: 120px;} #job-index ul .other:hover .figure span {background: url(../img/bg/search-review-sp.png) no-repeat 95px -516px;} #content #job-index ul .other:hover a span{ position: absolute; top: 30px; left: 88px; z-index: 3;} #job-index ul li .new {position: absolute; right: 10px; top: -5px; padding: 4px 6px 4px; background: #e3232d; box-shadow: 2px 0 0 #ccc; border: 2px solid #fff; border-radius: 20px; text-align: center;z-index: 3;} #job-index ul li .new span {font-size: 12px; color:#fff;margin: -7px 0 0; height: 18px; line-height: 24px;} /*job-level*/ #job-index .job-level {width: 940px; margin: 0 auto; overflow: hidden; border-top: 1px solid #79b1d3; padding: 5px 0 0;} #job-index .job-level li {width: 115px;float: left; background: url(../img/bg/ico-homepage.png) no-repeat; padding: 10px 15px 0 45px;height: 27px;} #job-index .job-level li a {font-size: 14px;} #job-index .job-level .manager {background-position: 0 -314px; width: 140px;} #job-index .job-level .parttime {background-position: 0 -352px; } #job-index .job-level .freelance {background-position: 0 -390px; } #job-index .job-level .graduate {background-position: 0 -533px; width: 162px;} #job-index .job-level .highly {background-position: 0 -427px; padding: 10px 0 0 45px;} /*job-slider-homepage*/ .job-slider {width:620px;} #job-highlight {width:620px; overflow :hidden;} .job-slider h2 a{font-size: 24px; color: #195f8c;height: 35px; background:#fff; width: 900px;display: block;} .job-slider .viewport {position: relative; width: 620px; height: 280px; overflow: hidden;} .job-slider .overview {position: absolute; font-size: 13px; height: 280px;} .job-slider .overview li {float: left; width: 620px; overflow: hidden;position: relative; height: 250px;} .job-slider .overview article {width: 600px; padding:10px; height: 60px; overflow: hidden; position: absolute; left:0; bottom: 0;background-color: rgba(0, 0, 0, 0.8);/background:#000; background:#000\0/;color:#fff;} .job-slider .overview article h3{font-size: 18px; padding: 0 0 5px;} .job-slider .pager,#job-highlight .pager {position: absolute; bottom:0; width: 620px; text-align: center;} .job-slider .pager li,#job-highlight .pager li {display: inline-block; width: 15px; height: 18px; } .job-slider .pager li a,#job-highlight .pager li a{display: inline-block; width: 18px; height: 18px; background: url(../img/bg/ico-homepage.png) no-repeat 0 -128px;} *:first-child+html .job-slider .pager,*:first-child+html #job-highlight .pager {left: 250px;} *:first-child+html .job-slider .pager li,*:first-child+html #job-highlight .pager li {float: left; width: 18px;} .job-slider .pager li a.active,#job-highlight .pager li a.active{background: url(../img/bg/ico-homepage.png) no-repeat 0 -157px; } /*sub-career on homepage*/ .career-guide-list {width: 620px; padding: 20px 0 0; overflow: hidden;} .career-guide-list ul li {float: left; width: 310px; font-size: 13px; color:#434343;} .career-guide-list ul li:last-of-type {width: 100%; } .career-guide-list .thumb {width: 148px; float: left;} .career-guide-list article div {float: left; width: 130px;} .career-guide-list h3{color:#195f8c; font-size: 14px; padding: 0 0 10px;} .career-guide-list p {color:#434343;} /*.prominent on homepage*/ .homepage .prominent{width: 620px; border: none;margin: 20px 0 0;overflow: hidden; position: relative; } .homepage .prominent h2,#content .latest-job h2 {width: 620px; background: none; padding: 5px 0;font-size:16px;font-weight:bold;border-bottom:3px solid #ebebeb; margin: 0 0 15px;} .homepage #content .prominent h2 a , .homepage #content .latest-job h2 a{text-decoration: none;color:#000;} .homepage .prominent ul li { width: 158px;float: left;padding-top: 8px; height: 93px;} .homepage .prominent ul {width: 632px; padding: 0; margin: 0;overflow: hidden; position: relative; } .prominent ul li a {width: 145px; height: 80px; float: left;} .prominent p {text-align: right;padding: 5px 0 0;} .prominent #slide {width: 632px; overflow: hidden; height: 100px;} .prominent #slide li {width: 632px; overflow: hidden;} .prominent #slide li a {float: left; margin-right: 13px;} .prominent #slide-no-scroll {width: 632px; overflow: hidden; height: 100px;} .prominent #slide-no-scroll li {width: 632px; overflow: hidden;} .prominent #slide-no-scroll li a {float: left; margin-right: 13px;} /*button*/ input.submit{cursor: pointer;} #search-panel .searchbox form .submit {/*background: url(../img/bg/ico-homepage.png) no-repeat 0 -24px; width: 81px; height: 48px; border: none; */ background: #1675b1; background: -moz-linear-gradient(top, #1675b1 0%, #1e5272 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1675b1), color-stop(100%,#1e5272)); background: -webkit-linear-gradient(top, #1675b1 0%,#1e5272 100%); background: -o-linear-gradient(top, #1675b1 0%,#1e5272 100%); background: -ms-linear-gradient(top, #1675b1 0%,#1e5272 100%); background: linear-gradient(to bottom, #1675b1 0%,#1e5272 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1675b1', endColorstr='#1e5272',GradientType=0 ); border-radius: 5px; width: auto; padding: 20px 13px; margin: 0 0 0 14px; font-size: 12px; font-weight:bold; color: #fff; cursor:pointer; line-height: 0; border: none;} #search-panel .searchbox form .submit:hover { background: #3a98d4; background: -moz-linear-gradient(top, #3a98d4 0%, #136aa1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a98d4), color-stop(100%,#136aa1)); background: -webkit-linear-gradient(top, #3a98d4 0%,#136aa1 100%); background: -o-linear-gradient(top, #3a98d4 0%,#136aa1 100%); background: -ms-linear-gradient(top, #3a98d4 0%,#136aa1 100%); background: linear-gradient(to bottom, #3a98d4 0%,#136aa1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a98d4', endColorstr='#136aa1',GradientType=0 );} #search-panel .searchbox ul li{float: left;} /*latest job*/ .homepage .latest-job {width: 300px;padding: 30px 0 0;} .latest-job ol li {width: 298px; float: left;border-bottom: 1px dotted #ccc; padding: 3px 0; line-height: 20px; color:#363636; font-size: 12px;} .homepage .latest-job h3 a {font-size: 12px;} #content .latest-job ol li p a {color:#363636;} #content .latest-job .viewall-g {padding: 25px 0 0; float: right;} #content .latest-job h2 {margin: 0 0 10px;} .hd-navigation ul {position: relative;} .hd-navigation li.dropDown .detail,.hd-navigation li.dropDown .detail ul {width: 205px;} .hd-navigation li.dropDown .detail ul li {width: 175px;} .homepage .hd-navigation ul li.lang-menu {position: absolute; right: 10px; background: none;} .hd-navigation ul li.lang-menu {position: absolute; right: 13px; background: none;} .hd-navigation > ul li.lang-menu span a {font-family:'arial_blackregular'; font-size: 11px; font-weight: normal; text-transform: uppercase;} .hd-navigation > ul li.lang-menu span:nth-of-type(1) {padding-right: 2px;} .hd-navigation > ul li.lang-menu span:nth-of-type(2) {display: inline-block;background: url(../img/nav/ico-theme.png) no-repeat -45px -436px ; padding: 0 0 0 8px; /float: left;} .hd-navigation ul li.lang-menu span a.active {text-decoration: none; background: none; background: #6a8393; padding: 2px 3px;} .hd-navigation ul li.lang-menu span a.active:hover {text-decoration: underline;} /*most-keyword*/ #most-keyword {position: absolute; width: 710px; margin: 190px 0 0 5px; z-index: 5; left: 10px; top: 0;} #most-keyword h2 {font-size:14px; color:#333; display: inline;} #most-keyword a{font-size: 12px; color:#1e608a;} /****search***/ .jobTheme .top-panel {width: 940px; margin: 20px auto 0;} body.search #wrapper {padding: 0; width: 940px;} body.search #content {width: 940px;} #search {width: 940px; margin: 15px 0 0;overflow: hidden; position: relative; background:#fff; clear: both; float: left;z-index:7;} #search .content {width: 940px; } .search-left {width: 205px; float: left; background: #f2f2f2;} .search-right {width: 720px;float: right;position: relative;} .search-panel {width: 926px; border: 2px solid #ece4c7; background:#f8f3e1; border-radius: 5px; padding: 10px 15px; overflow: hidden; margin: 35px 0 20px;} #search .search-panel h1, #search .search-panel h2.replace{font-size: 40px; font-weight: bold; line-height: 33px;float: left; width: 85px;} #search .search-panel input.text {border: 1px solid #ccc; font-size: 22px; color:#999;padding: 8px 5px; float: left;margin: 0 10px 0 0;width: 385px; height: 27px;} #search .search-panel select {font-size: 22px; color: #999;border: 1px solid #ccc; padding: 6px 5px 5px; float: left; margin: 0 15px 0 0; width: 280px; height: 45px;} #search .search-panel p {clear: both; padding: 5px 0 0 85px; color:#333;} #search .email-setting {position: absolute; top: 0; right: 0; font-size: 12px; font-weight: normal;} #search .search-panel input.submit {background: url(../img/button/search-submit.gif) no-repeat; width: 138px; height: 45px; border: none; cursor: pointer;} #search .search-panel a {font-weight: normal;} #search .email-setting {background: url(../img/bg/bg-icon.gif) no-repeat 0 -2px; padding-left: 25px; line-height: 22px; } #search .search-left h2{font-size: 18px; font-weight: bold; padding: 7px 10px 0; background:#ccc; color:#333; width: 185px; height: 28px; line-height: 23px;} #search .filter {padding: 10px 10px 0;border-bottom: 1px solid #dfdfdf;box-shadow: 0 1px 0 #f9f9f9;width: 185px;} #search .filter h3 {color:#333; font-size: 12px; height: 15px;} #search .filter ul,#search .filter ul label a,#search .search-left .search-history a {font-size: 12px; padding: 0 0 8px;font-weight: bold; color:#666; overflow: hidden;} #search .search-left .clear a:hover {text-decoration: none;} #search .filter ul input {width: 20px; float: left; margin: 1px 0 0;} #search .filter ul li {padding: 4px 0 0; line-height: 16px; clear: both;} #search .filter ul label {float: right; width: 162px;} #search .search-left .clear{text-align: right; padding: 5px 10px 0 0; margin: 0 0 -10px;} #search .search-left .clear a {font-size: 12px; color: #999; font-weight: normal;} #search .search-left h3.history {background: url(../img/bg/bg-icon.gif) no-repeat -1px -32px; padding: 0 0 7px 21px; line-height: 20px;} #search .search-left .search-history li {list-style: disc outside none; margin-left: 16px; line-height: 18px;} #search .search-left .search-history a img {vertical-align: middle;} body #search .filter .showmore {color:#999; font-weight: normal; float: right;text-align: right; padding: 4px 17px 0 0;} body #search .filter .content {float: left; width: 162px; } body #search .filter .content label {width: 122px; float: left; position: relative; padding-right: 45px;} body #search .filter .available{ position: absolute; bottom: 0; right: 5px; text-align: right; font-weight: normal;} body #search .filter .jobfield {position: relative;} body #search .filter .jobfield .available {top: 1px;color:#339900;} .search-right .navi-bar {overflow: hidden; padding: 2px 0 0 0;} .search-right .navi-bar .state {font-size:12px;float:left; width: 358px;} .search-right .navi-bar .pagination {margin: 0 10px 0 0; float: right;width: 352px; clear: none; font-size: 12px;} h3.recommended {background: #F5FAFE; padding: 10px 15px 0; color:#333; font-size: 16px; margin: 15px 0 0;} /* pagination*/ .pagination {text-align: right; margin: 0 0 20px 0; clear:both; overflow: hidden;} #wrapper .pagination a { background: #ececec; padding: 1px 4px; font-weight: normal; color: #333; text-decoration: none; } #wrapper .pagination a:hover {background: #1e79bc;color:#fff;} #wrapper .pagination a.active {background: #1e79bc; color:#fff;} #wrapper .pagination span a {background: #fff;} #wrapper .pagination span a:hover {background: none;color:#fff;} .search-right .navi-bar h2, .search-right .navi-bar div.result{color:#333; font-size: 13px; font-weight: normal; padding: 0 0 10px 1px;} .search-right .navi-bar h2 span,.search-right .navi-bar div.result {font-weight: bold; font-size: 12px;} .search-right .navi-bar div.result h1 {display: inline; font-size: 13px;} .search-right .navi-bar h2 strong {color: #1e608a;} #wrapper .search-right .notfound {width: 714px; text-align: center; color: #999; font-size: 18px; border: 3px solid #94b1ce; line-height: 30px; padding: 80px 0 100px;} #wrapper .search-right .notfound span {display: block;} #search .search-result {width: 712px; padding: 0 0 15px; } #search .search-result li {width: 712px;} #search .search-result .sponsor {background:#f5fafe;margin: 0; width: 720px;} #search .search-result .article {width: 690px;font-size: 13px;} #search .search-result .article .logo {width: 180px; } #search .search-result .article .job-info {width: 360px; } #search .search-result .article .btn-group {width: 136px;} #search .search-result .article .time{right: 10px;} body #search .search-result .last .article{border: none; } /*list-view*/ #wrapper .listview .article {border-bottom: 1px solid #ccc; padding: 15px 0 10px; position: relative; overflow :hidden;margin: 0 auto; line-height: 20px;} /*#wrapper .listview .last {border-bottom: 0px;}*/ #wrapper #position-list .listview li:last-of-type .article {border-bottom: 0px;} #wrapper .listview .article .logo,#wrapper .listview .article .job-info {float: left;} #wrapper .listview .article h3 {padding: 0 0 5px;font-size: 14px;} #wrapper .listview .article h3 img {vertical-align: top ;} #search .listview .article .job-info .type, .listview .article .job-info .type,.list-view .type {font-size: 12px;padding: 2px 0; overflow: hidden;} .listview .article .job-info .type img,.list-view .type img{float: left;margin-right: 5px;} #wrapper .listview .article .job-info p {color: #666; font-size: 12px;} #wrapper .listview .article .job-info p a {color:#666; font-weight: normal; font-size: 12px;} #wrapper .listview .article .job-info p img {vertical-align: text-bottom;} #wrapper .listview .article .btn-group {float: right;color:#666; font-size: 12px; } body #wrapper .listview .article .time {color:#a5a5a5!important;} body #wrapper .listview .btn-group a {color:#666; font-size: 12px;font-weight: normal;} body #wrapper .listview .btn-group .rsmall-btn {margin: 0 0 3px;} body #wrapper .listview .btn-group a.viewinfo{ width:136px;height:28px;text-align:center; display:block; border-radius: 3px; background: #6bb74d; /* Old browsers */ background: -moz-linear-gradient(top, #6bb74d 0%, #469a2b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bb74d), color-stop(100%,#469a2b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6bb74d 0%,#469a2b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6bb74d 0%,#469a2b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6bb74d 0%,#469a2b 100%); /* IE10+ */ background: linear-gradient(to bottom, #6bb74d 0%,#469a2b 100%); /* W3C */} #wrapper .listview .btn-group .apply {background: none;} body #wrapper .listview .btn-group a.viewinfo span {font-size: 22px; color:#ccfdb4;} #wrapper .listview .article .job-info .urgent {margin-top: 1px;} #wrapper .listview .btn-group .apply {height: 30px;} #wrapper .listview .btn-group p {background: url(../img/bg/list-border.gif) repeat-x left bottom; padding: 2px 0; clear: both;} #wrapper .listview .article .btn-group .time {background: none;} #wrapper .listview .article .btn-group .contact a{background: url(../img/bg/btn-list.png) no-repeat 3px -43px;padding: 2px 0 0 25px;}#wrapper .listview .article .btn-group .contact a:hover{background-position: 3px 3px; text-decoration: none;} #wrapper .listview .article .btn-group .view a{background: url(../img/bg/btn-list.png) no-repeat 5px -63px;padding: 5px 0 0 25px;} #wrapper .listview .article .btn-group .view a:hover {background-position: 5px -18px; text-decoration: none;} /*search-loading*/ #search .sticky2 {display: none;} #search .sticky {position:fixed!important;left:auto!important;top: 40%!important;} #search .search-loading {width: 742px; position:absolute; left: 0; top:0;background: url(../img/bg/transparent.png) repeat;height:100%;} #search .search-loading .nav {background:#fff; width:742px;padding: 15px 0;position:absolute;left:0; top:64px;} #search .search-loading .nav img {left: 50%; top:5px; position: relative; margin-left: -16px;} #search .search-loading .nav p{text-align: center;font-size: 22px;color:#666;padding: 10px 0;} /*search not found*/ .not-found {text-align: center; width: 774px; background: #f5f5f5; border: 3px solid #b0dd99; padding: 30px 0; font-size: 15px; font-weight:bold;} .not-found .btn {width: 105px; margin: 15px auto 0;} /*show more- show less*/ #company-content .job-wrapper .info .slidedown .showmore,body #search .filter .showmore {background: url(../img/icon/toggle-down.gif) no-repeat right 5px;width: 74px;list-style: none; cursor: pointer; color:#999; margin: 5px 0 0 14px;} body #company-content .job-wrapper .info .en .showmore,#search .filter .showmore {width: 65px;} body #company-content .job-wrapper .info .en .minus,#search .filter .minus {width: 76px;} #company-content .job-wrapper .info .slidedown .minus,#content #search .filter .minus {background: url(../img/icon/toggle-down.gif) no-repeat right -14px; width: 76px;} #company-content .job-wrapper .info .invisible, #search .filter .invisible {display: none;} #company-content .job-wrapper .info .visible {display: list-item;} body #search .filter .visible {display: block;} /*Slide detail*/ form .rightgroup .slide-detail {background:#E8E8E8; padding: 10px 10px 0 7px; margin: 7px 0 10px;color:#666; overflow: hidden;} form ul .input-slidedown{background: url(../img/bg/bg-slidedropdown.gif) no-repeat left top; overflow: hidden; margin-top: 5px; width: 590px;} form .rightgroup .slide-detail a{padding-left: 5px;} /*Advance Search*/ #advance-search {width: 940px; margin: 0 auto; padding: 15px 0 0;} #advance-search select{color:#666; font-size: 12px; padding: 3px 0;} #advance-search h1 {color:#fff; font-size: 16px; background:#1e608a; border-radius: 5px; padding: 3px 10px; width: 920px; margin: 0 0 25px;} #advance-search .rightgroup {float: left; width: 740px;} #advance-search form {font-size: 12px;} #advance-search form ul li {width: 940px;overflow:hidden;margin: 0 0 10px;} #advance-search form ul li {padding:0} #advance-search form .slide-detail ul li {margin: 0 0 10px 20px; overflow: visible; list-style: disc outside none; width: 560px; line-height: 16px;} #advance-search form label {float: left;width: 200px; color:#333; font-weight: bold;} #advance-search form label .note {display:block; color: #666;padding: 2px 0 0 10px;} #advance-search form .text {border: 1px solid #ccc; width: 280px; margin: 0 5px 0 0;} #advance-search .jobfield {position: relative;} #advance-search .choice a{padding: 0 5px 0 0;} #advance-search .choice label {width: auto; float: none; margin-left: 5px; color:#666; font-size: 12px; font-weight: normal;} #advance-search .text-middle {color: #666; font-size: 12px; padding:0 10px;} #advance-search form .checklist p {line-height: 20px;} #advance-search form .checklist input {width: auto; margin: 0 5px 0 0;} #advance-search form .checklist label {float: none; color:#666; font-weight: normal;} body #wrapper #advance-search .salary {width: 87px; margin: 0;} #advance-search .submit-btn {margin:5px 0 0 200px; background: #1776b3; border-radius: 5px; color: #fff; text-decoration: none; font-size: 13px; padding: 5px 10px; border:none; cursor: pointer; background: #1776b3; background: -moz-linear-gradient(top, #1776b3 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1776b3), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -o-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: -ms-linear-gradient(top, #1776b3 0%,#1d5273 100%); background: linear-gradient(to bottom, #1776b3 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1776b3', endColorstr='#1d5273',GradientType=0 ); } #advance-search .submit-btn:hover{background: #3b99d5; background: -moz-linear-gradient(top, #3b99d5 0%, #1d5273 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b99d5), color-stop(100%,#1d5273)); background: -webkit-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -o-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: -ms-linear-gradient(top, #3b99d5 0%,#1d5273 100%); background: linear-gradient(to bottom, #3b99d5 0%,#1d5273 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b99d5', endColorstr='#1d5273',GradientType=0 ); } /*Choose career page- light box content*/ .choose-career {padding: 20px; width: 545px; margin: 0 auto;} .choose-career h1 {font-size: 14px; color:#4c4c4c;} #select_item { overflow: auto; border: 1px solid #ccc; margin: 0 auto; padding: 10px; height: 180px;} #select_item li{list-style: none;} #select_item li ul {padding-left: 20px;} .tree-node{cursor:default!important;} #select_item ul .tree-node {font-weight: normal;} #tt2 li{overflow: hidden;clear: both;} #tt2 li ul li span {font-size: 13px;color:#666;font-weight: normal; } #tt2 li ul li {overflow: hidden; float: left; width: 325px; padding-left: 20px; clear: none; } .tree-indent{display: none;} .tree-expanded{display:inline-block;width:16px;height:16px;background:url('../img/icon/bg/tree_arrows.gif') no-repeat 0 1px;cursor: pointer!important;} .tree-collapsed{display:inline-block;width:16px;height:16px;background:url('../img/icon/tree_arrows.gif') no-repeat -18px 1px;cursor: pointer!important;} .tree-checkbox{display:inline-block;width:16px;height:16px;cursor: pointer!important;} .tree-checkbox0{background:url('../img/icon/tree_checkbox_0.gif') no-repeat 0 2px;} .tree-checkbox1{background:url('../img/icon/tree_checkbox_1.gif') no-repeat 0 2px;} .choose-career .apply-resume-navigation {margin: 10px auto 0 auto;} .choose-career .link{clear: both; float: left; text-align:center; width: 545px; padding: 20px 0 0; /margin-left: 180px;} .choose-career .link a {display: inline-block;/float: left;/margin: 0 10px 0 0;} /**Joblist**/ .job-company #bkp-job #company-content .listview p{margin: 0;} .job-company #bkp-job #company-content .listview li {list-style: none; margin: 0;} .job-company #bkp-job #company-content .listview .job-info {width: 800px;} #company-content .listview {margin: -15px 0 0;} #wrapper #company-content .listview .article {padding: 15px 0;} #company-content .listview .job-info a,#company-content .listview .job-info h3 a:hover {text-decoration:underline;} #company-content .listview .job-info a:hover,#company-content .listview .job-info h3 a {text-decoration: none;} .job-company #bkp-job #company-content .pagination {padding: 20px 0 50px;} /*Jobdetail*/ #company-content .job-wrapper {padding: 0 0 40px; overflow:visible;} #company-content ul li {list-style: disc outside none;margin-left: 15px;color: #666; line-height: 22px;} #company-content .info > ul > li {list-style: none;} #company-content #position-detail ul.jobdetail li, #company-content .qualifications-degree .skill li, #company-content ul.activies li{list-style:none;margin-left: 0;line-height: 18px;} #company-content #position-detail ul.jobdetail ol {width: 745px; float: right;} #company-content #position-detail ul.jobdetail ol li {list-style: decimal outside none; margin-left: 30px;} #company-content #position-detail h2 {margin-top: 35px;} #company-content #position-detail ul.jobdetail {padding: 0 0 20px 0; overflow:hidden;} #company-content #position-detail ul.jobdetail li {clear: both;line-height: 23px;} #company-content .job-wrapper .info .contact{background: #f2f7fc; overflow: hidden; width: 100%; padding: 5px 0 15px; margin: 20px 0 0;} #company-content .job-wrapper .info .moreinfo {background: #f2f7fc; overflow: hidden; width: 100%; padding: 5px 0 15px; margin: 0;} body #wrapper #company-content .job-wrapper .info .contact p, body #wrapper #company-content .job-wrapper .info .moreinfo p{padding: 0 15px 0;} #company-content .job-wrapper .info .job-icon {position:absolute; top:0;} #company-content .job-wrapper .info .expired {list-style: none; text-align: center; background:#f1f9ec; padding: 30px 0; margin: 40px 0; } #company-content .job-wrapper .info .expired p{font-size: 18px; color:#ed1c24!important;} #company-content .job-wrapper .info .link {list-style: none; margin: 25px 0 0; overflow: hidden; height: 38px;} #company-content .job-wrapper .info .list-view {margin: 25px 0 0;} #company-content .job-wrapper .info .link a {float: none; display: inline-block; margin: 0 10px 0 0; padding: 5px 32px 5px;} *:first-child+html #company-content .job-wrapper .info .link {margin-left: 170px;} *:first-child+html #company-content .job-wrapper .info .link a {float: left;} #company-content .job-wrapper .info .contact li {width: 100%;} #bkp-job #company-content .job-wrapper .info .contact .head, #bkp-job #company-content .job-wrapper .info .moreinfo .head{padding: 10px 0 5px 15px; width: 205px; font-size: 16px; font-weight: bold; color:#333; } /*list-view*/ #bkp-job #company-content .job-wrapper .info .list-view h2 {color: #333; background: #dedede; margin: 0;} #company-content .job-wrapper .info .list-view ul li{list-style: none; margin: 0; padding: 10px;border-bottom: 1px solid #ccc; line-height: 18px;} #bkp-job #company-content .job-wrapper .info .list-view ul li p {padding: 0; margin: 0;} #bkp-job #company-content .job-wrapper .info .list-view ul li .type {padding: 3px 0;} #company-content .job-wrapper .info .list-view ul li p span{color:#333; font-weight: bold;} #company-content .job-wrapper .info .list-view .view-all {padding: 20px 0;} #company-content #position-detail ul.jobdetail li ul {width: 745px; float: right;} #company-content #position-detail ul.jobdetail li ul li {list-style: disc outside none; color:#666; margin-left: 15px;} #company-content #position-detail ul.jobdetail li p {float:right;margin-bottom: 0; width: 745px;} #company-content #position-detail ul.jobdetail li .slidedown{width: 745px; float: right;} #company-content .job-wrapper .info a {font-weight: normal; color:#1e608a;} #wrapper #company-content .job-wrapper .info p {margin-bottom: 0; padding: 5px 0;} #company-content .job-wrapper .detail li, #company-content .job-wrapper .info > li {margin-left: 28px;} #company-content .job-wrapper .info li { font-size: 12px; margin-left: 25px;} #company-content .job-wrapper .info .other {list-style: none; margin: 0; padding: 0 12px 5px;} #company-content .job-wrapper .info .detail p{padding: 0 12px 5px;} #company-content .job-wrapper .info .show .expand{display: block;} #company-content .job-wrapper .info .expand li{width:auto; list-style: disc outside none;} #company-content .job-wrapper .info ol>li {list-style: decimal outside none; color: #666; margin-left: 33px; line-height: 22px;} #wrapper #company-content .job-wrapper .info .hide {display: none;} #company-content .competency .info span {display: block; clear: both;} #company-content #position-detail ul.jobdetail li p .inline {text-decoration:underline;display:inline;} #company-content #position-detail ul.jobdetail li .head {font-weight: bold; width: 215px; color:#333; float: left;} #company-content #position-detail ul.qualifications {padding: 0 0 10px 0; overflow:hidden;} #company-content #position-detail ul.qualifications li {clear:both; overflow: hidden;color:#666; list-style: none; margin-left: 0;} #company-content #position-detail ul.qualifications li span{float: left; width: 745px;} #company-content #position-detail ul.qualifications li span.bullet {width:15px; font-size: 15px;} #company-content #position-detail ul.qualifications li span {width: 945px} /*force shorturl on job-wrapper page*/ #bkp-job #company-content .job-wrapper .left-pane .shortly {width: 300px; border: none; height: auto; padding: 0; margin: 15px 0 0;} #bkp-job #company-content .job-wrapper .left-pane .shortly label, #bkp-job #company-content .job-wrapper .left-pane .shortly #newURL {font-size: 11px; color:#666; overflow: hidden;height: 16px;} #bkp-job #company-content .job-wrapper .left-pane .shortly #newURL {border: 1px solid #ccc;} #bkp-job #company-content .job-wrapper .left-pane .shortly div label, #bkp-job #company-content .job-wrapper .left-pane .shortly div p {padding: 0 0 5px; margin: 0; color:#666; font-weight: bold; position: relative; display: block;} #bkp-job #company-content .job-wrapper .left-pane #shortlyURL input {width: 228px; float: left; margin-right: 5px;} #bkp-job #company-content .job-wrapper .left-pane .shortly #submitCopy {width: 61px; height: 22px; background: url(../img/bg/bg-jobdetail.jpg) no-repeat; float: left; margin-right: 0; border: none; cursor: pointer;} #bkp-job #company-content .job-wrapper .left-pane .suggest {width: 100%; clear: both;} #bkp-job #company-content .job-wrapper .left-pane .suggest #newURL {width: 288px; border:1px solid #ccc; padding: 2px 5px; margin:0; } #bkp-job #company-content .job-wrapper .left-pane .suggest span{ text-align:center; display:inline-block; color: #fff; background: #333; position: absolute;right:0; top:-27px;height: 21px; padding: 7px 0 0 10px; font-size: 11px; font-weight: bold; line-height: 14px;} #bkp-job #company-content .job-wrapper .left-pane .suggest span:after{height:0px;width:0px; border:none;border-top:7px solid #333;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);content:'';position: relative; top: 27px;right: 70px;} #bkp-job #company-content .job-wrapper .left-pane .tags {padding-top: 15px;} #bkp-job #company-content .job-wrapper .left-pane .tags a {font-weight: normal;} #bkp-job #company-content .job-wrapper .left-pane .share-pane {margin: 10px 0;} #bkp-job #company-content .job-wrapper .left-pane .share-pane p{list-style: none; float: left; font-size: 11px; color: #666; background: url(../img/bg/bg-jobdetail.jpg) no-repeat 0 -25px; padding: 10px 0 0 0; height: 20px; margin: 0 0 0 5px;} #bkp-job #company-content .job-wrapper .left-pane .share-pane p a {float: left; padding: 0 10px 0 30px;color:#666;font-weight: normal; line-height: 11px;} #bkp-job #company-content .job-wrapper .left-pane .share-pane .mail {margin: 0;} /*Job detail*/ .job-field a { padding: 0 5px 0 0; font-weight: normal;} .job-field .last {background: url(../img/bg/bg-breadcrumb.gif) no-repeat left 1px; padding: 0 0 0 10px; } .text-editor {padding-top: 20px;} fieldset.text-editor .newline {padding-bottom: 15px;} .job-wrapper-texteditor {width: 960px; overflow: hidden; color: #666;} #company-content .job-description { border: none; margin: 50px 0 20px; width: 940px; } #company-content .job-description tr:hover{background: none;} #company-content .job-description td{border: none;border-bottom: 1px solid #ccc;margin: 0; padding-bottom: 10px; width: 960px;} #bkp-job #company-content .job-description h2, #bkp-job #company-content .job-description h1 {font-size:23px;font-weight: bold; border:none; margin: 0; padding-bottom: 10px;} #company-content .job-description .position p img {vertical-align: middle;} #company-content .job-wrapper .left-pane {width: 300px; float: left;} #company-content .job-wrapper .shortlist {background: #f2f2f2; border:1px solid #dfdfdf; width: 298px; padding: 0 0 20px; font-size: 12px;} #company-content .job-wrapper .shortlist ul {padding: 15px 0 0;} #company-content .job-wrapper .shortlist ul >li {list-style: none; padding:3px 15px; margin: 0; width: 268px;border-bottom: 1px solid #dfdfdf;box-shadow: 0 1px 0 #f9f9f9;} #company-content .job-wrapper .shortlist strong{color: #333; font-weight: bold;} .job-company #bkp-job #company-content .job-wrapper .shortlist h2 {background:#1e608a; color:#fff; border: none; padding: 7px 15px; margin: 0;} #company-content .job-wrapper .shortlist .job-field, #company-content .job-wrapper .shortlist .job-field ul{width: 270px; } #company-content .job-wrapper .shortlist .job-field ul{margin: -15px 0 0; padding:0;} #company-content .job-wrapper .shortlist .job-field {padding:5px 15px 80px; background: none;border: none; box-shadow: none;} #company-content .job-wrapper .shortlist .job-field ul li{width: 262px;margin-left: 0;margin-left: 0; background: url(../img/bg/bullet.png) no-repeat 0 9px; padding:3px 0 0 15px;border:none; box-shadow: none; line-height: 18px;} #company-content .job-wrapper .shortlist ul li a {color: #1e608a;} #bkp-job #company-content .job-wrapper .shortlist .job-field .header {float: none; padding: 0 0 5px; font-weight: bold; color:#333;} /*info*/ #company-content .job-wrapper .info {width: 626px; float:right; position: relative; margin:-32px 0 0; padding:32px 0 40px; overflow: hidden;} #company-content .job-wrapper .info .sharethis {width: 277px; float: right; padding: 0 0 22px;} /*sharethis*/ /*share sns*/ .sharethis .facebook-share { width: 81px; float: left; margin-bottom: 10px; margin-left: 0;} .sharethis .facebook-share img { cursor: pointer; float: left; width: 32px;} .job-company #bkp-job #company-content .sharethis .tweetmeme_button p, .job-company #bkp-job #company-content .sharethis .facebook-share p { clear: none;background: url(../img/bg/social-values-left.png) 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; line-height: 18px; padding: 0 0 0 2px; text-align: center; width: 40px; margin: 0;} .sharethis .tweetmeme_button p span,#company-content .sharethis .facebook-share p span { background: url(../img/bg/social-values-right.png) no-repeat scroll right 0 transparent; display: block; height: 20px; padding: 2px 0 0 3px;font-size: 11px;} .sharethis .tweetmeme_button,.sharethis .all { float: left; height: 21px; padding: 0 7px 0 0; width: 75px; margin-bottom: 10px;} .job-company #bkp-job #company-content .sharethis .all {width: 40px; padding-top: 2px;} .job-company #bkp-job #company-content .sharethis .all a {background: none; width: 45px; float: left;} .job-company #bkp-job #company-content .sharethis .all a .seeall {position: absolute; top: 0; font-size: 12px;} .job-company #bkp-job #company-content .sharethis .all a {color:#666; font-size: 11px; position: relative;} .sharethis .tweetmeme_button img { cursor: pointer; float: left; width: 32px;} .sharethis .tweetmeme_button p { background: url(../img/bg/social-values-left.png) 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; height: 25px; line-height: 18px; padding-left: 2px; text-align: center; width: 46px;} .sharethis .tweetmeme_button p span { background: url(../img/bg/social-values-right.png) no-repeat scroll right 0 transparent; display: block; height: 20px; padding: 2px 0 0 3px;} .sharethis .google-share { float: left; height: 21px; padding: 0 7px 0 0; width: 60px; margin-bottom: 10px;} #company-content .job-wrapper .info p {clear: both; line-height: 18px;} #company-content .job-wrapper .info .competency {list-style: none; margin: 0;} #company-content .job-wrapper .info h3 {padding: 10px 15px; font-size: 13px;color:#333;} #company-content .job-wrapper .info .more {font-weight: normal; background: url(../img/bg/bg-breadcrumb.gif) no-repeat 5px center; padding: 0 0 0 12px;font-size: 12px;} #bkp-job #company-content .job-wrapper .info h2 {margin: 20px 0 10px; background: #f2f2f2; font-size: 16px; font-weight: normal;border: none; padding: 3px 10px;} #wrapper #company-content .job-wrapper .info .active{left: 234px; } #wrapper #company-content .job-wrapper .info .expand .active{left: 25px; } #company-content .job-wrapper .info .language {list-style: none; padding: 0; margin: 0;} /*NotifyMemberContent*/ #NotifyMemberContent {border: 1px solid #d1d1d1; width: 938px; margin: 20px auto; border-radius: 5px; background: none; height: auto;} #NotifyMemberContent .step-success{text-align: center; font-size: 14px; color:#363636; overflow: hidden; padding: 50px 0;} #NotifyMemberContent .step-success h1{font-size: 24px; font-weight: bold; padding: 0 0 30px;} #NotifyMemberContent .step-success p{line-height: 20px;} #NotifyMemberContent .step-success p a,#NotifyMemberContent .step-success h1 a {display: inline; width: auto;} #NotifyMemberContent .step-success a {display: inline-block; margin: 30px auto 0;} #NotifyMemberContent .step-success a.find-job {display: inline-block; padding: 8px 30px;} #NotifyMemberContent .step-success .email-list{ margin: 0 auto;overflow: hidden; padding-top: 20px;width: 594px;} #NotifyMemberContent .step-success .email-list li {float: left;} #NotifyMemberContent .step-success .email-list li a {margin: 0; width: auto;} /*survey*/ #bkp-job .survey { overflow: hidden; padding: 0; width: 960px;} #bkp-job .survey img { margin-bottom: 20px;} #bkp-job .survey .detail { width: 960px; overflow: hidden;} .popup-survey { width: 277px; height: 182px; overflow: hidden; position: fixed; background: url("../img/bg/bg_Popup-surveyPage.png") 0 0 no-repeat; right: 20px; bottom:10px; z-index: 20000;} .popup-survey .detail { position: relative; width: 277px; height: 182px; overflow: hidden;} .popup-survey .detail .closed { position: absolute; right: 10px; top: 3px; width: 11px; height: 11px;} .popup-survey .detail .click-here { position: absolute; bottom: 15px; left: 35px; width: 206px; height: 32px; cursor: pointer;} /* New-BP.com*/ body.jobTheme .hd-navigation { background: none #123a53;} body.jobTheme header[id|="hd"] { background: #1e608a; } body.jobTheme .hd-navigation ul .dropDown .detail { background: #123a53;} #hd-inside .hd-left form.searchb {background: #1e608a url(../img/nav/ico-theme.png) no-repeat 0 -217px;} footer .BKP-digital ul li a,.sectionInfo li h3 a,.sectionInfo > li:last-child ol li a,.sectionInfo li .header {color: #1e608a;} /*e-newspaper reflect*/ header[id|=hd] .hd-right .epaper:after {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(30, 96, 138, 0.81) 49%, rgba(30, 96, 138, 1) 100%);} .topic-category { width: 620px; overflow: hidden; clear: both; margin-bottom: 25px;} .more-topic { width: 300px; float: left; overflow: hidden; margin-right: 18px;} .more-topic .header { width: 280px; overflow: hidden; background: #ededed; padding: 10px;} .more-topic .header h2 { font-size: 11px; color: #333; float: left; margin: 0; text-transform: uppercase;} .articleContent .more-topic .header ul { background: none; border: none; margin: 4px 0 0; padding: 0; width: 316px; float: right; width: 52px; overflow: hidden;} .articleContent .more-topic .header ul li { margin: 0; list-style: none; float: left; margin-right: 5px;} .articleContent .more-topic .pager li a.pagenum { background: #bebebe; width: 9px; height: 9px; float: left; border-radius: 5px;} .articleContent .more-topic .pager li a.pagenum span { display: block; text-indent: -9999px;} .articleContent .more-topic .pager li a.active { background: #666;} .articleContent .more-topic .pager li.last { margin-right: 0;} .articleContent .viewport { width: 300px; overflow: hidden; clear: both; float: left; height: 251px; position: relative;} .articleContent .viewport .overview { overflow: hidden; position: absolute;} .articleContent .viewport .overview ul { background: none; border: none; float: left; width: 300px; overflow: hidden; margin: 0; padding: 5px 0 5px; height: 245px;} .articleContent .viewport .overview ul li { list-style: none; border-bottom: 1px solid #e5e5e5; width: 290px; overflow: hidden; padding: 10px 10px 10px 0;; margin:0; clear: both; float: left; background:#fff;} .articleContent .viewport .overview ul li .detail { width: 190px; float: left; overflow: hidden; background: none; clear: none;padding: 0; height: auto; } .articleContent .viewport .overview ul li h3 { font-size: 13px; margin-bottom: 5px; padding: 0;} .articleContent .viewport .overview ul li h3 a { color: #213c70; text-decoration: none;} .articleContent .viewport .overview ul li h3 a:hover { text-decoration: underline;} .articleContent .viewport .overview ul li p { margin: 0;} .articleContent .viewport .overview ul li p span { display: block; font-size: 11px; color: #5e5e5e; line-height: 14px;} .articleContent .viewport .overview .img-thumbnail { position: relative; width: 90px; height: 60px; overflow: hidden; float: left; margin-right: 10px;} .articleContent .Other-stories { width: 302px; float: left; overflow: hidden;} .articleContent .Other-stories h2 { width: 296px; padding: 10px; background: #ededed; font-size: 11px; color: #333;text-transform: uppercase; margin: 0 0 7px;} .articleContent .Other-stories ul { background: none; float: none; border: none; width: 316px; overflow: hidden; padding: 0; margin: 0;} .articleContent .Other-stories ul li { border-bottom: 1px solid #e5e5e5; padding: 9px 10px ; width: 296px; overflow: hidden; margin: 0; clear: both; float: left; list-style: none;} .articleContent .Other-stories ul li span { font-size: 18px; float: left; margin-right: 5px;} .articleContent .Other-stories ul li a { text-decoration: none; float: left; font-size: 13px; color: #213c70;} .articleContent .Other-stories ul li a:hover { text-decoration: underline;} .articleContent .RelatedSearch { font-size: 14px; font-weight: bold; color: #363636; margin-bottom: 15px; line-height: 26px; width: 645px; clear: both; float: left;font-family: Arial;} .articleContent .RelatedSearch span { display: block; font-weight: normal; line-height: 12px;} .articleContent .RelatedSearch span a { font-size: 11px; color: #1e79bc; text-decoration: none;} .articleContent .RelatedSearch span a:hover { text-decoration: underline;} .articleContent.no-moretopic { width: 645px; overflow: hidden;} .articleContent .no-moretopic h2 { width: 625px;} .articleContent .no-moretopic ul { width: 645px;} .articleContent .no-moretopic ul li { width: 625px;} .attentionBox { background: #db2027; font-size: 18px; margin: 20px auto 0; width: 940px; padding: 10px 0px; height: 50px; color: #ffffff; text-align: center;} .attentionBox span { display: block;} .contentEvent { width: 940px; overflow: hidden; padding: 40px 10px; margin: 0 auto; font-family: Helvetica ,Arial,sans-serif;} .contentEvent ul { overflow: hidden; clear: both; width: 940px; margin: 20px 0 80px;} .contentEvent ul li { width: 470px; overflow: hidden; float: left;} .contentEvent ul li p { font-weight: lighter; font-size: 14px; line-height: 20px;} .contentEvent ul li p span { display: block; margin: 20px 0 0; font-size: 18px; font-weight: bold;} .contentEvent ul li p span span { margin: 3px 0 0;} .contentEvent ul li h2 { color: #d71440; font-size: 16px; margin: 0 0 5px;} .contentEvent ul li ul { margin: 0;} .contentEvent ul li ul li { clear: both; font-weight: lighter;} .contentEvent ul li ul li p { float: left; font-size: 12px; width: 415px;} .contentEvent ul li ul li p span { display: block; font-size: 12px; margin: 0; color: #333333; font-weight: lighter;} .contentEvent ul li ul li span { color: #ee9caf; float: left; font-size: 22px; margin: 0 5px 0 0; vertical-align: middle;} .contentEvent ul li a { color: #999999; font-size: 12px; font-weight: normal; text-decoration: underline;} .contentEvent ul li a:hover { text-decoration: none;} .contentEvent .btn { text-align: center; overflow: hidden; padding: 15px 0; margin: 0 0 50px;} #content .contentEvent .btn a.register { text-align: center; padding: 20px 100px; margin: 20px auto; clear: both; background: #d71440; color: #ffffff; font-size: 34px; font-weight: lighter;} /*Job-list*/ .job-company #wrapper .job-list #company-content #teaser-box, .job-company #wrapper .profile #company-content #teaser-box {-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;} .job-company #wrapper .job-list #company-content #comp-profile, .job-company #wrapper .profile #company-content #comp-profile {-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group: 2;} .job-company #wrapper .job-list #company-content #position-list, .job-company #wrapper .profile #company-content #company-location {-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;box-ordinal-group: 3;} /*company-profile*/ .job-company #wrapper .profile #company-content #company-multimedia {-webkit-box-ordinal-group: 4;-moz-box-ordinal-group: 4;box-ordinal-group: 4;} /*Career guide*/ .allStory .tab-toggle {overflow: hidden; height: 40px; background: url(../img/bg/bg-repeat-tab.gif) repeat-x 0 0;} .allStory .tab-toggle li {width: 130px; height: 12px; background: #e9e9e9; float: left; font-weight: bold; font-size: 14px; color: #1f3a71; cursor: pointer; text-align: center; padding: 8px 6px 12px; border: 1px solid #e9e9e9; line-height: 18px;} .allStory .tab-toggle li.active {border: 1px solid #cccccc; border-bottom: 1px solid #ffffff; height: 17px; background: #ffffff; cursor: text; padding: 8px 6px;} .toggle-detail {clear: both;} .allStory .tab-toggle .tab1 {margin: 0 5px;} .allStory .tab-toggle .tab2 {border: 1px solid #e9e9e9;} .allStory .tab-toggle .tab2.active {border-bottom: 1px solid #ffffff;} .allStory .toggle-detail li .detail h3 {font-size: 14px; font-family: charis_silbold,Thonburi,tahoma; font-weight: normal;} .allStory .toggle-detail li .detail p {font-size: 13px;} form.mini-search input[type="submit"] {font-size: 12px;} /*company-profile*/ #wrapper #bkp-job #position-list {overflow: hidden; margin: 30px 0 50px;} #wrapper #bkp-job #position-list .listview {margin: 0;} /*job detail*/ #bkp-job #company-nav .headeline a, #bkp-job .search-pages .headline{font-family : arial_blackregular; font-weight:normal; color: #333333; font-size: 15px; line-height: 17px; padding: 0 20px 0 0; line-height: 18px; background: url(../img/icon/arrow-link.png) no-repeat right center; text-transform: uppercase;} #bkp-job .search-pages .headline {background: #fff;} #bkp-job #company-nav .headeline {padding: 0 0 10px; border-bottom: 1px solid #cccccc;} #company-content .photo-detail {margin-bottom: 0;} /*article img*/ .articleContents p.centerThumbnail, .articlePhotoCenter {clear: both;margin: 0 auto 10px;text-align: center;width: 620px;} .allStory ul li {border:none;} .allStory ul li ol li:last-child , .allStory ul li ol li {border-bottom: 1px solid #e6e6e6;} .allStory ul li ol li:last-child {padding-bottom: 20px;} /*nav career guide*/ .allStory nav {margin: 20px 0 15px;} .allStory nav span {border: none; display: inline; background: none; padding: 0; color: #999999;} #content .twoCol .allStory nav a.active {background:#213c70; border: 1px solid #213c70; color: #fff; display: inline;} #content .twoCol .allStory nav a {background: #fff; padding: 3px 5px; color: #999; text-decoration: none;} #content .twoCol .allStory nav a:hover {background: #213c70; border: 1px solid #213c70; color: #fff;} /* sementic search*/ .ui.dropdown > .default.text, .ui.default.dropdown > .text {font-family: Arial,Thonburi,Tahoma; font-size: 15px;}