@charset "utf-8";
/* common */
html {
   overflow:auto;
}
body {
   font-family: Tahoma, Arial, Helvetica, sans-serif!important;
   font-size:11px;
   color:#05456d!important;
   margin:0 0;
   background-color:#fff!important;
   padding:0px;
}
#wrapper {
   margin:0 auto;
   height: auto;
   max-width:1000px;
   min-width:940px!important;
}
.frame-clr {
   clear:both;
}
a {
   text-decoration:none;
   color:#1E83C3;
}
a:hover {
   text-decoration:underline;
}
/* layout */
.left{
   float:left !important;
}
.right{
   float:right !important;
}
.relative {
   position:relative !important;
}
.abs-r,
.abs-l{
   position:absolute !important;
   top:0;
}
.abs-l{
   left:0;
}
.abs-r{
   right:0;
}
.half {
   width: 48% !important;
}
.trio {
   width: 31% !important;
}
.trio2 {
   width: 62% !important;
}
.quad {
   width: 23% !important;
}
.quad3 {
   width: 69% !important;
}
.full {
   width: 100% !important;
}
.blk {
   display:inline-block !important;
}
.nowrap {
   white-space:nowrap;
}
/* separator */
.sep-vert {
   margin-right:2% !important;
   padding-right:2% !important;
   border-right:#ccc solid 1px;
}
.sep-vert-l {
   margin-left:2% !important;
   padding-left:2% !important;
   border-left:#ccc solid 1px;
}
/* foot */
.skn-foot{
   font-size: 11px !important;
    line-height: normal;
    padding: 0 33px;
}
.skn-foot .logo-tbl{
   width:100%;
}
.skn-foot .logo{
   width:88px;
   text-align:center;
}
.skn-foot .text{
   color:#999;
   border-left:#cecece solid 1px;
   border-right:#cecece solid 1px;
   padding:4px 10px;
}
.skn-foot .logosiap{
   width:54px;
   text-align:center;
}
.skn-foot .browser{
   background:url(../skin/browser.png) no-repeat right center;
   height:40px;
}
/* border foot */
.skn-bdr-2px .top{
   background:url(../skin/cnr_bdr2px_cecece.png) no-repeat 0 0;
   padding-left:9px;
}
.skn-bdr-2px .top .l{
   background:url(../skin/cnr_bdr2px_cecece.png) no-repeat right top;
   padding-right:9px;
}
.skn-bdr-2px .top .m{
   border-top:#cecece solid 2px;
   background-color:#fff;
   height:9px;
}
.skn-bdr-2px .mid{
   padding:0px 4px;
   border-left:#cecece solid 2px;
   border-right:#cecece solid 2px;
   background-color:#fff;
}
.skn-bdr-2px .btm{
   background:url(../skin/cnr_bdr2px_cecece.png) no-repeat left bottom;
   padding-left:9px;
}
.skn-bdr-2px .btm .l{
   background:url(../skin/cnr_bdr2px_cecece.png) no-repeat right bottom;
   padding-right:9px;
}
.skn-bdr-2px .btm .m{
   border-bottom:#cecece solid 2px;
   background-color:#fff;
   height:9px;
}
/* box border cecece round */
.skn-box-a .top{
   background:url(../skin/cnr_bdr_cecece.png) no-repeat 0 0;
   padding-left:8px;
}
.skn-box-a .top .l{
   background:url(../skin/cnr_bdr_cecece.png) no-repeat right top;
   padding-right:8px;
}
.skn-box-a .top .m{
   border-top:#cecece solid 1px;
   background-color:#fff;
   height:10px;
}
.skn-box-a .mid{
   padding:0px 11px;
   border-left:#cecece solid 1px;
   border-right:#cecece solid 1px;
   background-color:#fff;
}
.skn-box-a .btm{
   background:url(../skin/cnr_bdr_cecece.png) no-repeat left bottom;
   padding-left:8px;
}
.skn-box-a .btm .l{
   background:url(../skin/cnr_bdr_cecece.png) no-repeat right bottom;
   padding-right:8px;
}
.skn-box-a .btm .m{
   border-bottom:#cecece solid 1px;
   background-color:#fff;
   height:10px;
}
/* box f1eab3 */
.skn-box-b .top,
.skn-box-b .top .l,
.skn-box-b .btm,
.skn-box-b .btm .l{
   background:url(../skin/cnr_bg_f1eab3.png) no-repeat 0 0;
}
/* box ebebeb */
.skn-box-c .top,
.skn-box-c .top .l,
.skn-box-c .btm,
.skn-box-c .btm .l{
   background:url(../skin/cnr_bg_ebebeb.png) no-repeat 0 0;
}
/* box setting */
.skn-box-b .top,
.skn-box-c .top{
   padding-left:6px;
}
.skn-box-b .top .l,
.skn-box-c .top .l{
   background-position:right top;
   padding-right:6px;
}
.skn-box-b .top .m,
.skn-box-b .btm .m,
.skn-box-c .top .m,
.skn-box-c .btm .m{
   background-color:#f1eab3;
   border:none;
   height:5px;
}
.skn-box-c .top .m,
.skn-box-c .btm .m{
   background-color:#ebebeb;
}
.skn-box-b .mid,
.skn-box-c .mid{
   background-color:#f1eab3;
   padding:0px 10px;
   border:none;
}
.skn-box-c .mid{
   background-color:#ebebeb;
}
.skn-box-b .btm,
.skn-box-c .btm{
   background-position:left bottom;
   padding-left:6px;
}
.skn-box-b .btm .l,
.skn-box-c .btm .l{
   background-position:right bottom;
   padding-right:6px;
}
/* box half f1eab3 combine w skn-box-a */
.skn-box-d .top,
.skn-box-d .top .ll,
.skn-box-d .btm,
.skn-box-d .btm .ll{
   background-image:url(../skin/cnr_half_f1eab3.png);
}
.skn-box-d .top .ll,
.skn-box-d .btm .ll{
   background-position:left -20px;
   background-repeat:repeat-x;
   padding-left:50px;
}
.skn-box-d .top .m,
.skn-box-d .btm .m{
   height:5px;
}
.skn-box-d .btm .ll{
   background-position:left -54px;
}
.skn-box-d .mid{
   padding:0;
   background-color:#f1eab3;
}
.skn-box-d .mid .l{
   width:37px;
   text-align:right;
   padding-right:10px;
}
.skn-box-d .mid .r,
.skn-box-d .mid .skn-cont-frm,
.skn-box-d .mid .m{
   background-color:#fff;
   padding:0 10px;
}
.skn-box-d .mid .ll,
.skn-box-d .mid .r{
   width:10px;
   padding:0;
}
.skn-box-d .mid .skn-cont-frm,
.skn-box-d .mid .lb{
   border-top:#91c1e9 solid 1px;
}
/* box msg */
.skn-box-msg{
   padding-top:15px;
}
.skn-box-msg .h,
.skn-box-msg .h .hr,
.skn-box-msg .h .hm{
   background:url(../skin/bdr_head_msg.png) no-repeat 0 0;
}
.skn-box-msg .h{
   padding-left:7px;
}
.skn-box-msg .h .hr{
   background-position:right -10px;
   padding-right:7px;
}
.skn-box-msg .h .hm{
   background-position:0 -20px;
   background-repeat:repeat-x;
   height:7px;
}
.skn-box-msg .mm{
   border-left:#cecece solid 1px;
   border-right:#cecece solid 1px;
   padding:0 2px;
}
.skn-box-msg .mmm{
   padding:0 10px 5px 46px;
   min-height:20px;
   font:16px Arial,Tahoma,sans-serif;
   font-weight:bold;
}
.skn-box-msg ol:first-child,
.skn-box-msg ul:first-child {
   margin:0;
   padding:0.75em 2em;
}
.skn-box-msg span.red{
   color:#af251c;
}
.skn-box-msg span.blu{
   color:#0053a6;
}
.skn-box-msg span.grn{
   color:#149830;
}
/* box msg warning */
.skn-warn .mmm{
   background:url(../icon/ic_msg_warn.png) no-repeat 13px 0;
   color:#af251c;
}
.skn-warn .h,
.skn-warn .mmm{
   background-color:#fef6b6;
}
/* box msg info */
.skn-info .mmm{
   background:url(../icon/ic_msg_info.png) no-repeat 13px 0;
   color:#0053a6;
}
.skn-info .h,
.skn-info .mmm{
   background-color:#dcf0fe;
}
/* box msg critical */
.skn-crit .mmm{
   background:url(../icon/ic_msg_crit.png) no-repeat 13px 0;
   color:#af251c;
}
.skn-crit .h,
.skn-crit .mmm{
   background-color:#ffe3d9;
}
/* box msg step daftar */
.skn-daftar .mmm{
   background:url(../icon/ic_msg_daftar.png) no-repeat 13px 0;
   color:#05456D;
}
.skn-daftar .h,
.skn-daftar .mmm{
   background-color:#F1EAB3;
}
.skn-daftar .mid{
   padding-top:15px;
   position:relative;
}
.skn-daftar .mid .loading{
   height:100%;
   left:0;
   position:absolute;
   top:0;
   width:100%;
}
.skn-daftar .mid .loading .loading-disabler{
   height:100%;
   position:relative;
   width:100%;
}
.skn-daftar .mid .loading .loading-disabler div{
   background-color:#fff;
   height:100%;
   left:0;
   position:absolute;
   top:0;
   width:100%;
   opacity:0.8;
}
.skn-daftar .mid .loading .loading-text{
   color:#666;
   font-family:"Trebuchet MS", Georgia, "Times New Roman";
   font-size:18px;
   font-weight:bold;
   position:absolute;
   right:10px;
   top:10px;
}
form table .error{
   background:#FDF0F0 url(../icon/ic_msg_warn_s.png) no-repeat 5px 5px !important;
   border:1px solid #ffcece !important;
   color:#990000 !important;
   padding:5px 5px 5px 30px !important;
}
/* tambahan susan :) */
form table .info{
   background:#F0F0FD url(../icon/ic_msg_info_s.png) no-repeat 5px 5px !important;
   border:1px solid #ceceff !important;
   color:#000099 !important;
   padding:5px 5px 5px 30px !important;
}
/* form */
form{
   margin:0 0;
   padding:0;
}
/* input text */
form .input-text-focus,
form .input-text{
   background:#fff url(../skin/bg_input.png) repeat-x;
   border:#bcbcbc solid 1px;
   font-size:12px;
   padding:3px 5px;
   width:95%;
}
form .input-text-focus,
form .input-text:focus{
   border-color:#93cf01;
}
/* input combo */
form .input-combo{
   background:#fff url(../skin/bg_input.png) repeat-x;
   border:#bcbcbc solid 1px;
   font-size:12px;
   width:100%;
}
form .input-combo option{
   padding:0px 5px;
}
form .input-combo:focus{
   border-color:#93cf01;
}
/* news border */
.news-bdr{
   background:url(../skin/bdr_sdw_fade.png) no-repeat 0 0;
   padding-left:8px;
}
.news-bdr .r{
   background:url(../skin/bdr_sdw_fade.png) no-repeat right 0;
   padding-right:8px;
}
.news-bdr .m{
   min-height:235px;
   background-color:#fff;
}
/* news */
.news-home .head{
   border-top:#cecece solid 1px;
   border-bottom:#cecece solid 1px;
   background-color:#f1eab3;
   padding:7px 10px;
}
.news-home .head .title{
   font-family:"Trebuchet MS", Georgia, "Times New Roman";
   font-size:18px;
   font-weight:bold;
   white-space:nowrap;
   color:#013b74;
   height:27px;
   padding-left:35px;
   padding-right:7px;
   background:url(../icon/ic_news.png) no-repeat 0 center;
   border-right:#548ba0 solid 1px;
}
.news-home .head .desc{
   padding-left:7px;
   color:#797979;
   font-size:10px;
}
.news-home .cont{
   padding:15px 20px;
   padding-bottom:0;
}
.news-home .cont ul{
   list-style:none;
   margin:0px;
   padding:0px;
}
.news-home .cont li{
   padding-bottom:10px;
   margin-bottom:10px;
   border-bottom:#b2b1b1 dotted 1px;
}
.news-home .cont .title a,
.news-home .cont .title{
   font-family:"Trebuchet MS", Georgia, "Times New Roman";
   font-size:18px;
   color:#4499aa;
   margin:0px;
}
.news-home .cont .date{
   color:#aa9988;
}
.news-home .cont .desc{
   color:#444;
}
.news-home .cont .desc li,
.news-home .cont .desc p {
   font-family:Helvetica,Arial,Sans-serif;
   font-size:12px;
   line-height:1.439;
}
.news-home .cont .desc ul {
   margin:auto 2em;
   list-style-type:disc;
}
.news-home .cont .desc li{
   border:none;
   margin:auto;
   padding-bottom:0;
}
.news-home .cont .more{
   text-align:right;
}
.news-home .cont .more a{
   color:#4499aa;
   font-weight:bold;
}
/* data navigation */
.skn-nav{
   width:100%;
}
.skn-nav .nav-right {
   text-align:right;
}
.skn-nav span {
   padding:1px 3px 1px 3px;
   background-color:#fff;
   border:#ddddff solid 1px;
}
.skn-nav span.nav-sel {
   background-color:#ddddff;
}
/* data refresh */
.skn-refresh{
   position:relative;
}
.skn-refresh div{
   position:absolute;
   right:0;
   background:url(../icon/ic_refresh.png) no-repeat 0 0;
   height:47px;
   width:47px;
   cursor:pointer;
}
/* data loading */
.skn-loading-layer {
   background-color:#FFFFFF;
   height:100%;
   left:0;
   position:fixed;
   top:0;
   width:100%;
   z-index:9998;
   opacity: 0.5;
}
.skn-loading {
   height:100%;
   left:0;
   position:fixed;
   text-align:center;
   top:0;
   width:100%;
   z-index:9999;
}
.skn-loading div {
   background-image:url(../icon/load_anim.gif);
   height:32px;
   margin:25% auto;
   width:40px;
}
/* iklan */
.banner-adv {
   background-color:#ebebeb;
   padding:5px 0;
   margin-top:10px;
   text-align:center;
}
.frame-cont .banner-adv {
   margin:5px 0;
}
.login-adv {
   background-color:#f0f0f0;
   margin:10px 5px 0 5px;
   border:#ddd solid 1px;
}
.login-adv * {
   margin:0;
   padding:0;
}
.login-adv h4 {
   text-indent:-999px;
   background:url(../iklan/adv_login.png) no-repeat 0 center;
   height:28px;
   float:left;
   width:75px;
}
.login-adv ul {
   list-style:none;
   float:right;
}
.login-adv li {
   float:left;
}
.login-adv a {
   height:20px;
   width:136px;
   border-left:#ddd solid 1px;
   display:inline-block;
   background:url(../iklan/adv_login.png) no-repeat -147px center;
   opacity:0.6;
   color:#768792;
   padding:8px 0 0 10px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   text-transform:uppercase;
}
.login-adv a:hover {
   opacity:1;
   color:#de7d00;
   text-decoration:none;
}
.login-adv a.stu {
   background-position:-294px center;
}
.login-adv a.tch {
   background-position:-441px center;
}
.login-adv a.prt {
   background-position:right center;
}




/* css index formulir */
.pengajuan-online{
margin-top:20px;
}
.box-pengajuan{
border:2px solid #DDDDDD;
padding:7px;
line-height:1.5em;
margin-top:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:#064B79;
display: block;
text-decoration: none;
}
.box-pengajuan img{
padding:5px 0 0 5px;
border:none;
}
.box-pengajuan:after{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
a.box-pengajuan:hover {
background-color: #f5f2d7;
text-decoration:none;
}
.box-pengajuan .jenis-sekolah{
border-left: 1px solid #CCCCCC;
margin-left:9px;
padding:3px 0 5px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.box-pengajuan .title{
font-size:18px;
text-transform:uppercase;
}
.box-pengajuan .keterangan{
font-family:Georgia, "Times New Roman", Times, serif;
color:#999;
}