/* CSS Document */
body {
	background: #002E68 url(../images/page_bg_bottom.png) repeat-x center bottom;
	margin: 0;
	padding: 0;
	text-align: left;
	font: 13px/1.6em tahoma;
}
h1 {
	line-height:28px;
	margin:20px 0 4px 0;
	font-family:arial;
}
a{
	color: #0667A5;
	text-decoration: none;
}
a:hover{
	color: #FF6101;
}
a img {
	border:0px;
}
.acenter { text-align: center; }
.aleft { text-align: left; }
.fleft { float: left; }
.fright { float: right; }

form { margin:0px; padding:0px; }
input { border: 1px solid #999; padding:2px; background:#fff; }
input[type="button"], input[type="submit"] { border: 1px solid #F58206; cursor:pointer; background: #FFB706; color:#333; font-weight:bold; padding: 1px 8px; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
}
select { border: 1px solid #999; padding:1px; }
textarea { border: 1px solid #999; padding:2px; background:#fff; }
.search-inp { background:none; border:1px solid #67686A; width:110px; height:18px; color:#fff; margin:0; padding:0 3px; font-size:7pt; float:left;}
.search-btn { margin:0px; padding:0px; border:none; float:left; text-transform:uppercase; }

.clear{	clear: both; padding-bottom: 1px; }

#top-container { width:978px; margin:5px auto; padding:5px 10px; }
#top-container .logo { float:left; width:100px; height:100px; background:url(../images/logo_ppiln.png) no-repeat; cursor:pointer; } 
#top-container .left { float:left; margin: 5px 0 0 10px; }
#top-container .right { float:right; margin: 5px 14px 0 0; }
#top-container .search { float:left; margin: 5px 20px 0 10px; }

#main-container { background:#fff; 
	width:978px; margin: 5px auto; padding:8px; 
	min-height:450px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
    border-radius: 5px;
}

.theme-default #slider {
    margin:10px auto;
    width:100%; /* Make sure your images are the same size */
    height:266px; /* Make sure your images are the same size */
}

.news-more {
	background:url(../images/newsslider_bg_more.png) no-repeat right bottom;
	text-align: right;
	width:100%;
	padding:1px 0;
}
.news-more a {
	padding-right:4px;
	font-weight:bold;
	color:#239F13;
}
.news-more a:hover {
	color: #0667A5;
	text-decoration:none;
}

#footer {
	background:#4f4f4f;
	height:24px;
	text-align:center;
	color:#fff;
	font-size:9pt;
	padding-top:5px;
	font-weight:bold;
}
#social {
	text-align:right;
	margin:80px 10px 5px 0;
}

.home-left {
	float:left;
	width: 560px;
	min-height: 300px;
	border:1px solid #d7d7d7;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
    border-radius: 10px;
	margin: 10px 10px 0 0;
	padding:10px;
}
.home-right {
	float: left;
	width: 386px;
	margin-top:	10px;
}
.home-banner {
	text-align: center;
}
.home-galery {
	background: #E4E4E4;
	-moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
	-khtml-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
	min-height: 354px;	
	padding:9px;
	color: #0667A5; font-weight: bold; 
	margin-top:10px;
}
.home-galery-player {
	width:370px;
	height:240px;
	text-align:center;
	padding-bottom:10px;
	border-bottom:2px solid #fff;
	background:url("../images/loading.gif") no-repeat center;
}
.home-galery-player .title {
	margin:10px 0 5px 0;
	font-size:10pt;
	font-weight:normal;
	color:#999;
}
.home-galery-playlist {
	margin-top:10px;
}
.galery-thumb {
	margin: 0px 6px;
	text-align:center;
	padding-top:6px;
	cursor: pointer;
	float: left;
}
.galery-thumb2 {
	width:108px;	
	height:52px;
	margin: 5px 0px;
	padding-top:16px;
	cursor: pointer;
	text-align:center;
}
.galery-more {
	background:url(../images/panel_video_bg_more.png) no-repeat right bottom;
	text-align: right;
	width:100%;
	padding:1px 0;
}
.galery-more a {
	padding-right:4px;
	font-weight:bold;
	color:#239F13;
}
.galery-more a:hover {
	color: #0667A5;
	text-decoration:none;
}

.home-bu { width:270px; float:left; padding: 0 5px; }
.home-bi { width:270px; float:left; padding: 0 5px; }
.header-bu { width:100%; height:30px;	background: url(../images/panel_header_right.png) no-repeat right top; }
.header-bu-left {	width:100%;	height:30px; background: url(../images/panel_header_left.png) no-repeat left top; }
.header-bu-content { height:30px; background: url(../images/panel_header_bg.png) repeat-x; margin:0 9px; padding-top:6px; }
.header-bu-content a { color: #0667A5; font-weight: bold; background:url(../images/panel_bullet.png) no-repeat left center; padding:23px; }
.header-bu-content a:hover { color: #FF6100; text-decoration:none; }
.content-bu { width:100%; margin:5px 0 10px 0; line-height:1.4em; }
.content-title a { font-weight:bold; font-size:13px; margin-bottom:5px; padding-bottom:10px; font-family:arial;}

/* solution pages */
.solution-left {
	float: left;
	width: 270px;
	margin-right: 10px;
}
.solution-right {
	float: left;
	width: 696px;
}

.solution-header {
	font-size:16px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight:bold;
	padding: 8px 0;
	border-bottom:1px solid #ccc;
}

.page-left {
	float: left;
	width: 230px;
	margin-right: 10px;
}
.page-right {
	float: left;
	width: 725px;
}

.news-left {
	float: left;
	width: 300px;
	margin-right: 10px;
}
.news-right {
	float: left;
	width: 666px;
}

.galery-left {
	float: left;
	width: 260px;
	margin-right: 10px;
}
.galery-right {
	float: left;
	width: 706px;
}

.subunit {
	margin-left:2px;
	margin-top:8px;
}
.subunit a {
	font-weight:bold;
	margin-left:2px;
}
.subunit a:hover {
	color:#FF6101;
}
.subunit a.aktif {
	color:#ff0000;
}
.subunit a.aktif:hover {
	color:#FF6101;
}
.subsubunit {
	margin: 4px 0px 4px 8px;
	background:url(../images/arrow_small.png) no-repeat left 5px;
	padding-left:8px;
}
.subsubunit a {
	color:#000;
}
.subsubunit a:hover {
	color:#FF6101;
}
.subsubunit a.aktif {
	color:#ff0000;
}
.subsubunit a.aktif:hover {
	color:#FF6101;
}
.subsubsubunit {
	margin: 2px 0px 2px 16px;
	background:url(../images/arrow_small2.png) no-repeat left 7px;
	padding-left:8px;
}
.subsubsubunit a {
	color:#000;
}
.subsubsubunit a:hover {
	color:#FF6101;
}
.subsubsubunit a.aktif {
	color:#ff0000;
}
.subsubsubunit a.aktif:hover {
	color:#FF6101;
}
p{ line-height:1.5em;}
.page-position {
	border-bottom:1px solid #ddd;
		font-size:11px;

	padding: 4px 0px;
}
.page-position a {
	padding:3px;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px;
	font-size:11px;
	color:#153387;
}
.page-position a:hover {
	background:#000;
	color:#FF6101;
}

.related-subunit {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 16px;
}
.related-subunit-content {
	float: left;
	width: 48%;
	padding: 4px;
}
.related-subunit-title {
	margin: 6px 0px;
}
.related-subunit-title a {
	color: #1C94C4;
	font-size:11pt;	
}
.related-subunit-title a:hover {
	color: #FF6101;
}
.related-subunit-img {
	margin: 2px 4px 4px 0px;
}

.related-news {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 16px;
}
.related-news-header {
	font-size:16px;
	margin: 8px 0;
	font-weight:bold;
}
.related-news-content {
	float: left;
	width: 48%;
	padding: 4px;
}
.related-news-title {
	margin: 6px 0px;
}
.related-news-title a {
	font-weight:bold;
	color: #1C94C4;
	font-size:11pt;	
}
.related-news-title a:hover {
	color: #FF6101;
}
.related-news-img {
	margin: 2px 4px 4px 0px;
}

.left-box {
	background:#eee;
	border:2px solid #ccc;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
    border-radius: 10px;
	margin:3px 0px 12px 0px;
	padding: 8px;
}
.left-box-header {
	background:url(../images/panel_bullet.png) no-repeat left 2px; padding-left:23px; 
	font-size:11pt;
	margin-bottom: 12px;
	padding-bottom: 10px;
	font-weight:bold;
	border-bottom: 1px solid #ccc;
}
.left-box-content {
	padding:5px 0px 10px 0px;
}
.more-page-content {
	margin: 8px 0px;
	border-bottom:1px dotted #fff;
	padding:4px;
}

.more-news-content {
	margin: 8px 0px;
}
.more-news-img {
	padding: 1px;
	float:left;
	width: 70px;
	margin: 0px 4px 2px 0px;
	text-align:center;
}
.more-news-date {
	float:left;
	background:url(../images/arrow_small2.png) no-repeat left 7px;
	font-size:8pt;
	color:#0g0g0g;
	padding-left: 8px;
}
.news-date {
	padding-bottom: 8px;
	color: #999;
	font-size: 9pt;
}
.more-news-footer {
	text-align:right;
	background:url(../images/arrow_right.png) no-repeat right 5px;
	padding-right: 8px;
	margin-top:8px;
}
.news-search {
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
	width:190px;
	border: 1px solid #ccc;
}
a.rss {
	background:url(../images/rss_logo.png) no-repeat left top;
	padding-left: 30px;
	padding-top: 6px;
	display:block;
	height:30px;
	width:100px;
	float:left;
}

.news-header {
	font-size:16px;
	margin: 10px 0;
	font-weight:bold;
}
.news-content {
	padding: 5px 0;
}
.news-title {
	margin: 6px 0px;
}
.news-title a {
	color: #1C94C4;
	font-size:11pt;	
}
.news-title a:hover {
	color: #FF6101;
}
.news-img {
	margin: 2px 4px 4px 0px;
}

.news-category {
	float: left;
	width: 46%;
	padding: 4px;
}
.more-headline {
	text-align:right;
	background:url(../images/arrow_right.png) no-repeat right 5px;
	padding-right: 8px;
	margin-top:8px;
	margin-right:8px;
}
.news-arsip {
	margin:6px 0px 0px 14px;
	text-align:left;
}

.dateselector {
	color:#666;
	width:90px;
}

.galery-left-thumb {
	float:left;
	width: 90px;
	margin: 0px 4px 2px 0px;
}
.galery-left-hit {
	float:left;
	background:url(../images/arrow_small2.png) no-repeat left 7px;
	font-size:8pt;
	color:#0g0g0g;
	padding-left: 8px;
}
.galery-left-title {
	padding-top:3px;
	padding-bottom:4px;
}
.galery-left-title a {
	font-size:11pt;
}
.galery-header {
	font-size:16pt;
	margin-bottom: 8px;
	font-weight:bold;
	padding: 8px 0;
	border-bottom:1px solid #ccc;
}
.galery-content {
	padding: 6px;
	float: left;
}
.galery-title {
	width:120px;
}
.galery-hit {
	font-size:8pt;
	color:#999;
}
.galery-player {
	background:#ccc;
	border: 1px solid #666;
	text-align:center;
	padding:5px;
}
.galery-desc {
	padding:5px;
	margin-bottom: 15px;
}
.galery-category {
	float: left;
	width: 46%;
	padding: 4px;
}
.galery-shadow {
	width:118px;
	height:118px;
	background:url(../images/shadow1.png) no-repeat center;
	text-align:center;
	padding-top:18px;
}

#paging {
    color: #CDCDCD;
    font-size: 12px;
    height: 30px;
    padding: 7px 0 0;
	width:334px;
	margin:0 auto;
}
#paging a {
    color: #800400;
    text-decoration: underline;
}
#paging a:hover {
    color: #000000;
    text-decoration: none;
}
#paging_prev {
    float: left;
    width: 80px;
}
#paging_num {
    float: left;
    text-align: center;
}
#paging_next {
    float: left;
    text-align: right;
    width: 90px;
}
#current_page {
    color: #000000;
}
table.career {
	width:100%;
	border:1px solid #ccc;
	padding:2px;
}
table.career th {
	padding:6px;
	font-weight:bold;
	color:#fff;
	background:#999;
}
table.career td {
	padding:6px;
	border-bottom:1px solid #ddd;
}
table.career tr.row1 {
	background:#fff;
}
table.career tr.row2 {
	background:#efefef;
}

ul.pagination { margin:10px 0; padding:0; }
ul.pagination li.inactive, ul.pagination li.inactive:hover{ background-color:#FFF;  color:#BBB;  border:1px solid #bababa;  cursor:default}
ul.pagination li.current {background:#FFB60C; color:#fff; }
ul.data li{ list-style:none;  font-family:verdana;  margin:5px 0 5px 0;  color:#000;  font-size:13px}
ul.pagination li{ list-style:none;  float:left;  border:1px solid #000;  padding:2px 6px 2px 6px;  margin-right:6px;  font-family:arial;  font-size:12px;  color:#333;  background-color:#FFF}
ul.pagination li:hover{ color:#FFF;  background-color:#FFB60C;  cursor:pointer}
.go_button{background-color:#FFF; border:1px solid #069; color:#C00; padding:2px 6px 2px 6px; cursor:pointer; position:absolute; margin-top:-1px}
.total{float:right; font-family:arial; color:#999}

ul.columns {
	width: 100%;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.columns li {
	width: 170px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}
ul.columns li:hover {z-index: 99;}
ul.columns li img {
	position: relative;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding:10px 10px 0px 10px;
	width: 150px;
	display: none;
	background: #efefef;
	color:#000;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
-webkit-box-shadow: 0px 1px 10px 0px #333;
-moz-box-shadow: 0px 1px 10px 0px #333;
box-shadow: 0px 1px 10px 0px #333; 
}
ul.columns li:hover .info {display: block;}

ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	color:#000;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
	font-weight:bold;
	margin-top:140px;
	padding-bottom:20px;
	margin-bottom:0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em; margin-top:-15px; padding-bottom:10px;}
ul.columns li img {
	width:150px;
	height:135px;
}
#cor{ width:100%; height:240px;}

ul.mainmenu li {
	background:#000;
	margin-left:2px;
	color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.galery-box {
	background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #E8E8E8;
    margin: 5px;
    padding: 5px;
	text-align:center;
	float:left;
}
.photo-title {
	font-size:10pt;
	min-height:30px;
}
.photo-detail {
	text-align:right;
}
#loading {
	text-align:center;
	padding:20px 0;
}
a.btn-daftar {
	display:block;
	width:238px;height:53px;
	background: url(../images/btn_daftar.png) no-repeat top center;
	margin-bottom:10px;
}
a.btn-slo:hover {
	background-position:bottom center;
}

a.btn-slo {
	display:block;
	width:238px;height:53px;
	background: url(../images/btn_slo_blue.png) no-repeat top center;
	margin: 0 auto;
}

a.btn-wa {
	display:block;
	width:238px;height:53px;
	background: url(../images/btn_daftar_wa.png) no-repeat top center;
	margin-bottom:10px;
}

button.btn-tag {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 10px 7px 10px;
  text-decoration: none;
}

button.btn-tag:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}