#images-view .x-panel-body{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
    background: #dddddd;
    padding: 3px;
    padding-bottom: 0;
}

.x-quirks #images-view .thumb {
    padding-bottom: 3px;
}

#images-view .thumb img{
    height: 60px;
    width: 80px;
}
#images-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}

.input-field .id{
	background-color:#4CFFA6;
}
#images-view .thumb-wrap span {
    
    display: block;
    overflow: hidden;
    text-align: center;
    width: 86px; /* for ie to ensure that the text is centered */
}

#images-view .x-item-over{
    border:1px solid #dddddd;
    background: #efefef url(over.gif) repeat-x left top;
    padding: 4px;
}

#images-view .x-item-selected{
    background: #eff5fb url(selected.gif) no-repeat right bottom;
    border:1px solid #99bbe8;
    padding: 4px;
}
#images-view .x-item-selected .thumb{
    background:transparent;
}

#images-view .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/themes/images/default/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}
#images-view2 .x-panel-body{
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}
#images-view2 .thumb{
    background: #dddddd;
    padding: 3px;
    padding-bottom: 0;
}

.x-quirks #images-view2 .thumb {
    padding-bottom: 3px;
}

#images-view2 .thumb img{
    height: 60px;
    width: 80px;
}
#images-view2 .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
#images-view2 .thumb-wrap span {
    
    display: block;
    overflow: hidden;
    text-align: center;
    width: 86px; /* for ie to ensure that the text is centered */
}

#images-view2 .x-item-over{
    border:1px solid #dddddd;
    background: #efefef url(over.gif) repeat-x left top;
    padding: 4px;
}

#images-view2 .x-item-selected{
    background: #eff5fb url(selected.gif) no-repeat right bottom;
    border:1px solid #99bbe8;
    padding: 4px;
}
#images-view2 .x-item-selected .thumb{
    background:transparent;
}

#images-view2 .loading-indicator {
    font-size:11px;
    background-image:url('../../resources/themes/images/default/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}
.x-view-selector {
    position:absolute;
    left:0;
    top:0;
    width:0;
    border:1px dotted;
    opacity: .5;
    -moz-opacity: .5;
    filter:alpha(opacity=50);
    zoom:1;
    background-color:#c3daf9;
    border-color:#3399bb;
}.ext-strict .ext-ie .x-tree .x-panel-bwrap{
    position:relative;
    overflow:hidden;
}

/* icon tambahan */

.alert {
	background: url("../images/main-icon/alert.png") no-repeat transparent !important;
	
}
.menu-master {
	background: url("../images/main-icon/toolbar/menu-master.png") no-repeat transparent !important;
	
}.cetak {
	background: url("../images/main-icon/toolbar/cetak.png") no-repeat transparent !important;
	
}
.hapus {
	background: url("../images/main-icon/toolbar/hapus.png") no-repeat transparent !important;
	
}
.simpan {
	background: url("../images/main-icon/toolbar/simpan.png") no-repeat transparent !important;
	
}
.batal {
	background: url("../images/main-icon/toolbar/batal.png") no-repeat transparent !important;
	
}
.tambah {
	background: url("../images/main-icon/toolbar/tambah.png") no-repeat transparent !important;
	
}
.ubah {
	background: url("../images/main-icon/toolbar/ubah.png") no-repeat transparent !important;
	
}
.pengaturan {
	background: url("../images/main-icon/toolbar/pengaturan.png") no-repeat transparent !important;
	
}
.ubah_sandi {
	background: url("../images/main-icon/toolbar/ubah_sandi.png") no-repeat transparent !important;
	
}
.logout {
	cursor: pointer;
	
}
.detail {
	background: url("../images/main-icon/toolbar/detail.png") no-repeat transparent !important;
	
}
.kembali {
	background: url("../images/main-icon/toolbar/kembali.png") no-repeat transparent !important;
	
}
.upload {
	background: url("../images/icons/up.png") no-repeat transparent !important;
}
.cari {
	background: url("../images/main-icon/toolbar/cari.png") no-repeat transparent !important;
	
}

.save {
	background-image:url('../images/icons/disk.png') !important;
}
.icon-books {
	background-image:url('../images/icons/book_open.png') !important;
}
.icon-email {
	background-image:url('../images/icons/email_open.png') !important;
}
.icon-run {
	background-image:url('../images/icons/asterisk_yellow.png') !important;
}
.icon-unduh {
	background-image:url('../images/icons/unduh.png') !important;
}
.edit-clear{
	background-image:url('../images/icons/edit-clear.png') !important;
}

.book{
	background-image:url('../images/icons/book.png') !important;
}
.comment{
	background-image:url('../images/icons/comment.png') !important;
}
.evaluasi{
	background-image:url('../images/icons/evaluasi.png') !important;
}
.evaluasi-green{
	background-image:url('../images/icons/evaluasi-green.png') !important;
}
.group {
	background-image:url('../images/icons/group.png') !important;
}

.add {
	background-image:url('../images/icons/add.png') !important;
}	

.add_column {
	background-image:url('../images/icons/add.png') !important;
    background-repeat: no-repeat;
}				

.edit {
	background-image:url('../images/icons/pencil.png') !important;
	background-repeat: no-repeat;
	text-decoration: none;
}

.delete {
	background-image:url('../images/icons/user_delete.png') !important;
	background-repeat: no-repeat;
	text-decoration: none;
}

.sub {
	background-image:url('../images/icons/application_cascade.png') !important;
}

.publish {
	background-image:url('../images/icons/application_add.png') !important;
}

.unpublish {
	background-image:url('../images/icons/application_delete.png') !important;
}

.password {
	background-image:url('../images/password.gif') !important;
}
.download {
	background-image:url('../images/icons/download.png')!important;
	background-repeat: no-repeat;
	text-decoration: none;
	
}
.logout {
	background-image:url('../images/logout.gif') !important;
}

.print {
	background-image:url('../images/printer.png') !important;
}

.application {
	background-image:url('../images/icons/application.png') !important;
}

.menu {
	background-image:url('../images/icons/expand-all.gif') !important;
}

.modul {
	background-image:url('../images/icons/application_form.png') !important;
}

.up {
	background-image:url('../images/icons/up.png') !important;
}

.upload-icon {
    background: url('../images/icons/image_add.png') no-repeat 0 0 !important;
}

.cari {
	background: url('../images/icons/search.png') no-repeat 0 0 !important;
}

.accept {
	background: url('../images/icons/ok16.png') no-repeat 0 0 !important;
}
 

.table {
	background-image:url('../images/icons/table.png') !important;	
}
   

.blue{background:#20c4ff}
.red{
	background:red; 
	}
.green{background:#cfc}
.yel{background:yellow}
.orange{background:#fde497}
.red2{background:#d67a7a}
.purple{background:#ccc0da}

.blue_p{background:#20c4ff}
.red_p{background:#fcc}
.green_p{background:#cfc}
.yel_p{background:#f7fd1f}
.orange_p{background:#fde497}
.red2_p{background:#d67a7a}
.row-red  .x-col-cell {
    background-color: #F78181;
    color:black;
	font:bold;
}
.row-yel  .x-col-cell {
    background-color: #F3F781;
    color:black;
	font:bold;
}
.row-orange  .x-col-cell {
    background-color: #FFA72B;
    color:black;
	font:bold;
}
.row-blue  .x-col-cell {
    background-color: #81BEF7;
    color:black;
	font:bold;
}
.row-green  .x-col-cell {
    background-color: #81F781;
    color:black;
	font:bold;
}

.nav-clicked{
background:#B0D7FF;
}
.x-btn-activ{
border-color:#81a4d0;
background-image:none;
background-color:#dbeeff;
background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dbeeff),color-stop(48%,#d0e7ff),color-stop(52%,#bbd2f0),color-stop(100%,#bed6f5));
background-image:-webkit-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
background-image:-moz-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
background-image:-o-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
background-image:-ms-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
background-image:linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5)
}
.tbmenu1{
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: green;
    background-image: none;
}
#header1 {
    background-color: #3788F6;
}
.treenode-no-icon
{
	background-image: url("../../resources/themes/images/default/tree/leaf.gif") !important;
    width: 16px;
}
.no-icon-menu .x-menu-item-icon { display: none; }

.uncollapsible .x-tree-elbow-minus {
    background-image: url(images/tree/elbows.gif);
}

.uncollapsible .x-tree-elbow-end-minus {
    background-image: url(images/tree/elbow-ends.gif)
}
#treegrid .uncollapsible{
    background-image: url(images/tree/elbow-end-minuss.gif)
}
#treegrid .x-grid-tree-node-expanded .x-tree-icon-parent{
    background-image: url(images/tree/elbow-end-minuss.gif)
}
.x-col-edit {
background:#EAEAEA !important;
}
.box_awal{
	border :0px #CCCCCC solid;
	padding :5px;
	width	:800px;
	margin:auto;
	//border :1px #b6d5fe solid;
}
.box_awal h3{
	padding:5px;
	margin:5px 5px 20px 5px;
	text-align:center;
	display:block;
	font-size:16px;
	color :#005680;
	box-shadow: 0px -3px 5px #CCC;
	border-bottom:3px #005680 solid;
	border-radius:4px;
}
.box{
	border :1px #b6d5fe solid;
	border-radius:10px;
	padding:5px;
	margin:5px;
	width:385px;
	display:block;
	float:left;
}
.box:hover{
	background-image:linear-gradient(#FFF, #b3ff99) !important;
	background-image:-moz-linear-gradient(#FFF, #b3ff99) !important;
	box-shadow: 0px -3px 5px #CCC;
	//border :1px #2669CC solid;
	//box-shadow : 1px 2px 5px #666666;
}
.box img{
	float:left;
	height:100px;
}
.box_title{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-top:10px;
	border-bottom:1px dashed #2669CC;
	padding:5px;
	color:#3D3D30;
}
.box_desc{
	padding:5px;
	display:block;
	color:#666666;
} 
.x-action-col-icon {
   margin-right: 5px;
}

.div-color{
	width: 180px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
}
.div-icon-image{width: 16px;height: 16px;float: left;background-color: #ed1c24;}
.div-text{
	float: left;
	padding-left: 5px; 
	padding-right:3px; 
	padding-top:0px; 
	padding-bottom:0px;
	color: #000;
}
.refresh {
	background-image:url('../images/icons/database_refresh.png') !important;
}

.tpl-hover{
	background-color: powderblue !important;
}

.x-tool-img .x-tool-collapse-top{
	opacity: 1;
	background-color: #000;
}
.div-app{
    background: #fef;
    padding: 3px 5px 3px 5px; 
	border: 1px solid #FFAD47;
	border-radius: 10px;
}
.div-pic{
    background: #fef;
    padding: 2px 5px 2px 5px; 
	border: 1px solid #FFAD47;
	border-radius: 10px;
	font-size:11px;
	font-weight:normal;
}

.navbar {
 // background-color: #3498DB;
  color: white;
  padding-left: 2px;
  font-size: 16px;
  border: none;
  cursor: pointer; 
  
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  //background: #3498DB;
 // background:#f5f5f5;
 // background:#e5e5e5;
  background:#FFAD47;
  color: black;
  border:1px solid #e5e5e5;
}
.navbar active { 
  background:#FFAD47;
  color: black;
  border:1px solid #e5e5e5;
}
.delivery{
	background-image:url('../images/icons/delivery.png') !important; 
}
.empty{
	background-image:url('../images/icons/book.png') !important; 
}
td.wrap-text div {
    white-space: normal;
}
.bg_yellow2 { 
  background:#FDFAD8; 
}
.bg_green { 
  background:#4FBF71; 
}
.row_height { 
  height:90px; 
}
.img-icon{
   cursor: pointer;  
}
.bg_orange { 
  background:#F5B7B1; 
}
.bg_edit { 
  background:#AFEEEE; 
}
.bg_odd { 
  background-color: #f5f5f5; 
}
.bg_even { 
  background-color:#666;
}
.status_10 .x-grid-cell { 
    /*background-color: #FCBDBD; merah */
    background-color: #FFFFF4; 
} 
 
.status_20 .x-grid-cell { 
    background-color: #E3B7EB; 
}
 
.status_30 .x-grid-cell { 
    background-color: #FFCD85; 
}
 
.status_40 .x-grid-cell { 
    background-color: #FFF494; 
}
 
.status_50 .x-grid-cell { 
    background-color: #C2DFFF; 
}
 
.status_80 .x-grid-cell { 
    background-color: #D2F5B0; 
}

.status_90 .x-grid-cell { 
    background-color: #C9CCC4; 
}