@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	overflow: -moz-scrollbars-vertical;
	overflow:scroll-y;
}

html{
	overflow: -moz-scrollbars-vertical;
}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('font/Ubuntu/Ubuntu-R-webfont.eot');
    src: url('font/Ubuntu/Ubuntu-R-webfont.eot?iefix') format('eot'),
         url('font/Ubuntu/Ubuntu-R-webfont.woff') format('woff'),
         url('font/Ubuntu/Ubuntu-R-webfont.ttf') format('truetype'),
         url('font/Ubuntu/Ubuntu-R-webfont.svg#webfontGZB3fjCF') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('font/Ubuntu/Ubuntu-I-webfont.eot');
    src: url('font/Ubuntu/Ubuntu-I-webfont.eot?iefix') format('eot'),
         url('font/Ubuntu/Ubuntu-I-webfont.woff') format('woff'),
         url('font/Ubuntu/Ubuntu-I-webfont.ttf') format('truetype'),
         url('font/Ubuntu/Ubuntu-I-webfont.svg#webfontRn1LIUk0') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('font/Ubuntu/Ubuntu-B-webfont.eot');
    src: url('font/Ubuntu/Ubuntu-B-webfont.eot?iefix') format('eot'),
         url('font/Ubuntu/Ubuntu-B-webfont.woff') format('woff'),
         url('font/Ubuntu/Ubuntu-B-webfont.ttf') format('truetype'),
         url('font/Ubuntu/Ubuntu-B-webfont.svg#webfontsEK2OlBK') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBoldItalic';
    src: url('font/Ubuntu/Ubuntu-BI-webfont.eot');
    src: url('font/Ubuntu/Ubuntu-BI-webfont.eot?iefix') format('eot'),
         url('font/Ubuntu/Ubuntu-BI-webfont.woff') format('woff'),
         url('font/Ubuntu/Ubuntu-BI-webfont.ttf') format('truetype'),
         url('font/Ubuntu/Ubuntu-BI-webfont.svg#webfontKOjyDYqM') format('svg');
    font-weight: normal;
    font-style: normal;

}

#cap{
	color:#636363;
	font-size:12px;
	margin-top:10px;
	margin-bottom:15px;
	width:621px;
}
#desc{
	width:621px;
	margin-bottom:15px;
}
#title_bawah{
	color:#F00;
	font-size:14px;
	/*margin-top:5px;*/
	margin-bottom:10px;
}
.titleBerita{
	padding-bottom:5px;
}
#konten-kiri{
	width:65%; margin-left:15px; margin-top:15px; float:left; border:#F00 solid 0px;
}
#kontenka{
	width:333px; float:left;

}
#kontenk{
	width:667px; float:left;
}
#konten-kanan{
	width:33.1%; float:left; border:#F00 solid 0px;
}
#conter{
	min-height:400px; height:auto;  border:#000 solid 0px; background:#FFF; width:1000px; margin-left:14px;
}
#desc_sedang{
	color:#2e2e2e;
	font-size:14px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:450px;
	height:73px;
	/*overflow:hidden;*/
}
#imgsedang{
	width:126px;
	height:91px;
	border:#e4e4e4 solid 3px;
	float:left;
}
.content{
	width: 1028px; 
	min-height: 700px; 
	height: auto; 
	margin: auto; 
}
#title{
	font-family:'UbuntuRegular';
	color:#F00;
	font-size:24px;
	margin-bottom:5px;
	min-height:30px;
	max-height:60px;
	overflow:hidden;
}
#titleRubrik {	
	font-family:'UbuntuRegular';
	font-size:24px
}
#imgbesar{
	height:450px;
	width:625px;
	border:#e4e4e4 solid 3px;
}
#tdate {
	color:#2e2e2e;
	font-size:12px; margin-top:10px;
}
.dateBerita{
	color:#636363;
	font-size:10px;
	margin-top:5px;
	height:10px;
	border:#000 solid 0px;
}
#header{
	margin-left:14px;
	border:0px solid #F00;
}
#menu {
	font-family:'UbuntuRegular';
	font-size:16px;
	background:url(images/bg.png);
	height:34px;
	width:1012px;
	padding-top:16px;
	padding-left:14px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}
#menu a{	
	text-decoration:none;
	color:#FFF;
}

.content #slide-home{
	width:1000px; 
	height:496px;
	margin-left:14px;
	border:0px solid #F00;
}
.slide{
	width:1000px;
	height:496px;
}

#contentSide {
	width:1028px;
	float:left;
	height:280; 
	overflow:hidden;
	border:0px solid #C00;
}
#contentSideFirst {
	width:1028px;
	float:left;
	height:auto; 
	overflow:auto; 
	border:0px solid #C00;
	background:url(images/bg_left_1.png) repeat-y;
}
#contentSideFirst #left_1{
	background:url(images/bgWelcome.png) repeat-x; 
	background-color:#d1d0d0;
	min-height:270px;
	height:auto;
	overflow:auto; 
	width:647px;
	padding:10px;
	float:left;
	overflow:hidden;
	margin-left:14px;
	border:0px solid #F00 ;
}
#contentSideFirst #left_1 #image{
	border:#dddddd solid 3px;
	margin-right:10px;
	margin-left:5px;
	margin-top:10px;
	width:174px;
	height:131px;
}
#contentSideFirst #left_1 #text{
	margin-top:10px;
	border:0px solid #F00 ; 
	min-height:250px;
	height:auto;
	max-width:500px;
	overflow:auto;
	
	/*border:#000 solid 1px;*/
}
.bgtext{
	/*position:absolute;
	min-height:250px;
	overflow:auto;
	height:auto;
	margin-top:-395px;*/
	background-color:#000;
	width:1000px;
	border:#000 solid 1px;
	margin-left:-10px;
	margin-right:-10px;
	background:url(images/bgWelcometext.png) repeat-x; 
}
#link{
	text-decoration:none;
	color:#2e2e2e;
}
#title_lastupdate a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}
#title_lastupdate a:hover {
	color:#af0707;
	text-decoration:none;
	font-size:12px;
}
#title_listupdate a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}
#title_listupdate a:hover {
	color:#af0707;
	text-decoration:none;
	font-size:12px;
}
#title_listupdate2 a{
	text-decoration:none;
	color:#000;
	font-size:12px;
}
#title_listupdate2 a:hover {
	color:#af0707;
	text-decoration:none;
	font-size:12px;
}
#footerLink a{
	text-decoration:none;
	color:#a6a6a6;
	font-size:13px;
	line-height:20px;
	font-family:'UbuntuRegular';
}
#footerLink a:hover {
	color:#a6a6a6;
	text-decoration:underline;
	font-size:13px;
}
#contentSideFirst #right_1{
	background:url(images/bgTestimoni.png) repeat-x;
	height:256px;
	width:299px;
	padding:17px;
	float:left; 
}

#contentSide #left_2{
	height:270px; 
	width:320px;
	padding:10px 10px 10px 20px;
	float:left;
	overflow:hidden;
	margin-left:14px;
	border:0px solid #F00;
}
#contentSide #left_2 .image{
	float:left; 
	border:#dddddd solid 3px;
	margin-right:15px;
	width:174px;
	height:131px;
}
#contentSide #left_2 .text{
}
#contentSide #right_2{
	background-color:#e5e5e5;
	height:270px;
	width:297px;
	padding:10px;
	float:left;
}

#contentSide #logotwit{
	background:url(images/twitterlogo.png) no-repeat;
	height:62px;
	width:333px;
	padding-top:55px;
	float:left;
}

#contentSide #right_4{
	background-color:#e5e5e5;
	height:270px;
	width:333px;
	float:left;
}

#contentSide #left_3{
	background:url(images/bgCareer.jpg);	
	height:311px; 
	width:647px;
	padding:10px;
	float:left;
	overflow:hidden;
	margin-left:14px;
}
#contentSide #left_3 .image{
	float:left; 
	border:#dddddd solid 3px;
	margin-right:15px;
	width:174px;
	height:131px;
}
#contentSide #left_3 .text{
	margin:25px 0px 10px 320px;
}
#contentSide #right_3{
	background:url(images/bgBrowseJobs.jpg);
	height:311px;
	width:313px;
	padding:10px;
	float:left; 
}

#contentSide #left_4{
	background:url(images/bgAcademic.jpg) no-repeat;	
	height:113px;
	width:1000px;
	padding:0px 0px 0px 24px;
	float:left;
	border:0px solid #C00;
	overflow:hidden;
	margin-left:2px;
}
#barTransparanBlack {
	background:url(images/barTransparanBlack.png) no-repeat;
	height:14px;
	width:760px;
	margin-left:0px;
	margin-top:-14px;
	padding:0px 0px 0px 240px;
	position:absolute;
}
#newsFlash {
	background:url(images/bgNewsFlash.png) no-repeat;
	height:33px;
	width:760px;
	margin-left:14px;
	margin-top:-14px;
	padding:29px 0px 0px 240px;
	border:0px solid #C00;
	position:absolute;
}
#newsFlash a{
	color:#cbcbcb;
	text-decoration:none;
	font-size:14px;
}
#newsFlash a:hover{
	color:#cbcbcb;
	text-decoration:underline;
	font-size:14px;
}
.caption .capnews{
	float:left; 
	color:#FFF; 
	padding:15px 0px 10px 10px;
}
.caption .readmore{
	float:right; 
	color:#FFF; 
	padding:15px 10px 10px 10px;
}
.content .left .news{
	float:left; 
	width:32%; 
	padding:10px;
}
.news .title{
	color:#F00; font-size:14.5px;
}
#container{ 
	min-height:300px;
	height:auto;
	margin-top:48px;
	border:0px solid #900;
}
.title-content{
	padding-top:25px;
	padding-bottom:35px;
}
.title-content span{
	font-size:25px; color:#F00; font-family:Ubuntu
}
.line{
	height:10px; background:#000;
}
.content-berita-left{
	width:65%;border:#999 solid 0px;
	 height:auto;float:left; 
	 min-height:800px;
}

.content-berita-left .title-berita{
	height:35px; background:url(images/line.png); color:#FFF; font-size:19px;
}
.header-title{
	height:35px; background:url(images/line.png); color:#FFF; font-size:19px;
}
.content-berita-left strong{
 margin-left:20px;
}
.content-berita-left .isi-berita{
	margin-top:20px; 
	border:#999 solid 0px; 
	height:800px; width:90%; 
	margin-left:20px;
}
.isi-berita .src{
	border-bottom:#666 solid 1px;
	border-top:#666 solid 1px; 
	padding:5px 0 5px 0
}

.tableLoker{
	margin:10px;
}
.content-berita-left .berita{
	height:auto; 
	min-height:200px;  
	border-bottom:#000 1px solid; 
	padding-bottom:15px; 
	padding-top:15px;
}
.content-berita-left .paging{
	border:#666 solid 0px; 
	height:50px; 
	margin-top:20px;
}
.content-berita-right{
	width:34%;
	border:#999 solid 0px; 
	height:auto; float:right; 
	min-height:800px;
}
.content-berita-right .event{
	background:url(images/line.png); height:34px;  
	color:#FFF;
	font-size:19px;
}
.header-title strong{
	margin-left:20px; margin-top:10px;
}
.content-berita-right .event span{
	margin-left:10px;
	font-weight:bold;
}
.event .content-event{
	border-bottom:#999 solid 1px; 
	height:150px;
}
.content-event{
	border-bottom:#999 solid 1px; 
	height:150px;
}
.content-event .link{
	color:#666; width:90%;
}
.content-event .image-event{
	margin-left:15px; 
	margin-right:15px; 
	margin-top:20px; 
	float:left;
}
.content-event .isi-event{
	height:65px; width:90%;
	
}
.content-event .date{
	color:#F00; font-size:18px; margin-top:20px;
}
.header-berita-pilihan{
	background:url(images/line.png); 
	height:34px;  
	padding-top:5px; 
	color:#FFF;
}
.header-berita-pilihan span{
	padding-left:15px;
}
.content-berita-right .box-berita{
	
}
.box-berita .contentnya{
	margin-top:10px; 
	border-bottom:#999 dotted 1px; 
	height:40px;
	width:300px;
	margin-left:15px;
	padding-top:15px;
}
.berita .judul-berita{
	color:#F00; 
	font-size:14.5px; 
	margin-top:10px; 
	font-weight:bold;
}
.judul-berita{
	color:#F00; font-size:18.5px; padding-top:25px; padding-top:15px; margin-bottom:10px;
}
.berita .post{
	margin:0px;
}
.berita .isi{
	height:auto; min-height:150px;
}
.berita .title{
	font-size:14.5px; 
	margin-top:10px; 
	margin-bottom:10px;
}
.title{
	font-size:14.5px; 
	margin-top:10px; 
	margin-bottom:10px;
}
.post span{
	font-weight:bold;
	color:#666666;
}
.contentnya .imagedot{
	float:left; margin-left:10px; height:40px; padding-top:3px; padding-right:3px;
}
.akademik{
	width:960px; 
	min-height:350px;
	height:auto;
	overflow: auto;

}
.akademikl{
	width:1000px; border:#000 solid 0px; min-height:70px;
	height:auto;
	overflow: auto;

}
.akademik .desc{
	margin-bottom:20px;
}
#contactperson input[type="text"]{
	height:23px;
	width:299px;
}
#contactperson{
	width:45%; 
	/*margin-right:60px;*/ 
	/*margin-top:30px;*/ 
	float:left; 
	border:#000 solid 0px;
	padding-right:20px;
	padding-top:30px;
}
.bingkai{
	display:none;
	background-color:rgba(0,0,0,0.4);
	position:fixed;
	width:100%;
	height:1000px;;
	top:0;
	left:0;
}
.bingkai a:hover {
	color:#06F;
}
#contactperson td{
	color:#7c7c7c;
}
#contactperson input[type="text"], textarea {
	-moz-box-shadow:3px 3px 3px 3px #e8e8e8;
	-webkit-box-shadow:1px 0px 1px 1px #e8e8e8;
	border-radius: 5px;
	border:solid 1px #d6d6d6;
}
#contactperson input[type="submit"]{
	background:#d80000; border:#F00 solid 1px; margin-top:20px; height:25px; width:70px; color:#FFF;
	font-size:15px;
}
.about-left{
	float:left; width:45%; padding-left:35px;
}
.about-left .gambar{
	margin-left:50px; margin-top:37px;
}
.gambar img{
}
.contact-all{
	/*padding-top:10px;*/
	width:100%;
	min-height:600px;
	/*height:1000px;*/
	border: #000 solid 0px;
}
.contactLeft{
	margin-top:40px; width:90%; /*float:left;*/ padding-left:35px;
}

.about-left .caption{
	font-weight:bold; padding-top:30px; padding-bottom:15px;/*margin-left:50px;*/font-size:15px;
	
}
.about-left .deskripsi{
	/*margin-left:50px;*/ font-size:15px; padding-bottom:20px;
}
.sub-menu{
	height:30px; background:url(images/bg.png)
}
.bingkai{
	display:none;
	background-color:rgba(0,0,0,0.4);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.bingkai a:hover {
	color:#06F;
}
.apply{
	margin-left:50px; float:right; width:650px; padding-top:10px;
}
.apply input[type="text"] {
	background-color:#D9E0E9;
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:2px solid #FFFFFF;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
  	margin:2px 0;
  	padding-left:0.2em;
}
.apply input[type="text"]:selected {
	background-color:#ebeef3;

}
.apply td {
	background:url(upload/degrad-darkblue.gif) repeat-x ;
}
.loker-login{
	width:300px; height:230px; float:left; border:#000 solid 0px;
	background-color:#FFF
}
.loker-login input[type="submit"] {
  background-color:#D80000;
  background-position:initial initial;
  background-repeat:initial initial;
  border:1px solid #FF0000;
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  color:#FFFFFF;
  height:25px;
  margin-left:35px;
  width:70px;
}
.list-loker{
	width:690px; min-height:500px; float:right; height:auto; overflow:auto;
	background-color:#FFF
	/*padding: 10px 20px 10px 20px;*/
}
.list-loker table{
	padding: 10px 20px 10px 20px;
}
.footer{
	min-height:300px; 
	height:auto; 
	overflow:auto; 
	background:url(images/bgFooter.png);
	background-color:#000;
}