/* orgchart - 2008 Google Inc. */
.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:0.6em}
.google-visualization-orgchart-node-medium{ font-size:0.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 as thumbnail ===== */
.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:#ffffcc;
}
.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;
}
/* thumbnail action */
.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;
}
/* thumbnail act status */
.direktori-thumb .thumb-stat{
   display:block;
   float:right;
   line-height:0;
}
/* big thumbnail */
.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;
}
/* small thumbnail */
.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;
}
/* koleksi gambar thumbnail */
.galeri .direktori-thumb >li{
   width:190px;
   height:126px;
   padding:0;
   border:none;
   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;
}
/* koleksi gambar thumbnail */
.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 as list ===== */
.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:none;
}
.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;
}
/* list action */
.direktori-list .thumb-act{
   float:right;
}
/* list act status */
.direktori-list .thumb-stat{
   position:absolute;
   top:7px;
   right:50px;
}
/* small thumbnail */
.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;
}
/* direktori portal map */
.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;
}
/* direktori - administrasi subject list */
.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:#ffffcc;
}
/* direktori in edit */
.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%;
}
/* small thumbnail */
.direktori-list.editmode.sml-thumb >li{
   padding:7px 30px 7px 75px;
}
.direktori-list.editmode.sml-thumb >li img {
   top:7px;
}
/* editmode alert */
.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 as table ===== */
.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:0.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:none;
   border:none;
}
.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 for image gallery */
.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 for image gallery in edit mode */
.direktori-list.direktori-img.editmode >li >a.ic {
   position:absolute;
   left:33px;
   height:30px;
   width:50px;
}
/* agenda */
.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:none;
}
.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;
}
/* pengumuman */
.agenda.anno >ul >li >ul >li {
   padding-left:10px;
}
/* jadwal */
.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;
}
/* pelajaran */
.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:none;
}
.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;
}
/* kalender */
.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:none;
}
/* kalender tbl */
.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:none;
   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;
}
/* kalender tbl content */
.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;
}
/* kalender pop content */
.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:0.6;
}
/* kalender per hari */
.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;
}
/* kalender per jam */
.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;
}
/* ========== kalender selector ========== */
.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{
   line-height:normal !important;
   color:#bbb;
   font-size:55px;
}
.cal-nav .cal-title h2{
   line-height:normal !important;
   color:#666;
   font-size:30px;
   text-transform:uppercase;
}
.cal-nav .cal-title h3{
   color:#666;
   font-size:22px;
   font-weight:normal;
   letter-spacing:0.2em;
   line-height:normal !important;
}
.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:0.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:0.5;
}
.cal-nav .day-list li.today:after{
   left:27%;
   width:46%;
   bottom:0;
   opacity:0.5;
}
.cal-nav li.event:hover:before{
   top:0;
   width:100%;
   height:4px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
/* kalender selector - month & year nav */
.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 .tahap-pick-nav{
   text-align:center;
   min-width:60px;
   border-left:#dedede solid 1px;
}
.cal-nav .tahap-pick-nav div{
   font-size:11px;
   line-height:15px;
   position:relative;
}

.cal-nav .tahap-pick-nav .pick:before{
   content:'';
   background:url(../img/skin/cal-r_nav-point.png) no-repeat 0 center;
   position:absolute;
   width:9px;
   height:100%;
   left:-21px;
   padding: 0px;
}
.cal-nav .tahap-pick-nav .sem-title >div{
   cursor:pointer;
   position:relative;
   padding:10px 0;
}
.cal-nav .tahap-pick-nav .sem-title >div.today{
   padding-bottom:0;
}
.cal-nav .tahap-pick-nav .sem-title >div.today:after{
   content:'';
   display:block;
   width:64px;
   padding-top:8px;
   margin:0 auto;
   border-bottom:#ff8a00 solid 2px;
   opacity:0.5;
}
.cal-nav .tahap-pick-nav .sem-title >div:first-child{
   padding-left:1px;
}
.cal-nav .tahap-pick-nav .sem-title >div + div{
   border-left:#ddd solid 1px;
   padding-left:0;
}
.cal-nav .tahap-pick-nav .ajaran-title >div.on,
.cal-nav .tahap-pick-nav .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 .tahap-pick-nav .ajaran-title >div:hover,
.cal-nav .tahap-pick-nav .sem-title >div:hover{
   background-color:#e2e2e2;
   color:#666;
   border-radius:3px;
}
/* kalender selector - semester selector */
.cal-nav .tahap-pick-nav{
   text-align:center;
}
.cal-nav .tahap-pick-nav + .cal-pick-nav{
   width:20%;
   min-width:60px;
}
.cal-nav .tahap-pick-nav h1{
   color:#666;
   font-size:32px;
}
.cal-nav .tahap-pick-nav h2{
   color:#666;
   font-size:26px;
   text-transform:uppercase;
}
.cal-nav .tahap-pick-nav h3{
   color:#666;
   font-size:11px;
   font-weight:normal;
}
.cal-nav .tahap-pick-nav h4{
   color:#bab9b9;
   font-size:11px;
   font-weight:normal;
}
.cal-nav .tahap-pick-nav .ajaran-title h4{
   letter-spacing:0.5em;
   margin-bottom:5px !important;
}
.cal-nav .tahap-pick-nav >div{
   margin:0 20px !important;
   height:100%;
}
.cal-nav .tahap-pick-nav .ajaran-title{
   border-bottom:#dedede solid 1px;
   padding-bottom:10px;
}
.cal-nav .tahap-pick-nav .ajaran-title >div{
   padding:10px 20px;
   cursor:pointer;
   display:inline-block;
}
.cal-nav .tahap-pick-nav .ajaran-title >div.today{
   padding-bottom:0;
}
.cal-nav .tahap-pick-nav .ajaran-title >div.today:after{
   content:'';
   display:block;
   padding-top:8px;
   border-bottom:#ff8a00 solid 2px;
   opacity:0.5;
}
.cal-nav .cal-periode .sem-title{
   padding-top:10px;
}

.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:0.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:0.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;
}
/* sem selected */
.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:0.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:none;
   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;
}
/* at modalbox */
.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%;
}
/* ======= kalender akademik ======== */
.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:0.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;
}
/* kelender color picker */
.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;
}