#header #toolbar{ min-height:60px; background:#FFFFFF url('images/bg-toolbar.png') repeat-x left bottom; border-top:#ACACAC 1px solid; }
#header #toolbar a,a:visited{ font-family:"Lucida Grande",tahoma,verdana; color:#474747; }
#header #toolbar a:hover{ color:#BC1640;text-decoration:none; }
#header #toolbar .icon { margin-top:7px; float:left; min-width:50px; min-height:50px; }
#header #toolbar .logo { margin-left:12px; float:left; background-position:top left !important; width:50px; height:50px; background-size: contain !important;
background-repeat: no-repeat !important; }
#header #toolbar .caption { float:left; font-size:16px; color:#0064A1; font-weight:bold; font-family:"Lucida Grande",tahoma,verdana; vertical-align:middle; padding-top:12px; padding-left:7px; }
#header #toolbar .left { margin-top:7px; max-width:35%; float:left; }
#header #toolbar .right { max-width:62%; float:right; margin-right:14px; }
#header #searchbar { min-height:22px; background:#F4F4F4 url('images/bg-search.png') repeat-x left top; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; }

a.toolbar{ display: block; float: right; min-width: 50px; height: 50px; font-size: 10px; text-decoration: none; text-align: center; margin: 2px; }

/*
a.toolbar:hover{ font-size: 10px; padding:2px 5px; margin-top:-4px; border-left: 1px solid #D1D2D4; border-top: 1px solid #D1D2D4; border-right: 1px solid #636363; border-bottom: 1px solid #636363; }
*/
a.toolbar:hover{ padding:2px 5px; margin-top:-4px; color:#aa3300; }
a.toolbar span{ display: block; min-width: 48px; height: 33px; background-repeat: no-repeat; background-position: center 2px;  }

a.icon-24-rotary{ display: block; float: left; min-width: 24px; height: 24px; font-size: 10px; text-decoration: none; text-align: center; margin-right: 2px; background-image: url(images/icons/24x24_rotary.png); }
a.icon-24-rotary:hover { background-image: url(images/icons/24x24_rotary2.png); }

.paging{ font-family:'Lucida Grande',tahoma,verdana; color:#0066FF; vertical-align:middle; text-align:right; line-height:20px; padding:2px 7px 2px 12px; border-bottom:1px solid #D3D3D3; }
.paging a,.paging span { display:block; width:auto; float:left; }
.paging .total { color:#343434; font-size:12px; }
.paging .cur_page,.paging a { padding-top:1px; margin-right:3px; margin-top:3px; }
.paging a:link,.paging a:visited { color:#343434; text-decoration:none; }
.paging a:hover,.paging:active { color:#FF0000; text-decoration:none; }
.paging .cur_page { color:#FFFFFF; text-decoration:none; background:#333333; padding-left:7px; padding-right:7px; }
.paging #page-icon {  width: 50px; height: 20px; background-repeat: no-repeat; margin-top:-2px;}

.search { font-size:12px; color:#363636; }
/* icon paging */
.icon-first { background-image: url(images/icons/first.png); }
.icon-next { background-image: url(images/icons/next.png); }
.icon-last { background-image: url(images/icons/last.png); }
.icon-prev { background-image: url(images/icons/prev.png); }
/* icon toolbar */
.icon-32-config { background-image: url(images/icons/icon-32-config.png); }
.sicon-32-add, .icon-32-add { background-image: url(images/icons/32x32_edit_add.png); }
.icon-32-edit{ background-image: url(images/icons/32x32_edit.png); }
.icon-32-delete{ background-image: url(images/icons/32x32_editdelete.png); }
.icon-32-save{ background-image: url(images/icons/32x32_filesave.png); }
.icon-32-mutasi{ background-image: url(images/icons/32x32_filesave.png); }
.icon-32-apply{ background-image: url(images/icons/32x32_apply.png); }
.icon-32-cancel{ background-image: url(images/icons/32x32_button_cancel.png); }
.icon-32-back{ background-image: url(images/icons/32x32_back.png); }
.icon-32-next{ background-image: url(images/icons/32x32_next.png); }
.icon-32-publish{ background-image: url(images/icons/32x32_ooo_calc.png); }
.icon-32-unpublish{ background-image: url(images/icons/32x32_ooo_draw.png); }
.icon-32-detail{ background-image: url(images/icons/32x32_detail.png); }
.icon-32-cetak{ background-image: url(images/icons/32x32_cetak.png); }
.icon-24-rotary{ background-image: url(images/icons/24x24_rotary.png); }
.icon-24-rotary2{ background-image: url(images/icons/24x24_rotary2.png); }
.icon-14-save{ background-image: url(images/icons/14x14_filesave.png); }

.paging .display { padding-top:2px;}
.paging select { border:1px solid #CECECE; background:#FFFFFF; padding:2px 5px; margin-right:5px; }
.content .c75,.title .c75 { float:left; width:70%; padding-left:5px; padding-right:5px; }
.content .c25,.title .c25 {  float:left; width:22%; padding-left:5px; padding-right:5px; }
.content .c50,.title .c50 {  float:left; width:40%; padding-left:5px; padding-right:5px; }
.content .c33,.title .c33 {  float:left; width:28%; padding-left:5px; padding-right:5px; }
.content .c66,.title .c66 {  float:left; width:60%; padding-left:5px; padding-right:5px; }

#emptyyear { color:red; }

.left { float:left; }
.right { float:right; }
.clr { clear:both; }

.mgr { margin-right:7px; }
.mgl { margin-left:7px; }
.mg { margin:5px 7px; }

.pdr { padding-right:7px; }
.pdl { padding-left:7px; }
.pd { padding:5px 7px; }