@charset "UTF-8";
/* common */
.gbl-top, .gbl-foot{ font-family:Arial, sans-serif; font-size:13px; color:#666; }
.gbl-top *, .gbl-foot *{ word-wrap:break-word; }
/* wraper */
.gbl-top { padding-top:32px; font-family:Arial, sans-serif; font-size:13px; color:#666; }
/* text */
.gbl-top a,.gbl-foot a { text-decoration:none; color:#307bb6; cursor:pointer; }
.gbl-top a[href]:hover,.gbl-foot a[href]:hover { text-decoration:underline; color:#2c98ec; }
.gbl-top h1, .gbl-top h2, .gbl-top h3, .gbl-top h4, .gbl-top h5 { font-family:Arial, Helvetica, sans-serif; color:#636363; font-weight:bold; margin-bottom:7px;}
.gbl-top p { line-height:normal; }
.gbl-top strong, .gbl-top b { font-weight:bold; }
.gbl-top em, .gbl-top i, .gbl-top blockquote { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; }
.gbl-top em, .gbl-top i { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.gbl-top blockquote { background-color:#DDE9F7; color:#555; padding:10px 15px; margin-bottom:10px; line-height:normal; }
.gbl-top code { font-family:"Courier New", Courier, monospace; }
.gbl-top .orange{ color: #ff8400; }
.gbl-top .green{ color: #3b9e00; }
.gbl-top .blue{ color: #167ede; }
.gbl-top .red{ color: #900; }
.gbl-top .grey{ color: #989898; }
.gbl-top .big{font-size:150%}
.gbl-top small,.gbl-top .sml,.gbl-foot .sml{ font-size:85%; }
/* block */
.gbl-top .clear:after { content:"."; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.gbl-top .nowrap { white-space:nowrap; }
.gbl-top .sml{ font-size:85%; }
.gbl-top .fl { float:left; }
.gbl-top .fr { float:right; }
.gbl-top .fm { vertical-align:middle; }
.gbl-top .iblk { display:inline-block; }
.gbl-top .blk { display:block; }
.gbl-top .hr{ border-bottom:#bfbfbf dotted 1px; padding-bottom:7px; margin-bottom:10px; }
.gbl-top .hide { display:none; }
/* rounded */
.gbl-top .snotif, .gbl-top .rnd3{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px}
.gbl-top .rnd5{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px}
.gbl-top .rnd7 {border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px}
.gbl-top .rnd-b {border-top:none !important; border-top-left-radius:0 !important; border-top-right-radius:0 !important; -moz-border-radius-topleft:0 !important; -moz-border-radius-topright:0 !important; -webkit-border-radius-topleft:0 !important; -webkit-border-radius-topright:0 !important; -khtml-border-radius-topleft:0 !important; -khtml-border-radius-topright:0 !important}
/* shadow */
.gbl-top .sdw{box-shadow:1px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:1px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.1)}
.sdw-h, .sdw-h *{background:transparent url(../img/global/sep_sdw.png) no-repeat right -30px; display:block}
.sdw-h >span{background-position:0 0 !important}
.sdw-h >span >span{background-position:0 -15px !important; background-repeat:repeat-x; margin:0 100px; height:15px}
/* head global */
.gbl-top .head-global {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#dbdbdd;
	border-bottom:#bfbfbf solid 1px;
	z-index:1000;
	height:32px;
	min-width:1000px;
}
.gbl-top.fixed .head-global {
	position:fixed;
	top:0;
	left:0;
}
.gbl-top .head-global > div {
	margin:0 5px;
	position:relative;
}
.gbl-top .head-global > div > a {
	padding:6px 0;
	float:left;
	position:relative;
}
.gbl-top .head-global > div > a:first-child > span {
	border-left-color:#dbdbdd;
}
.gbl-top .head-global > div > a:last-child > span {
	border-right-color:#dbdbdd;
}
.gbl-top .head-global > div > a.selected,
.gbl-top .head-global > div > a.on,
.gbl-top .head-global > div > a:hover {
	background:#ededee;
	border-left:#c8c8c8 solid 1px;
	border-right:#f8f8f8 solid 1px;
	border-bottom:#c8c8c8 solid 1px;
	padding:6px 0;
}
.gbl-top .head-global > div > a.on {
	border-bottom-color:#ededee;
}
.gbl-top .head-global > div > a > span {
	display:block;
	height:20px;
	border-left:#e6e6e6 solid 1px;
	border-right:#c8c8c8 solid 1px;
	padding:0 9px;
	line-height:18px;
}
.gbl-top .head-global > div > a.selected > span,
.gbl-top .head-global > div > a.on > span,
.gbl-top .head-global > div > a:hover > span {
	border:none;
}
.gbl-top .head-global > div > a.more > span {
	background:url(../img/global/p-down.png) no-repeat right center;
	padding-right:15px;
	margin-right:5px;
	font-size:11px;
	border-right:none;
}
.gbl-top .head-global >.fl >a:first-child span {
	background:url(../img/global/siap_logo-d.png) no-repeat center 0;
	text-indent:-9999px;
	overflow:hidden;
	width:49px;
}
.gbl-top .head-global >.fl >a:first-child:hover span {
	background:url(../img/global/siap_logo.png) no-repeat center 0;
}
.gbl-top .head-global span.ic {
	text-indent:-9999px;
	overflow:hidden;
}
.gbl-top .head-global .ready {
	background-color:#e8cbce;
}
.gbl-top .head-global .ready:hover {
	background-color:#ededee;
}
.gbl-top .head-global .ic+dd {
	position:absolute;
	top:26px;
	left:0;
	background:url(../img/global/point-red.png) no-repeat center top;
	padding-top:4px;
	width:100%;
	text-align:center;
	display:none;
	z-index:1006;
}
.gbl-top .head-global .ready:hover .ic+dd {
	display:block;
}
.gbl-top .head-global .ic+dd:after {
	content:attr(alt);
	display:inline-block;
	background-color:#e20000;
	padding:4px;
	min-width:10px;
	color:#FFF;
	font-size:9px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;
	box-shadow:1px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:1px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.1);
}
.gbl-top .head-global a.profil >span {
	border-right-color:#dbdbdd;
}
.gbl-top .head-global .profil img {
	margin-right:5px;
}
/* ===== box ====== */
.gbl-top .box {
	border:#bfbfbf solid 1px;
	background-color:#fff;
}
.gbl-top .box-cont {
	padding:10px 12px;
}
.gbl-top .box-head {
	padding:7px 10px;
	border-bottom:#bfbfbf dotted 1px;
}
.gbl-top .box-head * {
	display:inline-block;
	margin-bottom:0;
}
.gbl-top .box-foot {
	padding:7px 10px;
	border-top:#bfbfbf dotted 1px;
	display:block;
	text-align:center;
	background-color:#dbdbdd;
}
.gbl-top .box:after, .gbl-top .box-head:after, .gbl-top .box-cont:after, .gbl-top .box-foot:after{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
/* ===== form ===== */
.gbl-top form .button{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.gbl-top form .button{
	background: #dadada;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dadada));
	background: -moz-linear-gradient(#fefefe, #dadada);
	border:#bfbfbf solid 1px;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	width:auto;
	padding:3px 15px;
	cursor:pointer;
	font-weight:bold;
	min-width:100px;
	font-size:14px;
	margin:7px 0;
}
.gbl-top form .button:focus,
.gbl-top form .button:hover{
	border:#a3ca61 solid 1px;
	background: #c9fb75;
	background: -webkit-gradient(linear, left top, left bottom, from(#effcd8), to(#c8fa72));
	background: -moz-linear-gradient(#effcd8, #c8fa72);
	color:#2c6c67;
}
.gbl-top form .button{
	min-height:18px;
	padding-top:4px;
	display:inline-block;
	text-align:center;
	text-decoration:none !important;
}
/* ===== application menu 2 ===== */
.gbl-top .app-menu2{
	border-bottom:#ddd solid 1px;
	margin-bottom:7px;
}
.gbl-top .app-menu2.fr{
	float:none !important;
	position:relative;
}
/* menu vertical */
.gbl-top .menu-l ul{
	font-size:12px;
}
.gbl-top .menu-l li{
	position:relative;
}
.gbl-top .menu-l li:hover{
	background-color:#e9e9e9;
}
.gbl-top .menu-l li.on{
	background-color:#dde9f7;
}
.gbl-top .menu-l li > a{
	display:block;
	background:no-repeat 2px 2px;
	padding:4px;
	word-wrap:break-word;
	text-decoration:none;
	position:relative;
	min-height:12px;
}
.gbl-top .menu-l li.on > a,
.gbl-top .menu-l li > a:hover{
	color:#307BB6;
}
.gbl-top .menu-l .more{
	background:url(../img/global/p-down.png) no-repeat 4px center;
}
.gbl-top .menu-l .more.fewer{
	background:url(../img/global/p-up.png) no-repeat 4px center;
}
.gbl-top .menu-l .more-cont{
	display:none;
}
.gbl-top .menu-l .ic-p-r{
	background-position:8px center;
}
.gbl-top .menu-l li dd{
	position:absolute;
}
.gbl-top .menu-l li > dd{
	top:2px;
	right:-1px;
	width:8px;
	height:15px;
	display:none;
	background:url(../img/app-menu/menu-point-l-fff.png) no-repeat right 0;
}
.gbl-top .menu-l li dd.snotif{
	top:4px;
	right:10px;
	background-color:#bbb;
}
.gbl-top .menu-l li.on > dd,
.gbl-top .menu-l li:hover > dd{
	display:block;
}
.gbl-top .menu-l h4{
	margin-bottom:7px;
	color:#989898;
}
/* tool modal @ global header */
.gbl-top .head-global .tips-modal {
	top:33px;
	background:#ededee;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
	border-top:none; border-top-left-radius:0; border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-radius-topleft:0; -webkit-border-radius-topright:0;
	-moz-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 0 #f8f8f8;
	-webkit-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 0 #f8f8f8;
	box-shadow:1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 0 #f8f8f8;
}
.gbl-top .head-global .fr .tips-modal {
	right:-1px;
}
.gbl-top .head-global .tips-modal.searchbox {
	padding:0;
}
/* ==== header katagori ==== */
.head-cat{
	min-height:90px;
	padding:5px 15px 0 15px;
	background-color:#f3f3f3;
	border-bottom:#ddd solid 1px;
	position:relative;
}
.head-cat h2{
	margin-top:15px;
	font-family: 'webfont',Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size: 21px !important;
	color:#999;
	text-align:right;
	text-transform:capitalize;
	text-shadow: 0 1px 1px #ffffff;
}
/* tool tips v2 */
.gbl-top .tips-modal,
.gbl-top .tips-msg {
	display:none;
	position:absolute;
	z-index:1005;
	min-width:15px;
	border:1px solid #FDD845;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
.gbl-top .tips-msg{
	max-width:250px;
	background:#fff6bf;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#666;
	line-height:1.3em;
	font-size:11px;
	padding:4px 7px;
}
/* tool modal */
.gbl-top .tips-modal{
	z-index:1004;
	background:#fff;
	border-color:#bfbfbf;
	padding:7px 10px;
}
.gbl-top .tips-modal > .point,
.gbl-top .tips-msg > .point {
	position:absolute;
	top:-9px;
	width:15px;
	height:9px;
	background:url(../img/sampah/help_p.png) no-repeat center bottom;
}
.gbl-top .tips-modal > .point{
	background-image:url(../img/skin/menu-point.png);
}
/* tool modal content */
.gbl-top .tips-msg > .msg p{
	margin-bottom:7px;
}
.gbl-top .tips-modal > *:last-child,
.gbl-top .tips-msg > .msg p:last-child{
	margin-bottom:0 !important;
}
/* tool modal @ global header */
.gbl-top .head-global .tips-modal {
	top:33px;
	background:#ededee;
	border-top:none !important; border-top-left-radius:0 !important; border-top-right-radius:0 !important; -moz-border-radius-topleft:0 !important; -moz-border-radius-topright:0 !important; -webkit-border-radius-topleft:0 !important; -webkit-border-radius-topright:0 !important;
	-moz-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 0 #f8f8f8;
	-webkit-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 0 #f8f8f8;
	box-shadow:1px 2px 2px rgba(0, 0, 0, 0.1), inset 1px 0 #f8f8f8;
}
.gbl-top .head-global .fr .tips-modal {
	right:-1px;
}
.gbl-top .head-global .tips-modal.searchbox {
	padding:0;
}
/* menu */
.gbl-top .menu h4 {
	font:13px Helvetica, Arial, sans-serif;
	color:#777;
	padding:3px 5px;
	border-bottom:#CCC solid 1px;
	margin-bottom:5px;
}
.gbl-top .menu > ul > li > h4 {
	font-weight:bold;
}
.gbl-top .menu > ul > li > ul > li > h4 {
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	border-bottom-color:#e9e9e9;
}
.gbl-top .menu{
	white-space:nowrap;
	vertical-align:top;
}
.gbl-top .menu ul {
	display:inline-block;
	padding-right:15px;
	vertical-align:top;
}
.gbl-top .menu li > ul {
	padding-bottom:5px;
}
.gbl-top .menu ul:last-child {
	padding-right:0;
}
.gbl-top .menu a {
	display:inline-block;
	padding:3px 5px 3px 25px;
	background:transparent url(../img/ic/ic16-cekbox.png) no-repeat 3px 2px;
	line-height:1.25;
}
.gbl-top .menu li.on > a,
.gbl-top .menu a:hover {
	background-image:url(../img/ic/ic16-cekbox_on.png);
}
/* menu @ global header */
.gbl-top .head-global .menu h4 {
	border-bottom-color:#bfbfbf;
}
.gbl-top .head-global .menu > ul > li > ul > li > h4 {
	border-bottom-color:#ddd;
}
/* beta version sign */
.gbl-top .beta{
	background-color:#E20000;
	font-size:12px;
	line-height:12px;
	padding:2px 4px;
	text-shadow:none;
	text-transform:lowercase;
	color:#FFF;
}
/* ===== modal dialog ===== */
.gbl-top .modalbox{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:1002;
	display:none;
	overflow:auto;
	background-color:rgba(0, 0, 0, 0.2);
}
.gbl-top .modalbox-dialog{
	margin:15px auto;
	max-width:90%;
}
.gbl-top .modalbox-cls{
	background:url(../img/ic/ic7-cross.png) no-repeat center center;
	float:right;
	width:16px;
	height:16px;
	opacity: 0.5;
	cursor:pointer;
}
.gbl-top .modalbox-cls:hover{
	opacity: 1;
}
/* ===== warn ===== */
.gbl-top .warn{
	background-color:#FFFBCC;
	border:#ffcb66 1px solid;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;
	margin-bottom:10px;
	cursor:default;
	display:table;
	position:relative;
}
.gbl-top .warn >*{
	display:table-cell;
	padding:7px 10px;
	height:16px;
}
.gbl-top .warn >*[alt]:first-child:before{
	content:attr(alt)" ";
	color: #f00;
	font-weight:bold;
}
.gbl-top .warn:before{
	content:url(../img/skin/blank.png);
	background:#ffeac1 url(../img/ic/ic16-warn.png) no-repeat center 7px;
	width:30px;
	display:table-cell;
	border-bottom-left-radius:3px; border-top-left-radius:3px;
	-moz-border-radius-bottomleft:3px; -moz-border-radius-topleft:3px;
	-webkit-border-radius-bottomleft:3px; -webkit-border-radius-topleft:3px;
	-khtml-border-radius-bottomleft:3px; -khtml-border-radius-topleft:3px;
}
.gbl-top .warn:after{
	content:url(../img/skin/blank.png);
	width:3px;
	display:table-cell;
	border-bottom-right-radius:3px; border-top-right-radius:3px;
	-moz-border-radius-bottomright:3px; -moz-border-radius-topright:3px;
	-webkit-border-radius-bottomright:3px; -webkit-border-radius-topright:3px;
	-khtml-border-radius-bottomright:3px; -khtml-border-radius-topright:3px;
}
.gbl-top .warn[alt~=x]{
	cursor:pointer;
}
.gbl-top .warn[alt~=x]:after{
	width:14px;
}
.gbl-top .warn[alt~=x]:hover:after{
	background:url(../img/ic/ic7-cross.png) no-repeat 0 7px;
}
/* success */
.gbl-top .warn[alt~=ok]{
	border-color:#9fe004;
	background-color: #f4ffd9;
}
.gbl-top .warn[alt~=ok] >*:first-child:before{
	color:#3b9e00;
}
.gbl-top .warn[alt~=ok]:before{
	background-image: url(../img/ic/ic16-ok.png);
	background-color: #dbfa90;
}
/* info */
.gbl-top .warn[alt~=nfo]{
	border-color:#71bbff;
	background-color: #e1f1ff;
}
.gbl-top .warn[alt~=load] >*:first-child:before,
.gbl-top .warn[alt~=nfo] >*:first-child:before{
	color:#167ede;
}
.gbl-top .warn[alt~=nfo]:before{
	background-image: url(../img/ic/ic16-info.png);
	background-color: #cfe5f9;
}
/* error */
.gbl-top .warn[alt~=err]{
	border-color:#ec9e9e;
	background-color: #ffeded;
}
.gbl-top .warn[alt~=err] >*:first-child:before{
	color:#900;
}
.gbl-top .warn[alt~=err]:before{
	background-image: url(../img/ic/ic16-error.png);
	background-color: #fcd2d2;
}
/* load */
.gbl-top .warn[alt~=load]{
	border-color:#dadada;
	background-color: #fff;
	color:#777;
}
.gbl-top .warn[alt~=load]:before{
	background-image: url(../img/ic/ic16-loading.gif);
	background-color: #f3f3f3;
	background-position:center 9px;
}
/* notes */
.gbl-top .warn[alt~=note]{
	color:#666;
	background-color:#fffde6;
}
.gbl-top .warn[alt~=note] >*:first-child:before{
	color:#FF8400;
}
.gbl-top .warn[alt~=note]:before{
	background-image: url(../img/ic/ic16-note_pin.png);
}
/* text format */
.gbl-top .warn li{
	margin:2px 7px !important;
}
.gbl-top .warn >* >li{
	margin-left:15px !important;
}
/* warning @ below global header */
.gbl-top .head-global+.warn-frm{
	position:relative;
}
.gbl-top .warn-frm >.warn-cont{
	position:absolute;
	height:0;
	width:100%;
	z-index:1000;
}
.gbl-top .warn-frm .warn{
	margin:10px auto;
	max-width:50%;
}
/* ============ FOOTER ========== */
/* section area */
.gbl-foot .section{
	margin-bottom:20px;
}
/* application footer */
.gbl-foot.fixed {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	min-width:100px;
}
.gbl-foot .foot-global{
	background-color:#EAEAEC;
	position:relative;
	bottom:0;
	padding:7px 0;
}
.gbl-foot .foot-global .sdw-h {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.gbl-foot .foot-global table{
	width:100%;
	margin:0;
}
.gbl-foot .foot-global td{
	border-right:#ccc solid 1px;
	border-left:#fff solid 1px;
	padding:0 10px;
	font-size:9px;
	font-weight:normal;
	line-height:1;
	color:#999;
}
.gbl-foot .foot-global .telkom{
	width:55px;
	padding:3px 12px 7px;
	border-left:none;
}
.gbl-foot .foot-global .telkom:after{
	content:url(../img/global/tlkm-new1.png);
	width:55px;
	height:31px;
}
.gbl-foot .foot-global .slogan{
	border-right:none;
}
.gbl-foot .foot-global .version{
	border-left:none;
	text-align:right;
	font-size:11px;
}
.gbl-foot .foot-global .siap-sml{
	width:33px;
	padding:5px 12px;
	border-right:none;
	background:url(../img/global/siap-sml.png) no-repeat center center;
}