/**
 * herdian ferdianto
 * ferdhie@orca.web.id
 * 2012
 */
 
/*RESET*/
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}

/*FONTS*/
body{line-height:1.231; font-family:arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/*STRUCTURE*/
html,body {background:#eee;color:#444;font-size:13px;}

/* LINKS */
a {color:#0063DC;text-decoration:underline;}
a:visited { color: #1057AE; text-decoration:none; }
a:active { background:#0259C4; color:#FFFFFF; text-decoration:none; }
a:hover {background:#0063DC; color:#FFFFFF; text-decoration:none; }
a img {border: none;}
h1 a, h2 a, h3 a { text-decoration:none !important; }

/* CONTENT */
h1,h2,h3 { font-weight:normal; }
h1 { font-size:218%; line-height:1.1em; margin-bottom: 1em; margin-top:.5em; }
h2 { font-size:175%; line-height:1.2em; margin-bottom: 1em; margin-top: .5em; }
h3 { font-size:120%; font-weight:normal; }
h4 { font-size:100%; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
h4 pre, h4 tt, h4 .literal { text-transform:none; }
h5 { font-size:1em; font-weight:bold; margin-top:1.5em; margin-bottom:3px; }
p, ul, dl { margin-top:.6em; margin-bottom:.8em; }
hr { color:#ccc; background-color:#ccc; height:1px; border:0; }
blockquote {color:#666; margin:1em;}

#loading_mask { width:100%; left: 0; overflow: hidden; position: absolute; top: 0; background-color: #FFFFFF; height: 100%;}
#loading_mask .loading {height: 50px; margin-top:200px; text-align: center;    }

.content-header { position: relative; padding-top: 1px; height: 60px; 
    background:#fff; 

    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0%, #fff),color-stop(26%, #DDE8F5));
    background-image: -webkit-linear-gradient(top, #fff 60%,#DDE8F5 100%);
    background-image: -moz-linear-gradient(top, #fff 60%,#DDE8F5 100%);
    background-image: -o-linear-gradient(top, #fff 60%,#DDE8F5 100%);
    background-image: -ms-linear-gradient(top, #fff 60%,#DDE8F5 100%);
    background-image: linear-gradient(top, #fff 60%,#DDE8F5 100%);
    -webkit-box-shadow: inset 0 -2px 3px rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 -2px 3px rgba(0,0,0,.25);
    box-shadow: inset 0 -2px 3px rgba(0,0,0,.25);
}

.navigation {position: absolute;top: 10px;right: 10px; }
.navigation ul li {padding: 0;float: left;}
a#profileLink { background: transparent url(img/edit-profile.png) no-repeat 0 0 !important; }
a#logoutLink { background: transparent url(img/logout.png) no-repeat 0 0 !important; }
.navigation li a {text-decoration: none; color: #6591CB; line-height:24px; display:block; padding-left:22px;}
.navigation li a:hover {text-decoration: underline; background : none;color: #6591CB; }
.welcomesd { margin-right: 3px;margin-top: 5px;}
    


.icon-tambah {background: transparent url(img/add.png) no-repeat 0 0;}
.icon-edit {background: transparent url(img/edit.png) no-repeat 0 0;}
.icon-hapus {background: transparent url(img/del.png) no-repeat 0 0;}
.icon-reset {background: transparent url(img/reset.png) no-repeat 0 0;}
.icon-simpan {background: transparent url(img/simpan.png) no-repeat 0 0;}
.icon-print {background: transparent url(img/document-print.png) no-repeat 0 0;}
.icon-batal {background: transparent url(img/process-stop.png) no-repeat 0 0;}
.icon-setup {background: transparent url(img/setup.png) no-repeat 0 0;}
.icon-export {background: transparent url(img/icon-excel.png) no-repeat 0 0;}
.pagegrup, .pageperm {background: transparent url(img/tool.png) no-repeat 0 0;}
.pageperkiraan, 
.pagesubperkiraan 
{background: transparent url(img/perkiraan.png) no-repeat 0 0;}
.pagesetuptop
{background: transparent url(img/setup-icon.png) no-repeat 0 0;}
.pagesetupproduct
{background: transparent url(img/icon-barang.png) no-repeat 0 0;}
.pagesetupkategory
{background: transparent url(img/kategori.png) no-repeat 0 0;}
.pagesetupsupplier
{background: transparent url(img/supplier.png) no-repeat 0 0;}
.pageexpedisi
{background: transparent url(img/expedisi.png) no-repeat 0 0;}
.pagesaldohutangexpedisi,
.pagekartuhutangexpedisi,
.pagefakturhutangexpedisi,
.pageaginghutangexpedisi
{background: transparent url(img/lap-expedisi.png) no-repeat 0 0;}
.pagepembelian
{background: transparent url(img/icon-purchase.png) no-repeat 0 0;}
.pageumpembelian,
.pageumpenjualan
{background: transparent url(img/uang_muka.png) no-repeat 0 0;}
.pagepembelianretur
{background: transparent url(img/retur-pembelian.png) no-repeat 0 0;}
.pagepenjualanretur
{background: transparent url(img/retur-penjualan.png) no-repeat 0 0;}
.postingpage
{background: transparent url(img/icon-calender.png) no-repeat 0 0;}
.pagepembayaran,
.pagepaypenjualan
{background: transparent url(img/pembayaran.png) no-repeat 0 0;}
.pagepenjualan
{background: transparent url(img/icon-sales.png) no-repeat 0 0;}
.pagejurnal {background: transparent url(img/jurnal.png) no-repeat 0 0;}
.pagelaplabarugi,
.pagebukubesar,
.pagebukubesarpp
{background: transparent url(img/laporantb.png) no-repeat 0 0;}
.pagemutasipp,
.pagelaporantb, 
.pagelapneraca,
.neracapage,
.neracabulanpage,
.neracatahunpage
{background: transparent url(img/icon-neraca.png) no-repeat 0 0;}
.labarugipage,
.labarugibulanpage,
.labarugitahunpage
{background: transparent url(img/icon-labarugi.png) no-repeat 0 0;}
.menupage
{background: transparent url(img/menu.png) no-repeat 0 0;}

.grouppage
{background: transparent url(img/icon-group.png) no-repeat 0 0;}
.clientpage
{background: transparent url(img/icon-client.png) no-repeat 0 0;}
.pagepencairangiro
{background: transparent url(img/icon-cair.png) no-repeat 0 0;}

.pagelappembeliansatu,
.pagelappembelianreturglobal,
.pagelapsaldohutang,
.pagelapkartuhutang,
.pagelapfakturhutang,
.pagelapfjatuhtempo,
.pagelapaginghutang,
.pagelappembeliandua,
.pagelappembelianretursatu,
.pagelappembelianreturdua,
.pagelappembelianglobal
{background: transparent url(img/laporan-purchase.png) no-repeat 0 0;}
.pagelappenjualansatu,
.pagelapsaldopiutang,
.pagelapkartupiutang,
.pagelapkartupiutangdua,
.pagelapfakturpiutang,
.pagelapjthpiutang,
.pagelapagingpiutang,
.pagelappenjualanglobal,
.pagelappenjualandua,
.pagelappenjualanretursatu,
.pagelappenjualanreturdua,
.pagelappenjualanpercategory,
.pagelappenjualanreturglobal
{background: transparent url(img/laporan-sales.png) no-repeat 0 0;}
.icon-simpan { background: transparent url(img/document-save.png) no-repeat 0 0; }
.UserPage { background: transparent url(img/user.png) no-repeat 0 0; }
.CustomerPage,.TujuanPage,.userpage { background: transparent url(img/customer.png) no-repeat 0 0; }

.no-icon {
	display: none;
	width: 1px;
	background-image: none !important;
}

.content-main {
    background:#fff;
    -webkit-box-shadow: inset -2px 0 10px rgba(0,0,0,.25);
    -moz-box-shadow: inset -2px 0 3px rgba(0,0,0,.25);
    box-shadow: inset -2px 0 3px rgba(0,0,0,.25);
}

.content-right { border-left:none; }
.content-right, .content-right .x-panel-body { background:url(img/bgd.jpg) #eee;  }
.content-right .x-panel-body { border-left:none; } 
.content-right .x-btn-menu {background-image:none !important; border-style : none none dotted; }
.x-accordion-hd:hover { cursor:pointer; }


#logo {margin:0;padding:5px;line-height:50px;}
#logo a { background:transparent url(logoasindo.png) no-repeat top left; display:block; width:300px; height: 50px; text-indent:-50000px;  }
#logo a:hover {color:#0063DC;}

#loginmsg h2 { margin:0; line-height:1em; display:block; text-indent:-10000px; background:url(icount.png) no-repeat top left; height:50px; }
#loginmsg p {font-size:10px; color:#666;}
#loginmsg {margin-bottom:10px;}

.footer { font-size:11px; text-align: right; padding:5px;
     color:#555;
    -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,.25);
    box-shadow: inset 0 2px 5px rgba(0,0,0,.25);
    background-color: #CBDBEF;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #DDE8F5), color-stop(100%, #FFF));
    background-image: -webkit-linear-gradient(top, #DDE8F5,#FFF);
    background-image: -moz-linear-gradient(top, #DDE8F5,#FFF);
    background-image: -o-linear-gradient(top, #DDE8F5,#FFF);
    background-image: -ms-linear-gradient(top, #DDE8F5,#FFF);
    background-image: linear-gradient(top, #DDE8F5,#FFF);
}

.x-body, .x-btn-menu {font-family: arial,helvetica,sans-serif;}

.list-combo h3 {font-size: 11px; font-weight : bold;}
.list-combo h3 span { margin-right:10px; font-weight : normal;}
.list-detail{
    background-color:#d7e3f3;
    font-size:10px;
    font-style : italic;
}
.align-right input[type=text]{text-align:right}
/*input[name=grand_total]{text-align:center; font-size:30px;min-height:80px;}*/
.grandtotal input[type=text]{text-align:center; font-size:30px;}

/* checkcolumn */
.x-grid-checkheader {
    background-color: transparent;
    background-image: url("img/unchecked.gif");
    background-position: 50% -2px;
    background-repeat: no-repeat;
    height: 14px;
}
.x-grid-checkheader-checked {
    background-image: url("img/checked.gif");
}
.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}
/* end checkcolumn */

/* laporan */
#laporan {
    margin: 0 auto;
    width: 794px
}
#laporan h3, #laporan h4 {
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

#laporan h3 {
    font-size: 14px;
}

#laporan h4 {
    font-size: 13px;
}
.laporan-container ul {
    font-size: 12px;
    clear: both;
    margin-top: 10px;
}

.laporan-container ul li {
    clear: both;
}

.laporan-container .indent_1 {
    padding-left: 20px;
}

.laporan-container .indent_2 {
    padding-left: 40px;
}

.laporan-container .indent_3 {
    padding-left: 60px;
}

.laporan-container .dleft {
    float: left;
}

.laporan-container .dright {
    width: 100px;
    float: right;
    text-align: right;
}

.laporan-container .total div {
    margin-bottom: 10px;
}

.laporan-container .total_0 {
    border-top: 1px solid #1E1E1E;
}

.laporan-container .total .dright {
    border-top: 1px solid #1E1E1E;
}

.laporan-container .total_0 .dright {
    border-top: 0 !important;
}
/* end laporan */

.totalclass div.x-form-display-field {
    font-size:20px;
}

/* LAPORAN */
#laporan-container {
    font-size:11px;
}

#laporan-container table{
    border : 1px dashed #000;
}

#laporan-container td{
    border : 1px dashed #000;
    padding:5px;
}

#laporan-container thead td{
    text-align: center;
    font-weight:bold;
}

/* END LAPORAN */

.nav-icon {
    background: none no-repeat scroll 0 0 transparent;
    border: none;
}

.nav-icon :hover {
    background-color: #D9E5F3; 
}

.nav-icon span.x-btn-inner {
    padding-left : 35px;
}

/* TabScrollerMenu */
.x-border-box .x-tab-bar-top .x-tab-bar-body {
    height: 30px;
}
.x-tab-bar-top .x-tab-bar-body {
    height: 28px;
}
.x-tab-bar-top .x-tab-bar-strip {
    top:29px;
    height:2px;
    border-width:1px 1px 0;
}
.x-tab-bar-top .x-tab-bar-body-default-plain {
    height:28px;
    border-width:0;
    padding:0 0 3px;
}
.x-border-box .x-tab-default-top {
    height: 28px;
}
.x-tab-default-top button, .x-tab-default-top .x-tab-inner {
    height: 28px;
    line-height: 18px;
}
.x-tab-icon-text-left .x-tab-inner {
    padding-left: 25px;
}
.x-tab button .x-tab-icon, .x-tab a .x-tab-icon {
    background-repeat: no-repeat;
    bottom: 0;
    height: 22px;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 22px;
}

.x-tab-tabmenu-right {
    background: transparent url('img/tab-scroller-menu.gif') no-repeat 0 0;
    width:18px;
    height: 20px;
    cursor:pointer;
    zoom: 1;
    z-index: 6;
    float: right;
}
.x-tab-tabmenu-over {
    background-position: -18px 0;
}
.x-tab-tabmenu-disabled {
    background-position: 0 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}
/* End TabScrollerMenu */

/* DASHBOARD */
div #x-welcome-board {
    margin: 0 auto;    
    width : 469px;
}

div #x-welcome-board h2{
    margin : 0;
    padding: 0;
    font-weight: bold;
    font-size:24px;
    text-align : center;
    
}

div .x-welcome-image{
    margin-top : 5px;
    margin-bottom : 10px;
}

.dash {
    /*border:1px solid red;*/
    width : 50%;
    padding:3px;
}

.dash table td{
    padding: 5px;
    font-size:11px;
}

.dash h3 {
    font-size:11px;
    font-weight: bold;
}

.float-right {
    float:right;
}

.clear-floar{
    clear:both;
}

.detaildashboard {
    text-align : center;
    font-weight: bold;
    font-style : italic;
}