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

/* ========================================================================================================== 
	Mobile Layout: 639px and below. 
   ==========================================================================================================	
*/
@media only screen and (min-width:0px) and (max-width:250px) {
    /*@media only screen and (max-width:600px) { */
    /* S : RADIO AUSTRALIA */
    .radioAustralia {
        width:100%;
        height:266px;
        border:solid 1px #969696;
        margin-top:20px;
        background:url(http://assets.kompas.com/data/2013/news/images/bg_australia4.jpg) no-repeat;
    }
    a.headRadioAustralia {
        display:block;
        width:300px;
        height:50px;
    }
    .listRadioAustralia {
        width:300px;
        height:70px;
        padding:0 0 0 35px;
    }
    .listRadioAustralia a {
        font: normal 14px/18px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #51789e;
        text-decoration:none;
        display:block;
        height:38px;
        overflow:hidden;
    }
    .listRadioAustralia a:hover {
        text-decoration:underline;
    }
    .listRadioAustralia h6 {
        font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #f87e36;
        margin:0;
        padding:10px 0 0 0;
    }
        
/* E : RADIO AUSTRALIA */
    /* S : SURAT PEMBACA =========== */
    .listSuratPembacaLain {
        padding:10px 0;
        border-bottom:solid 1px #d9d9d9;
    }
    .listSuratPembacaLain:last-child {
        padding:10px 0;
        border-bottom:none;
    }
    .listSuratPembacaLain h6 {
        font: normal 11px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #626262;
        margin:0;
        padding:0;
    }
    .listSuratPembacaLain a {
        font: normal 16px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
        margin:0;
        padding:0;
        text-decoration:none;
        display:block;
        height:24px;
        overflow:hidden;
    }
    .listSuratPembacaLain a:hover {
        text-decoration:underline;
    }
    .suratPembacaLain {
        width:300px;
        padding-top:10px;
    }
    .suratPembacaLain h1 {
        font: normal 18px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
        border-bottom:solid 3px #e64e17;
        padding:5px 0;
        margin:0;
    }
    a.fileType {
        color:#fe3c00;
        display:inline-block;
        padding:7px 0 0 10px;
    }
    label.smallInput {
    background:#dddddd;
    width:250px;
}
    .boxSurat p {
     font: normal 14px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;   
    }
    .inputSurat1 {
       font: normal 14px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;  
        padding:5px 0 10px 0;
    }
    .inputSurat1 input {
        border:solid 1px #e3e2e2;
        width:80%;
        padding:8px 10px;
        margin-top:10px 0 15px 0;
        outline:none;
    }
    .inputSurat1 input[type="file"] {
        border:solid 1px #e3e2e2;
        width:10%;
        padding:8px 10px;
        margin-top:10px 0 15px 0;
        outline:none;
    }
    .inputSurat1 textarea {
        border:solid 1px #e3e2e2;
        width:80%;
        padding:8px 10px;
        margin-top:10px 0 15px 0;
        outline:none;
        min-height:100px;
    }
    
    
    .boxSurat {
        background:#f6f6f6;
        padding:30px;
        border:solid 1px #ececec;
        width:80%;
        
    }
    .boxPembaca {
        width:300px;
    }
    .boxPembaca h1 {
        font: normal 15px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #000;
    }
    
    .boxPembaca h2 {
        font: normal 13px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
    }
    
    .boxPembaca a {
        font: normal 13px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fe5400;
        text-decoration:none;
    }
   .rightListRubrik4 {
	width: 770px;
	float: left;
}
.rightListRubrik4 h6 {
	margin: 0;

	padding: 0;

	font: normal 12px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #f09105;
}
.rightListRubrik4 h5 {
	margin: 0;

	padding: 5px 0 0 0;

	font: normal 10px/14px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ccc;
}
    .rightListRubrik4 a {
	margin: 0;
	padding: 5px 0;
	font: normal 18px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 20px;
	overflow: hidden;
}
.rightListRubrik4 a:hover {
        text-decoration:underline;
    }
    .rightListRubrik4 p {
	font: normal 16px/30px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
}    
    
    .rightListRubrik3 {
	width: 100%;
	float: left;
}
.rightListRubrik3 h6 {
	margin: 0;

	padding: 0;

	font: normal 12px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #f09105;
}
.rightListRubrik3 h5 {
	margin: 0;

	padding: 5px 0 0 0;

	font: normal 10px/14px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ccc;
}
    .rightListRubrik3 a {
	margin: 0;
	padding: 5px 0;
	font: normal 18px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 20px;
	overflow: hidden;
}
.rightListRubrik3 a:hover {
        text-decoration:underline;
    }
    .rightListRubrik3 p {
	margin: 0;
	padding: 5px 0 0 0;
	font: normal 14px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	overflow: hidden;
	max-height: 44px;
}
      h1.titleSuratPembaca {
        display:inline-block;
        float:left;
        margin:0;
        padding:0;
        width:300px;
        font: normal 30px 'OpenSansSemiold', Arial, Helvetica, sans-serif;
    }
    a.indexSuratPembaca {
        text-align:right;
        display:inline-block;
        padding:0px 5px;
        text-decoration:none;
        font: normal 12px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ccc;
        float:right;
        border:solid 1px #ccc;
    }
    a.indexSuratPembaca:hover {
        text-decoration:underline;
        background:#000;
        color:#fff;
        text-decoration:none;
    }
/* E : SURAT PEMBACA =========== */

    /* S : BBC INDONESIA =========== */
    .topIndexBBC {
        width:100%;
        margin:20px 0;
        background:#990000; 
        overflow:hidden;
    }
    .bbcIndonesia {
        width:100%;
        height:258px;
        margin-top:20px;
        border:solid 1px #ccc;
        overflow:hidden;
    }
    .bbcList {
        padding:10px 10px;
        float:left;
    }
    .bbcList img {
        float:left;
        width:100px;
        height:60px;
        border:solid 1px #ccc;
    }
    .bbcListRight {
        float:left;
        width:220px;
        padding-left:10px;

    }
    .bbcListRight h6 {
        font:normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color:#000;
        margin:0;
        padding:0 0 5px 0;
    }
    .bbcListRight a {
        text-decoration:none;
        font:bold 14px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color:#000;
        display:block;
        height:38px;
        overflow:hidden;
    }
    .bbcListRight a:hover {
        text-decoration:underline;
    }
    a.bbcIndex {
        text-align:right;
        display:block;
        font:normal 14px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color:#f00;
        text-decoration:none;
        padding:6px 10px 10px 0;
        
    }
    a.bbcIndex:hover {
        text-decoration:underline;
    }
    a.bbcHead {
        display:block;
        background:#990000;
    }
    .bbcFooter {
        background:#b2b2b2;
    }
/* E : BBC INDONESIA =========== */
	/* S : TAB RUBRIK HL ======= */
.TrendingRubrikB {
	width: 100%;
	height: 250px;
	float: left;
	overflow: hidden;
	padding-top: 20px;
	display: none;
}
.TrendingRubrikB h1 {
	margin: 0;
	padding: 0;
	font: normal 16px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
}
.TrendingRubrikB ul {
	margin: 0;
	padding: 0;
}
.TrendingRubrikB ul li {
	list-style-type: none;
	padding: 0px 0;
	position: relative;
	height: 60px;
	overflow: hidden;
	border-bottom: dotted 1px #e5e5e5;
}
.TrendingRubrikB ul li span.noTrendingRubrik {
	font: normal 28px 'OpenSansExtraboldItalic', Arial, Helvetica, sans-serif;
	color: #fec287;
	display: inline-block;
	width: 30px;
	float: left;
}
.TrendingRubrikB ul li span.anchorTrendingB a {
	text-decoration: none;
	font: normal 14px/18px 'opensanssemibold',"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	display: table-cell;
	width: 500px;
	overflow: hidden;
	height: 55px;
	vertical-align: middle;
	padding: 6px 10px;
}
.TrendingRubrikB ul li span.anchorTrendingB a:hover {
	text-decoration: none;
	background: #f0f0f0;
}
.TrendingRubrikB ul li span.anchorTrendingB a:active {
	text-decoration: none;
	background: #f0f0f0;
}
.TrendingRubrikB ul li span.anchorTrendingB a.current {
	text-decoration: none;
	background: #e6e6e6;
}
.TrendingRubrik ul li.tabRubrikHL {
	padding: 8px 0 8px 10px;
	border: none;
}
.TrendingRubrik ul li.tabRubrikHL span.anchorTrending a {
	padding: 10px 10px;
	border-bottom: solid 1px #f0f0f0;
	color: #666;
}
.TrendingRubrik ul li.tabRubrikHL span.anchorTrending a:hover {
	background: #f0f0f0;
	text-decoration: none;
	color: #000;
}
.TrendingRubrik ul li.tabRubrikHL span.anchorTrending a:active {
	background: #f0f0f0;
}
.TrendingRubrik ul li.tabRubrikHL span.anchorTrending a.current {
	background: #f0f0f0;
}
/* E : TAB RUBRIK HL ======= */
/* S : INDEX BERITA ============================ */
.indexBerita {
	background: #f0f0f0;
	padding: 5px 10px;
	border-radius: 3px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	display: none;
}
.indexBerita span.titleIndex {
	font: normal 18px/20px "OpenSansBold", Arial, Helvetica, sans-serif;
	color: #000;
	padding-right: 20px;
}
.indexBerita span.tampilBerita a {
	font: normal 12px "OpenSansReguler", Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 10px;
	background: #666;
	text-decoration: none;
	margin-left: 20px;
	display: inline-block;
	border-radius: 3px
}
/* E : INDEX BERITA ============================ */
/* E : WELCOME PAGE ================================================================================================================= */
.clearit768 {
	clear: both;
}
.clearit {
	clear: both;
}
.clearIndex {
	clear: both;
}
    .appendRadioAustralia2 {
        display:block;
    }
.appendRadioAustralia1 {
        display:none;
    }
     .appendBBC2 {
        display:block;
    }
    
.appendBBC1 {
        display:none;
    }
.appendContentRight {
 display:block;	
}
.appendContentRight-768 {
 display:none;	
}
.appendR1 {
	display: none;
}
.appendR2 {
	display: block;
}
.p320in {
	padding-top: 10px;
}
.clearMenuMobile {
	clear: both;
}
.appendBanner1 {
	display: none;
}
.appendBanner2 {
	display: block;
}
.appendR2Rubrik1 {
	display: none;
}
.appendR2Rubrik2 {
	display: none;
}
.appendTerbaruTerkomentariRubrik1 {
	display: none;
}
.appendTerbaruTerkomentariRubrik2 {
	display: block;
}
.appendR3Rubrik1 {
	display: none;
}
.appendR3Rubrik2 {
	display: none;
}
.appendHealthEntertainment1 {
	display: none;
}
.appendHealthEntertainment2 {
	display: block;
}
.appendKompasiana1 {
	display: none;
}
.appendKompasiana2 {
	display: block;
}
.appendSearch1 {
	display: none;
}
.appendSearch2 {
	display: block;
	float: right;
	width: 20%;
	position: absolute;
	right: 0px;
	cursor: pointer;
}
.appendSLogo1 {
	display: none;
}
.appendSLogo2 {
	display: block;
}
.appendSubMenuMobile1 {
	display: none;
}
.appendSubMenuMobile2 {
	display: block;
}
.appendTerbaru {
	display:block;
}
.appendTerbaruBox {
	display:none;
}
/* menu mobile */
.appendSubMenuMobile3 {
	display: block;
	position: absolute;
	background: #fff;
	z-index: 20;
}
.appendSubMenuMobile3 .subMenuDrop ul#submenuKompascom li {
	padding: 5px 10px;
}
.appendSubMenuMobile3 .subMenuDrop ul#submenuKompascom {
	width: 150px;
}
.appendSmallLogoKompas1 {
	display: block;
}
.appendSmallLogoKompas2 {
	display: none;
	margin-left: -10px;
	width: 200px;
}
.appendDate2 {
	display: block;
	padding: 0px 0 0 0;
}
.appendDate1 {
	display: none;
}
/* menu mobile */
.hide {
	display: none;
}
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.kompasContainer {
	width: 95%;
	max-width: 1140px;
	padding: 0;
	margin: 0 auto;
}
/* header css ------------------------- */

.bannerTopMobile {
	width: 100%;
	height: 60px;
	margin: 10px auto 0 auto;
	background: #ccc;
}
.bannerMiddle1Mobile {
	width: 100%;
	height: 60px;
	margin: 10px auto 0 auto;
	background: #ccc;
}
.bannerMiddle2Mobile {
	width: 100%;
	height: 60px;
	margin: 10px auto 0 auto;
	background: #ccc;
}
.bannerMiddle3Mobile {
	width: 100%;
	height: 60px;
	margin: 10px auto;
	background: #ccc;
}
.bannerBottomMobile {
	width: 95%;
	height: 60px;
	margin: 10px auto 0 auto;
	background: #ccc;
}
.headerRow1 {
	padding: 10px 0;
	margin: 0 auto;
	display: none;
}
.bannerTop1 {
	width: 728px;
	height: 90px;
	margin: 0 auto;
	display: none;
}
.harkomRow1 {
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 10px 0;
	display: none;
}
.harkomRow1 a {
	text-decoration: none;
	color: #000;
}
.harkomRow1 a:hover {
	text-decoration: underline;
}
.hariankompas_kompastv {
	width: 26%;
	padding-top: 32px;
	float: left;
	display: none;
}
.hariankompas_kompastvB {
	display: none;
}
.hariankompas_kompastv h6 {
	font: normal 0.65em "Lucida Grande","Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0;
	padding: 5px 0;
}
h6.dateTop {
	font: normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0;
	text-align: center;
}
.logoKompascom {
	width: 100%;
	height: 6.66%;
	margin: 0 auto;
	float: left;
	text-align: center;
}
.logoKompascom a {
	text-decoration: none;
	border: none;
	text-align: center;
	width: 250px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.logoKompascom a img {
	width: 100%;
	height: auto;
}
.reg_searchRow2_Open {
	width: 32px;
	height: 32px;
	background: url(http://assets.kompas.com/data/2013/news/images/search.jpg) no-repeat center;
	cursor: pointer;
}
.reg_searchRow2_Close {
	cursor: pointer;
	margin: 10px 10px 0 0;
	background: url(http://assets.kompas.com/data/2013/news/images/searchClose.png) no-repeat center;
	width: 12px;
	height: 12px;
	cursor: pointer;
}
.reg_search {
	width: 15.93%;
	padding-top: 32px;
	text-align: right;
	float: right;
	display: none;
}
.reg_searchRow1 {
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 5px;
}
.reg_searchRow1 a {
	text-decoration: none;
	color: #000;
}
.reg_searchRow1 a:hover {
	text-decoration: underline;
}
.reg_searchRow2 {
	width: 36px;
	height: 32px;
	border: solid 1px #c7c7c7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0 0px 0 0;
	margin: 0px 5px 0 0;
	position: relative;
	float: right;
	overflow: hidden;
	background: #fff;
}
.reg_searchRow2 div.boxSearch {
	width: 70%;
	background: none;
}
.reg_searchRow2 div input {
	border: none;
	background: none;
	height: 30px;
	padding: 0 10px;
	width: 100%;
	font: normal 14px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	outline: none;
}
.reg_searchRow2 div.goSearch {
	padding: 2.3px 3px 0 0;
}
.reg_searchRow2 div a {
	background: #e74f1d;
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
	padding: 3px 3px;
	color: #fff;
	font: normal 17px Arial, Helvetica, sans-serif;
}
.kompasMenu {
	border-top: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	width: 100%;
	padding: 4px 0;
	display: block;
	position: relative;
}
.homeIndex {
	width: 32px;
	height: 32px;
	float: left;
	padding-left: 10px;
}
.homeIndex a img {
	width: 28px;
	height: 28px;
	display: inline-block;
	padding: 4px;
}
#km2menu {
	display: block;
	float: left;
	width: 120px;
	cursor: pinter;
}
#km2menuA {
	display: none;
	float: left;
	width: 120px;
	cursor: pinter;
}
#km2menu2 {
	display: block;
	float: left;
	width: auto;
}
.kompasMenu2 {
	display: block;
	position: relative;
}
.kompasMenu2 ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: auto;
	padding: 2px 0 0 10px;
}
.kompasMenu2 ul li {
	list-style-type: none;
}
.kompasMenu2 ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	padding: 5px 0;
}
.kompasMenu2 ul#mainMenu {
	position: absolute;
	z-index: 21;
	background: #fff;
	height: auto;
	top: 40px;
	padding: 10px 10px 10px 0;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
}
.headerRow3 {
	border-bottom: solid 3px #e74f1d;
	margin: 0 auto;
}
.kompasMenu2 ul#mainMenu li {
	padding: 0 15px;
	display: block;
}
.kompasMenu2 ul#mainMenu li a {
	border-bottom: solid 1px #e5e5e5;
	display: block;
	padding: 5px 10px;
	width: 140px;
}
.kompasMenu ul#mainMenu li a.selected {
	background: #f33e07;
	color: #fff;
}
.kompasMenu2 ul#mainMenu li a:hover {
	background: #f33e07;
	color: #fff;
}
.kompasMenu2 ul li a#menuLeft {
	padding-left: 10px;
}
#menu-left-up {
	display: none;
	float: left;
	width: auto;
	background: #fff url(http://assets.kompas.com/data/2013/news/images/menu-icon-up.gif) right center no-repeat;
	padding-right: 52px;
}
a#menuLeftDown {
	padding-right: 0px;
	background: #fff url(http://assets.kompas.com/data/2013/news/images/menu-icon.gif) right center no-repeat;
	width: auto;
}
#menu-left-up2 {
	display: none;
	float: left;
	width: auro;
	background: #fff url(http://assets.kompas.com/data/2013/news/images/section2.png) right center no-repeat;
	padding-right: 46px;
	padding-left: 10px;
}
a#menuLeftDown2 {
	padding-right: 46px;
	background: #fff url(http://assets.kompas.com/data/2013/news/images/section.png) right center no-repeat;
	padding-left: 10px;
	width: auto;
	color: #999;
}
.dNone {
	display: none;
}
.breakingNews {
	border-bottom: solid 1px #ccc;
	padding: 5px 0 5px 0;
}
.breakingNews h5 {
	margin: 0px 10px 0 0px;
	padding: 2px 0px 4px 5px;
	font: normal 0.625em 'OpenSansbold', Arial, Helvetica, sans-serif;
	color: #fff;
	display: inline-block;
	float: left;
	background: url(http://assets.kompas.com/data/2013/news/images/bgBreak.jpg) no-repeat top center;
	width: 100px;
	text-transform: uppercase;
}
.breakingNews h1, .breakingNews h1 a {
	margin: 2px 0 0 0;
	padding: 0px 0 0 0px;
	font: normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
}
.breakingNews h1 a:hover {
	text-decoration: underline;
}
.headline {
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
	background: #fff;
	float: left;
	position: relative;
	overflow: hidden;
}
.bannerR {
	width: 300px;
	height: 250px;
	float: left;
	margin-top: 20px;
	display: none;
}
.bannerR2 {
	width: 300px;
	height: 250px;
	float: left;
	margin-top: 20px;
	margin-left: 3%;
	display: none;
}
.bannerR3 {
	width: 300px;
	height: 250px;
	float: right;
	margin-top: 20px;
	display: none;
}
.aktivitas {
	width: 300px;
	height: 250px;
	background: #ccc;
	float: left;
	margin-top: 20px;
	margin-left: 4%;
	display: none;
}
.moreHL {
	width: 100%;
	height: 270px;
	background: #fff;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	border: solid 1px #dedede;
	border-top: none;
	display: none;
}
.topikPilihan {
	width: 94%;
	height: 310px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	padding: 10px 0 0 20px;
	background: #f4f4f4;
	overflow: hidden;
}
.zone1 {
	width: 100%;
	height: auto;
	background: #d9d9d9;
	float: left;
	margin-top: 20px;
	text-align: center;
	display: none;
}
.zone2 {
	width: 100%;
	height: auto;
	background: #d9d9d9;
	float: left;
	margin-top: 20px;
	text-align: center;
	display: none;
}
.zone3 {
	width: 100%;
	height: auto;
	background: #d9d9d9;
	float: left;
	margin-top: 20px;
	text-align: center;
	display: none;
}
.mr1Lipsus {
	float: left;
}
.mr1 {
	width: 300px;
	height: 250px;
	background: #ccc;
	margin-top: 20px;
	display: none;
}
.lipsusArea {
	width: 300px;
	height: 250px;
	background: #ccc;
	margin-top: 20px;
	display: none;
}
.secondaryR23 {
	display: none;
}
.secondaryMRL {
	display: none;
}
.terbaruTerkomentari {
	width: 100%;
	height: 290px;
	background: #fff;
	margin: 20px 0 0px 0px;
	overflow: hidden;
	position: relative;
}
.terpopuler {
	width: 100%;
	height: 442px;
	background: #fff;
	margin: 20px 0 0 0px;
}
.index_box a {
	text-decoration: none;
	color: #000;
	font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	float: right;
padding-top: 8px;	
	}
.border2 {
	width: 100%;
	height: 5px;
	border-bottom: solid 1px #e2e2e2;
	margin-top: 20px;
}
.teknoBox {
	width: 48.428571%;
	height: auto;
	float: left;
	margin-top: 20px;
	position: relative;
}
.bolaBox {
	width: 48.428571%;
	height: auto;
	float: right;
	margin: 20px 0 0 2.85714%;
	position: relative;
}
.otomotifBox {
	width: 48.428571%;
	height: auto;
	float: left;
	margin-top: 20px;
	position: relative;
}
.femaleBox {
	width: 48.428571%;
	height: auto;
	float: right;
	margin: 20px 0 0 0px;
}
.todayPhoto {
	width: 100%;
	height: auto;
	background: #fff;
	float: left;
	margin: 20px 0 0 0px;
	border-top: solid 3px #000;
	padding-top: 5px;
}
.kompasVideo {
	width: 100%;
	height: auto;
	background: #fff;
	float: left;
	margin: 20px 0 0px 0px;
	border-top: solid 3px #000;
	padding-top: 5px;
}
.bannerCenter {
	padding: 0 0 20px 0;
	display: none;
}
.bannerCenterRubrik {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 30px 0;
	display: none;
}
.bannerCenter1Rubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 0 auto;
	display: none;
}
.bannerCenter2Rubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 0 auto;
	display: none;
}
.secondarybannerCenter {
	padding: 20px 0 0 0;
}
.bannerCenter1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: none;
}
.bannerCenter2 {
	width: 100%;
	height: auto;
	margin: 20px auto 0 auto;
}
.ekonomiBox {
	width: 100%;
	height: auto;
	background: #fff;
	float: left;
	position: relative;
	border: solid 1px #ccc;
}
.healthBox {
	width: 48.428571%;
	height: auto;
	float: left;
	margin: 20px 2.857142857142857% 0 0;
}
.entertainmentBox {
	width: 48.428571%;
	height: auto;
	float: right;
	margin: 20px 0 0 0%;
}
.kompasianaBox {
	width: 100%;
	height: 280px;
	background: #fff;
	float: left;
	margin: 40px 0 40px 0px;
	overflow: hidden;
}
.listKompasiana ul li {
	list-style-type: none;
	border-bottom: dotted 1px #ccc;
}
.travelBox {
	width: 48.428571%;
	height: auto;
	float: left;
	margin: 20px 2.857142857142857% 0 0;
	overflow: hidden;
}
.propertiBox {
	width: 48.428571%;
	height: auto;
	float: right;
	margin: 20px 0 0 0%;
}
.bannerAdB {
	width: 100%;
	height: auto;
	background: #f5f5f5;
	margin-top: 20px;
	display: none;
}
.kanalBottom {
	width: 100%;
	height: auto;
	background: #f4f4f4;
	margin-top: 20px;
	padding-bottom: 10px;
}
.footer {
	width: 100%;
	margin: 20px auto 0 auto;
}
.footerMenu {
	width: 100%;
}
.footerSocial {
	float: left;
	width: 100%;
	height: 50px;
	margin-top: 70px;
	text-align: center;
}
.hAds {
	width: 100%;
	height: auto;
	background: #ccc;
	margin: 20px auto 0 auto;
	display: none;
}
/* cutting in ============================================================= */


/* headline ============================================ */

#headline {
 display:;
}
.bigImgHL {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.bigImgHL img {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.titleBigHL {
	position: absolute;
	bottom: 0px;
	padding-bottom: 20px;
	padding-top: 30px;
	/*-webkit-box-shadow: inset 0px -70px 40px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px -70px 40px 0px rgba(0, 0, 0, 0.5);*/
	height: auto;
	width: 100%;
	z-index: 1;
}
.timeView {
	font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 2;
	padding-left: 10px;
	padding-top: 10px;
	display: none;
}
.timeView h6 {
	margin: 0;
	padding: 2px 0px;
	font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	display: inline-block;
	position: relative;
	top: 0px;
	z-index: 20;
}
.timeView img {
	width: 17px;
	height: 12px;
	z-index: 20;
	position: relative;
	padding: 0 3px 2px 0;
}
.titleBigHL h1 {
	margin: 0 0 0px 10px;
	padding: 2px 10px;
	font: normal 14px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: red;
	display: inline-block;
	position: relative;
	top: 0px;
	z-index: 20;
}
.titleBigHL:after {
	content: "\0020";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px; /* when 0 no shadow is displayed*/
	box-shadow: 1 0 70px 80px rgba(0, 0, 0, 0.7);
	bottom: 0;
}
.titleBigHL a {
	text-decoration: none;
	font: normal 18px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0px 10px 0px 10px;
	display: block;
	text-shadow: 0px 0px 5px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=0);
	position: relative;
	overflow: hidden;
	max-height: 75px;
	z-index: 2;
	bottom: -10px;
}
.thumbHL {
	width: 100%;
	height: 140px;
	position: absolute;
	z-index: 9;
	bottom: 0px;
	background: #f5f5f5;
	border: solid 1px #dedede;
	overflow: hidden;
	display: none;
}
.listThumbHL {
	width: 139.5px;
	height: 128px;
	border-right: solid 1px #dedede;
	float: left;
	text-align: center;
	padding-top: 12px;
	display: none;
}
.listThumHL:hover > .thumbHL {
	background: url(http://assets.kompas.com/data/2013/news/images/hlHover.png) no-repeat top center;
}
.listThumbHL:hover > img {
	border: solid 4px #72d6ff;
}
.listThumbHL img {
	width: 90px;
	height: 45px;
	border: solid 4px #fff;
	margin: 0 auto;
}
.listThumbHL a {
	font: normal 0.6875em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	width: 98px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 4px;
	height: 60px;
	overflow: hidden;
}
.listThumbHL a:hover {
	text-decoration: underline;
}
/* more headline ====================================== */
.klikPersonalisasi {
	display: none;
}
.personalisasi {
	display: none;
}
.subPersonalisasi {
	display: none;
}
.topHL {
	background: url(http://assets.kompas.com/data/2013/news/images/bgTopHL.jpg) repeat-x top center;
	height: 22px;
	width: 100%;
	text-align: center;
}
.topHL h1 {
	font: bold 1em "OpenSansbold", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #fff;
	padding: 0 5px;
	margin-top: -5px;
}
.listMoreHL {
	width: 93%;
	padding: 10px 0 10px 0px;
	border-bottom: solid 1px #eee;
	margin: 0 auto;
}
.listMoreHL a {
	font: normal 0.75em "OpenSansregular", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listMoreHL a:hover {
	text-decoration: underline;
}
.listMoreHL img {
	width: 124px;
	height: 62px;
	overflow: hidden;
	padding: 5px 0 0 0;
	display: none;
}
.listMoreHL p {
	font: normal 0.75em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
	display: none;
	overflow: hidden;
	height: 48px;
}
.listMoreHL p.listMoreHLP {
	font: normal 0.75em "OpenSansBold", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 5px 0 0 0;
	text-transform: uppercase;
	overflow: hidden;
	height: 110px;
}
/* topik pilihan ====================================== */
.topikPilihan h1 {
	font: normal 16px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
span.noTopil {
	font: normal 1.25em 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #fec287;
	display: table-cell;
	vertical-align: middle;
	float: left;
}
span.titleTopil {
	display: table-cell;
	vertical-align: middle;
	height: 35px;
	overflow: hidden;
	float: left;
	width: 95%;
}
span.titleTopil a {
	font: normal 0.8125em/18px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: table-cell;
	padding: 0px 0 4px 0px;
	vertical-align: middle;
	width: auto;
	height: 28px;
	overflow: hidden;
}
span.titleTopil a:hover {
	text-decoration: underline;
}
.listTopikPilihan {
	border-bottom: dashed 1px #dadada;
	width: 95%;
	padding: 10px 0;
}
.listTopikPilihan:last-child {
	border-bottom: none;
}
/* terbaru terkomentari ==================== */
.indexTerbaru {
	position: absolute;
	right: 0;
	top: 10px;
	right: 5px;
	z-index: 20;
}
.indexTerbaru a {
	text-decoration: none;
	color: #000;
	font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.indexTerbaru a:hover {
	text-decoration: underline;
}
.tabingTop1 {
	width: 100%;
	height: 36px;
	padding-bottom: 0px;
	position: relative;
}
.listTerbarkom {
	border-bottom: dotted 1px #dadada;
	padding: 9px 0;
}
span.titleTerbakom a {
	font: normal 14px/18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	max-width: 76%;
	height: 18px;
	overflow: hidden;
}
span.titleTerbakom a:hover {
	text-decoration: underline;
}
span.timeTitle1 {
	font: normal 11px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
}
.borderBottomTabs {
	width: 100%;
	height: 26px;
	border-bottom: solid 1px #c1c1c1;
	position: absolute;
	z-index: 1;
}
ul.tabs li {
	list-style-type: none;
	display: inline-block;
}
ul.tabs li a {
	text-decoration: none;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/bgTab2.jpg) repeat-x;
	font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 4px 10px 3px 10px;
	height: 27px;
}
ul.tabs li a:active {
	background: url(http://assets.kompas.com/data/2013/news/images/tabing2.jpg) no-repeat bottom center, url(http://assets.kompas.com/data/2013/news/images/bgHoverTab2.jpg) repeat-x;
}
ul.tabs li a.current {
	background: url(http://assets.kompas.com/data/2013/news/images/tabing2.jpg) no-repeat bottom center, url(http://assets.kompas.com/data/2013/news/images/bgHoverTab2.jpg) repeat-x;
}
/* terpopuler ================================== */

.listTerpopuler {
	border-bottom: solid 1px #ebebeb;
	padding: 10px 0;
}
.listTerpopuler:last-child {
	border: none;
}
.imgTerpopuler {
	float: left;
	width: 62px;
	height: 62px;
	overflow: hidden;
}
.imgTerpopuler img {
	width: auto;
	height: 62px;
	overflow: hidden;
	position:relative;
	left:-20px;
}
.titleBoxTerpopuler {
	width: 70%;
	height: 62px;
	float: left;
	margin-left:10px;
}
.terpopuler h1 {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0px 0 0px 0;
}
.titleBoxTerpopuler h6 {
	margin: 0;
	padding: 0;
	font: normal 12px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #f09003;
}
span.titleTerpopuler a {
	text-decoration: none;
	font: normal 14px/18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	min-width: 80%;
	max-width: 355px;
	max-height: 35px;
	overflow: hidden;
	padding-top: 5px;
}
span.titleTerpopuler a:hover {
	text-decoration: underline;
}
.viewTerpopuler {
	font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #f09003;
	display: none;
}
/* tekno ============================================== */
.bigBoxTekno {
	width: 100%;
	height: auto;
	position: relative;
	overflow:hidden;
}
.imgBoxTekno img {
	width: auto;
	height: 166px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	left:-100px;
}
.tagTekno {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #ff6600;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleTekno {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleTekno a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 45px;
	display: block;
}
.titleTekno a:hover {
	text-decoration: underline;
}
.boxOutTekno {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleTekno {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listTekno ul {
	margin: 0;
	padding: 10px 0 0px 15px;
	display: none;
}
.listTekno ul li {
	list-style-image: url(http://assets.kompas.com/data/2013/news/images/bulletKanal.jpg);
	margin: 0;
	padding: 0px 0;
}
.listTekno ul li a {
	font: normal 0.9375em/1.3em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listTekno ul li a:hover {
	text-decoration: underline;
}
/* Bola ============================================== */
.bigBoxBola {
	width: 100%;
	height: auto;
	position: relative;
	overflow:hidden;
}
.imgBoxBola img {
	width: auto;
	height: 166px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	left:-100px;
}
.tagBola {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #009933;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleBola {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleBola a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 45px;
	display: block;
}
.titleBola a:hover {
	text-decoration: underline;
}
.boxOutBola {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleBola {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listBola ul {
	margin: 0;
	padding: 10px 0 0px 15px;
	display: none;
}
.listBola ul li {
	list-style-image: url(http://assets.kompas.com/data/2013/news/images/bulletKanal.jpg);
	margin: 0;
	padding: 5px 0;
}
.listBola ul li a {
	font: normal 0.9375em/1.3em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listBola ul li a:hover {
	text-decoration: underline;
}
/* Otomotif ============================================== */
.bigBoxOtomotif {
	width: 100%;
	height: auto;
	position: relative;
	overflow:hidden;
}
.imgBoxOtomotif img {
	width: auto;
	height: 166px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	left:-100px;
}
.tagOtomotif {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #ff0000;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleOtomotif {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleOtomotif a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 45px;
	display: block;
}
.titleOtomotif a:hover {
	text-decoration: underline;
}
.boxOutOtomotif {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleOtomotif {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listOtomotif ul {
	margin: 0;
	padding: 10px 0 0px 15px;
	display: none;
}
.listOtomotif ul li {
	list-style-image: url(http://assets.kompas.com/data/2013/news/images/bulletKanal.jpg);
	margin: 0;
	padding: 5px 0;
}
.listOtomotif ul li a {
	font: normal 0.9375em/1.3em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listOtomotif ul li a:hover {
	text-decoration: underline;
}
/* Female ============================================== */
.bigBoxFemale {
	width: 100%;
	height: auto;
	position: relative;
	overflow:hidden;
}
.imgBoxFemale img {
	width: auto;
	height: 166px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	left:-100px;
}
.tagFemale {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #ff0066;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleFemale {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleFemale a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 45px;
	display: block;
}
.titleFemale a:hover {
	text-decoration: underline;
}
.boxOutFemale {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleFemale {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listFemale ul {
	margin: 0;
	padding: 10px 0 0px 15px;
	display: none;
}
.listFemale ul li {
	list-style-image: url(http://assets.kompas.com/data/2013/news/images/bulletKanal.jpg);
	margin: 0;
	padding: 5px 0;
}
.listFemale ul li a {
	font: normal 0.9375em/1.3em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listFemale ul li a:hover {
	text-decoration: underline;
}
/* today =========================================== */
.tagTopPhotoL {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	padding-bottom: 5px;
}
.readTopPhotoR {
	float: right;
	font: normal 0.6875em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.readTopPhotoR a {
	text-decoration: none;
	color: #cc0000;
}
.readTopPhotoR a:HOVER {
	text-decoration: underline;
}
.bigImgToday {
	position: relative;
}
.bigImgToday img {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 2px;
}
.sLeft {
	position: relative;
	width: 49.80%;
	height: 85px;
	float: left;
	overflow: hidden;
}
.sLeft img {
	width: 100%;
	height: auto;
	position: absolute;
	overflow: hidden;
}
.sRight {
	position: relative;
	width: 49.80%;
	height: 85px;
	overflow: hidden;
	float: right;
}
.sRight img {
	width: 100%;
	height: auto;
	position: absolute;
	overflow: hidden;
}
.titleTodayPhoto {
	font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleTodayPhoto a {
	font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	max-height: 20px;
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.titleTodayPhoto a:hover {
	text-decoration: underline;
}
.boxOutTodayPhoto {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
	bottom: 2px;
}
.boxTitleTodayPhoto {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.titleTodayPhoto2 {
	font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleTodayPhoto2 a {
	font: normal 12px/16px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	max-height: 18px;
	overflow: hidden;
	display: block;
}
.titleTodayPhoto2 a:hover {
	text-decoration: underline;
}
.boxOutTodayPhoto2 {
	position: absolute;
	z-index: 99999;
	height: auto;
	width: 100%;
	top: 50px;
	padding: 0px 0;
}
.boxTitleTodayPhoto2 {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
	bottom: 0;
}
/* video ========================================= */
.tagTopVideoL {
	font: bold 1.125em Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	padding-bottom: 5px;
}
.readTopVideoR {
	float: right;
	font: normal 0.6875em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.readTopVideoR a {
	text-decoration: none;
	color: #cc0000;
}
.readTopVideoR a:HOVER {
	text-decoration: underline;
}
.bigImgToday2 img {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 3px;
}
.smallImgToday {
	display: none;
}
.smallImgToday2 span.sLeft img {
	width: 211px;
	height: 105.5px;
	float: left;
	display: none;
}
.smallImgToday2 span.sRight img {
	width: 211px;
	height: 105.5px;
	float: right;
	display: none;
}
/* ekonomi ================================================= */
.imgEkonomi {
	width:120px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:5px;
}
.imgEkonomi img {
	width: auto;
	height: 120px;
	overflow: hidden;
	position:relative;
	left:-90px;
}
.titleEkonomi {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
}
.tagEkonomi {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #006600;
	position: relative;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
	z-index: 9;
	display: inline-block;
}
.titleEkonomi a {
	text-decoration: none;
	font: bold 16px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	display: block;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	height: 40px;
}
.titleEkonomi a:hover {
	text-decoration: underline;
}
.titleEkonomi p {
	text-decoration: none;
	font: normal 14px/18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	overflow: hidden;
	height: 55px;
	padding: 0 10px 0px 10px;
}
.graphEkonomi {
	padding-top: 10px;
	display: none;
}
/* Health ============================================== */
.bigBoxHealth {
	width: 100%;
	height: auto;
	position: relative;
	overflow:hidden;
}
.imgBoxHealth img {
	width: auto;
	height: 166px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	left:-100px;
}
.tagHealth {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #01df20;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleHealth {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleHealth a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 45px;
	display: block;
}
.titleHealth a:hover {
	text-decoration: underline;
}
.boxOutHealth {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleHealth {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listHealth ul {
	margin: 0;
	padding: 10px 0 0px 15px;
	display: none;
}
.listHealth ul li {
	list-style-image: url(http://assets.kompas.com/data/2013/news/images/bulletKanal.jpg);
	margin: 0;
	padding: 0px 0;
}
.listHealth ul li a {
	font: normal 0.9375em/1.3em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listHealth ul li a:hover {
	text-decoration: underline;
}
/* Entertainment ============================================== */
.bigBoxEntertainment {
	width: 100%;
	height: auto;
	position: relative;
	overflow:hidden;
}
.imgBoxEntertainment img {
	width: auto;
	height: 166px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	left:-100px;
}
.tagEntertainment {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #3399ff;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleEntertainment {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleEntertainment a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 50px;
	display: block;
}
.titleEntertainment a:hover {
	text-decoration: underline;
}
.boxOutEntertainment {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleEntertainment {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listEntertainment ul {
	margin: 0;
	padding: 10px 0 0px 15px;
	display: none;
}
.listEntertainment ul li {
	list-style-image: url(http://assets.kompas.com/data/2013/news/images/bulletKanal.jpg);
	margin: 0;
	padding: 0px 0;
}
.listEntertainment ul li a {
	font: normal 0.9375em/1.3em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listEntertainment ul li a:hover {
	text-decoration: underline;
}
/* kompasiana ================================================ */
.topKompasianaLeft {
	float: left;
}
.topKompasianaRight {
	float: right;
	font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #b1b1b1;
	padding-top: 5px;
}
.listKompasiana {
	padding-top: 0px;
}
.listKompasiana a {
	font: normal 14px/18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	border-bottom: dotted 1px #ccc;
	padding: 10px 0;
}
.listKompasiana a:hover {
	text-decoration: underline;
}
/* travel ================================= */
ul.thumbTravel {
	margin: 0;
	padding: 0;
	display: none;
}
.bigThumbTravel {
	width: 200%;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.imgBigThumbTravel img {
	width: 100%;
	height: 166px;
	overflow: hidden;
	position: relative;
	margin-left: -50%;
}
.tagTravel {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #00a8a2;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleTravel {
	width: 50%;
	height: auto;
	position: absolute;
	z-index: 9;
	bottom: 0;
	overflow: hidden;
	max-height: 80px;
}
.titleTravel a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	display: block;
	text-align: left;
	padding: 10px 0 10px 0;
	height: 38px;
}
.titleTravel a:hover {
	text-decoration: underline;
}
.bgTitleTravel {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 9;
}
.textTitleTravel {
	position: relative;
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	z-index: 10;
	padding: 4px 10px;
	overflow: hidden;
	max-height: 57px;
}
.titleEntertainment {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleEntertainment a {
	font: normal 0.8125em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 45px;
	display: block;
}
.listThumbTravel {
	width: 156px;
	height: 100%;
	text-align: center;
	padding-top: 15px;
	float: left;
	display: none;
}
.listThumbTravel img {
	width: 138px;
	height: 69px;
	overflow: hidden;
}
.listThumbTravel a {
	font: normal 11px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 10px;
}
.listThumbTravel a:hover {
	text-decoration: underline;
}
.listThumbTravel:hover > img {
	border: solid 5px #01837e;
	width: 128px;
	height: 59px;
}
/* Properti ============================================== */
.bigBoxProperti {
	width: 100%;
	height: auto;
	position: relative;
	overflow:hidden;
}
.imgBoxProperti img {
	width: auto;
	height: 166px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	left:-100px;
}
.tagProperti {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #745b24;
	position: absolute;
	z-index: 1;
	padding: 5px 10px;
	top: 0;
}
.titleProperti {
	font: normal 18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 3;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.titleProperti a {
	font: normal 14px/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	max-height: 45px;
	display: block;
}
.titleProperti a:hover {
	text-decoration: underline;
}
.boxOutProperti {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	bottom: 0;
	padding: 0px 0;
}
.boxTitleProperti {
	position: absolute;
	z-index: 2;
	background: #000;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.listProperti ul {
	margin: 0;
	padding: 10px 0 0px 15px;
	display: none;
}
.listProperti ul li {
	list-style-image: url(http://assets.kompas.com/data/2013/news/images/bulletKanal.jpg);
	margin: 0;
	padding: 0px 0;
}
.listProperti ul li a {
	font: normal 0.9375em/1.3em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.listProperti ul li a:hover {
	text-decoration: underline;
}
/* kanal buttom ============================ */

/* kanal buttom ============================ */

.kanalBottomIn {
	width: 95%;
	margin: 0 auto;
	padding: 0 0px;
}
.buttomMenuKanal {
}
.buttomMenuKanal h1 {
	font: bold 16px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #ccc;
	width: 95%;
}
.buttomMenuKanal ul {
	margin: 0;
	text-align: center;
	padding: 10px 0 0 0;
}
.buttomMenuKanal ul li {
	list-style-type: none;
	display:inline-block;
	padding: 2px 10px 0 0;
	
}

.buttomMenuKanal ul li:first-child {
	padding-left:0;
	text-align: center;
}
.buttomMenuKanal ul li a {
	font: normal 12px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	display:inline-block;
	text-align: center;
}
.buttomMenuKanal ul li a:hover {
	text-decoration: underline;
}
/* Networks buttom ============================ */

.buttomMenuNetworks {
	background: #fff;
	border-bottom: solid 1px #ccc;
}
.buttomMenuNetworks h1 {
	font: bold 0.875em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 10px;
	cursor: pointer;
}
.buttomMenuNetworks ul {
	margin: 0;
	padding: 0px 0 10px 20px;
}
.buttomMenuNetworks ul li {
	list-style-type: none;
	padding: 4px 0;
	display: block;
}
.buttomMenuNetworks ul li a {
	font: normal 14px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.buttomMenuNetworks ul li a:hover {
	color: #e54210;
}
a#footerMenu2 {
	color: #000;
}
a#footerMenu {
	color: #000;
}
/* Kompas buttom ============================ */

.buttomMenuKompas {
	background: #fff;
	border-bottom: solid 1px #ccc;
}
.buttomMenuKompas h1 {
	font: bold 0.875em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 10px;
}
.buttomMenuKompas ul {
	margin: 0;
	padding: 0;
	display: none;
}
ul.MenuKompas2 {
	float: left;
	padding: 0 20px;
}
.buttomMenuKompas ul li {
	list-style-type: none;
}
.buttomMenuKompas ul li a {
	font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
/* border bottom ======================================== */
.borderBottom {
	float: left;
	height: 280px;
	border-left: solid 1px #e0e0e0;
	display: none;
}
/* footer menu ========================================= */
.footerMenu ul {
	margin: 0;
	padding: 5px 0;
	text-align: center
}
.footerMenu ul li {
	list-style-type: none;
	display: inline-block;
	border-right: solid 1px #000;
	padding: 0 10px;
	margin-bottom: 10px;
}
.footerMenu ul li a {
	font: normal 0.75em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
}
.footerMenu a:hover {
	text-decoration: underline;
}
.footerMenu h6 {
	font: normal 0.75em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 10px 0 0 10px;
	text-align: center;
}
.boxSocLog {
	padding-top: 10px;
}
.LogoKG {
	width: 100%;
	text-align: center;
}
.LogoKG a img {
	width: 40%;
	height: auto;
	padding-top: 10px;
}
.socialMedia {
	padding: 0px 0 0px 0;
	margin: 0 auto;
	width: 200px;
}
.socialMedia ul {
	margin: 0;
	padding: 0 0 10px 0;
}
.socialMedia ul li {
	list-style-type: none;
	display: inline;
}
.socialMedia ul li a#rssfeed {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat 0px 0px;
}
.socialMedia ul li a#facebookSoc {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat -30px 0px;
}
.socialMedia ul li a#instagramSoc {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat -60px 0px;
}
.socialMedia ul li a#linkedinSoc {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat -90px 0px;
}
.socialMedia ul li a#twitterSoc {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat -120px 0px;
}
.socialMedia ul li a#youtubeSoc {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat -150px 0px;
}
.socialMedia ul li a#googleplus {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat -180px 0px;
}
.socialMedia ul li a#rssfeed:hover {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat 0px 0px;
}

.socialMedia ul li a#facebookSoc:hover {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat -30px 0px;
}
.socialMedia ul li a#instagramSoc:hover {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat -60px 0px;
}
.socialMedia ul li a#linkedinSoc:hover {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat -90px 0px;
}
.socialMedia ul li a#twitterSoc:hover {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat -120px 0px;
}
.socialMedia ul li a#youtubeSoc:hover {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat -150px 0px;
}
.socialMedia ul li a#googleplus:hover {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat -180px 0px;
}
/* E : WELCOME PAGE ================================================================================================================= */

/* S : RUBRIK ================================================================================================================= */
.titleRubrik {
	width: 60%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	display: none;
}
.titleRubrik h1 {
	margin: -5px 0 0 0;
	padding: 0;
	font: normal 30px 'OpenSansExtrabold', Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: -2px;
}
.titleRubrik h6 {
	margin: 0;
	padding: 0;
	font: normal 0.75em "Lucida Grande","Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0;
	padding: 0px 0;
}
.smallLogoKompas {
	width: 100%;
	height: auto;
}
.smallLogoKompas a img {
	margin: 0 0 0 -12px;
}
ul#submenuKompascom {
	margin: 0;
	padding: 5px 0;
	width: 85%;
	display: none;
	background: #fff;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
}
ul#submenuKompascom li {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	display: block;
}
ul#submenuKompascom li a {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #00528a;
	text-decoration: none;
	display: inline-block;
	padding: 0px 10px;
}
ul#submenuKompascom li a:hover {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #e74f1d;
	text-decoration: none;
	display: inline-block;
	padding: 0px 10px;
}
ul#submenuKompascom li a.selected {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #e74f1d;
	text-decoration: none;
	display: inline-block;
	padding: 0px 10px;
}
.outSubMenu {
	border-bottom: solid 1px #eaeaea;
	width: 100%;
	margin: 0 auto;
	display: none;
}
/* HEADLINE RUBRIK ================ */
.boxHLTrending {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.HLrubrik {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	overflow: hidden;
}
.HLrubrik img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.TrendingRubrik {
	width: 95%;
	height: 210px;
	float: right;
	overflow: hidden;
	padding-right: 10px;
	margin-top: 20px;
}
.HLrubrik:after {
	content: "\0020";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px; /* when 0 no shadow is displayed*/
	-webkit-box-shadow: 0 0 70px 80px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 70px 80px rgba(0, 0, 0, 0.7);
	bottom: 0;
}
.HLTitleRubrik {
	position: absolute;
	bottom: 0;
	padding: 10px 10px;
}
.HLTitleRubrik h1 {
	margin: 0;
	padding: 0 5px;
	font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #f00;
	display: inline-block;
	bottom: 0;
	position: relative;
	z-index: 2;
}
a#titleRubrikIn {
	font: normal 16px/23px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
	width: 310px;
	display: block;
	max-height: 44px;
	overflow: hidden;
	padding-top: 5px;
	z-index: 999;
	position: relative;
	z-index: 1;
}
a#titleRubrikIn:hover {
	text-decoration: underline;
}
a#readMoreRubrik {
	font: normal 12px/24px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
	width: 460px;
	padding: 2px 0;
	display: none;
}
.TrendingRubrik h1 {
	margin: 0;
	padding: 0 0 4px 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
}
.TrendingRubrik ul {
	margin: 0;
	padding: 0;
}
.TrendingRubrik ul li {
	list-style-type: none;
	border-bottom: dotted 1px #e5e5e5;
	padding: 2px 0;
	height: 40px;
}
.TrendingRubrik ul li span.noTrendingRubrik {
	font: normal 20px 'OpenSansExtraboldItalic', Arial, Helvetica, sans-serif;
	color: #fec287;
	display: inline-block;
	width: 30px;
	float: left;
	padding-top: 5px;
}
.TrendingRubrik ul li span.anchorTrending a {
	text-decoration: none;
	font: normal 14px/20px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	display: table-cell;
	width: 100%;
	overflow: hidden;
	height: 38px;
	vertical-align: middle;
}
.TrendingRubrik ul li span.anchorTrending a:hover {
	text-decoration: underline;
}
/* LIST ALL RUBRIK ================ */
.listAllRubrik {
	padding-top: 0px;
}
.colTopLeftAllRubrik {
	float: left;
	padding: 10px 0 5px 0;
}
.colTopLeftAllRubrik h1 {
	float: left;
	margin: 0;
	padding: 0;
	font: normal 18px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
}
.colTopLeftAllRubrik h6 {
	float: left;
	margin: 0;
	padding: 5px 0 0 10px;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ccc;
}
ul.tabsRubrik {
	margin: 0;
	padding: 0;
	background: #f5f5f5;
	border: solid 1px #ccc;
	border-radius: 3px;
}
ul.tabsRubrik li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
.tabAllRubrik {
	float: right;
	margin-top: 20px;
	display: none;
}
ul.tabsRubrik li a.tabList {
	float: left;
	border-right: solid 0px #ccc;
	background: url(http://assets.kompas.com/data/2013/news/images/tabList.png) no-repeat right;
}
.tabList, .tabGrid {
	cursor: pointer;
}
ul.tabsRubrik li a.tabList, ul.tabsRubrik li a.tabGrid {
	font: normal 10px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #000;
	display: inline-block;
	text-decoration: none;
	padding: 2px 10px;
	text-align: left;
	width: 40px;
}
.tabList:hover, .tabGrid:hover {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
}
ul.tabsRubrik li#tabsL a:active {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(http://assets.kompas.com/data/2013/news/images/tabList.png) no-repeat right;
}
ul.tabsRubrik li#tabsRL a.current {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(http://assets.kompas.com/data/2013/news/images/tabList.png) no-repeat right;
}
ul.tabsRubrik li#tabsRG a:active {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(http://assets.kompas.com/data/2013/news/images/tabGrid.png) no-repeat right;
}
ul.tabsRubrik li#tabsRG a.current {
	background: #ddd;
	opacity: 0.6;
	-webkit-box-shadow: inset 0px 00px 10px 0px;
	box-shadow: inset 0px 00px 10px 0px;
	background: url(http://assets.kompas.com/data/2013/news/images/tabGrid.png) no-repeat right;
}
ul.tabsRubrik li a.tabGrid {
	float: left;
	background: url(http://assets.kompas.com/data/2013/news/images/tabGrid.png) no-repeat right;
}
.boxThumbRubrik {
	width: 29%;
	height: auto;
	border: solid 1px #ccc;
	position: relative;
	float: left;
	margin-bottom: 20px;
}
.pLRThumb {
	margin: 0 5%;
}
.boxThumbRubrik img {
	border: solid 5px #fff;
	width: 92%;
	height: auto;
}
h1.tagAllRubrik {
	position: absolute;
	color: #fff;
	font: normal 10px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	top: 5px;
	left: 5px;
	margin: 0;
}
h1.tagRubrik {
	background: #bf0000;
}
.boxTitleAllRubrik {
	bottom: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	width: 94%;
	margin: 0 0 5px 5px;
	padding-bottom: 10px;
}
.boxTitleAllRubrik a {
	font: normal 10px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 78%;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 10px 5px 20px 5px;
	max-height: 22px;
	overflow: hidden;
}
.boxTitleAllRubrik a:hover {
	text-decoration: underline;
}
.boxTitleAllRubrik2 {
	height: auto;
	padding-bottom: 8px;
}
.boxTitleAllRubrik2 a {
	font: normal 16px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	max-height: 70px;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
	padding-top: 40px;
}
.boxTitleAllRubrik2 a:hover {
	text-decoration: underline;
}
.boxTitleAllRubrik2 p {
	font: normal 12px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	width: 80%;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden;
	max-height: 60px;
}
/* TERPOPULER & TERKOMENTARI RUBRIK ====================== */
.terbaruTerkomentari-artikel {
	width: 100%;
	height: 400px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: left;
	overflow: hidden;
}
.imgterbaruTerkomentari {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.imgterbaruTerkomentari img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.listTerbarkom-artikel {
	border-bottom: dotted 0px #dadada;
	padding: 9px 0;
}
.titleTerbakom-artikel {
	float: left;
	padding-left: 10px;
	height: 34px;
	overflow: hidden;
	width: 73%;
}
.titleTerbakom-artikel a {
	font: normal 0.75em/16px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
}
.titleTerbakom-artikel a:hover {
	text-decoration: underline;
}
.KatTitle-artikel {
	font: normal 0.625em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
	float: left;
	width: 70%;
	display: block;
}
.tabTerbaru {
	padding: 0 10px;
}
.tabTerkomentari {
	padding: 0 10px;
}
/**** Color Kategori ************/
.ent-col {
	color: #3399ff;
}
.ent-col a, h6.ent-col {
	color: #3399ff;
	text-decoration: none;
}
.ent-col a:hover {
	color: #3399ff;
	text-decoration: none;
}
.tek-col {
	color: #ff6600;
}
.tek-col a, h6.tek-col {
	color: #ff6600;
	text-decoration: none;
}
.tek-col a:hover {
	color: #ff6600;
	text-decoration: none;
}
.oto-col {
	color: #e60000;
}
.oto-col a, h6.oto-col {
	color: #e60000;
	text-decoration: none;
}
.oto-col a:hover {
	color: #e60000;
	text-decoration: none;
}
.bol-col {
	color: #69c002;
}
.bol-col a, h6.bol-col {
	color: #69c002;
	text-decoration: none;
}
.bol-col a:hover {
	color: #69c002;
	text-decoration: none;
}
.fem-col {
	color: #ff0066;
}
.fem-col a, h6.fem-col {
	color: #ff0066;
	text-decoration: none;
}
.fem-col a:hover {
	color: #ff0066;
	text-decoration: none;
}
.eko-col {
	color: #006600;
}
.eko-col a, h6.eko-col {
	color: #006600;
	text-decoration: none;
}
.eko-col a:hover {
	color: #006600;
	text-decoration: none;
}
.hea-col {
	color: #01df20;
}
.hea-col a, h6.hea-col {
	color: #01df20;
	text-decoration: none;
}
.hea-col a:hover {
	color: #01df20;
	text-decoration: none;
}
.tra-col {
	color: #00a8a2;
}
.tra-col a, h6.tra-col {
	color: #00a8a2;
	text-decoration: none;
}
.tra-col a:hover {
	color: #00a8a2;
	text-decoration: none;
}
.pro-col {
	color: #745b24;
}
.pro-col a, h6.pro-col {
	color: #745b24;
	text-decoration: none;
}
.pro-col a:hover {
	color: #745b24;
	text-decoration: none;
}
/**** end Color Kategori ************/

/* MORE RUBRIK ================= */
.moreRubrik {
	width: 100%;
	height: 29px;
	background: url(http://assets.kompas.com/data/2013/news/images/bgMoreRubrik.jpg) bottom repeat-x;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	text-align: center;
}
.moreRubrik span {
	float: left;
}
span.klikMore {
	text-align: center;
}
.moreRubrikIn {
	width: 120px;
	background: red;
	margin: 0 auto;
}
span.klikMore a {
	padding-top: 5px;
	font: normal 14px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: #000;
}
span.arrowMoreRubrik {
	background: url(http://assets.kompas.com/data/2013/news/images/arrowMoreRubrik.jpg) no-repeat center;
	width: 12px;
	height: 29px;
	padding-left: 20px;
	cursor: pointer;
}
/* LIST RUBRIK ========================================= */
.listRubrik {
	border-bottom: dotted 1px #d8d8d8;
	padding: 20px 0;
}
/* revisi 16 april */
.imgListRubrik {
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	position:relative;
	margin-right:10px;
}
.imgListRubrik img {
	width: auto;
	height: 60px;
	position:absolute;
}
/* e revisi 16 april */
.rightListRubrik {
	padding-left: 10px;
	width: 66%;
	float: left;
}
.rightListRubrik2 {
	width: 100%;
	float: left;
}
.rightListRubrik h6 {
	margin: 0;
	padding: 0;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.rightListRubrik2 h6 {
	margin: 0;
	padding: 0;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #cc0000;
}
.rightListRubrik2 h5 {
	margin: 0;

	padding: 5px 0 0 0;

	font: normal 10px/14px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ccc;
}
.rightListRubrik a {
	margin: 0;
	padding: 2px 0;
	font: normal 16px/20px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 18px;
	overflow: hidden;
}
.rightListRubrik2 a {
	margin: 0;
	padding: 2px 0;
	font: normal 16px/20px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 20px;
	overflow: hidden;
}
    .rightListRubrik2 a:hover {
        text-decoration:underline;
    }
.rightListRubrik p {
	margin: 0;
	padding: 10px 0 0 0;
	font: normal 14px/20px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	overflow: hidden;
	max-height: 40px;
}
.rightListRubrik2 p {
	margin: 0;
	padding: 10px 0 0 0;
	font: normal 14px/20px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	overflow: hidden;
	max-height: 44px;
}
.rightListRubrik a:hover {
	text-decoration: underline;
}
.nasList {
	color: #bf0000;
}
.olgList {
	color: #006600;
}
.saiList {
	color: #9933ff;
}
.tekList {
	color: #ff6600;
}
.femList {
	color: #ff0066;
}
.helList {
	color: #00cc33;
}
/* E : RUBRIK ================================================================================================================= */
/* S : SUBRUBRIK ================================================================================================================= */
.bannerCenter1SubRubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 20px auto 0 auto;
	display: none;
}
.bannerCenter2SubRubrik {
	width: 468px;
	height: 60px;
	background: grey;
	margin: 20px auto 0 auto;
	display: none;
}
.listIndexBerita {
	background: #e7e7e7;
	width: 770px;
	height: 35px;
	display: block;
	margin-top: 10px;
}
.textListIndexBerita {
	padding-left: 10px;
	display: block;
	font-weight: 600;
}
.textIndexSelect {
	font: normal 12px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.tombolTampilkan {
	font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	margin-top: 8px;
	background: #666;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.listSubRubrik ul {
	padding: 0px;
	list-style: none;
}
.listSubRubrik li {
	padding: 20px 0px 20px 0px;
	border-bottom: solid 1px #d1d1d1;
	width: 100%;
}
.listSubRubrik li:last-child {
	border-bottom: none;
}
/* s : revisi 16 april */
.listSubRubrik ul li .imgSubRubrik {
        float: left;
		width: 100px;
		height: 100px;
		margin-right: 20px;
		position: relative;
		overflow: hidden;
    }
    .imgSubRubrik img {
        width: auto;
		height: 100px;
		position: absolute;
    }
/* e : revisi 16 april */
.listSubRubrik ul li .imgSubRubrik2 img {
	float: left;
	width: 100px;
	height: 100px;
	padding-right: 20px;
	display: none;
}
.boxSubRubrik {
	width: 60%;
	float: left;
}
.boxSubRubrik2 {
	width: 95%;
	float: left;
	display: none;
}
.listBreak {
	border: none;
}
.judulListSubRubrik a {
	font: normal 16px/20px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	display: block;
	overflow: hidden;
	max-height: 40px;
}
.judulListSubRubrik a:hover {
	text-decoration: underline;
}
.tanggalListSubRubrik {
	font: normal 11px/20px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #999;
	margin: 3px 0px;
	display: none;
}
.editorSubRubrik {
	font: normal 11px/20px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #999;
	float: left;
	padding-right: 20px;
}
.totalKomentarRubrik {
	float: left;
}
.totalKomentarRubrik img {
	width: 12px;
	height: 12px;
	overflow: hidden;
}
.tambahKomentarRubrik {
	float: left;
	padding-left: 20px;
}
.tambahKomentarRubrik a {
	text-decoration: none;
	color: #999;
}
.tambahKomentarRubrik a span {
	color: #ff9900;
	padding-right: 4px;
}
.isiListSubRubrik {
	font: normal 14px/20px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	overflow: hidden;
	height: 38px;
}
.paginationSubRubrik {
	display:block;
	text-align:center;
	height: 50px;
	overflow: hidden;
}
.paginationSubRubrik ul {
	margin: 0;
	padding: 0;
}
.paginationSubRubrik ul li {
	list-style-type: none;
	display: inline-block;
	height: 70px;
	padding-top: 25px;
	padding-right: 5px;
}
.paginationSubRubrik ul li.pageHover a {
	color: #000;
}
.paginationSubRubrik ul li.pageHover a:hover {
	background: #e74f1d;
	color: #fff;
	border-radius: 3px;
}
.paginationSubRubrik ul li.pageHover a.active {
	background: #e74f1d;
	color: #fff;
	border-radius: 3px;
}
.paginationSubRubrik ul li a {
	text-decoration: none;
	font: normal 12px 'OpenSansSemibold', arial;
	display: inline-block;
	padding: 2px 8px;
}
.paginationSubRubrik ul li a.prevText {
	color: #999;
	display: block;
}
.paginationSubRubrik ul li a.prevText:hover {
	color: #e1541c;
}
.paginationSubRubrik ul li a.nextText:hover {
	color: #e1541c;
}
.paginationSubRubrik ul li a.nextText {
	color: #999;
}
/* E : SUBRUBRIK ================================================================================================================= */
/* S : ARTIKEL DETAIL ========================================================================================================== */
/* artikel */
.artikel-atas {
}
.artikel-detail {
	float: left;
	padding: 10px 0px 0 0px;
	position: relative;
	width: 100%
}
.artikel-detail-alt2 {
	float: left;
	padding: 10px 0px 0 0px;
	position: relative;
	width: 100%
}
.artikel-detail p {
        font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #333;
        padding: 0px 0 30px;
        margin: 0;
    }
    .artikel-detail a {
        font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #3399ff;
        text-decoration:none;
    }
    .artikel-detail a:hover {
        text-decoration:underline;
    }
    .artikel-detail-alt2 p {
        font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #333;
        padding: 10px 20px 10px 0;
        margin: 0;
    }
    .artikel-detail-alt2 a {
        font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #3399ff;
        text-decoration:none;
    }
    .artikel-detail-alt2 a:hover {
        text-decoration:underline;
    }
	.artikel-detail ul {
		font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #333;
		margin-left:20px;
		list-style-type:circle;	
	}
	.artikel-detail-alt2 ul {
		font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #333;
		margin-left:20px;	
		list-style-type:circle;
	}
	.artikel-detail strong {
		font: bold 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #000;	
	}
	.artikel-detail-alt2 strong {
		font: bold 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #000;	
	}
.ml-p-right {
	position: relative;
	margin: 15px 0px 15px 0px;
	width: 100%;
	height: auto;
	float: left;
}
.ml-p-right img {
	width: 100%;
	height: auto;
}
.ml-p-left {
	position: relative;
	margin: 15px 0px 15px 0;
	width: 100%;
	height: 100%;
	float: left;
}
.ml-p-left img {
	width: 100%;
	height: auto;
}
.artikel-detail p {
	font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #333;
	padding: 0px 0 30px;
	margin: 0;
}
.artikel-detail p a {
	font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #3399ff;
	text-decoration:none;
}
.artikel-detail p a:hover {
	text-decoration:underline;
}
.artikel-detail-alt2 p {
	font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #333;
	padding: 15px 0;
	margin: 0;
}
.artikel-detail-alt2 p a {
	font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #3399ff;
	text-decoration:none;
}
.artikel-detail-alt2 p a:hover {
	text-decoration:underline;
}
.artikel-detail h1 {
	font: normal 1.8em/1.2em 'OpenSansBold', arial;
	color: #000;
	letter-spacing: -1px;
	margin: 0 0 10px 0px;
}
.artikel-detail-alt2 h1 {
	font: normal 1.8em/1.2em 'OpenSansBold', arial;
	color: #000;
	letter-spacing: -1px;
	margin: 0 0 10px 0px;
}
.artikel-detail-penulis {
	position: relative;
}
.cl-blue {
	color: #30a3dc;
}
.artikel-detail-penulis ul {
	list-style: none;
	color: #999;
	margin: 0px 0 10px;
	padding: 0;
	font-size: 10px;
	width: 90%;
	float: left;
}
.artikel-detail-penulis li {
	float: left;
	padding: 5px;
	border-right: 1px solid #e7e7e7;
}
.artikel-detail-penulis li:first-child {
	float: left;
	padding: 5px;
	border-right: 1px solid #e7e7e7;
}
/****** Quotes ********/
.quotes {
	display:none;
}
.quotes3 {
	display:none;
}
.left-alt3 {
	display:none;
}
/****** Editor dan sumber ******/
.editor-artikel {
	float: left;
	font: normal 0.750em "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #999999;
}
.sumber-artikel {
	float: left;
	font: normal 0.750em "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #999999;
	clear:both;
}
.d_none {
	display:none;
}
/****** Next artikel ********/
.next-artikel {
	margin:0px 0 20px;
}
.next-artikel ul {
	list-style: none;
	margin: 0px auto;
	padding: 0;
}
.next-artikel li {
	float: left;
	font: normal 0.650em "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #000;
	margin: 10px 0 10px;
}
.next-artikel a {
	color: #999;
	text-decoration: none;
}
.next-artikel a:hover {
	color: #000;
	text-decoration: none;
}
.next-active {
	color: #f60;
	text-decoration: none;
	font-weight:bold;
}
.next-artikel li:first-child {
	float: left;
	list-style: none;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/prev-arrow.gif) left no-repeat;
	padding-left: 20px;
	padding-top: 0px;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #ccc;
}
.next-artikel li:last-child {
	float: left;
	list-style: none;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/next-arrow.gif) right no-repeat;
	padding-right: 20px;
	padding-left: 20px;
	margin-left:10px;
	border-left:1px solid #ccc;
}
/************************** Breadcrum *******************************/
#breadcrumb {
	height: 15px;
	margin-bottom: 5px;
	display: none;
}
#breadcrumb ul {
	list-style: none;
	color: #999999;
	padding: 0;
	margin: 0;
	font: normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	letter-spacing: 0.06em;
}
#breadcrumb li {
	float: left;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-bread.gif) right center no-repeat;
	padding-right: 10px;
}
#breadcrumb li:last-child {
	float: left;
	background: none;
	padding-right: 15px;
}
#breadcrumb a {
	display: block;
	padding: 0px 5px;
	font: normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #999999;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #ff9600;
}
a#breadcrumb.bread.active {
	color: #ff9900;
}
.terbaruTerkomentari-artikel {
	height: 400px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: left;
	overflow: hidden;
}
/* s : 16 april */
.imgterbaruTerkomentari {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
	position:relative;
}
.imgterbaruTerkomentari img {
	width: auto;
	height: 55px;
	position:absolute;
}
/* e : revisi 16 april */
.listTerbarkom-artikel {
	border-bottom: dotted 0px #dadada;
	padding: 9px 0;
}
.titleTerbakom-artikel {
	float: left;
	padding-left: 10px;
	height: 35px;
	overflow: hidden;
	width: 80%;
}
.titleTerbakom-artikel a {
	font: normal 0.75em/16px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
}
.titleTerbakom-artikel a:hover {
	text-decoration: underline;
}
.KatTitle-artikel {
	font: normal 0.625em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
	float: left;
	max-width: 220px;
}
.tabTerbaru {
	padding: 0 10px;
}
.tabTerkomentari {
	padding: 0 10px;
}
/* You May Like */
.YouMayLike {
	width: 100%;
	height: 260px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: left;
	overflow: hidden;
}
.ml-40 {
	margin-left: 40px;
}
.listYouMayLike {
	border-bottom: dotted 1px #cbcbcb;
	padding: 10px 0;
}
.imgYouMayLike {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.imgYouMayLike img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.titleBoxYouMayLike {
	width: 75%;
	height: 45px;
	float: left;
	margin-left: 3%;
}
.YouMayLike h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0px 0 3px 0;
	border-bottom: 2px solid #000;
}
.titleBoxYouMayLike h6 {
	margin: 0;
	padding: 0;
	font: normal 0.625em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #f09003;
}
span.titleYouMayLike a {
	text-decoration: none;
	font: normal 1em/1.5em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #333;
	display: inline-block;
	min-width: 220px;
	max-width: 265px;
	max-height: 45px;
	overflow: hidden;
}
span.titleYouMayLike a:hover {
	text-decoration: underline;
}
.viewYouMayLike {
	font: normal 0.625em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #f09003;
}
.topik-ini {
	font:bold 1em/1.5em "Lucida Grande","Lucida Sans Unicode", sans-serif;	
	color:#000;
	margin:20px 0 20px;
	float:left;
}
.topik-ini a {
	font:normal 1em/1.5em "Lucida Grande","Lucida Sans Unicode", sans-serif;	
	color:#3399ff;
	text-decoration:none;
}
.topik-ini a:hover {
	text-decoration:underline;
}
.ikuti-topik {
	display:none;
}
.terkait {
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0px 0 0 0px;
	float: left;
	overflow: hidden;
	border-bottom:5px solid #e5e5e5;
}
.terkait ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.terkait li {
	border-bottom: dotted 1px #cbcbcb;
	padding: 10px 0 5px 0;
	font: normal 1em/1.5em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #333;
	height: auto;
}
.terkait li a {
	font: normal 1em/1.5em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}
.terkait li a:hover {
	text-decoration: underline;
}
.terkait li:last-child {
	border-bottom: 0px solid #ccc;
}
.terkait h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 0px 0;
	padding: 0px 0 3px 0;
	border-bottom: 3px solid #000;
}
.bottomBox-kat {
	width: 95%;
	float: left;
}
.bottomBox-title {
	width: 95%;
	height: auto;
	overflow: hidden;
	float: left;
}
.bottomBox-title a {
	width: 100%;
	float: left;
	text-decoration: none;
	color: #000;
}
.bottomBox-title a:hover {
	text-decoration: underline;
}
.box-after-r1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: right;
	margin-top: 20px;
	padding-bottom:5px;
	border-bottom:5px solid #e5e5e5
}
.box-after-r1 h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0 5px;
	width:100%;
	border-bottom:3px solid #f33e07;
	padding-bottom:8px;
}
.box-after-r1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.box-after-r1 li {
	padding: 10px 0px;
	font: normal 1em/24px "opensanssemibold","Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border-bottom: dotted 1px #cbcbcb;
}
.box-after-r1 li:last-child {
	padding: 10px 0px;
	font: normal 1em/24px "opensanssemibold","Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border-bottom: dotted 0px #cbcbcb;
}

/* trending */
.trending-artikel {
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 20px;
}
.trending-artikel h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px 0;
}
.trending-artikel ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.trending-artikel li {
	padding: 10px 0;
	font: normal 0.700em/16px "opensanssemibold","Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border-bottom: dotted 1px #cbcbcb;
}
.trending-artikel li:last-child {
	padding: 10px 0;
	font: normal 0.700em/16px "opensanssemibold","Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border-bottom: dotted 0px #cbcbcb;
}
.trending-number {
	width: 40px;
	height: 40px;
	font: normal 3em 'OpenSansBoldItalic', "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #fec287;
	float: left;
}
.trending-kat {
	width: 255px;
	float: left;
}
.trending-title {
	width: 80%;
	height: 33px;
	overflow: hidden;
	float: left;
}
.trending-title a {
	float: left;
	text-decoration: none;
	color: #000;
}
.trending-title a:hover {
	text-decoration: underline;
}
.komentar-lay {
	width: 100%;
	float: left;
}
.w_760 {
	width: 100%;
	display: none;
}
.w_760-2 {
	width: 100%;
}
.social-newsletter-images {
	width: 100%;
	margin: 0px 0px 10px 0;
	float: left;
	height: auto;
}
.social-newsletter-images-alt2 {
	width: 100%;
	margin: 0px 0px 10px 0;
	float: left;
	height: auto;
	position: relative;
}
/*********************** Social Shared ***************************/
.shared-artikel {
	border: 0px solid #ccc;
}
.social-media {
	width: 245px;
	height: 45px;
	float: right;
	margin-top: -20px;
	margin-bottom: 10px;
}
.social-fb {
	width: 60px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/fb-shared.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-fb-alt2 {
	width: 60px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/fb-shared.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-fb-count {
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #000;
	width: 45px;
	height: 18px;
	margin: 10px auto;
	text-align: center;
	display: none;
}
.social-twitter {
	width: 60px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/tweet-shared.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-twitter-alt2 {
	width: 60px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/tweet-shared.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-twitter-count {
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #000;
	width: 45px;
	height: 18px;
	margin: 10px auto;
	text-align: center;
	display: none;
}
.social-google {
	width: 50px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/gplus.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-google-alt2 {
	width: 50px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/gplus.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-google-count {
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #000;
	width: 38px;
	height: 18px;
	margin: 10px auto;
	text-align: center;
	display: none;
}
.social-email {
	width: 57px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/email-shared.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-email-alt2 {
	width: 57px;
	height: 22px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/email-shared.gif) bottom no-repeat;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 10px;
}
.social-email-count {
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #000;
	width: 45px;
	height: 18px;
	margin: 10px auto;
	text-align: center;
	display: none;
}
.social-komentar {
	width: 70px;
	height: 60px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/komentar.gif) no-repeat;
	overflow: hidden;
	float: left;
	margin-right: 0px;
	display: none;
}
.social-komentar-count {
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #000;
	width: 58px;
	height: 18px;
	margin: 10px auto;
	text-align: center;
}
.social-link {
	display: block;
	width: 57px;
	height: 21px;
	overflow: hidden;
}
/*********************** Social Shared ***************************/

/************************ Newsletter ************************/
.newsletter-submit {
	display: none;
}
.newsletter-submit-alt2 {
	display: none;
}
.newsletter-submit input[type="file"] {
	width: 100%;
	display: none;
}
#submit-newsletter {
	width: 60%;
	padding: 3px 10px;
	height: 17px;
	outline: none;
	background: #ffffff;
	font: normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #333;
	float: left;
	border: 1px solid #ccc;
	margin-top: 5px;
	display: none;
}
.button-newsletter {
	width: 62px;
	height: 25px;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/submit-newsletter.gif) no-repeat;
	border: none;
	margin-left: 5px;
	margin-top: 5px;
	display: none;
}
/************************ Newsletter ************************/

/******************** images artikel ***********************/
.images-area {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.images-area-alt2 {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	z-index: -1;
}
.images-area-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: #fff;
	margin-top: 5px;
}
.images-area-img-alt2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: #fff;
	z-index: -1;
	margin-top: 5px;
}
.images-area-img-alt2 img {
	width:100%;	
}
.images-area-img img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.images-area-desc {
	font: normal 0.650em/1.4em "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #666;
	padding: 5px 0px;
	background: #fff;
	height: auto;
	overflow: hidden;
}
.append-images-desc {
	display: none;
}
.images-area-desc-alt2 {
	font: normal 0.650em/1.2em "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #666;
	padding: 5px 0px;
	background: #fff;
	z-index: 1;
	height: auto;
	position: relative;
}
.perbesar-images {
	position: absolute;
	display: none;
	bottom: 5px;
	right: 5px;
	padding: 2px 10px;
	font: normal 0.550em "Lucida Grande","Lucida Sans Unicode", sans-serif;
	background: #fff;
	color: #2ea2db;
	cursor: pointer;
}
.perbesar-images a {
	color: #2ea2db;
	text-decoration: none;
}
.perkecil-images {
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 2px 10px;
	font: normal 0.550em "Lucida Grande","Lucida Sans Unicode", sans-serif;
	background: #fff;
	color: #2ea2db;
	cursor: pointer;
	display: none;
	z-index: 3;
}
.perkecil-images a {
	color: #2ea2db;
	text-decoration: none;
}
.social-shared {
	margin-top: 0;
	padding-top: 18px;
	background: #fff;
	height: 0px;
	width: 82px;
	float: right;
	overflow: hidden;
	float: left;
	position: absolute;
	z-index: 1;
	right: 0;
	border: 1px solid #ccc;
}
.append-social-shared {
	display: none;
}
.appendSocial {
	display: block;
}
.social-shared-alt2 {
	margin-top: 0;
	padding-top: 18px;
	background: #fff;
	height: 0px;
	width: 82px;
	float: right;
	overflow: hidden;
	float: left;
	position: absolute;
	z-index: 1;
	right: 0;
	border: 1px solid #ccc;
}
.social-shared-up {
	padding-top: 18px;
	margin-top: -18px;
	background: #fff url(http://assets.kompas.com/data/2013/news/images/artikel/shared-icon-up.gif) right top no-repeat;
	height: 0px;
	width: 80px;
	float: right;
	overflow: hidden;
	cursor: pointer;
	z-index: 5;
	display: none;
}
.social-shared-down {
	padding-top: 18px;
	margin-top: -18px;
	background: #fff url(http://assets.kompas.com/data/2013/news/images/artikel/shared-icon.gif) right top no-repeat;
	height: 0px;
	width: 80px;
	float: right;
	overflow: hidden;
	cursor: pointer;
	z-index: 5;
}
/* ============================================ s : komentar =========================================== */
.button {
	cursor: pointer;
	display: inline;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), color-stop(25%, #999999), to(#cccccc));
	background-image: -webkit-linear-gradient(#999999, #999999 25%, #cccccc);
	background-image: -moz-linear-gradient(top, #999999, #999999 25%, #cccccc);
	background-image: -ms-linear-gradient(#999999, #999999 25%, #cccccc);
	background-image: -o-linear-gradient(#999999, #999999 25%, #cccccc);
	background-image: linear-gradient(#999999, #999999 25%, #cccccc);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc', GradientType=0);
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-left: 1px dotted #a1a1a1;
	border-bottom: none;
	border-right: none;
	border-top: none;
	height: 25px;
	float: right;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button:hover {
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(40%, #f8f8f8), color-stop(100%, #e9e9e9));
	background: -webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0 );
	outline: none;
}
.button:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #412410;
}
.button-syarat {
	cursor: pointer;
	display: inline;
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/syarat.gif) center center no-repeat;
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-right: 1px dotted #a1a1a1;
	border-bottom: none;
	border-left: none;
	border-top: none;
	height: 25px;
	float: left;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-syarat:hover {
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/syarat.gif) center center no-repeat;
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
	outline: none;
}
.button-syarat:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #412410;
}
.button-syarat-sub {
	cursor: pointer;
	display: inline;
	background: url(http://assets.kompas.com/data/2013/news/images/syarat.gif) center center no-repeat;
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-right: 1px dotted #a1a1a1;
	border-bottom: none;
	border-left: none;
	border-top: none;
	height: 25px;
	float: left;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-syarat-sub:hover {
	background: url(http://assets.kompas.com/data/2013/news/images/syarat.gif) center center no-repeat;
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
	outline: none;
}
.button-syarat-sub:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #412410;
}
.button-end {
	cursor: pointer;
	display: inline-block;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), color-stop(25%, #999999), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#999999, #999999 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #999999, #999999 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#999999, #999999 25%, #e6e6e6);
	background-image: -o-linear-gradient(#999999, #999999 25%, #e6e6e6);
	background-image: linear-gradient(#999999, #999999 25%, #e6e6e6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#e6e6e6', GradientType=0);
	padding: 5px 14px 6px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border: 1px dotted #ccc;
	border-bottom-color: #bbb;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
	margin-left: 5px;
	border-radius: 3px;
}
.button-end:hover {
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(40%, #f8f8f8), color-stop(100%, #e9e9e9));
	background: -webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0 );
	box-shadow: 0 1px 3px #ddd;
	border: 1px dotted #aaa;
}
.button-end:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #412410;
}
.button-submit {
	cursor: pointer;
	display: inline;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), color-stop(25%, #cccccc), to(#999));
	background-image: -webkit-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -moz-linear-gradient(top, #cccccc, #cccccc 25%, #999);
	background-image: -ms-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -o-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: linear-gradient(#cccccc, #cccccc 25%, #999);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999', GradientType=0);
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #000;
	font-size: 13px;
	line-height: normal;
	border-left: 1px dotted #a1a1a1;
	border-bottom: none;
	border-right: none;
	border-top: none;
	height: 25px;
	float: right;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-submit:hover {
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
}
.button-submit:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #412410;
}
.button-overlay {
	cursor: pointer;
	display: inline;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), color-stop(25%, #cccccc), to(#999));
	background-image: -webkit-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -moz-linear-gradient(top, #cccccc, #cccccc 25%, #999);
	background-image: -ms-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: -o-linear-gradient(#cccccc, #cccccc 25%, #999);
	background-image: linear-gradient(#cccccc, #cccccc 25%, #999);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999', GradientType=0);
	padding: 3px 14px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: normal;
	border-left: 1px solid #a1a1a1;
	border-bottom: none;
	border-right: none;
	border-top: none;
	height: 25px;
	float: right;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear background-image;
	-moz-transition: 0.1s linear background-image;
	-ms-transition: 0.1s linear background-image;
	-o-transition: 0.1s linear background-image;
	transition: 0.1s linear background-image;
	overflow: visible;
}
.button-overlay:hover {
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.3);
}
.button-overlay:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #412410;
}
.button-login {
	color: #fff;
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 15px;
	_padding: 5px 5px;
	font: normal 14px 'MyriadPro-Regular', "Lucida Grande","Lucida Sans Unicode", sans-serif;
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
	margin: 10px 0;
}
.button-login:hover {
	background: #0064cd;
}
.button-login:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #ccc;
}
.button-register {
	color: #fff;
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 15px;
	font: normal 14px 'MyriadPro-Regular', "Lucida Grande","Lucida Sans Unicode", sans-serif;
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}
.button-register:hover {
	background: #57a957;
}
.button-register:active {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3), inset 0px 0px 0px #000;
}
.ligthbox-container {
	display: none;
	content: " ";
	height: 100%;
	width: 100%;
	position: fixed;
	_position: relative;
	left: 0;
	top: 0;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.9)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1 );
	z-index: 999;
}
.slide-container {
	display: none;
	content: " ";
	height: 190px;
	width: 100%;
	position: relative;
	left: 0;
}
.slide-container-sub {
	display: none;
	content: " ";
	height: auto;
	width: 100%;
	position: relative;
	left: 0;
}
.slide-container-syarat-sub {
	display: none;
	content: " ";
	height: auto;
	width: 100%;
	position: relative;
	left: 0;
}
.bottom-container {
	display: none;
	content: " ";
	height: 100%;
	width: 100%;
	position: relative;
}
.window-container {
	display: block;
	background: #fcfcfc;
	margin: 8em auto;
	width: 98%;
	padding: 0px;
	text-align: left;
	z-index: 3;
	border-radius: 5px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
	opacity: 0;
	position: relative;
	overflow: hidden;
}
.zoomin {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.zoomout {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.window-container-visible {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.window-container h3 {
	margin: 1em 0 0.5em;
	font-family: "Oleo Script";
	font-weight: normal;
	font-size: 25px;
	text-align: center;
}
.close {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	background: #000 url(http://assets.kompas.com/data/2013/news/images/bg-pagination.gif) repeat-x;
	border: 1px dotted #aaa;
	padding: 5px 14px;
	color: #fff;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	border-radius: 3px;
	box-shadow: 0 1px 3px #999;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	cursor: pointer;
}
.close:hover {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.close:active {
	background: #f4f4f4;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(40%, #efefef), color-stop(100%, #dcdcdc));
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc', GradientType=0 );
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.close-submit {
	display: block;
	color: #ff9600;
	font-family: "Lucida Grande","Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	border-radius: 3px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	cursor: pointer;
	margin-left: 5px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: none;
	border: none;
	padding: 0 0 0 15px;
}
.close-submit:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.close-submit:active {
}
.close-submit-sub {
	display: block;
	color: #ff9600;
	font-family: "Lucida Grande","Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	border-radius: 3px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	cursor: pointer;
	margin-left: 5px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: none;
	border: none;
	padding: 0 0 0 15px;
}
.close-submit-sub:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.header-lightbox {
	background: #fafafa;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #f4f4f4 40%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(40%, #f4f4f4), color-stop(100%, #dddddd));
	background: -webkit-linear-gradient(top, #f1f1f1 0%, #f4f4f4 40%, #dddddd 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5', GradientType=0 );
	height: 20px;
	padding: 10px;
	font: normal 16px 'MyriadPro-Bold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #666;
	text-transform: uppercase;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
}
.login-box {
	width: 40%;
	margin: 0px 0;
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(40%, #f4f4f4), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5', GradientType=0 );
	boder: 1px dotted #ccc;
	box-shadow: 0 1px 1px #333;
	float: left;
	color: #666;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	padding: 10px;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	height: 230px;
	position: relative;
}
.login-box-submit {
	width: 310px;
	margin: 0px 0;
	background: #eee;
	boder: 1px dotted #ccc;
	float: left;
	color: #000;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	padding: 20px;
	height: auto;
	position: relative;
}
.login-box-submit h1 {
	font: normal 11px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.login-box-submit-sub {
	width: 595px;
	margin: 0px 0;
	background: #464646;
	boder: 1px dotted #ccc;
	float: left;
	color: #fff;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	padding: 20px;
	height: auto;
	position: relative;
	background: #333;
}
.login-box-submit-sub h1 {
	font: normal 11px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.login-box-right {
	width: 300px;
	margin: 0px 0;
	background: #f5f5f5;
	boder: 1px dotted #ccc;
	box-shadow: 0 1px 1px #333;
	float: left;
	color: #666;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	padding: 10px;
	height: 230px;
	position: relative;
}
.login-box-right-submit {
	width: 300px;
	margin: 0px 0;
	background: #727272;
	boder: 1px dotted #ccc;
	float: left;
	color: #fff;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	padding: 10px;
	height: 190px;
	position: relative;
}
.has-js .label_check, .has-js .label_check {
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/check-off.gif) left center no-repeat;
	cursor: pointer;
	color: #666;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
}
.has-js label.c_on {
	background: url(http://assets.kompas.com/data/2013/news/images/artikel/check-on.gif) left center no-repeat;
	cursor: pointer;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	color: #333
}
.has-js .label_check input, .has-js .label_radio input {
	position: relative;
	left: -9999px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
}
/* sub comentar */
.has-js-sub .label_check-sub, .has-js-sub .label_check-sub {
	background: url(http://assets.kompas.com/data/2013/news/images/check-off.png) left center no-repeat;
	cursor: pointer;
	color: #666;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
}
.has-js-sub label.c_on-sub {
	background: url(http://assets.kompas.com/data/2013/news/images/check-on.png) left center no-repeat;
	cursor: pointer;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	color: #333
}
.has-js-sub .label_check-sub input {
	position: relative;
	left: -9999px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
}
.login-box a {
	color: #ff9600;
}
.login-box a:hover {
	color: #ff9600;
}
.login-box h1 {
	font: normal 14px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #444;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.login-box-input {
	width: 40%;
	padding: 20px;
	float: left;
}
.input-login {
	border: 0px dotted #A5C2C8;
	padding: 5px 10px;
	margin: 0 0 15px 0;
	width: 100%;
	height: 30px;
	font: normal 16px/14px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	float: left;
	resize: none;
	color: #666;
	background: #eee;
	border-radius: 5px;
	border: 0;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
/******************* Form komentar **************************/
.label {
	padding: 5px;
	font: normal 10px Arial, sans-serif;
	position: absolute;
	top: 0;
	left: 0;
}
.form-komentar {
	padding: 10px 0px 0px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin: 50px 0 0px;
	position: relative;
	border-top: 2px solid #000;
}
.form-komentar-br {
	border-bottom: 1px dotted #cbcbcb;
	height: 1;
	width: 100%
}
.form-komentar p {
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	display: block;
}
.form-komentar-count {
	display: none;
	width: 100px;
	margin: 0 8px;
	font: normal 13px/22px "Lucida Grande","Lucida Sans Unicode";
	text-align: left;
	color: #ccc;
	float: left;
}
.form-komentar label {
	font: normal 12px/12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #ccc;
	padding: 0 0 0 5px;
}
.form-komentar .w {
	float: left;
	clear: both;
	font: bold 0.8em Helvetica, Arial, sans-serif;
	overflow: hidden;
	margin-top: 3px;
	width: 100%;
}
.form-komentar .w span {
	padding: 0 0 5px;
	float: left;
}
.form-komentar .input {
	display: none;
}
.form-komentar .input-show {
	border: 1px solid #999;
	border-bottom: none;
	margin: 0 0 0px 0;
	width: 95.2%;
	height: 10px;
	font: normal 14px/22px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	resize: none;
	color: #666;
	background: #fbf4e9;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
.form-komentar .input-show-after {
	border: 1px solid #999;
	border-bottom: none;
	margin: 0 0 0px 0;
	width: 95.2%;
	height: 10px;
	font: normal 14px/22px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	resize: none;
	color: #666;
	background: #fbf4e9;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
.form-komentar .input-after {
	display: none;
}
.form-komentar .w label {
	padding: 0;
	width: 10px;
}
.form-komentar-photo {
	display: none;
}
.form-komentar-photo-show {
	width: 25px;
	height: 25px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
}
.form-komentar-photo img {
	width: 25px;
	height: auto;
	overflow: hidden;
}
.form-komentar-arrow {
	width: 15px;
	height: 40px;
	background: url(http://assets.kompas.com/data/2013/news/images/arrow-comment.png) right top no-repeat;
	float: left;
}
.submit-komentar {
	height: 30px;
	float: left;
	border: none;
	font: normal 13px/12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #000;
	margin: 0 5px;
	padding: 0px 15px;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%, #d6d6d6 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6', GradientType=0 ); /* IE6-9 */
}
.submit-area {
	height: 25px;
	overflow: hidden;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(25%, #f0f0f0), to(#c5c5c5));
	background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -ms-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c5c5c5', GradientType=0);
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border: 1px solid #999;
	width: 99.2%;
	display: none;
}
.submit-area-show {
	height: 25px;
	overflow: hidden;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(25%, #f0f0f0), to(#c5c5c5));
	background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -ms-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c5c5c5', GradientType=0);
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border: 1px solid #999;
	width: 99.2%;
}
.syarat-komentar {
	font: normal 12px/12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #000;
	padding: 5px;
	background: #fff;
	text-align: center;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.defaultText {
	padding: 2%;
}
.defaultTextActive {

	color: #ccc;
	font-style: italic;
	padding: 2%;
}
.found-search {
	font: normal 14px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #fff;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #464646;
	width: 780px;
}
/******************* Form komentar sub **************************/
.label {
	padding: 5px;
	font: normal 10px Arial, sans-serif;
	position: absolute;
	top: 0;
	left: 0;
}
.form-komentar-sub {
	padding: 10px 0px;
	width: 635px;
	overflow: hidden;
	background: #464646;
	margin: 0px 0 0 75px;
	position: relative;
}
.form-komentar-br {
	border-bottom: 1px dotted #cbcbcb;
	height: 1;
	width: 100%
}
.form-komentar-sub p {
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	display: block;
}
.form-komentar-count-show {
	width: 100px;
	margin: 0 8px;
	font: normal 13px/22px "Lucida Grande","Lucida Sans Unicode";
	text-align: left;
	color: #ccc;
	float: left;
}
.form-komentar-count a {
	font: normal 16px/24px 'OpenSansRegular', arial;
	color: #000;
	text-decoration: none;
}
.form-komentar-count-show {
	width: 90px;
	margin: 0 8px;
	font: normal 10px/22px "Lucida Grande","Lucida Sans Unicode";
	text-align: left;
	color: #ccc;
	float: left;
}
.form-komentar-count-show a {
	font: normal 10px/22px "Lucida Grande","Lucida Sans Unicode";
	color: #000;
	text-decoration: none;
}
.form-komentar-sub label {
	font: normal 12px/12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #ccc;
	padding: 0 0 0 5px;
}
.form-komentar-sub .w {
	float: left;
	clear: both;
	font: bold 0.8em Helvetica, Arial, sans-serif;
	color: #333;
	overflow: hidden;
	margin-top: 3px;
}
.form-komentar-sub .w span {
	padding: 0 0 5px;
	float: left;
}
.form-komentar-sub .input {
	border: 0px dotted #A5C2C8;
	padding: 8px 10px;
	margin: 0 0 0px 0;
	width: 710px;
	height: 10px;
	font: normal 14px/22px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	resize: none;
	color: #666;
	background: #e5e5e5;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 0;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
}
.form-komentar-comcou {
	font: normal 1em/1em 'OpenSansRegular', arial;
	margin-bottom: 10px;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.form-komentar-comcou-show {
	border-bottom: 0px dotted #7e7e7e;
	float: right;
	font: normal 12px/24px 'OpenSansRegular', arial;
	margin-bottom: 10px;
}
.form-komentar-comcou-hide {
	display: none;
}
.form-komentar-link {
	font: normal 1em/1em 'OpenSansRegular', arial;
	margin-bottom: 10px;
	padding: 0px 0 10px;
	text-align: center;
	width: 100%;
}
.form-komentar-link a {
	font: normal 1em/1em 'OpenSansBold', arial;
	color: #000;
	text-decoration: none;
}
.form-komentar-sub .input-after-sub {
	border: 0px dotted #A5C2C8;
	padding: 8px 10px;
	margin: 0 0 0px 0;
	width: 635px;
	height: 10px;
	font: normal 14px/22px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	resize: none;
	color: #666;
	background: #e5e5e5;
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 0;
	text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
	box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	outline: none;
	position: relative;
	clear: both;
}
.form-komentar-sub .w label {
	padding: 0;
}
.form-komentar-photo {
	width: 25px;
	height: 25px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
}
.form-komentar-photo img {
	width: 25px;
	height: auto;
	overflow: hidden;
}
.form-komentar-arrow {
	width: 15px;
	height: 40px;
	background: url(http://assets.kompas.com/data/2013/news/images/arrow-comment.png) right top no-repeat;
	float: left;
}
.submit-komentar-sub {
	height: 30px;
	float: left;
	border: none;
	font: normal 13px/12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #000;
	margin: 0 5px;
	padding: 0px 15px;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%, #d6d6d6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%, #d6d6d6 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6', GradientType=0 ); /* IE6-9 */
}
.submit-area-sub {
	width: 635px;
	height: 25px;
	overflow: hidden;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(25%, #f0f0f0), to(#c5c5c5));
	background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -ms-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
	background-image: linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c5c5c5', GradientType=0);
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-top: 1px dotted #a1a1a1;
}
.syarat-komentar {
	font: normal 12px/12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #000;
	padding: 5px;
	background: #fff;
	text-align: center;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.m_tool_01 {
	padding: 5px 0 5px 0;
	border-bottom: dotted 1px #cbcbcb;
	cursor: pointer;
}
.m_tool_01 a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
}
.m_tool_01 a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;
}
.m_tool_01 a:active {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
}
/***************** old comment **********************************/
.cangkang_master2011 {
	width: 996px;
	background: #999999;
	border: dotted 2px #dcd9d9
}
.cangkang_konten002 {
	background-color: #999999;
	padding: 10px 10px 10px 10px;
}
.content_kiri_detail {
	width: 655px;
	float: left;
	padding-left: 0px;
	padding-top: 5px;
}
.content_kanan {
	width: 300px;
	float: right;
}
/* CSS komentar for all */
.c_left {
	float: left;
}
.c_right {
	float: right;
}
.c_clearit {
	clear: both;
}
.n_clearit {
	clear: both;
}
.c_font10 {
	font-size: 10px;
}
.c_font11 {
	font-size: 11px;
}
.c_font12 {
	font-size: 12px;
}
.c_font14 {
	font-size: 14px;
}
.c_font16 {
	font-size: 16px;
}
.c_pd_5 {
	padding: 5px 5px 5px 0;
}
.c_pr_3 {
	padding-right: 3px;
}
.c_pr_15 {
	padding-right: 15px;
}
.c_pb_5 {
	padding-bottom: 5px;
}
.c_pb_10 {
	padding-bottom: 10px;
}
.c_pb_15 {
	padding-bottom: 15px;
}
.c_pb_20 {
	padding-bottom: 20px;
}
.c_pr_5 {
	padding-right: 5px;
}
.c_pr_10 {
	padding-right: 10px;
}
.c_pt_3 {
	padding-top: 3px;
}
.c_pt_5 {
	padding-top: 5px;
}
.c_pt_10 {
	padding-top: 10px;
}
.c_pt_20 {
	padding-top: 20px;
}
.c_pt_30 {
	padding-top: 30px;
}
.c_pl_80 {
	padding-left: 35px;
}
.c_lh18 {
	line-height: 18px;
	min-height: 30px;
}
.c_lh22 {
	line-height: 22px;
}
.c_w150 {
	width: 150px;
}
.c_w250 {
	width: 250px;
}
.c_w300 {
	width: 300px;
}
.c_w350 {
	width: 350px;
}
.c_w425 {
	width: 425px;
}
.c_w395 {
	width: 395px;
}
.c_w515 {
	width: 515px;
}
.c_h100 {
	height: 100px;
}
.c_h300 {
	min-height: 300px;
}
.border_kanan {
	border-right: 1px dotted #cbcbcb;
}
.bl_kom {
	border-bottom: 1px dotted #cbcbcb;
}
.bt_kom {
	border-top: 1px dotted #cbcbcb;
}
.c_mb_10 {
	margin-bottom: 10px;
}
.c_mb_15 {
	margin-bottom: 15px;
}
.c_mr_15 {
	margin-right: 15px;
}
.c_abu01_komen {
	color: #fff;
}
.c_abu01_komen a {
	text-decoration: none;
	color: #666;
}
.c_abu01_komen a:hover {
	text-decoration: underline;
}
.c_abu02_komen {
	color: #666;
	float: left;
}
.c_abu02_komen a {
	text-decoration: none;
	color: #808080;
}
.c_abu02_komen a:hover {
	text-decoration: underline;
}
.c_abu03_komen {
	color: #000;
}
.c_abu03_komen a {
	text-decoration: none;
	color: #fff;
}
.c_abu03_komen a:hover {
	text-decoration: underline;
}
.c_abu03_komen {
	color: #000;
}
.c_abu03_komen a {
	text-decoration: none;
	color: #fff;
}
.c_abu03_komen a:hover {
	text-decoration: underline;
}
.c_biru01_komen {
	color: #ccc;
	float: left;
	padding-right: 10px;
}
.c_biru01_komen a {
	text-decoration: none;
	color: #006699;
	font-weight: bold;
}
.c_biru01_komen a:hover {
	text-decoration: underline;
}
.c_oranye01_komen {
	color: #fff;
}
.c_oranye01_komen a {
	text-decoration: none;
	color: #f57b1f;
}
.c_oranye01_komen a:hover {
	text-decoration: underline;
}
.c_merah01_komen {
	color: #fff;
}
.c_merah01_komen a {
	text-decoration: none;
	color: #666;
}
.c_merah01_komen a:hover {
	text-decoration: underline;
}
.page_komen a {
	font: bold 12px arial;
	color: #999;
	text-decoration: none;
	padding: 3px;
	display: inline;
}
.page_komen a:hover {
	color: #999;
	text-decoration: underline;
}
.page_komen a.aktif {
	color: #f66000;
	text-decoration: none;
}
.btn_tanggapi_komen a {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_tanggapi_komen.gif) 0px -42px;
	height: 20px;
	width: 70px;
	display: block;
}
.btn_tanggapi_komen a:hover {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_tanggapi_komen.gif) 0px 20px;
}
.btn_lapor_komen a {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_laporkan_komen.gif) 0px 0px;
	height: 20px;
	width: 71px;
	display: block;
}
.btn_lapor_komen a:hover {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_laporkan_komen.gif) 0px -21px;
}
.list_komen_nw ul {
	list-style: none;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
.list_komen_nw li.main {
	padding: 12px 0px;
	border-bottom: dotted 1px #cbcbcb;
}
.list_komen_nw li:last-child {
        padding: 12px 0px;
        border-bottom: dotted 0px #cbcbcb;
    }
.list_komen_nw li.sub {
	padding: 12px 0px 13px 0px;
	margin-left: 35px;
	border-top: dotted 1px #cbcbcb;
}
.user_komen img {
	width: 25px;
	height: 25px;
	border: 0px;
}
.komen_list_1 {
	padding: 5px 0px 5px 5px;
}
.w_isikomen_main {
	width: 89%;
	overflow: auto;
}
.w_isikomen_sub {
	width: 87%;
}
/* s : revisi 16 april */
.w_tool_komen {
	width: auto;
	margin-right: 0px;
	float: left;
	margin-left: 35px;
	height:25px;
	overflow:hidden;
}
/* e : revisi 16 april */
.w_tool_komen-sub {
	width: auto;
	margin-right: 0px;
}
.m_tool_02 {
	padding: 5px 0 5px 0;
}
.m_tool_02 a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: none;
}
.m_tool_02 a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: underline;
}
.see_all_komen {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
}
.see_all_komen a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.see_all_komen a:hover {
	text-decoration: underline;
}
.btn_komenlanjut a {
	background-color: #f2f7fa;
	padding: 1px;
	border: dotted 1px #a1bacc;
	width: 300px;
	height: 60px;
	padding: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
	text-decoration: none;
}
.btn_komenlanjut a:hover {
	text-decoration: underline;
}
.btn_jempol_up a {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_jempol_up.gif) 0px -39px;
	height: 19px;
	width: 18px;
	display: block;
}
.btn_jempol_up a:hover {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_jempol_up.gif) 0px 19px;
}
.btn_jempol_down a {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_jempol_down.gif) 0px -39px;
	height: 19px;
	width: 18px;
	display: block;
}
.btn_jempol_down a:hover {
	background: url(http://assets.kompas.com/data/2013/news/images/btn_jempol_down.gif) 0px 19px;
}
.form_komen {
	margin: 0px;
	padding: 0px;
}
/* ============================================ e : komentar =========================================== */
.contentRightKompascom {
	display: none;
}
.contentRightKompascom-alt2 {
	display: none;
}
/* E : ARTIKEL DETAIL ========================================================================================================== */
/* secondary banner artikel */
.bannerRA {
	width: 300px;
	height: 250px;
	float: left;
	margin-top: 20px;
	display: none;
}
.bannerR2A {
	width: 300px;
	height: 250px;
	float: left;
	margin-top: 0px;
	margin-left: 3%;
	display: none;
}
.bannerR3A {
	width: 300px;
	height: 250px;
	float: right;
	margin-top: 20px;
	display: none;
}
.aktivitasA {
	width: 300px;
	height: 250px;
	background: #ccc;
	float: left;
	margin-top: 20px;
	margin-left: 4%;
	display: none;
}
.terbaruTerkomentari-artikelA {
	width: 100%;
	height: 400px;
	background: #fff;
	margin: 20px 0 0 0px;
	float: left;
	overflow: hidden;
}
.imgterbaruTerkomentariA {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.imgterbaruTerkomentariA img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.listTerbarkom-artikelA {
	border-bottom: dotted 0px #dadada;
	padding: 9px 0;
}
.titleTerbakom-artikelA {
	float: left;
	padding-left: 10px;
	height: 34px;
	overflow: hidden;
	width: 80%;
}
.titleTerbakom-artikelA a {
	font: normal 0.75em/16px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
}
.titleTerbakom-artikelA a:hover {
	text-decoration: underline;
}
.KatTitle-artikelA {
	font: normal 0.625em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #ff9900;
	padding-left: 10px;
	float: left;
	width: 70%;
	display: block;
}
.tabTerbaruA {
	padding: 0 10px;
}
.tabTerkomentariA {
	padding: 0 10px;
}
/* secondary banner artikel */
.banner-middle {
	width: 100%;
	height: 60px;
	margin: 10px 0;
	background: #ccc;
	font-size: 10px;
}
.topikPilihanA {
	display:none;
}
.topikPilihanA h1 {
	font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
	border-bottom: solid 2px #000;
	color: #000;
	margin: 10px 0;
	padding: 5px 0;
}
.noTopilA {
	font: normal 1.25em 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #fec287;
	display: table-cell;
	vertical-align: middle;
	float: left;
}
.titleTopilA {
	width: 75%;
	height: 48px;
	overflow: hidden;
	float: left;
	margin-left: 3%;
}
.titleTopilA a {
	font: normal 1em/1.5em 'OpenSansRegular', Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	padding: 0px 0 4px 0px;
	width: 170px;
	height: 32px;
	overflow: hidden;
}
.titleTopilA a:hover {
	text-decoration: underline;
}
.listTopikPilihanA {
	width: 100%;
	padding: 10px 0;
	float: left;
	margin-right: 3%;
}
.imgTopikPilhanA {
	float: left;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin-bottom: 10px;
}
.imgTopikPilhanA img {
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.listTopikPilihanA:last-child {
	margin-right: 0;
}
.w_Date {
	display:none;	
}

/* Personalisasi Silver */
.mykompasIndex-silver {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
	background: #e0dfdb;
}
.personalName-silver {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-silver {
	margin-bottom:10px;	
}
.personalName-silver h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-silver h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-silver h1 a:hover {
	text-decoration:underline;
}
.personalImg-silver {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-silver img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-silver {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #8e8e8b;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid #c9c8c5;
	padding: 2px 10px 0 0;
}

.personalPoin-silver span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #4c4c4a;
	margin:0 5px;
}
.personalPoin-silver span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-silver {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-silver a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-silver {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid #c9c8c5;
	padding: 2px 15px;
	width: 41px;
}
.messages-silver h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #4c4c4a;
	margin: 0px 0 0 0;
	float: left;
}

.messages-silver h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e6420c;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}
.messagesIcon {
		background:url(http://assets.kompas.com/data/2013/news/images/mailicon.png) no-repeat;
		width:20px;
		height:14px;
		position: relative;
	
		float: left;
		margin-top: 3px;
		margin-left: 5px;
}
/* S : =================================== SUGGESTED ========================================= */
    .suggested-silver {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-silver {
        border-top: solid 1px #c9c8c5;
    
}
    .suggestedIn-silver h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: #4c4c4a;
        background: #e0dfdb;
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
}
	.suggestedIn-silver li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed #c9c8c5;
        padding-bottom: 5px;
}
	.suggestedIn-silver li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #666;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-silver li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi Silver */

/* Personalisasi white */
.mykompasIndex-white {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
}
.personalName-white {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-white {
	margin-bottom:10px;	
}
.personalName-white h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-white h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-white h1 a:hover {
	text-decoration:underline;
}
.personalImg-white {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-white img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-white {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #8e8e8b;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid #c9c8c5;
	padding: 2px 10px 0 0;
}

.personalPoin-white span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #4c4c4a;
	margin:0 5px;
}
.personalPoin-white span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-white {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-white a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-white {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid #c9c8c5;
	padding: 2px 15px;
	width: 41px;
}
.messages-white h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #4c4c4a;
	margin: 0px 0 0 0;
	float: left;
}

.messages-white h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e6420c;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}

/* S : =================================== SUGGESTED ========================================= */
    .suggested-white {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-white {
        border-top: solid 1px #c9c8c5;
    
}
    .suggestedIn-white h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: #4c4c4a;
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
        background: #fff;
}
	.suggestedIn-white li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed #c9c8c5;
        padding-bottom: 5px;
}
	.suggestedIn-white li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #666;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-white li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi White */

/* Personalisasi Orange */
.mykompasIndex-orange {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
	background: rgb(241, 144, 5);
}
.personalName-orange {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-orange {
	margin-bottom:10px;	
}
.personalName-orange h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-orange h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-orange h1 a:hover {
	text-decoration:underline;
}
.personalImg-orange {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-orange img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-orange {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #f8f8f8;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid rgb(191, 113, 1);
	padding: 2px 10px 0 0;
}

.personalPoin-orange span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #ffffff;
	margin:0 5px;
}
.personalPoin-orange span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-orange {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-orange a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-orange {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid rgb(191, 113, 1);
	padding: 2px 15px;
	width: 41px;
}
.messages-orange h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 0 0 0;
	float: left;
}

.messages-orange h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e6420c;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}

/* S : =================================== SUGGESTED ========================================= */
    .suggested-orange {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-orange {
        border-top: solid 1px rgb(191, 113, 1);
    
}
    .suggestedIn-orange h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
        background: rgb(241, 144, 5);
}
	.suggestedIn-orange li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed rgb(191, 113, 1);
        padding-bottom: 5px;
}
	.suggestedIn-orange li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-orange li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi Orange */

/* Personalisasi Blue Sea */
.mykompasIndex-blueSea {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
	background: rgb(112, 198, 215);
}
.personalName-blueSea {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-blueSea {
	margin-bottom:10px;	
}
.personalName-blueSea h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-blueSea h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-blueSea h1 a:hover {
	text-decoration:underline;
}
.personalImg-blueSea {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-blueSea img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-blueSea {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #f8f8f8;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid rgb(3, 157, 187);
	padding: 2px 10px 0 0;
}

.personalPoin-blueSea span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #ffffff;
	margin:0 5px;
}
.personalPoin-blueSea span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-blueSea {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-blueSea a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-blueSea {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid rgb(3, 157, 187);
	padding: 2px 15px;
	width: 41px;
}
.messages-blueSea h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 0 0 0;
	float: left;
}

.messages-blueSea h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e6420c;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}

/* S : =================================== SUGGESTED ========================================= */
    .suggested-blueSea {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-blueSea {
        border-top: solid 1px rgb(3, 157, 187);
    
}
    .suggestedIn-blueSea h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
        background: rgb(112, 198, 215);
}
	.suggestedIn-blueSea li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed rgb(3, 157, 187);
        padding-bottom: 5px;
}
	.suggestedIn-blueSea li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-blueSea li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi Blue Sea */

/* Personalisasi Blue */
.mykompasIndex-blue {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
	background: rgb(55, 166, 222);
}
.personalName-blue {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-blue {
	margin-bottom:10px;	
}
.personalName-blue h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-blue h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-blue h1 a:hover {
	text-decoration:underline;
}
.personalImg-blue {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-blue img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-blue {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #f8f8f8;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid rgb(192, 239, 248);
	padding: 2px 10px 0 0;
}

.personalPoin-blue span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: rgb(192, 239, 248);
	margin:0 5px;
}
.personalPoin-blueSea span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-blue {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-blue a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-blue {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid rgb(192, 239, 248);
	padding: 2px 15px;
	width: 41px;
}
.messages-blue h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: rgb(192, 239, 248);
	margin: 0px 0 0 0;
	float: left;
}

.messages-blue h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e6420c;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}

/* S : =================================== SUGGESTED ========================================= */
    .suggested-blue {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-blue {
        border-top: solid 1px rgb(192, 239, 248);
    
}
    .suggestedIn-blue h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(192, 239, 248);
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
        background: rgb(55, 166, 222);
}
	.suggestedIn-blue li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed rgb(192, 239, 248);
        padding-bottom: 5px;
}
	.suggestedIn-blue li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-blue li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi Blue */

/* Personalisasi Green */
.mykompasIndex-green {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
	background: rgb(27, 182, 116);
}
.personalName-green {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-green {
	margin-bottom:10px;	
}
.personalName-green h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-green h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-green h1 a:hover {
	text-decoration:underline;
}
.personalImg-green {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-green img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-green {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #f8f8f8;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid rgb(23, 151, 96);
	padding: 2px 10px 0 0;
}

.personalPoin-green span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: rgb(199, 251, 229);
	margin:0 5px;
}
.personalPoin-green span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-green {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-green a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-green {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid rgb(23, 151, 96);
	padding: 2px 15px;
	width: 41px;
}
.messages-green h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: rgb(199, 251, 229);
	margin: 0px 0 0 0;
	float: left;
}

.messages-green h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e6420c;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}

/* S : =================================== SUGGESTED ========================================= */
    .suggested-green {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-green {
        border-top: solid 1px rgb(23, 151, 96);
    
}
    .suggestedIn-green h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(199, 251, 229);
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
        background: rgb(27, 182, 116);
}
	.suggestedIn-green li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed rgb(23, 151, 96);
        padding-bottom: 5px;
}
	.suggestedIn-green li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-green li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi Green */

/* Personalisasi Green Light */
.mykompasIndex-greenLight {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
	background: rgb(184, 206, 1);
}
.personalName-greenLight {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-greenLight {
	margin-bottom:10px;	
}
.personalName-greenLight h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-greenLight h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-greenLight h1 a:hover {
	text-decoration:underline;
}
.personalImg-greenLight {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-greenLight img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-greenLight {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #f8f8f8;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid rgb(148, 166, 3);
	padding: 2px 10px 0 0;
}

.personalPoin-greenLight span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: rgb(245, 251, 196);
	margin:0 5px;
}
.personalPoin-greenLight span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-greenLight {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-greenLight a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-greenLight {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid rgb(148, 166, 3);
	padding: 2px 15px;
	width: 41px;
}
.messages-greenLight h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: rgb(245, 251, 196);
	margin: 0px 0 0 0;
	float: left;
}

.messages-greenLight h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e6420c;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}

/* S : =================================== SUGGESTED ========================================= */
    .suggested-greenLight {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-greenLight {
        border-top: solid 1px rgb(148, 166, 3);
    
}
    .suggestedIn-greenLight h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(245, 251, 196);
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
        background: rgb(184, 206, 1);
}
	.suggestedIn-greenLight li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed rgb(148, 166, 3);
        padding-bottom: 5px;
}
	.suggestedIn-greenLight li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-greenLight li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi Green light */

/* Personalisasi maroon */
.mykompasIndex-maroon {
	width: 94.5%;
	height: 502px;
	float: left;
	margin-top: 10px;
	border: solid 1px #dedede;
	border-left: none;
	padding: 15px 0 0 20px;
	overflow: hidden;
	background: rgb(231, 79, 29);
}
.personalName-maroon {
	width:75%;
	height:43px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}
.personalAkun-maroon {
	margin-bottom:10px;	
}
.personalName-maroon h1 {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:16px;
	overflow:hidden;
}
.personalName-maroon h1 a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#fff;
	text-decoration:none;
}
.personalName-maroon h1 a:hover {
	text-decoration:underline;
}
.personalImg-maroon {
	width:31px;
	height:31px;
	overflow:hidden;
	float:left;
}
.personalImg-maroon img {
	width:31px;
	height:auto;
	overflow:hidden;
}
.personalPoin-maroon {
	float:left;
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #f8f8f8;
	width: auto;
	height:22px;
	overflow:hidden;
	border-right: 1px solid rgb(170, 58, 21);
	padding: 2px 10px 0 0;
}

.personalPoin-maroon span {
	font:13px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: rgb(252, 231, 224);
	margin:0 5px;
}
.personalPoin-maroon span a {
	font:12px normal 'opensansBold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#aed6ef;	
}
.notification-page-maroon {
	position: relative;
	float: left;
	z-index: 10;
	height:24px;
	padding-top:2px;
	padding-left:15px;
}
.notification-page-maroon a.showNotif {
	display: block;
	background: red;
	padding: 0px 3px;
	font: normal 10px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: -5px;
	left: 15px;
	text-decoration: none;
}
.messages-maroon {
	float:left;
	margin: 0 0px;
	position:relative;
	border-right: 1px solid rgb(170, 58, 21);
	padding: 2px 15px;
	width: 41px;
}
.messages-maroon h2 {
	padding: 0;
	font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: rgb(252, 231, 224);
	margin: 0px 0 0 0;
	float: left;
}

.messages-maroon h6#messageNotif {
	margin: -3px 0 0 0px;
	padding: 0;
	font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
	color: red;
	background: #fff;
	display: inline-block;
	height: 10px;
	width: 10px;
	right: 0;
	border-radius: 10px;
	text-align: center;
	position: absolute;
}

/* S : =================================== SUGGESTED ========================================= */
    .suggested-maroon {
        padding: 20px 0px 20px 0px;
    
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
}
    .suggestedIn-maroon {
        border-top: solid 1px rgb(170, 58, 21);
    
}
    .suggestedIn-maroon h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(252, 231, 224);
        width: 120px;
        display:block;
    
        margin-bottom: 15px;
        background: rgb(231, 79, 29);
}
	.suggestedIn-maroon li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
	
        overflow: hidden;
        border-bottom: 1px dashed rgb(170, 58, 21);
        padding-bottom: 5px;
}
	.suggestedIn-maroon li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
		text-decoration:none;
	
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
}
	.suggestedIn-maroon li a:hover {
		text-decoration:underline;
	}
	
    /* E : =================================== SUGGESTED ========================================= */
/* e : Personalisasi Maroon */

	
	/* tooltip styling */
  #tooltipRegister {
    height:auto;
    overflow:hidden;
    width:auto;
    cursor:pointer;
	color:#000;
  }
 .tooltip {
    display:none;
    height:auto;
    width:0px;
    font-size:11px;
	position:absolute;
	z-index:999;
	overflow:hidden;
  }
  
  /* artikel box */
.artikelSebelumnya {
	display:none;
}
/* e : artikel box */

/* S : About Us */
h1.aboutUs {
	font:normal 30px 'opensansSemibold', lucida;
	color:#000;
	margin:10px 0 10px 0;
	padding-bottom:15px;
	padding-left:0.6%;
}
.aboutNavWrap {
	float:left;
	margin-bottom: 10px;
	width: 100%;
}
.aboutNav {
	width: 100%;
	height:auto;
	overflow:hidden;
	padding: 0;
}
ul.aboutNav {
	list-style:none;
	margin:0;
}
ul.aboutNav li {
	float:left;
	font:normal 14px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#666;
	width: 100%;
}
ul.aboutNav li.titleTabs {
	float:left;
	font:normal 24px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#000;
	padding: 15px 25px 15px 0px;
	border-right:1px solid #e8e8e8;
}
ul.aboutNav li a {
	font:normal 18px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #999;
	text-decoration:none;
	padding: 10px 35px 10px 10px;
	display:block;
	background: #f8f8f8;
	border-bottom: 1px solid #eee;
}
ul.aboutNav li a:hover {
	color:#000;
}
ul.aboutNav li a.current {
	color:#000;
	padding-right: 0px;
	background: #f0f0f0;
	border-bottom: 1px solid #ddd;
}
.aboutContent {
	padding: 0% 0.5%;
	float:left;
	font:normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
}
.aboutContent h1 {
	font: normal 24px 'opensansSemibold', lucida;
	margin:10px 0 20px 0;
	color:#000;
}
.aboutContent h2 {
	font: normal 18px 'opensansSemibold', lucida;
	margin:0 0 5px 0;
	color:#000;
}
.aboutContent p {
	font:normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	padding:0 0 30px 0;
	margin:0;
	color: #666;
}
.aboutContent h4 {
	font:normal 13px/16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	padding:0 0 30px 0;
	margin:0;
	padding-bottom:30px;
	color: #999;
}
.aboutContent a {
	text-decoration:none;
	color:#37a6dc;
}
.aboutContentRight {
	float:right;
	width: 30%;
	margin-top: 1%;
}
.aboutContent ul {
	margin-left:30px;
	font:normal 16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
}

.aboutContent ol {
	margin-left:34px;
	margin-top:0px;
	margin-bottom:30px;
	font:normal 16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#666;
}

.aboutContent input {
	background: #fff;
	padding: 8px;
	border: 1px solid #ebebeb;
	border-bottom-color: #c9c9c9;
	border-right-color: #c9c9c9;
	font-size: 1em;
	color: #272727;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width:90%;
	outline:none;
	color:#999;
}
.aboutContent textarea {
	background: #fff;
	padding: 8px;
	border: 1px solid #ebebeb;
	border-bottom-color: #c9c9c9;
	border-right-color: #c9c9c9;
	font-size: 1em;
	color: #272727;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width:95.5%;
	height:200px;
	outline:none;
	color:#999;
	resize:none;
}
.aboutContent select {
	background: #f8f8f8 url(http://assets.kompas.com/data/2013/news/images/arrowList.gif) right center no-repeat;
	padding: 8px;
	border: 1px solid #ebebeb;
	border-bottom-color: #c9c9c9;
	border-right-color: #c9c9c9;
	font-size: 1em;
	color: #272727;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width:95%;
	outline:none;
	color:#999;
	-webkit-appearance:none;
}
.aboutContentButton {
	padding:5px 15px;
	background:#37a6de;
	border:1px solid #000;
	color:#fff;
}
.aboutContentButton:hover {
	background:#2c85b2;
}
/* about content tabing */
.aboutContentTabs {
    padding: 0% 0.5%;
    width:99%;
    float:left;
    font:normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
}
.aboutContentTabs h1 {
    font: normal 24px 'opensansSemibold', lucida;
    margin:10px 0 20px 0;
    color:#000;
}
.aboutContentTabs h2 {
    font: normal 18px 'opensansSemibold', lucida;
    margin:0 0 5px 0;
    color:#000;
}
.aboutContentTabs p {
    font:normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
    padding:0 0 30px 0;
    margin:0;
    color: #666;
}
.aboutContentTabs h4 {
    font:normal 13px/16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
    padding:0 0 30px 0;
    margin:0;
    padding-bottom:30px;
    color: #999;
}
.aboutContentTabs a {
    text-decoration:none;
    color:#37a6dc;
}

.aboutContentTabs ul {
    margin-left: 0px;
    font:normal 16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
}

.aboutContentTabs ol {
    margin-left:34px;
    margin-top:0px;
    margin-bottom:30px;
    font:normal 16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
    color:#666;
}

.aboutContentTabs input {
    background: #fff;
    padding: 8px;
    border: 1px solid #ebebeb;
    border-bottom-color: #c9c9c9;
    border-right-color: #c9c9c9;
    font-size: 1em;
    color: #272727;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width:90%;
    outline:none;
    color:#999;
}
.aboutContentTabs textarea {
    background: #fff;
    padding: 8px;
    border: 1px solid #ebebeb;
    border-bottom-color: #c9c9c9;
    border-right-color: #c9c9c9;
    font-size: 1em;
    color: #272727;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width:95.5%;
    height:200px;
    outline:none;
    color:#999;
    resize:none;
}
.aboutContentTabs select {
    background: #f8f8f8 url(http://assets.kompas.com/data/2013/news/images/arrowList.gif) right center no-repeat;
    padding: 8px;
    border: 1px solid #ebebeb;
    border-bottom-color: #c9c9c9;
    border-right-color: #c9c9c9;
    font-size: 1em;
    color: #272727;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width:95%;
    outline:none;
    color:#999;
    -webkit-appearance:none;
}
.identityLeft1 {
    width:100%;margin-right: 20px;
}
.identityRight1 {
    width:100%;margin-top:0px;
}

.identityRight1 img {
    margin:0 auto 10px;
}

.identity3Col {
    width:98%;
    float: left;
    padding-right: 2%;
}
.aboutContentTabs h3 {
    font: normal 15px 'opensansSemibold', lucida;
    margin:0 0 5px 0;
    color:#000;
}
/* end about content tabs */

.boxContact {
	width: 85%;
	border:1px solid #f3f3f3;
	padding:15px;
}
.boxContact h4 {
	margin:0 0 5px;
}
.boxContact p {
	margin:0 0 15px;
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
}
.boxContact p a {
	font:normal 13px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#2c85b2;
	text-decoration:none;
}

/* search */
.searchDetail {
	background:#efefef;
	padding:30px 0;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:10px;
}
.searchDetailBox {
	width: 100%;
	margin: 0 0 0px 20px;
}
.searchDetailBox h2 {
	font:normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#37a6dc;
	padding:0;
	margin:0 0 5px 0;
}
.searchDetail input {
	width:70%;
	height:21px;
	float:left;
	border:1px solid #cbcbcb;
	outline:none;
}
.searchDetailButton {
	width:15%;
	padding:2px 1%;
	background:#e6e6e6;
	border:1px solid #cbcbcb;
	border-left:none;
	font:normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color:#000;
	height: 38px;
}
.searchDetailButton:hover {
	background:#ddd;
}
.fontBold {
	font-weight:bold;
}
.imgVideo img {
	float: left;
	width: 100px;
	height: 50px;
	padding-right: 20px;
}
.boxSearchText {
	width: 64%;
	float: left;
}
.boxTextVideo {
	width: 60%;
	float: left;
}
/* info grafis */
.infoGrafis {
	width:auto;
	position:relative;
}
.infoGrafis h1 {
	margin: 15px 0 5px 0;
	font:normal 36px/36px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
  	color:#000;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:20px;
}
.infoGrafisBoxWrapper {
	width:100%;
	float:left;
	margin-bottom:15px;
}
.infoGrafisBox {
	width:97%;
	height:auto;
	float:left;
	-webkit-box-shadow:  5px 6px 0px 1px rgba(229, 229, 229, 1);
    box-shadow:  5px 6px 0px 1px rgba(229, 229, 229, 1);
	border:1px solid #e5e5e5;
	margin-bottom:2%;
	padding-bottom:2%;
}
.infoGrafisBox img {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
}
.infoGrafisBox h1 {
	padding:0 20px;
	margin:0 0 5px 0;
	font:normal 22px/22px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
  	color:#000;
	border-bottom:none;
	overflow:hidden;
}
.infoGrafisBox h1 a {
  	text-decoration:none;
	color:#000;
}
.infoGrafisBox h1 a:hover {
  	text-decoration:underline;
}
.infoGrafisBox h2 {
	padding:0 20px;
	margin:0 0 5px 0;
	font:normal 12px 'opensansRegular', "Lucida Grande","Lucida Sans Unicode", sans-serif;
  	color:#e55827;
}
.infoGrafisBox p {
	padding:0 20px;
	margin:0 0 5px 0;
	font:normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
  	color:#5b5a5a;
}
.ml20 {
	margin-left:2%;
}

.infoGrafisDetail {
	
}
.infoGrafisDetail h1 {
	border-bottom:none;
	padding:0;
	margin:10px 0;
	font-size:28px;
}
.infoGrafisDetail ul {
	list-style: none;
	color: #999;
	margin: 0px 0 10px;
	padding: 0;
	font-size: 12px;
}
.infoGrafisDetail li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #e7e7e7;
}
.infoGrafisDetail li:first-child {
	float: left;
	padding: 0 5px 0 0px;
	border-right: 1px solid #e7e7e7;
}
.infoGrafisKiri {
	width:68.3%;
	float:left;
}
.infoGrafisImg img {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:20px 0 30px 0;
}
.infoGrafisKolomKiri {
	float:left;
}
.infoGrafisKolomKiri p {
	font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
	color: #333;
	padding: 0px 0 30px;
	margin: 0;
}
.infoGrafisKolomKanan {
	display:none;
}
.titleInfoGrafis {
	font:normal 24px 'opensansBold', lucida;
	color:#000;
	padding-bottom:8px;
	border-bottom:3px solid #e84f1d;
}
/* noImgBox */
.noImgBox {
    padding: 35px 15px;
	width: auto;
	
    height: 94px;
	border: 1px solid #d8d8d8;
}
.noImgBox h1 {
    font: normal 24px/30px 'opensansSemibold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
    margin: 0 0 8px 0;
    max-height: 57px;
    overflow: hidden;
}
.noImgBox h1 a {
    font: normal 18px/20px 'opensansSemibold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
    text-decoration: none;
    color: #000;
}
.noImgBox h1 a:hover {
    text-decoration: underline;
}
.noImgBox p {
    font: normal 12px/15px 'opensansSemibold',"Lucida Grande","Lucida Sans Unicode", sans-serif;
	margin: 0 0 5px 0;
	
    height: 45px;
	overflow: hidden;
}

/* sitemap */
.sitemap {
	margin:20px;
}
.sitemap ul {
 font:normal 14px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
 color:#666;
 margin-left:20px;
 list-style:none;
}
.sitemap ul li a {
	text-decoration:none;
	color:#000;
	list-style:none;
}
.sitemap ul li ul a {
	text-decoration:none;
	color:#999;
}
.sitemap ul li a:hover {
	color:#000;
}

.sitemap ul li ul {
	margin-left:30px;
	list-style:circle;
}
    /* s : tooltip berita terbaru */
    /* Tooltip */
  
    div.tooltipBerita a {
        font: normal 14px 'OpensansSemibold', Arial, Helvetica, sans-serif;
        color:#000;
    }
    div.tooltipBerita p {
        font: normal 12px 'OpensansRegular', Arial, Helvetica, sans-serif;
        color:#000;
    }
    
    a#trigerTooltip:hover span.tooltipBerita {
        display:block;
    }
    .tooltipBerita 
{
position: absolute;
padding: 10px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        top:-70px;
        z-index:21;
        -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}

.tooltipBerita:before 
{
content: "";
position: absolute;
bottom: -15px;
left: 110px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #fff transparent;
display: block;
width: 0;
z-index: 1;
}
  /* ******************************************************** s : plus ********************************************************* */
    /* s : anchor kanal wp */
    a.boxKanalL {
        text-decoration:none;
        color:#fff;
    }
	
	/* artikel box */
    #topcorner {
        width:15px;
        height:70px;
        background-color: #f4f4f2;
        z-index: 10;
        position: fixed;
        right: 0;
        bottom: 4.3em;
        -webkit-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #cfcece;
        border-left: 1px solid #cfcece;
        border-bottom: 1px solid #cfcece;
    }
    #topcorner .buka {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/open-box.gif) no-repeat scroll 0 0 transparent;
        height: 13px;
        margin-left: 5px;
        margin-top: 29px;
        width: 13px;
        text-indent: -99999px;
        display:block;
    }
    #topcorner .buka:hover {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/open-box-hover.gif) no-repeat scroll transparent;
    }
    #artbox {
        display:none;
        width: 350px;
        height: auto;
        background-color: #f4f4f2;
        position:fixed;
        bottom:4.3em;
        right:0;
        -webkit-box-shadow: 10px 2px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 10px 2px 10px 0px rgba(0, 0, 0, 0.1);
        padding: 2px 0 2px 2px;
        z-index:5;
    }
    #artbox .kompasartbox {
        width:300px;
        color: #ff7800;
        font:normal 16px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        padding: 0px;
        margin-bottom: 15px;
    }
    #artbox .listing {
        padding:0;
        margin:0;
    }
    #artbox .tutup {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/close-box.gif) no-repeat;
        margin: 0em 0em 0em 0.3em;
        float: right;
        height: 20px;
        width: 20px;
        text-indent: -99999px;
        display: block;
    }
    #artbox .tutup:hover {
        background:url(http://assets.kompas.com/data/2013/news/images/artikel/close-box.gif) 0px 0px transparent no-repeat;
    }
    #artbox .toTop {
        background:url(http://assets.kompas.com/data/2013/news/images/artikel/minim-box.gif) no-repeat;
        margin: 0em 0em 0em 0.3em;
        float: right;
        height: 20px;
        width: 20px;
        text-indent: -99999px;
        display: none;
    }
    #artbox .toTop:hover {
        background:url(http://assets.kompas.com/data/2013/news/images/artikel/minim-box.gif) transparent no-repeat;
    }
    #artbox .blackword {
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        height: 20px;
        overflow: hidden;
    }
    #artbox .blackword a {
        font:normal 14px 'opensansRegular', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #004e87;
        text-decoration: none;
        height: 57px;
        overflow: hidden;
        display: block;
    }
    #artbox .blackword a:hover {
        text-decoration: underline;
    }
    #artbox .pic img {
        float:left;
        padding-left: 0px;
        padding-right: 10px;
        height: 55px;
        width: 105px;
        padding-bottom:10px;
    }
    #artbox hr {
        margin : 8px 0;
    }
    #artbox .sharefbtwit {
        float:left;
        padding-right: 5px;
    }
    .ads_artbox01 {
        width:300px;
        height:100px;
        margin-top:10px;
        overflow:hidden;
    }
    .ads_artbox02 {
        width:300px;
        height:85px;
        margin-top:15px;
        padding-top:10px;
        overflow:hidden;
        border-top:solid 1px #ededed;
    }
    .ads_artbox02 .spc {
        font:bold 11px Arial, Helvetica, sans-serif;
        color:#fd8838;
        padding-bottom:5px;
    }
    .ads_artbox02 .isi a {
        font:normal 14px Arial, Helvetica, sans-serif;
        color:#333333;
        text-decoration:none;
    }
    .ads_artbox02 .isi a:hover {
        text-decoration:underline;
    }
    .borderBlue {
        border: 1px solid #cfcece;
        padding: 10px;
        border-right: none;
    }
    /* e : artikel box */
    /* artikel box breaking news */
    #topcornerBreaking {
        width:15px;
        height:70px;
        background-color: #e7511d;
        z-index: 10;
        position: fixed;
        right: 0;
        bottom: 4.3em;
        -webkit-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #cd3906;
        border-left: 1px solid #cd3906;
        border-bottom: 1px solid #cd3906;
    }
    #topcornerBreaking .buka {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/open-box-breaking.gif) no-repeat scroll 0 0 transparent;
        height: 13px;
        margin-left: 5px;
        margin-top: 29px;
        width: 13px;
        text-indent: -99999px;
        display:block;
    }
    #topcornerBreaking .buka:hover {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/close-box-breaking-hover.gif) no-repeat scroll transparent;
    }
    #artboxBreaking {
        display:none;
        width: 320px;
        height: auto;
        background-color: #e7511d;
        position:fixed;
        bottom:4.3em;
        right:0;
        -webkit-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        padding: 2px 0 2px 2px;
        z-index:5;
    }
    #artboxBreaking .kompasartbox {
        width:300px;
        color: #ffa04c;
        font:normal 15px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        padding: 0px;
        margin-bottom: 15px;
    }
    #artboxBreaking .listing {
        padding:0;
        margin:0;
    }
    #artboxBreaking .tutup {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/close-box-breaking.gif) no-repeat;
        margin: 0em 0em 0em 0.3em;
        float: right;
        height: 20px;
        width: 20px;
        text-indent: -99999px;
        display: block;
    }
    #artboxBreaking .tutup:hover {
        background:url(http://assets.kompas.com/data/2013/news/images/artikel/close-box-breaking.gif) 0px 0px transparent no-repeat;
    }
    #artboxBreaking .toTop {
        background:url(http://assets.kompas.com/data/2013/news/images/artikel/minim-box-breaking.gif) no-repeat;
        margin: 0em 0em 0em 0.3em;
        float: right;
        height: 20px;
        width: 20px;
        text-indent: -99999px;
        display: none;
    }
    #artboxBreaking .toTop:hover {
        background:url(http://assets.kompas.com/data/2013/news/images/artikel/minim-box-breaking.gif) transparent no-repeat;
    }
    #artboxBreaking .blackword {
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        height: 20px;
        overflow: hidden;
    }
    #artboxBreaking .blackword a {
        font:normal 14px 'opensansRegular', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #fff;
        text-decoration: none;
        height: 40px;
        overflow: hidden;
        display: block;
        margin-bottom: 10px;
    }
    #artboxBreaking .blackword a:hover {
        color : #fff;
        text-decoration: underline;
    }
    #artboxBreaking .pic img {
        float:left;
        padding-left: 0px;
        padding-right: 10px;
        height: 55px;
        width: 105px;
        padding-bottom:10px;
    }
    #artboxBreaking hr {
        margin : 8px 0;
    }
    #artboxBreaking .sharefbtwit {
        float:left;
        padding-right: 5px;
    }
    .borderOrange {
        border: 1px solid #cd3906;
        padding: 10px;
        border-right: none;
    }
    /* e : artikel box breakingNews */
	
	/* lihat komentar */
.kompasComment-selanjutnya { 
	border-top: 1px dotted #ccc;
	margin: 0px 0 0 0;
}
.kompasComment-selanjutnya a {
	display: block;
	width: 180px;
	font-size: 13px;
	text-align: center;
	margin: -15px auto;
	color: #666;
	background: #f4f4f4;
	border: 1px solid #e4e4e4;
	text-decoration:none;
}
.kompasComment-selanjutnya a:hover { background:#eee; }
.footerMenu2 {
    float: left;
    padding: 0px 0 0;
    text-align: center;
    width: 100%;
}

.footerMenu2 ul {
    margin: 0;
    padding: 5px 0;
}
.footerMenu2 ul li {
    border-right: 1px solid #CCCCCC;
    display: inline-block;
    list-style-type: none;
    padding: 0 10px;
}
.footerMenu2 ul li:last-child {
    border-right: medium none;
}
.footerMenu2 ul li:first-child {
    padding-left: 0;
}
.footerMenu2 ul li a {
    color: #000000;
    font: 0.75em "OpenSansSemibold","Lucida Grande",Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.footerMenu2 ul li a:hover {
    text-decoration: underline;
}
.footerMenu2 h6 {
    color: #000000;
    font: 0.75em "lucida grande", "Lucida Sans Unicode", Arial,Helvetica,sans-serif;
    margin: 10px 0;
    padding: 0;
}
.footerMenu2 h6 a {
    color: #666;
    font: 1em "lucida grande", "Lucida Sans Unicode", Arial,Helvetica,sans-serif;
	text-decoration:none;
}
.footerMenu2 h6 a:hover {
    color: #000;
}
.kanalBottom2 {
    background: none repeat scroll 0 0 #F4F4F4;
    height: auto;
    margin: 20px auto 70px;
    padding: 20px 0;
    width: 100%;
}
.buttomMenuKanal2 {
    padding-right: 20px;
    text-align: center;
}
.buttomMenuKanal2 h1 {
    border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font: bold 16px "lucida grande", "Lucida Sans Unicode", Arial,Helvetica,sans-serif;
    margin: 0 0 15px;
    padding: 5px 0;
    width: 95%;
}
.buttomMenuKanal2 ul {
    margin: 0;
    padding: 0;
}
.buttomMenuKanal2 ul li {
    display: inline-block;
    list-style-type: none;
    padding: 2px 14px;
}
.buttomMenuKanal2 ul li:first-child {
    padding-left: 0;
}
.buttomMenuKanal2 ul li a {
    color: #666666;
    display: inline-block;
    font: 12px "OpensansSemibold","Lucida Grande",Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.buttomMenuKanal2 ul li a:hover {
    text-decoration: underline;
}
}