/********************************************************************************************** powered by: prodigi.asia created by: danu andoko /********************************************************************************************** 1 Reset 2 Clearfix 3 Global 4 Structure 5 Header 6 Modules 7 Sidebar 8 Footer ***********************************************************************************************/ /* 1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;} q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } *{margin:0px; padding:0px; outline: 0;} /* 2 Global -----------------------------------------------------------------------------------------------*/ html, body, #wrap {height: 100%;} body {font-family: Helvetica, Arial, sans-serif;font-size:12px;background:#ffffff;margin: 0;padding: 0; text-align: left;color: #666666;} ol#accessibility, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } hr {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#D9D9D9 none repeat scroll 0 0; border-width:0;color:#D9D9D9;height:1px;} strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: bold; } address, cite, dfn { font-style: normal; } li { list-style: none; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font: 12px Arial, Helvetica, sans-serif; padding:4px 2px; color:#666666;border:#E1E1E1 solid 1px;} p{line-height:20px;margin-bottom:10px;} a { color: #0786d1; text-decoration: none; outline: none } a:hover {cursor: pointer; color:#666666; } .clear{ clear:both; margin:0px; padding:0px; } .wrap{width:960px; margin:0px auto;} /*--------------------------------------------------------*/ #container{} #header{background:#0186D5 url(../images/bg-header.jpg) repeat-x; height:101px; color:#FFFFFF; padding-left:10px; } #header #logo{padding-top:20px;} #header #link_top{margin-top:30px;color:#ffffff; } #header #link_top a:link, #header #link_top a:visited, #header #link_top a:active{color:#ffffff; margin:0px 10px; padding:0px; font-weight:bold;display:inline-block;} #header #link_top a:hover{ color:#333333; } #header #link_top a.first{margin-left:0px;} /*--------------------------------------------------------*/ #content{min-height:440px;} #content h3{font-size:18px;margin:30px 0px 10px 0px;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;} #content .paging{margin-bottom:20px;padding:10px;border-top:#f0f0f0 solid 3px;} #content .paging a{margin-right:10px;} #content .pack{padding-bottom:20px;} #content .pack .left{float:left;width:158px;} #content .pack .left p{margin-right:20px;font-size:11px;} #content .pack .left h3{font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;} #content .pack .left .menu-left{margin-top:30px;} #content .pack .left .menu-left li{margin-bottom:1px;} #content .pack .left .menu-left li a{display:block;padding:4px 4px;color:#666666;} #content .pack .left .menu-left li a.active{display:block;padding:4px 4px;background:#E1E1E1;color:#666666;font-weight:bold;} #content .pack .left .menu-left li a:hover{background:#E1E1E1;} #content .left2{float:left;width:686px;min-height:200px;padding:20px 20px 0px 0px;border-right:#E1E1E1 solid 2px;} #content .left2 .head-top{ border-bottom:#e1e1e1 solid 1px;width:708px;padding-bottom:20px;} #content .left2 .head-top h1{font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;} #content .left2 .head-top .desc{margin-top:10px;padding-right:20px;} #content .left2 .latest-job{float:left;width:420px;padding-right:20px;border-right:#e1e1e1 solid 2px;} #content .left2 .latest-job h2{font-size:24px;font-family:Georgia, "Times New Roman", Times, serif;width:430px;padding:5px 0px 5px 10px;font-weight:normal;background:#f0f0f0;color:#999999;} #content .left2 .latest-job ul{margin-top:20px;} #content .left2 .latest-job ul li{margin-bottom:10px; border-bottom:#e1e1e1 dashed 1px;padding-bottom:10px;} #content .left2 .latest-job ul li h4{font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:5px;font-weight:bold;} #content .left2 .latest-job ul li h4 span{font-size:10px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;} #content .left2 .latest-job ul li a{color:#0786d1;} #content .left2 .latest-job ul li a:hover{color:#1D4ECF;} #content .left2 .tips-job{float:left;padding:5px 0px 20px 20px;width:220px;} #content .left2 .tips-job h2{width:245px;padding:0px 0px 5px 20px;margin-left:-20px;font-size:24px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;color:#999999;border-bottom:none;} #content .left2 .tips-job #testimonial{margin-top:20px;font-family:Georgia;font-size:18px;background:url(../images/kutip.jpg) no-repeat top left;padding-top:30px;} #content .left2 .tips-job #testimonial li p{line-height:24px;color:#999999;text-align:center;} #content .right2{float:right;width:210px;padding:20px 20px 0px 20px;} #content .right2 #login-home{border:#E1E1E1 solid 1px;padding:10px;padding-bottom:0px;} #content .right2 #login-home h3{margin:0px 0px 10px 0px;} #content .right2 .adver{text-align:center;} #content .right2 .adver img{padding:5px; border:#e1e1e1 solid 1px;margin-bottom:20px;background-color:#999999;} #content .right2 .sign-up{margin:10px 0px 20px 0px;text-align:center;} #content .right2 .sign-up img{margin-bottom:5px;} #content .right2 #login-home .profile-tab{margin-bottom:20px;} #content .right2 #login-home .profile-tab .photo-small{padding:2px; border:#e1e1e1 solid 1px; margin-right:10px;width:40px;} #content .right2 #login-home .profile-tab tr td{ vertical-align:middle;} #content .right2 #login-home .profile-tab h4{font-size:14px;font-weight:bold;} #content .pack .right{float:left;width:760px;padding:20px;border:#E1E1E1 solid 1px;border-top:none;min-height:300px;background:#f0f0f0;} #content .pack .right .box-name{border-bottom:#E1E1E1 solid 1px;width:760px;margin:-20px 0px 0px -20px;padding:30px 20px 30px 20px;background:#ffffff;} #content .pack .right .box-name .box-left{float:left;width:500px;font-size:16px;font-family:Georgia, "Times New Roman", Times, serif;} #content .pack .right .box-name .box-right{float:right;} #content .pack .right .box-name .box-right span{font-size:11px;} #content .pack .right .box-name .box-right a{display:block;background:url(../images/bt-resume.jpg) no-repeat;width:107px;height:19px; text-indent:-99999px;} #content .pack .right .desc #job-desc{margin-top:30px;} #content .pack .right .desc #job-spec{margin-top:20px;} #content .pack .right .box-form{margin-top:20px;} #content .pack .right .box-form .datatable{width:100%;border-collapse:collapse;border-spacing:0; text-align:left;} #content .pack .right .box-form .label-form{color:#666666;font-weight:bold;padding:10px 10px 0px 0px;text-align:right;width:130px;} #content .pack .right .box-form .data-form{padding-top:5px;} #content .pack .right .box-form .data-form .input{width:350px;} #content .pack .right .box-form .data-form .input2{width:200px;} #content .pack .right .box-form .data-form .input3{width:100px;} #content .pack .right .box-form .data-form .input4{width:100%;} #content .pack .right .box-form .data-form select{font-size:12px;} #content .pack .right .box-form .data-form .width01{width:50px;padding-right:5px;} #content .pack .right .box-form .data-form .width02{width:65px;padding-right:5px;} #content .pack .right .box-form .data-form .width03{width:165px;padding-right:5px;} #content .pack .right .box-form h4{font-size:14px;margin:30px 0px 10px 0px;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;} .b-table01 th{border-bottom:#c0c0c0 solid 2px !important;padding:5px;background:#cccccc;} .b-table02 td{border-bottom:#cccccc solid 1px !important;padding:5px;font-size:11px;font-family:arial;} #content .pack .right .box-view{margin-top:0px;} #content .pack .right .box-view h2{font-size:14px;border-top:#CCCCCC solid 2px;padding-top:10px;margin:20px 0px 10px 0px;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;} #content .pack .right .box-view .datatable{width:100%;border-collapse:collapse;border-spacing:0; text-align:left;} #content .pack .right .box-view .label-form{color:#666666;font-weight:normal;padding:5px 10px 0px 0px;text-align:right;width:130px;} #content .pack .right .box-view .data-form{padding-top:5px;color:#333333;} #content .spacer td{padding:10px 0px;} #content .datatable .label-form, .datatable .data-form{padding:3px 0 1px;text-align:left;vertical-align:top;} #content .pack .right .box-form .box-photo{width:200px; float:left;} .img-profile{padding:4px; border:#cccccc solid 1px;} #content .pack .right .box-form .box-change{width:560px; float:left;} #content .list-contact{} #content .list-contact li{margin-bottom:10px;} #content .list-contact li .back_form{width:300px;} #content .list-contact li .back_form2{width:500px;} #content .list-contact li .back_form3{width:100px;} #content .list-contact li .back_form4{width:180px;} .btn_submit{width:105px;color:#333333;cursor:pointer;background:#B5B5B5;} .blue{width:105px;color:#ffffff;cursor:pointer;background:#0186D5;} #content .list-contact li .red {color:#FF0000;} #content .table-joblist{margin-top:10px;border:#3DADF1 solid 1px;} #content .table-joblist th{background:#3DADF1;padding:15px 10px;font-weight:bold;color:#FFFFFF;font-size:14px; text-align:center; vertical-align:middle;border:#ffffff solid 1px;} #content .table-joblist td{padding:10px 10px; vertical-align:middle;border:#ffffff solid 1px;} #content .table-joblist td.center{text-align:center;} #content .table-joblist tr.zeb01{background:#ffffff;} #content .table-joblist tr.zeb02{background:#f0f0f0;} #content .table-edu{margin-top:10px;border:#3DADF1 solid 1px;} #content .table-edu th{background:#3DADF1;padding:15px 10px;font-weight:bold;color:#FFFFFF;font-size:12px; text-align:center; vertical-align:middle;border:#1291DE solid 1px;} #content .table-edu td{padding:10px 10px; vertical-align:middle;border:#cccccc solid 1px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#444444;} #content .table-edu td.center{text-align:center;} #content .table-edu tr.zeb01{background:#ffffff;} #content .table-edu tr.zeb02{background:#f0f0f0;} #content .table-edu a{color:#444444;font-weight:bold;} #content .table-edu a:hover{color:#0786d1;} /*--------------------------------------------------------*/ #footer{background:#0186D5 url(../images/bg-footer.jpg) repeat-x;height:32px;color:#666666; font-size:11px;padding-top:10px;text-align:center; } /* jquery validate */ #commentForm label {width:250px;display:block;} #commentForm label.error {margin-left:0px;color:#ff0000;} #registerForm label {width:250px;display:block;} #registerForm label.error {margin-left:0px;color:#ff0000;} /* jquery notification resume incomplete */ #notification_resume_incomplete {position:absolute;top:0;left:0;z-index:10;background:#ffc;padding:5px;font-weight:bold;width:99%;min-height:50px;height:50px;}