/* CSS Document */ body{/*font-family: tahoma, verdana, Times, serif;*/ font-size:12pt; color:#000000; top:0px; left:0px; margin:0px; font:100% tahoma, verdana, sans-serif; background:#ffffff url(../images/bgwhite.gif) top center fixed repeat-y;} /*div{padding-top:5px;}*/ a{color:#000000; text-decoration:none;} a:visite{color:#000000; text-decoration:none;} button.kalender{width:26px; height:30px; background:url(../images/icon-calender.gif) no-repeat; background-position:0px 0px; border:none; cursor:inherit; }/*sdh*/ button.edit{width:66px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-67px 0px; border:none; cursor:inherit; }/*sdh*/ button.delete{width:66px; height:26px; background:url(../images/iconall.jpg) no-repeat; border:none; cursor:inherit;} button.view{width:66px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-134px 0px; border:none; cursor:inherit;}/*sdh*/ button.add{width:67px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-200px 0px; border:none; cursor:inherit;}/*sdh*/ button.save{width:67px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-267px 0px; border:none; cursor:inherit;}/*sdh*/ button.save-disable{width:67px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1962px 0px; border:none; cursor:inherit;}/*sdh*/ button.cencel{width:67px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-334px 0px; border:none; cursor:inherit;}/*sdh*/ button.graph{width:67px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-469px 0px; border:none; cursor:inherit;}/*sdh*/ button.test-report{width:97px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-743px 0px; border:none; cursor:inherit;}/*sdh*/ button.test-result{width:97px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-2029px 0px; border:none; cursor:inherit;}/*sdh*/ button.ferrograph{width:97px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1034px 0px; border:none; cursor:inherit;}/*sdh*/ button.print{width:67px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-402px 0px; border:none; cursor:inherit;}/*sdh*/ button.xls{width:67px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-610px 0px; border:none; cursor:inherit;}/*sdh*/ button.pdf{width:68px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-676px 0px; border:none; cursor:inherit;}/*sdh*/ button.new-sampel{width:97px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-840px 0px; border:none; cursor:inherit;}/*sdh*/ button.re-check{width:97px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-937px 0px; border:none; cursor:inherit;}/*sdh*/ button.detail{width:75px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1131px 0px; border:none; cursor:inherit;}/*sdh*/ button.back{width:75px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1205px 0px; border:none; cursor:inherit;}/*sdh*/ button.area{width:75px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1279px 0px; border:none; cursor:inherit;}/*sdh*/ button.equipment{width:75px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1353px 0px; border:none; cursor:inherit;}/*sdh*/ button.profile{width:69px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1427px 0px; border:none; cursor:inherit;}/*sdh*/ button.contact{width:74px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1496px 0px; border:none; cursor:inherit;}/*sdh*/ button.choose{width:75px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-535px 0px; border:none; cursor:inherit;}/*sdh*/ button.login{width:75px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1569px 0px; border:none; cursor:inherit;}/*sdh*/ button.searching{width:33px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1643px 0px; border:none; cursor:inherit;}/*sdh*/ button.customer{width:97px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1676px 0px; border:none; cursor:inherit;}/*sdh*/ button.condem{width:112px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1773px 0px; border:none; cursor:inherit;}/*sdh*/ button.approve{width:80px; height:26px; background:url(../images/iconall.jpg) no-repeat; background-position:-1884px 0px; border:none; cursor:inherit;}/*sdh*/ button.type{width:73px; height:26px; background:url(../images/type.jpg) no-repeat; background-position:0px 0px; border:none; cursor:inherit;}/*sdh*/ button.user-access{width:97px; height:26px; background:url(../images/icon-acces.jpg) no-repeat; background-position:0px 0px; border:none; cursor:inherit;}/*sdh*/ button.copy-matrix{width:102px; height:26px; background:url(../images/copy-matrix.jpg) no-repeat; background-position:0px 0px; border:none; cursor:inherit;}/*sdh*/ /* button hover */ button.edit-hover{width:66px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-67px 0px; border:none; cursor:inherit; }/*sdh*/ button.delete-hover{width:66px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; border:none; cursor:inherit;} button.view-hover{width:66px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-134px 0px; border:none; cursor:inherit;}/*sdh*/ button.add-hover{width:67px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-200px 0px; border:none; cursor:inherit;}/*sdh*/ button.save-hover{width:67px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-267px 0px; border:none; cursor:inherit;}/*sdh*/ button.save-disable-hover{width:67px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1962px 0px; border:none; cursor:inherit;}/*sdh*/ button.cencel-hover{width:67px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-334px 0px; border:none; cursor:inherit;}/*sdh*/ button.graph-hover{width:67px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-469px 0px; border:none; cursor:inherit;}/*sdh*/ button.test-report-hover{width:97px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-743px 0px; border:none; cursor:inherit;}/*sdh*/ button.test-result-hover{width:97px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-2029px 0px; border:none; cursor:inherit;}/*sdh*/ button.ferrograph-hover{width:97px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1034px 0px; border:none; cursor:inherit;}/*sdh*/ button.print-hover{width:67px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-402px 0px; border:none; cursor:inherit;}/*sdh*/ button.xls-hover{width:67px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-610px 0px; border:none; cursor:inherit;}/*sdh*/ button.pdf-hover{width:68px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-676px 0px; border:none; cursor:inherit;}/*sdh*/ button.new-sampel-hover{width:97px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-840px 0px; border:none; cursor:inherit;}/*sdh*/ button.re-check-hover{width:97px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-937px 0px; border:none; cursor:inherit;}/*sdh*/ button.detail-hover{width:75px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1131px 0px; border:none; cursor:inherit;}/*sdh*/ button.back-hover{width:75px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1205px 0px; border:none; cursor:inherit;}/*sdh*/ button.area-hover{width:75px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1279px 0px; border:none; cursor:inherit;}/*sdh*/ button.equipment-hover{width:75px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1353px 0px; border:none; cursor:inherit;}/*sdh*/ button.profile-hover{width:69px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1427px 0px; border:none; cursor:inherit;}/*sdh*/ button.contact-hover{width:74px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1496px 0px; border:none; cursor:inherit;}/*sdh*/ button.choose-hover{width:75px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-535px 0px; border:none; cursor:inherit;}/*sdh*/ button.login-hover{width:75px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1569px 0px; border:none; cursor:inherit;}/*sdh*/ button.searching-hover{width:33px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1643px 0px; border:none; cursor:inherit;}/*sdh*/ button.customer-hover{width:97px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1676px 0px; border:none; cursor:inherit;}/*sdh*/ button.condem-hover{width:112px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1773px 0px; border:none; cursor:inherit;}/*sdh*/ button.approve-hover{width:80px; height:26px; background:url(../images/iconall-hover.jpg) no-repeat; background-position:-1884px 0px; border:none; cursor:inherit;}/*sdh*/ button.type-hover{width:73px; height:26px; background:url(../images/type.jpg) no-repeat; background-position:-74px 0px; border:none; cursor:inherit;}/*sdh*/ button.user-access-hover{width:97px; height:26px; background:url(../images/icon-acces.jpg) no-repeat; background-position:-97px 0px; border:none; cursor:inherit;}/*sdh*/ button.copy-matrix-hover{width:102px; height:26px; background:url(../images/copy-matrix-hover.jpg) no-repeat; background-position:0px 0px; border:none; cursor:inherit;}/*sdh*/ pre{font:100% tahoma, verdana,sans-serif; font-size:11px; color:#000000; width:425px;} form{margin: 0; padding: 0} a:hover{color:#006600; text-decoration:none;} textarea, select, input{background:#FFFFFF; border:#D3D3D3 1px solid; font:100% tahoma, verdana, sans-serif; vertical-align:middle; padding:3px;} select .merah option{color:#FF0000} textarea.error2{background:#ffffff; border:#ff0000 solid 1px; font-size:11px; color:#ff0000;} select.error2{background:#ffffff; border:#ff0000 solid 1px; font-size:11px; color:#ff0000;} input.error2{background:#ffffff; border:#ff0000 solid 1px; font-size:11px; color:#ff0000;} input.buttom{background:#ffffff; border:#9bc2af solid 1px; font-size:11px; color:#003300; padding-left:3px; padding-right:3px; height:20px; vertical-align:middle; padding-bottom:2px;} input.buttom:hover{color:#009900;} input.buttomdel{background-image:url(../images/ico-del.gif); background-repeat:no-repeat; text-align:left; padding-left:20px; border:#9bc2af solid 1px; font-size:11px; color:#003300; height:20px; vertical-align:middle; background-color:#ffffff;} input.buttomdel:hover{color:#009900;} input.buttomedit{background-image:url(../images/icon_edit.gif); background-repeat:no-repeat; text-align:left; padding-left:20px; border:#9bc2af solid 1px; font-size:11px; color:#003300; height:20px; vertical-align:middle; background-color:#ffffff;} input.buttomedit:hover{color:#009900;} input.buttomadd{background-image:url(../images/icon_add.gif); background-repeat:no-repeat; text-align:left; padding-left:20px; border:#9bc2af solid 1px; font-size:11px; color:#003300; height:20px; vertical-align:middle; background-color:#ffffff;} input.buttomadd:hover{color:#009900;} img{border:none;} table{border-top:solid 1px #95b7a6; border-left:solid 1px #95b7a6; font-size:11px; background:#EAF2EE} td{height:20px; padding:5px; border-bottom:solid 1px #95b7a6; border-right:solid 1px #95b7a6;} td.title{font:100% tahoma, verdana,sans-serif; font-size:12px; color:#003300; font-weight:bold; background-color:#9bc2af} td.titleC{font:100% tahoma, verdana,sans-serif; font-size:12px; color:#003300; font-weight:bold; background-color:#9bc2af; text-align:center;} #d0{padding:0px; text-align:left; padding-bottom:5px} table.element{border:none; font-size:11px;} .element td{border:none} .element td.titleElement{font:100%tahoma; font-size:12px; color:#000; font-weight:bold;} /* untuk menu configurasi */ table.conf{border:none; background:none; width:600px} table.home{border:none; background:none;} /*Mahen*/ table.home td.tdmenu{width:300px} table.home td{border:none; padding:2px;} /*Mahen*/ table.conf td{border:none; padding:2px;} table.conf td.w400{width:400px;} table.conf td div.menu{padding-right:2px; padding-bottom:3px; float:left;} table.conf td div.menu .out{background-image:url(../images/bg_menu_configuration.jpg); background-repeat:repeat-x; border:#CCCCCC 1px solid; padding:5px 0 5px 5px; width:160px;} table.conf td div.menu .out a:hover{color:#2686be;} table.conf td div.menu .out a:link{color:#000000;} table.conf td div.menu .over{background-image:url(../images/bg_menu_configuration2.jpg); background-repeat:repeat-x; border:#2686be 1px solid; padding:5px 0 5px 5px; width:160px; color:#2686be;} table.none{border-left:none;border-top:none; background-color:#ffffff;} table.none2{border-left:none;border-top:none; background-color:#c2e8fb;} .none td{border-right:none;border-bottom:none; background-color:none;} #menuConf{background-image:url(../images/bg_menu_configuration.jpg); background-repeat:repeat-x; border:#CCCCCC 1px solid; padding:5px 0 5px 5px; width:170px;} #menuConfOver{background-image:url(../images/bg_menu_configuration2.jpg); background-repeat:repeat-x; border:#CCCCCC 1px solid; padding:5px 0 5px 5px; width:170px;} .out{background-image:url(../images/bg_menu_configuration.jpg); background-repeat:repeat-x; border:#CCCCCC 1px solid; padding:5px 0 5px 5px; width:170px;} .out a:hover{color:#2686be;} .out a:link{color:#000000;} .over{background-image:url(../images/bg_menu_configuration2.jpg); background-repeat:repeat-x; border:#2686be 1px solid; padding:5px 0 5px 5px; width:170px; color:#2686be;} .error { font-family:arial; font-size:11px; color:#FF0000; text-align:left; padding:2px 0 10px 25px; background: url(../images/icon_alert.png) no-repeat; } .succes { font-family:arial; font-size:11px; color:#009900; text-align:left; padding:2px 0 10px 25px; background: url(../images/icon_succes.gif) no-repeat; } h1.element{font-size:1.3em; color:#00739d; font:tahoma} #header{position:relative; width:900px; height:100px; top:5px; left:50%; margin-left:-450px; background:#EAF2EE; border:#95b7a6 solid 1px;} #middle{position:relative; width:900px; top:5px; left:50%; margin-left:-450px; margin-top:5px; font-size:12px; color:#000000;} #middle #menu{width:250px; float:left;} #middle #content{width:650px; float:left; background:#EBEBEB} #middle #menuW900{width:900px;} #FLW250option{float:left; width:270px;} #FLW600option { float:left; width:350px; font-family:arial; font-size:11px; color:#FF0000; text-align:left; padding:2px 0 10px 25px; background: url(../images/icon_alert.png) no-repeat; } #configuration{ width:894px; margin-top:5px; font-size:12px; color:#000000; background-image:url(../images/bg_abu.jpg); background-repeat:repeat-x; border:#CCCCCC solid 1px; padding-bottom:10px; float:left; padding-left:5px; padding-top:5px;} #configuration #user {width:600px; float:left;} #configuration #menuLine2 td.bgWhite{background:#f9fcfb; vertical-align:middle; text-align:left; font-weight:bold;} td.tc{vertical-align:top; text-align:center} td.mc{vertical-align:middle; text-align:center} td.ml{vertical-align:middle; text-align:left} td.right{text-align:right; font:100% tahoma, verdana, sans-serif; font-size:11px} td.tl{vertical-align:top; text-align:left} td.mlb{vertical-align:middle; text-align:left; font-weight:bold;} td.blue{font:100% tahoma, verdana, sans-serif; font-size:12px; background-color:#a8cdcc; border-bottom:#FFFFFF solid 1px;} td.green{font:100% tahoma, verdana, sans-serif; font-size:12px; background-color:#bff8cd; border-bottom:#FFFFFF solid 1px;} td.normalBold{background-image:url(../images/icon_new.gif); background-repeat:no-repeat; padding-left:21px; font:100% Verdana,sans-serif; font-size:11px; font-weight:bold; color:#006600; border-bottom:solid 1px #95b7a6;} td.update{background-image:url(../images/icon_update.gif); background-repeat:no-repeat; padding-left:21px; font:100% Verdana,sans-serif; font-size:11px; font-weight:bold; color:#006600; border-bottom:solid 1px #95b7a6;} td.subtitle{font:100% Verdana,sans-serif; font-size:12px; color:#003300; font-weight:bold; background-color:#cfe2cf} div.pt5{margin-top:5px;} div.pt5 b{padding-left:10px;} div.right{text-align:right; font:100% tahoma, verdana, sans-serif; font-size:11px} #mConf{width:900px; text-align:left; margin-top:10px; left:50%; margin-left:-450px; position:relative; color:#999999; cursor:default; margin-bottom:10px;} #mConf a{color:#0066CC; font-weight:bold; } #mConf a:hover{text-decoration:underline; } .pageCss a{ font-family: tahoma, verdana; font-size:11px; color:#9B9B9B; text-decoration: none; } td.pageCss{text-align:center; vertical-align:middle;} .pageCss a.page{ margin-left: 1px; padding: 2px 4px; border: solid 1px #999999; background:#ffffff; } .pageCss a:hover{color:#000000; background-color: #ffffff; border:solid 1px #999999; } .activ_page{ font-family: tahoma, verdana; font-size:11px; color:#003300; text-decoration: none; margin-left: 1px; padding: 2px 4px; border: solid 1px #9bc2af; background:#FFFFFF; } .images{width:100px; border:#999999 solid 1px; padding:1px;} .redBold{font:normal; font-weight:bold; font-size:12; color:ff0000;} td.red{ font-size:12; color:#FF0000 font-family:Arial, Helvetica, sans-serif;} #FL50{float:left; width:50%;} #FLW300{float:left; width:99%; border-bottom:1px solid #E2E2E2; margin-right:3px} #FLW145{float:left; width:100px; background:#F8F8F8; border:#DDDDDD 1px solid; margin-right:2px;} #FLW50R{float:left; width:50%; text-align:right;} #FLW50L{float:left; width:50%; text-align:left;} #FLW40{float:left; width:33%;} /*jangan dipake ya*/ .sw_b3{border:1px solid #f0f0f0;margin-right:.77em}#sc_mktb{padding-top:2px} .sw_b2{border:1px solid #e3e3e4} input.sw_qbtn{background-color:#009900;background-image:url(../images/asset4.gif);background-position:0 -20px;background-repeat:no-repeat;border:none;cursor:pointer;height:20px;margin:.14em;margin-right:.2em;vertical-align:middle;width:25px;*padding-top:24px;line-height:500%;color:#FFFFFF} input.sw_qbox,input.sw_q_nrw{border:1px solid white;color:#333;font-size:112%;padding:.35em .4em .3em .4em;vertical-align:middle;width:24.5em} /*Dari oil_css*/ /* --------------------for all css view body ---------------------------------*//* body{padding:0; margin:0px; font:100%tahoma; font-size:11px; top:100%; left:100%;} */ .titleGreen{color:#79bb00; font:100%tahoma; font-size:11px; font-weight:bold;} .titleBlue{color:#00739d; font:100%tahoma; font-size:11px; font-weight:bold;} .titleMenu{color:#00739d; font:100%tahoma; font-size:11px; font-weight:bold; padding-top:5px; padding-left:3px} .txtAbu{color:#999999; font:100%tahoma; font-size:11px;} .txt{color:#000000; font:100%tahoma; font-size:11px;} .error{color:#ff0000; font:100%tahoma; font-size:11px;} .content{font:100%tahoma; font-size:11px; color:#000000; line-height:17px;} .content2{font:100%tahoma; font-size:11px; color:#000000; line-height:17px;} /* form */ form{padding:0; margin:0;}/* input, textarea{background-color:#FFFFFF; border:1px solid #CCCCCC; color:#666666; font-size:11px; height:15px; padding-left:5px; width:150px;}*/ input.bottom{color:#666666; background-color:#FFFFFF; border:1px solid #CCCCCC; padding-bottom:3px; padding-top:3px; font-size:11px; height:20px; width:50px;} /* --------------------for header oil clinic (TOP) ------------------------*/ #logoHeader{position:absolute; width:280px; height:80px; top:0px; left:50%; margin-left:-420px; z-index:4;} #h35{position:relative; width:900px; top:0px; left:50%; margin-left:-450px;height:35px;} #h35 .menu{width:100%; text-align:right; font-size:11px; padding-top:15px; color:#000000;} #h35 .menu span a{color:#FF0000;} #h35 .menu span a:hover{color:#666666;} #head{ position:relative; width:900px; left:50%; margin-left:-450px; border:1px solid #CCCCCC; height:240px; background-color:#F4F4F4; background:url(../images/banner_2_blue.jpg); background-repeat:no-repeat; margin-bottom:5px; z-index: 3; } /* #body{background:#ffffff; }*/ /* --------------------for content (middle) -------------------------------*/ #middle2{position:relative; width:900px; left:50%; margin-left:-450px; border:1px solid #CCCCCC; margin-bottom:5px; background-image:url(../images/gradient.jpg); background-repeat:repeat-x; height:225px;} #middle2 #gb{width:28%; float:left; height:215px; padding-top:10px; text-align:center; z-index:9} #middle2 #login{width:22%; float:left; height:215px; padding-top:10px; z-index:10;} #middle2 #login #formLogin{margin-left:20px;; padding-bottom:10px; font:100%tahoma; font-size:11px;} #middle2 #login #formLogin input{border:1px solid #999999; background-color:#FFFFFF;} #middle2 #login #formLogin input.username{background:url(../images/username.gif) no-repeat} #middle2 #login .logError{height:36px; margin-left:15px; margin-top:10px; color:#ff0000; background-image:url(../images/warning.gif); background-repeat:no-repeat; padding-left:37px; font-size:11px;} #middle2 #images{width:90px;float:left; height:215px; padding-top:10px; text-align:left;} #middle2 #text{width:25%; float:left; height:215px; padding-top:10px;} #middle2 #text #contenthead{height:150px; padding-top:10px; border-bottom:1px solid #cccccc; text-align:justify; line-height:17px;} #middle2 #text .menuhead{float:left; width:25%; height:20px; margin-top:10px; border-bottom:1px solid #CCCCCC; color:#1b7ea3; font-size:11px;} #middle2 #text .menuheadA{width:25%; float:left; height:20px; margin-top:10px; border-bottom:4px solid #8cc71f; color:#1b7ea3; font-size:11px; cursor:pointer;} #middle2 #text .menuheadA a{color:#1b7ea3;} #middle2 #text .menuheadA a:hover{color:#000000;} #middle2 .logos{width:220px; height:200px; float:left; text-align:center; font-size:11px; font:"arial";} #middle2 .logos img{margin-top:10px; margin-bottom:10px} #middle2 #people{width:25%; float:left; height:215px; padding-top:10px; background-image:url(../images/people.jpg); background-position:bottom right; background-repeat:no-repeat;} #middleNone{position:relative; width:900px; left:50%; margin-left:-450px; margin-bottom:5px; float:left; margin-top:15px;} #menuLine{position:relative; width:225px; float:left;} #menuLine2{position:relative; width:225px; float:left; margin-bottom:15px;} #content{position:relative; width:660px; float:left; padding-left:10px;} #content .titleBlue{padding-bottom:10px;} #content .content2{padding-bottom:10px; padding-right:5px; text-align:justify; padding-right:10px;} #menu{position:relative; width:171px; background-image:url(../images/head_menu.jpg); background-position:top center; background-repeat:no-repeat; padding-left:45px; height:21px;} #menuMiddle{position:relative; width:208px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3;background-image:url(../images/gradient2.jpg); background-repeat:repeat-x; padding-top:10px; padding-bottom:10px; text-align:center; padding-left:3px; padding-right:3px; float:left;} #menuLoop{position:relative; width:208px; border-bottom:#CCCCCC 1px solid; padding-bottom:4px; float:left; margin-bottom:5px;} #menuLoopnone{position:relative; width:208px; padding-bottom:4px; float:left; margin-bottom:5px; text-align:center;} #menuLoop .activ_page{ font-family: tahoma, verdana; font-size:11px; width:17px; text-align:center; color:#ffffff; text-decoration: none; margin-left: 3px; padding: 2px 4px; border: solid 1px #545454; background:#45c3f0; float:left; } #menuLoop .FLW192{width:162px; float:left; text-align:left; padding-left:10px; font:100%tahoma; font-size:13px; color:#000000;} #menuBottom{position:relative; width:216px; background-image:url(../images/menuBottom.gif); background-repeat:no-repeat; height:12px; float:left;} /*div dan tabel untuk halaman content || div and table for content page */ #relativ{position:relative; width:900px; float:left; left:50%; margin-left:-450px;} #middletable{width:900px; float:left; margin-top:5px;} #middletable #titleTblimg{background:url(../images/gradient2.jpg) repeat-x; width:898} #middletable #titleTbl #gradLeft{width:48px; height:25px; float:left; background:url(../images/head_menuLeft.jpg) left top;} #middletable #titleTbl #contCenter {position:relative; width:845px; height:25px; background:url(../images/head_menuCenter.jpg) top center; float:left;} #middletable #titleTbl #gradRight{width:7px; height:25px; float:left; background:url(../images/head_menuRight.jpg) left top no-repeat; float:left;} #middletable #titleTbl #gradContent{width:900px; background:url(../images/line_leftRight.gif) repeat-y; float:left; padding-left:1px;} #middletable #titleTbl #gradContent #cintentimg {background:url(../images/gradient2.jpg) repeat-x; width:897px; padding-top:10px; background-position:} #middletable #titleTbl #gradBottom{width:900px; background:url(../images/menuBottomtable.jpg); float:left; height:19px; background-repeat:no-repeat;} #middletableError{width:600px; float:left; margin-top:5px; height:30px;} /*-------------------- TABLE -----------------------------*/ .judul{color:#00739d; font:100%tahoma; font-size:11px; font-weight:bold; padding-top:6px; padding-left:3px;} .judulblue{color:#00739d; font:100%tahoma; font-size:11px; font-weight:bold; padding-top:6px; padding-left:3px; background-color:#e9f8fd;} table.blank{border-left:none; border-top:none; background:none;} table.matrix{ border-left:#dadada solid 1px; border-top:#dadada solid 1px; background:none; margin-right:10px;} .matrix td{border-right:#dadada solid 1px; border-bottom:#dadada solid 1px;} .matrix .w150 td{width:150px;} .matrix td.judul{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none;} .matrix td.abuabu{background:#F5F5F5;} table.general{width:890px; border-left:#dadada solid 1px; border-top:#dadada solid 1px; background:none;} .general td{border-right:#dadada solid 1px; border-bottom:#dadada solid 1px;} .general td span{color:#FF0000;} .general td.judul{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none;} .general td.judulC{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none; text-align:center;} .general td.topcenter{vertical-align:top; text-align:center; } .general td.topleft{vertical-align:top; text-align:left;} .general td.middlecenter{vertical-align:middle; text-align:center;} .general td table{background:none; border:none; width:100%;} .general td table td{background:none; border:none; width:100%;} .general td pre{vertical-align:top;} .general td div.flet{float:left; width:100px; border:1px #CCCCCC solid; background:#F7F7F7; margin-bottom:2px;margin-right:2px;} .general td div.flet div.ask{padding:2px;} .general td.abuabu{background:#F5F5F5;} .general td div.note{width:400px; background:#f8fddd; border:2px solid #ced895; padding-top:5px; padding-bottom:5px;} .general td div.note table{width:100%; background:none; border:none} .general td div.note td strong{text-transform:uppercase} table.MR{width:470px; border-left:#E4E4E4 1px solid; border-top:#E4E4E4 1px solid; background:none; margin-left:10px;} .MR td{border-right:#E4E4E4 1px solid; border-bottom:#E4E4E4 1px solid;} .MR td span{color:#000000; font-size:14px; font-weight:bold;} .MR td a{color:#009900; text-decoration:underline; font-size:13px} table.generalbgr{width:890px; border-left:#dadada solid 1px; border-top:#dadada solid 1px; background:#f7f7f7;} .generalbgr td{border-right:#dadada solid 1px; border-bottom:#dadada solid 1px;} .generalbgr td.judul{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:#none;} .generalbgr td.judulC{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none; text-align:center;} .generalbgr td.topcenter{vertical-align:top; text-align:center; } .generalbgr td.topleft{vertical-align:top; text-align:left;} .generalbgr td.bgwhite{background-color:#FFFFFF; height:15px;} table.generalnone{width:890px; border-left:none; border-top:none; background:none;} .generalnone td{border-right:none; border-bottom:none;} .generalnone td span{color:#FF0000} .generalnone td.judul{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none;} .generalnone td.judulC{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none; text-align:center;} .generalnone td.linked a{color:#009900; text-decoration:underline; font-size:13px} .generalnone td.topcenter{vertical-align:top; text-align:center; } .generalnone td.topleft{vertical-align:top; text-align:left;} .generalnone td.middleright{vertical-align:middle; text-align:right; color:#0066CC;} .generalnone td.middleright input{background:#FFFFFF; border:#0099CC 1px solid; margin-left:5px; color:#333333} .generalnone td.middleright select{background:#FFFFFF; border:#0099CC 1px solid; margin-left:5px; color:#333333} .generalnone td.middleright255{width:290px;} .generalnone td.middleright255 #cari{width:270px; border:1px solid #58c9f3; height:19px; text-align:left; color:#999999; background:#FFFFFF; float:left; padding-bottom:3px;} .generalnone td.middleright255 #cari .search{width:50px; float:left; padding-top:4px; padding-left:5px;} .generalnone td.middleright255 #cari .input{width:140px; float:left; padding-top:4px;} .generalnone td.middleright255 #cari .input input{width:130px;} .generalnone td.middleright255 #cari input{border:none; background:none;} .generalnone td.middleright255 #cari button{border:none; background:none; width:21px; height:19px; background:url(../images/ico-search.gif) no-repeat; padding:0px;} .generalnone td div.note{width:400px; background:#f8fddd; border:2px solid #ced895; padding-top:5px; padding-bottom:5px;} .generalnone td div.note table{width:100%; background:none; border:none} .generalnone td div.note td strong{text-transform:uppercase} table.cetak{width:890px; border-left:#dadada solid 1px; border-top:#dadada solid 1px; background:none; padding:0px} .cetak td{border-right:#dadada solid 1px; border-bottom:#dadada solid 1px; padding:0px;} .cetak td.judul{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none;} .cetak td.judulC{font:100%tahoma; font-size:11; color:#000000; font-weight:bold; background:none; text-align:center;} .cetak td.topcenter{vertical-align:top; text-align:center; } .cetak td.topleft{vertical-align:top; text-align:left;} .cetak td.middlecenter{vertical-align:middle; text-align:center;} .cetak td table{background:none; border:none; width:100%;} .cetak td table td{background:none; border:none; width:100%;} /* --------------------FOR FOOTER (BOTTOM)-----------------------------------------*/ #footer{width:900px; padding-bottom:30px; padding-top:10px; color:#999999;} span #footer{color:#000000;} #footer #dev{width:225px; float:left;} #footer #dev span{color:#000000; text-transform: uppercase; } #footer #copyright{width:675px; float:left; text-align:right;} /*Untuk Tooltip*/ #DHTMLgoodies_formTooltipDiv{ color:#FFF; font-family:arial; font-weight:bold; font-size:0.8em; line-height:120%; } .DHTMLgoodies_formTooltip_closeMessage{ color:#FFF; font-weight:normal; font-size:0.7em; } #w80{width:80px; float:left; height:20px; font-size:11px; padding-top:3px;} /* buat print */ #chooseprint{position:absolute; width:430px; left:50%; margin-left:-215px; z-index:20; background:#cccccc; padding:5px; top:350px; visibility:hidden; background:#0083c5} table.m-report{border-left:1px solid #0066CC; border-top:1px solid #0066CC; background:none; width:100%} table.m-report td{border-right:1px solid #0066CC; border-bottom:1px solid #0066CC;} table.m-report td.judul{background:url(../images/head_menuCenter.jpg); height:25px;} table.m-report td.content{background:url(../images/gradient2.jpg) repeat-x;} table.m-report td.content strong.harga{font-size:16px; color:#FF0000;} table.m-report td.content table{border:none; width:100%; background:none;} table.m-report td.content table td{border:none;} table.m-report td.content table.dettail{border-left:1px solid #C9D7E7; border-top:1px solid #C9D7E7; background:none; width:500px;} table.m-report td.content table.dettail tr.overMR{background-color:#EFEFEF;} table.m-report td.content table.dettail tr.outMR{ background:none} table.m-report td.content table.dettail td{border-right:1px solid #C9D7E7; border-bottom:1px solid #C9D7E7} table.m-report td.content table.dettail td a{color:#0000FF; text-decoration:underline; font-size:13px} table.m-report td.content table.dettail td a:hover{color:#000000;} table.m-report td.content table.dettail td strong.harga{font-size:16px; color:#FF0000;}