@import url("reset.css"); 
@import url("tab.css"); 
@import url("navigation.css"); 
@import url("table.css"); 
@import url("pager.css"); 
@import url("officexp.css"); 
@import url("button.css"); 
@import url("jquery.fancybox-1.3.2.css"); 

body{ background-image:url(../images/retro.jpg); background-repeat:repeat font-family:Verdana,Arial,Helvetica,sans-serif}

a{text-decoration:none;}

#wrapper{width:994px; margin:0 auto; padding-top:5px}

.content{background-color:#FFF; float:left; min-height:450px}

.header{height:198px; width:994px; background-image:url(../images/banner.jpg); background-repeat:no-repeat}

.header2{background:url(../images/banner1.jpg) no-repeat; width:994px; height:83px}

.contentBot{background:url(../images/wrapper_bot.gif) no-repeat; height:8px; width:994px; padding-bottom:10px; float:left}

.footer{width:938px; text-align:right; float:right}

.help{text-align:right; font-size:11px; font-weight:bolder; width:100%; float:left; padding-bottom:10px}

.welcome{font-size:12px; padding:10px;}

.primary{width:718px; float:left; padding:2px 0px 5px 17px}

.secondary{width:221px; float:left; padding:2px 0px 0px 20px}

.columnHalf{width:455px; height:200px; float:left; padding:2px 0px 10px 23px}

.topGreyHalf{background:url(../images/top_grey_half.gif) no-repeat; width:455px; height:26px; float:left}

.vacanContentHalf{background:url(../images/vacanContentHalf.jpg) repeat-y; width:435px; height:150px; float:left; padding:10px;}

.vacanContentHalf .newsContent ol li {list-style-type:decimal;position:relative;left:20px;float:left;} 

.vacanContentHalf .newsContent ul li {padding-left:20px;position:relative;left:10px;background:url(../images/bullet_black.png) no-repeat 0px 8px;float:left}

img.news{padding:5px; border:1pt solid #dfdfdf; width:150px; max-height:130px; height:auto !important; height:expression( document.body.clientHeight >130 ? "130px":"auto"); float:left; margin:0px 10px 0px 0px}

.newsTitle{font-size:12px; font-weight:bold; display:block}

.newsDate{color:#564B47; font-size:11px; font-style:italic; padding-bottom:10px; padding-top:3px; display:block}

.newsContent{font-size:11px; line-height:120%; color:#564B47}

.galleryContent{font-weight:bold; font-size:11px; color:#313131}

.photoCase{width:200px; padding:5px; border:1pt solid #dfdfdf; margin:10px; float:left; display:inline; height:170px;}

.vacanBotHalf{background:url(../images/vacanBotHalf.jpg) no-repeat; width:455px; height:7px; float:left}

.columnSmall{width:221px; float:left; padding-bottom:10px}

.columnFront{width:299px; padding:5px 0px 5px 20px; float:left}

.contentLeft{width:38px; float:left}

.contentLeftSmall{width:32px; float:left; padding-top:5px}

.contentRight{width:260px; float:left}

.contentRightSmall{width:189px; float:left}

.topUngu{background:url(../images/tab_top_ungu.jpg) no-repeat; height:6px; width:298px}

.topUnguSmall{background:url(../images/tab_top_ungu_small_09.gif) no-repeat; height:4px; width:221px}

.topUngu2{background:url(../images/ungu2_06.gif); height:38px; width:718px}

.contentUngu{background:url(../images/tab_content_ungu.jpg) repeat-y; width:298px; height:250px; padding:0px 2px 2px 2px; float:left}

.contentUnguSmall{background:url(../images/tab_content_ungu_small_11.gif) repeat-y; width:221px; height:190px; float:left}

.contentPrimary{background:url(../images/content_primary_29.gif) repeat-y; width:718px; float:left}

.ungu{color:#a439a1; font-size:14px; font-weight:bolder; padding-top:10px; float:left}

.ungu a{text-decoration:none; color:#a439a1; font-size:14px; font-weight:bolder; float:left}

.unguSmall{color:#a439a1; font-size:12px; font-weight:bolder; padding-top:5px; float:left}

.unguSmall a{text-decoration:none; color:#a439a1; font-size:12px; font-weight:bolder; float:left}

.botUngu{background:url(../images/tab_bot_ungu.jpg) no-repeat; width:298px; height:5px; float:left}

.botUnguSmall{background:url(../images/tab_bot_ungu_small_18.gif) no-repeat; width:221px; height:4px; float:left}

.botPrimary{background:url(../images/primary_bot_30.gif); width:718px; height:11px; float:left}

.topBiru{background:url(../images/tab_top_biru.jpg) no-repeat; height:6px; width:298px}

.topBiruSmall{background:url(../images/tab_top_biru_small_09.gif); height:4px; width:221px}

.topBiru2{background:url(../images/biru2_06.gif) no-repeat; width:718px; height:38px}

.contentBiru{background:url(../images/tab_content_biru.jpg) repeat-y; width:298px; height:250px; padding:0px 2px 2px 2px; float:left}

.contentBiruSmall{background:url(../images/tab_content_biru_small_11.gif) repeat-y; width:221px; height:190px; float:left}

.biru{color:#397db6; font-size:14px; font-weight:bolder; padding-top:10px; float:left}

.biru a{color:#397db6; font-size:14px; font-weight:bolder; float:left; text-decoration:none}

.biruSmall{color:#397db6; font-size:12px; font-weight:bolder; padding-top:5px; float:left}

.biruSmall a{color:#397db6; font-size:12px; font-weight:bolder; float:left; text-decoration:none}

.botBiru{background:url(../images/tab_bot_biru.jpg) no-repeat; width:298px; height:5px; float:left}

.botBiruSmall{background:url(../images/tab_bot_biru_small_18.gif) no-repeat; width:221px; height:4px; float:left}

.topIjo{background:url(../images/tab_top_ijo.jpg) no-repeat; height:6px; width:298px}

.topIjo2{background:url(../images/ijo2_06.gif) no-repeat; height:38px; width:718px}

.topIjoSmall{background:url(../images/tab_top_ijo_small_20.gif); height:4px; width:221px}

.contentIjo{background:url(../images/tab_content_ijo.jpg) repeat-y; width:298px; height:250px; padding:0px 2px 2px 2px; float:left}

.contentIjoSmall{background:url(../images/tab_content_ijo_small_21.gif) repeat-y; width:221px; height:230px; float:left}

.ijo{color:#2c9112; font-size:14px; font-weight:bolder; padding-top:10px; float:left}

.ijo a{color:#2c9112; font-size:14px; font-weight:bolder; float:left; text-decoration:none}

.ijoSmall{color:#2c9112; font-size:12px; font-weight:bolder; padding-top:10px; float:left}

.ijoSmall a{color:#2c9112; font-size:12px; font-weight:bolder; float:left; text-decoration:none}

.botIjo{background:url(../images/tab_bot_ijo.jpg) no-repeat; width:298px; height:6px; float:left}

.botIjoSmall{background:url(../images/tab_bot_ijo_small_27.gif); width:221px; height:5px; float:left}

.description{font-size:11px; color:#6e6e6e; padding-right:2px; padding-top:2px; float:left; width:254px}

.descriptionSmall{font-size:10px; color:#6e6e6e; padding-right:2px; padding-top:2px; float:left; width:184px}

.title1{width:23px; height:150px; padding-left:5px}

.topGrey{background:url(../images/top_grey_39.gif) no-repeat; width:938px; height:26px; float:left}

.topGrey2{background:url(../images/top_grey.gif) no-repeat; width:760px; height:26px; float:left}

.vacan{width:938px; float:left; padding:20px 0px 10px 20px}

.vacan2{width:938px; float:left; padding-left:30px; padding-bottom:10px}

.vacanTop{background:url(../images/lowongan.jpg) no-repeat; width:938px; height:26px; float:left}

.vacanContent{background:url(../images/lowongan_content.jpg) repeat-y; width:928px; padding:5px; float:left}

.vacanContentLow{background:url(../images/lowongan_content.jpg) repeat-y; width:938px; padding-left:5px; padding-top:5px; float:left}

.vacanContent2{background:url(../images/lowongan_content2.jpg) repeat-y; width:760px; float:left}

.vacanContent p{font-size:11px; text-align:justify; color:#000; float:left; line-height:150%; width:100%;}

.vacanContent p a{text-decoration:none}

.block{width:210px; padding-left:20px; float:left}

.corporateName{font-size:13px; font-weight:bolder; color:#000}

.jenis{font-size:11px; font-style:italic; color:#6E6E6E}

.jabatan{font-size:13px; color:#000}

.detailLink{font-size:10px; font-style:italic}

.detailLink a{text-decoration:none}

.vacanBot{background:url(../images/lowongan_bot.jpg) no-repeat; width:938px; height:9px; float:left}

.vacanBot2{background:url(../images/lowongan_bot2.jpg) no-repeat; width:760px; height:9px; float:left}

.loginForm{width:250px; float:left}

.loginBox{background:url(../images/login-form_03.jpg) no-repeat; width:204px; height:123px}

.loginBox2{background:url(../images/login-form.jpg) no-repeat; width:337px; height:123px; padding:15px 16px 9px 20px}

.loginTitle{font-size:13px; font-weight:bold; color:#858585; padding-bottom:5px; padding-left:15px}

.loginCat{font-size:11px; float:left; color:#4c4c4c; font-style:italic}

.buttonLogin{background:url(../images/button-loginhov_03.jpg) no-repeat; font-size:11px; width:45px; height:18px; text-align:center; color:#2d2d2d; padding-top:3px}

.buttonLogin:hover{background:url(../images/button-login_03.jpg) no-repeat}

.buttonLogin2{background:url(../images/button-loginhov.jpg) no-repeat; font-size:11px; width:55px; height:21px; text-align:center; color:#000; padding-top:5px; display:block}

.buttonLogin2:hover{background:url(../images/button-login.jpg) no-repeat}

#ret_div{font-size:11px}

.controlStyle{font-size:11px}

.loginHelp{float:left; width:700px}

.helperBox{float:left; width:600px; position:relative; left:50px; font-size:11px; color:#474747; padding-bottom:5px}

.helperBox li{padding-top:3px}

.lokasi{font-size:10px; color:#FFF; float:left; padding-left:540px}

.logo img{vertical-align:middle; float:right; padding-left:20px}

.topGreyMain{background:url(../images/top_grey_main.jpg) no-repeat; width:682px; height:26px; float:left}

.vacanContentMain{background:url(../images/vacanContentMain.jpg) repeat-y; width:682px; padding:5px; float:left}

.vacanBotMain{background:url(../images/vacanBotMain.jpg) no-repeat; width:682px; height:8px; float:left}

.topGreySide{background:url(../images/top_grey_side.jpg) no-repeat; width:232px; height:26px; float:left}

.vacanContentSide{background:url(../images/vacanContentSide.jpg) repeat-y; width:232px; float:left}

.vacanBotSide{background:url(../images/vacanBotSide.jpg) no-repeat; width:232px; height:7px; float:left}