/* rounded */
.gbl-top .snotif, .gbl-top .rnd3{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px}
/* notif */
.gbl-top .notifbox li{
	padding:5px 10px 5px 50px;
	position:relative;
	min-height:30px;
	border-top:#cbcbc6 dotted 1px;
	margin-bottom:0 !important;
	word-wrap:break-word;
}
.gbl-top .notifbox li > img {
	position:absolute;
	left:10px;
	width:30px;
	height:30px;
}
.gbl-top .notifbox li:first-child{
	border-top:none;
}
.gbl-top .notifbox li.new{
	background-color:#fff;
}
.gbl-top .notifbox li:hover {
	background-color:#e2e2f4;
	cursor:pointer;
}
/* notif @ global header */
.gbl-top .head-global .notifbox{
	width:300px;
	padding:0;
}
/* ======= search ======== */
.gbl-top .global-search{
	position:relative;
	padding:0 10px;
	background:none;
}
.gbl-top .global-search >input[type="text"]{
	width:240px;
}
.gbl-top .global-search >input[type="text"]+.ic{
	position:absolute;
	top:12px;
	right:15px;
}
.gbl-top .global-search >.search-result{
	width:252px;
	position:absolute;
	right:10px;
	border:1px solid #bfbfbf;
	background-color:#f3f3f3;
	display:none;
	z-index:10;
	padding-left:90px;
}
.gbl-top .search-result h4{
	margin-bottom:2px !important;
	color:#307BB6;
}
.gbl-top .search-result >h4{
	color:#aaa;
	padding:10px;
	border-top:1px dotted #dadada;
	margin:0 !important;
	position:absolute;
	left:0;
	width:70px;
	text-align:right;
}
.gbl-top .search-result >a >h4{
	font-weight:normal !important;
}
.gbl-top .search-result >a{
	display:block;
	padding:5px 10px 5px 50px;
	position:relative;
	border-top:#cbcbc6 dotted 1px;
	margin-bottom:0 !important;
	word-wrap:break-word;
	min-height:30px;
	background:#fff;
	text-decoration:none;
}
.gbl-top .search-result > a.box-foot{
	background:#f3f3f3 no-repeat center center;
	display: block;
	padding:5px 10px 7px;
	text-align: center;
	min-height:16px;
}
.gbl-top .search-result > a.box-foot *{
	display:none;
}
.search-result >h4:first-child+div >a:first-child,
.gbl-top .search-result >h4:first-child{
	border-top:none;
}
.gbl-top .search-result >div >a > img {
	position:absolute;
	left:10px;
	width:30px;
	height:30px;
}
.gbl-top .search-result >div >a >dd{
	font-size:11px;
}
.gbl-top .search-result >div >a em.green{
	font-size:80%;
}
.gbl-top .search-result >div >a.new{
	background-color:#fff;
}
.gbl-top .search-result >div >a.select,
.gbl-top .search-result >div >a:hover {
	background-color:#e2e2f4;
}
.gbl-top .search-result >div >a{
	cursor:pointer;
}
/* search @ head global*/
.gbl-top .head-global .global-search >.search-result{
	top:33px;
}
/* profil card */
.gbl-top .namecard{
	position:relative;
}
.gbl-top .namecard{
	padding-left:90px;
	min-height:80px;
}
.gbl-top .namecard h3{
	font-size:14px !important;
	margin-bottom:2px !important;
}
.gbl-top .namecard .avatar,
.gbl-top .namecard img{
	position:absolute;
	top:0;
	left:0;
	width:80px; height:80px;
}
/* profil card @ head global */
.gbl-top .tips-modal .namecard {
	padding-left:100px;
}
.gbl-top .tips-modal .namecard .avatar,
.gbl-top .tips-modal .namecard img {
	top:10px;
	left:10px;
}
/* form */
.gbl-top form input{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 6px 10px;
	color: #444444;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	background: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#eee));
	background: -moz-linear-gradient(#f3f3f3, #eee);
	text-shadow: 0 1px 1px #ffffff;
	border: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff !important;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff !important;
	margin:7px 0 !important;
}
.gbl-top form input[type="text"]:focus {
	background:#fff;
	text-shadow:none;
}
/* ======== feed ========= */
.gbl-top .feed{
	display:block;
	padding:5px 10px 5px 50px;
	position:relative;
	border-top:#cbcbc6 dotted 1px;
	border-bottom:none;
	margin-bottom:0 !important;
	word-wrap:break-word;
	min-height:30px;
	background:#fff;
}
.gbl-top .feed:first-child{
	border-top:none;
}
.gbl-top .feed >img{
	position:absolute;
	left:10px;
	width:30px;
	height:30px;
}
.gbl-top .feed >h4{
	margin-bottom:2px !important;
	color:#307BB6;
}
.gbl-top .feed >p{
	margin-bottom:7px;
	line-height:normal;
}
.gbl-top .feed >dd{
	font-size:11px;
	position:relative;
	width:auto;
	top:0;
	left:0;
}
.gbl-top .feed:hover{
	background-color:#f6f6f6;
}
.gbl-top .feed.select{
	background-color:#e2e2f4;
}
/* feed in notifbox */
.gbl-top .notifbox .feed{
	background:#f3f3f3;
	color:#999;
}
.gbl-top .notifbox .feed.new{
	background-color:#fff;
}
.gbl-top .notifbox .feed:hover{
	background:#E2E2F4;
}
.gbl-top .notifbox .feed.new p{
	color:#666;
}
/* feed as mail */
.gbl-top .notifbox a.feed{
	cursor:pointer;
	text-decoration:none;
}
.gbl-top .notifbox a.feed p{
	font-size:87%;
}
/* list more */
.gbl-top a.list-more{
	border-top:1px dotted #CBCBC6;
	display:block;
	padding:3px 7px 5px;
	text-align:center;
	background-color:#f3f3f3;
	font-size:11px;
	border-bottom-left-radius:6px; border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px;
	-webkit-border-radius-bottomleft:6px; -webkit-border-radius-bottomright:6px;
	-khtml-border-radius-bottomleft:6px; -khtml-border-radius-bottomright:6px;
}
.gbl-top a.list-more:hover{
	background-color:#e9e9e9;
}
.gbl-top a.list-more:after{
	content:url(../img/global/p-down.png);
	display:inline-block;
	vertical-align:text-bottom;
	margin-left:3px;
	opacity:0.5;
}
.gbl-top a.list-more:hover:after{
	opacity:1;
}
/* ====== icon ======== */
.gbl-top .act, .gbl-top .ic {
	width:16px;
	min-height:16px;
}
.gbl-top .act.lbl, .gbl-top .ic.lbl{
	padding-left:23px;
}
.gbl-top .act.lbl.fr, .gbl-top .ic.lbl.fr{
	padding-left:0;
	padding-right:23px;
}
/* icon small */
.gbl-top .ics {
	width:12px;
	min-height:12px;
}
.gbl-top .ics.lbl, .gbl-top .acts.lbl{
	padding-left:19px;
}
.gbl-top .ics.lbl.fr, .gbl-top .acts.lbl.fr{
	padding-left:0;
	padding-right:19px;
}
/* icon global set */
.gbl-top .act, .gbl-top .ic, .gbl-top .acts, .gbl-top .ics {
	background:no-repeat center center;
	text-align:left;
	display:inline-block;
}
.gbl-top .act, .gbl-top .acts{
	cursor:pointer;
}
.gbl-top .lbl{
	width:auto !important;
	background-position:0 0 !important;
	vertical-align:middle !important;
}
.gbl-top .lbl.fr{
	background-position:right center !important;
	text-align:right;
}
/* icon image */
.gbl-top .on .act-gear,
.gbl-top .act-gear:hover,
.gbl-top .ic-gear {
	background-image:url(../img/ic/ic16-gear2.png) !important;
}
.gbl-top .act-gear,
.gbl-top .ic-gear-d {
	background-image:url(../img/ic/ic16-gear2-d.png) !important;
}
.gbl-top .act-exit:hover,
.gbl-top .ic-exit {
	background-image:url(../img/ic/ic16-exit.png) !important;
}
.gbl-top .act-exit,
.gbl-top .ic-exit-d {
	background-image:url(../img/ic/ic16-exit-d.png) !important;
}
/* icon image header bar */
.gbl-top .act-cari,
.gbl-top .ic-cari {
	background-image:url(../img/ic/ic16-cari.png) !important;
}
.gbl-top .on .act-cari,
.gbl-top .act-cari:hover {
	opacity:1 !important;
}
.gbl-top .act-cari {
	opacity:0.5;
}
.gbl-top .on .act-mail,
.gbl-top .act-mail:hover,
.gbl-top .ic-mail {
	background-image:url(../img/ic/ic16-mail.png) !important;
}
.gbl-top .act-mail,
.gbl-top .ic-mail-d {
	background-image:url(../img/ic/ic16-mail-d.png) !important;
}
.gbl-top .ready:hover .act-mail,
.gbl-top .ready .act-mail {
	background-image:url(../img/ic/ic16-mail-r.png) !important;
}
.gbl-top .on .act-notif,
.gbl-top .act-notif:hover,
.gbl-top .ic-notif {
	background-image:url(../img/ic/ic16-notif2.png) !important;
}
.gbl-top .act-notif,
.gbl-top .ic-notif-d {
	background-image:url(../img/ic/ic16-notif2-d.png) !important;
}
.gbl-top .ready:hover .act-notif,
.gbl-top .ready .act-notif {
	background-image:url(../img/ic/ic16-notif2-r.png) !important;
}
/* icon small image */
.gbl-top .ics.ic-lead {
	background-image:url(../img/ic/ic12-lead.png) !important;
}
.gbl-top .ics.ic-lead-d {
	background-image:url(../img/ic/ic12-lead-d.png) !important;
}
.gbl-top .ics.ic-post {
	background-image:url(../img/ic/ic12-post.png) !important;
}
.gbl-top .ics.ic-post-d {
	background-image:url(../img/ic/ic12-post-d.png) !important;
}
.gbl-top .ics.ic-mail {
	background-image:url(../img/ic/ic12-mail.png) !important;
}
.gbl-top .ics.ic-mail-d {
	background-image:url(../img/ic/ic12-mail-d.png) !important;
}
.gbl-top .ics.ic-folow {
	background-image:url(../img/ic/ic12-folow.png) !important;
}
.gbl-top .ics.ic-folow-d {
	background-image:url(../img/ic/ic12-folow-d.png) !important;
}
.gbl-top .ics.ic-grup {
	background-image:url(../img/ic/ic12-grup.png) !important;
}
.gbl-top .ics.ic-grup-d {
	background-image:url(../img/ic/ic12-grup-d.png) !important;
}
.gbl-top .on .ics.act-gear,
.gbl-top .ics.act-gear:hover,
.gbl-top .ics.ic-gear {
	background-image:url(../img/ic/ic12-gear2.png) !important;
}
.gbl-top .ics.act-gear,
.gbl-top .ics.ic-gear-d {
	background-image:url(../img/ic/ic12-gear2-d.png) !important;
}
.gbl-top .ics.ic-umum,
.gbl-top .ics.ic-user {
	background-image:url(../img/ic/ic12-user.png) !important;
}
.gbl-top .ics.ic-umum-d,
.gbl-top .ics.ic-user-d {
	background-image:url(../img/ic/ic12-user-d.png) !important;
}
.gbl-top .ics.ic-dinas {
	background-image:url(../img/ic/ic12-dinas.png) !important;
}
.gbl-top .ics.ic-dinas-d {
	background-image:url(../img/ic/ic12-dinas-d.png) !important;
}
.gbl-top .ics.ic-sekolah {
	background-image:url(../img/ic/ic12-school.png) !important;
}
.gbl-top .ics.ic-sekolah-d {
	background-image:url(../img/ic/ic12-school-d.png) !important;
}
.gbl-top .ics.ic-siswa {
	background-image:url(../img/ic/ic12-siswa.png) !important;
}
.gbl-top .ics.ic-siswa-d {
	background-image:url(../img/ic/ic12-siswa-d.png) !important;
}
.gbl-top .ics.ic-guru {
	background-image:url(../img/ic/ic12-guru.png) !important;
}
.gbl-top .ics.ic-guru-d {
	background-image:url(../img/ic/ic12-guru-d.png) !important;
}
.gbl-top .ics.ic-ortu {
	background-image:url(../img/ic/ic12-ortu.png) !important;
}
.gbl-top .ics.ic-ortu-d {
	background-image:url(../img/ic/ic12-ortu-d.png) !important;
}
.gbl-top .on .ics.act-lokasi,
.gbl-top .ics.act-lokasi:hover,
.gbl-top .ics.ic-lokasi {
	background-image:url(../img/ic/ic12-loc.png) !important;
}
.gbl-top .ics.act-lokasi,
.gbl-top .ics.ic-lokasi-d {
	background-image:url(../img/ic/ic12-loc-d.png) !important;
}