/*============= zpp top ===============*/
.header{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
#zpp_top{
	height:40px;	
}

.icon_zpp_top{
	clear:both;
	position:absolute;
	left:80%;		
}
.icon_zpp_top ul li{
	float:left;
	list-style: none;
	padding:5px; 
}
.icon_zpp_top ul li:first-child{
	padding-top:5px;
	cursor:pointer;
	cursor:hand;
}
.logout{
	position:absolute;
	right:10px;
	top:5px;
}

.global_loading{ background: url(../images/loading.gif) center  no-repeat;}

.ui-autocomplete-loading { background: url(../images/loading.gif) center no-repeat; }
.search_bar{ position:absolute; top:20; left:80%; width:300px; height:30px; z-index:1; padding:5px; 
	vertical-align:top;}
.logo{
	position:absolute; 
	z-index:9;  
	padding:5px; 
	font: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight:bold ; 
	color:#990066;
	}
.ket_logo{
	position:absolute; 
	top:4px; left:62px; 
	width: 57px; 
	vertical-align:top;
	}
.icon_zpp_top #inbox{
	position:relative;
    width:16px;
    height:16px;	
}

.papar_no_tugasan{
	position:relative;
    top: -10px;
    right:-6px;
    padding:1px 2px 1px 2px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:0.8em;
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
	}

.papar_mesej_tugasan li{
	border:thin;
	border-color:#000;
	display: block;
}


.subpanel_tugasan{
	z-index:999;
	width:195px;
	display: none;
	top: 20px; bottom: 27px; right: 0; 
	position:absolute;
	background: #fff;
	height:300px !important;
	overflow: auto;
	}

.subpanel_tugasan ul li p:hover{	
	background-color:#FF6;
	}

.subpanel_tugasan ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	padding-bottom: 2px;}
	
.subpanel_tugasan li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
	
	
}
.subpanel_tugasan.dashed li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
	background: url(../images/dash.gif) repeat-x left center; 
	
}

.subpanel_tugasan ul li span{
	padding: 5px;
	background: #fff;
	color: #777;
	float:left;	
}

.subpanel_tugasan li p {padding: 5px 10px; cursor:pointer;}
.papar_semua_tugasan li a.delete{
	background: url(../images/ico_close.png) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	/*visibility: hidden; --Hides by default but still takes up space (not completely gone like display:none;)--*/
}
.subpanel_tugasan li a.delete:hover { background-position: left bottom; }

.subpanel_tugasan li.lihat_semua_tugasan {
	text-align: right;
	padding: 5px 10px 5px 0;
	text-decoration:none;
}
.papar_semua_tugasan li span{ /*--Right aligned "-" icon--*/
	font-size: 1.2em;
	float: right;
	padding-right:10px;
	line-height: 0.6em;
	font-weight: normal;
}

.subpanel_tugasan  h3 {
	background:#F90;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}