@charset "utf-8";
/* CSS Document by UKON */


/* GLOBAL */
html { width:980px; height:auto; margin:auto; background: #F2F2F2 url(img/bg.png) repeat-y center;}
body { width:980px; color: #333; font-size:11px; }
.mastertable {
	width: 940px ; height: auto;
	/* border-top: #999 dashed thin;
	/* border-bottom: #999 dashed thin; */
	margin-top: 3px; margin-bottom: 3px;
	font-size: 11px;
	padding: 0;
	}
.foot { background:url(img/foot.png) center no-repeat; margin:auto; width:100%; height:100px; border-top:#CCC thin dashed;}
.login { width:400px; height:200px; background:url(img/login.png) no-repeat center; margin:auto; padding:10px; border: thin #FFCA95 solid; border-radius:8px; font-size:11px;}
.bg2 { background:url(img/body-bg.png);}

/* END GLOBAL */

/* ATAS */
.header { background:url(img/top-banner.png) no-repeat top center; width:960px; height:120px;}
.mst-judul { width:auto; border-bottom:#666 solid medium; border:#666 thin solid; font-size:11px; text-align:center; padding:3px; margin-bottom:4px; background: #FC9; font-weight:bold;}

.mst-judul3 { width:auto; font-size:9px; text-align:center; padding:3px; margin-bottom:4px; background: #0CF;}

.mst-judul2 { width:auto; border-bottom:medium solid #CCC;  border-right: #FFF thin dashed; font-size:10px; text-align:center; padding:3px; margin-bottom:4px; background: #000; font-weight:bold; color:#FF0;}

/* END ATAS */

/* TOMBOL */
.tombol { margin:2px; padding:2px 10px; border: #CCC solid thin; border-radius:1px; text-align:center; text-decoration:none; background:#F4F4F4; display: inline-block; *display: inline; cursor:pointer; vertical-align: middle;}
.tombol:hover { background:#FFE4CA;}
/* END TOMBOL */

/* BLOK */
.blok-1 { padding:6px; background: #E0EBFC; border: #EBEBEB thin solid; margin:2px; border-radius:1px; font-size:11px;}
.blok-2 { padding:6px; background: #B0F5BF; border: #EBEBEB thin solid; margin:2px; border-radius:1px; font-size:11px;}
.blok-3 { padding:6px; background: #FFE68E; border: #EBEBEB thin solid; margin:2px; border-radius:1px; font-size:11px;}
.blok-4 { padding:6px; background: #FFC4F9; border: #EBEBEB thin solid; margin:2px; border-radius:1px; font-size:11px;}
.blok-5 { padding:6px; background: #C9C9C9; border: #EBEBEB thin solid; margin:2px; border-radius:1px; font-size:11px;}
/* END BLOK */

/* TEKS */
.note { background: #F2F2F2; margin:auto; font-size:11px; padding:5px; border:#FC6; color: #666; border-left:#36F medium solid; padding-left:10px;}
.hrf-0 { padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; font-weight:bold; }
.hrf-1 { border-left: #000 medium solid; padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; font-weight:bold; }
.hrf-2 { border-left: #09C medium solid; padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; font-weight:bold;}
.hrf-3 { border-left: #3C6 medium solid; padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; font-weight:bold;}
.hrf-4 { border-left: #F93 medium solid; padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; font-weight:bold;}
.hrf-5 { border-left: #639 medium solid; padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; font-weight:bold;}
.hrf-6 { border-left: #99F medium solid; padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; font-weight:bold;}

.hrf-0-s { padding-left:4px; padding-top:1px; padding-bottom:1px; font-size:10px; margin:1px; font-weight:bold; }
.hrf-1-s { border-left: #000 medium solid; padding-left:4px; padding-top:1px; padding-bottom:1px; font-size:10px; margin:1px; font-weight:bold; }
.hrf-2-s { border-left: #09C medium solid; padding-left:4px; padding-top:1px; padding-bottom:1px; font-size:10px; margin:1px; font-weight:bold;}
.hrf-3-s { border-left: #3C6 medium solid; padding-left:4px; padding-top:1px; padding-bottom:1px; font-size:10px; margin:1px; font-weight:bold;}
.hrf-4-s { border-left: #F93 medium solid; padding-left:4px; padding-top:1px; padding-bottom:1px; font-size:10px; margin:1px; font-weight:bold;}
.hrf-5-s { border-left: #639 medium solid; padding-left:4px; padding-top:1px; padding-bottom:1px; font-size:10px; margin:1px; font-weight:bold;}
.hrf-6-s { border-left: #99F medium solid; padding-left:4px; padding-top:1px; padding-bottom:1px; font-size:10px; margin:1px; font-weight:bold;}

.hrf-hijau { color:#090; padding:1px;}
.hrf-merah { color: #F00; padding:1px;}
.hrf-biru { color:#36F; padding:1px;}
.hrf-coklat { color: #C63; padding:1px;}
.hrf-orange { color:#F60; padding:1px;}
.hrf-ungu { color:#639; padding:1px;}
.hrf-pink { color:#F0C; padding:1px;}

.hrf-hijau-b { color:#090; padding:1px; font-weight:bold;}
.hrf-merah-b { color: #F00; padding:1px; font-weight:bold;}
.hrf-biru-b { color:#36F; padding:1px; font-weight:bold;}
.hrf-coklat-b { color: #C63; padding:1px; font-weight:bold;}
.hrf-orange-b { color:#F60; padding:1px; font-weight:bold;}
.hrf-ungu-b { color:#639; padding:1px; font-weight:bold;}
.hrf-pink-b { color:#F0C; padding:1px; font-weight:bold;}

.tab2-line {
    border: thin solid #373737;
    padding: 5px;
    text-align: center;
    font-size: 20px;
	background-color:#000;
	color:#FFF;
}

.tab3-line {
    border: thin solid #373737;
    padding: 5px;
    text-align: left;
    font-size: 20px;
}

.tab4-line {
    border: thin solid #373737;
    padding: 5px;
    text-align: center;
    font-size: 20px;
}

.huruf1 {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}

.huruf2 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #999;
}
.tp-row-1 {
    
    border-bottom: thin dashed #F60;
    padding: 4px 4px 4px 6px;
    text-align: left;
    font-size: 12px;

}

.tp-row-1a {
    
    border-bottom: thin dashed #000;
    padding: 4px 4px 4px 6px;
    text-align: left;
    font-size: 12px;
	font-weight: bold;

}

.tp-row-2 {
    
    border-bottom: thin dashed #F60;
    padding: 4px 4px 4px 6px;
    text-align: left;
    font-size: 12px;

}
.tp-row-3 {
   
    border-bottom: thin dashed #999;
    padding: 4px 4px 4px 6px;
    text-align: left;
    font-size: 12px;

}

.tp-row-5 {
    
    border-bottom: thin dashed #F60;
    padding: 4px 4px 4px 6px;
    text-align: left;
    font-size: 12px;
	font-weight:bold;
}
.tp-row-6 {
   
    border-bottom: thin dashed #999;
    padding: 4px 4px 4px 6px;
    text-align: left;
    font-size: 12px;
	font-weight:bold;
}

.tp-number3 {
color: #333;
font-size: 12px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
text-align: center;
}

.tp-number4 {
color: #333;
font-size: 12px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;

}

.tp-ket-0 {
color: #333;
font-size: 11px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
text-align: left;
border-bottom:#333 thin solid;
}

.judul-row1 {
    border-bottom: medium solid #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 6px;
}

/* END TEKS */

/* GARIS */
.garis-v { border-left: #999 thin solid; padding-left:8px; padding-top:2px; padding-bottom:2px; font-size:11px; margin:2px; }
.garis-bwh-std { width:100%; border-bottom:#000 medium solid; margin:auto; padding:2px;}
.garis-atas-std { width:100%; border-top:#000 medium solid; margin:auto; padding:2px;}
.garis-bwh { background: url(img/shadow2.png) no-repeat;
		width:800px; height:20px; margin:auto;}		
		
.line-cat-0 { border-bottom-color: #666;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #333;
font-family: Eurosti;
font-size: 12px;
font-weight: 700;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}
		
/* END GARIS */

/* WIDGET */

.div-modul-3 {
    border: thin solid #FFF;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 0px 7px #B7B7B7 inset;
}

.widget-title {
    background-color: #EFEFEF;
    background-image:  -moz-linear-gradient(center top ,#EAEAEA  0%, #FDFDFD 100%) ;
    border-bottom: 1px solid #E0DEDE;
    height: 36px;
    border-radius: 3px 3px 0px 0px;
	font-weight:bold; font-size:12px;
	padding-left:16px;
}

.widget-body {
    padding: 4px;
    border-bottom: 1px solid #CDCDCD;
    border-radius: 1px 1px 1px 1px;
	background:url(img/body-bg.png);
}
/* END WIDGET */

/* TABEL */

.thumb-judul {
    width: 100px;
    height: 24px;
    background: url('../ukonstylenew/img/black.gif') repeat scroll 0% 0% transparent;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 2px;
    border: thin solid #000;
}

.tab3-line {
    border: thin solid #373737;
    padding: 5px;
    text-align: left;
    font-size: 20px;
}

.tab5-line {
    border: thin solid #373737;
    padding: 5px; margin:6px;
    text-align: left;
    font-size: 14px;
}

.tab6-line {
    border: thin solid #949494;
    padding: 3px; 
    text-align: center;
    font-size: 11px;
}

.tab6-line-head {
    border: thin solid #373737;
    padding: 5px; 
    text-align: center;
    font-size: 14px;
	font-weight:bold;
	background: #C4C4C4;	
}

/* END TABEL */

/* WARNA */

.merah-2 { background: #FFC1C2;}
.hijau-2 { background: #CAFFE2;}

/* MISC */
.kanan { text-align:right;}
.pix { width:200px; height:250px;}


.blink_me { margin:auto; font-size:16px; color:#F00; text-align:center; font-weight:bold;
   animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.blink_me2 { margin:auto; font-size:16px; color: #063; text-align:center; font-weight:bold;
   animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}


@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

.photolink { width:0px; font-size:0px; margin:auto; text-align:center;}
.photo {
	background: #FFF; padding:4px; margin:auto;
	width:100Px; height: 110px; border:#999 thin solid;
	border-radius:3px;;
	}
	
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans/opensans-light-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/opensans-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans/opensans-bold-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/opensans/opensans-light-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('fonts/opensans/opensans-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans/opensans-bold-webfont.woff') format('woff');
}
/* MISC */