
/* aku.azhar@gmail.com */

.x-ui-menu-text { /*font-size:8pt;*/ }
.ui-menu { position:absolute; width:170px; z-index:30; }
.ui-dialog { }
.no-close .ui-dialog-titlebar-close { display:none; }
.ui-progressbar { position:relative; }
.progress-label { border:0px dotted red; position:absolute; top:5px; left:50px; font-weight:bold; text-shadow:1px 1px 0 #ffffff; }
.ui-progressbar-value { background:#acdd4a; }
.ui-effects-transfer { border:1px dotted #227DA4; background-color:#227DA4; opacity:.35; filter:Alpha(Opacity=35); }

body {
	margin:10px 0px; margin-bottom:0px;
	background-color:#a6c9e2;
	background:#ffffff url(../images/mpsj/body.png) repeat-x right top;
}
body, a, input, select, textarea, td, .ui-widget {
	font-family:arial;
	font-size:12pt;
}
form, input, select, textarea, img, button, div, span, ul, li { 
	margin:0px; 
}
img {
	border:0px solid black;
	margin-bottom:-3px; /*<!doctype html>*/
}

a.aa:link { color:blue; text-decoration:underline; }
a.aa:visited { color:blue; text-decoration:underline; }
a.aa:hover { color:blue; text-decoration:underline; }

a.af:link { color:#ee5724; text-decoration:none; }
a.af:visited { color:#ee5724; text-decoration:none; }
a.af:hover { color:#e5e5e5; text-decoration:none; }

.x-footer-add { background:url(../images/footer/add.png) no-repeat 50% 50%; width:17px; height:15px; padding:0px; }
.x-footer-mail { background:url(../images/footer/mail.png) no-repeat 50% 50%; width:15px; height:11px; padding:0px; }
.x-footer-phone { background:url(../images/footer/phone.png) no-repeat 50% 50%; width:16px; height:16px; padding:0px; }
.x-footer-entrust { background:url(../images/footer/entrust.png) no-repeat 50% 50%; width:52px; height:52px; padding:0px; }

.x-logo-mpsj-png { background:url(../images/mpsj/logo.png) no-repeat 50% 50%; width:36px; height:37px; padding:0px; }
.x-logo-mpsj-gif { background:url(../images/mpsj/logo.gif) no-repeat 50% 50%; width:37px; height:37px; padding:0px; }

.x-img-pssb { background:url(../images/pssb.png) no-repeat 50% 50%; width:552px; height:675px; padding:0px; }
.x-img-ie6 { background:url(../images/ie6.png) no-repeat 50% 50%; width:254px; height:117px; padding:0px; }
.x-img-kompaun { background:url(../uploads/mpsj_kadar_kompaun.gif) no-repeat 50% 50%; width:694px; height:527px; padding:0px; }
.x-img-alert { background:url(../images/alert.png) no-repeat 50% 50%; width:66px; height:58px; padding:0px; }
.x-img-loading { background:url(../images/loading.gif) no-repeat 50% 50%; width:32px; height:32px; padding:0px; }
.x-img-fb-small { background:url(../images/fb_small.gif) no-repeat 50% 50%; width:16px; height:16px; padding:0px; }
.x-img-visa { background:url(../images/icon/visa.png) no-repeat 50% 50%; width:64px; height:40px; padding:0px; }
.x-img-visa2 { background:url(../images/icon/visa_v.png) no-repeat 50% 50%; width:82px; height:40px; padding:0px; }
.x-img-mastercard { background:url(../images/icon/mastercard.png) no-repeat 50% 50%; width:66px; height:40px; padding:0px; }
.x-img-mastercard2 { background:url(../images/icon/mastercard_sc.png) no-repeat 50% 50%; width:74px; height:40px; padding:0px; }

.x-dot-green { background:url(../images/dot/green.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-dot-xgreen { background:url(../images/dot/xgreen.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-dot-red { background:url(../images/dot/red.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-dot-blue { background:url(../images/dot/blue.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-dot-white { background:url(../images/dot/white.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-dot-trans { background:url(../images/dot/trans.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-dot-brown { background:url(../images/dot/brown.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-dot-yellow { background:url(../images/dot/yellow.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }

.x-flag-green { background:url(../images/dot/green.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-flag-xgreen { background:url(../images/dot/xgreen.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-flag-red { background:url(../images/dot/red.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-flag-blue { background:url(../images/dot/blue.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-flag-white { background:url(../images/dot/white.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-flag-trans { background:url(../images/dot/trans.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-flag-brown { background:url(../images/dot/brown.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }
.x-flag-yellow { background:url(../images/dot/yellow.gif) no-repeat 50% 50%; width:10px; height:10px; padding:0px; }

.x-icon-bar { background:url(../images/icon/small/bar.png) no-repeat 50% 50%; width:37px; height:30px; padding:0px; }
.x-icon-kon, .x-icon-konx { background:url(../images/icon/small/kon.png) no-repeat 50% 50%; width:30px; height:28px; padding:0px; }
.x-icon-osc { background:url(../images/icon/small/osc.png) no-repeat 50% 50%; width:63px; height:30px; padding:0px; }
.x-icon-air { background:url(../images/icon/small/air.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-anjing { background:url(../images/icon/small/anjing.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-bayar { background:url(../images/icon/small/bayar.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-berita { background:url(../images/icon/small/berita.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-cagaran { background:url(../images/icon/small/cagaran.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-cc { background:url(../images/icon/small/cc.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-cukai { background:url(../images/icon/small/cukai.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-home { background:url(../images/icon/small/home.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-kompaun { background:url(../images/icon/small/kompaun.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-kunci { background:url(../images/icon/small/kunci.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-lesen { background:url(../images/icon/small/lesen.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-mesej { background:url(../images/icon/small/mesej.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-pelbagai { background:url(../images/icon/small/pelbagai.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-profil { background:url(../images/icon/small/profil.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-pusara { background:url(../images/icon/small/pusara.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-resit { background:url(../images/icon/small/resit.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-sewa { background:url(../images/icon/small/sewa.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-tempahan { background:url(../images/icon/small/tempahan.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }
.x-icon-tempahan_rumah { background:url(../images/icon/small/tempahan_rumah.png) no-repeat 50% 50%; width:30px; height:30px; padding:0px; }

.x-icon-dash-user { background:url(../images/icon/user.png) no-repeat 50% 50%; width:70px; height:81px; padding:0px; }

.x-title { font-size:14pt; font-weight:bold; color:#ffffff; text-shadow:2px 2px 0 #000000; }
.x-body { border:0px dotted red; width:100%; /*max-width:950px;*/ }
.x-frame { border:1px solid #227DA4; background-color:#ffffff; min-height:450px; padding:10px; margin-top:5px; }
.x-ui-corner-all { border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }

.x-ui-menu { border:1px solid #a6c9e2; padding:7px; background:#dddddd url(../libraries/images/bg-menu.png) 50% 50% repeat; text-shadow:1px 1px 0 #ffffff; }
.x-ui-menu-top { border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.x-ui-menu-middle { border-top:0px solid #a6c9e2; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.x-ui-menu-bottom { border-top:0px solid #a6c9e2; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.x-ui-menu-hover { background:#dddddd url(../libraries/images/bg-select.png) 50% 50% repeat; } 
.x-ui-menu-sub { padding:4px 10px; border:1px solid #a6c9e2; border-top:0px solid #a6c9e2; background-color:#ffffff; display:none; }
.x-ui-menu-sub:hover { }
.x-ui-menu-sub-old:hover { font-style:italic; }
.x-ui-dash-sub { padding:2px 0px; border:0px solid #a6c9e2; border-top:0px solid #a6c9e2; text-align:left; cursor:pointer; }
.x-ui-dash-sub:hover { }
.x-ui-dash-sub-old:hover { font-style:italic; }

.x-div-data, .x-div-alert { border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.x-div-data, .x-div-alert { margin-bottom:10px; }
.x-div-data { padding:10px; }
.x-div-alert { padding:0px 10px; }
.x-tabs { }

.div-prm-head { }
.div-prm-item { }
.div-prm-place { }

.font-1, .font-2 { font-weight:bold; padding-bottom:5px; text-transform:uppercase; text-shadow:1px 1px 0 #ffffff; }
.font-2 { text-decoration:underline; }
.font-3 { text-decoration:underline; }
.font-ok { color:green; font-weight:bold; }
.font-info { color:blue; font-weight:bold; }
.font-ko { color:red; font-weight:bold; }

.txt-blank { background-color:#ffff00; }

.ui-state-highlight .font-1, .ui-state-highlight .font-2 { text-shadow:1px 1px 0 #000000; }
.btn-set { white-space:nowrap; }

.w-100 { width:100%; white-space:nowrap; }
.nowrap-1 { border:0px dotted blue; width:500px; white-space:normal; }

.tbl-menu { border:none; border-collapse:collapse; }
.tbl-menu td { border:0px dotted red; padding:0px; text-align:left; vertical-align:middle; }
.tbl-menu td.td-menu-text { padding-left:5px; padding-right:10px; color:#036B97; font-weight:bold; white-space:nowrap; }

.tbl-list { border:none; border-collapse:collapse; }
.tbl-list td { border:1px solid #aaaaaa; background-color:#cccccc; padding:5px; text-align:left; vertical-align:middle; }
.tbl-list tr.tr-head td { font-weight:bold; }
.tbl-list tr.tr-body td, .tbl-list tr.tr-body-no-hover td { background-color:#eeeeee; }
.tbl-list tr.tr-body-slim td { background-color:#eeeeee; padding:0px 5px; }
.tbl-list tr.tr-body:hover td, .tbl-list tr.tr-body-slim:hover td { background-color:#ffffcc; }
.tbl-list td.td-img:hover { background-color:#ffffcc; }

.tbl-sql { border:none; border-collapse:collapse; }
.tbl-sql td { border:1px solid #aaaaaa; background-color:#cccccc; padding:0px 1px; text-align:left; vertical-align:top; font-size:8pt; }
.tbl-sql tr.tr-head td { font-weight:bold; }
.tbl-sql tr.tr-body td { background-color:#eeeeee; }
.tbl-sql tr.tr-body:hover td { background-color:#ffffcc; }
.tbl-sql td a { font-size:8pt; }

/*login*/
.tbl-item-1 { border:none; border-collapse:collapse; }
.tbl-item-1 td { border:0px dotted red; padding:1px; text-align:center; vertical-align:top; }
.tbl-item-1 td.td-1 { padding-top:5px; }

/*data*/
.tbl-item-3 { border:none; border-collapse:collapse; }
.tbl-item-3 td { border:1px solid #aaaaaa; padding:3px; text-align:left; vertical-align:top; }

/*data form*/
/*
.tbl-item-5 td { border:1px solid #aaaaaa; padding:5px; text-align:left; vertical-align:top; }
*/
.tbl-item-5 { border:none; border-collapse:collapse; }
.tbl-item-5 td { border:1px solid #aaaaaa; padding:5px; text-align:left; vertical-align:top; }
.ui-state-highlight .tbl-item-5 td { border:1px solid #cccccc; padding:5px; text-align:left; vertical-align:top; }

/*data form sub*/
.tbl-item-55 { border:none; border-collapse:collapse; }
.tbl-item-55 td { border:0px dotted red; padding:0px; padding-right:5px; padding-bottom:3px; text-align:left; vertical-align:middle; }
.tbl-item-55 td.td-1 { padding-top:3px; }

/*tem_dwn*/
.tbl-tem-dwn { border:none; border-collapse:collapse; }
.tbl-tem-dwn td { border:0px dotted red; padding:0px; background-color:#ffffff; white-space:nowrap; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.tbl-tem-dwn-sub { border:none; border-collapse:collapse; }
.tbl-tem-dwn-sub td { border:0px dotted blue; padding:0px; white-space:nowrap; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.tbl-jadual { border:none; border-collapse:collapse; }
.tbl-jadual td { border:1px solid #aaaaaa; background-color:#cccccc; padding:5px; text-align:left; vertical-align:middle; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.tbl-jadual tr.tr-title td { font-weight:bold; background:#ffffff url(../libraries/images/bg-select.png) 50% 50% repeat; }
.tbl-jadual td.td-title { font-weight:bold; background:#ffffff url(../libraries/images/bg-select.png) 50% 50% repeat; }
.tbl-jadual tr.tr-month td { color:#ffffff; font-weight:bold; background:#ffffff url(../libraries/images/bg-blue.png) 50% 50% repeat; }
.tbl-jadual tr.tr-gg td { font-weight:bold; }
.tbl-jadual td.td-gg { font-weight:bold; }
.tbl-jadual td.td-waktu { font-weight:bold; }
.tbl-jadual td.td-normal { background-color:#eeeeee; }
.tbl-jadual td.td-normal:hover { background-color:#ffffcc; background:#ffffff url(../libraries/images/bg-green.png) 50% 50% repeat; }
.tbl-jadual td.td-choosen { background-color:#ffffcc; }

/*tem_rmh*/
.tbl-tem-rmh { border:none; border-collapse:collapse; }
.tbl-tem-rmh td { border:0px dotted red; padding:0px; background-color:#ffffff; white-space:nowrap; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.tbl-tem-rmh-sub { border:none; border-collapse:collapse; }
.tbl-tem-rmh-sub td { border:0px dotted blue; padding:0px; white-space:nowrap; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.tbl-calendar-tem-rmh { border:none; border-collapse:collapse; }
.tbl-calendar-tem-rmh td { border:1px solid #aaaaaa; width:80px; height:25px; padding:3px; background-color:#eeeeee; text-align:center; white-space:nowrap; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.tbl-calendar-tem-rmh tr.tr-title td { font-weight:bold; background:#ffffff url(../libraries/images/bg-select.png) 50% 50% repeat; }
.tbl-calendar-tem-rmh td.td-title { font-weight:bold; background:#ffffff url(../libraries/images/bg-select.png) 50% 50% repeat; }
.tbl-calendar-tem-rmh tr.tr-month td { color:#ffffff; font-weight:bold; background:#ffffff url(../libraries/images/bg-blue.png) 50% 50% repeat; }
.tbl-calendar-tem-rmh td.td-normal { background-color:#eeeeee; }
.tbl-calendar-tem-rmh td.td-normal:hover { background-color:#ffffcc; background:#ffffff url(../libraries/images/bg-green.png) 50% 50% repeat; }
.tbl-calendar-tem-rmh td.td-choosen { background-color:#ffffcc; }

.tbl-tugas { border:none; border-collapse:collapse; }
.tbl-tugas td { border:0px dotted red; padding:0px; background-color:#ffffff; white-space:nowrap; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.tbl-tugas-sub { border:none; border-collapse:collapse; }
.tbl-tugas-sub td { border:0px dotted blue; padding:0px; white-space:nowrap; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.tbl-calendar-tugas { border:none; border-collapse:collapse; }
.tbl-calendar-tugas td { border:1px solid #aaaaaa; width:100px; height:25px; padding:3px; background-color:#eeeeee; text-align:center; white-space:nowrap; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.tbl-calendar-tugas tr.tr-title td { font-weight:bold; background:#ffffff url(../libraries/images/bg-select.png) 50% 50% repeat; }
.tbl-calendar-tugas td.td-title { font-weight:bold; background:#ffffff url(../libraries/images/bg-select.png) 50% 50% repeat; }
.tbl-calendar-tugas tr.tr-month td { color:#ffffff; font-weight:bold; background:#ffffff url(../libraries/images/bg-blue.png) 50% 50% repeat; }
.tbl-calendar-tugas td.td-normal { background-color:#eeeeee; }
/*
.tbl-calendar-tugas td.td-normal:hover { background-color:#ffffcc; background:#ffffff url(../libraries/images/bg-green.png) 50% 50% repeat; }
*/
.tbl-calendar-tugas td.td-choosen { background-color:#ffffcc; }

/*tem_dwn&tem_rmh*/
.z-hover { font-weight:bold; background:#ffffff url(../libraries/images/bg-green.png) 50% 50% repeat; }

/*search*/
.tbl-item-2 { border:none; border-collapse:collapse; }
.tbl-item-2 td { border:0px dotted red; padding:2px; padding-left:0px; text-align:left; vertical-align:middle; }
.tbl-item-2 td.td-1 { padding-top:3px; }

.tbl-kon { border:none; border-collapse:collapse; }
.tbl-kon td { border:1px solid #aaaaaa; padding:5px; text-align:left; vertical-align:middle; }
.tbl-kon td.td-0 { background-color:#eeeeee; }
.tbl-kon td.td-1 { background-color:#cccccc; }
.tbl-kon td.td-2 { background-color:#ffff99; }
.tbl-kon td.td-3 { background-color:#ccff99; }
.tbl-kon td.td-4 { background-color:#99ffff; }
.tbl-kon td.td-9 { border:none; }

.tbl-print { border:none; border-collapse:collapse; }
.tbl-print td { border:1px solid #000000; padding:5px; text-align:left; vertical-align:middle; }
.tbl-print tr.tr-head td { font-weight:bold; background-color:#cccccc; }

.tbl-main { border:none; border-collapse:collapse; }
.tbl-main td { border:0px solid #000000; padding:0px; text-align:left; vertical-align:top; }
.tbl-main td.td-next { padding-left:10px; }

.tbl-basic { border:none; border-collapse:collapse; }
.tbl-basic td { border:0px solid #000000; padding:0px; padding-right:3px; text-align:left; vertical-align:middle; }
