* {margin: auto; padding: auto;}

html, body, #page {height: 100%;}

body > #page {margin: auto; padding: auto;height: auto; min-height: 100%;}

body {
	color: #333;
	font: 11px Arial,Tahoma,Verdana,Helvetica;
	/*background: url(../../images/bg_body.png) repeat-x;*/
}

a{text-decoration:none;font-weight:bold;color:#315590;}
h2{color:#6882ae;padding:15px 0px 3px 5px;margin-bottom:10px;border-bottom:#cedcec 1px solid;}

/* Class-class Umum */
.blue{color:#315590;font-weight:bold;padding-left:3px;}
.red{color:#e80100;font-weight:bold;padding-left:3px;}
.clear{clear:both;}

.field{
	border:#d7e3f0 1px solid;
	/*color:#adadad;*/
	color:#666666;
	padding-left:15px;
	width:200px;
	height:18px;
	font-size:11px;
}

p {
	line-height:16px;
}

.field-area{
	border:#d7e3f0 1px solid;
	/*color:#adadad;*/
	color:#666666;
	padding-left:2px;
	width:200px;
	font-family:inherit;
	font-size:inherit;
}

.field-option{
	border:#d7e3f0 1px solid;
	/*color:#adadad;*/
	color:#666666;
	width:200px;
	height:18px;
	font-size:11px;
}

.button{
	background: url(../../images/bg-button.png) repeat-x scroll center left;
	border: 0px solid #BDCFE5;
	padding:3px;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
}

.image_content{
	padding:0px 15px 8px 0px;
}

.error{
	color:#e80100;
	padding-left:8px;
}
/* Header */
#header{
	height:358px;
	width:1024px;
	background: url(../../images/bg-header.png) top no-repeat;
}

#menu-bahasa{
	font-size: 10px;
	text-align:right;
	color:white;
	height:28px;
	padding-top:7px;
	/*width:939px;*/
	width:870px;
	float:left;
}

#menu-bahasa .active{color:#FF9900;}
#menu-bahasa .inactive{color:#FFF;}

#menu-rss{
	background: url(../../images/icon-rss.png) left no-repeat;
	/*margin-left:900px;*/
	margin-left:30px;
	margin-top: 7px;
	width:100px;
	/*height:23px;*/
}

#menu-rss .rss{
	font-size: 10px;
	display: block;
	color:#FF9900;
	padding-left:17px;
	vertical-align:middle;
}

#menu{
	height:48px;
	width:930;
}

#menu ul#list-menu{
	display:block;
	padding-left:99px;
	text-align:left;
	font-family:tahoma;
	color:white;
}

#menu ul li{
	font-size:16px;
	list-style-type:none;
	float:left;
	height:31px;
}

#menu li a{
	display:block;
	height:31px;
}


#menu li a em{
	display:none;
}

#menu li.m1{background: url(../../images/home.png) top left no-repeat;width:82px;margin-top:4px;margin-left:-25px;}
#menu li.m1 a.select{background: url(../../images/home-select.png) top left no-repeat;width:82px;}
#menu li.m1 a:hover{background: url(../../images/home-select.png) top left no-repeat;width:82px;}

#menu li.m2{background: url(../../images/about.png) top left no-repeat;width:109px;margin-top:4px;}
#menu li.m2 a.select{background: url(../../images/about-select.png) top left no-repeat;width:109px;}
#menu li.m2 a:hover{background: url(../../images/about-select.png) top left no-repeat;width:109px;}

#menu li.m3{background: url(../../images/product.png) top left no-repeat;width:117px;margin-top:4px;}
#menu li.m3 a.select{background: url(../../images/product-select.png) top left no-repeat;width:117px;}
#menu li.m3 a:hover{background: url(../../images/product-select.png) top left no-repeat;width:117px;}

#menu li.m4{background: url(../../images/online.png) top left no-repeat;width:156px;margin-top:4px;}
#menu li.m4 a.select{background: url(../../images/online-select.png) top left no-repeat;width:156px;}
#menu li.m4 a:hover{background: url(../../images/online-select.png) top left no-repeat;width:156px;}

#menu li.m5{background: url(../../images/contact.png) top left no-repeat;width:126px;margin-top:4px;}
#menu li.m5 a.select{background: url(../../images/contact-select.png) top left no-repeat;width:126px;}
#menu li.m5 a:hover{background: url(../../images/contact-select.png) top left no-repeat;width:126px;}

#menu li.m6{background: url(../../images/career.png) top left no-repeat;width:97px;margin-top:4px;}
#menu li.m6 a.select{background: url(../../images/career-select.png) top left no-repeat;width:97px;}
#menu li.m6 a:hover{background: url(../../images/career-select.png) top left no-repeat;width:97px;}

#menu li.m7{background: url(../../images/blog.png) top left no-repeat;width:81px;margin-top:4px;}
#menu li.m7 a.select{background: url(../../images/blog-select.png) top left no-repeat;width:81px;}
#menu li.m7 a:hover{background: url(../../images/blog-select.png) top left no-repeat;width:81px;}

#head-left{
	background: url(../../images/header-left.png) top left no-repeat;
	height:275px;
	float:left;
	width:52px;
}

#head-center{
	/*background: url(../../images/header-center.png) top center no-repeat;*/
	height:267px;
	float:left;
	width:904px;
	margin:8px;
}

#head-right{
	background: url(../../images/header-right.png) top right no-repeat;
	height:275px;
}

#wrap{
	display:block;
	width:904px;
	margin-top:10px;
	/*background:#FF0000;
	height:20px;*/
}

/* Content Kiri */
#content-kiri{
	border-top:#315590 4px solid;
	float:left;
	width:270px;
}

#kolom-search{
	background:#f1f3f5;
	height:99px;
	border-bottom:#bdcfe5 1px solid;
}

.label-submenu-kiri{
	background:#bdcfe5;
	height:20px;
	padding-left:12px;
	padding-top:5px;
}

.label-submenu-kiri2{
	background:#d7e3f0;
	height:20px;
	padding-left:12px;
	padding-top:5px;
}

.title-field{
	color:#436a8c;
	font-weight:bold;
}

.search-by{
	margin-left:13px;
}

.search-by .title-search{
	padding-top:23px;
	padding-left:2px;
	margin-bottom:3px;
}

.search-by .title-search-category{
	padding-top:15px;
	padding-left:2px;
	margin-bottom:3px;
}

.search-by .active{
	color:#e80100;
}


#kolom-search-cabang{
	background:#f1f3f5;
	min-height:65px;
	border-bottom:1px solid #BDCFE5;
}

#kolom-search-rekanan{
	background:#f1f3f5;
	min-height:50px;
	height:70px;
}

#latest-news{
	/*background:#f1f3f5;
	height:150px;*/
}

ul#list{padding-left:0px;}

ul.list{
	background:#f1f3f5;
	padding:15px 14px 2px;
	list-style:none;
}

ul.list li{}
ul.list li .title{clear:both;float:left;}
ul.list li .waktu{
	border-bottom:1px solid #BDCFE5;
	clear:both;
	color:#666666;
	float:left;
	font-size:10px;
	margin-bottom:5px;
	padding-bottom:5px;
	width:100%;
}

ul.list-coment{
	padding:5px 15px 0px 5px;
	list-style:none;
}
ul.list-coment li{padding-top:10px;}
ul.list-coment li .user{text-align:center;float:left;width:77px;padding-top:10px;font-weight:bold;}
ul.list-coment li .panah{display:block;float:left;background:url('../../images/bg-comment-left.png') left bottom no-repeat;width:13px;height:35px;}
ul.list-coment li .comment{margin-left:90px;}
ul.list-coment li .comment .atas{height:12px;background:url('../../images/bg-comment-atas.png') top no-repeat;}
ul.list-coment li .comment .tengah{background:#eee;color:#000;padding:0px 15px;}
ul.list-coment li .comment .tengah .tgl{color:#adadad;font-weight:bold;padding-bottom:5px;}
ul.list-coment li .comment .tengah .isi{padding-bottom:10px;}
ul.list-coment li .comment .bawah{height:12px;background:url('../../images/bg-comment-bawah.png') bottom no-repeat;}

.more{
	background:#f1f3f5;
	text-align:right;
	padding:5px 20px;
	border-bottom:#bdcfe5 1px solid;
}
.blog_bawah{
	padding-bottom:11px;
}
.more a{
	color:#e80100;
}

/* End Content Kiri */


/* Content Kanan */
#content-kanan{
	border-top:#e80100 4px solid;
	float:left;
	width:634px;
	/*margin-left:270px;*/
	/*height:650px;;*/
}

.label-submenu-kanan{
	background:#d7e3f0;
	height:20px;
	padding-left:12px;
	padding-top:5px;
}

#kolom-product{margin-bottom:10px;}
#list-product{
	background:#f1f3f5;
	margin-top:10px;
	margin-left:10px;
	padding-left:4px;
}

#product-besar{padding-bottom:10px;}
#product-kecil{height:68px;padding-bottom:10px;}

#product-kecil ul{padding-left:0px;}
#product-kecil li{list-style-type:none;padding-right:2px;float:left;}

#kolom-gallery-testi{margin-left:10px;}
#kolom-gallery{float:left;width:56%;}
#kolom-testi{float:left;width:44%;}

.gallery-image-1{
	background:#f1f3f5;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	/*border-right:#bdcfe5 1px solid;*/
}

.gallery-image-besar{
	float:left;
	overflow:hidden;
	height:114px;
	border:#CCC 2px solid;
}

.gallery-image-kecil {width:176px;float:left;padding:0px 5px 0px 7px;}
.title-gallery{color:#315590;font-weight:bold;padding-bottom:3px;}
.info-gallery{padding-bottom:3px;}
.gallery-image-kecil ul{padding-left:0px;}
.gallery-image-kecil li{list-style-type:none;padding-right:7px;float:left;}

.gallery-image-2{
	background:#e6e5e5;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	/*border-right:#bdcfe5 1px solid;*/
	/*border-bottom:1px solid #BDCFE5;*/
}

#testi{
	background:#f6f7f8;
	padding:0px 8px 0px;
}

#testi ul{padding-left:0px;}
#testi li{list-style-type:none;padding:5px 10px 0px; 10px;background:#FFF;margin-bottom:10px;min-height:40px;}
#testi li.last{margin-bottom:2px;}
.testi-image{width:30px;float:left;}
.testi-info{margin-top:-2px;margin-left:46px;color:#333;font-weight:normal;font-size:10px;line-height:18px;}
.testi-title{font-weight:bold;font-size:12px;color:#315590;}

/* End Content Kanan */

/* Search */
#list-search{
	margin:10px 15px 10px 0px;
	/*padding-left:4px;*/
	min-height:350px;
}

#list-src{
	padding:0px 0px 2px;
}

#list-src tr{background:#f1f3f5;font-size:11px;}
#list-src tr.white{background:#FFF;}
#list-src td{padding:2px 5px;text-align:left;vertical-align:top;}

#list-src td.title_search{
	width:150px;
	border-right:1px solid #BDCFE5;
	border-bottom:1px solid #BDCFE5;
}

#list-src td.title_search_utama{
	text-align:center;
	background:#d7e3f0;
	font-weight:bold;
	border-top:1px solid #BDCFE5;
}
#list-src td.title_search_short{
	width:45px;
	text-align:center;
	border-left:1px solid #BDCFE5;
	border-right:1px solid #BDCFE5;
	border-bottom:1px solid #BDCFE5;
}
#list-src td.title_search_long{
	width:240px;
	border-right:1px solid #BDCFE5;
	border-bottom:1px solid #BDCFE5;
}

/* Page */
#halaman {padding:0px 5px;}
#halaman strong{color:#F00;}
#halaman a {cursor:pointer;}

/*About*/
#content-kiri2{
	border-top:#e80100 4px solid;
	/*margin-left:650px;*/
}


.label-submenu-kiri2{
	background:#d7e3f0;
	height:20px;
	padding-left:12px;
	padding-top:5px;
}

#content-kanan2{
	border-top:#315590 4px solid;
	float:left;
	width:650px;
}

.label-submenu-kanan2{
	background:#bdcfe5;
	height:20px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:2px;
}

.title_nav{
	 line-height:20px;
	 padding-left:7px;
	 color:#44669b;
	 font-weight:bold;
}

#content{
	margin-top:5px;
	margin-right:10px;
}

#title_content{
	margin:15px 0px 10px 6px;
	font-size:17px;
	font-weight:bold;
	color:#44669b;
}

#isi_content{
	text-align:justify;
	padding-right:10px;
	margin:15px 0px 10px 6px;
	/*min-height:200px;*/
}
/* End About */

/* News */
.prev-next-news{
	color:#315590;
	font-weight:bold;
	padding-right:15px;
	padding-top:20px;
}
.prev-news{
	float:left;
	width:49%;
	padding-left:5px;
}
.next-news{
	margin-left:50%;
	text-align:right;
	width:49%;
}

.editor-hits{
	color:#ADADAD;
	font-weight:bold;
	margin-top:15px;
	margin-right:15px;
	padding:5px 0px 5px 0px;
	border-top:#ADADAD 1px solid;
	border-bottom:#ADADAD 1px solid;
}
/* End News */

/* Comment */
#kirim-komentar{
	padding:10px;
}

#title-send-comment{
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
}

#kirim-komentar .field{padding-left:2px;width:307px;}
#kirim-komentar .field-area{width:307px;}
#kirim-komentar .title-field{padding:5px 8px;float:left;width:100px;height:18px;}
#kirim-komentar .input-field{padding:5px 8px 5px 15px;margin-left:110px;}
#kirim-komentar .input-field-captcha{padding:5px 8px 5px 15px;margin-left:110px;width:320px;}
#recaptcha_area {text-align:left;width:320px;}
.button-comment{margin-left:0px;width:432px;text-align:right;}
/* End Comment */

/* Footer */
#footer{
	height:75px;
	width:1024px;
	background: #b10100;
	margin-top:25px;
}

#footer #copyright{text-align:center;padding-top:30px;color:#FFF;}

#share{text-align:right;padding-top:10px;padding-right:5px;}
#share-left{
	text-align:right;
	padding-top:10px;
	padding-right:22px;
}

#award ul{width:100%;padding-left:10px;padding-top:15px;}
#award li{list-style:none;padding-right:25px;float:left;}

#award-new { 
	text-align:left;
	background-color:#F1F3F5;
	border:1px solid #BDCFE5;
	height:105px;
	margin-top:20px;
	padding-top:15px;
	/*padding-left:10px;
	width:100%;*/
}
#award-new label { 
	/*float:left;*/
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:9px;
	padding-right:5px; 
	background-color:#f1f3f5;
}

#award-new label img {
	border:none;
}
/* End Footer */







/****	tambahan yoyo	****/

h3{color:#ea0100;padding:15px 0px 3px 5px;border-bottom:#cedcec 1px solid; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:500;}
h4{padding: 15px 0px 3px 5px; margin-bottom: 10px; font-family: arial; font-size: 18px; font-weight: 500; color: rgb(49, 85, 144);}
h5{color:#315590;font-family:arial;font-size:18px;font-weight:bold;margin-bottom:5px;padding-top:5px}


em {display:none}


#wrap #content-kanan2 #kolom-content #content #nav_pageproducts_front li a {
	background-color:#315590;
    color:#FFFFFF;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:15px;
    list-style-type:none;
    margin-right:5px;
    text-align:center;
    width:15px;
}

#wrap #content-kanan2 #kolom-content #content #nav_pageproducts_front li a {
	background-color:#bdcfe5;
    color:#FFFFFF;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:15px;
    list-style-type:none;
    margin-right:5px;
    text-align:center;
    width:15px;
}

#wrap #content-kanan2 #kolom-content #content #nav_pageproducts_front li {
	background-color:#315590;
    color:#FFFFFF;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:15px;
    list-style-type:none;
    margin-right:5px;
    text-align:center;
    width:15px;
}

#wrap #content-kanan2 #kolom-content #content #nav_pageproducts_front li a:active {
	background-color:#315590;
    color:#FFFFFF;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:15px;
    list-style-type:none;
    margin-right:5px;
    text-align:center;
    width:15px;
}

#wrap #content-kanan2 #kolom-content #content #nav_pageproducts_front li a:hover {
	background-color:#315590;
    color:#FFFFFF;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:15px;
    list-style-type:none;
    margin-right:5px;
    text-align:center;
    width:15px;
}

#list_produk_standar li { 
	list-style-type:none;
	padding-left: 10px; 
	margin-left: -13px; 
	background-image: url(../../images/arrow.png); 
	background-repeat: no-repeat; 
	background-position: left center;
}

#list_produk_standar li a {
	color:#999;
}

.list-with-arrow {
	list-style-type:none;
	padding-left: 10px; 
	background-image: url(../../images/arrow.png); 
	background-repeat: no-repeat; 
	background-position: left center;
}

.products1 {
	clear:both;
	height:130px;
	margin-top:25px;
	padding-left:5px;
}

.products2 {
	background-color:#F1F3F5;
  border-bottom:1px solid #CEDCEC;
  clear:both;
  height:110px;
  padding-left:5px;
  padding-top:5px;
  padding-bottom:15px;
}

.products-image {
	float:left;
}

.products-text {
	float:right;
	width:410px;  
	/*margin-top:-7px; */
	margin-left:15px;
	margin-right:10px;
}

.products-logo {
	float:left; 
	clear:both;
}

.products-isi {
	line-height:12px;
	margin-top:3px; 
	float:left; 
	clear:both; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	/*color:#999999;*/
}

.products-isi td{
	font-size:11px;
	/*color:#999999;*/
}
#product_standar {
	float:left;
	margin-top:10px;
	padding-bottom:20px;
	padding-right:30px;
	width:92%;
}

#list_produk_standar {
	float: left; 
	clear: both; 
	width: 100%;
}

#list_kiri {
	margin-left:-20px; 
	float: left;l
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#999999
}

#list_kanan {
	color:#999999;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  /*padding-right:130px;*/
  margin-left:80px;
}

#share-new {
	border-bottom:1px solid #CEDCEC;
	float:right;
	margin-bottom:20px;
	margin-right:10px;
	padding:5px 10px 10px 0px;
	text-align:right;
	width:630px;
}




#company_list {
	background-color:#F1F3F5;
	border-left:1px solid #CEDCEC;
	border-right:1px solid #CEDCEC;
	border-top:1px solid #CEDCEC;
	clear:both;
	text-align:justify;
	height:117px;
	margin-top:20px;
	padding:8px;
	padding-right:12px;
	/*padding-top:5px;*/
}

#submenu_aboutus {
	border:1px solid #CEDCEC;
	float:left;
	margin:0px 10px 20px 0px;
	padding-bottom:15px;
	/*padding-left:58px;*/
	padding-left:30px;
	padding-top:15px;
	width:608px;
}

#submenu_aboutus ul {margin: 0pt; padding: 0pt; line-height:20px;}
#submenu_aboutus ul li {list-style-type: none; float: left; width:285px;/*width: 200px;*/}
#submenu_aboutus ul li ul {margin: 0pt; padding: 0pt;}
#submenu_aboutus ul li ul li {
	list-style-type:none;
	padding-left: 10px; 
	background-image: url(../../images/arrow.png); 
	background-repeat: no-repeat; 
	background-position: left center;
}	
#submenu_aboutus ul li ul li a {color:#999;}
	

.company-image {
	float:left;
	margin-left:5px;
	margin-top:5px;
	text-align:justify;
}

.company-image p{
	line-height:normal;
}
.company-text {
	float:right;
	width:400px;  
}

.company-isi {
	clear:both;
	color:#666666;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:12px;
	margin-top:3px;
	text-align:justify;
	margin-right:15px;
}


/*#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url('../../images/arrow.png';
background-repeat: no-repeat;
background-position: 0 .5em;
}


#navlist li a
{
padding-left: 10px;
background-image: url('../../images/arrow.png';
background-repeat: no-repeat;
background-position: 0 .5em;
}

#navlist li a:active
{
padding-left: 10px;
background-image: url('../../images/arrow.png';
background-repeat: no-repeat;
background-position: 0 .5em;
}

#navlist li a:hover
{
padding-left: 10px;
background-image: url('../../images/arrow.png';
background-repeat: no-repeat;
background-position: 0 .5em;
}*/



#menu li.m-indo1{background: url(../../images/menu_indo/menu_beranda.png) top left no-repeat;width:109px;margin-top:4px;margin-left:-50px;}
#menu li.m-indo1 a.select{background: url(../../images/menu_indo/menu_beranda_active.png) top left no-repeat;width:109px;}
#menu li.m-indo1 a:hover{background: url(../../images/menu_indo/menu_beranda_active.png) top left no-repeat;width:109px;}

#menu li.m-indo2{background: url(../../images/menu_indo/menu_tentangkami.png) top left no-repeat;width:144px;margin-top:4px;}
#menu li.m-indo2 a.select{background: url(../../images/menu_indo/menu_tentangkami_active.png) top left no-repeat;width:144px;}
#menu li.m-indo2 a:hover{background: url(../../images/menu_indo/menu_tentangkami_active.png) top left no-repeat;width:144px;}

#menu li.m-indo3{background: url(../../images/menu_indo/menu_produk.png) top left no-repeat;width:101px;margin-top:4px;}
#menu li.m-indo3 a.select{background: url(../../images/menu_indo/menu_produk_active.png) top left no-repeat;width:101px;}
#menu li.m-indo3 a:hover{background: url(../../images/menu_indo/menu_produk_active.png) top left no-repeat;width:101px;}

#menu li.m-indo4{background: url(../../images/menu_indo/menu_layananonline.png) top left no-repeat;width:159px;margin-top:4px;}
#menu li.m-indo4 a.select{background: url(../../images/menu_indo/menu_layananonline_active.png) top left no-repeat;width:159px;}
#menu li.m-indo4 a:hover{background: url(../../images/menu_indo/menu_layananonline_active.png) top left no-repeat;width:159px;}

#menu li.m-indo5{background: url(../../images/menu_indo/menu_hubungikami.png) top left no-repeat;width:145px;margin-top:4px;}
#menu li.m-indo5 a.select{background: url(../../images/menu_indo/menu_hubungikami_active.png) top left no-repeat;width:145px;}
#menu li.m-indo5 a:hover{background: url(../../images/menu_indo/menu_hubungikami_active.png) top left no-repeat;width:145px;}

#menu li.m-indo6{background: url(../../images/menu_indo/menu_karir.png) top left no-repeat;width:85px;margin-top:4px;}
#menu li.m-indo6 a.select{background: url(../../images/menu_indo/menu_karir_active.png) top left no-repeat;width:85px;}
#menu li.m-indo6 a:hover{background: url(../../images/menu_indo/menu_karir_active.png) top left no-repeat;width:85px;}

#menu li.m-indo7{background: url(../../images/menu_indo/menu_blog.png) top left no-repeat;width:83px;margin-top:4px;}
#menu li.m-indo7 a.select{background: url(../../images/menu_indo/menu_blog_active.png) top left no-repeat;width:83px;}
#menu li.m-indo7 a:hover{background: url(../../images/menu_indo/menu_blog_active.png) top left no-repeat;width:83px;}


/* Layanan Online */
#title_layanan{
	float:left;
	width:390px;
	clear:both;
}

#file_layanan{
/*	float:left;
	text-align:right;
	width:200px;*/
	clear:both;
	float:left;
	margin-bottom:10px;
	margin-left:9px;
	width:200px;
}



#content_sorting {text-align:center; clear:both; width:100%; margin-bottom:20px;}
#form_content_sorting {background-color:#F1F3F5; border:1px solid #ccc;height:20px;padding:10px;text-align:center;width:55%;}
#submit_sorting {background-color:#C71012;border:1px solid #B40000;color:#FFFFFF;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:20px;}
#list_daftar_isi {padding:0px; margin-left:20px; float:left; clear:both;}
#list_daftar_isi li {
	background-image:url(../../images/arrow_blue.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	clear:both;
	float:left;
	list-style-type:none;
	margin-bottom:10px;
	padding-left:15px;
}
#list_daftar_isi li #judul_berita_blog{font-size:11px; font-weight:bold; color:#315590; float:left; clear:both; cursor:pointer;}
#list_daftar_isi li #tanggal_berita_blog{font-size:10px; color:#666666; float:left; clear:both}



#list_produk_standar li { 
	list-style-type:none;
	padding-left: 10px; 
	margin-left: -13px; 
	background-image: url(../../images/arrow.png); 
	background-repeat: no-repeat; 
	background-position: left center;
}

#soc-net-new  { margin-top:15px;}
#soc-net-new ul {list-style-type:none; padding:0;}
#soc-net-new ul li {float:left; margin-right:15px;}

.contentdiv{width:640px;}





/*================      110510       ==================*/


#layanan-online-wrapper {
	border:1px solid #d7e3f0; 
	padding:15px;
	margin-top:15px;
}

#layanan-online-wrapper .judul-layanan {
	font-size:14px; 
	color:#F00; 
	font-weight:bold; 
	float:left; 
	clear:both;
}

#layanan-online-wrapper .description-layanan {
	font-size:11px; 
	color:#333;
	text-align:justify; 
	float:left; 
	clear:both; 
	padding-bottom:10px; 
	padding-top:10px;
}

.layanan_category {
	background-color:#F5F7F8;
	border-bottom:1px solid #D7E3F0;
	border-left:1px solid #D7E3F0;
	border-right:1px solid #D7E3F0;
	clear:both;
	display:block;
	float:left;
	margin-top:-1px;
	width:638px;
}

.layanan_category .judul-category {
	padding:10px;
	border-top:1px solid #d7e3f0;
}

.layanan_category .judul-category font {
	font-size:14px; 
	color:#315590; 
	font-weight:bold;
}

.layanan_category .judul-category a {
	color:#FF0000;
	font-size:11px; 
	margin-left:10px; 
}

#content .layanan_category .isi-category {
	border-top:2px dotted #D7E3F0;
	clear:both;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:615px;
}

#content .layanan_category .isi-category .jenis-permohonan {
	float:left; 
	padding:10px;
}

#content .layanan_category .isi-category .download-formulir-wrapper {
	float:right; 
	padding:10px;
}

#content .layanan_category .isi-category .download-formulir-wrapper a {
	background:#FFFFFF url(../../images/download.jpg) no-repeat scroll right top;
	border:1px solid #CCCCCC;
	height:20px;
	margin-top:-5px;
	padding:5px 30px 4px 5px;
	color:#F00;
}

#ubah_font{
width:95%;
text-align:right;
line-height:17px;
color:#888;
}