@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}
:focus{outline:0}
body{line-height:1;color:black;background:white}
ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
.head-global,html{min-width:1000px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;font-size:13.5px;color:#777;padding-top:32px;position:relative;background-color:#d7dde2}
body *{word-wrap:break-word}
a[href],.link{color:#3a75a3;text-decoration:none}
a[href]:hover,.link:hover{text-decoration:underline;color:#205f82;cursor:pointer}
h1,h2,h3,h4,h5{font-family:Arial,Helvetica,sans-serif;color:#636363;font-weight:bold;margin-bottom:.25em}
h1{font-size:175%}
h2{font-size:150%}
h3{font-size:125%}
h4{font-size:100%}
h5{font-size:75%}
p{line-height:140%}
sub,sup{font-size:75%;line-height:0}
strong,b{font-weight:bold}
em,i,.more{font:italic 95% "Trebuchet MS",Arial,Helvetica,sans-serif}
blockquote{font:italic 100% Georgia,"Times New Roman",Times,serif}
blockquote{background-color:#dde9f7;color:#555;padding:10px 15px;margin-bottom:10px;line-height:normal}
.bg-blue{background-color:#dde9f7}
code{font-family:"Courier New",Courier,monospace}
.black{color:#636363}
.orange{color:#ff8400}
.green{color:#3b9e00}
.blue{color:#167ede}
.red{color:#900}
.grey{color:#989898}
.yellow{color:#ffae00}
.purple{color:#b058d3}
.muted{color:#999}
.med{font-size:125%;line-height:1}
.big{font-size:150%;line-height:84%}
small,.sml{font-size:90%}
.normal{line-height:normal}
.normal ul{list-style:disc;padding-left:7px}
.normal ol{padding-left:2em}
.normal ol.type01{list-style:decimal-leading-zero}
.normal ol>li,.normal ul>li{margin:0 7px 3px;padding:0;border:0;line-height:140%}
.normal ol li:first-child,.normal ul li:first-child{margin-top:0}
.normal ol ol,.normal ol ul,.normal ul ol,.normal ul ul{margin-top:7px}
.normal>p{margin-bottom:12px!important}
.normal>p,.normal>p *{line-height:1.3em!important}
.normal>p:last-child{margin-bottom:0!important}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('css/ellipsis.xml#ellipsis');display:block;padding-bottom:3px;line-height:1.2em}
.map-subjects .ellipsis{padding:0}
.clear:after{content:".";display:block;height:0;overflow:hidden;clear:both;visibility:hidden}
.clr-l{clear:left}
.nowrap{white-space:nowrap!important}
.fl{float:left}
.fr{float:right}
.vm{vertical-align:middle}
.vt{vertical-align:top}
.vb{vertical-align:bottom}
.ac{text-align:center!important}
.al{text-align:left!important}
.ar{text-align:right!important}
.iblk{display:inline-block}
.blk{display:block}
.hr{border-bottom:#bfbfbf dotted 1px;padding-bottom:7px;margin-bottom:10px}
.hide{display:none}
.tbl{display:table}
.cell{display:table-cell}
.half{width:49%!important;margin-right:2%}
.half:nth-child(2n+0){margin-right:0!important}
.half:nth-child(2n+0)+.half{clear:left}
.trio{width:32%!important;margin-right:2%}
.trio2{width:66%!important;margin-right:2%}
.trio:first-child+.trio ~ .trio:nth-child(3n+0),.trio2:first-child ~ .trio,.trio:first-child ~ .trio2{margin-right:0!important}
.trio:nth-child(3n+0)+.trio,.trio:first-child+.trio2 ~ .trio,.trio2:first-child ~ .trio2{clear:left}
.quad{width:23.5%!important;margin-right:2%}
.quad2{width:49%!important;margin-right:2%}
.quad3{width:74.5%!important;margin-right:2%}
.quad:first-child+.quad+.quad ~ .quad:nth-child(4n+0),.quad:first-child+.quad2 ~ .quad:nth-child(3n+0),.quad2:first-child+.quad ~ .quad:nth-child(3n+0),.quad3:first-child ~ .quad,.quad2:nth-child(3n+0),.quad3:nth-child(2n+0){margin-right:0!important}
.quad:first-child+.quad+.quad ~ .quad:nth-child(4n+0)+.quad,.quad:first-child+.quad2 ~ .quad:nth-child(3n+0)+.quad,.quad2:first-child ~ .quad2,.quad3:first-child ~ .quad3,.quad2:nth-child(3n+0)+.quad,.quad3:nth-child(2n+0)+.quad{clear:left}
.full{width:100%!important}
.wrap{display:block;margin:0 auto;width:1000px}
.snotif,.rnd3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.rnd4{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}
.rnd5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px}
.rnd6{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px}
.rnd7{border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px}
.rnd-t{border-bottom:none!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;-moz-border-radius-bottomleft:0!important;-moz-border-radius-bottomright:0!important;-webkit-border-radius-bottomleft:0!important;-webkit-border-radius-bottomright:0!important;-khtml-border-radius-bottomleft:0!important;-khtml-border-radius-bottomright:0!important}
.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}
.rnd-l{border-bottom-right-radius:0!important;border-top-right-radius:0!important;-moz-border-radius-bottomright:0!important;-moz-border-radius-topright:0!important;-webkit-border-radius-bottomright:0!important;-webkit-border-radius-topright:0!important;-khtml-border-radius-bottomright:0!important;-khtml-border-radius-topright:0!important}
.rnd-r{border-bottom-left-radius:0!important;border-top-left-radius:0!important;-moz-border-radius-bottomleft:0!important;-moz-border-radius-topleft:0!important;-webkit-border-radius-bottomleft:0!important;-webkit-border-radius-topleft:0!important;-khtml-border-radius-bottomleft:0!important;-khtml-border-radius-topleft:0!important}
blockquote,q{border-top-left-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-radius-topleft:6px;-webkit-border-radius-bottomright:6px;-khtml-border-radius-topleft:6px;-khtml-border-radius-bottomright:6px}
.sdw{box-shadow:1px 2px 2px rgba(0,0,0,0.1)}
.sdw-l{box-shadow:-2px 0 2px -2px rgba(0,0,0,0.1)}
.sdw-r{box-shadow:4px 0 2px -2px rgba(0,0,0,0.1)}
.sdw-t{box-shadow:0 -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}
.sdw-ht,.sdw-ht *{background:url(../img/global/sep_sdw_up.png) no-repeat right -20px;display:block}
.sdw-ht>span{background-position:0 0!important}
.sdw-ht>span>span{background-position:0 -10px!important;background-repeat:repeat-x;margin:0 100px;height:10px}
.sdw-h2:before,.sdw-t2:after{content:'';display:block;min-height:8px}
.sdw-h2:before{border-bottom:#dadada solid 1px;box-shadow:0 4px 3px -3px rgba(0,0,0,0.1);margin-bottom:5px}
.feed-poster+ul>.feed:first-child,.comen+.feed,.sdw-t2:after{border-top:#dadada solid 1px;box-shadow:0 -4px 3px -3px rgba(0,0,0,0.1);margin-top:5px}
.head-global{position:absolute;top:0;width:100%;background-color:#8c9397;border-bottom:#7d8487 solid 1px;z-index:1000;height:32px}
.head-global>div{margin:0 5px;position:relative}
.head-global>div>a{padding:6px 0;float:left;position:relative}
.head-global>div>a.selected,.head-global>div>a.on,.head-global>div>a:hover{padding:6px 0;background:rgba(0,0,0,0.3);border-left:rgba(0,0,0,0.2) solid 1px;border-right:rgba(255,255,255,0.4) solid 1px;border-bottom:#7d8487 solid 1px;text-decoration:none}
.head-global>div>a.on{border-bottom-color:#ededee}
.head-global>div>a>span{display:block;height:20px;padding:0 9px;line-height:19px;border-left:rgba(255,255,255,0.3) solid 1px;border-right:rgba(0,0,0,0.1) solid 1px;color:rgba(255,255,255,0.8)}
.head-global>div>a.selected>span,.head-global>div>a.on>span,.head-global>div>a:hover>span{border:0;color:#fff}
.head-global>div>a.selected+a>span,.head-global>div>a.on+a>span,.head-global>div>a:hover+a>span{border-left-color:#8c9397}
.head-global>div>a:first-child>span{border-left-color:#8c9397}
.head-global>div>a:last-child>span{border-right-color:#8c9397}
.head-global a.more>span{margin-right:5px;border-right:0;background:url(../img/global/p-down.png) no-repeat right center;padding-right:15px;font-size:11px;font-style:italic}
.head-global>.fl>a:first-child span{background:url(../img/global/siap_logo-w.png) no-repeat center 0;opacity:.8;text-indent:-9999px;overflow:hidden;width:49px}
.head-global>.fl>a:first-child:hover span{opacity:1}
.head-global span.ic{text-indent:-9999px;overflow:hidden}
.head-global .ready{background-color:#e8cbce}
.head-global .ready:hover{background-color:#ededee}
.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}
.head-global .ready:hover .ic+dd{display:block}
.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)}
.head-global a.profil>span{border-right-color:#dbdbdd;max-width:150px}
.head-global .profil img{margin-right:5px}
.box{border:#ddd solid 1px;background-color:#fff}
.box-cont{padding:10px 12px}
.box-head{padding:7px 10px;border-bottom:#bfbfbf dotted 1px}
.box-head *{display:inline-block;margin-bottom:0}
.box-foot{padding:7px 10px;border-top:#bfbfbf dotted 1px;display:block;text-align:center;background-color:#dbdbdd}
.box:after,.box-head:after,.box-cont:after,.box-foot:after{content:".";display:block;height:0;overflow:hidden;clear:both;visibility:hidden}
.menu h4{font:13px Helvetica,Arial,sans-serif;color:#777;padding:3px 5px;border-bottom:#CCC solid 1px;margin-bottom:5px}
.menu>ul li+h4{margin-top:7px}
.menu>ul>li>h4{font-weight:bold}
.menu>ul>li>ul>li>h4{font:italic 12px Georgia,"Times New Roman",Times,serif;border-bottom-color:#e9e9e9}
.menu{white-space:nowrap;vertical-align:top}
.menu ul{display:inline-block;padding-right:15px;vertical-align:top}
.menu li>ul{padding-bottom:5px}
.menu ul:last-child{padding-right:0}
.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}
.menu li.on>a,.menu a:hover{background-image:url(../img/ic/ic16-cekbox_on.png)}
.head-global .menu h4{border-bottom-color:#bfbfbf}
.head-global .menu>ul>li>ul>li>h4{border-bottom-color:#ddd}
.menu-l ul{font-size:12.5px}
.menu-l li{position:relative;margin-bottom:1px}
.menu-l li:hover{background-color:#f3f3f3}
.menu-l li.on{background-color:#dde9f7}
.menu-l li>*:first-child{display:block;padding:5px;word-wrap:break-word;text-decoration:none;position:relative;min-height:12px}
.siapku-frame-ll .menu-l li>*:first-child,.menu-l.menu-ic li>*:first-child{padding-left:31px;margin-right:10px;background-repeat:no-repeat;background-position:5px 3px!important}
.menu-l li>*[href]:first-child:hover{text-decoration:underline}
.menu-l li .big{line-height:.7}
.menu-l .more{background:url(../img/global/p-down.png) no-repeat 4px center}
.menu-l .more.fewer{background:url(../img/global/p-up.png) no-repeat 4px center}
.menu-l .more-cont{display:none}
.menu-l .ic-p-r{background-position:8px center}
.menu-l li>dd{position:absolute;z-index:1;top:0;right:-1px;width:8px;height:100%;display:none;background:url(../img/skin/menu-point-l-fff.png) no-repeat right center}
.menu-l li dd.snotif{top:4px;right:10px;background-color:#bbb;font:9px "Courier New",Courier,monospace;font-weight:bold;letter-spacing:-1px;color:#FFF;margin-left:3px;padding:1px 3px 0 2px;display:inline-block;min-width:5px}
.menu-l li.on>dd,.menu-l li:hover>dd{display:block}
.menu-l h4{margin-bottom:7px;color:#989898}
.head-global .menu-l li:hover{background-color:#ddd}
.head-global .menu-l ul{margin-right:10px}
.head-global .menu-l ul:last-child{margin-right:0}
.head-global .menu-l li.on{background-color:#fff}
.foot-global{background-color:#d7dde2;position:relative;bottom:0;padding:7px 0}
.foot-global .sdw-h{position:absolute;top:0;left:0;width:100%}
.foot-global table{width:100%;margin:0}
.foot-global td{border-right:rgba(0,0,0,0.1) solid 1px;border-left:rgba(255,255,255,0.5) solid 1px;padding:0 10px;font-size:9px;font-weight:normal;line-height:1;color:#999}
.foot-global .telkom{width:55px;padding:3px 12px 7px;border-left:none}
.foot-global .telkom:after{content:url(../img/global/by_telkom-footer.png);width:55px;height:31px}
.foot-global .slogan{border-right:0}
.foot-global .version{border-left:none;text-align:right;font-size:11px}
.foot-global .siap-sml{width:33px;padding:5px 12px;border-right:0;background:url(../img/global/siap-sml.png) no-repeat center center}
.head-global .notifbox{width:300px;padding:0}
.global-search{position:relative;padding:0 10px;background:0}
.global-search>input[type="text"]{width:240px}
.global-search>input[type="text"]+.ic{position:absolute;top:13px;right:15px}
.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}
.search-result h4{margin-bottom:2px!important;color:#307bb6}
.search-result>h4{color:#aaa;padding:10px;border-top:1px dotted #dadada;margin:0!important;position:absolute;left:0;width:70px;text-align:right}
.search-result>div>a>h4{font-weight:normal!important}
.search-result>div>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}
.search-result>a.box-foot{background:#f3f3f3 no-repeat center center;display:block;padding:5px 10px 7px;text-align:center;min-height:16px}
.search-result>a.box-foot *{display:none}
.search-result>h4:first-child+div>a:first-child,.search-result>h4:first-child{border-top:0}
.search-result>div>a>img{position:absolute;left:10px;width:30px;height:30px}
.search-result>div>a>dd{font-size:11px}
.search-result>div>a em.green{font-size:80%}
.search-result>div>a.new{background-color:#fff}
.search-result>div>a.select,.search-result>div>a:hover{background-color:#e2e2f4}
.search-result>div>a{cursor:pointer}
.head-global .global-search>input[type="text"]{margin-top:7px}
.head-global .global-search>.search-result{top:33px}
.workspc .global-search>input[type="text"]{margin:0}
.workspc .global-search>input[type="text"]+.ic{top:5px}
.workspc{width:100%;display:table;height:100%}
.workspc>.workspc-l,.workspc>.work-sidebar-l,.workspc>.work-sidebar-r,.workspc>.work-main{position:relative;vertical-align:top;display:table-cell}
.workspc>.workspc-l{padding:15px 0;background-color:#fff;box-shadow:1px 2px 2px rgba(0,0,0,0.1)}
.workspc>.work-sidebar-l{width:165px;margin:10px 0;padding:0 0 30px 15px}
.workspc>.work-main{width:auto;margin:10px 0;padding:25px 20px 30px 20px}
.workspc>.work-sidebar-l+.work-main{border-left:#dadada solid 1px;box-shadow:-4px 0 3px -3px rgba(0,0,0,0.1)}
.workspc>.work-main:last-child{border-right:0}
.workspc>.work-sidebar-r{width:150px;padding:15px 15px 30px 15px}
.head-wrap+.workspc .work-main{padding-top:15px}
.head-cat+.workspc{background-color:#fff}
.head-cat.map-prop-cont+.workspc{background:0}
.head-cat.map-prop-cont+.workspc>.work-main,.head-cat.map-prop-cont+.workspc>.workspc-l{background-color:#fff}
.head-cat{min-height:80px;background-color:#f3f3f3;border-bottom:#ddd solid 1px}
.workspc .head-cat{position:relative}
.head-cat.map-prop-cont h2,.head-cat .login-wrap h2,.head-title{font-family:"Helvetica Neue",'webfont',Helvetica,Arial,sans-serif;font-weight:normal;font-size:18.5px!important;color:#999;text-transform:capitalize;text-shadow:0 1px 1px #fff;text-align:right}
.head-title{padding:10px 15px;background:no-repeat 0 center}
.head-cat>.nav-cont{position:absolute;right:20px}
.head-cat .login-wrap h2{font-size:22px!important;padding-top:20px}
.head-wrap>.workspc-l{padding:0}
.head-avatar{padding:20px 20px 40px 180px}
.head-avatar>dt>h1{max-width:70%}
.head-avatar>dt>h1{max-width:60%;line-height:1.4;margin-right:7px}
.head-avatar>dt>h3{max-width:15%;line-height:1.4}
.head-avatar>dd>.half{border-right:1px solid #ddd;padding-right:10px;line-height:1.4}
.head-avatar>dd>.normal{width:28%}
.head-avatar>dd>.normal>.ellipsis{max-width:90%;line-height:1.4;color:#444;opacity:.6}
.head-avatar>dd>.normal>.ellipsis:hover{opacity:1}
.head-avatar>a{position:absolute;top:15px;left:15px;z-index:1;background:#fff;padding:5px;border:#ddd solid 1px}
.head-avatar>a,.head-avatar>a img{width:130px;height:130px}
.head-avatar.size-80{padding-left:130px;min-height:70px}
.head-avatar.size-80>dt>h1{font-size:16px}
.head-avatar.size-80+.app-head-menu .global-link{width:105px}
.head-avatar.size-80>a,.head-avatar.size-80>a img{width:80px;height:80px}
.head-avatar.size-50{padding-left:90px;min-height:70px}
.head-avatar.size-50>a{padding:3px}
.head-avatar.size-50>a,.head-avatar.size-50>a img{width:50px;height:50px}
.head-avatar.size-50>dt>h1{font-size:14px;line-height:1;margin-bottom:5px}
.head-avatar.size-50>dt>h3{font-size:12px}
.head-avatar.size-50>p{line-height:1.2}
.head-avatar.size-50>dd>.normal>.ellipsis{line-height:1.2}
.head-avatar.size-50+.app-menu2 .global-link{display:none}
.head-avatar.size-30{padding-left:70px;min-height:50px}
.head-avatar.size-30>a{padding:3px}
.head-avatar.size-30>a,.head-avatar.size-30>a img{width:30px;height:30px}
.head-avatar.size-30>p{line-height:1.2}
.head-noadv>.work-sidebar-r{border-bottom:#ddd solid 1px;width:120px}
.head-noadv>.workspc-l>.head-avatar:before{content:'';background:#f3f3f3;background:-webkit-gradient(linear,left top,left bottom,from(rgba(243,243,243,0)),to(#f3f3f3));background:-moz-linear-gradient(rgba(243,243,243,0),#f3f3f3);position:absolute;right:-130px;bottom:0;width:130px;height:50px}
.title-big{font-family:'webfont',Helvetica,Arial,sans-serif;font-weight:normal;line-height:normal;text-transform:capitalize;color:#7ab445!important}
.workspc .title-big{font-size:24px}
.work-sidebar-l .title-big{font-size:20px}
.namecard{position:relative;padding-left:90px;min-height:80px;font-size:12px}
.tiny-card .namecard{padding-left:30px;min-height:20px}
.sml-card .namecard{padding-left:40px;min-height:30px}
.med-card .namecard{padding-left:60px;min-height:50px}
.namecard h3,.namecard h4{font-size:14px!important;margin-bottom:2px!important}
.tiny-card .namecard h3,.sml-card .namecard h3,.tiny-card .namecard h4,.sml-card .namecard h4{font-size:12px!important;color:#3a75a3;font-weight:normal}
.med-card .namecard h3,.med-card .namecard h4{font-size:13px!important}
.namecard>*:first-child img{width:100%;height:100%}
.namecard .avatar,.namecard>*:first-child{position:absolute;top:0;left:0;width:80px;height:80px}
.tiny-card .namecard>*:first-child{width:20px;height:20px}
.sml-card .namecard>*:first-child{width:30px;height:30px}
.med-card .namecard>*:first-child{width:50px;height:50px}
.work-sidebar-l .namecard{padding:7px;border-bottom:#dadada solid 1px;border-collapse:collapse;padding-left:97px;min-height:80px}
.work-sidebar-l .namecard:first-child{border-top:#dadada solid 1px}
.work-sidebar-l .tiny-card .namecard{padding-left:37px;min-height:20px}
.work-sidebar-l .sml-card .namecard{padding-left:47px;min-height:30px}
.work-sidebar-l .med-card .namecard{padding-left:67px;min-height:50px}
.work-sidebar-l .namecard .avatar,.work-sidebar-l .namecard>*:first-child{top:7px;left:7px}
.work-sidebar-l .namecard.on{background-color:#f3f3f3}
.pointed-r,.pointed-t{position:relative;margin-right:0!important;padding-right:10px}
.pointed-r:after{content:url(../img/skin/blank.png);position:absolute;z-index:10;top:0;right:-1px;width:17px;height:100%;background:url(../img/skin/workspc-point.png) no-repeat 0 center}
.pointed-t:before{content:url(../img/skin/blank.png);background:url(../img/skin/menu-point.png) no-repeat center bottom;position:absolute;width:100%;height:8px;left:0;top:-8px;z-index:1}
.on.pointed-t:before{background-image:url(../img/sampah/menu-point-f3f3f3.png)}
.pointed-r.sml-point:after{background:url(../img/skin/menu-point-l-fff.png) no-repeat 0 center!important;width:8px!important}
.p-l,.p-r,.p-t,.p-b{position:relative}
.p-l:after,.p-r:after,.p-t:after,.p-b:after{content:'';position:absolute;z-index:1;background:url(../img/skin/skn-point-ff.png) no-repeat}
.p-f8:after{background-image:url(../img/skin/skn-point-f8.png)}
.p-f3:after{background-image:url(../img/skin/skn-point-f3.png)}
.p-ea:after{background-image:url(../img/skin/skn-point-ea.png)}
.p-db:after{background-image:url(../img/skin/skn-point-db2.png)}
.p-00:after{background-image:url(../img/skin/skn-point-00.png)}
.p-o20:after{opacity:.2}
.p-l:after,.p-r:after{width:8px;height:100%;top:0}
.p-t:after,.p-b:after{height:8px;width:100%;left:0}
.p-l.p-big:after,.p-r.p-big:after{width:14px}
.p-t.p-big:after,.p-b.p-big:after{height:14px}
.p-l{border-left:#ccc solid 1px}
.p-r{border-right:#ccc solid 1px}
.p-t{border-top:#ccc solid 1px}
.p-b{border-bottom:#ccc solid 1px}
.p-in{border:0}
.p-l:after{background-position:0 center;right:100%}
.p-r:after{background-position:right center;left:100%}
.p-t:after{background-position:center 0;bottom:100%}
.p-b:after{background-position:center bottom;top:100%}
.p-l.p-in:after{background-position:right center;left:0;right:auto}
.p-r.p-in:after{background-position:0 center;right:0;left:auto}
.p-t.p-in:after{background-position:center bottom;top:0;bottom:auto}
.p-b.p-in:after{background-position:center 0;bottom:0;top:auto}
.modalbox{position:fixed;top:0;width:100%;height:100%;z-index:1002;display:none;overflow:auto;background:rgba(170,170,170,0.7);background:-webkit-gradient(linear,left top,left bottom,from(rgba(144,144,144,0.7)),to(rgba(170,170,170,0.7)));background:-moz-linear-gradient(rgba(144,144,144,0.7),rgba(170,170,170,0.7))}
.modalbox.confirm{background:rgba(170,170,170,0.3)}
.modalbox-dialog{margin:20px auto 15px;max-width:90%;position:relative;background:#fff;box-shadow:1px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5)}
.modalbox-cls2{background:url(../img/ic/ic7-cross.png) no-repeat center center;float:right;width:16px;height:16px;opacity:.5;cursor:pointer}
.modalbox-cls2:hover{opacity:1}
.modalbox-cls{background:#bbb url(../img/ic/ic7-cross.png) no-repeat 6px center;position:absolute;width:6px;height:24px;top:19px;right:0;z-index:10;opacity:.5;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.modalbox-cls:hover{opacity:1}
.modalbox-dialog:hover .modalbox-cls{width:20px}
.modalbox-cls:hover:after{content:'';background:url(../img/ic/ic7-cross-o.png) no-repeat 6px center;position:absolute;width:20px;height:24px}
.modalbox .head-cat{border-bottom:1px solid #dadada!important;min-height:70px;padding-right:24px;padding-left:20px}
.modalbox .head-cat>h2{margin-top:20px}
.modalbox .workspc{padding:10px 0;width:auto}
.modalbox-disabler{background:rgba(255,255,255,0.7) url(../img/skin/bar-loading.gif) no-repeat center center;display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:50}
.modalbox.mod-confirm .modalbox-cls{top:11px}
.modalbox.mod-confirm .title-big{margin:0}
.modalbox.mod-confirm .freearea:first-child{border-top-left-radius:6px;border-top-right-radius:6px}
.modalbox.mod-confirm button{margin:7px 10px;width:100px}
.modalbox.mod-confirm .viewer{padding:5px 5px 5px 37px;background:#f3f3f3}
.modalbox.mod-confirm .desc{color:#888}
.modalbox-slide{position:relative;overflow-x:hidden;padding:20px}
.modalbox-slide>.workspc,.modalbox-slide>.workspc>.work-sidebar-l{padding:0}
.modalbox-slide>.workspc>.work-main{padding-right:0}
.modalbox.imgbox .box-cont{padding:0}
.drop-box{background-color:#f3f3f3;border:#bfbfbf dashed 3px;padding:20px}
form select,form .iselect,form .button,form .input,form button,form input,form textarea{border-radius:3px}
form select,form .iselect,form .input,form input[type="number"],form input[type="text"],form input[type="password"],form input[type="email"],form textarea{padding:6px 10px;color:#444;font-weight:normal;font-size:12px;background:#fdfdfd;background:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f9f9f9));background:-moz-linear-gradient(#fdfdfd,#f9f9f9);text-shadow:0 1px 1px #fff;border:0;box-shadow:inset 0 1px 3px rgba(0,0,0,0.4),0 1px 1px #fff;margin:0 0 7px 0}
form .direktori-tbl span>select,form .direktori-tbl span>.iselect,form .direktori-tbl span>.input,form .direktori-tbl span>input,form .direktori-tbl span>textarea,form td>select,form td>.input,form td>input,form td>textarea{margin-top:7px}
form input[type=email],form input[type=text],form input[type=password],form textarea,form .input-file-mask{width:90%}
form select{padding:5px 6px;-webkit-appearance:none}
form .input:focus,form select:focus,form input[type="number"]:focus,form input[type="text"]:focus,form input[type="password"]:focus,form input[type="email"]:focus,form textarea:focus{background:#fff;text-shadow:none}
form input[type=radio],form input[type=checkbox]{cursor:pointer}
form textarea{font-family:Arial,sans-serif;padding:7px 10px}
@media screen and (-webkit-min-device-pixel-ratio:0){form select{background:url(../img/global/p-down-select.png) no-repeat right center,-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f9f9f9));padding:7px 20px 7px 10px;text-shadow:none;word-wrap:normal}
form select:focus{background:#fff url(../img/global/p-down-select.png) no-repeat right center}
form select[multiple],form select[multiple]:focus{background-image:none}
form input[type=radio],form input[type=checkbox]{-webkit-appearance:none;width:13px;height:13px;background:#fff;border:1px solid #bfbfbf;position:relative;vertical-align:text-bottom}
form input[type=radio]:hover,form input[type=checkbox]:hover{border-color:#a3ca61;background:#c9fb75}
form input[type=radio]:focus,form input[type=checkbox]:focus{border-color:#a3ca61;background:#c9fb75}
form input[type=checkbox]:checked:after{content:url(../img/ic/ic12-checkmark.png);display:block;position:absolute;top:-6px;left:-5px}
form input[type=radio]{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;width:15px;height:15px;margin-bottom:0}
form input[type=radio]:checked:after{content:'';display:block;position:relative;top:3px;left:3px;width:7px;height:7px;background:#666;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}
form input[type=checkbox][disabled],form input[type=radio][disabled]{cursor:default;opacity:.5;background:#CCC;border-color:#999}
}
form .button,form button,form input[type="button"],form input[type="submit"]{background:#dadada;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#dadada));background:-moz-linear-gradient(#fefefe,#dadada);border:#bfbfbf solid 1px;width:auto;padding:3px 15px;cursor:pointer;margin:7px 0}
form button,form input[type="button"],form input[type="submit"]{color:#666;text-shadow:1px 1px 1px #fff;font-weight:bold;font-size:14px;line-height:15px}
form .button:focus,form .button:hover,form button:focus,form input[type="button"]:focus,form input[type="submit"]:focus,form button:hover,form input[type="button"]:hover,form input[type="submit"]: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}
form .button[disabled],form button[disabled],form input[type="button"][disabled],form input[type="submit"][disabled]{background:#dadada;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#dadada));background:-moz-linear-gradient(#eee,#ddd);border:#ccc solid 1px;color:#bbb;cursor:default}
form .button{min-height:18px;padding-top:4px;display:inline-block;text-align:center;text-decoration:none!important}
form .button.med-card,form .button.sml-card{text-align:left;padding:7px 15px;padding-right:45px;margin-top:0;position:relative;border:#ccc solid 1px;background:#f1f1f1;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));background:-moz-linear-gradient(#fff,#f1f1f1);opacity:.8;box-shadow:0 1px 1px #fff}
form .button.med-card:hover,form .button.sml-card:hover{opacity:1;box-shadow:1px 2px 2px rgba(0,0,0,0.1)}
form .button.med-card:after,form .button.sml-card:after{content:'';background:url(../img/global/p-down.png) no-repeat center center;position:absolute;top:0;right:7px;width:30px;height:100%}
form .button[disabled].med-card:after,form .button[disabled].sml-card:after{display:none}
form .button[disabled].med-card:hover,form .button[disabled].sml-card:hover{opacity:.8;box-shadow:0 1px 1px #fff}
form .buttoned-input{display:table;border-collapse:separate}
form .buttoned-input>*{display:table-cell;margin:0}
form .buttoned-input>.input{padding:0 10px;margin-left:10px}
form .buttoned-input>button{padding:2px 3px;border-left:none}
form .input>input[type=text],form .input>textarea{border:0;box-shadow:none;margin:0!important;resize:none;padding:0;background:0}
form .editor.box-cont{background-color:#f0f0f0!important}
form .label,form label{color:#007c72;display:inline-block}
form .tbl-form label{margin:7px 7px 7px 0}
form label[for]{cursor:pointer}
form label.req{padding-right:17px;background:url(../img/ic/astrx.png) no-repeat right center}
form label[alt]:after{content:" ("attr(alt)")";color:#ff8400;font-size:85%;font-style:italic}
.head-global form{background:0}
form .legend li{padding:3px 5px;margin-left:20px;position:relative;font-size:12px;color:#007c72}
form .legend li:before{content:'';position:absolute;top:3px;right:100%;width:20px;height:12px;font-size:11px;font-style:italic;text-align:right}
form .legend li.req:before{background:url(../img/ic/astrx.png) no-repeat center center;width:12px}
form .legend li[alt]:before{content:'('attr(alt)')';color:#ff8400}
form input[type=file].hideit{visibility:hidden;position:absolute;width:1px;height:1px;overflow:hidden}
form .input-file-mask{white-space:nowrap}
form .input-file-mask span{display:inline-block;overflow:hidden;width:160px;vertical-align:text-bottom}
form .input-file-mask .button{font-size:12px;display:inline-block;min-width:0;min-height:0;margin:0 7px 0 0;padding:3px 10px}
form .captcha{position:relative}
form .captcha .ic{position:absolute;top:5px;right:5px}
.ic-field[type=email],.ic-field[type=text],.ic-field[type=password],textarea.ic-field{background-repeat:no-repeat!important;background-position:98% center!important;background-color:#fdfdfd;padding-right:20px!important;width:220px!important}
textarea.ic-field{background-position:98% 6px!important}
.ic-field.ic-del{background-color:#fffbcc!important}
form input[type=email][disabled],form input[type=text][disabled],form input[type=password][disabled],form textarea[disabled]{background:#e5e5e5;color:#888}
form .ic-field[disabled]{background-image:url(../img/ic/ic16-lock-d.png)!important}
form input[disabled].blank{border:#ddd dashed 2px;background:#f3f3f3;box-shadow:none;padding:4px 8px}
form .iselect{display:inline-block;position:relative;padding:6px 25px 5px 10px;line-height:1.3em}
form .iselect input{box-shadow:none;padding:0;background:0;margin:0;display:inline-block;width:100%}
form .iselect:before{content:'';position:absolute;top:0;right:0;width:19px;height:100%;background:url(../img/global/p-down-select.png) no-repeat 0 center;opacity:.5}
form .iselect:hover:before{opacity:1}
form .iselect:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
.nav-cont{background:#f3f3f3;padding:7px;margin:0 0 10px 0}
.head-cat .nav-cont{padding:0;margin:0;background:0}
.nav-cont>.nav-group,.nav-cont>.nav{margin-right:10px}
.nav-cont>.fr{margin-left:10px;margin-right:0}
.nav-cont>.nav-group:last-child,.nav-cont>.nav:last-child,.nav-cont>.fr:last-child{margin-left:0;margin-right:0}
.nav>*{font-size:12px;color:#007c72;float:left;margin-right:3px;padding:0 5px 1px}
.nav>*:last-child{margin-right:0}
.nav>span{height:18px;vertical-align:bottom;padding-top:2px}
.nav>a{background:#dadada;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#dadada));background:-moz-linear-gradient(#fefefe,#dadada);border:#bfbfbf solid 1px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer;position:relative;box-shadow:0 1px 1px #fff;white-space:nowrap!important;color:#007c72!important}
.nav>a:hover{border-color:#a3ca61;background:#c9fb75;background:-webkit-gradient(linear,left top,left bottom,from(#effcd8),to(#c9fb75));background:-moz-linear-gradient(#effcd8,#c9fb75);color:#2c6c67!important;text-decoration:none}
.nav>a:before{content:url(../img/skin/blank.png);display:inline-block;float:right;width:16px;height:16px;opacity:.5}
.nav>a.on{background:#fefefe;background:-webkit-gradient(linear,left top,left bottom,from(#dadada),to(#fefefe));background:-moz-linear-gradient(#dadada,#fefefe)}
.nav>a.on:before,.nav>a:hover:before{opacity:1}
.nav>a.select>span,.nav>a.paging>span{display:inline-block;padding:3px 2px 0 7px;height:12px}
.nav>a>span.ic{display:inline-block;padding:3px 2px 0 7px;height:16px}
.nav>a.lbl{line-height:16px;padding-right:10px}
.nav>a.lbl:before{float:left;margin-right:5px}
.nav>a.select:before,.nav>a.paging:before{background:url(../img/global/p-down.png) no-repeat center center}
.nav>a.prev:before{background:url(../img/global/p-left.png) no-repeat center center}
.nav>a.next:before{background:url(../img/global/p-right.png) no-repeat center center}
.nav>a.thumb:before{background:url(../img/ic/ic16-view-thumb.png) no-repeat center center}
.nav>a.list:before{background:url(../img/ic/ic16-view-list.png) no-repeat center center}
.nav>a.tbl:before{background:url(../img/ic/ic16-view-tbl.png) no-repeat center center}
.nav>a.filter:before{background:url(../img/ic/ic16-view-filter.png) no-repeat center center}
.nav>a.add:before{background:url(../img/ic/ic16-view-add.png) no-repeat center center}
.nav>a.cari:before{background:url(../img/ic/ic16-view-cari.png) no-repeat center center}
.nav>a.print:before{background:url(../img/ic/ic16-view-print.png) no-repeat center center}
.nav>a.upload:before{background:url(../img/ic/ic16-view-upload.png) no-repeat center center}
.nav>a.mapview:before{background:url(../img/ic/ic12-loc-d.png) no-repeat center center}
.nav>a.date16:before{background:url(../img/ic/ic16-view-date.png) no-repeat center center}
.nav>a.time16:before{background:url(../img/ic/ic16-clock.png) no-repeat center center}
.nav>a.action:before{background:url(../img/ic/ic16-gear2.png) no-repeat center center}
.nav>a.edit:before{background:url(../img/ic/ic16-edit-d.png) no-repeat center center}
.nav>a.reload:before{background:url(../img/ic/ic16-reload.png) no-repeat center center}
.nav>a.folow:before{background:url(../img/ic/ic16-folow-d.png) no-repeat center center}
.nav>a.folow.on:after{content:url(../img/ic/ic7-cross-red.png);position:absolute;top:5px;left:16px}
.nav>a.grup:before{background:url(../img/ic/ic16-grup-d.png) no-repeat center center}
.nav>a.grup.on:after{content:url(../img/ic/ic7-cross-red.png);position:absolute;top:5px;left:16px}
.nav>a.lapor:before{background:url(../img/ic/ic16-bad-d.png) no-repeat center center}
.nav>a.mail:before{background:url(../img/ic/ic16-mail-d.png) no-repeat center center}
.nav>a.sync:before{background:url(../img/ic/ic16-sync-d.png) no-repeat center center}
.head-avatar .nav{float:left}
.head-avatar .nav>a{padding:5px 7px}
.head-avatar .nav>a.lbl{padding-right:10px}
.nav>a.bgcol,.nav>a.fgcol{text-align:center;padding:2px 5px;text-decoration:none}
.nav>a.bgcol:before,.nav>a.fgcol:before{background:url(../img/ic/ic7-point-d.png) no-repeat;width:7px;height:5px;opacity:1;position:absolute}
.nav>a.bgcol:before{bottom:3px;right:6px}
.nav>a.fgcol:before{top:3px;right:3px}
.nav>a.bgcol>span,.nav>a.fgcol>span{display:block;width:16px;height:13px;overflow:hidden;color:#ccc}
.nav>a.bgcol>span{border:#ababab solid 1px;width:14px;height:11px}
.nav>a.fgcol>span:after{content:'A';font:bold 12px Arial,Helvetica,sans-serif;line-height:13px;text-shadow:0 1px 0 #bbb}
.nav input[type=text]{box-shadow:0 1px 2px rgba(0,0,0,0.4) inset,0 1px 1px #fff;font-size:10px;margin:0;padding:3px 5px;width:120px;border-bottom-right-radius:0!important;border-top-right-radius:0!important;-moz-border-radius-bottomright:0!important;-moz-border-radius-topright:0!important;-webkit-border-radius-bottomright:0!important;-webkit-border-radius-topright:0!important;-khtml-border-radius-bottomright:0!important;-khtml-border-radius-topright:0!important}
.nav-cont span.check{padding:0 3px}
.nav-cont .check input[type=checkbox]{margin:2px 3px 0 0}
.nav-cont .check input[type=checkbox]~*{opacity:.3}
.nav-cont .check input[type=checkbox]:checked~*{opacity:1}
.editmode .nav-cont .check{white-space:nowrap;min-width:32px}
.editmode td>input[type=checkbox]{margin:0}
.nav-group .nav>a{margin-right:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-right:0}
.nav-group .nav>a:first-child{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}
.nav-group .nav>a:last-child{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;border-right:#bfbfbf solid 1px}
.nav-no li{padding:2px 5px;margin-right:3px}
.nav-no li{float:left;border:#d0dcbb solid 1px;cursor:pointer;font-size:12px}
.nav-no li:hover{background-color:#e0e0e0}
.nav-no li.on{background-color:#9aa48a;color:#fff;border-color:#9aa48a}
.tips-modal .nav-pages{float:left;max-height:96px;overflow-y:hidden}
.tips-modal .nav-no{margin-top:0;-webkit-transition:margin .3s ease-in-out;-moz-transition:margin .3s ease-in-out;-o-transition:margin .3s ease-in-out;-ms-transition:margin .3s ease-in-out;transition:margin .3s ease-in-out}
.tips-modal .nav-no ul{display:table-row}
.tips-modal .nav-no li{float:none;display:table-cell;text-align:right;margin:0 3px 3px 0;background-color:#f3f3f3;border-color:#FFF;padding:5px}
.tips-modal .nav-pages-nav .act:hover,.tips-modal .nav-no li:hover{background-color:#e0e0e0}
.tips-modal .nav-no li.on{background-color:#9aa48a}
.tips-modal .nav-pages-nav{float:left;position:relative;height:94px;width:26px;padding-top:1px}
.tips-modal .nav-pages-nav .act{position:absolute;right:0}
.tips-modal .nav-pages-nav .ic-p-d{bottom:0}
.nav-group .nav.on-off>a{text-shadow:-1px -1px #999;text-align:center;font-weight:bold;color:#ddd;height:15px;width:40px;padding-top:5px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#ddd));background:-moz-linear-gradient(#999,#ddd)}
.nav-group .nav.on-off>a:before{display:none}
.nav-group .nav.on-off.off>a:last-child,.nav-group .nav.on-off.on>a:first-child{color:#900;text-shadow:1px 1px #fff;background:#dadada;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#dadada));background:-moz-linear-gradient(#fefefe,#dadada)}
.nav-group .nav.on-off.on>a:first-child{color:#090}
.nav-find-res{color:#007c72;margin-bottom:7px;max-width:90%;white-space:nowrap}
.tips-modal,.tips-msg{display:none;position:absolute;z-index:1005;min-width:15px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;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)}
.tips-msg{max-width:250px;min-height:26px;background:rgba(34,34,34,0.8);font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-style:italic;color:#f3f3f3;line-height:1.5em;font-size:11px}
.tips-msg:before{content:"";position:absolute;top:-9px;width:45px;height:9px;background:url(../img/global/help_p.png) no-repeat center center;opacity:.8}
.tips-msg.tips-r:before{right:0}
.tips-msg.tips-m:before{width:100%}
.tips-msg.tips-t:before,.tips-msg.tips-tr:before,.tips-msg.tips-tm:before{background-image:url(../img/global/help_pt.png);top:100%}
.tips-msg.tips-tr:before{right:0}
.tips-msg.tips-tm:before{width:100%}
.tips-msg.tips-rs:before,.tips-msg.tips-ls:before{background-image:url(../img/global/help_pl.png);width:9px;height:100%;top:0;left:-9px}
.tips-msg.tips-ls:before{background-image:url(../img/global/help_pr.png);left:100%}
.tips-msg>.msg{min-width:45px;padding:4px 9px 5px}
.tips-msg>.msg p{margin-bottom:7px}
.tips-modal{z-index:1004;background:#fff;border:1px solid #bfbfbf;padding:7px 10px}
.tips-modal>.point{position:absolute;border:none!important}
.tips-modal>*:last-child,.tips-msg>.msg p:last-child{margin-bottom:0!important}
.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}
.head-global .fr .tips-modal{right:-1px}
.head-global .tips-modal.searchbox{padding:0}
.news h3{font-size:13px!important;font-weight:normal;line-height:normal;margin:0}
.news li{border-bottom:1px dotted #cbcbc6;padding:7px 10px 7px 43px;background:url(../img/ic/ic24-news.png) no-repeat 7px 4px}
.news li:last-child{border:0}
.news li>em{font-size:75%}
a.list-more{border-top:1px dotted #cbcbc6;display:block;padding:1px 5px 2px;margin-bottom:10px;text-align:center;background-color:#f5f5f5;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}
a.list-more:hover{background-color:#e9e9e9}
a.list-more:after{content:url(../img/global/p-down.png);display:inline-block;vertical-align:text-bottom;margin-left:3px;opacity:.5}
a.list-more:hover:after{opacity:1}
a.list-more:last-child{margin-bottom:0}
a.list-more.ic-load{background-image:none!important}
a.list-more.ic-load:after{content:url(../img/skin/blank.png);background:url(../img/ic/ic16-loading.gif) no-repeat center center;height:15px;width:16px}
.user-list{position:relative}
.user-list>a{float:left;margin:0 3px 3px 0;height:30px;width:30px}
.user-list>a>img{width:100%;height:100%}
.user-list.sml>a{height:20px;width:20px}
.user-list>a.more{position:absolute;top:0;right:0;float:right;height:100%;width:17px;padding:0;margin:0;background:0;overflow:hidden;opacity:.5}
.user-list.sml>a.more{width:12px}
.user-list>a.more:hover{opacity:1}
.user-list>a.more:after{content:'';display:block;background:#cacaca url(../img/global/p-right.png) no-repeat center center;height:100%;width:100%;margin-top:-3px}
.card .user-list{padding-top:3px}
.adv h4{margin-bottom:7px;color:#989898}
.adv li{border-top:#cbcbc6 dotted 1px;padding:5px 2px;margin-bottom:1px;font-size:11px;color:#838383;word-wrap:break-word}
.adv p{margin-bottom:2px!important}
.adv .more{padding-right:17px;background:url(../img/global/p-right.png) no-repeat right center;font-size:11px}
.workspc h1{font-size:18px;margin-bottom:7px}
.workspc h2{font-size:16px;margin-bottom:7px}
.workspc h3{font-size:14px;margin-bottom:7px}
.workspc h4{font-size:12px;margin-bottom:7px}
.workspc h5{font-size:10px;margin-bottom:7px}
.workspc p{margin-bottom:7px}
.app-menu2{border-bottom:#ddd solid 1px;margin-bottom:7px}
.app-menu2>ul{padding-bottom:8px;list-style:none!important}
.app-menu2>ul>li>ul{visibility:hidden;margin-bottom:10px}
.app-menu2:after,.app-menu2>ul:after{content:".";display:block;height:0;overflow:hidden;clear:both;visibility:hidden}
.app-menu2>ul>li{display:inline-block;border-right:#dadada solid 1px;font-size:14px;margin:0!important;vertical-align:bottom;position:relative}
.app-menu2 li.label,.app-menu2 li:last-child{border:0}
.app-menu2>ul>li>a{margin:0 10px}
.app-menu2 li em{font-size:11px}
.app-menu2>ul>li.on>a{font-weight:bold;position:relative}
.app-menu2>ul>li.on:after{content:url(../img/skin/blank.png);background:url(../img/skin/menu-point.png) no-repeat center bottom;position:absolute;width:100%;height:8px;bottom:-9px;left:0;z-index:1}
.app-menu2.fr{float:none!important;position:relative}
.app-menu2.fr>ul{position:absolute;bottom:0;right:0}
.app-menu2.fr.resized{padding-bottom:26px}
.app-menu2 h1,.app-menu2 h2,.app-menu2 h3,.app-menu2 h4{margin:0 0 7px;color:#bbb}
.app-menu2 .title-big{margin-bottom:20px!important}
.app-head-menu.app-menu2{position:relative;margin-bottom:0;border:0}
.app-head-menu.app-menu2>ul{position:absolute;bottom:1px;padding-bottom:10px;left:15px}
.app-head-menu.app-menu2>ul>li.on:after{background-image:url(../img/skin/menu-point.png);bottom:-11px}
.app-head-menu.app-menu2 .menu li{white-space:nowrap}
.app-head-menu.app-menu2 .more{background:url(../img/global/p-down.png) no-repeat right center;padding-right:15px;font-size:11px}
.app-head-menu.app-menu2 em{font-size:12px}
.app-head-menu.app-menu2>ul>li.global-link{width:155px}
.app-head-menu.app-menu2>ul>li.global-link>*{margin:0 7px 0 0}
.card{padding:0;background:#fff no-repeat center center;width:300px;min-height:50px;margin-bottom:10px}
.card .profil{position:relative;padding:10px;background-color:#FFF;min-height:80px}
.card .profil .msg{margin:0 0 0 90px}
.card .profil>img{position:absolute;left:10px;width:80px;height:80px}
.card .msg h4{margin:7px 0}
.card p{margin-bottom:7px;color:#666;font-size:11px}
.card .more{background:url(../img/global/p-down.png) no-repeat center 50%;width:16px;height:16px}
.card .more:hover{background-color:#CCC}
.card .stats{padding:5px 0;border-top:1px dotted #cbcbc6}
.card .stats>*{display:inline-block;vertical-align:middle}
.card .ics.lbl{font-size:11px!important;color:#999}
.relation .stats{padding:5px 10px;text-align:right;background-color:#eaeaec}
.relation .stats p{margin:0 7px 0;line-height:1}
.relation .stats .more{width:20px;height:20px}
.feed{padding:10px 36px 15px 55px;position:relative;margin-bottom:0!important;word-wrap:break-word;min-height:30px;background:#fff}
.feed+.feed{border-top:#eee solid 1px}
.feed>a:first-child,.feed>img:first-child{position:absolute;left:10px}
.feed>a:first-child,.feed>a:first-child img,.feed>img:first-child{width:30px;height:30px}
.feed>dt{position:absolute;right:10px;top:10px}
.feed>h4{margin-bottom:5px!important;color:#307bb6}
.feed>p{margin-bottom:7px;line-height:1.4}
.feed>dd{font-size:11px}
.feed>dd>a{color:#aaa}
.feed.selected,.feed:hover{background-color:#fff8e7}
.feed input,.feed .input,.feed button{margin:0!important}
.feed-popular .feed{padding-right:10px}
.feed-popular .feed>dd>*+*{margin-left:10px}
.feed-popular .feed>dd>a[href]:after{content:'';position:absolute;height:100%;width:98%;top:0;left:0}
.feed-popular .feed>dd>a[href]:hover:after{background:url(../img/ic/ic16-eye2-d.png) no-repeat right 10px}
.feed-poster .input-expand-wrap{margin-bottom:7px}
.feed-poster .feed:first-child{padding-bottom:10px}
.feed-poster .feed:first-child *{font-size:14px;color:#aaa!important}
.feed-poster .feed.selected{box-shadow:1px 1px 3px rgba(0,0,0,0.1);border:#e0e0e0 solid 1px;padding:9px 35px 14px 54px}
.feed-poster .act-tag{margin-top:7px}
.feed-poster .feed-butt{border:#ccc solid 1px;box-shadow:0 1px 1px rgba(255,255,255,0.8);padding:3px 7px;text-align:left;padding-right:22px;position:relative}
.feed-poster .feed-butt:hover{box-shadow:1px 2px 2px rgba(0,0,0,0.1);text-decoration:none}
.feed-poster .feed-butt:after{content:'';background:url(../img/global/p-down.png) no-repeat center center;position:absolute;top:0;right:3px;width:16px;height:100%;opacity:.3}
.feed-poster .feed-butt:hover:after{opacity:1}
.feed-poster .feed-load{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(255,255,255,0.7) url(../img/ic/ic16-loading.gif) no-repeat center center}
.feed .feed-attach-img{display:inline-block;padding:0 10px;background:url(../img/ic/ic16-loading.gif) no-repeat center center}
.feed .sdw-h2.sdw-t2 iframe,.feed .feed-attach-img img{max-height:480px;max-width:480px}
.feed .feed-attach-link{padding:10px}
.feed .feed-attach-link>a.cell{width:150px;background-color:#f3f3f3}
.feed .feed-attach-link a.cell+.cell{padding-left:15px}
.feed .feed-attach-link h4{min-height:14px}
.feed .feed-attach-link h4 .ellipsis{width:55%;height:14px;position:absolute}
.feed .feed-attach-file{margin:10px}
.modalbox .feed-poster .feed{border:0;background:0;padding-right:10px}
.feed-poster+ul>.feed:first-child,.comen+.feed{padding-top:20px}
.comen{background:#f3f3f3;border-top:#e4e4e4 solid 1px;margin-bottom:20px;padding:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.comen.on.pointed-t:before{left:60px;width:15px}
.comen .feed{padding:10px 36px 10px 85px;min-height:20px;border-top:#ddd dotted 1px;background:0}
.comen li.feed{background-color:#f6f6f6}
.comen li.feed.selected,.comen li.feed:hover{background-color:#faf3e3}
.comen .feed>a:first-child,.comen .feed>img:first-child{left:54px}
.comen .feed>a:first-child,.comen .feed>a:first-child img,.comen .feed>img:first-child{width:20px;height:20px}
.comen .feed>p,.comen .feed>h4{display:inline;font-weight:normal;font-size:12px;line-height:1.3}
.comen .feed>h4:after{content:':';margin:0 3px}
.comen .feed>dd{margin-top:5px}
.comen>ul:last-child>li{border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.comen form.feed{padding-right:10px;background-position:center center;background-repeat:no-repeat;min-height:25px}
.comen>dd{padding:5px 0;font-size:11px;text-align:center;min-height:13px}
.comen>dd>.fl,.comen>dd>.fr{position:absolute;top:5px}
.comen>dd>.fl{left:25px}
.comen>dd>.fr{right:10px}
.comen>dd>.fr>*{float:left;margin-left:10px}
.comen>dd>.fr>.ics{padding-left:17px}
.comen>dd>.more{text-decoration:none;color:#aaa;display:inline-block;height:12px;min-width:16px;overflow-y:hidden}
.comen>dd>.more:hover{color:#205f82}
.comen>dd>.more:after{content:'?????????????????????'}
.comen>dd>.more.ic-load:after{display:none}
.comen .feed-prev{position:relative;height:0;overflow-y:hidden}
.comen .feed-prev>ul{position:absolute;bottom:0}
.comen .feed-prev.on{height:auto}
.comen .feed-prev.on>ul{position:relative}
.input-expand+a{background:#dadada;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#dadada));background:-moz-linear-gradient(#fefefe,#dadada);border:#bfbfbf solid 1px;border-left:none;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:5px;margin:0;cursor:pointer;width:12px}
.input-expand+a:before{content:url(../img/skin/blank.png);background:url(../img/ic/ic16-view-add.png) no-repeat center center;float:left;width:12px;height:12px;opacity:.5}
.input-expand+a:hover{background:#c9fb75;background:-webkit-gradient(linear,left top,left bottom,from(#effcd8),to(#c8fa72));background:-moz-linear-gradient(#effcd8,#c8fa72);border:#a3ca61 solid 1px;border-left:none}
.input-expand{padding-right:2px!important}
.input-expand textarea{width:100%;height:12px;font-size:12px;line-height:1.4;color:#666}
.input-expand.input-counter:after{content:attr(alt) ' karakter tersisa';display:block;color:#aaa;font:italic 11px Georgia,"Times New Roman",Times,serif;border-top:#CCC dotted 1px;padding-top:2px;text-align:right;margin:5px 10px 0 0}
.input-expand-wrap{position:relative;display:table;width:100%}
.input-expand-wrap:before{content:attr(alt);position:absolute;color:#999;top:7px;left:10px;font-size:12px;font-style:italic;opacity:.5}
.input-expand-wrap.on:before{display:none}
.input-expand-wrap>*{display:table-cell;vertical-align:middle}
.notifbox .feed{background:#f3f3f3;color:#999;display:block}
.notifbox .feed.new{background-color:#fff}
.notifbox .feed:hover{background:#e2e2f4}
.notifbox .feed.new p{color:#666}
.notifbox a.feed{cursor:pointer}
.notifbox a.feed p{font-size:87%}
.tbl-data td>.feed{padding:0 0 7px 45px}
.feed-mail>tbody>tr{background-color:#f6f6f6}
.tbl-data td>.feed>a:first-child,.tbl-data td>.feed>img:first-child{left:0;z-index:2}
.tbl-data td>.feed>dt{top:0}
.tbl-data td>.feed{background:0}
.tbl-data .feed .ellipsis{max-width:85%;position:absolute}
.tbl-data.feed-mail .feed>p{margin-top:5px;min-height:12px;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.tbl-data .feed>h4{max-width:70%;min-height:14px}
.feed-mail .feed>h4.iblk{position:absolute;top:1px;margin-left:5px;z-index:3}
.feed-mail .feed-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;padding-bottom:17px}
.feed-mail .feed-link:hover+p{color:#444}
.feed-mail .new{background:0}
.feed-mail .feed.pointed-t:before{width:130px}
.feed-mail .feed.pointed-t{border-top:#ddd solid 1px;background-repeat:no-repeat;background-position:center center}
.desc{color:#999}
.freearea.nopadding:before,.freearea.nopadding:after,.freearea{background:#f3f3f3;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fff 0,#f3f3f3 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f3f3f3));background:-webkit-linear-gradient(top,#fff 0,#f3f3f3 100%);background:-o-linear-gradient(top,#fff 0,#f3f3f3 100%);background:-ms-linear-gradient(top,#fff 0,#f3f3f3 100%);background:linear-gradient(to bottom,#fff 0,#f3f3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);border-bottom:#ddd solid 1px}
.freearea{padding:10px 20px;position:relative}
.work-main .freearea.nopadding{padding:10px 0}
.freearea.nopadding:before,.freearea.nopadding:after{content:url(../img/skin/blank.png);position:absolute;top:0;width:20px;height:100%}
.freearea.nopadding:before{left:-20px}
.freearea.nopadding:after{right:-20px;visibility:visible}
.tips-modal-cont>.freearea.nopadding{padding:5px 10px}
.tips-modal-cont>.freearea.nopadding:before{width:10px;left:-10px}
.tips-modal-cont>.freearea.nopadding:after{width:10px;right:-10px}
.freearea.advm{text-align:center;padding-top:0}
.head-wrap .freearea.advm{padding-top:10px}
.advs{text-align:center;background:#f3f3f3}
.advs.sdw-h2:before,.advs.sdw-t2:after{float:left;width:100%;margin:0}
.advs.sdw-h2:before{margin-top:-8px}
.advs.sdw-t2:after{margin-top:0}
.advs>img{margin:10px 0}
.workadmin-sign{color:#fff!important;background-color:rgba(0,0,0,0.2);padding:5px 10px;text-shadow:1px 1px rgba(0,0,0,0.1);box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset}
.workadmin-sign.tbl{padding:0;background:0}
.workadmin-sign.tbl>.cell:first-child{padding:5px 10px;background-color:#bbb}
.workadmin-sign.tbl .act-gear{background-color:#ddd;width:30px;background-repeat:no-repeat;background-position:center center}
.workadmin-sign.tbl .act-gear:hover{background-color:#eee}
.beta{background-color:#e20000;font-size:12px;line-height:12px;padding:2px 4px;text-shadow:none;text-transform:lowercase;color:#FFF}
.premium{display:inline-block;width:28px;height:16px;background:url(../img/skin/premium.png) no-repeat center center;margin-left:5px}
.zoom-in:hover:before{content:url(../img/skin/blank.png);background:rgba(255,255,255,0.5) url(../img/ic/ic16-cari.png) no-repeat center center;position:absolute;width:20px;height:20px;margin:4px}
.pbar{width:30px;height:10px;background:#eee;border:#ccc solid 1px;position:relative}
.pbar:after{content:url(../img/skin/blank.png);background:#6C0;width:100%;height:100%;position:absolute;top:-1px;left:-1px;border:#6C0 solid 1px}
.pbar[alt="75"]:after{width:75%;background:#06F;border-color:#06F}
.pbar[alt="50"]:after{width:50%;background:#F90;border-color:#F90}
.pbar[alt="25"]:after{width:25%;background:#F00;border-color:#F00}
.workspc-loading{background:url(../img/skin/bar-loading.gif) no-repeat right 0;min-height:52px;width:100%}
.loading-bar{background-color:#222;border:#222 solid 1px;border-width:12px 15px 9px 13px;color:#bbb;position:fixed;z-index:1000;top:30px;right:30px;width:250px;display:none;box-shadow:1px 2px 5px rgba(0,0,0,0.5);-moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5);-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5);opacity:.8}
.loading-bar:before{content:'';display:block;width:100%;height:8px;overflow:hidden;clear:right;margin-bottom:3px;background:#444;border:#555 solid 1px;border-color:#111 #555 #555 #111}
.loading-bar>.bar{background:#bbb;position:absolute;height:8px;width:1px;top:1px;left:1px}
.loading-bar:after{content:'Memuat: 'attr(alt);display:block;font-size:10px;font-style:italic}
.input.loading{position:relative;overflow:hidden}
.input.loading .bar{position:absolute;top:0;left:0;height:100%;width:1px;background:rgba(0,0,0,0.2)}
.section{margin-bottom:20px}
.work-sidebar-l .section{margin-right:10px}
.work-sidebar-l .menu-l{margin-right:0!important;overflow:visible!important}
.section:last-child{margin-bottom:0}
.work-title{margin-bottom:0;padding-bottom:10px;border-bottom:1px solid #ddd}
.sep-vert{position:relative;padding-left:5%;border-left:#dadada solid 1px;box-shadow:-4px 0 3px -3px rgba(0,0,0,0.1)}
.sep-vert .nav-cont-left{position:absolute;top:0;left:-20px;width:20px;height:1px}
.sep-vert .nav-cont-left button{margin:0;padding:0}
.color-list{max-width:180px}
.color-list ul{margin-bottom:5px}
.color-list li{float:left;width:16px;height:16px;margin:1px;cursor:pointer}
.color-list li.on{border:#000 outset 1px;margin:0}
.color-list li.on:after{content:url(../img/ic/ic16-check-d.png)}
@media screen and (-webkit-min-device-pixel-ratio:0){em,i,.more,small,.sml{font-size:97%}
.feed>p,.feed>h4{font-size:13px}
.comen .feed>p,.comen .feed>h4{font-size:12px}
}
.post-detil .head-avatar{padding:19px 30px 15px;position:relative;min-height:50px}
.post-detil .head-avatar>.nav-cont{right:30px}
.post-detil .feed{padding-left:15px}
.post-detil>ul>.feed>p{font-size:14px}
.post-detil .comen .feed{padding-left:50px}
.post-detil .comen .feed>img,.post-detil .comen .feed>a:first-child{left:15px}
.post-detil .comen{margin-bottom:0}
.post-detil .comen.on.pointed-t:before{left:50px}
.report-cont{padding:0}
.report-cont .feed{background:0;margin:10px 12px}
.report-cont.comen{border-top:0;border-radius:0;margin-bottom:0}
.report-cont .feed>dt,.report-cont .head-avatar>.nav-cont{display:none}
.mention-selector{position:absolute;z-index:2000;border:1px solid #cbcbc6;border-top:0}
.mention-selector a:hover{text-decoration:none}
.scr-thumb{border:1px solid #dadada;margin:10px 0;background:#f3f3f3;display:inline-block}
.scr-thumb+.scr-thumb{margin-left:14px}
a.scr-thumb:hover{box-shadow:none;border-color:#FC0}
.user-dash{display:block;width:100%}
.user-dash .icd:first-child{margin-left:10px}
.user-dash .icd{float:left;padding:9px 7px}
.user-dash .icd.on,.user-dash .icd:hover{background:rgba(133,133,133,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}
.user-dash .tiny-card{height:24px;padding:7px;line-height:9px}
.user-dash>div:first-child>.fr{margin-right:190px}
.user-dash>div:last-child{position:absolute;right:0}
.icd.global-search input[type=text]{font-size:12px;height:12px;padding:5px 9px;box-shadow:0 1px 2px rgba(0,0,0,0.2) inset;border:#ccc solid 1px}
.icd.global-search>*{opacity:.5}
.icd.global-search.on>*,.icd.global-search:hover>*{opacity:1}
.head-dash>.workspc-l{padding:0;box-shadow:1px 0 2px rgba(0,0,0,0.1);color:#d7e9f8;background:#86bbe9;background:-moz-linear-gradient(top,#86bbe9 0,#64aae0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#86bbe9),color-stop(100%,#64aae0));background:-webkit-linear-gradient(top,#86bbe9 0,#64aae0 100%);background:-o-linear-gradient(top,#86bbe9 0,#64aae0 100%);background:-ms-linear-gradient(top,#86bbe9 0,#64aae0 100%);background:linear-gradient(to bottom,#86bbe9 0,#64aae0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86bbe9',endColorstr='#64aae0',GradientType=0)}
.head-dash-cont{padding:15px 20px 0;position:relative}
.head-dash-cont>*{padding-bottom:15px}
.head-dash-cont>.fr{margin-left:10px}
.head-dash-cont .sml-card.button{box-shadow:none;border:0;margin:0;padding:7px 37px 7px 7px;max-width:150px}
.head-dash-cont .sml-card.button .ellipsis{padding:0}
.head-peran-menu{padding-bottom:0}
.head-peran-menu a{float:left;height:40px;padding:3px 6px 18px}
.head-peran-menu a:first-child{width:10px;padding-bottom:3px;margin-right:6px}
.head-peran-menu .ic32{padding:4px;border-radius:3px}
.head-peran-menu a:hover .ic32{background-color:rgba(0,0,0,0.2)}
.head-dash-menu{padding:0}
.head-dash-menu .ichd-s{float:left;position:relative;padding-bottom:15px;margin-left:8px}
.head-dash-menu .ichd-s:before{content:'';position:absolute;top:0;right:100%;height:20px;width:8px;border-bottom:rgba(255,255,255,0.7) solid 4px}
.sml-card.button+.ichd-s{margin-left:30px}
.sml-card.button+.ichd-s:before{width:30px}
.head-dash .app-head-menu{background:rgba(0,0,0,0.2);height:40px;min-height:1px;position:relative}
.head-dash .app-head-menu .workadmin-sign{position:absolute;bottom:-4px;left:auto;right:20px;bottom:9px;padding:5px 10px;white-space:nowrap}
.head-dash .app-head-menu li{border-color:rgba(255,255,255,0.3)}
.head-dash .app-head-menu a{color:rgba(255,255,255,0.8);text-shadow:1px 1px 0 rgba(0,0,0,0.2)}
.head-dash .app-head-menu li.on a,.head-dash .app-head-menu a:hover{color:rgba(255,255,255,1)}
.page-crumb{padding:10px;margin-bottom:5px;border-bottom:#ddd dotted 1px}
.page-crumb .ic:first-child{padding-left:0}
[class*=edisi-] .head-title.workadmin-sign{padding:8px 10px 8px 15px!important}
.edisi-standar .workspc-l{background:#5fb8ad!important}
.edisi-ipn .workspc-l{background:#c7acd2!important}
.edisi-ppdb .workspc-l{background:#a372ad!important}
.edisi-premium .workspc-l{background:#b0a598!important}
.edisi-web .workspc-l{background:#bd7866!important}
[class*=edisi-] .head-title .edisi-flag{background-color:rgba(0,0,0,0.2);padding-right:3px;height:35px;margin:-8px 0 0 15px}
.edisi-flag:before,.edisi-flag [class*=flag-]{float:left;width:32px;height:42px;margin:-2px 0 0 3px;background:url(../img/market/edisi-flag-2025.png) no-repeat 0 0}
.edisi-flag:before{content:'';margin-left:0}
.edisi-standar .edisi-flag:before,.edisi-flag .flag-standar{background-position:-32px 0}
.edisi-ipn .edisi-flag:before,.edisi-flag .flag-ipn{background-position:-64px 0}
.edisi-ppdb .edisi-flag:before,.edisi-flag .flag-ppdb{background-position:-96px 0}
.edisi-premium .edisi-flag:before,.edisi-flag .flag-premium{background-position:-128px 0}
.edisi-web .edisi-flag:before,.edisi-flag .flag-web{background-position:-160px 0}
.edisi-simpatika .workspc-l{background:#43a047!important}
.edisi-emis .workspc-l{background:#2194aa!important}
.edisi-simpatika .edisi-flag:before,.edisi-flag .flag-simpatika{background-position:-192px 0}
.edisi-emis .edisi-flag:before,.edisi-flag .flag-simpatika{background-position:-192px 0}
@charset "UTF-8";.act,.ic{width:16px;min-height:16px;line-height:16px}
.act.lbl,.ic.lbl{padding-left:21px;margin-right:5px}
.act.lbl.fr,.ic.lbl.fr{padding-left:0;padding-right:23px}
.ic24{width:24px;min-height:24px;line-height:22px}
.ic24.lbl{padding-left:29px;position:relative}
.ic32{width:32px;min-height:32px;line-height:29px}
.ic32.lbl{padding-left:37px;position:relative}
.ic32.lbl.fr{padding-left:0;padding-right:39px}
.ic-blank{border:#ccc dashed 1px;background:#f3f3f3}
.ics{width:12px;min-height:12px}
.ics.lbl,.acts.lbl{padding-left:17px;margin-right:5px}
.ics.lbl.fr,.acts.lbl.fr{padding-left:0;padding-right:19px}
.act,.ic,.acts,.ics,.ic24,.ic32{background:no-repeat center center;text-align:left;display:inline-block}
.act,.acts{cursor:pointer}
.lbl{width:auto!important;background-position:0 0!important;vertical-align:middle!important}
.lbl.fr{background-position:right center!important;text-align:right}
.act-male:hover,.ic-male{background-image:url(../img/ic/ic16-m.png)!important}
.act-male,.ic-male-d{background-image:url(../img/ic/ic16-m-d.png)!important}
.act-female:hover,.ic-female{background-image:url(../img/ic/ic16-f.png)!important}
.act-female,.ic-female-d{background-image:url(../img/ic/ic16-f-d.png)!important}
.act-reload:hover,.ic-reload{background-image:url(../img/ic/ic16-reload.png)!important}
.act-reload,.ic-reload-d{background-image:url(../img/ic/ic16-reload-d.png)!important}
.act-add:hover,.ic-add{background-image:url(../img/ic/ic16-add.png)!important}
.act-add,.ic-add-d{background-image:url(../img/ic/ic16-add-d.png)!important}
.on .act-akad,.act-akad:hover,.ic-akad{background-image:url(../img/ic/ic16-akad.png)!important}
.act-akad,.ic-akad-d{background-image:url(../img/ic/ic16-akad-d.png)!important}
.ic-alert{background-image:url(../img/ic/ic16-alert.png)!important}
.ic-del,.act-del:hover,.ic-delete{background-image:url(../img/ic/ic16-cross.png)!important}
.act-del,.ic-delete-d{background-image:url(../img/ic/ic16-cross-d.png)!important}
.ic-help{background-image:url(../img/ic/ic16-help.png)!important;cursor:help}
.ic-load{background-image:url(../img/ic/ic16-loading.gif)!important}
.act-p-u,.ic-p-u,.ic-p-u-d{background-image:url(../img/global/p-up.png)!important}
.ic-p-d{background-image:url(../img/global/p-down.png)!important}
.ic-p-l{background-image:url(../img/global/p-left.png)!important}
.act-p-r,.ic-p-r,.ic-p-r-d{background-image:url(../img/global/p-right.png)!important}
.act-p-u,.ic-p-u-d,.act-p-r,.ic-p-r-d{opacity:.5}
.act-p-u:hover,.ic-p-u,.act-p-r:hover,.ic-p-r{opacity:1}
.act.ic-p-u,.act.ic-p-d,.act.ic-p-l,.act.ic-p-r{opacity:.4}
.act.ic-p-u:hover,.act.ic-p-d:hover,.act.ic-p-l:hover,.act.ic-p-r:hover{opacity:1}
.ic-dot{position:relative}
.ic-dot:before{content:'';position:absolute;top:5px;left:5px;width:6px;height:6px;background-color:#656565;border-radius:3px}
.act.ic-dot:before{opacity:.4}
.act.ic-dot:hover:before{opacity:1}
.act-priv:hover,.ic-lock{background-image:url(../img/ic/ic16-lock.png)!important}
.act-priv,.ic-lock-d{background-image:url(../img/ic/ic16-lock-d.png)!important}
.act-unlock:hover,.ic-unlock{background-image:url(../img/ic/ic16-lock_op.png)!important}
.act-unlock,.ic-unlock-d{background-image:url(../img/ic/ic16-lock_op-d.png)!important}
.ic-ok{background-image:url(../img/ic/ic16-check.png)!important}
.ic-ok-d{background-image:url(../img/ic/ic16-check-d.png)!important}
.on .act-check,.act-check:hover,.ic-check{background-image:url(../img/ic/ic16-cekbox_on.png)!important}
.act-check,.ic-check-d{background-image:url(../img/ic/ic16-cekbox.png)!important}
.on .act-pdf,.act-pdf:hover,.ic-pdf{background-image:url(../img/ic/ic16-pdf.png)!important}
.act-pdf,.ic-pdf-d{background-image:url(../img/ic/ic16-pdf-d.png)!important}
.ic-doc{background-image:url(../img/ic/ic16-word.gif)!important}
.ic-xls{background-image:url(../img/ic/ic16-xls.png)!important}
.on .act-zip,.act-zip:hover,.ic-zip{background-image:url(../img/ic/ic16-zip.png)!important}
.act-zip,.ic-zip-d{background-image:url(../img/ic/ic16-zip-d.png)!important}
.act-cls,.ic-cls{background-image:url(../img/ic/ic7-cross.png)!important}
.act-cls{opacity:.5}
.act-cls:hover{opacity:1}
.act-view:hover,.ic-eye{background-image:url(../img/ic/ic16-eye2.png)!important}
.act-view,.ic-eye-d{background-image:url(../img/ic/ic16-eye2-d.png)!important}
.act-up:hover,.ic-up{background-image:url(../img/ic/ic16-up.png)!important}
.act-up,.ic-up-d{background-image:url(../img/ic/ic16-up-d.png)!important}
.act-down:hover,.ic-down{background-image:url(../img/ic/ic16-down.png)!important}
.act-down,.ic-down-d{background-image:url(../img/ic/ic16-down-d.png)!important}
.act-answer:hover,.act-publish:hover,.ic-ok2{background-image:url(../img/ic/ic16-ok.png)!important}
.act-answer,.act-publish,.ic-ok2-d{background-image:url(../img/ic/ic16-ok-d.png)!important}
.act-stop:hover,.ic-stop{background-image:url(../img/ic/ic16-error.png)!important}
.act-stop,.ic-stop-d{background-image:url(../img/ic/ic16-error-d.png)!important}
.act-stopplay:hover,.ic-stopplay{background-image:url(../img/ic/ic16-stopplay.png)!important}
.act-stopplay,.ic-stopplay-d{background-image:url(../img/ic/ic16-stopplay-d.png)!important}
.act-edit:hover,.ic-edit{background-image:url(../img/ic/ic16-edit.png)!important}
.act-edit,.ic-edit-d{background-image:url(../img/ic/ic16-edit-d.png)!important}
.act-expan:hover,.act-expan.on{background-image:url(../img/ic/ic-expan-max.gif)!important}
.act-expan.on:hover,.act-expan{background-image:url(../img/ic/ic-expan-min.gif)!important}
.ic-req,.ic-new{background-image:url(../img/ic/astrx.png)!important}
.act-block:hover,.ic-block{background-image:url(../img/ic/ic16-block.png)!important}
.act-block,.ic-block-d{background-image:url(../img/ic/ic16-block-d.png)!important}
.act-play:hover,.ic-play{background-image:url(../img/ic/ic16-play.png)!important}
.act-play,.ic-play-d{background-image:url(../img/ic/ic16-play-d.png)!important}
.on .act-folow,.act-folow:hover,.ic-folow{background-image:url(../img/ic/ic16-folow.png)!important}
.act-folow,.ic-folow-d{background-image:url(../img/ic/ic16-folow-d.png)!important}
.on .act-mail-g,.act-mail-g:hover,.ic-mail-g{background-image:url(../img/ic/ic16-mail_get.png)!important}
.act-mail-g,.ic-mail-g-d{background-image:url(../img/ic/ic16-mail_get-d.png)!important}
.on .act-mail-s,.act-mail-s:hover,.ic-mail-s{background-image:url(../img/ic/ic16-mail_send.png)!important}
.act-mail-s,.ic-mail-s-d{background-image:url(../img/ic/ic16-mail_send-d.png)!important}
.on .act-mail-c,.act-mail-c:hover,.ic-mail-c{background-image:url(../img/ic/ic16-mail_comp.png)!important}
.act-mail-c,.ic-mail-c-d{background-image:url(../img/ic/ic16-mail_comp-d.png)!important}
.on .act-link,.act-link:hover,.ic-link{background-image:url(../img/ic/ic16-link.png)!important}
.act-link,.ic-link-d{background-image:url(../img/ic/ic16-link-d.png)!important}
.on .act-post,.act-post:hover,.ic-post{background-image:url(../img/ic/ic16-post.png)!important}
.act-post,.ic-post-d{background-image:url(../img/ic/ic16-post-d.png)!important}
.on .act-posts,.act-posts:hover,.ic-posts{background-image:url(../img/ic/ic16-posts.png)!important}
.act-posts,.ic-posts-d{background-image:url(../img/ic/ic16-posts-d.png)!important}
.on .act-mention,.act-mention:hover,.ic-mention{background-image:url(../img/ic/ic16-mention.png)!important}
.act-mention,.ic-mention-d{background-image:url(../img/ic/ic16-mention-d.png)!important}
.on .act-lead,.act-lead:hover,.ic-lead{background-image:url(../img/ic/ic16-lead.png)!important}
.act-lead,.ic-lead-d{background-image:url(../img/ic/ic16-lead-d.png)!important}
.on .act-grup,.act-grup:hover,.ic-grup{background-image:url(../img/ic/ic16-grup.png)!important}
.act-grup,.ic-grup-d{background-image:url(../img/ic/ic16-grup-d.png)!important}
.act-comen:hover,.ic-comen{background-image:url(../img/ic/ic16-comen.png)!important}
.act-comen,.ic-comen-d{background-image:url(../img/ic/ic16-comen-d.png)!important}
.act-time:hover,.ic-time{background-image:url(../img/ic/ic16-clock.png)!important}
.act-time,.ic-time-d{background-image:url(../img/ic/ic16-clock-d.png)!important}
.act-date:hover,.ic-date{background-image:url(../img/ic/ic16-date.png)!important}
.act-date,.ic-date-d{background-image:url(../img/ic/ic16-date-d.png)!important}
.on .act-jadwal,.act-jadwal:hover,.ic-jadwal{background-image:url(../img/ic/ic16-datetime.png)!important}
.act-jadwal,.ic-jadwal-d{background-image:url(../img/ic/ic16-datetime-d.png)!important}
.act-fav-rev,.act-fav:hover,.ic-fav{background-image:url(../img/ic/ic16-fav.png)!important}
.act-fav-rev:hover,.act-fav,.ic-fav-d{background-image:url(../img/ic/ic16-fav-d.png)!important}
.on .act-docs,.act-docs:hover,.ic-docs{background-image:url(../img/ic/ic16-doc.png)!important}
.act-docs,.ic-docs-d{background-image:url(../img/ic/ic16-doc-d.png)!important}
.on .act-file,.act-file:hover,.ic-file{background-image:url(../img/ic/ic16-file.png)!important}
.act-file,.ic-file-d{background-image:url(../img/ic/ic16-file-d.png)!important}
.on .act-img,.act-img:hover,.ic-img{background-image:url(../img/ic/ic16-image.png)!important}
.act-img,.ic-img-d{background-image:url(../img/ic/ic16-image-d.png)!important}
.on .act-vid,.act-vid:hover,.ic-vid{background-image:url(../img/ic/ic16-vid.png)!important}
.act-vid,.ic-vid-d{background-image:url(../img/ic/ic16-vid-d.png)!important}
.on .act-snd,.act-snd:hover,.ic-snd{background-image:url(../img/ic/ic16-snd.png)!important}
.act-snd,.ic-snd-d{background-image:url(../img/ic/ic16-snd-d.png)!important}
.on .act-tag,.act-tag:hover,.ic-tag{background-image:url(../img/ic/ic16-tag.png)!important}
.act-tag,.ic-tag-d{background-image:url(../img/ic/ic16-tag-d.png)!important}
.on .act-anno,.act-anno:hover,.ic-anno{background-image:url(../img/ic/ic16-anno.png)!important}
.act-anno,.ic-anno-d{background-image:url(../img/ic/ic16-anno-d.png)!important}
.on .act-posthot,.act-posthot:hover,.ic-posthot{background-image:url(../img/ic/ic16-posthot.png)!important}
.act-posthot,.ic-posthot-d{background-image:url(../img/ic/ic16-posthot-d.png)!important}
.on .act-admin,.act-admin:hover,.ic-admin{background-image:url(../img/ic/ic16-admin.png)!important}
.act-admin,.ic-admin-d{background-image:url(../img/ic/ic16-admin-d.png)!important}
.on .act-dinas,.act-dinas:hover,.ic-dinas{background-image:url(../img/ic/ic16-dinas.png)!important}
.act-dinas,.ic-dinas-d{background-image:url(../img/ic/ic16-dinas-d.png)!important}
.on .act-depag,.act-depag:hover,.ic-depag{background-image:url(../img/ic/ic16-depag.png)!important}
.act-depag,.ic-depag-d{background-image:url(../img/ic/ic16-depag-d.png)!important}
.on .act-sekolah,.act-sekolah:hover,.ic-sekolah{background-image:url(../img/ic/ic16-school.png)!important}
.act-sekolah,.ic-sekolah-d{background-image:url(../img/ic/ic16-school-d.png)!important}
.on .act-siswa,.act-siswa:hover,.ic-siswa{background-image:url(../img/ic/ic16-siswa.png)!important}
.act-siswa,.ic-siswa-d{background-image:url(../img/ic/ic16-siswa-d.png)!important}
.on .act-guru,.act-guru:hover,.ic-guru{background-image:url(../img/ic/ic16-guru.png)!important}
.act-guru,.ic-guru-d{background-image:url(../img/ic/ic16-guru-d.png)!important}
.on .act-ortu,.act-ortu:hover,.ic-ortu{background-image:url(../img/ic/ic16-ortu.png)!important}
.act-ortu,.ic-ortu-d{background-image:url(../img/ic/ic16-ortu-d.png)!important}
.on .act-umum,.act-umum:hover,.ic-umum{background-image:url(../img/ic/ic16-umum.png)!important}
.act-umum,.ic-umum-d{background-image:url(../img/ic/ic16-umum-d.png)!important}
.on .act-useri,.act-useri:hover,.ic-useri{background-image:url(../img/ic/ic16-user_info.png)!important}
.act-useri,.ic-useri-d{background-image:url(../img/ic/ic16-user_info-d.png)!important}
.on .act-kontak,.act-kontak:hover,.ic-kontak{background-image:url(../img/ic/ic16-contact.png)!important}
.act-kontak,.ic-kontak-d{background-image:url(../img/ic/ic16-contact-d.png)!important}
.on .act-gear,.act-gear:hover,.ic-gear{background-image:url(../img/ic/ic16-gear2.png)!important}
.act-gear,.ic-gear-d{background-image:url(../img/ic/ic16-gear2-d.png)!important}
.on .act-lokasi,.act-lokasi:hover,.ic-lokasi{background-image:url(../img/ic/ic16-loc.png)!important}
.act-lokasi,.ic-lokasi-d{background-image:url(../img/ic/ic16-loc-d.png)!important}
.on .act-mapmark,.act-mapmark:hover,.ic-mapmark{background-image:url(../img/ic/ic16-loc2.png)!important}
.act-mapmark,.ic-mapmark-d{background-image:url(../img/ic/ic16-loc2-d.png)!important}
.on .act-pic,.act-pic:hover,.ic-pic{background-image:url(../img/ic/ic16-pic.png)!important}
.act-pic,.ic-pic-d{background-image:url(../img/ic/ic16-pic-d.png)!important}
.on .act-rss,.act-rss:hover,.ic-rss{background-image:url(../img/ic/ic16-rss.png)!important}
.act-rss,.ic-rss-d{background-image:url(../img/ic/ic16-rss-d.png)!important}
.on .act-chart_l,.act-chart_l:hover,.ic-chart_l{background-image:url(../img/ic/ic16-chart_line.png)!important}
.act-chart_l,.ic-chart_l-d{background-image:url(../img/ic/ic16-chart_line-d.png)!important}
.act-exit:hover,.ic-exit{background-image:url(../img/ic/ic16-exit.png)!important}
.act-exit,.ic-exit-d{background-image:url(../img/ic/ic16-exit-d.png)!important}
.on .act-info,.act-info:hover,.ic-info{background-image:url(../img/ic/ic16-info.png)!important}
.act-info,.ic-info-d{background-image:url(../img/ic/ic16-info-d.png)!important}
.on .act-org,.act-org:hover,.ic-org{background-image:url(../img/ic/ic16-org.png)!important}
.act-org,.ic-org-d{background-image:url(../img/ic/ic16-org-d.png)!important}
.on .act-bad,.act-bad:hover,.ic-bad{background-image:url(../img/ic/ic16-bad.png)!important}
.act-bad,.ic-bad-d{background-image:url(../img/ic/ic16-bad-d.png)!important}
.on .act-phone,.act-phone:hover,.ic-phone{background-image:url(../img/ic/ic16-phone.png)!important}
.act-phone,.ic-phone-d{background-image:url(../img/ic/ic16-phone-d.png)!important}
.ic-fax{background-image:url(../img/ic/ic16-fax.png)!important}
.on .act-seat,.act-seat:hover,.ic-seat{background-image:url(../img/ic/ic16-bangku.png)!important}
.act-seat,.ic-seat-d{background-image:url(../img/ic/ic16-bangku-d.png)!important}
.ic-verified{background-image:url(../img/ic/ic16-verified.png)!important}
.ic-caps{background-image:url(../img/ic/ic16-caps.png)!important}
.on .act-piala,.act-piala:hover,.ic-piala{background-image:url(../img/ic/ic16-piala.png)!important}
.act-piala,.ic-piala-d{background-image:url(../img/ic/ic16-piala-d.png)!important}
.on .act-job,.act-job:hover,.ic-job{background-image:url(../img/ic/ic16-jobs.png)!important}
.act-job,.ic-job-d{background-image:url(../img/ic/ic16-jobs-d.png)!important}
.on .act-note,.act-note:hover,.ic-note{background-image:url(../img/ic/ic16-note2.png)!important}
.act-note,.ic-note-d{background-image:url(../img/ic/ic16-note2-d.png)!important}
.on .act-nilai,.act-nilai:hover,.ic-nilai{background-image:url(../img/ic/ic16-nilai.png)!important}
.act-nilai,.ic-nilai-d{background-image:url(../img/ic/ic16-nilai-d.png)!important}
.on .act-mapel,.act-mapel:hover,.ic-mapel{background-image:url(../img/ic/ic16-mapel.png)!important}
.act-mapel,.ic-mapel-d{background-image:url(../img/ic/ic16-mapel-d.png)!important}
.on .act-task,.act-task:hover,.ic-task{background-image:url(../img/ic/ic16-task.png)!important}
.act-task,.ic-task-d{background-image:url(../img/ic/ic16-task-d.png)!important}
.on .act-blood,.act-blood:hover,.ic-blood{background-image:url(../img/ic/ic16-blood.png)!important}
.act-blood,.ic-blood-d{background-image:url(../img/ic/ic16-blood-d.png)!important}
.on .act-sync,.act-sync:hover,.ic-sync{background-image:url(../img/ic/ic16-sync.png)!important}
.act-sync,.ic-sync-d{background-image:url(../img/ic/ic16-sync-d.png)!important}
.on .act-list,.act-list:hover,.ic-list{background-image:url(../img/ic/ic16-view-list.png)!important;opacity:1}
.act-list,.ic-list-d{background-image:url(../img/ic/ic16-view-list.png)!important;opacity:.5}
.act-public:hover,.ic-public{background-image:url(../img/ic/ic16-world.png)!important}
.act-public,.ic-public-d{background-image:url(../img/ic/ic16-world-d.png)!important}
.act-ignore:hover,.ic-ignore{background-image:url(../img/ic/ic16-ignore.png)!important}
.act-ignore,.ic-ignore-d{background-image:url(../img/ic/ic16-ignore-d.png)!important}
.act-cari,.ic-cari{background-image:url(../img/ic/ic16-cari.png)!important}
.on .act-cari,.act-cari:hover{opacity:1!important}
.act-cari{opacity:.5}
.on .act-mail,.act-mail:hover,.ic-mail{background-image:url(../img/ic/ic16-mail.png)!important}
.act-mail,.ic-mail-d{background-image:url(../img/ic/ic16-mail-d.png)!important}
.ready:hover .act-mail,.ready .act-mail{background-image:url(../img/ic/ic16-mail-r.png)!important}
.ic-mailopen{background-image:url(../img/ic/ic16-mailopen.png)!important}
.on .act-notif,.act-notif:hover,.ic-notif{background-image:url(../img/ic/ic16-notif2.png)!important}
.act-notif,.ic-notif-d{background-image:url(../img/ic/ic16-notif2-d.png)!important}
.ready:hover .act-notif,.ready .act-notif{background-image:url(../img/ic/ic16-notif2-r.png)!important}
.on .act-langgar,.act-langgar:hover,.ic-langgar{background-image:url(../img/ic/ic16-sad.png)!important}
.act-langgar,.ic-langgar-d{background-image:url(../img/ic/ic16-sad-d.png)!important}
.on .act-medis,.act-medis:hover,.ic-medis{background-image:url(../img/ic/ic16-medik.png)!important}
.act-medis,.ic-medis-d{background-image:url(../img/ic/ic16-medik-d.png)!important}
.on .act-minat,.act-minat:hover,.ic-minat{background-image:url(../img/ic/ic16-minat.png)!important}
.act-minat,.ic-minat-d{background-image:url(../img/ic/ic16-minat-d.png)!important}
.on .act-ultah,.act-ultah:hover,.ic-ultah{background-image:url(../img/ic/ic16-cake.png)!important}
.act-ultah,.ic-ultah-d{background-image:url(../img/ic/ic16-cake-d.png)!important}
.on .act-mobile,.act-mobile:hover,.ic-mobile{background-image:url(../img/ic/ic16-mobile.png)!important}
.act-mobile,.ic-mobile-d{background-image:url(../img/ic/ic16-mobile-d.png)!important}
.ics.ic-lead{background-image:url(../img/ic/ic12-lead.png)!important}
.ics.ic-lead-d{background-image:url(../img/ic/ic12-lead-d.png)!important}
.ics.ic-post{background-image:url(../img/ic/ic12-post.png)!important}
.ics.ic-post-d{background-image:url(../img/ic/ic12-post-d.png)!important}
.ics.ic-mail{background-image:url(../img/ic/ic12-mail.png)!important}
.ics.ic-mail-d{background-image:url(../img/ic/ic12-mail-d.png)!important}
.ics.ic-folow{background-image:url(../img/ic/ic12-folow.png)!important}
.ics.ic-folow-d{background-image:url(../img/ic/ic12-folow-d.png)!important}
.ics.ic-grup{background-image:url(../img/ic/ic12-grup.png)!important}
.ics.ic-grup-d{background-image:url(../img/ic/ic12-grup-d.png)!important}
.ics.ic-fav{background-image:url(../img/ic/ic12-fav.png)!important}
.ics.ic-fav-d{background-image:url(../img/ic/ic12-fav-d.png)!important}
.ics.ic-info{background-image:url(../img/ic/ic12-info.png)!important}
.ics.ic-info-d{background-image:url(../img/ic/ic12-info-d.png)!important}
.on .ics.act-gear,.ics.act-gear:hover,.ics.ic-gear{background-image:url(../img/ic/ic12-gear2.png)!important}
.ics.act-gear,.ics.ic-gear-d{background-image:url(../img/ic/ic12-gear2-d.png)!important}
.ics.ic-umum,.ics.ic-user{background-image:url(../img/ic/ic12-user.png)!important}
.ics.ic-umum-d,.ics.ic-user-d{background-image:url(../img/ic/ic12-user-d.png)!important}
.ics.ic-dinas{background-image:url(../img/ic/ic12-dinas.png)!important}
.ics.ic-dinas-d{background-image:url(../img/ic/ic12-dinas-d.png)!important}
.ics.ic-depag{background-image:url(../img/ic/ic12-depag.png)!important}
.ics.ic-depag-d{background-image:url(../img/ic/ic12-depag-d.png)!important}
.ics.ic-sekolah{background-image:url(../img/ic/ic12-school.png)!important}
.ics.ic-sekolah-d{background-image:url(../img/ic/ic12-school-d.png)!important}
.ics.ic-siswa{background-image:url(../img/ic/ic12-siswa.png)!important}
.ics.ic-siswa-d{background-image:url(../img/ic/ic12-siswa-d.png)!important}
.ics.ic-guru{background-image:url(../img/ic/ic12-guru.png)!important}
.ics.ic-guru-d{background-image:url(../img/ic/ic12-guru-d.png)!important}
.ics.ic-ortu{background-image:url(../img/ic/ic12-ortu.png)!important}
.ics.ic-ortu-d{background-image:url(../img/ic/ic12-ortu-d.png)!important}
.on .ics.act-lokasi,.ics.act-lokasi:hover,.ics.ic-lokasi{background-image:url(../img/ic/ic12-loc.png)!important}
.ics.act-lokasi,.ics.ic-lokasi-d{background-image:url(../img/ic/ic12-loc-d.png)!important}
.ics.ic-seat{background-image:url(../img/ic/ic12-bangku.png)!important}
.ics.ic-seat-d{background-image:url(../img/ic/ic12-bangku-d.png)!important}
.on .ics.act-job,.ics.act-job:hover,.ics.ic-job{background-image:url(../img/ic/ic12-jobs.png)!important}
.ics.act-job,.ics.ic-job-d{background-image:url(../img/ic/ic12-jobs-d.png)!important}
.ics.ic-mobile-d{background-image:url(../img/ic/ic12-mobile-d.png)!important}
.ics.ic-arw-dr-b{background-image:url(../img/ic/ic12-arw-dr-blu.png)!important}
.ics.ic-arw-tl-g{background-image:url(../img/ic/ic12-arw-tl-grn.png)!important}
.ics.ic-attach{background-image:url(../img/ic/ic12-attach.png)!important}
.ic24-up{background-image:url(../img/ic/ic24-up.png)!important}
.ic24-down{background-image:url(../img/ic/ic24-down.png)!important}
.ic24-ok{background-image:url(../img/ic/ic24-ok.png)!important}
.ic24-error{background-image:url(../img/ic/ic24-error.png)!important}
.ic24-info{background-image:url(../img/ic/ic24-info.png)!important}
.ic24-block{background-image:url(../img/ic/ic24-block.png)!important}
.ic24-warn{background-image:url(../img/ic/ic24-warn.png)!important}
.ic24-del{background-image:url(../img/ic/ic24-del.png)!important}
.ic24-help{background-image:url(../img/ic/ic24-help.png)!important}
.ic-print-32{background-image:url(../img/ic/ic32-print.png)!important}
.ic-idcard-32{background-image:url(../img/ic/ic32-idcard.png)!important}
.ic-lulus-32{background-image:url(../img/ic/ic32-lulus.png)!important}
.ic-kelas-32{background-image:url(../img/ic/ic32-kelas.png)!important}
.ic-jabat-32{background-image:url(../img/ic/ic32-jabat.png)!important}
.ic-akad-32{background-image:url(../img/ic/ic32-akad.png)!important}
.ic-langgar-32{background-image:url(../img/ic/ic32-sad.png)!important}
.ic-piala-32{background-image:url(../img/ic/ic32-piala.png)!important}
.ic-medis-32{background-image:url(../img/ic/ic32-medik.png)!important}
.ic-minat-32{background-image:url(../img/ic/ic32-minat.png)!important}
.ic-tugas-32{background-image:url(../img/ic/ic32-tugas.png)!important}
.ic-sekolah-32{background-image:url(../img/ic/ic32-sekolah.png)!important}
.ic-guru-32{background-image:url(../img/ic/ic32-guru.png)!important}
.ic-siswa-32{background-image:url(../img/ic/ic32-siswa.png)!important}
.ic-down-32{background-image:url(../img/ic/ic32-down.png)!important}
.ic-ok-32{background-image:url(../img/ic/ic24-ok.png)!important}
.ic-addright-32{background-image:url(../img/ic/ic32-arw_r.png)!important}
.ic-lapor-32{background-image:url(../img/ic/ic32-lapor.png)!important}
.ic32.lbl.map-ic:before{content:'';background-position:center center;background-repeat:no-repeat;position:absolute;width:32px;height:32px;top:0;left:0}
.ic32-map-tk.map-ic:before{background-image:url(../img/gmap/ic20-tk.png)}
.ic32-map-sd.map-ic:before{background-image:url(../img/gmap/ic20-sd.png)}
.ic32-map-smp.map-ic:before{background-image:url(../img/gmap/ic20-smp.png)}
.ic32-map-sma.map-ic:before{background-image:url(../img/gmap/ic20-sma.png)}
.ic32-map-dinas.map-ic:before{background-image:url(../img/gmap/ic20-dinas.png)}
.ic32-map-guru.map-ic:before{background-image:url(../img/gmap/ic20-guru.png)}
.ic32-map-staf.map-ic:before{background-image:url(../img/gmap/ic20-guru.png)}
.ic32-map-ortu.map-ic:before{background-image:url(../img/gmap/ic20-ortu.png)}
.ic32-map-siswa.map-ic:before{background-image:url(../img/gmap/ic20-siswa.png)}
.ic32-map-umum.map-ic:before{background-image:url(../img/gmap/ic20-umum.png)}
.se-icon{float:left;margin-right:10px;list-style:none!important;padding:0!important}
.se-icon li{background:url(../img/ic/se_icon/other_16.png) no-repeat 3px 2px;padding:3px 10px 3px 25px;margin-bottom:5px}
.tbl-form .se-icon li{background-position:3px center}
.se-aim{background-image:url(../img/ic/se_icon/aim_16.png)!important}
.se-apple{background-image:url(../img/ic/se_icon/apple_16.png)!important}
.se-bebo{background-image:url(../img/ic/se_icon/bebo_16.png)!important}
.se-blogger{background-image:url(../img/ic/se_icon/blogger_16.png)!important}
.se-bkite{background-image:url(../img/ic/se_icon/brightkite_16.png)!important}
.se-cargo{background-image:url(../img/ic/se_icon/cargo_16.png)!important}
.se-delcius{background-image:url(../img/ic/se_icon/delicious_16.png)!important}
.se-dsgfloat{background-image:url(../img/ic/se_icon/designfloat_16.png)!important}
.se-dsgmoo{background-image:url(../img/ic/se_icon/designmoo_16.png)!important}
.se-devian{background-image:url(../img/ic/se_icon/deviantart_16.png)!important}
.se-digg{background-image:url(../img/ic/se_icon/digg_16.png)!important}
.se-dopplr{background-image:url(../img/ic/se_icon/dopplr_16.png)!important}
.se-drible{background-image:url(../img/ic/se_icon/dribbble_16.png)!important}
.se-email{background-image:url(../img/ic/se_icon/email_16.png)!important}
.se-ember{background-image:url(../img/ic/se_icon/ember_16.png)!important}
.se-evrnot{background-image:url(../img/ic/se_icon/evernote_16.png)!important}
.se-fb{background-image:url(../img/ic/se_icon/facebook_16.png)!important}
.se-fb-12.on{background-image:url(../img/ic/se_icon/facebook_12-on.png)!important}
.se-fb-12{background-image:url(../img/ic/se_icon/facebook_12.png)!important}
.se-flickr{background-image:url(../img/ic/se_icon/flickr_16.png)!important}
.se-forrst{background-image:url(../img/ic/se_icon/forrst_16.png)!important}
.se-ff{background-image:url(../img/ic/se_icon/friendfeed_16.png)!important}
.se-gamespot{background-image:url(../img/ic/se_icon/gamespot_16.png)!important}
.se-gtalk{background-image:url(../img/ic/se_icon/google_16.png)!important}
.se-gtalk{background-image:url(../img/ic/se_icon/google_16.png)!important}
.se-gplus{background-image:url(../img/ic/se_icon/gplus_16.png)!important}
.se-gplus-12{background-image:url(../img/ic/se_icon/gplus_12.png)!important}
.se-gvoice{background-image:url(../img/ic/se_icon/google_voice_16.png)!important}
.se-gwave{background-image:url(../img/ic/se_icon/google_wave_16.png)!important}
.se-gowalla{background-image:url(../img/ic/se_icon/gowalla_16.png)!important}
.se-grvshark{background-image:url(../img/ic/se_icon/grooveshark_16.png)!important}
.se-icq{background-image:url(../img/ic/se_icon/icq_16.png)!important}
.se-ilike{background-image:url(../img/ic/se_icon/ilike_16.png)!important}
.se-jab{background-image:url(../img/ic/se_icon/jabber_16.png)!important}
.se-komodo{background-image:url(../img/ic/se_icon/komodomedia_16.png)!important}
.se-koprol{background-image:url(../img/ic/se_icon/koprol_16.png)!important}
.se-lastfm{background-image:url(../img/ic/se_icon/lastfm_16.png)!important}
.se-linkedin{background-image:url(../img/ic/se_icon/linkedin_16.png)!important}
.se-mixx{background-image:url(../img/ic/se_icon/mixx_16.png)!important}
.se-mobme{background-image:url(../img/ic/se_icon/mobileme_16.png)!important}
.se-msn{background-image:url(../img/ic/se_icon/msn_16.png)!important}
.se-mynamis{background-image:url(../img/ic/se_icon/mynameise_16.png)!important}
.se-myspc{background-image:url(../img/ic/se_icon/myspace_16.png)!important}
.se-netvibes{background-image:url(../img/ic/se_icon/netvibes_16.png)!important}
.se-newsvine{background-image:url(../img/ic/se_icon/newsvine_16.png)!important}
.se-openid{background-image:url(../img/ic/se_icon/openid_16.png)!important}
.se-orkut{background-image:url(../img/ic/se_icon/orkut_16.png)!important}
.se-pandora{background-image:url(../img/ic/se_icon/pandora_16.png)!important}
.se-paypal{background-image:url(../img/ic/se_icon/paypal_16.png)!important}
.se-picasa{background-image:url(../img/ic/se_icon/picasa_16.png)!important}
.se-ps{background-image:url(../img/ic/se_icon/playstation_16.png)!important}
.se-plurk{background-image:url(../img/ic/se_icon/plurk_16.png)!important}
.se-posterous{background-image:url(../img/ic/se_icon/posterous_16.png)!important}
.se-qik{background-image:url(../img/ic/se_icon/qik_16.png)!important}
.se-readrnaut{background-image:url(../img/ic/se_icon/readernaut_16.png)!important}
.se-reddit{background-image:url(../img/ic/se_icon/reddit_16.png)!important}
.se-roboto{background-image:url(../img/ic/se_icon/roboto_16.png)!important}
.se-rss{background-image:url(../img/ic/se_icon/rss_16.png)!important}
.se-sharethis{background-image:url(../img/ic/se_icon/sharethis_16.png)!important}
.se-siapku{background-image:url(../img/ic/se_icon/siapku_16.png)!important}
.se-sky{background-image:url(../img/ic/se_icon/skype_16.png)!important}
.se-stumble{background-image:url(../img/ic/se_icon/stumbleupon_16.png)!important}
.se-technorati{background-image:url(../img/ic/se_icon/technorati_16.png)!important}
.se-tumblr{background-image:url(../img/ic/se_icon/tumblr_16.png)!important}
.se-twitter{background-image:url(../img/ic/se_icon/twitter_16.png)!important}
.se-twitter-12.on{background-image:url(../img/ic/se_icon/twitter_12-on.png)!important}
.se-twitter-12{background-image:url(../img/ic/se_icon/twitter_12.png)!important}
.se-viddler{background-image:url(../img/ic/se_icon/viddler_16.png)!important}
.se-vimeo{background-image:url(../img/ic/se_icon/vimeo_16.png)!important}
.se-virb{background-image:url(../img/ic/se_icon/virb_16.png)!important}
.se-win{background-image:url(../img/ic/se_icon/windows_16.png)!important}
.se-wp{background-image:url(../img/ic/se_icon/wordpress_16.png)!important}
.se-xing{background-image:url(../img/ic/se_icon/xing_16.png)!important}
.se-ym{background-image:url(../img/ic/se_icon/yahoo_16.png)!important}
.se-ybuzz{background-image:url(../img/ic/se_icon/yahoobuzz_16.png)!important}
.se-yelp{background-image:url(../img/ic/se_icon/yelp_16.png)!important}
.se-youtube{background-image:url(../img/ic/se_icon/youtube_16.png)!important}
.se-zotol{background-image:url(../img/ic/se_icon/zootool_16.png)!important}
.ic-gl{display:inline-block;width:24px;min-height:24px;background-repeat:no-repeat;background-position:center center}
.ic-gl.ic-home{background-image:url(../img/ic/ic16-gl-home.png)}
.ic-gl.ic-home:hover,.ic-gl.on.ic-home{background-image:url(../img/ic/ic16-gl-home-o.png);background-color:#bbb}
.ic-gl.ic-card{background-image:url(../img/ic/ic16-gl-card.png)}
.ic-gl.ic-card:hover,.ic-gl.on.ic-card{background-image:url(../img/ic/ic16-gl-card-o.png);background-color:#bbb}
.ic-gl.ic-star{background-image:url(../img/ic/ic16-gl-star.png)}
.ic-gl.ic-star:hover,.ic-gl.on.ic-star{background-image:url(../img/ic/ic16-gl-star-o.png);background-color:#bbb}
.act-grp{display:inline-block;width:15px;height:15px;opacity:.4}
.act-grp:hover{background-color:#bbb}
.act-grp-data:hover .act-grp{opacity:1}
.selected.act-grp-data .act-grp{display:none}
.act-grp:after{content:url(../img/skin/blank.png);display:inline-block;width:15px;height:15px;background:url(../img/global/p-down.png) no-repeat center center;opacity:.5}
.act-grp-data:hover .act-grp:after{border:#bbb solid 1px;width:13px;height:13px}
.act-grp:hover:after{background-image:url(../img/global/p-down-o.png);opacity:1}
.ic48{padding-left:55px;background:url(../img/skin/blank.png) no-repeat 5px 0}
.ic48-blank{background-image:url(../img/ic/ic48-blank.jpg)}
.ic48-absen{background-image:url(../img/ic/ic48-absen.jpg)}
.ic48-admin{background-image:url(../img/ic/ic48-admin.jpg)}
.ic48-akad{background-image:url(../img/ic/ic48-akad.jpg)}
.ic48-cabinet{background-image:url(../img/ic/ic48-cabinet.jpg)}
.ic48-ekskul{background-image:url(../img/ic/ic48-ekskul.jpg)}
.ic48-gear{background-image:url(../img/ic/ic48-gear.jpg)}
.ic48-guru{background-image:url(../img/ic/ic48-guru.jpg)}
.ic48-ijasah{background-image:url(../img/ic/ic48-ijasah.jpg)}
.ic48-jadwal{background-image:url(../img/ic/ic48-jadwal.jpg)}
.ic48-kelas{background-image:url(../img/ic/ic48-kelas.jpg)}
.ic48-lapor{background-image:url(../img/ic/ic48-lapor.jpg)}
.ic48-news{background-image:url(../img/ic/ic48-news.jpg)}
.ic48-nilai{background-image:url(../img/ic/ic48-nilai.jpg)}
.ic48-print{background-image:url(../img/ic/ic48-print.jpg)}
.ic48-profil{background-image:url(../img/ic/ic48-profil.jpg)}
.ic48-siswa{background-image:url(../img/ic/ic48-siswa.jpg)}
.ic48-peserta{background-image:url(../img/ic/ic48-peserta.jpg)}
.ic48-sekolah-info{background-image:url(../img/ic/ic48-sekolah-info.jpg)}
.ic48-sekolah-pendiri{background-image:url(../img/ic/ic48-sekolah-pendiri.jpg)}
.ic48-sekolah-org{background-image:url(../img/ic/ic48-sekolah-org.jpg)}
.ic48-sekolah-lokasi{background-image:url(../img/ic/ic48-sekolah-lokasi.jpg)}
.ic48-sekolah-kompetensi{background-image:url(../img/ic/ic48-sekolah-kompetensi.jpg)}
.icd i{display:block;position:relative;padding:4px;width:16px;height:16px}
.icd:hover i,.icd.on i{background:rgba(0,0,0,0.35)}
.icd i:before{content:'';display:block;background:url(../img/ic/ic-dasbor.png) no-repeat;width:16px;height:16px}
.icd.on i:before,.icd:hover i:before{background-position:0 bottom}
.icd-sch i:before{background-position:-16px 0}
.icd-sch.on i:before,.icd-sch:hover i:before{background-position:-16px bottom}
.icd-id i:before{background-position:-32px 0}
.icd-id.on i:before,.icd-id:hover i:before{background-position:-32px bottom}
.icd-mail i:before{background-position:-48px 0}
.icd-mail.on i:before,.icd-mail:hover i:before{background-position:-48px bottom}
.icd-cab i:before{background-position:-64px 0}
.icd-cab.on i:before,.icd-cab:hover i:before{background-position:-64px bottom}
.icd-cal i:before{background-position:-80px 0}
.icd-cal.on i:before,.icd-cal:hover i:before{background-position:-80px bottom}
.icd-addr i:before{background-position:-96px 0}
.icd-addr.on i:before,.icd-addr:hover i:before{background-position:-96px bottom}
.icd-gear i:before{background-position:-112px 0}
.icd-gear.on i:before,.icd-gear:hover i:before{background-position:-112px bottom}
.icd-box i:before{background-position:-128px 0}
.icd-box.on i:before,.icd-box:hover i:before{background-position:-128px bottom}
.icd-role i:before{background-position:-144px 0}
.icd-role.on i:before,.icd-role:hover i:before{background-position:-144px bottom}
.icd-dept i:before{background-position:-160px 0}
.icd-dept.on i:before,.icd-dept:hover i:before{background-position:-160px bottom}
.icd-book i:before{background-position:-176px 0}
.icd-book.on i:before,.icd-book:hover i:before{background-position:-176px bottom}
.icd-msg i:before{background-position:-192px 0}
.icd-msg.on i:before,.icd-msg:hover i:before{background-position:-192px bottom}
.icd-log i:before{background-position:-208px 0}
.icd-log.on i:before,.icd-log:hover i:before{background-position:-208px bottom}
.icd-grup i:before{background-position:-352px 0}
.icd-grup.on i:before,.icd-grup:hover i:before{background-position:-352px bottom}
.icd-help i:before{background-position:-368px 0}
.icd-help.on i:before,.icd-help:hover i:before{background-position:-368px bottom}
.icd.notif i:after{content:'';position:absolute;width:10px;height:10px;top:2px;right:2px;background:url(../img/ic/ic12-notif.png) no-repeat}
.icd.p-l:after,.icd.p-r:after{width:6px}
.icd.p-t:after,.icd.p-b:after{height:6px}
.ichd{float:left;position:relative;width:36px;height:36px;border-radius:22px;border:rgba(255,255,255,0.7) solid 4px}
a.ichd:hover,.p-in .ichd{background:rgba(0,0,0,0.1);box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset;border-color:#fff}
.ichd.ichd-d{border:rgba(0,0,0,0.1) solid 4px}
a.ichd.ichd-d:hover{border-color:rgba(0,0,0,0.3)}
.ichd.ichd24{width:30px;height:30px;border-radius:18px;border-width:3px}
.ichd:before{content:'';position:absolute;top:10px;left:10px;background:url(../img/ic/ic-dasbor.png) -16px bottom no-repeat!important;width:16px;height:16px;opacity:.7}
.p-in .ichd:before,a.ichd:hover:before{opacity:1}
.ichd24.ichd:before{top:7px;left:7px}
.ichd+.ichd{margin-left:8px}
.ichd-sch-d:before{background-position:-16px top!important}
.ichd-adm:before{background-position:-224px bottom!important}
.ichd-adm-d:before{background-position:-224px top!important}
.ichd-op:before{background-position:-240px bottom!important}
.ichd-op-d:before{background-position:-240px top!important}
.ichd-guru:before{background-position:-256px bottom!important}
.ichd-guru-d:before{background-position:-256px top!important}
.ichd-siswa:before{background-position:-272px bottom!important}
.ichd-siswa-d:before{background-position:-272px top!important}
.ichd-ortu:before{background-position:-288px bottom!important}
.ichd-ortu-d:before{background-position:-288px top!important}
.ichd-alumni:before{background-position:-304px bottom!important}
.ichd-alumni-d:before{background-position:-304px top!important}
.ichd-kelas:before{background-position:-320px bottom!important}
.ichd-kelas-d:before{background-position:-320px top!important}
.ichd-dinas:before{background-position:-384px bottom!important}
.ichd-dinas-d:before{background-position:-384px top!important}
.ichd-kemenag:before{background-position:-400px bottom!important}
.ichd-kemenag-d:before{background-position:-400px top!important}
@charset "UTF-8";.head-global+.warn-frm{position:relative}
.warn-frm>.warn-cont{position:absolute;height:0;width:100%;z-index:1000}
.warn-frm .warn{margin:10px auto;max-width:50%}
.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}
.warn>*{display:table-cell;padding:7px 10px;height:16px}
.warn>*[alt]:first-child:before{content:attr(alt)" ";color:#f00;font-weight:bold}
.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}
.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}
.warn[alt~=x]{cursor:pointer}
.warn[alt~=x]:after{width:14px}
.warn[alt~=x]:hover:after{background:url(../img/ic/ic7-cross.png) no-repeat 0 7px}
.warn[alt~=ok]{border-color:#9fe004;background-color:#f4ffd9}
.warn[alt~=ok]>*:first-child:before{color:#3b9e00}
.warn[alt~=ok]:before{background-image:url(../img/ic/ic16-ok.png);background-color:#dbfa90}
.warn[alt~=nfo]{border-color:#71bbff;background-color:#e1f1ff}
.warn[alt~=load]>*:first-child:before,.warn[alt~=nfo]>*:first-child:before{color:#167ede}
.warn[alt~=nfo]:before{background-image:url(../img/ic/ic16-info.png);background-color:#cfe5f9}
.warn[alt~=err]{border-color:#ec9e9e;background-color:#ffeded}
.warn[alt~=err]>*:first-child:before{color:#900}
.warn[alt~=err]:before{background-image:url(../img/ic/ic16-error.png);background-color:#fcd2d2}
.warn[alt~=load]{border-color:#dadada;background-color:#fff;color:#777}
.warn[alt~=load]:before{background-image:url(../img/ic/ic16-loading.gif);background-color:#f3f3f3;background-position:center 9px}
.warn[alt~=note]{color:#666;background-color:#fffde6}
.warn[alt~=note]>*:first-child:before{color:#ff8400}
.warn[alt~=note]:before{background-image:url(../img/ic/ic16-note_pin.png)}
.warn li{margin:2px 7px!important}
.warn>*>li{margin-left:15px!important}
@charset "UTF-8";.bigtxt,.tbl-form .big,.tbl-data .big{font-size:18px}
.tbl-data,.tbl-form{border-collapse:collapse}
.tbl-data th,.tbl-data td{padding:10px}
.tbl-form td{padding:0}
.tbl-data th,.tbl-data td{border-bottom:1px solid #e9e9e9}
.tbl-form th,.tbl-form td{border-bottom:0}
.tbl-data th,.tbl-form th{color:#007c72}
.tbl-data>caption{background:#e6eeed;display:table-caption;padding:10px;border-bottom:1px solid #c7e6e4;font:16px "Helvetica neue",Helvetica,Arial,sans-serif;text-align:left}
.tbl-data>thead>tr>th{background-color:#f3f3f3}
.tbl-data>tbody>tr.selected>th,.tbl-data>tbody>tr:hover>th{background-color:#e0e0e0}
.tbl-data>tbody>tr.selected,.tbl-data>tbody>tr:hover{background-color:#ffc}
.tbl-data.editmode>tbody>tr.selected,.tbl-data.editmode>tbody>tr:hover{background-color:#ffc}
.tbl-data.editmode th.check:first-child,.tbl-data.editmode>thead>tr>th:first-child,.tbl-data.editmode>tbody>tr>td:first-child{padding-right:0}
.tbl-form>thead>tr>th{background-color:#eef4e5}
.tbl-data>tbody>tr.selected>th{font-weight:bold!important}
.tbl-data tr>.noed,.tbl-data tr>.no{padding-right:0;text-align:right}
.tbl-data .noed-start{counter-reset:nomer}
.tbl-data .noed{counter-increment:nomer}
.tbl-data td.noed:before{content:counter(nomer);color:#999}
.tbl-form .act{text-align:center!important}
.tbl-form>tr:hover>.nohov{background:0}
.tbl-form .number{text-align:right;width:50px}
.tbl-form .num-2digit{text-align:right;width:30px}
tbody.fl{margin-right:20px}
tbody.fl:last-child{margin-right:0}
table.vt td{vertical-align:top}
table.vm td{vertical-align:middle}
.modalbox tbody.fl{display:table-cell}
.tbl-data td.c-check{background-image:url(../img/ic/ic7-cross.png);background-repeat:no-repeat;background-position:center center;opacity:.3}
.tbl-data td.c-check.on{background-image:url(../img/ic/ic12-checkmark.png);opacity:1}
.tbl-form td.c-check.on{padding:10px;background-image:none;opacity:1}
.tbl-form td.c-check.on .ic{margin-bottom:10px;clear:right}
.tbl-data td.c-blue.on,.tbl-data th.c-blue:hover{background-color:#dee6fc}
.tbl-data td.c-green.on,.tbl-data th.c-green:hover{background-color:#e6f1d6}
.tbl-data td.c-purple.on,.tbl-data th.c-purple:hover{background-color:#e6e0f7}
.tbl-data td.c-brown.on,.tbl-data th.c-brown:hover{background-color:#fcebd8}
.tbl-data td.c-red.on,.tbl-data th.c-red:hover{background-color:#f9dedb}
@font-face{font-family:'webfont';src:url('font/MuseoSans_500.eot');src:url('font/MuseoSans_500.eot?iefix') format('eot'),url('font/MuseoSans_500.woff') format('woff'),url('font/MuseoSans_500.ttf') format('truetype'),url('font/MuseoSans_500.svg#webfontkQkWxTED') format('svg');font-weight:normal;font-style:normal}
.webfont{font-size:24px!important;line-height:normal;font-family:'webfont',Helvetica,Arial,sans-serif}
.app-crumb h1,.app-crumb h2{float:left;font-size:21px!important;line-height:normal;font-family:'webfont',Helvetica,Arial,sans-serif;font-weight:normal;color:#444}
.app-crumb h2{margin-left:15px;padding-left:15px;background:url(../img/p-right.png) no-repeat 0 center}
.steps{position:relative;padding-bottom:10px}
.steps>div{float:left;white-space:nowrap}
.steps>div>*{display:table-cell}
.steps>div>div>span{border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;width:18px;height:18px;border:#e1e1e1 solid 3px;background-color:#c7c7c7;display:inline-block;text-align:center;color:#f2f2f2;font:bold 15px Arial,Helvetica,sans-serif;margin:5px;position:relative}
.steps>div.on>div>span:after{content:url(../img/skin/blank.png);display:block;position:absolute;background:url(../img/skin/menu-point.png) no-repeat center bottom;width:18px;height:8px;top:29px;left:0}
.steps>div:last-child>div>span{background:#CCC url(../img/skin/steps-ok.png) no-repeat 0 center;text-indent:-9999px}
.steps>div>div>a{color:#aaafb5;font:italic 13px "Trebuchet MS",Arial,Helvetica,sans-serif}
.steps>div>div>a[href]:hover{text-decoration:underline;color:#2c98ec!important}
.steps>div>div{background-color:#e9e9e9;height:34px}
.steps>div:first-child>div{border-bottom-left-radius:17px;border-top-left-radius:17px;-moz-border-radius-bottomleft:17px;-moz-border-radius-topleft:17px;-webkit-border-radius-bottomleft:17px;-webkit-border-radius-topleft:17px;-khtml-border-radius-bottomleft:17px;-khtml-border-radius-topleft:17px}
.steps>div:last-child>div{border-bottom-right-radius:17px;border-top-right-radius:17px;-moz-border-radius-bottomright:17px;-moz-border-radius-topright:17px;-webkit-border-radius-bottomright:17px;-webkit-border-radius-topright:17px;-khtml-border-radius-bottomright:17px;-khtml-border-radius-topright:17px;padding-left:10px;text-align:right}
.steps>div:after{content:url(../img/skin/blank.png);display:table-cell;width:25px;background:url(../img/skin/steps-o2o.png) no-repeat right center}
.steps>div:last-child::after{display:none}
.steps>div.prev>div,.steps>div.on>div{background-color:#dbe3ec}
.steps>div.on>div>span{background-color:#b1b1b1;border-color:#fff;color:#fff}
.steps>div.on>div>a{color:#636363}
.steps>div.on:after{background-image:url(../img/skin/steps-a2o.png)}
.steps>div.prev>div>span{background-color:#caced4;border-color:#e9eef4;color:#e9eef4}
.steps>div.prev:after{background-image:url(../img/skin/steps-a2a.png)}
.workspc .steps{border-bottom:1px solid #ddd}
.workspc form.steps-form{background-color:#f3f3f3}
.login-wrap{width:700px;margin:auto}
.login-wrap>.fl{width:430px}
.login-wrap>.fr{width:250px}
.login-wrap>.fl form{padding:15px}
.google-visualization-orgchart-table{border:0;text-align:center;width:auto!important}
.google-visualization-orgchart-table *{margin:0;padding:2px}
.google-visualization-orgchart-space-small{width:4px;height:1px;border:0}
.google-visualization-orgchart-space-medium{width:10px;height:1px;border:0}
.google-visualization-orgchart-space-large{width:16px;height:1px;border:0}
.google-visualization-orgchart-noderow-small{height:12px;border:0}
.google-visualization-orgchart-noderow-medium{height:30px;border:0}
.google-visualization-orgchart-noderow-large{height:46px;border:0}
.google-visualization-orgchart-connrow-small{height:2px;font-size:1px}
.google-visualization-orgchart-connrow-medium{height:6px;font-size:4px}
.google-visualization-orgchart-connrow-large{height:10px;font-size:8px}
.google-visualization-orgchart-node{text-align:center;vertical-align:middle;font-family:arial,helvetica;cursor:default;border:2px solid #b5d9ea;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.1) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.1) 2px 2px 2px;background-color:#edf7ff;background:-webkit-gradient(linear,left top,left bottom,from(#edf7ff),to(#cde7ee))}
.google-visualization-orgchart-node:hover{border:2px solid #e3ca4b;background-color:#fff7ae;background:-webkit-gradient(linear,left top,left bottom,from(#fff7ae),to(#eee79e))}
.google-visualization-orgchart-node-small{font-size:.6em}
.google-visualization-orgchart-node-medium{font-size:.8em}
.google-visualization-orgchart-node-large{font-size:1.2em;font-weight:bold}
.google-visualization-orgchart-linenode{border:0}
.google-visualization-orgchart-lineleft{border-left:1px solid #38d}
.google-visualization-orgchart-lineright{border-right:1px solid #38d}
.google-visualization-orgchart-linebottom{border-bottom:1px solid #38d}
.direktori-thumb>li:first-child{display:none}
.direktori-thumb>li{position:relative;float:left;width:80px;padding:7px;margin:5px;margin-bottom:9px;background-color:#fff;border:#bfbfbf solid 1px;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)}
.direktori-thumb>li.selected,.direktori-thumb>li:hover{border-color:#a3ca61;margin:2px;width:86px}
.direktori-thumb>li.selected{background-color:#ffc}
.direktori-thumb>li>span{display:none;line-height:normal}
.direktori-thumb>li>h3{margin:3px 0 5px;font-size:11px;font-weight:normal}
.direktori-thumb>li.selected>h3,.direktori-thumb>li:hover>h3{font-size:12px}
.direktori-thumb>li img{width:100%;height:80px}
.direktori-thumb>li.selected img,.direktori-thumb>li:hover img{height:86px}
.direktori-thumb .thumb-act{display:block;position:absolute;z-index:1;top:4px;right:4px;padding:3px}
.direktori-thumb li:hover .thumb-act{background-color:#FFF}
.direktori-thumb.sml-thumb .thumb-act{top:5px;right:5px}
.direktori-thumb .thumb-stat{display:block;float:right;line-height:0}
.direktori-thumb.big-thumb>li{width:166px}
.direktori-thumb.big-thumb>li img{height:166px;width:100%}
.direktori-thumb.big-thumb>li:hover{width:172px}
.direktori-thumb.big-thumb>li:hover img{height:172px}
.direktori-thumb.sml-thumb>li{width:100px;padding:5px 5px 5px 40px;position:relative;min-height:30px}
.direktori-thumb.sml-thumb>li img{width:30px;height:30px;position:absolute;top:5px;left:5px}
.direktori-thumb.sml-thumb>li:hover{padding:8px 5px 5px 46px;min-height:33px}
.direktori-thumb.sml-thumb>li:hover img{width:36px;height:36px}
.galeri .direktori-thumb>li{width:190px;height:126px;padding:0;border:0;border-radius:0;overflow:hidden;margin:5px;margin-bottom:9px}
.galeri .direktori-thumb>li .thumb-frm{display:block;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.galeri .direktori-thumb>li .thumb-frm img{display:none}
.galeri .direktori-thumb>li .thumb-desc{position:absolute;bottom:0;left:0;width:100%;height:40px;background:rgba(0,0,0,0.5);color:#fff;font-size:11px;overflow:hidden;vertical-align:text-bottom;opacity:0}
.galeri .direktori-thumb>li:hover .thumb-desc{opacity:1}
.galeri .direktori-thumb>li .thumb-desc span{display:block;max-width:90%;margin:5px 0 0 5%}
.galeri .direktori-thumb.big-thumb>li:hover,.galeri .direktori-thumb.big-thumb>li{width:275px;height:169px}
.galeri.galeri-vid .direktori-thumb>li{width:275px;height:169px}
.galeri.galeri-vid .direktori-thumb>li:hover .thumb-frm:before{content:'';background:url(../img/skin/play_icon.png) no-repeat center center;display:block;width:100%;height:100%}
.direktori-list>li{position:relative;padding:7px 7px 7px 75px;min-height:50px;border-bottom:1px solid #e9e9e9}
.direktori-list>li:first-child{display:none}
.direktori-list>li:last-child{border:0}
.direktori-list>li:hover{background-color:#f0f0f0}
.direktori-list>li>span{display:none;line-height:normal}
.direktori-list>li span[alt]{display:block;font-size:11px}
.direktori-list>li span[alt]:before{content:attr(alt) ": ";color:#3b9e00}
.direktori-list>li span[alt=act],.direktori-list>li span[alt~=show]:before{display:none}
.direktori-list>li>h3{margin-bottom:5px;font-size:14px}
.direktori-list>li img{position:absolute;top:7px;left:10px;width:50px}
.direktori-list .thumb-act{float:right}
.direktori-list .thumb-stat{position:absolute;top:7px;right:50px}
.direktori-list.sml-thumb>li{padding:5px 5px 5px 45px;min-height:30px}
.direktori-list.sml-thumb>li img{width:30px;height:30px;top:5px;left:5px}
.map-subjects .direktori-list>li{padding-left:50px;min-height:30px}
.map-subjects .direktori-list>li:first-child{display:block}
.map-subjects .direktori-list h3{font-size:12px;width:85%;display:block}
.map-subjects .direktori-list>li img{width:30px;height:30px}
.list-subjects .direktori-list>li{padding-left:55px;background:url(../img/ic/ic16-cekbox.png) no-repeat 10px 7px;cursor:pointer}
.list-subjects .direktori-list.editmode>li.on,.list-subjects .direktori-list.editmode>li:hover{background-image:url(../img/ic/ic16-cekbox_on.png);background-color:#ffc}
.direktori-list.editmode>li{padding:7px 30px 7px 98px}
.direktori-list>li.selected,.direktori-list>li:hover{background-color:#ffc}
.direktori-list.editmode>li img{left:33px}
.direktori-list.editmode>li:first-child,.direktori-list.editmode>li span[alt]{display:block}
.direktori-list.editmode>li.header{color:#007c72;background-color:#f3f3f3;min-height:0}
.direktori-list.editmode>li>span:first-child,.direktori-list.editmode>li>span:last-child{position:absolute;top:7px}
.direktori-list.editmode>li>span:first-child{left:10px}
.direktori-list.editmode>li>span:last-child{right:10px}
.direktori-list.editmode>li span[alt=act]:before{display:none}
.direktori-list.editmode input[type=checkbox]{margin:1px}
.direktori-list.editmode>li span[alt~="cell2"],.direktori-list.editmode>li span[alt~="cell"]{position:absolute;top:7px;left:50%}
.direktori-list.editmode>li span[alt~="cell2"]{left:80%}
.direktori-list.editmode.sml-thumb>li{padding:7px 30px 7px 75px}
.direktori-list.editmode.sml-thumb>li img{top:7px}
.direktori-list.editmode>li>.updated{display:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(255,255,204,0.6)}
.direktori-list.editmode>li>.updated>.warn{margin:20px auto}
.direktori-tbl>li{display:table-row}
.direktori-tbl>.caption{display:table-caption}
.direktori-tbl>.caption span{font:bold 14px Arial,Helvetica,sans-serif;color:#636363;margin-bottom:.25em}
.direktori-tbl>li:first-child{color:#007c72;background-color:#f3f3f3}
.direktori-tbl>li>*{display:table-cell!important;padding:7px 10px;vertical-align:middle;border-top:1px solid #e9e9e9;font-size:12px;font-weight:normal}
.direktori-tbl>li:hover>*{background-color:#f0f0f0}
.direktori-tbl>li:first-child>*{background:0;border:0}
.direktori-tbl>li>*:first-child{padding-right:0}
.direktori-tbl>li span[alt=act],.direktori-tbl>li>span[alt~=notbl]{display:none!important}
.direktori-tbl>li img{width:20px;height:auto}
.direktori-list.direktori-img>li>a:first-child{position:absolute;top:7px;left:10px;width:50px;height:50px;overflow:hidden}
.direktori-list.direktori-img>li>a:first-child img{position:static}
.direktori-tbl.direktori-img>li>a:first-child img{min-width:30px}
.direktori-list.direktori-img.editmode>li>a.ic{position:absolute;left:33px;height:30px;width:50px}
.agenda ul{position:relative}
.agenda ul:after{content:url(../img/skin/blank.png);background-color:#fff;position:absolute;top:0;left:0;width:100%;height:1px}
.agenda li{padding:7px 10px;position:relative;border-top:#dadada solid 1px;margin-bottom:0!important;word-wrap:break-word}
.agenda li:after{content:".";display:block;height:0;overflow:hidden;clear:both;visibility:hidden}
.agenda li:first-child{border-top:0}
.agenda>ul>li{padding-left:50px;border-style:solid}
.agenda>ul>li>ul{border-left:1px solid #cbcbc6;padding-left:7px;box-shadow:-4px 0 3px -3px rgba(0,0,0,0.1);min-height:50px}
.agenda>ul>li>dd{position:absolute;top:20px;left:43px;width:8px;height:15px;background:url(../img/skin/menu-point-l-fff.png) no-repeat right 0;z-index:1}
.agenda h3{position:absolute;top:7px;left:10px;text-align:center;color:#3b9e00;width:50px}
.agenda h3 span{font-size:18px;display:block}
.agenda h3 span:first-child{font-size:11px;text-transform:uppercase}
.agenda h3 span:last-child{font-size:11px}
.agenda li>h4:last-child{margin-bottom:0}
.agenda li>b{position:absolute;left:0;width:65px;text-align:right;color:#3b9e00;font-size:12px;font-weight:normal}
.agenda>ul>li>ul>li{padding:10px 10px 10px 80px;border-style:dotted}
.agenda>ul>li>ul>li:hover{background-color:#f3f3f3}
.agenda.anno>ul>li>ul>li{padding-left:10px}
.agenda.jadwal h3 span{font-size:16px;margin-top:17px}
.agenda.jadwal li>h4{margin:0;float:left}
.agenda.jadwal li>dt{position:absolute;right:15px;top:6px;font-size:12px!important}
.agenda.jadwal li>dt>*{margin-right:7px;float:left;height:20px}
.agenda.jadwal li>dt>*:last-child{margin-right:0}
.agenda.jadwal li>dt>span{padding-top:4px}
.agenda.jadwal li>dt img{width:20px;height:20px}
.agenda.jadwal>ul>li{padding-left:70px}
.agenda.jadwal>ul>li>dd{left:63px}
.agenda.jadwal li>b{width:85px}
.agenda.jadwal>ul>li>ul>li{padding-left:100px;padding-right:130px}
.list li{padding:7px 15px;position:relative;border-bottom:#dadada solid 1px;margin-bottom:0!important;word-wrap:break-word}
.list li:last-child{border-bottom:0}
.list>li{padding-left:65px;border-style:solid}
.list>li>ul{border-left:1px solid #cbcbc6;padding-left:7px;box-shadow:-4px 0 3px -3px rgba(0,0,0,0.1);min-height:60px}
.list>li>dd{position:absolute;top:25px;left:58px;width:8px;height:15px;background:url(../img/skin/menu-point-l-fff.png) no-repeat right 0}
.list h3{position:absolute;left:15px;text-align:center;color:#3b9e00}
.list h3 span{font-size:24px;display:block}
.list h3 span:first-child{font-size:14px;text-transform:uppercase}
.list h3 span:last-child{font-size:14px}
.list li>h4:first-child{margin-bottom:0;font-size:14px}
.cal{display:table;width:100%;border-collapse:collapse}
.cal>*{display:table-row}
.cal>*>*{display:table-cell;padding:7px 10px;vertical-align:top;border-bottom:1px dotted #cbcbc6}
.cal>*:last-child>*{border-bottom:0}
.cal-tbl{width:100%;border-collapse:collapse}
.cal-tbl tr>*{width:14.28%;border:1px solid #e9e9e9}
.cal-tbl th{text-align:center;text-transform:uppercase;color:#bbb;border:0;padding:7px 0}
.cal-tbl td:hover{background:#e7f0f8}
.cal-tbl td>div{min-height:87px;width:103px;margin:7px 0;position:relative;display:block}
.cal-tbl td>div *{font-size:11px!important;line-height:12px!important;padding:0}
.cal-tbl td[alt]:before{content:attr(alt);display:block;text-align:right;padding:7px;color:#aaa;font-size:12px}
.cal-tbl td[alt]:last-child:before{color:#d00}
.cal-pop .today:before,.cal-tbl td.today>div:before{content:'Hari ini';background:rgba(255,138,0,0.5);font-size:90%;font-style:italic;color:#fff;border-radius:2px;padding:3px 5px 2px}
.cal-tbl td.today>div:before{position:absolute;right:20px;top:-28px}
.cal-pop .today:before{float:right}
.cal-tbl .namecard{padding-left:29px;display:block;border-left:rgba(255,138,0,0.5) solid 2px;margin-bottom:2px}
.cal-tbl .desc{color:#9ca7b0}
.cal-tbl .namecard img{top:1px;left:4px}
.cal-pop .date-t{font-size:36px;padding-right:5px;line-height:30px;color:#f26623}
.cal-pop .date-t+div{margin-right:20px}
.cal-pop .date-t+div b{margin-bottom:3px;display:block;font-size:14px}
.cal-pop .date-t+div .red{opacity:.6}
.cal.cal-dayly>*>*{border-bottom:1px solid #ddd}
.cal.cal-dayly .cal-day{padding:14px 0 10px;width:50px}
.cal.cal-dayly .cal-day+*{padding-left:0}
.cal.cal-dayly .cal-day+*>*{border-left:1px solid #cbcbc6;box-shadow:-4px 0 3px -3px rgba(0,0,0,0.1);padding-left:10px}
.cal.cal-dayly .cal-day *{color:#3b9e00!important}
.cal.cal-hourly>*:hover{background-color:#f3f3f3}
.cal.cal-hourly .cal-hour{width:10%;white-space:nowrap!important;color:#3b9e00;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px}
.cal.cal-hourly .cal-pic{text-align:right}
.cal-nav{padding:5px 0 15px 0!important;position:relative}
.cal-nav *{margin:0!important;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}
.cal-nav>table{width:100%;vertical-align:middle}
.cal-nav td>div{height:100%;position:relative}
.cal-nav .cal-title{text-align:center;width:28%}
.cal-nav .cal-title:before{content:url(../img/skin/blank.png);background:url(../img/skin/menu-point.png) no-repeat center bottom;position:absolute;width:28%;height:8px;left:0;bottom:-1px;z-index:1}
.cal-nav .cal-pick{text-align:center;border-left:#dadada solid 1px;box-shadow:-4px 0 3px -3px rgba(0,0,0,0.1)}
.cal-nav .cal-title h1{color:#bbb;font-size:55px}
.cal-nav .cal-title h2{color:#666;font-size:30px;text-transform:uppercase}
.cal-nav .cal-title h3{color:#666;font-size:22px;font-weight:normal;letter-spacing:.2em}
.cal-nav .cal-pick .month-list{width:270px;display:inline-block}
.cal-color-pick td:first-child>div>span,.cal-nav .m-nav li,.cal-nav .y-nav li,.cal-nav .day-list li,.cal-nav .month-list li{float:left;width:45px;height:25px;color:#adadad;font-size:13px;line-height:25px;border-radius:3px;overflow:hidden;position:relative;cursor:pointer}
.cal-nav .month-list li.on,.cal-nav .day-list li.on{background-color:#ddd;color:#666;box-shadow:inset 1px 1px rgba(0,0,0,0.1)}
.cal-nav .month-list li:hover{background-color:#e2e2e2;color:#666}
.cal-nav .cal-pick .day-list{width:224px;display:inline-block}
.cal-nav .day-list li{width:32px}
.cal-nav .day-list:first-child li{font-size:11px;height:15px;line-height:normal;cursor:default}
.cal-nav .day-list:first-child+br+ul li:hover{background-color:#e2e2e2;color:#666}
.cal-nav .day-list:first-child+br+ul li.o-day{opacity:.4}
.cal-nav .day-list li:nth-child(7n+0){color:#e07a7a!important}
.cal-nav .day-list li.prei{color:#ff8a00!important}
.cal-nav li.event:hover:before,.cal-nav li.today:after{content:'';display:block;position:absolute;height:2px;background-color:#ff8a00}
.cal-nav .month-list li.today:after{left:20%;width:60%;bottom:0;opacity:.5}
.cal-nav .day-list li.today:after{left:27%;width:46%;bottom:0;opacity:.5}
.cal-nav li.event:hover:before{top:0;width:100%;height:4px;border-top-left-radius:3px;border-top-right-radius:3px}
.cal-nav .cal-pick-nav{text-align:center;width:12%;min-width:60px;border-left:#dedede solid 1px}
.cal-nav .cal-pick-nav ul{display:inline-block;width:100%}
.cal-nav .cal-pick-nav ul.m-nav{padding:10px 0}
.cal-nav .cal-pick-nav ul li{width:100%;height:15px;font-size:11px;line-height:15px;position:relative}
.cal-nav .cal-pick-nav ul li.on,.cal-nav .cal-pick-nav ul li:hover{font-weight:bold;color:#666}
.cal-nav .cal-pick-nav ul li.on{cursor:default;overflow:visible}
.cal-nav .cal-pick-nav ul li.on:before{content:'';background:url(../img/skin/cal-r_nav-point.png) no-repeat 0 center;position:absolute;width:9px;height:100%;left:-1px}
.cal-nav .cal-periode{text-align:center}
.cal-nav .cal-periode+.cal-pick-nav{width:20%;min-width:60px}
.cal-nav .cal-periode h1{color:#666;font-size:32px}
.cal-nav .cal-periode h2{color:#666;font-size:26px;text-transform:uppercase;margin:5px 0!important}
.cal-nav .cal-periode h3{color:#666;font-size:11px;font-weight:normal}
.cal-nav .cal-periode h4{color:#bab9b9;font-size:11px;font-weight:normal}
.cal-nav .cal-periode .ajaran-title h4{letter-spacing:.5em;margin-bottom:5px!important}
.cal-nav .cal-periode>div{margin:0 20px!important;height:100%}
.cal-nav .cal-periode .ajaran-title{border-bottom:#dedede solid 1px;padding-bottom:10px}
.cal-nav .cal-periode .ajaran-title>div{padding:10px 20px;cursor:pointer;display:inline-block}
.cal-nav .cal-periode .ajaran-title>div.today{padding-bottom:0}
.cal-nav .cal-periode .ajaran-title>div.today:after{content:'';display:block;padding-top:8px;border-bottom:#ff8a00 solid 2px;opacity:.5}
.cal-nav .cal-periode .sem-title{padding-top:10px}
.cal-nav .sem-title .half>h3 span:first-child:after,.cal-nav .sem-title .trio>h3 span:first-child:after{content:' - '}
.cal-nav .sem-title .quad>h3 span{display:block}
.cal-nav .cal-periode .sem-title>div{cursor:pointer;position:relative;padding:10px 0}
.cal-nav .cal-periode .sem-title>div.today{padding-bottom:0}
.cal-nav .cal-periode .sem-title>div.today:after{content:'';display:block;width:64px;padding-top:8px;margin:0 auto;border-bottom:#ff8a00 solid 2px;opacity:.5}
.cal-nav .cal-periode .sem-title>div:first-child{padding-left:1px}
.cal-nav .cal-periode .sem-title>div+div{border-left:#ddd solid 1px;padding-left:0}
.cal-nav .cal-periode .ajaran-title>div.on,.cal-nav .cal-periode .sem-title>div.on{background-color:#ddd;color:#666;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);border-radius:3px}
.cal-nav .cal-periode .ajaran-title>div:hover,.cal-nav .cal-periode .sem-title>div:hover{background-color:#e2e2e2;color:#666;border-radius:3px}
.cal-nav .cal-periode .sem-title>div.on,.cal-nav .cal-periode .sem-title>div:hover,.cal-nav .cal-periode .sem-title>div.on+div,.cal-nav .cal-periode .sem-title>div:hover+div{border:0;padding-left:1px}
.cal-nav .cal-periode .ajaran-title>div.on:before,.cal-nav .cal-periode .sem-title>div.on:before{content:url(../img/skin/blank.png);background:url(../img/skin/menu-point.png) no-repeat center bottom;position:absolute;width:100%;height:16px;left:0;top:100%;z-index:1}
.horz-year .sem-title>div{width:25%;border:none!important;padding-left:0!important}
.cal-nav .cal-periode.horz-year .sem-title>div.today:after{width:90px}
.horz-year .sem-title h2{font-size:16px}
.horz-year .sem-title>div:first-child{background:url(../img/global/p-left.png) no-repeat center center;width:10%}
.horz-year .sem-title>div:last-child{background:url(../img/global/p-right.png) no-repeat center center;width:10%}
.cal-akad>div{margin:0 21px 15px 0!important;float:left;min-height:141px}
.cal-akad>div:before{content:attr(alt);display:block;font-size:12px;padding-bottom:7px}
.cal-akad .day-list{display:inline-block;text-align:center;width:147px}
.cal-akad .day-list:first-child li{opacity:.5}
.cal-color-pick td:first-child>div>span,.cal-akad .day-list li{width:20px;height:16px;font-size:11px;line-height:16px;border-radius:2px;margin:0 1px 1px 0!important}
.cal-akad-legend{width:190px}
.cal-color-pick{border:#ddd solid 1px;background:#fff}
.cal-color-pick td{text-align:center}
.cal-color-pick td>div{display:inline-block}
.cal-color-pick td:first-child>div{background:url(../img/skin/cal_dummy.png) no-repeat;width:97px;height:46px;position:relative}
.cal-color-pick td:first-child>div>span{position:absolute;top:16px;right:37px;cursor:default}
.cal-color-pick td:first-child>div>span:before{content:'5'}
.cal-color-pick td:last-child>div{width:28px}
.cal-color-pick .nav>a{margin-bottom:5px}
.help-box{position:relative;color:#636363}
.help-box.username{background:url(../content/img/help/name_pos.png) no-repeat;width:410px;height:147px}
.username>h1{position:absolute;top:17px;left:130px;font-size:12px}
.username>h2{position:absolute;top:98px;left:15px;font-size:10px;width:95px}
.login-wrap{width:700px;margin:auto}
.login-wrap>.fl{width:430px}
.login-wrap>.fr{width:250px}
.login-wrap>.fl form{padding:15px}
.map-prop-cont{padding:0 20px 0 15px;background:#f3f3f3 url(../img/gmap/indo_map.png) no-repeat 15px 0;height:318px}
.map-prop{position:relative;height:100%}
.map-prop>h2{padding-top:20px;margin:0;float:right}
.map-prop>i,.map-prop>span{position:absolute;z-index:2}
.map-prop>i{background:url(../img/gmap/indo_map-hi.png) no-repeat;z-index:1;display:none}
.map-prop>span:hover+i,.map-prop>span.on+i{display:block}
.map-prop>span:after{content:url(../img/skin/blank.png);background:url(../img/skin/menu-point.png) no-repeat;width:15px;height:8px;position:absolute;right:0;display:none}
.map-prop>span:before{content:url(../img/skin/blank.png);position:absolute;left:0;top:20px;width:8px;height:20px;border-right:#f50 solid 1px;display:none}
.map-prop>span.on:after,.map-prop>span.on:before{display:block}
.map-prop>span>.ic{background-image:url(../img/ic/ic16-loc2-d.png)!important}
.map-prop>span.on>.ic,.map-prop>span>.ic:hover{background-image:url(../img/ic/ic16-loc2.png)!important}
.map-prop .m0{left:20px;top:24px}
.map-prop .m0:before{height:263px}
.map-prop .m0:after{top:287px}
.map-prop .m0+i{left:0;top:16px;width:57px;height:67px;background-position:0 0}
.map-prop .m1{left:62px;top:67px}
.map-prop .m1:before{height:220px}
.map-prop .m1:after{top:244px}
.map-prop .m1+i{left:34px;top:41px;width:58px;height:87px;background-position:-57px 0}
.map-prop .m2{left:110px;top:98px}
.map-prop .m2:before{height:189px}
.map-prop .m2:after{top:213px}
.map-prop .m2+i{left:85px;top:72px;width:66px;height:64px;background-position:-115px 0}
.map-prop .m3{left:184px;top:80px}
.map-prop .m3:before{height:207px}
.map-prop .m3:after{top:231px}
.map-prop .m3+i{left:148px;top:35px;width:92px;height:94px;background-position:-181px 0}
.map-prop .m4{left:88px;top:116px}
.map-prop .m4:before{height:171px}
.map-prop .m4:after{top:195px}
.map-prop .m4+i{left:60px;top:102px;width:55px;height:73px;background-position:0 -67px}
.map-prop .m5{left:119px;top:166px}
.map-prop .m5:before{height:121px}
.map-prop .m5:after{top:145px}
.map-prop .m5+i{left:102px;top:156px;width:46px;height:56px;background-position:-55px -87px}
.map-prop .m6{left:126px;top:131px}
.map-prop .m6:before{height:156px}
.map-prop .m6:after{top:180px}
.map-prop .m6+i{left:106px;top:129px;width:57px;height:37px;background-position:-101px -96px}
.map-prop .m7{left:149px;top:161px}
.map-prop .m7:before{height:126px}
.map-prop .m7:after{top:150px}
.map-prop .m7+i{left:119px;top:145px;width:71px;height:58px;background-position:-202px -94px}
.map-prop .m8{left:162px;top:188px}
.map-prop .m8:before{height:99px}
.map-prop .m8:after{top:123px}
.map-prop .m8+i{left:146px;top:183px;width:41px;height:37px;background-position:-158px -96px}
.map-prop .m9{left:200px;top:142px}
.map-prop .m9:before{height:145px}
.map-prop .m9:after{top:169px}
.map-prop .m9+i{left:172px;top:142px;width:67px;height:32px;background-position:-115px -64px}
.map-prop .m10{left:177px;top:215px}
.map-prop .m10:before{height:72px}
.map-prop .m10:after{top:96px}
.map-prop .m10+i{left:173px;top:218px;width:28px;height:20px;background-position:-317px -135px}
.map-prop .m11{left:194px;top:207px}
.map-prop .m11:before{height:80px}
.map-prop .m11:after{top:104px}
.map-prop .m11+i{left:197px;top:220px;width:8px;height:9px;background-position:-101px -87px}
.map-prop .m12{left:208px;top:224px}
.map-prop .m12:before{height:63px}
.map-prop .m12:after{top:87px}
.map-prop .m12+i{left:193px;top:218px;width:43px;height:34px;background-position:0 -172px}
.map-prop .m13{left:239px;top:228px}
.map-prop .m13:before{height:59px}
.map-prop .m13:after{top:83px}
.map-prop .m13+i{left:230px;top:227px;width:55px;height:32px;background-position:0 -140px}
.map-prop .m14{left:256px;top:238px}
.map-prop .m14:before{height:49px}
.map-prop .m14:after{top:73px}
.map-prop .m14+i{left:256px;top:247px;width:14px;height:12px;background-position:-332px -80px}
.map-prop .m15{left:286px;top:233px}
.map-prop .m15:before{height:54px}
.map-prop .m15:after{top:78px}
.map-prop .m15+i{left:272px;top:215px;width:79px;height:54px;background-position:-96px -143px}
.map-prop .m16{left:338px;top:247px}
.map-prop .m16:before{height:40px}
.map-prop .m16:after{top:64px}
.map-prop .m16+i{left:332px;top:255px;width:22px;height:15px;background-position:-180px -137px}
.map-prop .m17{left:374px;top:252px}
.map-prop .m17:before{height:35px}
.map-prop .m17:after{top:59px}
.map-prop .m17+i{left:355px;top:256px;width:59px;height:19px;background-position:right bottom}
.map-prop .m18{left:449px;top:252px}
.map-prop .m18:before{height:35px}
.map-prop .m18:after{top:59px}
.map-prop .m18+i{left:408px;top:256px;width:108px;height:51px;background-position:right -205px}
.map-prop .m19{left:266px;top:106px}
.map-prop .m19:before{height:181px}
.map-prop .m19:after{top:205px}
.map-prop .m19+i{left:236px;top:81px;width:92px;height:89px;background-position:right -116px}
.map-prop .m20{left:307px;top:138px}
.map-prop .m20:before{height:149px}
.map-prop .m20:after{top:173px}
.map-prop .m20+i{left:269px;top:105px;width:87px;height:74px;background-position:-110px -205px}
.map-prop .m21{left:343px;top:155px}
.map-prop .m21:before{height:132px}
.map-prop .m21:after{top:156px}
.map-prop .m21+i{left:328px;top:139px;width:41px;height:51px;background-position:-55px -143px}
.map-prop .m22{left:357px;top:83px}
.map-prop .m22:before{height:204px}
.map-prop .m22:after{top:228px}
.map-prop .m22+i{left:321px;top:42px;width:90px;height:116px;background-position:right 0}
.map-prop .m23{left:406px;top:146px}
.map-prop .m23:before{height:141px}
.map-prop .m23:after{top:165px}
.map-prop .m23+i{left:405px;top:132px;width:21px;height:47px;background-position:-176px -155px}
.map-prop .m24{left:418px;top:176px}
.map-prop .m24:before{height:111px}
.map-prop .m24:after{top:135px}
.map-prop .m24+i{left:415px;top:149px;width:42px;height:80px;background-position:-197px -155px}
.map-prop .m25{left:450px;top:172px}
.map-prop .m25:before{height:115px}
.map-prop .m25:after{top:139px}
.map-prop .m25+i{left:441px;top:166px;width:56px;height:55px;background-position:-273px -80px}
.map-prop .m26{left:431px;top:130px}
.map-prop .m26:before{height:157px}
.map-prop .m26:after{top:181px}
.map-prop .m26+i{left:419px;top:94px;width:74px;height:80px;background-position:-274px 0}
.map-prop .m27{left:462px;top:89px}
.map-prop .m27:before{height:198px}
.map-prop .m27:after{top:222px}
.map-prop .m27+i{left:444px;top:99px;width:43px;height:14px;background-position:-273px -138px}
.map-prop .m28{left:510px;top:66px}
.map-prop .m28:before{height:221px}
.map-prop .m28:after{top:245px}
.map-prop .m28+i{left:479px;top:39px;width:67px;height:74px;background-position:right -256px}
.map-prop .m29{left:539px;top:109px}
.map-prop .m29:before{height:178px}
.map-prop .m29:after{top:202px}
.map-prop .m29+i{left:500px;top:72px;width:91px;height:89px;background-position:-239px -155px}
.map-prop .m30{left:576px;top:203px}
.map-prop .m30:before{height:84px}
.map-prop .m30:after{top:108px}
.map-prop .m30+i{left:521px;top:165px;width:161px;height:97px;background-position:-201px bottom}
.map-prop .m31{left:638px;top:120px}
.map-prop .m31:before{height:167px}
.map-prop .m31:after{top:191px}
.map-prop .m31+i{left:593px;top:117px;width:91px;height:74px;background-position:-110px bottom}
.map-prop .m32{left:729px;top:177px}
.map-prop .m32:before{height:110px}
.map-prop .m32:after{top:134px}
.map-prop .m32+i{left:677px;top:128px;width:110px;height:147px;background-position:0 bottom}
.gmap{display:table;width:100%}
.gmap>div{display:table-cell;vertical-align:top}
.gmap>.map-area{border:#ddd solid 1px;min-height:530px}
.gmap>.map-area>div{width:100%;height:100%;min-height:530px}
.gmap>.left-area{width:180px;padding-left:15px}
.gmap>.map-area[style~="display:"]+.left-area{padding-left:0!important}
.gmap.single-map>.map-area>div,.gmap.single-map>.map-area{min-height:300px}
.single-map-box{background-color:#f0f0f0}
.single-map-box>.trio2{margin:0}
.single-map-box>.trio{width:34%!important}
.head-iklan{position:absolute;bottom:26px;right:0;border:#cee8ff solid 4px;width:145px;z-index:10;padding-bottom:60px}
.map-sekolah .head-iklan:before{content:url(../img/skin/masc-sekolah.png);width:97px}
.map-dinas .head-iklan:before{content:url(../img/skin/masc-dinas.png);width:61px}
.head-iklan:before{position:absolute;height:87px;bottom:-36px;right:3px}
.mapcard{border:1px solid #bbb;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);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#fff no-repeat center center;width:256px;font-size:11px}
.mapcard.tk{border-color:#04bb0e}
.mapcard.sd{border-color:#91290b}
.mapcard.smp{border-color:#2664be}
.mapcard.sma{border-color:#7f8895}
.mapcard.pt{border-color:#4c4c4c}
.mapcard.dinas{border-color:#ed6400}
.mapcard.umum,.mapcard.siswa,.mapcard.guru,.mapcard.ortu{border-color:#f50}
.mapcard .profil{position:relative;margin:10px;min-height:50px;width:216px}
.mapcard .profil .msg{margin:0 0 0 60px}
.mapcard .profil>img{position:absolute;width:50px;height:50px}
.mapcard .menu{padding:0 10px 10px 10px}
.mapcard .menu>ul{display:block}
.mapcard .menu h4{font-weight:normal;font-style:italic}
.mapcard .menu a{white-space:normal!important}
.mapcard p{margin-bottom:7px;color:#666}
.mapcard .stats{background:#eaeaec;padding:5px 10px;border-top:1px solid #cbcbc6!important}
.mapcard .stats>*{margin-right:5px}
.mapcard .stats>*:last-child{margin-right:0}
.picker-field{white-space:nowrap!important;position:relative}
.picker-field>*{float:left}
.ui-slider .ui-slider-handle,.ui-datepicker-buttonpane>button,.ui-datepicker-next,.ui-datepicker-prev,.picker-field>dt,.picker-field>dd{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:#007c72;font-size:12px}
.picker-field>dt,.picker-field>dd{border-left:none}
.ui-slider .ui-slider-handle:hover,.ui-datepicker-buttonpane>button:hover,.ui-datepicker-next:hover,.ui-datepicker-prev:hover,.picker-field>dd:hover{border-color:#a3ca61;background:#c9fb75;background:-webkit-gradient(linear,left top,left bottom,from(#effcd8),to(#c9fb75));background:-moz-linear-gradient(#effcd8,#c9fb75)}
.picker-field>dt:after,.picker-field>dd a{height:25px;width:25px;display:block;background:no-repeat center center;cursor:pointer}
.picker-field>input:first-child{border-bottom-right-radius:0!important;border-top-right-radius:0!important;-moz-border-radius-bottomright:0!important;-moz-border-radius-topright:0!important;-webkit-border-radius-bottomright:0!important;-webkit-border-radius-topright:0!important;-khtml-border-radius-bottomright:0!important;-khtml-border-radius-topright:0!important}
.picker-field>input:last-child{border-bottom-left-radius:0!important;border-top-left-radius:0!important;-moz-border-radius-bottomleft:0!important;-moz-border-radius-topleft:0!important;-webkit-border-radius-bottomleft:0!important;-webkit-border-radius-topleft:0!important;-khtml-border-radius-bottomleft:0!important;-khtml-border-radius-topleft:0!important}
.picker-field>dd:last-child{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-bottom-left-radius:0!important;border-top-left-radius:0!important;-moz-border-radius-bottomleft:0!important;-moz-border-radius-topleft:0!important;-webkit-border-radius-bottomleft:0!important;-webkit-border-radius-topleft:0!important;-khtml-border-radius-bottomleft:0!important;-khtml-border-radius-topleft:0!important}
.picker-field>dt,.picker-field.ranged>dd{border-width:1px 0}
.picker-field.ranged>dd a{width:16px!important}
.picker-field>dt:after{content:url(../img/skin/blank.png);width:16px!important;cursor:default}
.picker-field.ranged.date>dt:after{background-image:url(../img/ic/ic16-date-d.png)}
.picker-field.ranged.time>dt:after{background-image:url(../img/ic/ic16-clock-d.png)}
.picker-field.ranged.datetime>dt:after{background-image:url(../img/ic/ic16-datetime-d.png)}
.picker-field:hover.ranged.date>dt:after{background-image:url(../img/ic/ic16-date.png)}
.picker-field:hover.ranged.time>dt:after{background-image:url(../img/ic/ic16-clock.png)}
.picker-field:hover.ranged.datetime>dt:after{background-image:url(../img/ic/ic16-datetime.png)}
.ui-datepicker{display:none;z-index:2000!important;background:#fff;width:auto!important;border:#bfbfbf solid 1px;padding:7px 10px;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)}
.ui-corner-all{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px}
.ui-datepicker-group{float:left;margin-left:10px}
.ui-datepicker-group:first-child{margin-left:0}
.ui-widget-header,.ui-datepicker-buttonpane,.ui-datepicker-header{background-color:#f3f3f3;position:relative;padding:5px}
.ui-datepicker-header{background-color:#eee}
.ui-datepicker-next,.ui-datepicker-prev{position:absolute}
.ui-datepicker-next{right:5px}
.ui-slider .ui-slider-handle:after,.ui-datepicker-next>span,.ui-datepicker-prev>span{display:block;overflow:hidden;text-indent:-9999px;width:16px;height:16px;background:url(../img/global/p-left.png) no-repeat center center}
.ui-datepicker-next>span{background-image:url(../img/global/p-right.png)}
.ui-datepicker-title{font:italic bold 14px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#888;text-align:center}
.ui-datepicker-calendar{height:182px!important}
.ui-datepicker-calendar>*{float:left;clear:both}
.ui_tpicker_time,.ui-datepicker-calendar tr>*>*{display:block;width:17px;height:17px;padding:4px 4px 0 0;margin:0 2px 2px 0;font-size:12px;line-height:1}
.ui-datepicker-week-end:first-child>*,.ui-datepicker-week-end+.ui-datepicker-week-end>*{color:#ea8585!important}
.ui-datepicker-calendar th>span{font:12px "Trebuchet MS",Arial,Helvetica,sans-serif;text-align:center;width:24px;padding:7px 0 0}
.ui-datepicker-calendar td>*{text-align:right;background-color:#f3f3f3;color:#666;border:#f0f0f0 solid 1px}
.ui-datepicker-calendar a:hover{background-color:#e0e0e0}
.ui_tpicker_time,a.ui-state-active{background-color:#9aa48a;color:#fff;border-color:#9aa48a}
.ui-datepicker-current:before{content:url(../img/skin/blank.png);display:inline-block;width:9px;height:9px;border:#f38455 solid 1px;margin:0 5px 3px 0;vertical-align:middle}
a.ui-state-highlight{border:#f38455 solid 1px}
.ui-datepicker-row-break{clear:both}
.ui-datepicker-close{float:right}
td.ui-datepicker-unselectable>*{opacity:.2}
td.ui-datepicker-other-month>*{background:#FFF;color:#999;font:italic 11px "Trebuchet MS",Arial,Helvetica,sans-serif;padding-right:5px}
.ui-datepicker-buttonpane:after,.ui-helper-clearfix:after{content:".";display:block;height:0;overflow:hidden;clear:both;visibility:hidden}
.ui-slider{position:relative;text-align:left;border:1px solid #ddd;background-color:#f3f3f3}
.ui-slider .ui-slider-handle{position:absolute;z-index:2}
.ui-slider .ui-slider-handle:after{content:url(../img/skin/blank.png);background:url(../img/global/p-down.png) no-repeat center center}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
.ui-timepicker-div{min-width:182px}
.ui_tpicker_time{width:auto;padding:4px 0 0 7px}
.ui_tpicker_time_label,.ui_tpicker_hour_label,.ui_tpicker_minute_label{color:#007c72;font:11px "Trebuchet MS",Arial,Helvetica,sans-serif}
.ui-tpicker-grid-label{margin-top:5px;font-size:10px!important}
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}
.ui-timepicker-div dl{text-align:left;padding-right:.6em}
.ui-timepicker-div dl dt{height:25px}
.ui-timepicker-div dl dd{margin:-25px 0 10px 40px}
.ui-timepicker-div td{font-size:90%}
.wizard{padding-bottom:50px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%}
.wizard .illust i{display:inline-block;height:150px;width:1px}
.wizard .register-bg{background:url(../img/skin/illust-awan.jpg) no-repeat center top;position:relative;padding:0 20px}
.wizard .register-bg.register-s1{background-position:70% center;overflow:hidden;border-bottom:#ddd solid 1px}
.wizard .register-s1>img{position:absolute;right:50px;bottom:-30px}
.wizard .register-bg.register-s2{background-position:-20px -30px;padding:0 20px 40px 220px}
.wizard .register-s2>img{position:absolute;left:70px;top:50px}
.wizard .register-s2>p.muted{line-height:1.3em;margin:20px 0 40px}
.wizard p{line-height:26px}
.wizard .muted{color:#999}
.wizard .big{font-size:30px;font-weight:600}
.wizard .smal{font-size:18px!important;font-weight:200;line-height:1.3em}
.wizard .med{font-size:22px!important;font-weight:200}
.wizard .med-bold{font-weight:400}
.wizard .agree{border-top:#ddd dotted 1px;line-height:1.3em;padding:15px 20px}
.wizard .med-card{border:#ddd solid 1px;background:#fff;border-radius:6px;padding:10px;max-width:350px}
.wizard .register-s2 .med-card{margin:14px 0;display:inline-block}
.wizard .med-card .namecard>span.med{font-size:16px!important;display:block;margin-bottom:3px}
.wizard .freearea .steps{border:0}
.wizard .steps{counter-reset:section}
.wizard .steps>div{counter-increment:section}
.wizard .steps>div>div>span:before{content:counter(section)}
.wizard .steps-header{text-align:right;font-size:22px;font-weight:400;margin-bottom:20px}
.wizard form .input.disabled{border:0;box-shadow:none;background:#f0f0f0}
.wizard form label,.wizard form select,.wizard form textarea,.wizard form .input,.wizard form input[type=number],.wizard form input[type=password],.wizard form input[type=text]{font-size:18px;font-weight:400}
.wizard form label{font-size:18px;font-weight:200;color:#1a8c82;min-height:24px}
.wizard form button,.wizard form .button{font-size:18px;line-height:22px;font-weight:400}
.wizard form legend{font-size:22px;font-weight:200;margin:30px 0 20px;color:#888;border-bottom:#ddd dotted 1px;padding:10px 0 20px}
.wizard form legend.p-b:after{bottom:-1px;width:90px}
@-moz-document url-prefix(){.wizard form select{font-size:16px;padding:6px 10px}
}
@media screen and (-webkit-min-device-pixel-ratio:0){.wizard form select{font-size:17px}
}
.wizard form .form-center{width:750px;margin:0 auto 30px auto}
.wizard form.form-horz .ctrl-group{position:relative;margin:0 0 7px 200px}
.wizard form.form-horz .ctrl-group>.ctrl-label{position:absolute;right:100%;top:7px;margin-right:15px;text-align:right;white-space:nowrap}
.wizard form .ctrl-group label.radio{cursor:pointer;margin:6px 0;font-size:16px!important;line-height:22px;color:#bbb}
.wizard form .ctrl-group label.radio>input{float:left;margin:4px 10px}
.wizard form .ctrl-group label.radio input:checked+span,.wizard form .ctrl-group label.radio:hover{font-size:20px!important;color:#444}
.wizard form .ctrl-group>.ctrl-help{font-size:12px;line-height:12px;color:#999;display:block;margin-bottom:5px}
.wizard form .ctrl-group>.help-inline{display:inline-block}
.wizard form .ctrl-group>.ctrl-help+label{margin-top:17px}
.wizard form .form-footer{border-top:#ddd solid 1px!important;text-align:right;padding:7px 20px 15px;background:#e8f6ff}
.wizard form .global-search{padding:0;margin-bottom:7px;width:350px}
.wizard form .global-search>input[type="text"]{width:90%!important}
.wizard .front-left,.front-right{width:330px;margin:0 20px}
.wizard .front-mid{width:1px;height:200px;position:relative;border-left:#ddd solid 1px;margin:150px 0 0 30px}
.wizard .front-mid em{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;position:absolute;top:40%;left:-20px;padding:5px 0;background:#fff}
.wizard .form-editor{background:#f3f3f3}
.wizard .form-editor-cont{padding:20px;text-align:left}
.td-condensed td,.td-condensed th{padding:3px 10px}
.wizard .angket{max-width:460px;overflow:hidden;min-height:70px}
.wizard .angket.register-s2>img{top:0}
.wizard .angket label,.wizard .angket .med{color:#444;line-height:1.3em}
.wizard .angket ul{padding-left:20px}
.wizard .angket label>span{display:inline-block;padding:5px 10px;cursor:pointer}
.wizard .angket input:checked+span,.wizard .angket label:hover span{background:#ffc}
.wizard .angket li input[type=radio],.wizard .angket li input[type=checkbox]{float:left;margin:10px 0 0 -20px}
.circle{border-radius:30px;border:#ddd solid 6px;text-align:center;display:inline-block;min-width:30px;min-height:30px;position:relative}
.circle.on{border-color:#60a657}
.circle.curr{border-color:#ff8400}
.circle.on>i{background:#60a657}
.circle .ic{margin-top:7px;text-align:center;font-size:16px;overflow:hidden}
.circle.on .ic{text-indent:-99px}
.circle>i{background:#ddd;height:6px;position:absolute;top:12px;right:30px}
.circle.curr>i{background:#60a657;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwYTY1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#60a657 0,#ff8400 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#60a657),color-stop(100%,#ff8400));background:-webkit-linear-gradient(left,#60a657 0,#ff8400 100%);background:-o-linear-gradient(left,#60a657 0,#ff8400 100%);background:-ms-linear-gradient(left,#60a657 0,#ff8400 100%);background:linear-gradient(to right,#60a657 0,#ff8400 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60a657',endColorstr='#ff8400',GradientType=1)}
.circle.next>i{background:#ff8400;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#ff8400 0,#ddd 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#ff8400),color-stop(100%,#ddd));background:-webkit-linear-gradient(left,#ff8400 0,#ddd 100%);background:-o-linear-gradient(left,#ff8400 0,#ddd 100%);background:-ms-linear-gradient(left,#ff8400 0,#ddd 100%);background:linear-gradient(to right,#ff8400 0,#ddd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400',endColorstr='#dddddd',GradientType=1)}
.easyPieChart{position:relative;text-align:center}
.easyPieChart canvas{position:absolute;top:0;left:0}
.br-theme-bars-pill .br-widget{white-space:nowrap}
.br-theme-bars-pill .br-widget a{padding:7px 15px;background-color:#bef5e8;color:#50e3c2;text-decoration:none;font-size:11px;line-height:3;text-align:center;font-weight:400}
.br-theme-bars-pill .br-widget a:first-child{-webkit-border-top-left-radius:999px;-webkit-border-bottom-left-radius:999px;-moz-border-radius-topleft:999px;-moz-border-radius-bottomleft:999px;border-top-left-radius:999px;border-bottom-left-radius:999px}
.br-theme-bars-pill .br-widget a:last-child{-webkit-border-top-right-radius:999px;-webkit-border-bottom-right-radius:999px;-moz-border-radius-topright:999px;-moz-border-radius-bottomright:999px;border-top-right-radius:999px;border-bottom-right-radius:999px}
.br-theme-bars-pill .br-widget a.br-active,.br-theme-bars-pill .br-widget a.br-selected{background-color:#50e3c2;color:white}
.br-theme-bars-pill .br-readonly a{cursor:default}
.br-theme-bars-pill .br-readonly a.br-active,.br-theme-bars-pill .br-readonly a.br-selected{background-color:#7cead1}
@media print{.br-theme-bars-pill .br-widget a{border:1px solid #b3b3b3;border-left:none;background:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.br-theme-bars-pill .br-widget a.br-active,.br-theme-bars-pill .br-widget a.br-selected{border:1px solid black;border-left:none;background:white;color:black}
.br-theme-bars-pill .br-widget a:first-child{border-left:1px solid black}
}
.br-theme-bars-movie .br-widget{height:10px;white-space:nowrap}
.br-theme-bars-movie .br-widget a{display:block;width:50px;height:8px;float:left;background-color:#bbcefb;margin:1px}
.br-theme-bars-movie .br-widget a.br-active,.br-theme-bars-movie .br-widget a.br-selected{background-color:#4278f5}
.br-theme-bars-movie .br-widget .br-current-rating{clear:both;width:240px;text-align:center;font-weight:600;display:block;padding:.5em 0;color:#4278f5!important;font-weight:400}
.br-theme-bars-movie .br-readonly a{cursor:default}
.br-theme-bars-movie .br-readonly a.br-active,.br-theme-bars-movie .br-readonly a.br-selected{background-color:#729bf8}
.br-theme-bars-movie .br-readonly .br-current-rating{color:#729bf8}
@media print{.br-theme-bars-movie .br-widget a{border:1px solid #b3b3b3;background:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.br-theme-bars-movie .br-widget a.br-active,.br-theme-bars-movie .br-widget a.br-selected{border:1px solid black;background:white}
.br-theme-bars-movie .br-widget .br-current-rating{color:black}
}
.br-theme-bars-reversed .br-widget{height:25px;white-space:nowrap}
.br-theme-bars-reversed .br-widget a{display:block;width:22px;height:22px;float:left;background-color:#bef5e8;margin:1px;font-size:15px;font-weight:400;line-height:1.4;color:#50e3c2;text-align:center}
.br-theme-bars-reversed .br-widget a.br-active,.br-theme-bars-reversed .br-widget a.br-selected{background-color:#50e3c2;color:white}
.br-theme-bars-reversed .br-widget .br-current-rating{line-height:1.3;float:left;padding:0 20px 0 20px;color:#50e3c2;font-size:17px;font-weight:400}
.br-theme-bars-reversed .br-readonly a{cursor:default}
.br-theme-bars-reversed .br-readonly a.br-active,.br-theme-bars-reversed .br-readonly a.br-selected{background-color:#7cead1}
.br-theme-bars-reversed .br-readonly .br-current-rating{color:#7cead1}
@media print{.br-theme-bars-reversed .br-widget a{border:1px solid #b3b3b3;background:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.br-theme-bars-reversed .br-widget a.br-active,.br-theme-bars-reversed .br-widget a.br-selected{border:1px solid black;background:white}
.br-theme-bars-reversed .br-widget .br-current-rating{color:black}
}
.br-theme-bars-square .br-widget{height:15px;white-space:nowrap}
.br-theme-bars-square .br-widget a{display:block;width:30px;height:30px;float:left;border:2px solid #bbcefb;background-color:white;margin:2px;text-decoration:none;font-size:14px;font-weight:400;line-height:2;text-align:center;color:#bbcefb;font-weight:600}
.br-theme-bars-square .br-widget a.br-active,.br-theme-bars-square .br-widget a.br-selected{border:2px solid #4278f5;color:#4278f5}
.br-theme-bars-square .br-widget .br-current-rating{clear:both;width:330px;text-align:center;font-weight:600;display:block;padding:.5em 0;color:#646464}
.br-theme-bars-square .br-readonly a{cursor:default}
.br-theme-bars-square .br-readonly a.br-active,.br-theme-bars-square .br-readonly a.br-selected{border:2px solid #729bf8;color:#729bf8}
@media print{.br-theme-bars-square .br-widget a{border:2px solid #b3b3b3;color:#b3b3b3}
.br-theme-bars-square .br-widget a.br-active,.br-theme-bars-square .br-widget a.br-selected{border:2px solid black;color:black}
}
/*!
 * Viewer.js v0.10.0
 * https://github.com/fengyuanchen/viewerjs
 *
 * Copyright (c) 2015-2017 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2017-11-05T04:38:25.879Z
 */.viewer-zoom-in::before,.viewer-zoom-out::before,.viewer-one-to-one::before,.viewer-reset::before,.viewer-prev::before,.viewer-play::before,.viewer-next::before,.viewer-rotate-left::before,.viewer-rotate-right::before,.viewer-flip-horizontal::before,.viewer-flip-vertical::before,.viewer-fullscreen::before,.viewer-fullscreen-exit::before,.viewer-close::before{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');background-repeat:no-repeat;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}
.viewer-zoom-in::before{background-position:0 0;content:'Zoom In'}
.viewer-zoom-out::before{background-position:-20px 0;content:'Zoom Out'}
.viewer-one-to-one::before{background-position:-40px 0;content:'One to One'}
.viewer-reset::before{background-position:-60px 0;content:'Reset'}
.viewer-prev::before{background-position:-80px 0;content:'Previous'}
.viewer-play::before{background-position:-100px 0;content:'Play'}
.viewer-next::before{background-position:-120px 0;content:'Next'}
.viewer-rotate-left::before{background-position:-140px 0;content:'Rotate Left'}
.viewer-rotate-right::before{background-position:-160px 0;content:'Rotate Right'}
.viewer-flip-horizontal::before{background-position:-180px 0;content:'Flip Horizontal'}
.viewer-flip-vertical::before{background-position:-200px 0;content:'Flip Vertical'}
.viewer-fullscreen::before{background-position:-220px 0;content:'Enter Full Screen'}
.viewer-fullscreen-exit::before{background-position:-240px 0;content:'Exit Full Screen'}
.viewer-close::before{background-position:-260px 0;content:'Close'}
.viewer-container{background-color:rgba(0,0,0,.5);bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-webkit-touch-callout:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent}
.viewer-container::selection,.viewer-container *::selection{background-color:transparent}
.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}
.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}
.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}
.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}
.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}
.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}
.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px}
.viewer-list>li:hover{opacity:.75}
.viewer-list>li+li{margin-left:1px}
.viewer-list>.viewer-active,.viewer-list>.viewer-active:hover{opacity:1}
.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0}
.viewer-player>img{left:0;position:absolute;top:0}
.viewer-toolbar ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:3px 0}
.viewer-toolbar li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px}
.viewer-toolbar li:hover{background-color:rgba(0,0,0,.8)}
.viewer-toolbar li::before{margin:2px}
.viewer-toolbar li+li{margin-left:1px}
.viewer-toolbar .viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}
.viewer-toolbar .viewer-small::before{margin:-1px}
.viewer-toolbar .viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}
.viewer-toolbar .viewer-large::before{margin:5px}
.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}
.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}
.viewer-title:hover{opacity:1}
.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px}
.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}
.viewer-button::before{bottom:15px;left:15px;position:absolute}
.viewer-fixed{position:fixed}
.viewer-open{overflow:hidden}
.viewer-show{display:block}
.viewer-hide{display:none}
.viewer-invisible{visibility:hidden}
.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}
.viewer-fade{opacity:0}
.viewer-in{opacity:1}
.viewer-transition{-webkit-transition:all .3s;transition:all .3s}
@media(max-width:767px){.viewer-hide-xs-down{display:none}
}
@media(max-width:991px){.viewer-hide-sm-down{display:none}
}
@media(max-width:1199px){.viewer-hide-md-down{display:none}
}