@charset"utf-8";

/* CSS Document */

/* ========================================================================================================== 
	Desktop Layout: 768px to a max of 1023px.  Inherits styles from: Mobile Layout and Tablet Layout. [1024]
   ==========================================================================================================	
*/
 @media only screen and (min-width: 990px) and (max-width:1099px) {
    /* S : RADIO AUSTRALIA */
    .radioAustralia {
        width:298px;
        height:266px;
        border:solid 1px #969696;
        margin-top:20px;
        background:url(http://assets.kompas.com/data/2013/news/images/bg_australia.jpg) no-repeat;
    }
    a.headRadioAustralia {
        display:block;
        width:300px;
        height:50px;
    }
    .listRadioAustralia {
        width:240px;
        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 : TABLE EKONOMI =========== */
    .tableEkonomi {
        width:100%;
        border:solid 1px #ccc;
        padding:5px 22px 10px 22px;
        display:table-cell;
    }
    td.titleSahamFalas {
        font: normal 16px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #626262;
    }
    td.updateData {
        font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #626262;
        vertical-align:bottom;
        text-align:right
    }
    tr.headSahamFalas {
        border-bottom:solid 1px #ccc;
    }
    td.listDataIn1 {
        font: normal 11px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #e74f1d;
        width:30px;
        display:table-row;
    }
    td.listDataIn2 {
        font: normal 11px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #e74f1d;
        width:50px;
    }
    td.listDataIn {
        font: normal 11px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #626262;
        display:table-cell;
        text-align:right;
    }
    td.brCol {
        font-size:10px;
        height:3px;
        display:table-row;
    }
    /* E : TABLE EKONOMI =========== */
    /* 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:298px;
        height:248px;
        margin-top:20px;
        border:solid 1px #ccc;
        overflow:hidden;
    }
    .bbcList {
        padding:5px 10px;
    }
    .bbcList img {
        float:left;
        width:100px;
        height:60px;
        border:solid 1px #ccc;
    }
    .bbcListRight {
        float:left;
        width:160px;
        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 {
        padding-bottom:10px;
        display:block;
    }
    /* E : BBC INDONESIA =========== */
    /* S : INDEX MH ===== */
    .indexMH a {
        font: normal 9px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #999;
        margin: 0;
        display: inline-block;
        text-align: right;
        float: right;
        border-radius: 3px;
        cursor: pointer;
        padding: 1px 7px 0px 7px;
        margin-top:5px;
        background: #fff;
        position: relative;
        z-index: 9;
        text-transform: uppercase;
        text-decoration:none;
    }
    .indexMH a:hover {
        color: #000;
    }
    .indexMH {
        padding: 5px 30px 0 0px;
        float: right;
    }
    /* S : TAB RUBRIK HL ======= */
    .imgTrendingB {
        display: none;
    }
    .TrendingRubrikB {
        width: 45%;
        height: 180px;
        float: left;
        overflow: hidden;
    }
    .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: 43px;
        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 12px/16px 'opensanssemibold',"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        display: table-cell;
        width: 300px;
        overflow: hidden;
        height: 32px;
        vertical-align: middle;
        padding: 6px 10px;
    }
    .TrendingRubrikB ul li span.anchorTrendingB a:hover {
        text-decoration: none;
        background: #f0f0f0;
        cursor: pointer;
    }
    .TrendingRubrikB ul li span.anchorTrendingB a:active {
        text-decoration: none;
        background: #f0f0f0;
    }
    .TrendingRubrikB ul li span.anchorTrendingB a.selected {
        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: #fff;
        padding: 5px 10px;
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #000;
        border:1px solid #e7e7e7;
        border-left:none;
        border-right:none;
        width:60%;
        float:left;
    }
    .indexBerita span.titleIndex {
        font: normal 18px "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 ============================ */
    /* S : WELCOME PAGE ================================================================================================================= */
    .appendRadioAustralia2 {
        display:none;
    }
    .appendRadioAustralia1 {
        display:block;
    }
    .appendBBC2 {
        display:none;
    }
    .appendBBC1 {
        display:block;
    }
    .appendSmallLogoKompas2 img {
        max-width:100%;
    }
    .appendContentRight {
        display:block;
    }
    .appendContentRight-768 {
        display:none;
    }
    .appendR1 {
        display: block;
    }
    .appendR2 {
        display: none;
    }
    .adsMR1Lipsus1 {
        display: block;
    }
    .adsMR1Lipsus2 {
        display: none;
    }
    .appendBanner1 {
        display: block;
    }
    .appendBanner2 {
        display: none;
    }
    .appendR1akt1 {
        display: block;
    }
    .appendR1akt2 {
        display: none;
    }
    .appendR1akt2-arsip {
        display: none;
    }
    .appendR2Rubrik1 {
        display: block;
    }
    .appendR2Rubrik2 {
        display: none;
    }
    .appendR2Rubrik2-arsip {
        display: none;
    }
    .appendTerbaruTerkomentariRubrik1 {
        display: block;
    }
    .appendTerbaruTerkomentariRubrik2 {
        display: none;
    }
    .appendR3Rubrik1 {
        display: block;
		margin-top:20px;
    }
    .appendR3Rubrik2 {
        display: none;
    }
    .appendR3Rubrik2-arsip {
        display: none;
    }
    .appendHealthEntertainment1 {
        display: block;
    }
    .appendHealthEntertainment2 {
        display: none;
    }
    .appendKompasiana1 {
        display: block;
    }
    .appendKompasiana2 {
        display: none;
    }
    .appendSearch1 {
        display: block;
    }
    .appendSearch2 {
        display: none;
        float: right;
    }
    .appendSLogo1 {
        display: block;
    }
    .appendSLogo2 {
        display: none;
    }
    .appendSubMenuMobile1 {
        display: block;
    }
    .appendSubMenuMobile2 {
        display: none;
    }
    .appendSubMenuMobile3 {
        display: none;
    }
    .appendTrending1 {
        display: block;
    }
    .appendTrending2 {
        display: none;
    }
    .appendDate2 {
        display: none;
        padding: 0px 0 0 0;
    }
    .appendDate1 {
        display: block;
        padding-top: 0px;
    }
    .appendTerbaru {
        display:none;
    }
	
    .hide {
        display: none;
    }
    html {
        -webkit-text-size-adjust: 100%;
        /* none for no scaling */
    }
    .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;
        margin: 0 auto;
        padding: 0px 20px 0 20px;
    }
    /* header css ------------------------- */
    bannerTopMobile {
        width: 320px;
        height: 60px;
        margin: 10px auto 0 auto;
        background: #ccc;
        display: none;
    }
    .bannerMiddle1Mobile {
        width: 320px;
        height: 60px;
        margin: 10px auto 0 auto;
        background: #ccc;
        display: none;
    }
    .bannerMiddle2Mobile {
        width: 320px;
        height: 60px;
        margin: 10px auto 0 auto;
        background: #ccc;
        display: none;
    }
    .bannerMiddle3Mobile {
        width: 320px;
        height: 60px;
        margin: 10px auto;
        background: #ccc;
        display: none;
    }
    .bannerBottomMobile {
        width: 320px;
        height: 60px;
        margin: 10px auto 0 auto;
        background: #ccc;
        display: none;
    }
    .headerRow1 {
        padding: 0;
        margin: 0 auto;
    }
    .bannerTopOut {
        width: 100%;
        height: 90px;
        background: #f5f5f5;
        margin: 0 auto;
        padding: 10px 0;
    }
    .bannerTop1 {
        width: 970px;
        height: 90px;
        margin: 0 auto;
    }
    .harkomRow1 {
        font: normal 0.70em "Lucida Grande","Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
        color: #000;
    }
    .harkomRow1 a {
        text-decoration: none;
        color: #000;
    }
    .harkomRow1 a:hover {
        text-decoration: underline;
    }
    .hariankompas_kompastv {
        width: 26.65%;
        padding-top: 10px;
        float: left;
    }
    .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;
        padding: 0px 0 10px 0;
        text-align: center;
    }
    .appendDate1 h6.dateTop {
        font: normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
        color: #999;
        margin: 0;
        padding: 0px 0 10px 0;
        text-align: left;
    }
    .logoKompascom {
        width: 42%;
        height: 6.66%;
        margin: 0 auto;
        float: left;
    }
    .logoKompascom img {
        width:100%;
    }
    .logoKompascom a {
        text-decoration: none;
        border: none;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .reg_search {
        width: 30.93%;
        padding-top: 10px;
        float: right;
    }
    .reg_searchRow1 {
        font: normal 0.70em "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: 90%;
        height: 32px;
        border: solid 1px #c7c7c7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: url(http://assets.kompas.com/data/2013/news/images/search.jpg) left no-repeat;
        padding-left: 30px;
        position: relative;
    }
    .reg_searchRow2_Close {
        display: none;
    }
    .reg_searchRow2 div.boxSearch {
        width: 75%;
    }
    .reg_searchRow2 div input {
        border: none;
        background: none;
        height: 30px;
        padding: 0 10px;
        width: 85%;
        font: normal 0.70em 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #a0a0a0;
        outline: none;
    }
    .reg_searchRow2 div.goSearch {
        padding: 3px 3px 0 0;
    }
    .reg_searchRow2 div a {
        background: #e74f1d;
        display: inline-block;
        text-decoration: none;
        border-radius: 4px;
        padding: 4px 10px;
        color: #fff;
        font: bold 1em Arial, Helvetica, sans-serif;
    }
    #km2menu {
        display: none;
    }
    #km2menuA {
        display: none;
        float: left;
        width: 120px;
    }
    #km2menu2 {
        display: none;
    }
    .homeIndex {
        width: 32px;
        height: 32px;
        float: left;
        padding-left: 10px;
    }
    .homeIndex a img {
        width: 28px;
        height: 28px;
        display: inline-block;
        padding: 4px;
    }
    .kompasMenu {
        border-top: solid 1px #eaeaea;
        border-bottom: solid 1px #eaeaea;
        width: 100%;
        display: block;
    }
    .kompasMenu ul#mainMenu {
        margin: 0 auto;
        padding: 0px 0;
        overflow: hidden;
        text-align: center;
    }
    .headerRow3 {
        border-bottom: solid 3px #e74f1d;
        width: 100%;
        margin: 0 auto;
    }
    .kompasMenu ul#mainMenu li {
        list-style-type: none;
        display: inline;
    }
    .kompasMenu ul#mainMenu li a {
        text-decoration: none;
        text-transform: uppercase;
        font: normal 12px/24px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000000;
    }
    .kompasMenu ul#mainMenu li a:hover {
        background: #f33e07;
        color: #fff;
    }
    .kompasMenu ul#mainMenu li a.selected {
        background: #f33e07;
        color: #fff;
    }
    .kompasMenu ul#mainMenu li a#menuLeft {
        padding: 5px 7px;
        display: inline-block;
        cursor: pointer;
    }
    .breakingNews {
        border-top: solid 1px #dadada;
        border-bottom: solid 1px #dadada;
        margin-top: 5px;
    }
    .breakingNews h5 {
        margin: 10px 0 0 0;
        padding: 2px 0 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: 0;
        padding: 0px 0 0 10px;
        font: normal 24px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        display: inline-block;
        float: left;
        overflow: hidden;
        width: 85%;
        height: 40px;
        text-decoration: none;
    }
    .breakingNews h1 a:hover {
        text-decoration: underline;
    }
    .mainContentIn {
        padding-top: 10px;
    }
    .contentLeftKompascom {
        float: left;
        width: 65.50%;
        padding-right: 20px;
    }
    .contentLeftKompascom-alt1 {
        float: left;
        width: 65.50%;
        padding-right: 20px;
    }
    .contentRightKompascom {
        float: right;
    }
    .contentRightKompascom-alt2 {
        float: left;
    }
    .headline {
        width: 100%;
        height: auto;
        margin: 0px 0 0 0;
        background: #f5f5f5;
        float: left;
        position: relative;
        overflow: hidden;
        border-bottom: solid 1px #dedede;
    }
    .boxBannerR1akt {
        float: right;
        width: 300px;
    }
    .boxBannerR23 {
        width: 300px;
        float: right;
    }
    .bannerR {
        width: 300px;
        height: 250px;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .bannerR2 {
        width: 300px;
        height: 250px;
        float: left;
        margin-top: 0px;
        margin-left: 0%;
    }
	.bannerR23 { margin-top:20px; }
    .bannerR3 {
        width: 300px;
        height: 250px;
        float: left;
        margin-top: 0px;
        margin-left: 0%;
    }
    .aktivitas {
        width: 300px;
        height: 200px;
        background: #ccc;
        margin-left: 5px;
        margin-top: 20px;
        float: left;
        overflow: hidden;
    }
    .aktivitas img {
        width: 100%;
        height: auto;
    }
    .moreHL {
        width: 60%;
        height: 518px;
        background: #fff;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        position: relative;
    }
    .topikPilihan {
        width: 37.50%;
        height: 498px;
        background: #f4f4f4;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 20px 0 0 2%;
    }
    .zone1 {
        width: 32%;
        height: 80px;
        margin-top: 20px;
        background: orange;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
    }
    .zone2 {
        width: 32%;
        height: 80px;
        background: #ccc;
        margin-top: 20px;
        margin-left: 1%;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
    }
    .zone3 {
        width: 32%;
        height: 80px;
        background: #ccc;
        margin-top: 20px;
        float: left;
        margin-left: 1%;
        font-family: Arial, Helvetica, sans-serif;
    }
    .zoneLeft {
        width: 52%;
        height: auto;
        float: left;
    }
    .zoneLeft img {
        width: 100%;
        height: 80px;
    }
    .zoneRight {
        width: 40%;
        height: 58px;
        overflow: hidden;
        float: left;
        padding: 10px;
    }
    .ZoneFont1 a {
        text-decoration: none;
        font: bold 14px Arial, Helvetica, sans-serif;
    }
    .ZoneFont2 a {
        text-decoration: none;
        font: normal 12px Arial, Helvetica, sans-serif;
    }
    .ZoneFont2 {
        padding: 5px 0 0 0;
        height:43px;
        overflow:hidden;
    }
    .ZoneFont1 a:hover {
        text-decoration: underline;
    }
    .ZoneFont2 a:hover {
        text-decoration: underline;
    }
    .mr1Lipsus {
        float: left;
    }
    .mr1 {
        width: 300px;
        height: 250px;
        background: #ccc;
        margin-top: 20px;
    }
    .secondaryR23 {
        float: left;
        display: none;
    }
    .secondaryMRL {
        display: none;
    }
    .lipsusArea {
        width: 300px;
        height: 250px;
        background: #ccc;
        margin-top: 20px;
        overflow: hidden;
    }
    .terbaruTerkomentari {
        width: 32%;
        height: 520px;
        margin: 20px 0 0 2%;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .terpopuler {
        width: 31.09%;
        height: 520px;
        margin: 20px 0 0 2%;
        float: left;
    }
	.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: 28px;
        border-bottom: solid 1px #e2e2e2;
    }
    .subKanal {
        float: left;
        width: 54.88%;
        overflow: hidden;
    }
    .subKanal2 {
        float: left;
        width: 43.119%;
        padding-left: 2%;
    }
    .healthEntertainment {
        float: left;
        width: 54.88%;
        margin-left: 2%;
    }
    .teknoBox {
        width: 49%;
        height: 360px;
        float: left;
        margin-top: 20px;
    }
    .bolaBox {
        width: 49%;
        height: 360px;
        float: left;
        margin: 20px 0 0 2%;
    }
    .otomotifBox {
        width: 49%;
        height: 372px;
        float: left;
        margin-top: 20px;
    }
    .femaleBox {
        width: 49%;
        height: 372px;
        float: left;
        margin: 20px 0 0 2%;
    }
    .todayPhoto {
        width: 100%;
        height: auto;
        background: #fff;
        float: left;
        margin: 20px 0 0 0%;
        border-top: solid 3px #000;
        padding-top: 5px;
    }
    .kompasVideo {
        width: 100%;
        height: auto;
        background: #fff;
        float: left;
        margin: 40px 0 0 0%;
        border-top: solid 3px #000;
        padding-top: 5px;
    }
    .bannerCenter {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .bannerCenter1 {
        width: 48.800%;
        height: 60px;
        float: left;
    }
    .bannerCenterRubrik {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 30px 0;
    }
    .bannerCenter1Rubrik {
        width: 100%;
        height: 60px;
        background: #f5f5f5;
    
        text-align: center;
        padding: 5px 0;
}
    .bannerCenter2Rubrik {
        width: 100%;
        height: 60px;
        background: #f5f5f5;
    
        text-align: center;
        padding: 5px 0;
}
    .secondarybannerCenter {
        display: none;
    }
    .bannerCenter2 {
        width: 48.800%;
        height: 60px;
        margin-left: 2%;
        float: left;
    }
    .ekonomiBox {
        width: 38.65%;
        height: auto;
        background: #fff;
        margin-top: 20px;
        float: left;
        border: solid 1px #ccc;
        padding: 20px;
        overflow: hidden;
    }
    .healthBox {
        width: 49%;
        height: 370px;
        background: #fff;
        float: left;
        overflow: hidden;
        margin: 20px 0 0 0px;
    }
    .entertainmentBox {
        width: 49%;
        height: 360px;
        background: #fff;
        float: left;
        margin: 20px 0 0 2%;
    }
    .kompasianaBox {
        width: 20.70%;
        height: 330px;
        background: #fff;
        float: left;
        margin: 20px 0 0 0px;
        overflow: hidden;
        border: solid 1px #ccc;
        padding: 10px 20px 27px 20px;
    }
    .travelBox {
        width: 44.15%;
        height: 347px;
        background: #f4f4f4;
        float: left;
        margin: 20px 0 0 1.887%;
        border: solid 1px #e0e0e0;
        overflow: hidden;
        padding-bottom: 20px;
    }
    .propertiBox {
        width: 26.736%;
        height: auto;
        background: #fff;
        float: left;
        margin: 20px 0 0 1.8%;
        overflow: hidden;
    }
    .bannerAdB {
        width: 100%;
        height: 90px;
        margin-top: 20px;
        background:#f5f5f5;
    }
    .bannerAdB img {
        max-width:100%;
    }
    .kanalBottom {
        width: 100%;
        height: auto;
        background: #f4f4f4;
        margin: 20px auto 20px auto;
        padding: 20px 0 10px 0px;
    }
    .footer {
        width: 100%;
        margin: 20px auto 0 auto;
        padding: 0 0px;
    }
    .footerMenu {
        float: left;
        width: 80%;
        float: left;
        padding: 0px 0 0 0px;
    }
    .footerSocial {
        float: left;
        width: auto;
        height: 50px;
        float: left;
        padding-right: 20px;
    }
    .hAds {
        width: 100%;
        height: auto;
        margin: 20px auto 0 auto;
        position: fixed;
        bottom: 0;
        z-index: 999999;
        left: 0;
    }
    .hAds img {
        text-align: center;
        width: 100%;
    }
    a.closeAds {
        padding: 1px 5px;
        display: block;
        position: absolute;
        top: -16px;
        right: 0;
        font: normal 10px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        background: #000;
    }
    /* cutting in ============================================================= */
    /* headline ============================================ */
    .bigImgHL {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .bigImgHL img {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .titleBigHL {
        position: absolute;
        bottom: 0px;
        padding-bottom: 30px;
        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: 38px;
        padding-top: 10px;
    }
    .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 10px 40px;
        padding: 2px 10px;
        font: normal 14px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: red;
        display: inline-block;
        position: relative;
        top: 0px;
    }
    .titleBigHL:after {
        content:"\0020";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        /* when 0 no shadow is displayed*/
        box-shadow: 0 0 70px 80px rgba(0, 0, 0, 0.7);
        bottom: 0;
    }
    .titleBigHL a {
        text-decoration: none;
        font: normal 22px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        padding: 0px 0 0px 40px;
        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;
    }
    .listThumbHL:hover > a#titleThumb {
        color: #000;
    }
    .thumbHL {
        width: 100%;
        height: 150px;
        position: relative;
        z-index: 9;
        bottom: 0px;
        background: #f5f5f5;
        border: solid 1px #dedede;
        border-bottom: none;
        border-right: none;
    }
    .listThumbHL {
        width: 19.81%;
        height: 100%;
        border-right: solid 1px #dedede;
        float: left;
        text-align: center;
        padding-top: 10px;
        position: relative;
        font: normal 0.6875em/15px "OpenSansSemibold", Arial, Helvetica, sans-serif;
        color: #666;
    }
    .listThumHL:hover > .thumbHL {
        background: url(http://assets.kompas.com/data/2013/news/images/hlHover.png) no-repeat top center;
    }
    .listThumbHL:hover > a img {
        border: solid 4px #72d6ff;
    }
    .listThumbHL:hover > a#titleThumb {
        color: #000;
    }
    .listThumbHL a.selected img {
        border: solid 4px #72d6ff;
    }
    .listThumbHL a img {
        width: 100px;
        height: 50px;
        border: solid 4px #fff;
        margin: 0 auto;
    }
    .listThumbHL a {
        display: block;
        text-decoration: none;
        overflow: hidden;
        color: #666;
    }
    .listThumbHL a#titleThumb {
        display: block;
        text-decoration: none;
        overflow: hidden;
        color: #666;
        padding: 10px 12px;
        height: 50px;
    }
    .listThumbHL a:hover {
        text-decoration: underline;
    }
    a#arrowThumb {
        display: block;
        position: absolute;
        width: 100%;
        height: 10px;
        top: -10px;
        z-index: 99999999;
    }
    .listThumbHL:hover > a#arrowThumb {
        background: url(http://assets.kompas.com/data/2013/news/images/hlHover.png) no-repeat top center;
    }
    a#arrowThumb.selected {
        display: block;
        background: url(http://assets.kompas.com/data/2013/news/images/hlHover.png) no-repeat top center;
        position: absolute;
        width: 100%;
        height: 10px;
        top: -10px;
        z-index: 99999999;
    }
    /* more headline ====================================== */
    .boxListMoreHL {
        width: 100%;
        height: 490px;
        overflow: hidden;
    }
    .submit a {
        display: inline-block;
        font: normal 12px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        background: #333;
        padding: 2px 10px;
        text-decoration: none;
        border-radius: 3px;
        margin: 5px 5px 0 0;
    }
    .klikPersonalisasi h1 {
        font: normal 9px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #999;
        margin: 0;
        display: inline-block;
        text-align: right;
        float: right;
        border-radius: 3px;
        cursor: pointer;
        padding: 5px 12px 0px 12px;
        background: #fff;
        position: relative;
        z-index: 9;
        text-transform: uppercase;
    }
    .klikPersonalisasi h1.selected {
        font: normal 9px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #999;
        margin: 0;
        display: inline-block;
        text-align: right;
        float: right;
        border-radius: 3px;
        cursor: pointer;
        padding: 5px 12px 0px 12px;
        background: url(http://assets.kompas.com/data/2013/news/images/bgPersonalisasi.jpg) no-repeat left #fff;
        position: relative;
        z-index: 9;
        text-transform: uppercase;
    }
    .klikPersonalisasi h1:hover {
        color: #000;
    }
    #closePersonalisasi {
        cursor:pointer;
    }
    .personalisasi {
        padding: 5px 30px 0 0px;
        float: left;
    }
    .subPersonalisasi {
        height: auto;
        padding: 30px 20px 10px 20px;
        display: none;
        font: normal 12px "OpenSansSemibold", Arial, Helvetica, sans-serif;
        color: #000;
        border: solid 1px #ccc;
        border-top: none;
        border-radius: 5px;
        position: absolute;
        background: #fff;
        top: 0px;
        left: 0;
        z-index: 8;
    }
    .subPersonalisasi ul {
        margin: 0;
        padding: 0 0 20px 0;
        width: 120px;
        float: left;
    }
    .subPersonalisasi ul li {
        list-style-type: none;
        padding: 5px;
        display: inline-block;
        float: left;
    }
    .topHL {
        height: 22px;
        width: 100%;
        text-align: center;
        padding-left: 20px;
    }
    .topHL h1#tophl {
        font: bold 14px "OpenSansReguler", Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        display: inline-block;
        padding: 0px 5px;
        margin-top: -9px;
        float: left;
        position: absolute;
        z-index: 999;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        height: 17px;
        overflow: hidden;
    }
    .topHL h1#tophl span {
        background: #fff;
        padding:0 5px;
    }
    .listMoreHL {
        width: 124px;
        height: 100px;
        text-align: center;
        float: left;
        padding: 10px 0 10px 38px;
    }
    .listMoreHL a {
        font: normal 12px "OpenSansregular", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        overflow: hidden;
        display: block;
        height: 35px;
        padding-top: 5px;
    }
    .listMoreHL a:hover {
        text-decoration: underline;
    }
    .listMoreHL img {
        width: 124px;
        height: 62px;
        overflow: hidden;
        padding: 5px 0 0 0;
    }
    .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;
        overflow: hidden;
        height: 38px;
    }
    .listMoreHL a.listMoreHLP {
        font: normal 0.75em/22px "OpenSansBold", "Lucida Grande", Arial, Helvetica, sans-serif;
        color: #330000;
        margin: 0;
        padding: 5px 0 0 0;
        text-transform: uppercase;
        overflow: hidden;
        height: 100px;
    }
    /* topik pilihan ====================================== */
    .topikPilihan h1 {
        font: normal 12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        margin: -28px 0 0 70px;
        padding: 0 7px 2px 7px;
        background: #fff;
        display: inline-block;
        border-radius: 3px;
    }
    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;
    }
    span.titleTopil a {
        font: normal 12px/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: 220px;
        padding: 8px 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: 5px 0;
        height: 37px;
    }
    .listTerbarkom:last-child {
        border: none;
    }
    span.titleTerbakom a {
        font: normal 0.8125em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        height: 20px;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 4px;
    }
    span.titleTerbakom a:hover {
        text-decoration: underline;
    }
    span.timeTitle1 {
        font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #ff9900;
        padding: 5px 0 0 0;
    }
    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: 75%;
        height: 62px;
        float: left;
        margin-left:10px;
    }
    .terpopuler h1 {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0;
        padding: 0px 0 0px 0;
    }
    .titleBoxTerpopuler h6 {
        margin: 0;
        padding: 0;
        font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #f09003;
    }
    span.titleTerpopuler a {
        text-decoration: none;
        font: normal 0.81em/18px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        display: inline-block;
        min-width: 100%;
        max-width: 265px;
        max-height: 35px;
        overflow: hidden;
    }
    span.titleTerpopuler a:hover {
        text-decoration: underline;
    }
    .viewTerpopuler {
        font: normal 10px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #f09003;
    }
    /* tekno ============================================== */
    .bigBoxTekno {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxTekno img {
        width: auto;
        height: 255px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-180px;
    }
    .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 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;
    }
    .titleTekno a {
        font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        max-height: 45px;
        overflow: hidden;
    }
    .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 0px;
    }
    .listTekno ul li {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) left -7px no-repeat;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 5px 15px;
        max-height:40px;
        overflow:hidden;
    }
    .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;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
    }
    .listTekno ul li a:hover {
        text-decoration: underline;
    }
    /* Bola ============================================== */
    .bigBoxBola {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxBola img {
        width: auto;
        height: 255px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-180px;
    }
    .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 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;
    }
    .titleBola a {
        font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        max-height: 45px;
        overflow: hidden;
    }
    .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 0px;
    }
    .listBola ul li {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) left -7px no-repeat;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 5px 15px;
    }
    .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;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
    }
    .listBola ul li a:hover {
        text-decoration: underline;
    }
    /* Otomotif ============================================== */
    .bigBoxOtomotif {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxOtomotif img {
        width: auto;
        height: 255px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-180px;
    }
    .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 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;
    }
    .titleOtomotif a {
        font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        max-height: 45px;
        overflow: hidden;
    }
    .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 0px;
    }
    .listOtomotif ul li {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) left -7px no-repeat;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 5px 15px;
    }
    .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;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
    }
    .listOtomotif ul li a:hover {
        text-decoration: underline;
    }
    /* Female ============================================== */
    .bigBoxFemale {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxFemale img {
        width: auto;
        height: 255px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-180px;
    }
    .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 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;
    }
    .titleFemale a {
        font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        max-height: 45px;
        overflow: hidden;
    }
    .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 0px;
    }
    .listFemale ul li {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) left -7px no-repeat;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 5px 15px;
    }
    .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;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
    }
    .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;
        overflow:hidden;
    }
    .bigImgToday img {
        width: 478px;
        height: auto;
        overflow: hidden;
        padding-bottom: 2px;
    }
    .sLeft {
        position: relative;
        width: 49.80%;
        height: 102px;
        float: left;
        overflow: hidden;
    }
    .sLeft img {
        width: 100%;
        height: auto;
        position: absolute;
        overflow: hidden;
    }
    .sRight {
        position: relative;
        width: 49.80%;
        height: 102px;
        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;
        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: 34px;
        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 18px 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: 478px;
        height: auto;
        overflow: hidden;
        padding-bottom: 2px;
    }
    .smallImgToday2 .sLeft {
        position: relative;
        width: 49.80%;
        height: auto;
        float: left;
    }
    .smallImgToday2 .sLeft img {
        width: 100%;
        height: auto;
        position: absolute;
        overflow: hidden;
    }
    .smallImgToday2 .sRight {
        position: relative;
        width: 49.80%;
        height: auto;
        float: right;
    }
    .smallImgToday2 .sRight img {
        width: 100%;
        height: auto;
        position: absolute;
        overflow: hidden;
    }
    /* ekonomi ================================================= */
    .imgTitleEkonomi {
        height: auto;
    }
    .imgEkonomi {
        width:160px;
        height:160px;
        overflow:hidden;
        float:left;
        margin-right:10px;
    }
    .imgEkonomi img {
        width: auto;
        height: 160px;
        overflow: hidden;
        position:relative;
        left:-90px;
    }
    .titleEkonomi {
        width: 49%;
        height: 190px;
        overflow: hidden;
        float: left;
        padding-left: 7px;
    }
    .tagEkonomi {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #006600;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
    }
    a.tEkonomi {
        text-decoration: none;
        font: bold 1em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        display: block;
        padding-top: 30px;
    }
    .titleEkonomi a:hover {
        text-decoration: underline;
    }
    .titleEkonomi p {
        text-decoration: none;
        font: normal 0.8125em/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        overflow: hidden;
        height: 71px;
    }
    .graphEkonomi {
        padding-top: 10px;
    }
    /* Health ============================================== */
    .bigBoxHealth {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxHealth img {
        width: auto;
        height: 255px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-180px;
    }
    .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 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;
    }
    .titleHealth a {
        font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        max-height: 45px;
        overflow: hidden;
    }
    .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 0px;
    }
    .listHealth ul li {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) left -7px no-repeat;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 5px 15px;
    }
    .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;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
    }
    .listHealth ul li a:hover {
        text-decoration: underline;
    }
    /* Entertainment ============================================== */
    .bigBoxEntertainment {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxEntertainment img {
        width: auto;
        height: 255px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-180px;
    }
    .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 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;
    }
    .titleEntertainment a {
        font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        max-height: 45px;
        overflow: hidden;
    }
    .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 0px;
    }
    .listEntertainment ul li {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) left -7px no-repeat;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 5px 15px;
    }
    .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;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
    }
    .listEntertainment ul li a:hover {
        text-decoration: underline;
    }
    /* kompasiana ================================================ */
    .topKompasianaLeft {
    }
    .topKompasianaRight {
        font: normal 0.625em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #b1b1b1;
        padding-top: 10px;
    }
    .listKompasiana {
        padding-top: 5px;
        height: 500px;
        overflow: hidden;
    }
    .listKompasiana ul {
        margin: 0;
        padding: 0;
    }
    .listKompasiana ul li {
        list-style-type: none;
        border-bottom: dotted 1px #ccc;
        overflow: hidden;
        height: 45px;
    }
    .listKompasiana ul li a {
        font: normal 0.8125em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        padding: 5px 0 5px 0;
        display: table-cell;
        height: 40px;
        overflow: hidden;
        vertical-align: middle;
    }
    .listKompasiana ul li a:hover {
        text-decoration: underline;
    }
    /* travel ================================= */
    ul.thumbTravel {
        margin: 0;
        padding: 0;
    }
    ul.thumbTravel li {
        list-style-type: none;
    }
    .listThumbTravel {
        font: normal 0.6875em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
    }
    .bigThumbTravel {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .imgBigThumbTravel img {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .tagTravel {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #00a8a2;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleTravel {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 9;
        bottom: 0;
    }
    .titleTravel a {
        color: #fff;
        text-decoration: none;
    }
    .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 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        z-index: 10;
        padding: 20px;
    }
    .thumbTravel {
        width: 100%;
    }
    .listThumbTravel {
        width: 33.30%;
        height: 100%;
        text-align: center;
        padding: 15px 0 0 0px;
        float: left;
    }
    .listThumbTravel img {
        width: 120px;
        height: 60px;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .listThumbTravel a {
        font: normal 0.6875em "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;
    }
    .listThumbTravel:hover > img {
        border: solid 5px #01837e;
        width: 128px;
        height: 59px;
    }
    .listThumbTravel a:active > img {
        border: solid 5px #01837e;
        width: 118px;
        height: 51px;
    }
    .listThumbTravel a.current > img {
        border: solid 5px #01837e;
        width: 118px;
        height: 51px;
    }
    /* Properti ============================================== */
    .bigBoxProperti {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxProperti img {
        width: auto;
        height: 255px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-180px;
    }
    .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 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 95%;
        margin: 0 auto;
        padding: 5px 10px;
    }
    .titleProperti a {
        font: normal 0.9375em "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        max-height: 45px;
        overflow: hidden;
    }
    .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 0px;
    }
    .listProperti ul li {
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) left -7px no-repeat;
        list-style-type: none;
        margin: 0;
        padding: 5px 0 5px 15px;
    }
    .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;
        max-height: 40px;
        overflow: hidden;
        display: inline-block;
    }
    .listProperti ul li a:hover {
        text-decoration: underline;
    }
    /* kanal buttom ============================ */
    .kanalBottomIn {
        width: 95%;
        margin: 0 auto;
        padding: 0 0px;
    }
    .buttomMenuKanal {
        padding-right: 20px;
    }
    .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;
        padding: 0;
    }
    .buttomMenuKanal ul li {
        list-style-type: none;
        display:inline-block;
        padding: 2px 10px;
    }
    .buttomMenuKanal ul li:first-child {
        padding-left:0;
    }
    .buttomMenuKanal ul li a {
        font: normal 12px "OpenSansSemibold", "Lucida Grande", Arial, Helvetica, sans-serif;
        color: #666;
        text-decoration: none;
        display:inline-block;
    }
    .buttomMenuKanal ul li a:hover {
        text-decoration: underline;
    }
    /* Networks buttom ============================ */
    .buttomMenuNetworks {
        float: left;
        padding-left: 5px;
    }
    .buttomMenuNetworks h1 {
        font: bold 16px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0 0 15px 0;
        padding: 0 0 0px 0;
        border-bottom: solid 1px #ccc;
        width: 445px;
    }
    .buttomMenuNetworks ul {
        margin: 0;
        padding: 0;
        width: 500px;
    }
    .buttomMenuNetworks ul li {
        list-style-type: none;
        float: left;
        width: 120px;
        padding: 2px 0;
    }
    .buttomMenuNetworks ul li a {
        font: normal 12px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #666;
        text-decoration: none;
    }
    .buttomMenuNetworks ul li a:hover {
        text-decoration: underline;
    }
    /* border bottom ======================================== */
    .borderBottom {
        float: left;
        height: 120px;
        border-left: solid 1px #e0e0e0;
        display: none;
    }
    /* footer menu ========================================= */
    .footerMenu ul {
        margin: 0;
        padding: 0px 0px;
    }
    .footerMenu ul li {
        list-style-type: none;
        display: inline-block;
        border-right: solid 1px #000;
        padding: 0 10px;
    }
    .footerMenu ul li a {
        font: normal 0.75em "OpenSansSemibold", "Lucida Grande", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .footerMenu a:hover {
        text-decoration: underline;
    }
    .footerMenu ul li:last-child {
        border-right: none;
    }
    .footerMenu ul li:first-child {
        padding-left: 0;
    }
    .footerMenu h6 {
        font: normal 0.75em "OpenSansSemibold", "Lucida Grande", Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0;
        padding: 0px 0 0 0px;
    }
    .LogoKG {
        padding: 10px 35px 0 0;
        float: right;
    }
    .socialMedia {
        padding: 20px 0;
        float: left;
    }
    .socialMedia ul {
        margin: 0;
        padding: 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#pinterestSoc {
        height: 30px;
        width: 30px;
        display: inline-block;
        background: url(http://assets.kompas.com/data/2013/news/images/socialShared2.jpg) no-repeat -210px 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;
    }
    .socialMedia ul li a#pinterestSoc:hover {
        height: 30px;
        width: 30px;
        display: inline-block;
        background: url(http://assets.kompas.com/data/2013/news/images/socialShared.jpg) no-repeat -210px 0px;
    }
    /* E : WELCOME PAGE ================================================================================================================= */
    /* S : RUBRIK ================================================================================================================= */
    .titleRubrik {
        width: 100%;
        height: 6.66%;
        margin: 0 auto;
        float: left;
        padding: 10px 0;
        text-align: center;
    }
    .titleRubrik h1 {
        margin: 0;
        padding: 0;
        font: normal 50px/58px 'OpenSansExtrabold', Arial, Helvetica, sans-serif;
        color: #000;
        letter-spacing: -3px;
    }
    .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: 230px;
        height: auto;
    }
    .smallLogoKompas a img {
        margin: 0 0 0 -12px;
    }
    ul#submenuKompascom {
        margin: 0;
        padding: 5px 0;
    }
    ul#submenuKompascom li {
        margin: 0;
        padding: 0 0 0 10px;
        list-style-type: none;
        display: inline-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;
    }
    /* E : RUBRIK ==================== */
    /* S : SUBRUBRIK ================================================================================================================= */
    .bannerCenter1SubRubrik {
        width: 100%;
        height: 60px;
        background: #f5f5f5;
    
        text-align: center;
        padding: 5px 0;
}
    .bannerCenter2SubRubrik {
        width: 100%;
        height: 60px;
        background: #f5f5f5;
    
        text-align: center;
        padding: 5px 0;
}
    .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: 25px 0px 40px 0px;
        border-bottom: solid 1px #d1d1d1;
        width: 620px;
    }
    /* 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: 300px;
        height: 150px;
        padding-right: 20px;
    }
    .boxSubRubrik {
        width: 500px;
        float: left;
    }
    .boxSubRubrik2 {
        width: 300px;
        float: left;
    }
    .listBreak {
        border: none;
    }
    .judulListSubRubrik a {
        font: normal 18px/20px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        font-weight: 600;
        color: #000;
        text-decoration: none;
    }
    .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;
    }
    .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;
    }
    .paginationSubRubrik {
        display:block;
        text-align:center;
    }
	.paginationSubRubrik ul {
        margin: 0;
        padding: 0;
    }
    .paginationSubRubrik ul {
        margin: 0;
        padding: 0;
    }
    .paginationSubRubrik ul li {
        list-style-type: none;
        display: inline-block;
        height: 70px;
        padding-top: 4px;
        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 20px 'OpenSansSemibold', arial;
        display: inline-block;
        padding: 2px 10px;
    }
    .paginationSubRubrik ul li#prevBG {
        background: url(http://assets.kompas.com/data/2013/news/images/prevPage.jpg) top left no-repeat;
        display: inline-block;
        height: auto;
        width: auto;
        padding-right: 40px;
    }
    .paginationSubRubrik ul li#nextBG {
        background: url(http://assets.kompas.com/data/2013/news/images/nextPage.jpg) top right no-repeat;
        display: inline-block;
        height: 70px;
        width: 100px;
        padding-left: 40px;
    }
    .paginationSubRubrik ul li a.prevText {
        color: #999;
        padding-left: 40px;
        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 ================================================================================================================= */
    /* HEADLINE RUBRIK ================ */
    .boxHLTrending {
        float: left;
        width: 100%;
    }
    .HLrubrik {
        width: 55%;
        height: auto;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .HLrubrik img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .TrendingRubrik {
        width: 250px;
        height: 180px;
        float: right;
        overflow: hidden;
        padding-right: 10px;
    }
    .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 20px;
    }
    .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/22px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        text-align: left;
        width: 310px;
        display: block;
        max-height: 48px;
        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: 33px;
    }
    .TrendingRubrik ul li span.noTrendingRubrik {
        font: normal 20px 'OpenSansExtraboldItalic', Arial, Helvetica, sans-serif;
        color: #fec287;
        display: inline-block;
        width: 30px;
        float: left;
    }
    .TrendingRubrik ul li span.anchorTrending a {
        text-decoration: none;
        font: normal 11px/18px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        display: table-cell;
        width: 100%;
        overflow: hidden;
        height: 30px;
        vertical-align: middle;
    }
    .TrendingRubrik ul li span.anchorTrending a:hover {
        text-decoration: underline;
    }
    /* LIST ALL RUBRIK ================ */
    .listAllRubrik {
        padding-top: 0px;
    }
    .colTopLeftAllRubrik {
        float: left;
        padding: 20px 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;
    }
    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;
    }
    /* start revisi 16 april */
    .boxThumbRubrik {
        width: 29%;
        height: 236px;
        border: solid 1px #ccc;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }
    .boxThumbRubrikImg {
        width: auto;
        height: 226px;
        position: relative;
        overflow:hidden;
        border: solid 5px #fff;
    }
    .boxThumbRubrikImg img {
        width: auto;
        height: 236px;
        position: absolute;
        left:-140px;
    }
    /* start revisi 16 april */
    .pLRThumb {
        margin: 0 32px;
    }
    h1.tagAllRubrik {
        position: absolute;
        color: #fff;
        font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        padding: 2px 5px;
        top: 5px;
        left: 5px;
        margin: 0;
    }
    h1.tagRubrik {
        background: #bf0000;
    }
    .boxTitleAllRubrik {
        bottom: 0;
        position: absolute;
        width: 94%;
        margin: 0 0 5px 5px;
        padding-bottom: 0px;
		overflow:hidden;
    }
	.boxTitleAllRubrik:after {
		bottom: 0;
		box-shadow: 0 0 30px 33px #000000;
		content: " ";
		display: block;
		height: 0px;
		position: absolute;
		width: 100%;
		z-index:2;
		opacity:0.8;
	}
    .boxTitleAllRubrik a {
        font: normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        width: 88%;
        margin-left: 5px;
        margin-bottom: 5px;
        padding: 10px 5px 20px 5px;
        max-height: 18px;
        overflow: hidden;
		position:relative;
		z-index:3;
    }
    .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: 300px;
        height: 400px;
        background: #fff;
        margin: 20px 0 20px 0px;
        float: right;
        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: 36px;
        overflow: hidden;
        width: 210px;
    }
    .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;
    }
    /**** 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;
    }
    .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;
        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: 80px;
        height: 80px;
        overflow: hidden;
        float: left;
        position:relative;
		margin-right:20px;
    }
    .imgListRubrik img {
        width: auto;
        height: 80px;
        position:absolute;
    }
    /* e revisi 16 april */
    .rightListRubrik {
        width: 83%;
        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 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        height: 20px;
        overflow: hidden;
    }
    .rightListRubrik2 a {
        margin: 0;
        padding: 2px 0;
        font: normal 14px '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: 2px 0 0 0;
        font: normal 12px "Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        overflow: hidden;
        max-height: 44px;
    }
    .rightListRubrik2 p {
        margin: 0;
        padding: 2px 0 0 0;
        font: normal 12px "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 : ARTIKEL DETAIL ========================================================================================================== */
    /* artikel */
    .artikel-atas {
    }
    .artikel-detail {
        width: 100%;
        float: left;
        padding: 20px 20px 0 0px;
        position: relative;
    }
    .artikel-detail-alt2 {
        width: 100%;
        float: left;
        padding: 20px 20px 0 0px;
        position: relative;
    }
    .ml-p-right {
        border: 1px solid #e3e3e3;
        position: relative;
        padding: 0.8%;
        margin: 15px 0px 15px 15px;
        float: right;
    }
    .ml-p-left {
        position: relative;
        margin: 15px 15px 15px 0;
        float: left;
        width:200px;
    }
    .ml-p-left img {
        width:98.4%;
        border: 1px solid #e3e3e3;
        padding: 0.8%;
        float:left;
        margin-bottom:10px;
    }
    .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 {
        font: normal 16px/26px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #333;
    }
    .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 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 2em/1.2em 'OpenSansBold', arial;
        color: #000;
        letter-spacing: -1px;
        margin: 0 0 10px 0px;
    }
    .artikel-detail-alt2 h1 {
        font: normal 2em/1.2em 'OpenSansBold', arial;
        color: #000;
        letter-spacing: -1px;
        margin: 0 0 10px 0px;
    }
	.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;	
	}
    .cl-blue {
        color: #30a3dc;
    }
    .artikel-detail-penulis ul {
        list-style: none;
        color: #999;
        margin: 0px 0 10px;
        padding: 0;
        font-size: 12px;
        width: auto;
        float: left;
    }
    .artikel-detail-penulis li {
        float: left;
        padding: 0 10px;
        border-right: 1px solid #e7e7e7;
    }
    .artikel-detail-penulis li:first-child {
        float: left;
        padding: 0 5px 0 0px;
        border-right: 1px solid #e7e7e7;
    }
    /****** Quotes ********/
    .quotes {
        width: 300px;
        padding: 20px;
        font: bold 1.5em/1.25em "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #ff7800;
        margin:0 auto;
    }
    .quotes3 {
        width: 200px;
        font: bold 1.2em/1.2em "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #ff7800;
        margin:0 auto;
    }
    .left-alt3 {
        width:200px;
        float:left;
        padding:5px 20px 20px 0px;
    }
    /****** Editor dan sumber ******/
    .editor-artikel {
        float: left;
        font: normal 0.750em "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #999999;
        margin:10px 0 20px;
    }
    .sumber-artikel {
        float: left;
        font: normal 0.750em "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #999999;
    }
    /****** Next artikel ********/
    /****** Next artikel ********/
    .next-artikel {
        margin:0px 0 20px;
    }
    .next-artikel ul {
        list-style: none;
        margin: 0px auto;
        padding: 0;
        width:64%;
    }
    .next-artikel li {
        float: left;
        font: normal 0.850em "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:20px;
        margin-right:30px;
        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:30px;
        border-left:1px solid #ccc;
    }
    /************************** Breadcrum *******************************/
    #breadcrumb {
        height: 15px;
        margin-bottom: 5px;
    }
    #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 {
        width: 300px;
        height: 400px;
        background: #fff;
        margin: 20px 0 20px 0px;
        float: right;
        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: 34px;
        overflow: hidden;
        width: 210px;
    }
    .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: 48%;
        height: 260px;
        background: #fff;
        margin: 20px 0 0 0px;
        float: right;
        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 0.928em/22px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        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:0px 0 20px;
        width:40%;
        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;
    }
    .terkait {
        width: 45%;
        height: 260px;
        background: #fff;
        margin: 20px 0 0 0px;
        overflow: hidden;
        float:left;
    }
    .terkait ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .terkait li {
        border-bottom: dotted 1px #cbcbcb;
        padding: 10px 0 5px 0;
        font: normal 14px/24px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) top left no-repeat;
        padding-left: 15px;
        height: 21px;
        overflow: hidden;
    }
    .terkait li a {
        font: normal 14px/24px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        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 10px 0;
        padding: 0px 0 3px 0;
        border-bottom: 2px solid #000;
    }
    .ikuti-topik {
        width: 45%;
        height: 250px;
        margin: 20px 0 0 0px;
        overflow: hidden;
        float:right;
        background: #f4f4f4;
        border:1px solid #e4e4e4;
        padding:10px 20px;
        text-shadow: 1px 1px 1px #ffffff;
    }
    .ikuti-topik ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .ikuti-topik li {
        border-bottom: dotted 1px #cbcbcb;
        padding: 10px 0 5px 0;
        font: normal 14px/24px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/arrow-ter.gif) top left no-repeat;
        padding-left: 15px;
        height: 21px;
        overflow: hidden;
    }
    .ikuti-topik li a {
        font: normal 14px/24px "Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .ikuti-topik li a:hover {
        text-decoration: underline;
    }
    .ikuti-topik li:last-child {
        border-bottom: 0px solid #ccc;
    }
    .ikuti-topik h1 {
        font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0 0 0px 0;
        padding: 0px 0 3px 0;
    }
    /* trending */
    .trending-artikel {
        width: 300px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-top: 20px;
        padding-bottom:5px;
        border-bottom:5px solid #e5e5e5;
        margin-left:2%;
    }
    .trending-artikel h1 {
        font: normal 1em 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px 0 5px;
        border-bottom:3px solid #66c1d4;
        padding-bottom:8px;
    }
    .trending-artikel ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .trending-artikel li {
        padding: 10px 0;
        font: normal 0.850em/1.5em "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.850em/1.5em "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/1em 'OpenSansBoldItalic', "Lucida Grande", Arial, Helvetica, sans-serif;
        color: #fec287;
        float: left;
    }
    .trending-kat {
        width: 255px;
        float: left;
    }
    .trending-title {
        width: 255px;
        height: auto;
        overflow: hidden;
        float: left;
    }
    .trending-title a {
        width: 255px;
        float: left;
        text-decoration: none;
        color: #000;
    }
    .trending-title a:hover {
        text-decoration: underline;
    }
    .terbaru-kat {
        width: 70%;
        float: left;
        margin-left:10px;
    }
    .terbaru-title {
        width: 70%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-left:10px;
    }
    .terbaru-title a {
        width: 100%;
        float: left;
        text-decoration: none;
        color: #000;
    }
    .terbaru-title a:hover {
        text-decoration: underline;
    }
    .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: 300px;
        height: auto;
        overflow: hidden;
        float: left;
        margin-top: 20px;
        padding-bottom:5px;
        border-bottom:5px solid #e5e5e5;
        margin-left:2%;
    }
    .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 0;
        font: normal 0.850em/1.5em "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 0;
        font: normal 0.850em/1.5em "opensanssemibold","Lucida Grande","Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        border-bottom: dotted 0px #cbcbcb;
    }
    .komentar-lay {
        width: 100%;
        float: left;
        padding-right: 20px;
    }
    .w_760 {
        width: 100%;
    }
    .social-newsletter-images {
        width: 350px;
        margin: 0px 20px 20px 0;
        float: left;
        height: auto;
    }
    /*********************** Social Shared ***************************/
    .shared-bottom {
        float:right;
        width:60%;
    }
    .social-media {
        width: 245px;
        height: 45px;
        float: right;
        margin-top: -20px;
        margin-bottom: 10px;
    }
    .social-fb {
        width: 60px;
        height: 60px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/fb-shared.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 13px;
    }
    .social-fb-alt2 {
        width: 57px;
        height: 60px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/fb-shared.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 4px;
    }
    .social-fb-count {
        font: bold 14px/14px Arial, Helvetica, sans-serif;
        color: #000;
        width: 45px;
        height: 18px;
        margin: 10px auto;
        text-align: center;
    }
    .social-twitter {
        width: 60px;
        height: 60px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/tweet-shared.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 13px;
    }
    .social-twitter-alt2 {
        width: 57px;
        height: 60px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/tweet-shared.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 4px;
    }
    .social-twitter-count {
        font: bold 14px/14px Arial, Helvetica, sans-serif;
        color: #000;
        width: 45px;
        height: 18px;
        margin: 10px auto;
        text-align: center;
    }
    .social-google {
        width: 50px;
        height: 60px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/gplus.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 13px;
    }
    .social-google-alt2 {
        width: 50px;
        height: 60px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/gplus.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 4px;
    }
    .social-google-count {
        font: bold 14px/14px Arial, Helvetica, sans-serif;
        color: #000;
        width: 38px;
        height: 18px;
        margin: 10px auto;
        text-align: center;
    }
    .social-email {
        width: 57px;
        height: 62px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/email-shared.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 13px;
    }
    .social-email-alt2 {
        width: 57px;
        height: 62px;
        background: url(http://assets.kompas.com/data/2013/news/images/artikel/email-shared.gif) no-repeat;
        overflow: hidden;
        float: left;
        margin-right: 4px;
    }
    .social-email-count {
        font: bold 14px/14px Arial, Helvetica, sans-serif;
        color: #000;
        width: 45px;
        height: 18px;
        margin: 10px auto;
        text-align: center;
    }
    .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;
    }
    .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 {
        padding: 8px 12px;
        width: 324px;
        height: 50px;
        font: normal 17px/20px 'OpenSansRegular', lucida sans;
        color: #000;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #d1d1d1;
        margin-top: 20px;
        background: #ececec;
        font-weight: 500;
    }
    .newsletter-submit-alt2 {
        padding: 8px 12px;
        width: 250px;
        height: 50px;
        font: normal 17px/20px 'OpenSansRegular', lucida sans;
        color: #000;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #d1d1d1;
        margin-top: 0px;
        background: #ececec;
        font-weight: 500;
        float: right;
    }
    .newsletter-submit input[type="file"] {
        width: 100%;
    }
    #submit-newsletter {
        width: 160px;
        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;
    }
    .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;
    }
    /************************ Newsletter ************************/
    /******************** images artikel ***********************/
    .images-area {
        width: 350px;
        height: auto;
        position: absolute;
        margin-bottom: 10px;
		z-index:1;
    }
    .images-area-alt2 {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .images-area-img {
        width: 340px;
        height: 175px;
        overflow: hidden;
        position: relative;
        background: #fff;
        border: 1px solid #e3e3e3;
        padding: 5px;
    }
    .images-area-img-alt2 {
        width: 98.4%;
        height: auto;
        overflow: hidden;
        position: relative;
        background: #fff;
        border: 1px solid #e3e3e3;
        padding: 0.8%;
    }
    .images-area-img img {
        width: 340px;
        height: auto;
        overflow: hidden;
    }
    .images-area-img-alt2 img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .images-area-desc {
        font: normal 0.650em/21px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #666;
        padding: 5px 5px;
        background: #fff;
        z-index: 1;
        max-height: 21px;
        overflow: hidden;
        position: absolute;
        width: 340px;
    }
    .append-images-desc {
        font: normal 0.650em/16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #fff;
        padding: 5px 30px 5px 10px;
        background: #000;
        z-index: 1;
        max-height: 51px;
        overflow: hidden;
        position: absolute;
        display: none;
        bottom: 0;
        margin: 7px;
        opacity: 0.7;
        width: 88.7%;
    }
    .images-area-desc-alt2 {
        font: normal 0.650em/16px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #666;
        padding: 5px 5px;
        background: #fff;
        z-index: 1;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .perbesar-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;
    }
    .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: 220px;
    }
    .social-shared-alt2 {
        margin:0 0 20px;
        float: left;
    }
    .append-social-shared {
        display: block;
    }
    .appendSocial {
        display: none;
    }
    /* ============================================ 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: 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: 500px;
        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: 94%;
        margin: 0px 0;
        background: #eee;
        boder: 1px dotted #ccc;
        float: left;
        color: #000;
        font: normal 11px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        padding: 3%;
        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.png) 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.png) 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: 220px;
        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 20px;
        width: 100%;
        overflow: hidden;
        background: #fff;
        margin: 20px 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 {
        width: 140px;
        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 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 {
        border: 1px solid #999;
        margin: 0 0 0px 0;
        width: 95.7%;
        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 {
        border: 1px solid #999;
        margin: 0 0 0px 0;
        width: 95.7%;
        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 {
        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 .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 {
        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 {
        width: 99.7%;
        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;
		border-top: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 {
        width: 140px;
        margin: 0 8px;
        font: normal 13px/22px "Lucida Grande","Lucida Sans Unicode";
        text-align: left;
        color: #ccc;
        float: left;
    }
    .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 {
        border-bottom: 0px dotted #7e7e7e;
        float: right;
        font: normal 16px/24px 'OpenSansRegular', arial;
        margin-bottom: 10px;
    }
    .form-komentar-link {
        font: normal 1em/1em 'OpenSansRegular', arial;
        margin-bottom: 10px;
        border-bottom: 1px solid #e2e2e2;
        padding: 0px 0 10px;
        text-align: center;
        width: 100%;
        display: 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: 80px;
    }
    .c_lh18 {
        line-height: 18px;
    }
    .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: 70px;
        border-top: dotted 1px #cbcbcb;
    }
    .user_komen img {
        width: 45px;
        height: 45px;
        border: 0px;
    }
    .komen_list_1 {
        padding: 5px 10px 5px 20px;
    }
    .w_isikomen_main {
        width: 65%;
        overflow: auto;
    }
    .w_isikomen_sub {
        width: 58%;
    }
    .w_tool_komen {
        width: auto;
        margin-right: 0px;
    }
    .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 12px 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 =========================================== */
    .contentLeftKompascom-alt2 {
        float: left;
        width: 65.50%;
        padding-right: 20px;
    }
    /* E : ARTIKEL DETAIL ========================================================================================================== */
    /* secondary banner artikel */
    .bannerRA {
        width: 300px;
        height: 250px;
        float: left;
        margin-left: 2%;
    }
    .bannerR2A {
        width: 300px;
        height: 250px;
        float: left;
        margin-top: 20px;
        margin-left: 2%;
    }
    .bannerR3A {
        width: 300px;
        height: 250px;
        float: left;
        margin-top: 20px;
        margin-left: 2%;
    }
    .aktivitasA {
        width: 300px;
        height: 250px;
        background: #ccc;
        margin-left: 5px;
        margin-top: 20px;
        float: left;
        overflow: hidden;
    }
    .aktivitasA img {
        width: 100%;
        height: auto;
    }
    .terbaruTerkomentari-artikelA {
        width: 300px;
        height: 400px;
        background: #fff;
        margin-left: 2%;
        margin-top: 20px;
        float: left;
        overflow: hidden;
    }
    .imgterbaruTerkomentariA {
        float: left;
        width: 65px;
        height: 65px;
        overflow: hidden;
    }
    .imgterbaruTerkomentariA img {
        width: 65px;
        height: 65px;
        overflow: hidden;
    }
    /* s : revisi 16 april */
    .imgterbaru {
        float: left;
        width: 65px;
        height: 65px;
        overflow: hidden;
        position:relative;
    }
    .imgterbaru img {
        width: auto;
        height: 65px;
        overflow: hidden;
        position:absolute;
        left:-30px;
    }
    /* e : revisi 16 april */
    .listTerbarkom-artikelA {
        border-bottom: dotted 0px #dadada;
        padding: 9px 0;
    }
    .titleTerbakom-artikelA {
        float: left;
        padding-left: 10px;
        height: 35px;
        overflow: hidden;
        width: 210px;
    }
    .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;
        max-width: 220px;
    }
    .tabTerbaruA {
        padding: 0 10px;
    }
    .tabTerkomentariA {
        padding: 0 10px;
    }
    /* topik pilihan */
    .topikPilihanA {
        width: 100%;
        height: auto;
        float: left;
        padding: 2% 0%;
        overflow: hidden;
    }
    .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 {
        display: table-cell;
        vertical-align: middle;
        height: 48px;
        overflow: hidden;
        float: left;
    }
    .titleTopilA a {
        font: normal 0.6875em/16px '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: 18%;
        padding: 10px 0;
        float: left;
        margin-right: 2.5%;
    }
    .imgTopikPilhanA {
        float: left;
        width: 100%;
        height: 70px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .imgTopikPilhanA img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .imgBottomBox {
        float: left;
        width: 40%;
        height: 70px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .imgBottomBox img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .listTopikPilihanA:last-child {
        margin-right: 0;
    }
    /* secondary banner artikel */
    /* Calendar */
    #calendarField {
        background:#ededed url(http://assets.kompas.com/data/2013/news/images/arrow-bottom.gif) right center no-repeat;
        outline:none;
        border:none;
        cursor:pointer;
        height:auto;
        width:88%;
        padding:4.4% 6%;
        font:normal 12px "Lucida Grande","Lucida Sans Unicode", sans-serif;
        border-left:1px solid #e7e7e7;
    }
    .w_Date {
        width:36.7%;
    }
    .JsCalendar {
        position:relative;
        width:91%;
        font-family:"Lucida Grande","Lucida Sans Unicode", sans-serif;
        border: 10px solid #ededed;
        background:#fff;
    }
    /* Personalisasi Silver */
    .mykompasIndex-silver {
        width: 36.3%;
        height: 502px;
        background: #e0dfdb;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
    }
    .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: 36.3%;
        height: 502px;
        float: left;
        margin-top: 20px;
        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;
    }
	
	/* 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 */
	/* tooltip styling */
    #tooltipRegister {
        height:auto;
        overflow:hidden;
        width:auto;
        cursor:pointer;
        color:#000;
    }
    .tooltip {
        display:none;
        height:auto;
        width:200px;
        font-size:11px;
        position:absolute;
        z-index:999;
    }
    .tooltipIn {
        -webkit-box-shadow: 0px 0px 3px 3px rgba(125, 125, 125, 0.1);
        box-shadow: 0px 0px 3px 3px rgba(125, 125, 125, 0.1);
        font:normal 12px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color:#000;
        background:#e1e1e1;
        border:1px solid #929292;
        padding:10px 20px;
        margin-top:-1px;
        text-shadow: 0px 1px 1px #ffffff;
    }
	
	
	#wrap-skin { width:1024px; display:block; overflow:hidden;}
	#left_TL { display:none; }
	#right_TL { display:none; }
	
	/* 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; }

	/* s: TAMBAHAN */

	.author { 
		display: block;
		float: right;
		text-align: right;
		width: 100%;
	}

	.pb_10 { 
		color: #666666;
		font-size: 10px;
	}

	.photo { 
		color: #666666;
		font-size: 10px;
		margin-bottom: 20px;
	}

	/* e: TAMBAHAN */

	.footerMenu2 {
    float: left;
    padding: 20px 0 0;
    text-align: left;
    width: 74%;
}

.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: 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: 970px;
}
.buttomMenuKanal2 {
    padding-right: 20px;
}
.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;
}

}