/* main css */

font-family: 'Open Sans', sans-serif;

.clear{
	clear:both;
}
a {
    text-decoration: none;
}
a[href] {
    color: #244A77;
}
a[href]:hover {
    color: #be0f0f;
    cursor: pointer;
    text-decoration: underline;
}
h1, h2, h3, h4, h5,h6 {
    color: #555;
    font-family: 'Open Sans', Arial,Helvetica,sans-serif;
    font-weight: 600;
    margin-bottom: 0.5em;
}
table {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    margin: 20px 0;
    width: 100%;
    font-size:15px;
}
table thead:first-child tr:first-child th, table tbody:first-child tr:first-child th, table tbody:first-child tr:first-child td {
    border-top: 0 none;
}
table th, table td {
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    line-height: 180%px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
dl {
    margin-bottom: 20px;
    font-size:15px;
}
dd {
    margin-left: 10px;
}
dt {
    font-weight: bold;
}
dt, dd {
    line-height: 170%;
}
address {
    display: block;
    font-style: normal;
    font-size:15px;
    line-height:180%;
    margin-bottom: 20px;
}
abbr[title], abbr[data-original-title] {
    border-bottom: 1px dotted #999999;
    cursor: help;
}
abbr, tla, acronym {
    cursor: help;
    text-decoration: underline;
}
code {
    background-color: #F7F7F9;
    border-left: 6px solid #E7E7E7;
    color: #DD1144 !important;
    display: block;
    padding: 10px 15px !important;
}
code, pre {
    color: #333333;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 13px;
    padding: 0 3px 2px;
}
pre {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 9.5px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
}
.detil-isi blockquote p {
    width: 530px!important;
}
cite, q {
    font-style: italic;
}
sub {
    bottom: -0.25em;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}
.selengkapnya a{
	font-size:12px;
	padding:5px 0;
	text-align:right;
	color:#be0f0f!important;
}
.selengkapnya a:hover{
	text-decoration:underline;
}
.date{
	font-size:11px;
	color:#3B9E00;
	padding:0 0 7px;
	display:block;
}
.listing-index .date{
	padding-bottom:0;
}
.kutipan{
	font-size:12px!important;
	color:#808080;
	font-style:italic;
	padding:0 0 5px 0;
}
.comment-meta a{
	text-decoration:none;
	font-size:11px;
	color:#3B9E00;
	font-style:italic;
	padding:0 0 5px 0;
}
.sep{
	width:100%;
	margin:10px 0;
}

.sep-bold {
    border-bottom: 1px dotted #bbb;
    margin: 10px 0;
    width: 100%;
}

.sep-right{
	width:100%;
	margin:15px 0;
}
.dot{
	border-bottom:1px dotted #cacaca;
}
.dash{
	border-bottom:1px dashed #cacaca;
}
.line{
	border-bottom:1px solid #cacaca;
}
.round{
	border-radius:5px;
	background-color:#f4f6f9;
}

ul, li{
	line-height:normal;
}
.jml{
	color:#244A77;
}
em{
	font: italic 100% 'Open Sans', Arial,Helvetica,sans-serif;
}
p{
	/*
	font:13px/20px Arial, Helvetica, sans-serif!important;
	*/
	font-size:15px;
	line-height:180%!important;
	margin: 5px 0 15px;
}
.btn-sml a{
	color:#fff;
}
.btn-sml a:hover{
	color:#fff;
}
.btn-sml{
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px #F6F6F6 inset, 0 1px #FAFAFA;
    cursor: pointer;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
    text-align: center;
    width: 50px;
	font-size:12px;
}
.orange{
	background-color: #ffc000;
    border: 1px solid #f6a10d;
    text-shadow: 0 1px #A15B00;
}

/* body */
body {
	background: url(./sknimg/main-bg.png) repeat scroll 0 0 transparent;
    color: #333!important;
	font-family: 'Open Sans', Arial,Helvetica,sans-serif;
    font-size: 15px;
	margin:0;
	line-height:180%;
	position: relative;
	min-width:1040px;
}

/*404*/
.headlogo{
	text-align:center;
	padding-top:40px;
}
.error-404{
	position: relative;
}
.cont-404{
	margin:40px auto;
	background-color:#fff;
	border-radius:5px;
	width:650px;
	padding:25px;
	color:#666;
}
.cont-404 ol{
	margin:0 0 25px 25px;
	padding:0;
}
.cont-404 ol > li{
	font-size:15px;
	line-height:150%;
}
.cont-404 h1{
	font-size:4em;
	text-align:center;
	margin-top:15px;
}
.pencarian404{
	text-align:center;
	margin-top:20px;
}
.pencarian404 input{
	padding:10px 15px!important;
	font-size:15px!important;
	min-width:350px!important;
	border-radius:3px;
	margin-right:5px!important;
}
.pencarian404 button{
	background: none repeat scroll 0 0 #40D47E !important;
    border: medium none !important;
    color: #FFFFFF !important;
    font-size: 15px;
    padding: 10px 15px !important;
    text-shadow: 0 1px #28AF61;
    min-width:100px;
}

/*header*/
.header{
	background: url(./sknimg/bg-wacana.png) repeat scroll 0 0 transparent;
	position:relative;
}
.header .cont-menu {
    height: 230px;
    margin: 0 auto;
    position: relative;
    width: 1090px;
}
.cont-menu .logo{
	padding-top:45px;
}
.logo .ladderboard{
	padding:8px;
	background: url(./sknimg/bg-ladder.png) repeat scroll 0 0 transparent;
	margin-top:-8px;
	float: right;
}
/*  menu navigasi */
.header .menu-nav {
    background-color: #214c78;
    border-radius:10px 10px 0 0;
    bottom: 0;
    height: 55px;
    left: 0;
    position: absolute;
    right: 0;
}
.header .menu-nav ul{
	list-style-type:none;
	padding:15px;
	margin:0;
}
.header .menu-nav li{
	float:left;
	position:relative;
	margin-right:10px;
}
.header .menu-nav li a {
    color: #FFFFFF;
    display: inline-block;
    font-family: "Helvetica",Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.header .menu-nav .active{
	background-color:#1b3f64!important;
	color:#fff;
	border-radius: 3px;
}
.header .menu-nav .sub-menu li .active{
	background-color:#1b3f64;
	color:#fff;
	border-radius: 0px;
}
.header .menu-nav li a:hover{
	background-color:#1b3f64;
	color:#fff;
	border-radius: 3px;
}
.header .menu-nav .on a {
    background-color: #1b3f64 !important;
    border-radius: 3px;
    color: #FFFFFF !important;
}
.nowrap {
    white-space: nowrap !important;
}
/*menu ke dashboard*/
.dashboard {
	background: none repeat scroll 0 0 #F3F3F3;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 7px;
    position: fixed;
    right: 0;
    top: 90px;
    transition: all 0.3s ease-in-out 0s;
    width: 32px;
    z-index: 1000;
}
.dashboard:hover{
	width:130px;
}
.dashboard .sett {
    background: url(./sknimg/icn-bantuan.png) no-repeat 0 2px transparent ;
}
.dashboard .syarat{
	background: url(./sknimg/icn-ketentuan.png) no-repeat 0 0 transparent ;
}
.dashboard h1{
	font-size:14px;
	font-weight:bold;
	border: medium none;
    font-size: 14px;
    height: 32px;
    line-height: 14px;
    padding: 0 3px 3px 42px;
    margin:0;
}
.sett em {
    color: #999999;
    display: block;
    font-size: 11px;
    font-weight: 400;
}
.syarat em {
    color: #999999;
    display: block;
    font-size: 11px;
    font-weight: 400;
}
/* sub menu */
.header .sub-menu{
	background-color: #214C78;
    box-shadow: 0 5px 0 0 #1B3F64;
    left: 0;
    margin: 0 !important;
    padding-top: 7px;
    position: absolute;
    top: 26px;
    z-index: 5000;
    display: none;
}
.header .sub-menu ul{
	margin:0;
	padding:5px 0 0;
}
.header .sub-menu li{
	border-bottom:1px dotted #5E8FC2;
	width:220px;
	margin-right:0px;
}
.header .sub-menu li a {
    background-color: #214C78;
    color: #FFFFFF !important;
    display: block !important;
    margin: 0;
    padding: 10px 15px;
}
.header .sub-menu li:last-child{
	border-bottom:none!important;
}
.header .sub-menu li a:hover{
	background-color:#1B3F64 !important;
	border-radius:0;
}
.header .sub-menu .on a{
	background-color:#fff;
}

/* wrapper */
#wrapper{
	width:1050px;
	position:relative;
	margin:0 auto;
	background-color:#FFFFFF;
	box-shadow: 0 3px 5px #A2A2A2;
	padding:20px;
}
#wrapper .main-cont{
	display:table;
	margin-bottom:35px;
}
/* frame left */
.main-cont .frame-left{
	display:table-cell;
	width:728px;
}
/* frame hilight*/
.frame-left .highlight-top{
	position:relative;
}
.frame-left .highlight-top .ribbon{
	background: url(./sknimg/ribbon.png) no-repeat scroll 0 0 transparent;
	height: 50px;
	left: -10px;
	position: absolute;
	top: 15px;
	width: 198px;
}
.frame-left .highlight-top .bg-img {}
.frame-left .highlight-top .top-img {
	-moz-box-shadow:    inset 0 0 3px 2px #333333;
   -webkit-box-shadow: inset 0 0 3px 2px #333333;
    box-shadow: 0 0 3px 2px #333333 inset;
    margin-bottom: 15px;
    max-height: 350px;
    overflow: hidden;
    width: 100% !important;
}
.frame-left .highlight-top .top-headline{
}

.frame-left .highlight-top .top-headline p{
	font-size:14px;
	line-height:normal;
	width:700px;
	margin:0;
}

.frame-left .highlight-top .top-headline H2{
	font-size:20px;
	color:#555555!important;
	margin:0;
	line-height:23px;
}
.frame-left .highlight-top .top-carousel{
}
.frame-left .highlight-top .top-carousel ul{
	overflow:hidden;
	padding:0;
	margin:0;
}
.frame-left .highlight-top .top-carousel ul li {
	float: left;
    margin-right: 20px;
    position: relative;
    width: 225px;
}
.frame-left .highlight-top .top-carousel li:a{
	text-decoration:none;
}
.frame-left .highlight-top .top-carousel ul li.active{
	background-color:#FFFFFF;
	opacity:0.2;
	filter:alpha(opacity=80);
}
/*.frame-left .highlight-top .top-carousel li:hover{
	background-color:#FFFFFF;
	opacity:0.2;
	filter:alpha(opacity=80);
}
*/
.frame-left .highlight-top .top-carousel li:last-child{
	margin-right:0;
}

/* frame TAB berita*/
.frame-left .show-berita{
	padding-top:5px;
}
.frame-left .show-berita H3 {
    color: #244A77;
    font-size: 20px;
    margin: 0;
}
.frame-left .show-berita .pilihan{
}
.frame-left .show-berita .pilihan a{
	border-radius: 5px 5px 0 0;
    color: #555555;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 10px 15px 5px;
}
.frame-left .show-berita .pilihan .active{
	background-color:#d4eda4;
}
.frame-left .show-berita .index-isi{
	display:table;
	width:100%;
	padding:10px 0;
}
/* frame tab berita bagian index */
.frame-left .show-berita .index-isi .index-detil{
	width:360px;
	padding-right:25px;
	display:table-cell;
}
.frame-left .show-berita .index-isi .index-detil p{
	width:360px;
	word-wrap: break-word;
	font-size: 14px;
	line-height:140%;
	margin:0;
}
.index-detil > h4 {
    margin: 0;
    padding: 0;
}
.frame-left .show-berita .index-isi .index-detil H4 a{
	font-size: 18px;
    font-weight: bold;
    line-height: 140%;
}
.frame-left .show-berita .index-isi .index-detil H4 a:hover{
	text-decoration:none;
}
.frame-left .show-berita .index-isi .index-detil img{
	height: 200px;
    margin: 0 0 10px;
    width: 360px;
}
.frame-left .show-berita .index-isi .index{
	display:table-cell;
	vertical-align:top;
}
.frame-left .show-berita .index-isi .index ul{
	list-style-type: none !important;
    margin: 0 0 15px;
    padding: 0;
}
.frame-left .show-berita .index-isi .index ul li{
	background: url(./sknimg/bullet.png) no-repeat scroll 0 10px transparent;
	padding:5px 0 5px 15px;
	font-size:14px;
	border-bottom:1px solid #e2e2e2;
}
.frame-left .show-berita .index-isi .index ul li a{
	text-decoration:none!important;
	display:block;
}
.frame-left .show-berita .index-isi .index ul li:hover{
	background-color:#e9f8fb;
}
/*
.frame-left .show-berita .index-isi .index ul li:last-child{
	border:none;
}
*/

/*frame left > wrap detil isi */
.frame-left .cont-isi{
	position:relative;
}

/* breadcrumb */
.frame-left .cont-isi .breadcrum {
	color:#999;
	font-size: 13px;
    line-height: normal;
}

/* detil penulis */
.frame-left .cont-isi .user{
	position: relative;
	border-radius:5px;
	background-color:#edf1f2 !important;
	margin-top:10px;
}
.header-penulis .detil-penulis {
	float:left;
	margin-left:20px;
	width:550px;
}
.user .avatar{
	float:left;
	width:100px
}
.user .avatar img {
    height: 100px;
    width: 100px;
}

/* detil penulis tamu */
.penulis-tamu{}
.penulis-tamu .header-penulis {
    background-color: #9B59B6;
    border-bottom: 5px solid #81499B;
    border-radius: 5px 5px 0 0;
    height: 20px;
    padding: 15px;
    position: relative;
}

.penulis-tamu .header-penulis .detil-penulis h4 {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 0 30px;
}
.penulis-tamu .header-penulis .detil-penulis h3 {
    color: #585F61;
    font-size: 27px;
    margin: 0 0 5px;
    text-shadow: 0 1px #FFFFFF;
}
.penulis-tamu .header-penulis .detil-penulis p{
    color: #585F61;
    margin: 0 0 10px;
    text-shadow: 0 1px #FFFFFF;
    line-height:150%!important;
}
.penulis-tamu .statistik {
    background-color: #e0e4e5;
    border-radius: 0 0 5px 5px;
    border-top: 5px solid #C1C9CA;
    margin-top:5px;
}
.penulis-tamu .statistik ul {
    margin:0;
    padding:0;
}
.penulis-tamu .statistik ul li {
    border-right: 1px dotted #939b9d;
    float: left;
    margin: 15px 10px 10px;
    padding-right: 10px;
    text-align: center;
    width: 21%;
}
.sep-tamu {
    border-top: 1px dotted #9DA4A5;
    margin: 10px 0;
}
.penulis-tamu .statistik ul li:last-child {
	margin-right:0px;
	border-right:none;
	padding-right:0px;
}
.statistik h5{
	color:#70797b;
	font-size:11px;
	margin:0;
	text-transform: uppercase;
	text-shadow: 1px 1px #FFFFFF;
}
.statistik h3 {
	color:#70797b;
    font-size: 25px!important;
    margin: 0;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
}

/* Detil Penulis Single */
.artikel-info{
	float: left; margin: 13px 20px 0px 0px; width: 90px;
}
.artikel-info img{
	width: 90px;
	height: 90px;
	margin-bottom: 5px;
}
.nama-user{
	text-align: right; font-weight: bold; line-height: 17px; text-transform: uppercase; font-size: 13px;
}
.nama-user a{
	color:#333!important;
}
.artikel-info .time{
	border-top:1px solid #ccc; margin-top:7px; padding-top:7px; font-size:10px; color:#3B9E00;
}
.img-credit{
	font-size: 10px; color:#888; text-align: right; text-transform: uppercase;
}

/* new layout detil */
.wrp-isi{
	position:relative;
}
.wrp-isi .cont-kiri{
	width:90px;
	position:absolute;
	margin-right:15px;
	left: 0;
	top:0;
}
.detil-isi .cont-kanan{
	width:610px;
	float:right;
}
.detil-isi .cont-kanan img{
	max-width:550px!important;
}
.cont-kiri .share{
	
}

/* detil biasa */
.penulis-reguler{}
.penulis-reguler .header-penulis {
	background-color:#2ecc71;
	border-bottom: 5px solid #1ba556;
    border-radius: 5px 5px 0 0;
    height: 20px;
    padding: 15px;
    position: relative;
}

.penulis-reguler .header-penulis .detil-penulis h4 {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 0 25px;
}
.penulis-reguler .header-penulis .detil-penulis h3 {
    color: #585F61;
    font-size: 27px;
    margin: 0 0 5px;
    text-shadow: 0 1px #FFFFFF;
}
.penulis-reguler .header-penulis .detil-penulis p{
    color: #585F61;
    margin: 0 0 10px;
    text-shadow: 0 1px #FFFFFF;
    line-height:150%!important;
}
.penulis-reguler .statistik {
    background-color: #e0e4e5;
    border-radius: 0 0 5px 5px;
    border-top: 5px solid #C1C9CA;
    margin-top:5px;
}
.penulis-reguler .statistik ul {
    margin:0;
    padding:0;
}
.penulis-reguler .statistik ul li {
    border-right: 1px dotted #939b9d;
    float: left;
    margin: 15px 10px 10px;
    padding-right: 10px;
    text-align: center;
    width: 21%;
}

.sep-reguler {
    border-top: 1px dotted #9DA4A5;
    margin: 10px 0;
}
.penulis-reguler .statistik ul li:last-child {
	margin-right:0px;
	border-right:none;
	padding-right:0px;
}
.statistik h5{
	color:#70797b;
	font-size:11px;
	margin:0;
	text-transform: uppercase;
	text-shadow: 1px 1px #FFFFFF;
}
.statistik h3 {
	color:#70797b;
    font-size: 25px!important;
    margin: 0;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
}

.action {
    position: absolute;
    right: 20px;
    top: 20px;
}
.action ul{
	margin:0;
	padding:0;
}
.action ul li {
    float: left;
    margin-left:5px;
}
.action ul li a{
	color:#fff!important;
	text-decoration:none!important;
	display:block;
}
.icon-setting{
	position:absolute;
	top:10px;
	right:10px;
	background: url(./sknimg/icn-action.png) no-repeat scroll -17px center transparent;
	width:16px;
	height:16px;
}
.icon{
	width:16px;
	height:16px;
}
.ikuti{
	background: url(./sknimg/icn-action.png) no-repeat scroll 0 center transparent;
}
.setting{
	background: url(./sknimg/icn-action.png) no-repeat scroll -17px center transparent;
}
.verifikasi{
	background: url(./sknimg/icn-action.png) no-repeat scroll -34px center transparent;
}
.kutipan-profil{
	font-size:12px!important;
}

/*simple profil single*/
.simple-profile {
    background-color: #E4E9EA !important;
    border-radius: 5px;
    margin: 0 0 20px 0;
    min-height: 105px;
    padding: 0 0 10px;
    position: relative;
    width: 275px;
}
.simple-profile img {
    border-radius: 5px;
    height: 60px;
    margin: 0 auto;
    position: absolute;
    width: 60px;
}
.simple-profile .header-penulis{
	min-height:0!important;
	padding:15px!important;
}
.simple-profile .detil-simple {
    margin: 7px 7px 0 0;
    padding-left: 90px;
}
.simple-profile h3 {
    color: #FFFFFF;
    margin: 0 !important;
    padding-left: 90px;
    position: absolute;
    top: 10px;
    z-index: 999;
    font-size: 16px!important;
}
.simple-profile a h2 {
    color: #244A77;
    font-size: 18px !important;
    line-height: 20px;
}
.simple-profile a:hover{
	text-decoration:none;
}

.simple-profile .action {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9999;
}
.simple-profile .action ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.simple-profile .action ul li {
    float: left;
    margin-left:5px;
}
.simple-profile .action ul li a{
	color:#fff!important;
	text-decoration:none!important;
	display:block;
}
.simple-profile .icon-setting{
	position:absolute;
	top:10px;
	right:10px;
	background: url(./sknimg/icn-action.png) no-repeat scroll -17px center transparent;
	width:16px;
	height:16px;
}
.simple-profile .icon{
	width:16px;
	height:16px;
}
.ikuti{
	background: url(./sknimg/icn-action.png) no-repeat scroll 0 center transparent;
}
.setting{
	background: url(./sknimg/icn-action.png) no-repeat scroll -17px center transparent;
}
.verifikasi{
	background: url(./sknimg/icn-action.png) no-repeat scroll -34px center transparent;
}


/* frame left > isi post*/
.frame-left .cont-isi .detil-isi{
	position:relative;
}
.detil-isi .judul-artikel {
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    margin: 7px 0 0;
    color: #555555;
}
.detil-isi h1{
	font-size:30px;
}
.detil-isi h2{
	font-size:25px;
}
.detil-isi h3{
	font-size:20px;
}
.detil-isi h4{
	font-size:15px;
}
.detil-isi h5{
	font-size:13px;
}
.detil-isi a {
    color: #147AD0;
}
.frame-left .cont-isi .detil-isi p {
    width: 610px;
    word-wrap: break-word !important;
}
.detil-isi .wp-caption p{
	width: auto!important;
    word-wrap: break-word !important;
}
.detil-isi .wp-post-image {
    max-width: 728px !important;
}

.frame-left .cont-isi .detil-isi img{
    max-width: 550px;
}

/* navigasi artikel lainnya halaman single */
.nav-artikel{
	position: relative;
	padding:15px 0;
}
.nav-artikel ul{
	margin:0;
	padding:0;
	list-style-type: none!important;
}
.nav-artikel a{
	color:#244A77!important;
}
.nav-artikel h3 {
    border-bottom: 5px solid #eee;
    margin-bottom: 5px;
    padding-bottom: 7px;
}
.nav-artikel ul > li{
	padding:5px 0;
	border-bottom:1px dotted #BFBFBF;
}
.nav-artikel ul > li:last-child{
	border-bottom:none;
}
.nav-artikel .artikel-terkait{
	float:left;
	width:310px;
	margin-right:35px;
}
.nav-artikel .artikel-pilihan{
	float:left;
	width:310px;
}
.yarpp-related{
	position:relative;
}
.yarpp-related ol {
    list-style-type: none;
    margin: 0 0 20px !important;
    padding: 0 !important;
}
.yarpp-related ol > li {
	margin:0!important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
	height: 80px;
    margin: 0 !important;
    width: 100px;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: medium none !important;
    height: 115px;
    margin: 5px 5px 5px 0;
    vertical-align: top;
    width: 100px;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 0.85em;
    line-height: 1.4em;
    margin: 5px 0 0;
    max-height: 2.8em;
    overflow: hidden;
    text-decoration: inherit;
    width: 100px;
}

.featured-artikel{
	position: relative;
}
.featured-artikel img{
	position: relative;
}
.caption-top{
	background: url(./sknimg/bg-caption1.png) repeat scroll 0 0 transparent;
    bottom: 25px;
    color: #FFFFFF;
    font-size: 0.8em;
    left: 0;
    right:0;
    line-height: 16px !important;
    margin: 0;
    padding: 7px 15px;
    position: absolute;
    text-align: left;
}

.wp-caption {
    max-width: 550px !important;
    position: relative;
}
.wp-caption img {
    height: auto !important;
    position: relative;
    margin-bottom:10px;
}

.wp-caption-text {
	background: url(./sknimg/bg-caption1.png) repeat scroll 0 0 transparent;
    bottom: 10px;
    color: #FFFFFF;
    font-size: 12px;
    left: 0;
    right:10px;
    line-height: 16px !important;
    margin: 0;
    padding: 5px 15px;
    position: absolute;
    text-align: left;
}
.detil-isi ol, ul{
	margin:0 0 20px 30px;
	padding:0;
}
.detil-isi .stat{
	color: #3B9E00;
    display: block;
    font-size: 12px;
    padding-bottom:10px;
}

.detil-isi ol li p{
	width:510px!important;
}
.detil-isi ol li ol li p{
	width:460px!important;
	margin-bottom:0!important;
}
.detil-isi ol li ol li ol li p{
	width:430px!important;
	margin-bottom:0!important;
}
.detil-isi ul li p{
	width:510px!important;
}
.detil-isi ul li ul li p{
	width:460px!important;
	margin-bottom:0!important;
}
.detil-isi ul li ul li ul li p{
	width:430px!important;
	margin-bottom:0!important;
}

.detil-isi ol li{
	width:570px;
}
.detil-isi ol li ol li{
	width:510px;
}
.detil-isi ol li ol li ol li{
	width:480px;
}
/*
.detil-isi ul li{
	width:610px;
}
*/
.detil-isi ul li ul li{
	width:560px;
}
.detil-isi ul li ul li ul li{
	width:520px;
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0!important;
}

.detil-isi ol li{
	font-size:15px;
	line-height:170%;
}
.detil-isi ul{
	list-style-type: disc;
}

.detil-isi ul li{
	font-size:15px;
	line-height:170%;
	
}
.frame-left .cont-isi .detil-isi h3 a{
	color:#244A77;
}
.frame-left .cont-isi .detil-isi h3 a:hover{
	color:#c51111;
}
.cont-isi h2{
	margin:0;
	padding:0;
}
.tool-isi a{
	font-weight:normal;
	color:#244A77;
}
#disclaimer{}
.term{
	background-color:#fff7d9!important;
	border-top:1px solid #f9edbe!important;
	border-bottom:1px solid #f9edbe!important;
	font-size:13px;
	text-align:center;
	line-height:150%;
	position:relative;
	padding: 10px!important;
	margin-top:15px;
}

/*index daftar artikel tumbnail*/
.detil-isi .index-all .detil-index{
	float: left;
    width: 610px;
    line-height:normal!important;
}
.detil-isi .index-all .detil-index p{
	width:auto!important;
	word-wrap: break-word;
	line-height:normal;
}
.detil-isi .index-all .index-tumb{
	float:left;
	width:100px;
	height:100px;
	overflow: hidden;
    position: relative;
    margin:5px 15px 0 0;
}
.detil-isi .index-all .index-tumb img {
    left: 0;
    max-width: none !important;
    position: absolute;
}
/* frame left > Tools isi post*/
.frame-left .cont-isi .detil-isi .tool-isi{
	padding: 10px;
	border-top: 1px solid #dbdddf;
	border-bottom: 1px solid #dbdddf;
	background-color:#f4f6f9;
	min-height: 20px;
	line-height:20px;
}
.frame-left .cont-isi .detil-isi .tool-isi .icn-tool {
    border-right: 1px solid #CCCCCC;
    float: left;
    font-size: 13px;
    margin-right: 15px;
    padding-right: 15px;
}
/*
.frame-left .cont-isi .detil-isi .tool-isi .lapor{
	background: url(./sknimg/icon/ic16-bad-d.png) no-repeat scroll 0 0 transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .lapor:hover{
	background: url(./sknimg/icon/ic16-bad.png) no-repeat scroll 0 0 transparent;
}
*/
.frame-left .cont-isi .detil-isi .tool-isi .komentar{
	background: url(./sknimg/icon/ic16-posts-d.png) no-repeat scroll 0 0 transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .komentar:hover{
	background: url(./sknimg/icon/ic16-posts.png) no-repeat scroll 0 0 transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .print{
	background: url(./sknimg/icon/ic16-print-d.png) no-repeat scroll 0 0 transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .print:hover{
	background: url(./sknimg/icon/ic16-print.png) no-repeat scroll 0 0 transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .bagikan{
	background: url(./sknimg/icon/ic16-share-d.png) no-repeat scroll 0 0 transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .bagikan:hover{
	background: url(./sknimg/icon/ic16-share.png) no-repeat scroll 0 0 transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .star{
	background: url(./sknimg/icon/rate-sample.png) no-repeat scroll 0 -1px transparent;
}
.frame-left .cont-isi .detil-isi .tool-isi .icn-tool-rate{
	font-size: 11px;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    padding: 0 10px 0 55px;
}
.detil-isi ol li{
	margin-left:15px;
}
/* frame left > tags post */
.frame-left .cont-isi .detil-isi .cont-tags{
	display:tabel;
}
.cont-tags ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.frame-left .cont-isi .detil-isi .cont-tags li{
	float: left;
    font-size: 11px;
    line-height: 1;
    margin: 0;
}
.frame-left .cont-isi .detil-isi .cont-tags li a{
	background-color:#e2e7ec;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #6f6f6f;
    float: left;
    font-weight: normal;
    margin: 3px 6px 3px 0;
    padding: 3px 6px 4px;
    text-decoration: none;
    white-space: nowrap;
}
.frame-left .cont-isi .detil-isi .cont-tags li a:hover{
	background-color:#ffebc5;
}
/* guestbook / pesan anda */

.frame-left .cont-isi .pesan-anda {
    position: relative;
}
.pesan-anda .commentlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pesan-anda .commentlist .pesan-original {
    margin-top: 18px;
	border-bottom: 1px dotted #CACACA;
	padding-bottom: 15px;
}
.pesan-anda .commentlist .avatar {
    float: left;
    margin-right: 15px;
}
.pesan-anda .commentlist .detil-pesan {
    float: left;
    width: 660px;
}
.pesan-anda .commentlist H4 {
    font-size: 20px;
	margin-bottom:0!important;
	vertical-align:middle;
}
.frame-left .cont-isi .reply {
	margin-top: 15px;
    float: right;
}
.psn-replay1{
	width:450px!important;
}
.psn-replay2{
	width:350px!important;
}
.pesan-anda .tombol {
    float: right;
}
.pesan-anda .tombol a {
    background-color: #8FC64E;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
}

.tombol-batal{
	float:right;
	background-color: #ff4242;
    border-radius: 3px;
    color: #FFFFFF!important;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
}
.depth-2 {
	background: url("./sknimg/reply-arr.png") no-repeat scroll left top transparent;
    margin-top: 20px;
    padding: 5px 0 15px 50px;
	border-top: 1px dotted #CACACA;
}
.depth-3 {
	background: url("./sknimg/reply-arr.png") no-repeat scroll left top transparent;
    margin-top: 20px;
    padding: 5px 0 15px 50px;
	border-top: 1px dotted #CACACA;
}
.depth-4 {
	background: url("./sknimg/reply-arr.png") no-repeat scroll left top transparent;
    margin-top: 20px;
    padding: 5px 0 15px 50px;
	border-top: 1px dotted #CACACA;
}

.pesan-anda .commentlist .pesan-reply {
	background: url("./sknimg/reply-arr.png") no-repeat scroll 15px 15px #f7f7f7;
    border-bottom: 1px dotted #CACACA;
    padding: 15px 0 15px 70px;
}
.pesan-anda .commentlist .detil-pesan-reply {
    float: left;
    width: 520px;
}
.pesan-anda .commentlist .more-reply {
	background: url("./sknimg/reply-arr.png") no-repeat scroll 40px top transparent;
    margin-top: 20px;
    padding: 0 0 15px 90px;
	border-bottom: 1px dotted #CACACA;
}
.pesan-anda .commentlist .detil-more-reply {
    float: left;
    width: 500px;
}
.fn{
	font-size: 1.4em;
	font-weight: bold;
}
.frame-left .cont-isi .add-comment {
    margin: 15px 0;
}
.frame-left .cont-isi .add-comment H3 {
    font-family: Georgia,Times New Roman,Times,serif;
    font-size: 24px;
    margin-bottom: 10px;
}
.frame-left .cont-isi .add-comment form {
    background: url("../sknimg/img/bg-frame-news.png") repeat scroll 0 0 transparent;
    border: 1px solid #CDCDCD;
    box-shadow: 0 1px #EEEEEE, 0 0 0 1px #FFFFFF inset;
    padding: 15px;
}
.frame-left .cont-isi .add-comment .input {
    float: left;
    margin: 10px;
    width: 195px;
}
.frame-left .cont-isi .add-comment .input input {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #D6D6D6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 8px 5px;
    width: 185px;
}
.frame-left .cont-isi .add-comment .text-area {
    float: left;
    margin: 15px;
    padding-bottom: 0;
    width: 635px;
}
.frame-left .cont-isi .add-comment .text-area textarea {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #D6D6D6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 8px 5px;
    width: 610px;
}
.frame-left .cont-isi .add-comment label {
    color: #5C5C5C;
    display: block;
    font-family: Helvetica,Arial;
    font-size: 16px;
    padding-bottom: 10px;
}

/* form isi komentar */
.frame-left .cont-isi .form-komentar{
	position: relative;
}
.form-komentar .batal{
	float:right;
}
.form-komentar .batal a{
	background-color: #FF3333;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
}
.form-komentar .comment-reply-title{
	font-size: 22px;
	margin: 15px 0 10px 0;
}
.frame-left .cont-isi .form-komentar p{
	margin:0px!important;
}
.frame-left .cont-isi .form-komentar #commentform {
    border-top: 1px solid #DDDDDD;
    line-height: normal;
    padding: 10px 0;
    position: relative;
}
.frame-left .cont-isi .form-komentar #commentform .status-login{
}
.frame-left .cont-isi .form-komentar #commentform .icn-write {
    height: 183px;
    position: absolute;
    right: 20px;
    top: -50px;
    width: 149px;
}
.frame-left .btn{
    border: medium none !important;
    box-shadow: none !important;
    color: #FFFFFF;
    cursor: pointer;
    padding: 7px 10px;
}
#commentform .required{
	color:#FF3333;
	font-size:20px;
}
.btn-red{
		background: none repeat scroll 0 0 #FE5656 !important;
}

.comment-form-captcha img {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    height: 45px;
    margin: 5px 0;
    width: 220px !important;
}

.form-submit input {
	background: none repeat scroll 0 0 #67C33A !important;
    border: medium none!important;
    border-radius: 5px;
    box-shadow: none!important;
    color: #FFFFFF!important;
    display: block;
    font-size: 17px!important;
    text-align: center;
    text-shadow: 1px 1px 0 #4D9C26!important;
}

#commentform input {
    border: 1px solid #CCCCCC;
    font-family: open sans,Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 5px 0;
    padding: 10px;
    width: 200px;
    background: none repeat scroll 0 0 #F7F7F7;
    box-shadow: none;
}
#commentform textarea {
    border: 1px solid #CCCCCC;
    box-shadow: none;
    font-family: open sans,arial,helvetica;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 15px;
    padding: 10px;
    width: 700px;
    background: none repeat scroll 0 0 #F7F7F7 !important;
}
#commentform label {
    display: inline-block;
    font-family: Helvetica,Arial;
    font-size: 16px;
    margin-left: 15px;
    padding-bottom: 10px;
	cursor:text;
	color:#5C5C5C;
}

/* pesan salah/ benar */
.form-komentar .sty-error {
    background-color: #FCD2D2;
    border: 1px solid #EC9E9E;
    margin: 10px 0;
}
.form-komentar .error-msg {
    background-color: #f8e2e2;
    margin: 0;
    padding: 10px;
    text-shadow: none !important;
}
.icn {
    padding-left: 35px;
}
.icon-error{
	background: url(./sknimg/icon/icn-error.png) no-repeat scroll 10px 10px transparent;
	}
.icon-berhasil{
	background: url(./sknimg/icon/icn-ok.png) no-repeat scroll 10px center transparent;
}
.sty-berhasil {
    background-color: #a7d87a;
    border: 1px solid #42AB5F;
    margin: 10px 0;
}
.ok-msg {
	background-color: #D6F2C5;
    margin: 0;
    padding: 10px;
    text-shadow: none !important;
}
.ok-msg p{
	margin:0;
	font-size:13px;
}

/* frame right */
.main-cont .frame-right{
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
}
.main-cont .frame-right .box-frame-right{
	position:relative;
	display:table;
	width:100%;
	border:1px solid #dee3e8;
}
.main-cont .frame-right .box-frame-right .isi-right{
	padding:15px;
}
.main-cont .frame-right .box-frame-right .isi-right H3{
	border-bottom: 3px solid #DADADA;
    color: #3B9E00;
    font-size: 20px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    text-shadow: 0 1px #FFFFFF;
}

/* frame right > pencarian */
.support-search {
	display:table;
}
.support-search input.text {
	background:none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #CCCCCC;
    box-shadow: none !important;
    font-size: 13px;
    margin: 0 2px 0 0;
    padding: 7px 10px;
    width: 220px
}
.support-search form {
	position: relative;
	width:300px
}
.support-search form button:hover, form input[type="button"]:hover, form input[type="submit"]:hover{
	color#fff!important;
}
.support-search button {
	background: none repeat scroll 0 0 #FE5656 !important;
    border: medium none !important;
    box-shadow: none !important;
    color: #FFFFFF;
    cursor: pointer;
    margin: -1px 0 0 2px;
    padding: 7px 10px;
    text-shadow: 0 1px #DB0202;
    width: 50px;
}
.support-search button:hover {
	background: none repeat scroll 0 0 #F40202!important;
    color: #FFFFFF!important;
    cursor: pointer;
    text-shadow: 0 1px #DB0202;
}
/* frame right > penulis tamu */
.main-cont .frame-right .box-frame-right .isi-right .penulis-tamu{
	padding:10px 0;
	display:table;
	border-bottom: 1px dotted #dadada;
}
.main-cont .frame-right .box-frame-right .isi-right .penulis-tamu h4{
	font-size: 16px;
    line-height: normal;
    margin: 0;
}
.main-cont .frame-right .box-frame-right .isi-right .penulis-tamu img{
	display:table-cell;
	width:60px;
	height:60px;
	margin-right:15px;
}
.main-cont .frame-right .box-frame-right .isi-right .penulis-tamu .detil-tamu{
	display:table-cell;
	vertical-align:top;
}
.main-cont .frame-right .box-frame-right .isi-right .penulis-tamu .detil-tamu .ket{
	font-size: 13px;
    line-height: normal;
}
.main-cont .frame-right .box-frame-right .isi-right .slide{
	position:relative;
	margin:10px 0;
}
.main-cont .frame-right .box-frame-right .isi-right .slide ul{
	padding:7px 0;
	margin:0;
}
.main-cont .frame-right .box-frame-right .isi-right .slide li{
	border-bottom:none!important;
	float:left;
	padding:5px 8px 5px 0;
}
.main-cont .frame-right .box-frame-right .isi-right .slide li:last-child{
	padding-right:0;
}
.main-cont .frame-right .box-frame-right .isi-right .slide img{
	border-radius: 5px;
}
.main-cont .frame-right .box-frame-right .isi-right .slide .active{
	border: 1px solid #FF0000;
    border-radius: 5px;
    height: 32px;
    margin: 3px 5px 0 0;
    padding: 2px !important;

}
/* frame right > penulis poll */
.main-cont .frame-right .box-frame-right .isi-right .poll{
	padding:10px 0;
	position:relative;
}
.main-cont .frame-right .box-frame-right .isi-right .poll ul{
	padding:0;
	margin:0;
}
.main-cont .frame-right .box-frame-right .isi-right .poll li{
	font-size:12px;
	padding:5px 0;
	border-bottom:1px solid #e2e2e2;
}
.main-cont .frame-right .box-frame-right .isi-right .poll li a{
	text-decoration:none!important;
	display:block;
}
.main-cont .frame-right .box-frame-right .isi-right .poll li:hover{
	background-color:#e9f8fb;
}
.main-cont .frame-right .box-frame-right .isi-right .poll label{
	padding-left:10px;
	display:table-cell;
	vertical-align:top;
}
.main-cont .frame-right .box-frame-right .isi-right .poll input{
	display:table-cell;
	margin:3px 0 0 0;
}
.main-cont .frame-right .box-frame-right .isi-right .vote{
	position:relative;
}
.main-cont .frame-right .box-frame-right .isi-right .vote .btn-red{
	border-radius:3px;
	padding:5px 10px;
	font-size:11px;
	background: -moz-linear-gradient(top, #d13e3b, #ea5665);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
    left top, left bottom, from(#d13e3b), to(#ea5665));
	float:left;
	margin-top: 5px;
	margin-right:5px;
}
.main-cont .frame-right .box-frame-right .isi-right .vote .btn-red a{
	color:#fff!important;
}

/* style listing index detil selengkapnya penulis tamu */
.frame-left .cont-isi .detil-isi .index-all .tamu-list{
	display:table;
	padding-bottom:10px;
	}
.frame-left .cont-isi .detil-isi .index-all .tamu-list img{
	display:table-cell;
	margin:7px 10px 0 0;
	width:60px;
	padding:0;
	border:0;
	border-radius: 5px;
}
.frame-left .cont-isi .detil-isi .index-all .tamu-list .detil{
	display:table-cell;
	vertical-align:top;
}
.frame-left .cont-isi .detil-isi .index-all .tamu-list .detil h3{
	margin:0;
	padding:0;
}
.frame-left .cont-isi .ket{
	font-size:14px;
	padding-bottom:10px;
}

/* style listing index detil selengkapnya */
.frame-left .cont-isi .detil-isi .index-all{}
.frame-left .cont-isi .detil-isi .index-all ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.frame-left .cont-isi .detil-isi .index-all a{
	color:#244A77;
}
.frame-left .cont-isi .detil-isi .index-all li{
	margin-bottom:5px;
	border-bottom: 1px dotted #ccc;
	padding:7px 0;
	width:728px;
}
.frame-left .cont-isi .detil-isi .index-all .detil-index{
	position:relative;
}
.frame-left .cont-isi .detil-isi .index-all h6{
	font-size:13px;
	color:#ff2f2f;
	margin:0;
	padding:0;
	text-transform: uppercase;
}
.frame-left .cont-isi .detil-isi .index-all h4{
	font-size: 20px;
	margin:0;
}
.frame-left .cont-isi .detil-isi .index-all .detil-index p{
	margin:0 0 10px 0!important;
}

/* style paging */
.frame-left .paging{
	display: block;
    font-size: 12px;
    line-height: 18px;
    padding-top: 15px;
    width: auto;
}
.frame-left .paging .nav-left{
	float:left;
	width:430px;
}
.frame-left .paging .nav-left ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.frame-left .paging .active{
	background: url(./sknimg/paging-on.jpg) repeat-x scroll 0 0 transparent!important;
	border: 1px solid #890000!important;
	color:#fff!important;
	text-shadow: 0 1px 0 #333333!important;
}
.frame-left .paging .nav-left li{
	display:inline;
	color:#000;
}
.frame-left .paging .nav-left li a{
	background: url(./sknimg/paging-off.jpg) repeat-x scroll 0 0 transparent;
	border: 1px solid #B3B3B3;
    color: #000;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #FFFFFF;
	margin-right: 4px;
    padding: 4px 10px;
}
.frame-left .paging .nav-left li a:hover{
	background: url(./sknimg/paging-on.jpg) repeat-x scroll 0 0 transparent;
	border: 1px solid #890000!important;
	color:#fff!important;
	text-shadow: 0 1px 0 #333333!important;
}
.frame-left .paging .nav-right{
	float:right;
	width:150px;
	text-align:right;
	color:#999999;
}

/* style listing index */
.listing-index{
	display:block;
	vertical-align:top;
}
.listing-index ul{
	list-style-type: none !important;
    margin: 0;
    padding: 0;
}
.listing-index ul li {
    border-bottom: 1px dotted #BFBFBF;
    font-size: 14px;
    padding: 7px 0!important;
}
.listing-index ul li a{
	text-decoration:none!important;
	display:inline;
}
.listing-index ul li:hover{
	background-color:#e9f8fb;
}
.listing-index ul li:first-child {
	padding-top:0px;
}

.listing-index ul li:last-child {
    border-bottom: medium none !important;
    padding-bottom:0!important;
}

/* style listing index most news */
.main-cont .frame-right .bg-most{
	background-color: #F4F6F9;
    border: 1px solid #DDDDDD !important;
    border-radius: 5px;
}
.main-cont .frame-right .bg-most .most-active{
	background-color: #FFFFFF;
    border: 1px solid #DDDDDD !important;
    border-radius: 0 0 5px 5px;
    margin-top: 5px;
    padding: 0 10px 10px;
}
.menu-most {
    margin: 0;
    padding:0;
}
.main-cont .frame-right .bg-most .most-active .menu-most{
	list-style-type:none;
	display:inline;
}
.menu-most a {
	font-size: 13px;
	text-decoration:none;
}

.main-cont .frame-right .bg-most .menu-most .active{
	-moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #FFFFFF;
    border-bottom: 1px solid #fff;
    border-image: none !important;
    border-left: 1px solid #DDDDDD !important;
    border-radius: 5px 5px 0 0;
    border-right: 1px solid #DDDDDD !important;
    border-top: 1px solid #DDDDDD !important;
    padding: 10px 15px 6px;
}
.main-cont .frame-right .bg-most .menu-most li{
	margin-right:3px;
	display:inline;
	font-size:12px;
	font-weight:bold;
}
.main-cont .frame-right .box-frame-right .{}

/* style listing index komentar */
.main-cont .frame-right .box-frame-right .isi-right .index-komentar{
	position:relative;
}
.main-cont .frame-right .box-frame-right .isi-right .index-komentar .index-detil-komentar{
	display:table;
}
.main-cont .frame-right .box-frame-right .isi-right .index-komentar .index-detil-komentar img{
	width:50px;
	height:50px;
	margin:3px 15px 0 0;
	display:table-cell;
}
.main-cont .frame-right .box-frame-right .isi-right .index-komentar .index-detil-komentar .user-post{
	display:table-cell;
	vertical-align:middle;
}

/* style listing index tags */
.main-cont .frame-right .box-frame-right .isi-right .cloud-tags{
	padding-top:10px;
	position:relative;
}
.cloud-tags > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.main-cont .frame-right .box-frame-right .isi-right .cloud-tags li{
	float: left;
    font-size: 13px;
    line-height: normal;
    margin: 0;
}
.main-cont .frame-right .box-frame-right .isi-right .cloud-tags li a{
	background-color: #d1dce7;
    border-radius: 4px;
    float: left;
    margin: 0 7px 7px 0;
    padding: 3px 7px 4px;
    text-decoration: none;
    white-space: nowrap;
}
.main-cont .frame-right .box-frame-right .isi-right .cloud-tags li a:hover{
	background-color:#ffebc5;
}

/* footer kategori */
.btm-index-kategori{
	padding-top:5px;
}
.btm-index-kategori H3 {
    color: #244A77;
    font-size: 20px;
    margin:0 0 15px 0;
}

.btm-index-kategori .index-isi{
	display:table;
	border-top: 3px solid #d4eda4;
	width:100%;
	padding-top:10px;
    margin-bottom:20px;
}
.btm-index-kategori .index-isi .index-detil{
	width:330px;
	padding-right:20px;
	display:table-cell;
	border-right:1px dashed #CACACA;
}
.btm-index-kategori .index-isi .index-detil H4 a{
	font-size:14px;
	font-weight:bold;
	color:#3A75A3;
	line-height:normal;
}
.btm-index-kategori .index-isi .index-detil H4 a:hover{
	text-decoration:none;
}
.btm-index-kategori .index-isi .index-detil img{
	margin-bottom:10px;
}
.btm-index-kategori .index-isi .index{
	display:table-cell;
	vertical-align:top;
	width:235px;
	padding-right:25px;
}
.btm-index-kategori .index-isi .index .title{
	border-bottom:3px solid #d4eda4; margin-bottom:5px; padding-bottom:10px; height:15px; line-height:15px;
}
.btm-index-kategori .index-isi .index .title h3{
	display: inline;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.btm-index-kategori .index-isi .index ul{
	list-style-type: none !important;
    margin: 0;
    padding: 0;
}
.btm-index-kategori .index-isi .index ul li{
	padding:5px 0;
	font-size:13px;
	border-bottom:1px solid #e2e2e2;
}
.btm-index-kategori .index-isi .index ul li a{
	text-decoration:none!important;
	display:block;
}
.btm-index-kategori .index-isi .index ul li:hover{
	background-color:#e9f8fb;
}
.btm-index-kategori .index-isi .index ul li:last-child{
	border:none;
}
ul#jme-taglist{
	margin-top:15px;
}
a.tag-pop{
  background-color:#e2e7ec;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #6f6f6f;
    float: left;
    font-weight: normal;
    margin: 0 6px 6px 0;
    padding: 3px 6px 4px;
    text-decoration: none;
    white-space: nowrap;
    font: 0.8em arial;
}

 a.tag-pop:hover{
  background-color:#fafafa;
}
#tabs_wrapper {
	width:100%;
}
#tabs_container {
	border-bottom: 5px solid #4386C9;
}
#tabs {
	list-style: none;
	padding: 10px 15px 5px;
	margin:0 0 0 -15px;
	font: 12px arial;
	font-weight:bold;
	text-transform: uppercase;
}
#tabs li {
	display: inline;
}
#tabs li a {
	border: medium none !important;
    border-radius: 5px 5px 0 0;
    color: #2C6398;
    font-size: 14px;
    padding: 10px 15px !important;
    text-decoration: none !important;
	
}
#tabs li a:hover {
	text-decoration:underline;
	padding: 10px 15px 5px;
}
#tabs li.active a {
	background-color: #4386C9;
    border: medium none !important;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    padding: 10px 15px 5px;
}
#tabs li.active a:hover {
	text-decoration:underline;
	padding: 10px 15px 5px;
	border-bottom: none;
}

#tabs_content_container {
}
.tab_content {
	display: none;
}
.view {
   float: left;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   width: 200px;
   height: 120px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
	font-size:15px;
	font-weight:bold;
}
.view p {
    color: #666666;
    font-family: arial;
    font-size: 12px;
    text-align: left;
}
.bungkus {}
.bungkus .mask{
		text-decoration:none!important;
}
.view a.info {
   display: inline-block;
   padding:2px 10px;
   font-size:10px;
   text-decoration: none;
   background: #D4EDA4 ;
   color: #fff;
   text-transform: uppercase;
   border-radius: 3px;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   padding:15px;
   background-color: #fff;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
	line-height:18px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   text-align:left;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 0.9;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.frame-left .cont-isi .user-profil .penulis-tamu {
	background-color: #FFF7CA;
	border-bottom: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	color: #333333 !important;
	display: table;
	margin: 15px 0 5px;
	padding: 10px;
}

/* advertising */
.adv-right{
	margin-top:15px;
	position: relative;
	background-color:#f7f7f7;
	text-align:center;
	border:1px solid #DEE3E8;
}
.iklan-tinggi{
	position: absolute;
	top:200px;
	left:0;
	right:0;
	bottom: 0;
}
.kiri-tinggi{
	position:absolute;
	left:30px;
}
.kanan-tinggi{
	position:absolute;
	right:30px;
}

.wrp-isi .fixed {
    left: 175px;
    position: fixed !important;
    top: 0 !important;
}
.fixed{
	position: fixed;	
	top:0;
}
.adv-left{
    margin: 15px 0;
}
.adv-left img{
	padding:0!important;
	border: 1px solid #EEEEEE !important;
}

/*footer*/
.gbl-foot table{
	border: none!important;
}
.gbl-foot .foot-global {
	background-color:#EAEAEC;
    bottom: 0;
    padding: 15px 0 5px 0;
    position: relative;
}
.foot-global .sdw-h {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.foot-global table {
    margin: 0;
    width: 100%;
}
.foot-global td {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #CCCCCC;
    color: #999999;
    font-size: 9px;
    font-weight: normal;
    line-height: 1;
    padding: 0 10px;
}
.foot-global .telkom {
    border-left: medium none;
    padding: 3px 12px 7px;
    width: 55px;
}
.foot-global .telkom:after {
    content: url(http://header.siap-online.com/statik/min/img/global/by_telkom-footer.png);
    height: 31px;
    width: 55px;
}

.foot-global .slogan {
    border-right: medium none;
}
.foot-global .version {
    border-left: medium none;
    font-size: 11px;
    text-align: right;
}
.foot-global .siap-sml {
    background: url(http://statik.siap-online.com/v2/css/../img/global/siap-sml.png) no-repeat scroll center center rgba(0, 0, 0, 0);
    border-right: medium none;
    padding: 5px 12px;
    width: 33px;
}

/* report css overide */
.wprp_form{
	padding:7px;
}
.wprp_wrapper {
    margin: 0!important;
    padding: 0!important;
    max-width:655px!important;
}
.wprp_wrapper table {
    padding: 0;
    margin:0;
    border:none;
}
.wprp_submit{
	margin:0!important;
	padding: 7px 15px!important;
}
.wprp_wrapper table select{
	margin:0!important;
	padding:7px 15px!important;
}
.wprp_wrapper table td{
	border: none;
}
.wprp_wrapper table select{
	margin:0;
}
.wprp_wrapper p {
    font-size: 15px !important;
    margin: 0;
    padding: 0;
}
.wprp_message {
    background-color: #D6F2C5!important;
    border: 1px solid #42AB5F!important;
    color: #555555!important;
    line-height: normal;
    padding: 7px 15px!important;
    text-align: left!important;
}
/*add this*/
.addthis_toolbox.addthis_default_style{
	float:left;
}
.wprp_form{
	margin-top:20px!important;
}
.addthis_button_expanded{
	margin:0 auto 3px auto;
}
.addthis_counter a.atc_s{
	margin:0 auto;
}