@charset"utf-8";

/* CSS Document */

/* ========================================================================================================== 
	Mobile Layout: 639px and below. 
   ==========================================================================================================	
*/
 @media only screen and (min-width:601px) and (max-width:729px) {
    /* S : RADIO AUSTRALIA */
    .radioAustralia {
        width:100%;
        height:120px;
        border:solid 1px #969696;
        margin-top:20px;
        background:url(http://assets.kompas.com/data/2013/news2/images/bg_australia3.jpg) no-repeat;
        overflow:hidden;
    }
    a.headRadioAustralia {
        display:block;
        width:300px;
        height:50px;
    }
    .listRadioAustralia {
        width:250px;
        height:70px;
        padding:0 0 0 35px;
        float:left;
    }
    .listRadioAustralia a {
        font: normal 14px/18px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #51789e;
        text-decoration:none;
        height:38px;
        overflow:hidden;
        display:table-cell;
        vertical-align:middle;
    }
    .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 22px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #626262;
    }
    td.updateData {
        font: normal 14px '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:100%;
        height:176px;
        margin-top:20px;
        border:solid 1px #ccc;
        overflow:hidden;
    }
    .bbcList {
        padding:10px 10px;
        float:left;
    }
    .bbcList img {
        float:left;
        width:100px;
        height:60px;
        border:solid 1px #ccc;
    }
    .bbcListRight {
        float:left;
        width: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 {
        display:block;
        background:#990000;
    }
    .bbcFooter {
        background:#b2b2b2;
    }
    /* 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: 40%;
        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: 44px;
        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: 365px;
        overflow: hidden;
        height: 40px;
        vertical-align: middle;
        padding: 6px 10px;
    }
    .TrendingRubrikB ul li span.anchorTrendingB a:hover {
        text-decoration: none;
        background: #f0f0f0;
    }
    .TrendingRubrikB ul li span.anchorTrendingB a:active {
        text-decoration: none;
        background: #f0f0f0;
    }
    .TrendingRubrikB ul li span.anchorTrendingB a.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: #f0f0f0;
        padding: 5px 10px;
        border-radius: 3px;
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #000;
    }
    .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 ================================================================================================================= */
    .clearit640 {
        clear: both;
    }
    .appendRadioAustralia2 {
        display:block;
    }
    .appendRadioAustralia1 {
        display:none;
    }
    .appendBBC2 {
        display:block;
    }
    .appendBBC1 {
        display:none;
    }
    .appendContentRight {
        display:block;
    }
    .appendContentRight-768 {
        display:none;
    }
    .appendR1 {
        display: none;
    }
    .appendR2 {
        display: block;
    }
    .adsMR1Lipsus1 {
        display: none;
    }
    .adsMR1Lipsus2 {
        display: block;
    }
    .appendBanner1 {
        display: none;
    }
    .appendBanner2 {
        display: block;
    }
    .appendR1akt1 {
        display: none;
    }
    .appendR1akt2 {
        display: block;
    }
    .appendR2Rubrik1 {
        display: none;
    }
    .appendR2Rubrik2 {
        display: block;
    }
    .appendTerbaruTerkomentariRubrik1 {
        display: none;
    }
    .appendTerbaruTerkomentariRubrik2 {
        display: block;
    }
    .appendR3Rubrik1 {
        display: none;
    }
    .appendR3Rubrik2 {
        display: block;
    }
    .appendHealthEntertainment1 {
        display: none;
    }
    .appendHealthEntertainment2 {
        display: block;
    }
    .appendKompasiana1 {
        display: none;
    }
    .appendKompasiana2 {
        display: block;
    }
    .appendDate2 {
        display: block;
    }
    .appendDate1 {
        display: none;
    }
    .appendSearch1 {
        display: none;
    }
    .appendSearch2 {
        display: block;
        float: right;
    }
    .appendSLogo1 {
        display: none;
    }
    .appendSLogo2 {
        display: block;
    }
    .appendSubMenuMobile1 {
        display: none;
    }
    .appendSubMenuMobile2 {
        display: block;
    }
    .appendTrending1 {
        display: block;
    }
    .appendTrending2 {
        display: none;
    }
    .appendSmallLogoKompas1 {
        display: block;
    }
    .appendSmallLogoKompas2 {
        display: none;
    }
    .appendTerbaru {
        display:none;
    }
    /* style append rubrik ===== */
    .box768_1 {
        float: left;
        width: 100%;
    }
    .box768_2 {
        float: right;
        width: 45%;
    }
    box768_3 {
        background: red;
    }
    .appendLeftR2R3Rubrik {
        float: left;
        width: 47%;
    }
    .appendRightR2R3Rubrik {
        float: right;
    }
    .appendSubMenuMobile1 {
        display: none;
    }
    .appendSubMenuMobile2 {
        display: block;
        background: #fff;
    }
    /* menu mobile */
    .appendSubMenuMobile3 {
        display: block;
        position: absolute;
        background: #fff;
        z-index: 20;
    }
    .appendSubMenuMobile3 .subMenuDrop ul#submenuKompascom li {
        padding: 5px 10px;
    }
    .appendSubMenuMobile3 .subMenuDrop ul#submenuKompascom {
        width: 150px;
    }
    /* menu mobile */
    .hide {
        display: none;
    }
    .clearit2 {
        clear: both;
    }
    .gridContainer {
        width: 88.2%;
        max-width: 1232px;
        padding-left: 0.9%;
        padding-right: 0.9%;
        margin: auto;
    }
    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    .kompasContainer {
        width: 95%;
        max-width: 1140px;
        padding: 0;
        margin: 0 auto;
    }
    /* header css ------------------------- */
    bannerTopMobile {
        width: 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: 0px 0;
        margin: 0 auto;
    }
    .bannerTopOut {
        width: 100%;
        height: 90px;
        background: #f5f5f5;
        margin: 0 auto;
        padding: 10px 0;
    }
    .bannerTop1 {
        width: 95%;
        height: 90px;
        margin: 0 auto;
    }
    .bannerTop1 img {
        width: 100%;
    }
    .harkomRow1 {
        font: normal 10px "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%;
        padding-top: 5px;
        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 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
        color: #999;
        margin: 0;
        text-align: center;
    }
    .logoKompascom {
        width: 46.0%;
        height: 6.66%;
        margin: 0 auto;
        float: left;
        text-align: center;
    }
    .logoKompascom a {
        text-decoration: none;
        border: none;
        text-align: center;
        width: 230px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .logoKompascom a img {
        width: 100%;
        height: auto;
    }
    .reg_search {
        width: 24.93%;
        padding-top: 5px;
        float: right;
    }
    .reg_searchRow1 {
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", sans-serif Arial, Helvetica, sans-serif;
        color: #000;
        padding-bottom: 5px;
    }
    .reg_searchRow1 a {
        text-decoration: none;
        color: #000;
    }
    .reg_searchRow1 a:hover {
        text-decoration: underline;
    }
    .reg_searchRow2 {
        width: 80%;
        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/news2/images/search.jpg) left no-repeat;
        padding-left: 30px;
        position: relative;
        float: left;
    }
    .reg_searchRow2_Close {
        display: none;
    }
    .reg_searchRow2 div.boxSearch {
        width: 60%;
    }
    .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;
    }
    .kompasMenu {
        border-top: solid 1px #eaeaea;
        border-bottom: solid 1px #eaeaea;
        width: 100%;
        padding: 4px 0;
        display: block;
        position: relative;
    }
    .homeIndex {
        width: 32px;
        height: 32px;
        float: left;
        padding-left: 10px;
    }
    .homeIndex a img {
        width: 28px;
        height: 28px;
        display: inline-block;
        padding: 4px;
    }
    #km2menu {
        display: block;
        float: left;
        width: 120px;
    }
    #km2menuA {
        display: none;
        float: left;
        width: 120px;
    }
    #km2menu2 {
        display: block;
        float: left;
        width: auto;
    }
    .kompasMenu2 {
        display: block;
        position: relative;
    }
    .kompasMenu2 ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: auto;
        padding: 2px 0 0 10px;
    }
    .kompasMenu2 ul li {
        list-style-type: none;
    }
    .kompasMenu2 ul li a {
        text-decoration: none;
        text-transform: uppercase;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000000;
        display: block;
        padding: 5px 0;
    }
    .kompasMenu2 ul#mainMenu {
        position: absolute;
        z-index: 21;
        background: #fff;
        height: auto;
        top: 40px;
        padding: 10px 10px 10px 0;
        -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
    }
    .headerRow3 {
        border-bottom: solid 3px #e74f1d;
        margin: 0 auto;
    }
    .kompasMenu2 ul#mainMenu li {
        padding: 0 15px;
        display: block;
    }
    .kompasMenu2 ul#mainMenu li a {
        border-bottom: solid 1px #e5e5e5;
        display: block;
        padding: 5px 10px;
        width: 140px;
    }
    .kompasMenu ul#mainMenu li a.selected {
        background: #f33e07;
        color: #fff;
    }
    .kompasMenu2 ul#mainMenu li a:hover {
        background: #f33e07;
        color: #fff;
    }
    .kompasMenu2 ul li a#menuLeft {
        padding-left: 10px;
    }
    #menu-left-up {
        display: none;
        width: auto;
        background: #fff url(http://assets.kompas.com/data/2013/news2/images/menu-icon-up.gif) right center no-repeat;
        padding-right: 60px;
        padding-left: 10px;
        float: left;
    }
    a#menuLeftDown {
        padding-right: 60px;
        background: #fff url(http://assets.kompas.com/data/2013/news2/images/menu-icon.gif) right center no-repeat;
        padding-left: 10px;
        width: auto;
        float: left;
    }
    #menu-left-up2 {
        display: none;
        float: left;
        width: auro;
        background: #fff url(http://assets.kompas.com/data/2013/news2/images/section2.png) right center no-repeat;
        padding-right: 46px;
        padding-left: 10px;
        color: #666;
    }
    a#menuLeftDown2 {
        padding-right: 46px;
        background: #fff url(http://assets.kompas.com/data/2013/news2/images/section.png) right center no-repeat;
        padding-left: 10px;
        width: auto;
        color: #666;
    }
    .dNone {
        display: none;
    }
    .breakingNews {
        border-top: solid 1px #dadada;
        border-bottom: solid 1px #dadada;
        margin-top: 5px;
    }
    .breakingNews h5 {
        margin: 5px 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/news2/images/bgBreak.jpg) no-repeat top center;
        width: 100px;
        text-transform: uppercase;
    }
    .breakingNews h1, .breakingNews h1 a {
        margin: 0;
        padding: 2px 0 0 10px;
        font: normal 20px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        display: inline-block;
        float: left;
        overflow: hidden;
        width: 80%;
        height: 30px;
        text-decoration: none;
    }
    .breakingNews h1 a:hover {
        text-decoration: underline;
    }
    .headline {
        width: 100%;
        height: auto;
        margin: 10px 0 0 0;
        background: #f5f5f5;
        float: left;
        position: relative;
        border-bottom: solid 1px #dedede;
    }
    .bannerR {
        width: 300px;
        height: 250px;
        float: right;
        margin-top: 20px;
        display: none;
    }
    .bannerR23 {
        float: right;
        display: none;
    }
    .bannerR2 {
        width: 300px;
        height: 250px;
        background: #ccc;
        margin-top: 20px;
        display: none;
    }
    .bannerR3 {
        width: 298px;
        height: 248px;
        background: #ccc;
        margin-top: 20px;
        border: solid 1px #dadada;
        display: none;
    }
    .aktivitas {
        width: 300px;
        height: 250px;
        background: #f2f2f2;
        float: right;
        margin-top: 20px;
        margin-left: 1.5%;
        text-align: center;
        overflow: hidden;
        display: none;
    }
    .aktivitas img {
        width: 100%;
        height: auto;
    }
    .moreHL {
        width: 48%;
        height: 460px;
        background: #fff;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        position: relative;
    }
    .topikPilihan {
        width: 48.2%;
        height: 444px;
        background: #f4f4f4;
        float: right;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
    }
    .zone1 {
        width: 32%;
        height: auto;
        margin-top: 20px;
        background: orange;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
    }
    .zone2 {
        width: 32%;
        height: auto;
        background: #ccc;
        margin-top: 20px;
        margin-left: 2%;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
    }
    .zone3 {
        width: 32%;
        height: auto;
        background: #ccc;
        margin-top: 20px;
        float: left;
        margin-left: 2%;
        font-family: Arial, Helvetica, sans-serif;
    }
    .zoneLeft {
        width: 50%;
        height: auto;
        float: left;
    }
    .zoneLeft img {
        width: 100%;
        height: auto;
        display: none;
    }
    .zoneRight {
        width: 90%;
        height: 32px;
        overflow: hidden;
        float: left;
        padding: 10px 10px 15px 10px;
    }
    .ZoneFont1 a {
        text-decoration: none;
        font: bold 12px Arial, Helvetica, sans-serif;
    }
    .ZoneFont2 a {
        text-decoration: none;
        font: normal 11px Arial, Helvetica, sans-serif;
        height: 25px;
        overflow: hidden;
        display: block;
    }
    .ZoneFont2 {
        padding: 2px 0 0 0;
    }
    .ZoneFont1 a:hover {
        text-decoration: underline;
    }
    .ZoneFont2 a:hover {
        text-decoration: underline;
    }
    .mr1Lipsus {
        float: left;
        width: 100%;
        padding-top: 20px;
    }
    .mr1 {
        width: 300px;
        height: 250px;
        background: #f8f8f8;
        margin-top: 20px;
        float: left;
        display: none;
    }
    .lipsusArea {
        width: 298px;
        height: 248px;
        background: #f8f8f8;
        margin-top: 20px;
        float: right;
        display: none;
    }
    .terbaruTerkomentari {
        width: 47%;
        height: 505px;
        margin: 20px 0 0 0px;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .terpopuler {
        width: 50%;
        height: 520px;
        background: #fff;
        margin: 20px 0 0 0px;
        float: right;
        overflow: hidden;
    }
    .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;
    }
    .secondaryMRL {
        float: left;
        margin-left: 20px;
    }
    .secondaryMR1 {
        width: 300px;
        height: 250px;
        background: #ccc;
        margin-top: 20px;
    }
    .secondaryLA {
        width: 298px;
        height: 248px;
        background: #ccc;
        margin-top: 20px;
        border: solid 1px #dadada;
    }
    .border2 {
        width: 100%;
        height: 28px;
        border-bottom: solid 1px #e2e2e2;
    }
    .teknoBox {
        width: 48.428571%;
        height: auto;
        float: left;
        margin-top: 20px;
        position: relative;
    }
    .bolaBox {
        width: 48.428571%;
        height: auto;
        float: right;
        margin: 20px 0 0 2.85714%;
        position: relative;
    }
    .otomotifBox {
        width: 48.428571%;
        height: auto;
        float: left;
        margin-top: 20px;
        position: relative;
    }
    .femaleBox {
        width: 48.428571%;
        height: auto;
        float: right;
        margin: 20px 0 0 0px;
    }
    .todayPhoto {
        width: 48.428571%;
        height: auto;
        background: #fff;
        float: left;
        margin: 20px 0 0 0px;
        border-top: solid 3px #000;
        padding-top: 5px;
    }
    .kompasVideo {
        width: 48.428571%;
        height: auto;
        background: #fff;
        float: right;
        margin: 20px 0 0 0px;
        border-top: solid 3px #000;
        padding-top: 5px;
    }
    .bannerCenter {
        padding: 0 0 20px 0;
    }
    .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 {
        padding: 20px 0 0 0;
    }
    .bannerCenter1 {
        width: 468px;
        height: 60px;
        margin: 0 auto;
    }
    .secondarybannerCenter1 {
        width: 468px;
        height: 60px;
        background: grey;
        margin: 0 auto;
    }
    .bannerCenter2 {
        width: 468px;
        height: 60px;
        background: grey;
        margin: 20px auto 0 auto;
        display: block;
    }
    .ekonomiBox {
        width: 48.57142857142857%;
        height: 157.5px;
        float: left;
        border: solid 1px #ccc;
        overflow: hidden;
    }
    .healthBox {
        width: 48.428571%;
        height: auto;
        float: left;
        margin: 20px 2.857142857142857% 0 0;
    }
    .entertainmentBox {
        width: 48.428571%;
        height: auto;
        float: right;
        margin: 20px 0 0 0%;
    }
    .kompasianaBox {
        width: 48.77142857142857%;
        height: 159.5px;
        float: right;
        margin: 0px;
        overflow: hidden;
    }
    .travelBox {
        width: 48.428571%;
        height: auto;
        float: left;
        margin: 20px 2.857142857142857% 0 0;
        overflow: hidden;
    }
    .propertiBox {
        width: 48.428571%;
        height: auto;
        float: right;
        margin: 20px 0 0 0%;
    }
    .bannerAdB {
        width: 100%;
        height: auto;
        background: #ccc;
        margin-top: 20px;
        display: none;
    }
    .kanalBottom {
        width: 100%;
        height: auto;
        background: #f4f4f4;
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .footer {
        width: 100%;
        margin: 20px auto 0 auto;
    }
    .footerMenu {
        width: 95%;
        padding: 0 0px;
    }
    .footerSocial {
        float: left;
        width: 18%;
        height: auto;
        float: right;
        padding-right: 2%;
    }
    .hAds {
        display: none;
    }
    .hAds img {
        width:100%;
    }
    /* cutting in ============================================================= */
    /* headline ============================================ */
    .bigImgHL {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .bigImgHL img {
        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 20px;
        padding: 2px 10px;
        font: normal 14px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: red;
        display: inline-block;
        position: relative;
        top: 0px;
        z-index: 20;
    }
    .titleBigHL:after {
        content:"\0020";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        /* when 0 no shadow is displayed*/
        box-shadow: 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 20px 0px 20px;
        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;
    }
    .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.82%;
        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/news2/images/hlHover.png) no-repeat top center;
    }
    .listThumbHL:hover > a img {
        border: solid 4px #72d6ff;
    }
    .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/news2/images/hlHover.png) no-repeat top center;
    }
    a#arrowThumb.selected {
        display: block;
        background: url(http://assets.kompas.com/data/2013/news2/images/hlHover.png) no-repeat top center;
        position: absolute;
        width: 100%;
        height: 10px;
        top: -10px;
        z-index: 99999999;
    }
    /* more headline ====================================== */
    .boxListMoreHL {
        width: 100%;
        height: 435px;
        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/news2/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 17px 15px 17px;
        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 1em "OpenSansReguler", Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        display: inline-block;
        background: #fff;
        padding: 2px 5px;
        margin-top: -14px;
        float: left;
        position: absolute;
        z-index: 999;
        left: 20px;
    }
    .listMoreHL {
        width: 44%;
        height: 80px;
        text-align: center;
        float: left;
        padding: 10px 0 15px 10px;
    }
    .listMoreHL a {
        font: normal 12px "OpenSansregular", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        overflow: hidden;
        display: block;
        height: 16px;
        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: 45px;
    }
    .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 16px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0;
        padding: 0;
    }
    span.noTopil {
        font: normal 1.25em'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #fec287;
        display: table-cell;
        vertical-align: middle;
        float: left;
    }
    span.titleTopil {
        display: table-cell;
        vertical-align: middle;
        height: 33px;
        overflow: hidden;
        float: left;
        width: 95%;
    }
    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: 95%;
        padding: 9px 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 10px 0;
        height: 35px;
    }
    span.titleTerbakom a {
        font: normal 0.75em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        height: 16px;
        overflow: hidden;
        padding-top: 5px;
    }
    span.titleTerbakom a:hover {
        text-decoration: underline;
    }
    span.timeTitle1 {
        font: normal 0.625em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #ff9900;
        padding: 5px 0 0 0;
        display: block;
    }
    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/news2/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/news2/images/tabing2.jpg) no-repeat bottom center, url(http://assets.kompas.com/data/2013/news2/images/bgHoverTab2.jpg) repeat-x;
    }
    ul.tabs li a.current {
        background: url(http://assets.kompas.com/data/2013/news2/images/tabing2.jpg) no-repeat bottom center, url(http://assets.kompas.com/data/2013/news2/images/bgHoverTab2.jpg) repeat-x;
    }
    /* terpopuler ================================== */
    .boxGridRubrik {
        padding-top: 20px;
    }
    .listTerpopuler {
        border-bottom: solid 1px #ebebeb;
        padding: 10px 0;
    }
    .listTerpopuler:last-child {
        border: none;
    }
    .imgTerpopuler {
        float: left;
        width: 62px;
        height: 62px;
        overflow: hidden;
        position: relative;
    }
    .imgTerpopuler img {
        width: auto;
        height: 62px;
        overflow: hidden;
        position: absolute;
        left: -30px;
    }
    .titleBoxTerpopuler {
        width: 70%;
        height: 62px;
        float: left;
        padding-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 0.625em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #f09003;
    }
    span.titleTerpopuler a {
        text-decoration: none;
        font: normal 0.8125em/18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        display: inline-block;
        max-height: 35px;
        overflow: hidden;
    }
    span.titleTerpopuler a:hover {
        text-decoration: underline;
    }
    .viewTerpopuler {
        font: normal 0.625em "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: 292px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-160px;
    }
    .tagTekno {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #ff6600;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleTekno {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleTekno a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .titleTekno a:hover {
        text-decoration: underline;
    }
    .boxOutTekno {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
    }
    .boxTitleTekno {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
    }
    .listTekno ul {
        margin: 0;
        padding: 10px 0 0px 15px;
        display: none;
    }
    .listTekno ul li {
        list-style-image: url(http://assets.kompas.com/data/2013/news2/images/bulletKanal.jpg);
        margin: 0;
        padding: 0px 0;
    }
    .listTekno ul li a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .listTekno ul li a:hover {
        text-decoration: underline;
    }
    /* Bola ============================================== */
    .bigBoxBola {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxBola img {
        width: auto;
        height: 292px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-160px;
    }
    .tagBola {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #009933;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleBola {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleBola a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .titleBola a:hover {
        text-decoration: underline;
    }
    .boxOutBola {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
    }
    .boxTitleBola {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
    }
    .listBola ul {
        margin: 0;
        padding: 10px 0 0px 15px;
        display: none;
    }
    .listBola ul li {
        list-style-image: url(http://assets.kompas.com/data/2013/news2/images/bulletKanal.jpg);
        margin: 0;
        padding: 5px 0;
    }
    .listBola ul li a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .listBola ul li a:hover {
        text-decoration: underline;
    }
    /* Otomotif ============================================== */
    .bigBoxOtomotif {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxOtomotif img {
        width: auto;
        height: 292px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-160px;
    }
    .tagOtomotif {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #ff0000;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleOtomotif {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleOtomotif a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .titleOtomotif a:hover {
        text-decoration: underline;
    }
    .boxOutOtomotif {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
    }
    .boxTitleOtomotif {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
    }
    .listOtomotif ul {
        margin: 0;
        padding: 10px 0 0px 15px;
        display: none;
    }
    .listOtomotif ul li {
        list-style-image: url(http://assets.kompas.com/data/2013/news2/images/bulletKanal.jpg);
        margin: 0;
        padding: 5px 0;
    }
    .listOtomotif ul li a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .listOtomotif ul li a:hover {
        text-decoration: underline;
    }
    /* Female ============================================== */
    .bigBoxFemale {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxFemale img {
        width: auto;
        height: 292px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-160px;
    }
    .tagFemale {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #ff0066;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleFemale {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleFemale a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .titleFemale a:hover {
        text-decoration: underline;
    }
    .boxOutFemale {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
    }
    .boxTitleFemale {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
    }
    .listFemale ul {
        margin: 0;
        padding: 10px 0 0px 15px;
        display: none;
    }
    .listFemale ul li {
        list-style-image: url(http://assets.kompas.com/data/2013/news2/images/bulletKanal.jpg);
        margin: 0;
        padding: 5px 0;
    }
    .listFemale ul li a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .listFemale ul li a:hover {
        text-decoration: underline;
    }
    /* today =========================================== */
    .tagTopPhotoL {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #000;
        float: left;
        padding-bottom: 5px;
    }
    .readTopPhotoR {
        float: right;
        font: normal 0.6875em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #cc0000;
    }
    .readTopPhotoR a {
        text-decoration: none;
        color: #cc0000;
    }
    .readTopPhotoR a:HOVER {
        text-decoration: underline;
    }
    .bigImgToday {
        position: relative;
        overflow:hidden;
    }
    .bigImgToday img {
        width: 478px;
        height: auto;
        overflow: hidden;
        padding-bottom: 2px;
        position:relative;
        left:-100px;
    }
    .sLeft {
        position: relative;
        width: 49.80%;
        height: 85px;
        float: left;
        overflow: hidden;
    }
    .sLeft img {
        width: 100%;
        height: auto;
        position: absolute;
        overflow: hidden;
    }
    .sRight {
        position: relative;
        width: 49.80%;
        height: 85px;
        overflow: hidden;
        float: right;
    }
    .sRight img {
        width: 100%;
        height: auto;
        position: absolute;
        overflow: hidden;
    }
    .titleTodayPhoto {
        font: normal 0.9375em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 2px 0;
    }
    .titleTodayPhoto a {
        font: normal 0.9375em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        display: block;
        overflow: hidden;
        height: 22px;
    }
    .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: 2px 0;
    }
    .titleTodayPhoto2 a {
        font: normal 12px/16px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        max-height: 18px;
        overflow: hidden;
        display: block;
    }
    .titleTodayPhoto2 a:hover {
        text-decoration: underline;
    }
    .boxOutTodayPhoto2 {
        position: absolute;
        z-index: 99999;
        height: auto;
        width: 100%;
        top: 50px;
        padding: 0px 0;
    }
    .boxTitleTodayPhoto2 {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
        bottom: 0;
    }
    /* video =========================================== */
    .tagTopVideoL {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #000;
        float: left;
        padding-bottom: 5px;
    }
    .readTopVideoR {
        float: right;
        font: normal 11px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #cc0000;
    }
    .readTopVideoR a {
        text-decoration: none;
        color: #cc0000;
    }
    .readTopVideoR a:HOVER {
        text-decoration: underline;
    }
    .bigImgToday2 img {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-bottom: 3px;
    }
    .smallImgToday2 span.sLeft img {
        width: 49.705014%;
        height: auto;
        float: left;
    }
    .smallImgToday2 span.sRight img {
        width: 49.705014%;
        height: auto;
        float: right;
    }
    /* ekonomi ================================================= */
    .imgEkonomi {
        width:140px;
        height:140px;
        overflow:hidden;
        float:left;
        margin:5px;
    }
    .imgEkonomi img {
        width: auto;
        height: 140px;
        overflow: hidden;
        position:relative;
        left:-90px;
    }
    .titleEkonomi {
        width: 45%;
        height: 158px;
        overflow: hidden;
        float: left;
        padding-left: 5px;
    }
    .tagEkonomi {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #006600;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
    }
    .titleEkonomi a {
        text-decoration: none;
        font: bold 0.875em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        display: block;
        padding-top: 40px;
        max-height: 48px;
        overflow: hidden;
    }
    .titleEkonomi a:hover {
        text-decoration: underline;
    }
    .titleEkonomi p {
        text-decoration: none;
        font: normal 12px/18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        overflow: hidden;
        height: 38px;
        padding: 0;
    }
    .graphEkonomi {
        padding-top: 10px;
        display: none;
    }
    /* Health ============================================== */
    .bigBoxHealth {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxHealth img {
        width: auto;
        height: 292px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-160px;
    }
    .tagHealth {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #01df20;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleHealth {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleHealth a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .titleHealth a:hover {
        text-decoration: underline;
    }
    .boxOutHealth {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
    }
    .boxTitleHealth {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
    }
    .listHealth ul {
        margin: 0;
        padding: 10px 0 0px 15px;
        display: none;
    }
    .listHealth ul li {
        list-style-image: url(http://assets.kompas.com/data/2013/news2/images/bulletKanal.jpg);
        margin: 0;
        padding: 0px 0;
    }
    .listHealth ul li a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .listHealth ul li a:hover {
        text-decoration: underline;
    }
    /* Entertainment ============================================== */
    .bigBoxEntertainment {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxEntertainment img {
        width: auto;
        height: 292px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-160px;
    }
    .tagEntertainment {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #3399ff;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleEntertainment {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleEntertainment a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .titleEntertainment a:hover {
        text-decoration: underline;
    }
    .boxOutEntertainment {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
    }
    .boxTitleEntertainment {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
    }
    .listEntertainment ul {
        margin: 0;
        padding: 10px 0 0px 15px;
        display: none;
    }
    .listEntertainment ul li {
        list-style-image: url(http://assets.kompas.com/data/2013/news2/images/bulletKanal.jpg);
        margin: 0;
        padding: 0px 0;
    }
    .listEntertainment ul li a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .listEntertainment ul li a:hover {
        text-decoration: underline;
    }
    /* kompasiana ================================================ */
    .topKompasianaLeft {
        float: left;
    }
    .topKompasianaRight {
        float: right;
        font: normal 10px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #b1b1b1;
        padding-top: 5px;
    }
    .listKompasiana {
    }
    .listKompasiana ul {
        margin: 0;
        padding: 0;
    }
    .listKompasiana ul li {
        list-style-type: none;
        border-bottom: dotted 1px #ccc;
    }
    .listKompasiana ul li a {
        font: normal 0.75em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        padding: 2px 0 2px 0;
        height: 40px;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
    }
    .listKompasiana ul li a:hover {
        text-decoration: underline;
    }
    /* travel ================================= */
    ul.thumbTravel {
        margin: 0;
        padding: 0;
        display: none;
    }
    .bigThumbTravel {
        width: 200%;
        height: auto;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .imgBigThumbTravel img {
        width: 100%;
        height: 292px;
        overflow: hidden;
        position: relative;
        margin-left: -50%;
    }
    .tagTravel {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #00a8a2;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleTravel {
        width: 50%;
        height: auto;
        position: absolute;
        z-index: 9;
        bottom: 0;
        overflow: hidden;
        max-height: 67px;
    }
    .titleTravel a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
        text-align: left;
        padding: 10px 0;
    }
    .titleTravel a:hover {
        text-decoration: underline;
    }
    .bgTitleTravel {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.7;
        z-index: 9;
    }
    .textTitleTravel {
        position: relative;
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        z-index: 10;
        padding: 0px 10px;
        overflow: hidden;
    }
    .titleEntertainment {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleEntertainment a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .listThumbTravel {
        width: 156px;
        height: 100%;
        text-align: center;
        padding-top: 15px;
        float: left;
        display: none;
    }
    .listThumbTravel img {
        width: 138px;
        height: 69px;
        overflow: hidden;
    }
    .listThumbTravel a {
        font: normal 11px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        text-align: center;
        padding-top: 10px;
    }
    .listThumbTravel a:hover {
        text-decoration: underline;
    }
    .listThumbTravel:hover > img {
        border: solid 5px #01837e;
        width: 128px;
        height: 59px;
    }
    /* Properti ============================================== */
    .bigBoxProperti {
        width: 100%;
        height: auto;
        position: relative;
        overflow:hidden;
    }
    .imgBoxProperti img {
        width: auto;
        height: 292px;
        overflow: hidden;
        position: relative;
        z-index: 0;
        left:-160px;
    }
    .tagProperti {
        font: bold 18px Arial, Helvetica, sans-serif;
        color: #fff;
        background: #745b24;
        position: absolute;
        z-index: 1;
        padding: 5px 10px;
        top: 0;
    }
    .titleProperti {
        font: normal 18px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: relative;
        z-index: 3;
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .titleProperti a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        max-height: 50px;
        display: block;
    }
    .titleProperti a:hover {
        text-decoration: underline;
    }
    .boxOutProperti {
        position: absolute;
        z-index: 1;
        height: auto;
        width: 100%;
        bottom: 0;
        padding: 0px 0;
    }
    .boxTitleProperti {
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: 0.6;
        width: 100%;
        height: 100%;
    }
    .listProperti ul {
        margin: 0;
        padding: 10px 0 0px 15px;
        display: none;
    }
    .listProperti ul li {
        list-style-image: url(http://assets.kompas.com/data/2013/news2/images/bulletKanal.jpg);
        margin: 0;
        padding: 0px 0;
    }
    .listProperti ul li a {
        font: normal 0.8125em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .listProperti ul li a:hover {
        text-decoration: underline;
    }
    /* kanal buttom ============================ */
    
    a#footerMenu2 {
        color: #000;
    }
    a#footerMenu {
        color: #000;
    }
    /* Kompas buttom ============================ */
    .buttomMenuKompas {
        float: left;
        padding: 0 5px;
    }
    .buttomMenuKompas h1 {
        font: bold 0.875em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .buttomMenuKompas ul {
        margin: 0;
        padding: 0;
        float: left;
    }
    ul.MenuKompas2 {
        float: left;
        padding: 0 20px;
    }
    .buttomMenuKompas ul li {
        list-style-type: none;
    }
    .buttomMenuKompas ul li a {
        font: normal 10px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #666;
        text-decoration: none;
    }
    /* border bottom ======================================== */
    .borderBottom {
    }
    /* footer menu ========================================= */
    .footerMenu ul {
        margin: 0;
        padding: 5px 0 0 0px;
    }
    .footerMenu ul li:last-child {
        border-right: none;
    }
    .footerMenu ul li:first-child {
        padding-left: 0;
    }
    .footerMenu ul li {
        list-style-type: none;
        display: inline-block;
        border-right: solid 1px #000;
        padding: 0 8px;
    }
    .footerMenu ul li a {
        font: normal 10px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
    }
    .footerMenu a:hover {
        text-decoration: underline;
    }
    .footerMenu h6 {
        font: normal 12px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0;
        padding: 10px 0 0 0px;
    }
    .LogoKG {
        width: 40%;
        height: auto;
        float: right;
        padding: 15px 0px 0 0;
    }
    
    /* E : WELCOME PAGE ================================================================================================================= */
    /* S : RUBRIK ================================================================================================================= */
    .titleRubrik {
        width: 46.00%;
        height: 6.66%;
        margin: 0 auto;
        float: left;
        padding: 10px 0;
        text-align: center;
        display: none;
    }
    .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: 250px;
        height: auto;
    }
    .smallLogoKompas a img {
        margin: 0;
    }
    ul#submenuKompascom {
        margin: 0;
        padding: 5px 0;
        width: 85%;
        display: none;
        background: #fff;
        -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4);
    }
    ul#submenuKompascom li {
        margin: 0;
        padding: 0 0 0 10px;
        list-style-type: none;
        display: block;
    }
    ul#submenuKompascom li a {
        font: normal 10px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #00528a;
        text-decoration: none;
        display: inline-block;
        padding: 0px 10px;
    }
    ul#submenuKompascom li a:hover {
        font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #e74f1d;
        text-decoration: none;
        display: inline-block;
        padding: 0px 10px;
    }
    ul#submenuKompascom li a.selected {
        font: normal 12px 'OpenSansRegular', Arial, Helvetica, sans-serif;
        color: #e74f1d;
        text-decoration: none;
        display: inline-block;
        padding: 0px 10px;
    }
    .outSubMenu {
        border-bottom: solid 1px #eaeaea;
        width: 100%;
        margin: 0 auto;
        display: none;
    }
    /* HEADLINE RUBRIK ================ */
    .boxHLTrending {
        float: left;
        width: 100%;
    }
    .HLrubrik {
        width: 60%;
        height: auto;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .HLrubrik img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .TrendingRubrik {
        width: 35%;
        height: 200px;
        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;
        height: 200px;
        overflow: hidden;
    }
    .TrendingRubrik ul li {
        list-style-type: none;
        border-bottom: dotted 1px #e5e5e5;
        padding: 2px 0;
        height: 38px;
        overflow: hidden;
    }
    .TrendingRubrik ul li span.noTrendingRubrik {
        font: normal 18px 'OpenSansBoldItalic', Arial, Helvetica, sans-serif;
        color: #fec287;
        display: inline-block;
        width: 30px;
        float: left;
        padding-top: 5px;
    }
    .TrendingRubrik ul li span.anchorTrending a {
        text-decoration: none;
        font: normal 11px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        display: table-cell;
        width: 100%;
        overflow: hidden;
        height: 35px;
        vertical-align: middle;
    }
    .TrendingRubrik ul li span.anchorTrending a:hover {
        text-decoration: underline;
    }
    /* LIST ALL RUBRIK ================ */
    .listAllRubrik {
        padding-top: 0px;
    }
    .colTopLeftAllRubrik {
        float: left;
        padding: 0 0 10px 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: 0px;
    }
    ul.tabsRubrik li a.tabList {
        float: left;
        border-right: solid 0px #ccc;
        background: url(http://assets.kompas.com/data/2013/news2/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/news2/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/news2/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/news2/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/news2/images/tabGrid.png) no-repeat right;
    }
    ul.tabsRubrik li a.tabGrid {
        float: left;
        background: url(http://assets.kompas.com/data/2013/news2/images/tabGrid.png) no-repeat right;
    }
    /* start revisi 16 april */
    .boxThumbRubrik {
        width: 29%;
        height: auto;
        border: solid 1px #ccc;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }
    .boxThumbRubrikImg {
        width: auto;
        height: 226px;
        position: relative;
        overflow:hidden;
        border:5px solid #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 5px 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: 17px;
        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 {
        height: 789px;
        margin: 20px 0 0 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: 35px;
        overflow: hidden;
        width: 70%;
    }
    .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;
        display: inline-block;
        width: 70%;
    }
    .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/news2/images/bgMoreRubrik.jpg) bottom repeat-x;
        border: solid 1px #e5e5e5;
        border-radius: 3px;
        text-align: center;
    }
    .moreRubrikIn {
        width: 120px;
        background: red;
        margin: 0 auto;
    }
    .moreRubrik span {
        float: left;
    }
    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/news2/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: 82%;
        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/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        overflow: hidden;
        max-height: 40px;
    }
    .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 : 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: 100%;
    }
    /* 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: 79%;
        float: left;
    }
    .boxSubRubrik2 {
        width: 45%;
        float: left;
    }
    .listBreak {
        border: none;
    }
    .judulListSubRubrik a {
        font: normal 16px/22px 'OpenSansBold', Arial, Helvetica, sans-serif;
        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 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    }
    .paginationSubRubrik {
        display:block;
        text-align:center;
    }
    .paginationSubRubrik ul {
        margin: 0;
        padding: 0;
    }
    .paginationSubRubrik ul li {
        list-style-type: none;
        display: inline-block;
        height: 70px;
        padding-top: 5px;
        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 18px 'OpenSansSemibold', arial;
        display: inline-block;
        padding: 2px 5px;
    }
    .paginationSubRubrik ul li#prevBG {
        background: url(http://assets.kompas.com/data/2013/news2/images/prevPage.jpg) top left no-repeat;
        display: inline-block;
        height: auto;
        width: auto;
        padding-right: 10px;
    }
    .paginationSubRubrik ul li#nextBG {
        background: url(http://assets.kompas.com/data/2013/news2/images/nextPage.jpg) top right no-repeat;
        display: inline-block;
        height: auto;
        width: auto;
        padding-right: 25px;
        padding-left: 10px;
    }
    .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 ================================================================================================================= */
    /* S : ARTIKEL DETAIL ========================================================================================================== */
    /* artikel */
    .artikel-atas {
    }
    .artikel-detail {
        width: 100%;
        float: left;
        padding: 20px 0px 0 0px;
        position: relative;
    }
    .artikel-detail-alt2 {
        width: 100%;
        float: left;
        padding: 20px 0px 0 0px;
        position: relative;
    }
    .artikel-detail p {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #333;
        padding: 0px 0 30px;
        margin: 0;
    }
    .artikel-detail a {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #3399ff;
        text-decoration:none;
    }
    .artikel-detail a:hover {
        text-decoration:underline;
    }
    .artikel-detail-alt2 {
        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 a {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #3399ff;
        text-decoration:none;
    }
    .artikel-detail-alt2 a:hover {
        text-decoration:underline;
    }
    .artikel-detail ul {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #333;
        margin-left:20px;
        list-style-type:circle;
    }
    .artikel-detail-alt2 ul {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #333;
        margin-left:20px;
        list-style-type:circle;
    }
    .artikel-detail strong {
        font: bold 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #000;
    }
    .artikel-detail-alt2 strong {
        font: bold 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #000;
    }
    .ml-p-right {
        border: 1px solid #e3e3e3;
        position: relative;
        padding: 0.8%;
        margin: 15px 0px 15px 0px;
        width: 96%;
        height: auto;
        float: left;
    }
    .ml-p-right img {
        width: 100%;
        height: auto;
    }
    .ml-p-left {
        border: 1px solid #e3e3e3;
        position: relative;
        padding: 0.8%;
        margin: 15px 0px 15px 0;
        width: 96%;
        height: 100%;
        float: left;
    }
    .ml-p-left img {
        width: 100%;
        height: auto;
    }
    .artikel-detail p {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #333;
        padding: 0px 0 30px;
        margin: 0;
    }
    .artikel-detail p a {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #3399ff;
        text-decoration:none;
    }
    .artikel-detail p a:hover {
        text-decoration:underline;
    }
    .artikel-detail-alt2 p {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #333;
        padding: 15px 0;
        margin: 0;
    }
    .artikel-detail-alt2 p a {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #3399ff;
        text-decoration:none;
    }
    .artikel-detail-alt2 p a:hover {
        text-decoration:underline;
    }
    .artikel-detail h1 {
        font: normal 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-penulis {
        position: relative;
    }
    .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;
    }
    /****** Editor dan sumber ******/
    .editor-artikel {
        float: left;
        font: normal 0.750em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #999999;
        margin:40px 0 20px;
    }
    .sumber-artikel {
        float: left;
        font: normal 0.750em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #999999;
    }
    /****** Next artikel ********/
    /****** Quotes ********/
    .quotes {
        display:none;
    }
    .quotes3 {
        display:none;
    }
    .left-alt3 {
        display:none;
    }
    /****** Editor dan sumber ******/
    .editor-artikel {
        float: left;
        font: normal 0.750em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #999999;
    }
    .sumber-artikel {
        float: left;
        font: normal 0.750em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #999999;
    }
    /****** Next artikel ********/
    .next-artikel {
        margin:0px 0 20px;
    }
    .next-artikel ul {
        list-style: none;
        margin: 0px auto;
        padding: 0;
        width:68%;
    }
    .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/news2/images/artikel/prev-arrow.gif) left no-repeat;
        padding-left: 20px;
        padding-top: 0px;
        padding-right:10px;
        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/news2/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;
        display: none;
    }
    #breadcrumb ul {
        list-style: none;
        color: #999999;
        padding: 0;
        margin: 0;
        font: normal 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        letter-spacing: 0.06em;
    }
    #breadcrumb li {
        float: left;
        background: url(http://assets.kompas.com/data/2013/news2/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;
    }
    /* You May Like */
    .YouMayLike {
        width: 48%;
        height: 260px;
        background: #fff;
        margin: 20px 0 0 0px;
        float: left;
        overflow: hidden;
    }
    .ml-40 {
        margin-left: 40px;
    }
    .listYouMayLike {
        border-bottom: dotted 1px #cbcbcb;
        padding: 10px 0;
    }
    .imgYouMayLike {
        float: left;
        width: 55px;
        height: 55px;
        overflow: hidden;
    }
    .imgYouMayLike img {
        width: 55px;
        height: 55px;
        overflow: hidden;
    }
    .titleBoxYouMayLike {
        width: 70%;
        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;
        float:left;
    }
    .topik-ini a {
        font:normal 1em/1.5em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#3399ff;
        text-decoration:none;
    }
    .topik-ini a:hover {
        text-decoration:underline;
    }
    .ikuti-topik {
        height: 250px;
        margin: 20px 0 0 0px;
        overflow: hidden;
        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/news2/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;
    }
    .terkait {
        width:100%;
        height: 260px;
        background: #fff;
        margin-top: 20px;
        overflow: hidden;
    }
    .terkait ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .terkait li {
        border-bottom: dotted 1px #cbcbcb;
        padding: 10px 0 5px 0;
        font: normal 1em/24px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        background: url(http://assets.kompas.com/data/2013/news2/images/artikel/arrow-ter.gif) top left no-repeat;
        padding-left: 15px;
        height: 21px;
        overflow: hidden;
    }
    .terkait li a {
        font: normal 1em/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;
    }
    /* trending */
    .trending-artikel {
        width: 46%;
        height: auto;
        overflow: hidden;
        float: left;
        margin-top: 20px;
        padding: 0 10px;
    }
    .trending-artikel h1 {
        font: normal 1em'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #000;
        margin: 5px 0;
    }
    .trending-artikel ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .trending-artikel li {
        padding: 10px 0;
        font: normal 0.700em/16px "opensanssemibold","Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        border-bottom: dotted 1px #cbcbcb;
    }
    .trending-artikel li:last-child {
        padding: 10px 0;
        font: normal 0.700em/16px "opensanssemibold","Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        border-bottom: dotted 0px #cbcbcb;
    }
    .trending-number {
        width: 40px;
        height: 40px;
        font: normal 3em'OpenSansBoldItalic', "Lucida Grande", Arial, Helvetica, sans-serif;
        color: #fec287;
        float: left;
    }
    .trending-kat {
        width: 80%;
        float: left;
    }
    .trending-title {
        width: 80%;
        height: 33px;
        overflow: hidden;
        float: left;
    }
    .trending-title a {
        width: 235px;
        float: left;
        text-decoration: none;
        color: #000;
    }
    .trending-title a:hover {
        text-decoration: underline;
    }
    .komentar-lay {
        width: 100%;
        float: left;
    }
    .w_760 {
        width: 100%;
    }
    .social-newsletter-images {
        width: 350px;
        margin: px 20px 20px 0;
        float: left;
        height: auto;
    }
    /*********************** Social Shared ***************************/
    .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/news2/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/news2/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/news2/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/news2/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/news2/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/news2/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/news2/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/news2/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/news2/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: 1%;
        width: 40%;
        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: 60%;
        padding: 3px 10px;
        height: 17px;
        outline: none;
        background: #ffffff;
        font: normal 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #333;
        float: left;
        border: 1px solid #ccc;
        margin-top: 5px;
    }
    .button-newsletter {
        width: 62px;
        height: 25px;
        background: url(http://assets.kompas.com/data/2013/news2/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;
    }
    .images-area-alt2 {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .images-area-img {
        width: 96%;
        height: auto;
        overflow: hidden;
        position: relative;
        background: #fff;
        border: 1px solid #e3e3e3;
        padding: 1.666666666667%;
    }
    .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-alt2 img {
        width:100%;
    }
    .images-area-img img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .images-area-desc {
        font: normal 0.650em/22px "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: 350px;
    }
    .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.2%;
    }
    .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: 31px;
        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 10px;
        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/news2/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/news2/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/news2/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/news2/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/news2/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: #fff;
        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/news2/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/news2/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/news2/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/news2/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/news2/images/arrow-comment.png) right top no-repeat;
        float: left;
    }
    .submit-komentar {
        height: 30px;
        float: left;
        border: none;
        font: normal 13px/12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #000;
        margin: 0 5px;
        padding: 0px 15px;
        background: #fefefe;
        /* Old browsers */
        background: -moz-linear-gradient(top, #fefefe 0%, #d6d6d6 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d6d6d6));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%, #d6d6d6 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%, #d6d6d6 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%, #d6d6d6 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #fefefe 0%, #d6d6d6 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d6d6d6', GradientType=0);
        /* IE6-9 */
    }
    .submit-area {
        height: 25px;
        overflow: hidden;
        background-color: #cccccc;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(25%, #f0f0f0), to(#c5c5c5));
        background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
        background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0 25%, #c5c5c5);
        background-image: -ms-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
        background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
        background-image: linear-gradient(#f0f0f0, #f0f0f0 25%, #c5c5c5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c5c5c5', GradientType=0);
        border-radius: 3px 3px 0px 0px;
        -webkit-border-radius: 0px 0px 3px 3px;
        border: 1px solid #999;
        width: 99.7%;
    }
    .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-comcou-show {
        border-bottom: 0px dotted #7e7e7e;
        float: right;
        font: normal 12px/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-link a {
        font: normal 1em/1em'OpenSansBold', arial;
        color: #000;
        text-decoration: none;
    }
    .form-komentar-sub .input-after-sub {
        border: 0px dotted #A5C2C8;
        padding: 8px 10px;
        margin: 0 0 0px 0;
        width: 635px;
        height: 10px;
        font: normal 14px/22px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        resize: none;
        color: #666;
        background: #e5e5e5;
        border-radius: 3px 3px 0px 0px;
        -webkit-border-radius: 3px 3px 0px 0px;
        border: 0;
        text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
        box-shadow: inset rgba(0, 0, 0, .4) 0 1px 1px;
        outline: none;
        position: relative;
        clear: both;
    }
    .form-komentar-sub .w label {
        padding: 0;
    }
    .form-komentar-photo {
        width: 25px;
        height: 25px;
        overflow: hidden;
        float: left;
        margin-bottom: 5px;
    }
    .form-komentar-photo img {
        width: 25px;
        height: auto;
        overflow: hidden;
    }
    .form-komentar-arrow {
        width: 15px;
        height: 40px;
        background: url(http://assets.kompas.com/data/2013/news2/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/news2/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/news2/images/btn_tanggapi_komen.gif) 0px 20px;
    }
    .btn_lapor_komen a {
        background: url(http://assets.kompas.com/data/2013/news2/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/news2/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/news2/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/news2/images/btn_jempol_up.gif) 0px 19px;
    }
    .btn_jempol_down a {
        background: url(http://assets.kompas.com/data/2013/news2/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/news2/images/btn_jempol_down.gif) 0px 19px;
    }
    .form_komen {
        margin: 0px;
        padding: 0px;
    }
    /* ============================================ e : komentar =========================================== */
    .contentRightKompascom {
        display: none;
    }
    .contentRightKompascom-alt2 {
        display: none;
    }
    /* E : ARTIKEL DETAIL ========================================================================================================== */
    /* secondary banner artikel */
    .bannerRA {
        width: 300px;
        height: 250px;
        float: left;
        margin-top: 20px;
    }
    .bannerR23A {
        display: block;
        float: left;
    }
    .bannerR2A {
        width: 300px;
        height: 250px;
        background: #ccc;
        margin-top: 0px;
        float: right;
    }
    .bannerR3A {
        width: 300px;
        height: 250px;
        background: #ccc;
        margin-top: 20px;
        margin-left: 0px;
        float: left;
    }
    .aktivitasA {
        width: 290px;
        height: 250px;
        background: #f2f2f2;
        float: left;
        margin-top: 20px;
        text-align: center;
        overflow: hidden;
    }
    .aktivitasA img {
        width: 100%;
        height: auto;
    }
    .terbaruTerkomentari-artikelA {
        width: 47.6%;
        height: 250px;
        background: #fff;
        margin: 20px 0px 0 0px;
        float: left;
        overflow: hidden;
    }
    .imgterbaruTerkomentariA {
        float: left;
        width: 55px;
        height: 55px;
        overflow: hidden;
    }
    .imgterbaruTerkomentariA img {
        width: 55px;
        height: 55px;
        overflow: hidden;
    }
    .listTerbarkom-artikelA {
        border-bottom: dotted 0px #dadada;
        padding: 9px 0;
    }
    .titleTerbakom-artikelA {
        float: left;
        padding-left: 10px;
        height: 35px;
        overflow: hidden;
        width: 75%;
    }
    .titleTerbakom-artikelA a {
        font: normal 0.75em/16px "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #000;
        text-decoration: none;
        display: inline-block;
        overflow: hidden;
    }
    .titleTerbakom-artikelA a:hover {
        text-decoration: underline;
    }
    .KatTitle-artikelA {
        font: normal 0.625em "Lucida Grande", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #ff9900;
        padding-left: 10px;
        float: left;
        width: 75%;
    }
    .tabTerbaruA {
        padding: 0 10px;
    }
    .tabTerkomentariA {
        padding: 0 10px;
    }
    /* topik pilihan */
    .topikPilihanA {
        width: 100%;
        height: 180px;
        float: left;
        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: 22%;
        padding: 10px 0;
        float: left;
        margin-right: 3%;
    }
    .imgTopikPilhanA {
        float: left;
        width: 100%;
        height: 70px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .imgTopikPilhanA img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .listTopikPilihanA:last-child {
        margin-right: 0;
    }
    /* secondary banner artikel */
    .w_Date {
        display:none;
    }
    /* Personalisasi Silver */
    .mykompasIndex-silver {
        width: 48.2%;
        height: 445px;
        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/news2/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: 48.2%;
        height: 445px;
        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;
    }
    .notification-page-white {
        position: relative;
        float: left;
        z-index: 10;
        height:24px;
        padding-top:2px;
        padding-left:15px;
    }
    .notification-page-white a.showNotif {
        display: block;
        background: red;
        padding: 0px 3px;
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        top: -5px;
        left: 15px;
        text-decoration: none;
    }
    .messages-white {
        float:left;
        margin: 0 0px;
        position:relative;
        border-right: 1px solid #c9c8c5;
        padding: 2px 15px;
        width: 41px;
    }
    .messages-white h2 {
        padding: 0;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #4c4c4a;
        margin: 0px 0 0 0;
        float: left;
    }
    .messages-white h6#messageNotif {
        margin: -3px 0 0 0px;
        padding: 0;
        font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: #e6420c;
        display: inline-block;
        height: 10px;
        width: 10px;
        right: 0;
        border-radius: 10px;
        text-align: center;
        position: absolute;
    }
    /* S : =================================== SUGGESTED ========================================= */
    .suggested-white {
        padding: 20px 0px 20px 0px;
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suggestedIn-white {
        border-top: solid 1px #c9c8c5;
    }
    .suggestedIn-white h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: #4c4c4a;
        width: 120px;
        display:block;
        margin-bottom: 15px;
        background: #fff;
    }
    .suggestedIn-white li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed #c9c8c5;
        padding-bottom: 5px;
    }
    .suggestedIn-white li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #666;
        text-decoration:none;
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
    }
    .suggestedIn-white li a:hover {
        text-decoration:underline;
    }
    /* E : =================================== SUGGESTED ========================================= */
    /* e : Personalisasi White */
    /* Personalisasi Orange */
    .mykompasIndex-orange {
        width: 48.2%;
        height: 445px;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
        background: rgb(241, 144, 5);
    }
    .personalName-orange {
        width:75%;
        height:43px;
        overflow:hidden;
        float:left;
        margin-left:5px;
    }
    .personalAkun-orange {
        margin-bottom:10px;
    }
    .personalName-orange h1 {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        margin:0;
        padding:0;
        height:16px;
        overflow:hidden;
    }
    .personalName-orange h1 a {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        text-decoration:none;
    }
    .personalName-orange h1 a:hover {
        text-decoration:underline;
    }
    .personalImg-orange {
        width:31px;
        height:31px;
        overflow:hidden;
        float:left;
    }
    .personalImg-orange img {
        width:31px;
        height:auto;
        overflow:hidden;
    }
    .personalPoin-orange {
        float:left;
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #f8f8f8;
        width: auto;
        height:22px;
        overflow:hidden;
        border-right: 1px solid rgb(191, 113, 1);
        padding: 2px 10px 0 0;
    }
    .personalPoin-orange span {
        font:13px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #ffffff;
        margin:0 5px;
    }
    .personalPoin-orange span a {
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#aed6ef;
    }
    .notification-page-orange {
        position: relative;
        float: left;
        z-index: 10;
        height:24px;
        padding-top:2px;
        padding-left:15px;
    }
    .notification-page-orange a.showNotif {
        display: block;
        background: red;
        padding: 0px 3px;
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        top: -5px;
        left: 15px;
        text-decoration: none;
    }
    .messages-orange {
        float:left;
        margin: 0 0px;
        position:relative;
        border-right: 1px solid rgb(191, 113, 1);
        padding: 2px 15px;
        width: 41px;
    }
    .messages-orange h2 {
        padding: 0;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #ffffff;
        margin: 0px 0 0 0;
        float: left;
    }
    .messages-orange h6#messageNotif {
        margin: -3px 0 0 0px;
        padding: 0;
        font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: #e6420c;
        display: inline-block;
        height: 10px;
        width: 10px;
        right: 0;
        border-radius: 10px;
        text-align: center;
        position: absolute;
    }
    /* S : =================================== SUGGESTED ========================================= */
    .suggested-orange {
        padding: 20px 0px 20px 0px;
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suggestedIn-orange {
        border-top: solid 1px rgb(191, 113, 1);
    }
    .suggestedIn-orange h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: 120px;
        display:block;
        margin-bottom: 15px;
        background: rgb(241, 144, 5);
    }
    .suggestedIn-orange li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed rgb(191, 113, 1);
        padding-bottom: 5px;
    }
    .suggestedIn-orange li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration:none;
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
    }
    .suggestedIn-orange li a:hover {
        text-decoration:underline;
    }
    /* E : =================================== SUGGESTED ========================================= */
    /* e : Personalisasi Orange */
    /* Personalisasi Blue Sea */
    .mykompasIndex-blueSea {
        width: 48.2%;
        height: 445px;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
        background: rgb(112, 198, 215);
    }
    .personalName-blueSea {
        width:75%;
        height:43px;
        overflow:hidden;
        float:left;
        margin-left:5px;
    }
    .personalAkun-blueSea {
        margin-bottom:10px;
    }
    .personalName-blueSea h1 {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        margin:0;
        padding:0;
        height:16px;
        overflow:hidden;
    }
    .personalName-blueSea h1 a {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        text-decoration:none;
    }
    .personalName-blueSea h1 a:hover {
        text-decoration:underline;
    }
    .personalImg-blueSea {
        width:31px;
        height:31px;
        overflow:hidden;
        float:left;
    }
    .personalImg-blueSea img {
        width:31px;
        height:auto;
        overflow:hidden;
    }
    .personalPoin-blueSea {
        float:left;
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #f8f8f8;
        width: auto;
        height:22px;
        overflow:hidden;
        border-right: 1px solid rgb(3, 157, 187);
        padding: 2px 10px 0 0;
    }
    .personalPoin-blueSea span {
        font:13px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #ffffff;
        margin:0 5px;
    }
    .personalPoin-blueSea span a {
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#aed6ef;
    }
    .notification-page-blueSea {
        position: relative;
        float: left;
        z-index: 10;
        height:24px;
        padding-top:2px;
        padding-left:15px;
    }
    .notification-page-blueSea a.showNotif {
        display: block;
        background: red;
        padding: 0px 3px;
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        top: -5px;
        left: 15px;
        text-decoration: none;
    }
    .messages-blueSea {
        float:left;
        margin: 0 0px;
        position:relative;
        border-right: 1px solid rgb(3, 157, 187);
        padding: 2px 15px;
        width: 41px;
    }
    .messages-blueSea h2 {
        padding: 0;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #ffffff;
        margin: 0px 0 0 0;
        float: left;
    }
    .messages-blueSea h6#messageNotif {
        margin: -3px 0 0 0px;
        padding: 0;
        font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: #e6420c;
        display: inline-block;
        height: 10px;
        width: 10px;
        right: 0;
        border-radius: 10px;
        text-align: center;
        position: absolute;
    }
    /* S : =================================== SUGGESTED ========================================= */
    .suggested-blueSea {
        padding: 20px 0px 20px 0px;
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suggestedIn-blueSea {
        border-top: solid 1px rgb(3, 157, 187);
    }
    .suggestedIn-blueSea h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: 120px;
        display:block;
        margin-bottom: 15px;
        background: rgb(112, 198, 215);
    }
    .suggestedIn-blueSea li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed rgb(3, 157, 187);
        padding-bottom: 5px;
    }
    .suggestedIn-blueSea li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration:none;
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
    }
    .suggestedIn-blueSea li a:hover {
        text-decoration:underline;
    }
    /* E : =================================== SUGGESTED ========================================= */
    /* e : Personalisasi Blue Sea */
    /* Personalisasi Blue */
    .mykompasIndex-blue {
        width: 48.2%;
        height: 445px;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
        background: rgb(55, 166, 222);
    }
    .personalName-blue {
        width:75%;
        height:43px;
        overflow:hidden;
        float:left;
        margin-left:5px;
    }
    .personalAkun-blue {
        margin-bottom:10px;
    }
    .personalName-blue h1 {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        margin:0;
        padding:0;
        height:16px;
        overflow:hidden;
    }
    .personalName-blue h1 a {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        text-decoration:none;
    }
    .personalName-blue h1 a:hover {
        text-decoration:underline;
    }
    .personalImg-blue {
        width:31px;
        height:31px;
        overflow:hidden;
        float:left;
    }
    .personalImg-blue img {
        width:31px;
        height:auto;
        overflow:hidden;
    }
    .personalPoin-blue {
        float:left;
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #f8f8f8;
        width: auto;
        height:22px;
        overflow:hidden;
        border-right: 1px solid rgb(192, 239, 248);
        padding: 2px 10px 0 0;
    }
    .personalPoin-blue span {
        font:13px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: rgb(192, 239, 248);
        margin:0 5px;
    }
    .personalPoin-blueSea span a {
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#aed6ef;
    }
    .notification-page-blue {
        position: relative;
        float: left;
        z-index: 10;
        height:24px;
        padding-top:2px;
        padding-left:15px;
    }
    .notification-page-blue a.showNotif {
        display: block;
        background: red;
        padding: 0px 3px;
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        top: -5px;
        left: 15px;
        text-decoration: none;
    }
    .messages-blue {
        float:left;
        margin: 0 0px;
        position:relative;
        border-right: 1px solid rgb(192, 239, 248);
        padding: 2px 15px;
        width: 41px;
    }
    .messages-blue h2 {
        padding: 0;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: rgb(192, 239, 248);
        margin: 0px 0 0 0;
        float: left;
    }
    .messages-blue h6#messageNotif {
        margin: -3px 0 0 0px;
        padding: 0;
        font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: #e6420c;
        display: inline-block;
        height: 10px;
        width: 10px;
        right: 0;
        border-radius: 10px;
        text-align: center;
        position: absolute;
    }
    /* S : =================================== SUGGESTED ========================================= */
    .suggested-blue {
        padding: 20px 0px 20px 0px;
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suggestedIn-blue {
        border-top: solid 1px rgb(192, 239, 248);
    }
    .suggestedIn-blue h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(192, 239, 248);
        width: 120px;
        display:block;
        margin-bottom: 15px;
        background: rgb(55, 166, 222);
    }
    .suggestedIn-blue li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed rgb(192, 239, 248);
        padding-bottom: 5px;
    }
    .suggestedIn-blue li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration:none;
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
    }
    .suggestedIn-blue li a:hover {
        text-decoration:underline;
    }
    /* E : =================================== SUGGESTED ========================================= */
    /* e : Personalisasi Blue */
    /* Personalisasi Green */
    .mykompasIndex-green {
        width: 48.2%;
        height: 445px;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
        background: rgb(27, 182, 116);
    }
    .personalName-green {
        width:75%;
        height:43px;
        overflow:hidden;
        float:left;
        margin-left:5px;
    }
    .personalAkun-green {
        margin-bottom:10px;
    }
    .personalName-green h1 {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        margin:0;
        padding:0;
        height:16px;
        overflow:hidden;
    }
    .personalName-green h1 a {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        text-decoration:none;
    }
    .personalName-green h1 a:hover {
        text-decoration:underline;
    }
    .personalImg-green {
        width:31px;
        height:31px;
        overflow:hidden;
        float:left;
    }
    .personalImg-green img {
        width:31px;
        height:auto;
        overflow:hidden;
    }
    .personalPoin-green {
        float:left;
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #f8f8f8;
        width: auto;
        height:22px;
        overflow:hidden;
        border-right: 1px solid rgb(23, 151, 96);
        padding: 2px 10px 0 0;
    }
    .personalPoin-green span {
        font:13px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: rgb(199, 251, 229);
        margin:0 5px;
    }
    .personalPoin-green span a {
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#aed6ef;
    }
    .notification-page-green {
        position: relative;
        float: left;
        z-index: 10;
        height:24px;
        padding-top:2px;
        padding-left:15px;
    }
    .notification-page-green a.showNotif {
        display: block;
        background: red;
        padding: 0px 3px;
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        top: -5px;
        left: 15px;
        text-decoration: none;
    }
    .messages-green {
        float:left;
        margin: 0 0px;
        position:relative;
        border-right: 1px solid rgb(23, 151, 96);
        padding: 2px 15px;
        width: 41px;
    }
    .messages-green h2 {
        padding: 0;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: rgb(199, 251, 229);
        margin: 0px 0 0 0;
        float: left;
    }
    .messages-green h6#messageNotif {
        margin: -3px 0 0 0px;
        padding: 0;
        font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: #e6420c;
        display: inline-block;
        height: 10px;
        width: 10px;
        right: 0;
        border-radius: 10px;
        text-align: center;
        position: absolute;
    }
    /* S : =================================== SUGGESTED ========================================= */
    .suggested-green {
        padding: 20px 0px 20px 0px;
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suggestedIn-green {
        border-top: solid 1px rgb(23, 151, 96);
    }
    .suggestedIn-green h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(199, 251, 229);
        width: 120px;
        display:block;
        margin-bottom: 15px;
        background: rgb(27, 182, 116);
    }
    .suggestedIn-green li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed rgb(23, 151, 96);
        padding-bottom: 5px;
    }
    .suggestedIn-green li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration:none;
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
    }
    .suggestedIn-green li a:hover {
        text-decoration:underline;
    }
    /* E : =================================== SUGGESTED ========================================= */
    /* e : Personalisasi Green */
    /* Personalisasi Green Light */
    .mykompasIndex-greenLight {
        width: 48.2%;
        height: 445px;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
        background: rgb(184, 206, 1);
    }
    .personalName-greenLight {
        width:75%;
        height:43px;
        overflow:hidden;
        float:left;
        margin-left:5px;
    }
    .personalAkun-greenLight {
        margin-bottom:10px;
    }
    .personalName-greenLight h1 {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        margin:0;
        padding:0;
        height:16px;
        overflow:hidden;
    }
    .personalName-greenLight h1 a {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        text-decoration:none;
    }
    .personalName-greenLight h1 a:hover {
        text-decoration:underline;
    }
    .personalImg-greenLight {
        width:31px;
        height:31px;
        overflow:hidden;
        float:left;
    }
    .personalImg-greenLight img {
        width:31px;
        height:auto;
        overflow:hidden;
    }
    .personalPoin-greenLight {
        float:left;
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #f8f8f8;
        width: auto;
        height:22px;
        overflow:hidden;
        border-right: 1px solid rgb(148, 166, 3);
        padding: 2px 10px 0 0;
    }
    .personalPoin-greenLight span {
        font:13px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: rgb(245, 251, 196);
        margin:0 5px;
    }
    .personalPoin-greenLight span a {
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#aed6ef;
    }
    .notification-page-greenLight {
        position: relative;
        float: left;
        z-index: 10;
        height:24px;
        padding-top:2px;
        padding-left:15px;
    }
    .notification-page-greenLight a.showNotif {
        display: block;
        background: red;
        padding: 0px 3px;
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        top: -5px;
        left: 15px;
        text-decoration: none;
    }
    .messages-greenLight {
        float:left;
        margin: 0 0px;
        position:relative;
        border-right: 1px solid rgb(148, 166, 3);
        padding: 2px 15px;
        width: 41px;
    }
    .messages-greenLight h2 {
        padding: 0;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: rgb(245, 251, 196);
        margin: 0px 0 0 0;
        float: left;
    }
    .messages-greenLight h6#messageNotif {
        margin: -3px 0 0 0px;
        padding: 0;
        font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: #fff;
        background: #e6420c;
        display: inline-block;
        height: 10px;
        width: 10px;
        right: 0;
        border-radius: 10px;
        text-align: center;
        position: absolute;
    }
    /* S : =================================== SUGGESTED ========================================= */
    .suggested-greenLight {
        padding: 20px 0px 20px 0px;
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suggestedIn-greenLight {
        border-top: solid 1px rgb(148, 166, 3);
    }
    .suggestedIn-greenLight h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(245, 251, 196);
        width: 120px;
        display:block;
        margin-bottom: 15px;
        background: rgb(184, 206, 1);
    }
    .suggestedIn-greenLight li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed rgb(148, 166, 3);
        padding-bottom: 5px;
    }
    .suggestedIn-greenLight li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration:none;
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
    }
    .suggestedIn-greenLight li a:hover {
        text-decoration:underline;
    }
    /* E : =================================== SUGGESTED ========================================= */
    /* e : Personalisasi Green light */
    /* Personalisasi maroon */
    .mykompasIndex-maroon {
        width: 48.2%;
        height: 445px;
        float: left;
        margin-top: 20px;
        border: solid 1px #dedede;
        border-left: none;
        padding: 15px 0 0 20px;
        overflow: hidden;
        background: rgb(231, 79, 29);
    }
    .personalName-maroon {
        width:75%;
        height:43px;
        overflow:hidden;
        float:left;
        margin-left:5px;
    }
    .personalAkun-maroon {
        margin-bottom:10px;
    }
    .personalName-maroon h1 {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        margin:0;
        padding:0;
        height:16px;
        overflow:hidden;
    }
    .personalName-maroon h1 a {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#fff;
        text-decoration:none;
    }
    .personalName-maroon h1 a:hover {
        text-decoration:underline;
    }
    .personalImg-maroon {
        width:31px;
        height:31px;
        overflow:hidden;
        float:left;
    }
    .personalImg-maroon img {
        width:31px;
        height:auto;
        overflow:hidden;
    }
    .personalPoin-maroon {
        float:left;
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #f8f8f8;
        width: auto;
        height:22px;
        overflow:hidden;
        border-right: 1px solid rgb(170, 58, 21);
        padding: 2px 10px 0 0;
    }
    .personalPoin-maroon span {
        font:13px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: rgb(252, 231, 224);
        margin:0 5px;
    }
    .personalPoin-maroon span a {
        font:12px normal'opensansBold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#aed6ef;
    }
    .notification-page-maroon {
        position: relative;
        float: left;
        z-index: 10;
        height:24px;
        padding-top:2px;
        padding-left:15px;
    }
    .notification-page-maroon a.showNotif {
        display: block;
        background: red;
        padding: 0px 3px;
        font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        top: -5px;
        left: 15px;
        text-decoration: none;
    }
    .messages-maroon {
        float:left;
        margin: 0 0px;
        position:relative;
        border-right: 1px solid rgb(170, 58, 21);
        padding: 2px 15px;
        width: 41px;
    }
    .messages-maroon h2 {
        padding: 0;
        font: normal 14px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: rgb(252, 231, 224);
        margin: 0px 0 0 0;
        float: left;
    }
    .messages-maroon h6#messageNotif {
        margin: -3px 0 0 0px;
        padding: 0;
        font: normal 10px/12px 'OpenSansBold', Arial, Helvetica, sans-serif;
        color: red;
        background: #fff;
        display: inline-block;
        height: 10px;
        width: 10px;
        right: 0;
        border-radius: 10px;
        text-align: center;
        position: absolute;
    }
    /* S : =================================== SUGGESTED ========================================= */
    .suggested-maroon {
        padding: 20px 0px 20px 0px;
        width: 91%;
        position: relative;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .suggestedIn-maroon {
        border-top: solid 1px rgb(170, 58, 21);
    }
    .suggestedIn-maroon h1 {
        margin:-10px 0 0 0;
        padding:0;
        font: normal 12px 'OpenSansbold', Arial, Helvetica, sans-serif;
        color: rgb(252, 231, 224);
        width: 120px;
        display:block;
        margin-bottom: 15px;
        background: rgb(231, 79, 29);
    }
    .suggestedIn-maroon li {
        margin: 0px 10px 5px 0;
        padding:0;
        font:normal 12px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        width: auto;
        display: block;
        overflow: hidden;
        border-bottom: 1px dashed rgb(170, 58, 21);
        padding-bottom: 5px;
    }
    .suggestedIn-maroon li a {
        font: normal 12px 'Opensanssemibold', Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration:none;
        display: table-cell;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
    }
    .suggestedIn-maroon li a:hover {
        text-decoration:underline;
    }
    /* E : =================================== SUGGESTED ========================================= */
    /* e : Personalisasi Maroon */
    /* tooltip styling */
    #tooltipRegister {
        height:auto;
        overflow:hidden;
        width:auto;
        cursor:pointer;
        color:#000;
    }
    .tooltip {
        display:none;
        height:auto;
        width:0px;
        font-size:11px;
        position:absolute;
        z-index:999;
        overflow:hidden;
    }
    /* artikel box */
    .artikelSebelumnya {
        display:none;
    }
    /* e : artikel box */
    /* S : About Us */
    h1.aboutUs {
        font:normal 30px 'opensansSemibold', lucida;
        color:#000;
        margin:10px 0 10px 0;
        padding-bottom:15px;
        padding-left:0.6%;
    }
    .aboutNavWrap {
        width: 33%;
        float:left;
    }
    .aboutNav {
        width:98%;
        height:auto;
        overflow:hidden;
        padding: 0 0.6%;
    }
    ul.aboutNav {
        list-style:none;
        margin:0;
    }
    ul.aboutNav li {
        float:left;
        font:normal 14px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#666;
        width:80%;
    }
    ul.aboutNav li.titleTabs {
        float:left;
        font:normal 24px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#000;
        padding: 15px 25px 15px 0px;
        border-right:1px solid #e8e8e8;
    }
    ul.aboutNav li a {
        font:normal 18px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#d2d2d2;
        text-decoration:none;
        padding: 10px 35px 10px 25px;
        display:block;
    }
    ul.aboutNav li a:hover {
        color:#000;
    }
    ul.aboutNav li a.current {
        color:#000;
        background:url(http://assets.kompas.com/data/2013/news2/images/acc-up.gif) left center no-repeat;
        padding-right: 36px;
        width:80%;
    }
    .aboutContent {
        padding: 0% 0.5%;
        width: 65%;
        float:left;
        font:normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    }
    .aboutContent h1 {
        font: normal 24px 'opensansSemibold', lucida;
        margin:10px 0 20px 0;
        color:#000;
    }
    .aboutContent h2 {
        font: normal 18px 'opensansSemibold', lucida;
        margin:0 0 5px 0;
        color:#000;
    }
    .aboutContent p {
        font:normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        padding:0 0 30px 0;
        margin:0;
        color: #666;
    }
    .aboutContent h4 {
        font:normal 13px/16px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        padding:0 0 30px 0;
        margin:0;
        padding-bottom:30px;
        color: #999;
    }
    .aboutContent a {
        text-decoration:none;
        color:#37a6dc;
    }
    .aboutContentRight {
        float:right;
        width: 30%;
        margin-top: 1%;
    }
    .aboutContent ul {
        margin-left: 0px;
        font:normal 16px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    }
    .aboutContent ol {
        margin-left:34px;
        margin-top:0px;
        margin-bottom:30px;
        font:normal 16px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#666;
    }
    .aboutContent input {
        background: #fff;
        padding: 8px;
        border: 1px solid #ebebeb;
        border-bottom-color: #c9c9c9;
        border-right-color: #c9c9c9;
        font-size: 1em;
        color: #272727;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        display: block;
        width:90%;
        outline:none;
        color:#999;
    }
    .aboutContent textarea {
        background: #fff;
        padding: 8px;
        border: 1px solid #ebebeb;
        border-bottom-color: #c9c9c9;
        border-right-color: #c9c9c9;
        font-size: 1em;
        color: #272727;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        display: block;
        width:95.5%;
        height:200px;
        outline:none;
        color:#999;
        resize:none;
    }
    .aboutContent select {
        background: #f8f8f8 url(http://assets.kompas.com/data/2013/news2/images/arrowList.gif) right center no-repeat;
        padding: 8px;
        border: 1px solid #ebebeb;
        border-bottom-color: #c9c9c9;
        border-right-color: #c9c9c9;
        font-size: 1em;
        color: #272727;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        display: block;
        width:95%;
        outline:none;
        color:#999;
        -webkit-appearance:none;
    }
    .aboutContentButton {
        padding:5px 15px;
        background:#37a6de;
        border:1px solid #000;
        color:#fff;
    }
    .aboutContentButton:hover {
        background:#2c85b2;
    }
    .boxContact {
        width: 85%;
        border:1px solid #f3f3f3;
        padding:15px;
    }
    .boxContact h4 {
        margin:0 0 5px;
    }
    .boxContact p {
        margin:0 0 15px;
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    }
    .boxContact p a {
        font:normal 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#2c85b2;
        text-decoration:none;
    }
    /* search */
    .searchDetail {
        background:#efefef;
        padding:30px 0;
        border-bottom:1px solid #dfdfdf;
        margin-bottom:10px;
    }
    .searchDetailBox {
        width:50%;
        margin: 0 0 0px 205px;
    }
    .searchDetailBox h2 {
        font:normal 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#37a6dc;
        padding:0;
        margin:0 0 5px 0;
    }
    .searchDetail input {
        width:70%;
        height:21px;
        float:left;
        border:1px solid #cbcbcb;
        outline:none;
    }
    .searchDetailButton {
        width:15%;
        padding:2px 1%;
        background:#e6e6e6;
        border:1px solid #cbcbcb;
        border-left:none;
        font:normal 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#000;
        height: 35px;
    }
    .searchDetailButton:hover {
        background:#ddd;
    }
    .fontBold {
        font-weight:bold;
    }
    .imgVideo img {
        float: left;
        width: 150px;
        height: 75px;
        padding-right: 20px;
    }
    .boxSearchText {
        width: 69%;
        float: left;
    }
    .boxTextVideo {
        width: 55%;
        float: left;
    }
    /* info grafis */
    .infoGrafis {
        width:auto;
    }
    .infoGrafis h1 {
        margin: 15px 0 5px 0;
        font:normal 36px/36px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#000;
        border-bottom:1px solid #e5e5e5;
        padding-bottom:20px;
    }
    .infoGrafisBoxWrapper {
        width:300px;
        float:left;
        margin-bottom:15px;
    }
    .infoGrafisBox {
        width:280px;
        height:355px;
        float:left;
        -webkit-box-shadow: 5px 6px 0px 1px rgba(229, 229, 229, 1);
        box-shadow: 5px 6px 0px 1px rgba(229, 229, 229, 1);
        border:1px solid #e5e5e5;
        margin-bottom:2%;
    }
    .infoGrafisBox img {
        width:100%;
        height:176px;
        overflow:hidden;
        margin-bottom:20px;
    }
    .infoGrafisBox h1 {
        padding:0 20px;
        margin:0 0 5px 0;
        font:normal 22px/22px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#000;
        max-height:44px;
        border-bottom:none;
        overflow:hidden;
    }
    .infoGrafisBox h1 a {
        text-decoration:none;
        color:#000;
    }
    .infoGrafisBox h1 a:hover {
        text-decoration:underline;
    }
    .infoGrafisBox h2 {
        padding:0 20px;
        margin:0 0 5px 0;
        font:normal 12px 'opensansRegular', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#e55827;
    }
    .infoGrafisBox p {
        padding:0 20px;
        margin:0 0 5px 0;
        font:normal 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#5b5a5a;
        height:72px;
        overflow:hidden;
    }
    .ml20 {
        margin-left:2%;
    }
    .infoGrafisDetail {
    }
    .infoGrafisDetail h1 {
        border-bottom:none;
        padding:0;
        margin:10px 0;
        font-size:28px;
    }
    .infoGrafisDetail ul {
        list-style: none;
        color: #999;
        margin: 0px 0 10px;
        padding: 0;
        font-size: 12px;
    }
    .infoGrafisDetail li {
        float: left;
        padding: 0 10px;
        border-right: 1px solid #e7e7e7;
    }
    .infoGrafisDetail li:first-child {
        float: left;
        padding: 0 5px 0 0px;
        border-right: 1px solid #e7e7e7;
    }
    .infoGrafisKiri {
        width:68.3%;
        float:left;
    }
    .infoGrafisImg img {
        width:100%;
        height:auto;
        overflow:hidden;
        margin:20px 0 30px 0;
    }
    .infoGrafisKolomKiri {
        float:left;
    }
    .infoGrafisKolomKiri p {
        font: normal 16px/26px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color: #333;
        padding: 0px 0 30px;
        margin: 0;
    }
    .infoGrafisKolomKanan {
        display:none;
    }
    .titleInfoGrafis {
        font:normal 24px 'opensansBold', lucida;
        color:#000;
        padding-bottom:8px;
        border-bottom:3px solid #e84f1d;
    }
    /* noImgBox */
    .noImgBox {
        padding: 42px 27px;
        width: auto;
        height: 205px;
        border: 1px solid #d8d8d8;
    }
    .noImgBox h1 {
        font:normal 24px/30px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        margin: 0 0 10px 0;
        max-height: 93px;
        overflow: hidden;
    }
    .noImgBox h1 a {
        font:normal 24px/30px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        text-decoration: none;
        color: #000;
    }
    .noImgBox h1 a:hover {
        text-decoration: underline;
    }
    .noImgBox p {
        font: normal 14px/18px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        margin: 0 0 5px 0;
        height: 110px;
        overflow: hidden;
    }
    /* sitemap */
    .sitemap {
        margin:20px;
    }
    .sitemap ul {
        font:normal 14px 'opensansSemibold', "Lucida Grande", "Lucida Sans Unicode", sans-serif;
        color:#666;
        margin-left:20px;
        list-style:none;
    }
    .sitemap ul li a {
        text-decoration:none;
        color:#000;
        list-style:none;
    }
    .sitemap ul li ul a {
        text-decoration:none;
        color:#999;
    }
    .sitemap ul li a:hover {
        color:#000;
    }
    .sitemap ul li ul {
        margin-left:30px;
        list-style:circle;
    }
    /* S : SKINAD */
    .boxSkinAd {
        display:none;
    }
    #wrap-skin {
        width:auto;
        margin:0 auto;
    }
    /* E : SKINAD */
    /*    s : page not found */
    .pageNotFound {
        width:923px;
        margin:0 auto;
        padding-top:40px;
    }
    .pageNotFound h1 {
        text-align:center;
        font: normal 36px 'OpensansBold', Arial, Helvetica, sans-serif;
        color: #000;
        margin:0 auto;
        padding:10px 0;
        text-shadow: 3px 3px 0px #e1e1e1;
    }
    .pageNotFound h5 {
        text-align:center;
        font: normal 24px 'OpensansSemibold', Arial, Helvetica, sans-serif;
        color:#000;
        margin:0 auto;
    }
    .pageNotFound img {
        width:100%;
        height:auto;
    }
	/* 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/news2/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/news2/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/news2/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/news2/images/artikel/close-box.gif) 0px 0px transparent no-repeat;
    }
    #artbox .toTop {
        background:url(http://assets.kompas.com/data/2013/news2/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/news2/images/artikel/minim-box.gif) transparent no-repeat;
    }
    #artbox .blackword {
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        height: 20px;
        overflow: hidden;
    }
    #artbox .blackword a {
        font:normal 14px 'opensansRegular', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #004e87;
        text-decoration: none;
        height: 57px;
        overflow: hidden;
        display: block;
    }
    #artbox .blackword a:hover {
        text-decoration: underline;
    }
    #artbox .pic img {
        float:left;
        padding-left: 0px;
        padding-right: 10px;
        height: 55px;
        width: 105px;
        padding-bottom:10px;
    }
    #artbox hr {
        margin : 8px 0;
    }
    #artbox .sharefbtwit {
        float:left;
        padding-right: 5px;
    }
    .ads_artbox01 {
        width:300px;
        height:100px;
        margin-top:10px;
        overflow:hidden;
    }
    .ads_artbox02 {
        width:300px;
        height:85px;
        margin-top:15px;
        padding-top:10px;
        overflow:hidden;
        border-top:solid 1px #ededed;
    }
    .ads_artbox02 .spc {
        font:bold 11px Arial, Helvetica, sans-serif;
        color:#fd8838;
        padding-bottom:5px;
    }
    .ads_artbox02 .isi a {
        font:normal 14px Arial, Helvetica, sans-serif;
        color:#333333;
        text-decoration:none;
    }
    .ads_artbox02 .isi a:hover {
        text-decoration:underline;
    }
    .borderBlue {
        border: 1px solid #cfcece;
        padding: 10px;
        border-right: none;
    }
    /* e : artikel box */
    /* artikel box breaking news */
    #topcornerBreaking {
        width:15px;
        height:70px;
        background-color: #e7511d;
        z-index: 10;
        position: fixed;
        right: 0;
        bottom: 4.3em;
        -webkit-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #cd3906;
        border-left: 1px solid #cd3906;
        border-bottom: 1px solid #cd3906;
    }
    #topcornerBreaking .buka {
        background: url(http://assets.kompas.com/data/2013/news2/images/artikel/open-box-breaking.gif) no-repeat scroll 0 0 transparent;
        height: 13px;
        margin-left: 5px;
        margin-top: 29px;
        width: 13px;
        text-indent: -99999px;
        display:block;
    }
    #topcornerBreaking .buka:hover {
        background: url(http://assets.kompas.com/data/2013/news2/images/artikel/close-box-breaking-hover.gif) no-repeat scroll transparent;
    }
    #artboxBreaking {
        display:none;
        width: 320px;
        height: auto;
        background-color: #e7511d;
        position:fixed;
        bottom:4.3em;
        right:0;
        -webkit-box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.1);
        padding: 2px 0 2px 2px;
        z-index:5;
    }
    #artboxBreaking .kompasartbox {
        width:300px;
        color: #ffa04c;
        font:normal 15px 'opensansSemibold', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        padding: 0px;
        margin-bottom: 15px;
    }
    #artboxBreaking .listing {
        padding:0;
        margin:0;
    }
    #artboxBreaking .tutup {
        background: url(http://assets.kompas.com/data/2013/news2/images/artikel/close-box-breaking.gif) no-repeat;
        margin: 0em 0em 0em 0.3em;
        float: right;
        height: 20px;
        width: 20px;
        text-indent: -99999px;
        display: block;
    }
    #artboxBreaking .tutup:hover {
        background:url(http://assets.kompas.com/data/2013/news2/images/artikel/close-box-breaking.gif) 0px 0px transparent no-repeat;
    }
    #artboxBreaking .toTop {
        background:url(http://assets.kompas.com/data/2013/news2/images/artikel/minim-box-breaking.gif) no-repeat;
        margin: 0em 0em 0em 0.3em;
        float: right;
        height: 20px;
        width: 20px;
        text-indent: -99999px;
        display: none;
    }
    #artboxBreaking .toTop:hover {
        background:url(http://assets.kompas.com/data/2013/news2/images/artikel/minim-box-breaking.gif) transparent no-repeat;
    }
    #artboxBreaking .blackword {
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        height: 20px;
        overflow: hidden;
    }
    #artboxBreaking .blackword a {
        font:normal 14px 'opensansRegular', "Lucida Grande","Lucida Sans Unicode", sans-serif;
        color: #fff;
        text-decoration: none;
        height: 40px;
        overflow: hidden;
        display: block;
        margin-bottom: 10px;
    }
    #artboxBreaking .blackword a:hover {
        color : #fff;
        text-decoration: underline;
    }
    #artboxBreaking .pic img {
        float:left;
        padding-left: 0px;
        padding-right: 10px;
        height: 55px;
        width: 105px;
        padding-bottom:10px;
    }
    #artboxBreaking hr {
        margin : 8px 0;
    }
    #artboxBreaking .sharefbtwit {
        float:left;
        padding-right: 5px;
    }
    .borderOrange {
        border: 1px solid #cd3906;
        padding: 10px;
        border-right: none;
    }
    /* e : artikel box breakingNews */
    /*    e : page not found */
	
	/* 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; }


/* ==================================== Footer Rev =================================== */
.footerMenu2 {
    float: left;
    padding: 20px 0 0;
    text-align: left;
    width: 100%;
}

.footerMenu2 ul {
    margin: 0;
    padding: 5px 0;
    text-align: center;
}
.footerMenu2 ul li {
    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.70em "OpenSansSemibold","Lucida Grande",Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.footerMenu2 ul li a:hover {
    text-decoration: underline;
}
.footerMenu2 h6 {
    color: #000000;
    font: 0.70em "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: 100%;
}
.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 {
    list-style-type: none;
    padding: 2px 14px;
}

.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;
}
/* kanal buttom ============================ */
.kanalBottomIn {
	width: 95%;
	margin: 0 auto;
	padding: 0 0px;
}
.buttomMenuKanal {
	padding-right: 20px;
}
.buttomMenuKanal h1 {
	font: bold 16px "lucida_sans_unicoderegular", "Lucida Grande", 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 0 0;
	
}

.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 {
	background: #fff;
	border-bottom: solid 1px #ccc;
}
.buttomMenuNetworks h1 {
	font: bold 0.875em "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 10px;
	cursor: pointer;
}
.buttomMenuNetworks ul {
	margin: 0;
	padding: 0px 0 10px 20px;
}
.buttomMenuNetworks ul li {
	list-style-type: none;
	padding: 4px 0;
	display: block;
}
.buttomMenuNetworks ul li a {
	font: normal 14px "lucida_sans_unicoderegular", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.buttomMenuNetworks ul li a:hover {
	color: #e54210;
}

/* s : menuKanalNew */
.menuKanalNew {
	padding-top:10px;
	padding-left: 30px;
	
	padding-right: 10px;
}
.kgDigitalGroup {
	width: 200px;
	padding: 20px 5px;
	border:solid 1px #ccc;
	position:relative;
	
}
h1.tagDG {
	margin:0;
	padding: 0 5px;
	position:absolute;
	color: #000000;
    font: normal 11px/12px "OpenSansBold", Arial,Helvetica,sans-serif;
	top:-7px;
	left: 10px;
	background:#f4f4f4;
	border:none;
	display:block;
	width:180px;
}
ul.menuKanalNewIn li a:hover {
	text-decoration:none;
}
.kgDigitalGroup ul li {
	display:inline-block;
}
.kgDigitalGroup {
	width:100%;
	margin-top:20px;
}
.logoBottom img {
width: 100px;
height: auto;
}
/* e : menuKanalNew */

.socialMedia {
padding: 20px 0px;
float: left;
position: relative;
left: 30%;
}
    .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/news2/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/news2/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/news2/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/news2/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/news2/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/news2/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/news2/images/socialShared2.jpg) no-repeat -180px 0px;
    }
    .socialMedia ul li a#rssfeed:hover {
        height: 30px;
        width: 30px;
        display: inline-block;
        background: url(http://assets.kompas.com/data/2013/news2/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/news2/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/news2/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/news2/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/news2/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/news2/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/news2/images/socialShared.jpg) no-repeat -180px 0px;
    }
}