/* 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{
	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:0.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: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;
}
/* kalender selector - semester selector */
.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;
}