/*Image Border Styles*/
.image-border { border-style: solid; border-width: 1px; border-color: #636F70; width:100%;}
.image-border-light { border-style: solid; border-width: 1px; border-color: #cfcfcf; width:100%;}

/*Button Styles*/
.button { border-radius:5px; color:red; font-family:Arial; font-weight:normal; float:right; text-decoration:underline;}
.button:visited { border-radius:5px; color:red; font-family:Arial; font-weight:normal;}
.button:link { border-radius:5px; color:red; font-family:Arial; font-weight:normal;}
.button:hover { border-radius:5px; color:red; text-decoration:none; font-family:Arial; font-weight:normal;}
 
/*Main Menu*/
.menu.background { background-color:#0b4587; margin:0px; padding:0px; vertical-align:bottom; line-height:2em; }
.menu.item { background-color:#0b4587; font-size:0.8em; font-family:Verdana; color:white; padding:8px 10px 7px 10px; line-height:2em; }
.menu.item:visited { color:white; }
.menu.item:hover { font-size:0.8em; padding:8px 10px 7px 10px; text-decoration:none; color:black; background-color:#ffff11; line-height:2em; }
.menu.subscriber { font-size:0.8em; padding:10px 10px 7px 10px; background-color:#777777; text-align:right; text-transform:uppercase; line-height:2em; color:white; }
.menu.subscriber1 { background-color:#777777;color:white; float:right; }

/*Home Page (Main Panels)*/
.column1_2 { width:100%;  }
.column1 { margin:7px 10px 10px 0px; padding:0px; width:100%; max-width:155px; }
.column2 { margin:7px 10px 10px 0px; padding:0px; width:100%; max-width:800px; }
.column3 { margin:7px 0px 10px 10px; padding:0px; min-width:320px; }
.co1 { margin:7px 10px 10px 0px; padding:0px; width:100%; max-width:550px; }
.co2 { margin:7px 10px 10px 10px; padding:0px; width:100%; max-width:155px; }
.co1_2 {margin:7px 10px 10px 0px;width:100%; max-width:800px; }
/*Home Page (Left Panel) - Section Containers*/
.section.leftpanel { margin-bottom:10px; }

/*Home Page (Left Panel) - Survey*/
.survey { font-family:Verdana; font-weight:normal; line-height:17px; }
.surveycontainer { padding:10px; }
.surveyquestion { font-size: 0.75em; font-weight:bold; }
.surveyanswers { font-size: 0.75em; margin-top:10px; margin-bottom:10px; line-height:20px; }
.surveybutton { font-size: 0.75em; color:white; background-color:#0080ff; padding:8px 15px 8px 15px; border:none; }
.survey a { font-size: 0.65em; color:navy; }

/*Home Page (Main Panel) - Main Stream*/
.mainnew { margin:0px; width:100%; line-height:1em;}
.mainnew.imagecontainer { float:left; width:63%; margin:0px; padding:0px;}
.mainnew.textcontainer { float:left; width:37%; line-height:20px;}
.mainnew.textcontainer td { padding:10px 20px 20px 20px; }
.mainnew.header { font-family: Verdana; font-weight: bold; padding:6px 0px 0px 0px; margin:0px; font-size: 1.2em; }
.mainnew.article.title { font-family: Verdana; font-weight: bold; font-size: 0.75em; margin-bottom:4px; padding-top:12px; }
.mainnew.article.description { font-family: Verdana; font-weight: normal; font-size: 0.6825em; }
.mainnew a:visited { color: rgb(0, 85, 136); }
.maintitleimg{ height: 1.2em; }
.subtitleImg { height: 1.25em; }
.mainnew.titleContainer { display:none; }

/*Home Page (Main Panel) - Subsections*/
.subsection.left { float:left; margin-top:10px; min-width:300px; max-width:390px; width:50%; }
.subsection.right { float:right; margin-top:10px; min-width:300px; max-width:390px; width:50%; }
.subsection.image { width:100px; }
.subsection.supImage { width:190px; }
.subsection.title.div { border-bottom:1px solid #0d0d3e; padding-bottom:2px; margin-bottom:10px; }
.subsection.title.div.archive { border-bottom:1px solid #0d0d3e; padding-bottom:10px; margin-bottom:10px; }
.subsection.title.abrv { color: #0d0d3e; font-family:Verdana; font-weight:bold; font-size:1.25em;}
.subsection.title.text { color: #0d0d3e; font-family:Verdana; font-weight:normal; font-size:0.8em; }
.subsection.article.title { font-family: Verdana; font-weight: bold; font-size: 0.75em; margin-bottom:4px; margin-top:0px; line-height:1.15em;}
.subsection.article.description { font-family: Verdana; font-weight: normal; font-size: 0.6825em; margin-bottom:7px; line-height:1.15em;}
.subsection.info { padding:10px; line-height:1em; vertical-align:top; padding-top:0px; }
.subsection a:visited { color: rgb(0, 85, 136); }
.subsection a:hover { color: #c14b0d; text-decoration:underline; }

/*Home Page (Main Panel) - Archive*/
.archive { line-height:18px; list-style-image:url('Images/Bullet_Square_12px.gif'); text-align:left; columns:2;-moz-column-count:2;-webkit-column-count:2;}
.archive li { font-family:Arial; font-size:0.8em; padding:2px 5px;}
.history.link { text-align:left; padding:2px 0px; text-align:right; width:100%;}
.history.link a { font-size:0.8em; font-family:Tahoma; text-decoration:none; font-weight:normal; }
.history.link a:hover { font-size:0.8em; font-family:Tahoma; text-decoration:underline; font-weight:normal; }

/*Home Page (Right Panel) - Section Containers*/
.section.rightpanel { margin-bottom:10px; }
.infodiv { float:none; width:100% }
.subscribediv { float:none; width:100% }
.coverdiv { float:none; width:100%; text-align:center; }
.advertdiv { float:none; width:100% }

/*Home Page (Right Panel) - E-Paper Information*/
.epaper { font-family:Arial; padding:20px; background-color:#336699; color:white; }
.epaper.title { font-size:1.4em; font-weight:bold; padding:0px 0px; margin:0px; }
.epaper.text { font-size:0.9em; font-weight:normal; line-height:1.4em; padding:6px 0px 15px 0px; }
.epaper table { border-spacing:2px; width:100%; }
.epaper table td { background-color:#588fc7; text-align:center; padding-top:3px; padding-bottom:3px; }
.epaper a { font-size:0.8em; font-weight:bold; line-height:1.4em; color:#ffffce; }

/*Home Page (Right Panel) - E-Paper Platforms*/
.epaperplatform { font-family:Arial; padding:20px 20px 50px 20px; background-color:#eaeaea; font-size:1.2em; font-weight:bold; color:#666666; line-height:0.7em;height:auto;}
.epaper_android {
    float: left;
}
.epaper_ios {
    float: right;
}
/*Home Page (Right Panel) - Green Subscribe Form*/
.subscribepanel { width:100%; line-height:18px; background-color:white; }
.subscribepanel.form { font-family:Tahoma; font-size:1.25em; color:black; padding:10px; background-color:#eeeeee; }
.subscribepanel.malaysiatable { width:80px; margin-bottom:20px; background-color:#eeeeee;}
.subscribepanel.text { font-size:0.86em; background-color:#eeeeee; margin-top:20px; }
.subscribepanel.radiobutton { margin-left:-4px; background-color:#eeeeee; }
.subscribepanel.editionatable { width:100%; margin-bottom:20px; }
.subscribepanel.rbtncolumn { width:8px; background-color:#eeeeee; padding-top:3px; }
.subscribepanel.edition { font-size: 0.86em; vertical-align:top; text-wrap:normal; text-align:left; width:80px; background-color:#eeeeee; padding-top:3px; }
.subscribepanel.price { font-size: 0.86em; vertical-align:top; text-wrap:normal; text-align:left; width:120px; background-color:#eeeeee; padding-top:3px; }

/*Home Page (Right Panel) - Top Ads*/
.rightAdsHeight {
    height: 75px;
}

/*Home Page (Right Panel) - This Week Cover*/
.cover.title { background-color: #dcdcdc; color: navy; font-family: Verdana; font-weight:bold; font-size: 0.9em; padding:4px 20px 4px 20px; margin-bottom:5px; line-height:1.6em; text-align:left;}
.cover.image { border-style: solid; border-width: 1px; border-color: #cfcfcf;}

/*Home Page (Right Panel) - This Week Cover*/
.issue { width:174px;  margin:0 auto;  margin-right:10px;display:inline-block;float:none;}
.issue.last { width:174px; margin:0 auto;  margin-right:10px;display:inline-block;float:none;}
.previousissue.container { float:left; margin:5px 0px; padding:0px; width:100%}
.previousissue.list { margin-left: 8px; margin-top:10px; }
.freeissue.container { float:right; margin:5px 0px; padding:0px; width:33.3336%}
.freeissue.list { margin-left: 8px; margin-top:10px;}
.issue.title.background { background-color: #dcdcdc;  margin:0px 0px; line-height:1.6em; width:100%; clear:both; border-collapse:collapse; border-spacing:0px;}
.issue.title { margin-left:15px; color: navy; font-family: Verdana; font-weight:bold; font-size: 0.9em; padding:2px 0px;}
.issue.link { margin-right:15px; text-align:right; padding:2px 0px; float:right;}
.issue.link a { font-size:0.8em; font-family:Tahoma; text-decoration:none; font-weight:normal; }
.issue.link a:hover { font-size:0.8em; font-family:Tahoma; text-decoration:underline; font-weight:normal; }
.issue.name { color: black; font-family:Tahoma; font-weight:bold; font-size: 0.8em; line-height:1.3em; margin-top:7px; text-align:center;}
.issue.date { color: black; font-family:Tahoma; font-weight:normal; font-size: 0.7em; line-height:1.3em; text-align:center; margin-bottom:15px;}
.imgIssue {
    width: 174px;
    height: 234px;
}
/*Social Media Connect*/
.connecttext { font-family:Arial; font-size:1em; color:#666666; font-style:italic; font-weight:bold; vertical-align:middle; padding-right:20px;}

/*Home Page - Footer */
.footer { background-color:#0b4587; margin:0px; padding:0px; vertical-align:middle; line-height:30px; color:white; text-align:center; font-family:Tahoma; font-size:0.8em;}

/*Header for inner pages*/
.top_section table {width: 100%;height: 45px;border: 0;empty-cells: show;}
.top_section.title {text-align: center;background-color: #f37a22;vertical-align: middle;font-size: 2.063em;color: #FFF;line-height: 1em;padding: 0px 5px 0px 5px;}
.top_section.titlebg {background-color: #d8d8d8;width: 100%;font-size: 0.8em;line-height: 1em; vertical-align:middle; font-family:Verdana; padding-left:10px;}

/*title*/
.headline {font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: bold;color: #153D6E;text-decoration: none;background-color: #FFF;margin: 0px;}

/*Middle Ads*/
    .col_6.twoColAdsLeft { width: 50%; }
    .col_6.twoColAdsRight { width: 50%; }

/*Three Columns Ads*/
/*.col_3.threeColAdsLeft { margin-right: 1.5%; margin-left: 1.5%; padding: 4px 0px 4px 0px; }
.col_3.threeColAdsMid { margin-right: 1.8%; margin-left: 1.8%; padding: 4px 0px 4px 0px; }
.col_3.threeColAdsRight { margin-right: 1.5%; margin-left: 1.5%; padding: 4px 0px 4px 0px; }*/
.threeColAdsLeft {  margin-left: 15px; float: left;}
.threeColAdsMid {    margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
.threeColAdsRight { margin-right: 15px; float: right; }

.divseperator { display: none; }

    .bankTransfer_col4 { width: 33.33%; float:left; }
    .bankTransfer_col4.right { width: 33.33%; float:right; }
.slider_cover{width: 320px; height: 450px;}
 @media handheld, only screen and (max-width: 1024px) {
.slider_cover{width: 280px; height: 394px;}
}
 @media handheld, only screen and (max-width: 1045px) {
      .adImg { max-width:300px;}
    body { font-size:120%; }
    .column1_2 { margin:7px 0px 10px 0px; padding:0px; width:100%; max-width:100%; }
    .column1 { display:none; }
    .column2 { margin:7px 0px 10px 0px; padding:0px; width:100%; max-width:100%;}
    .column3 { margin:7px 0px 10px 0px; padding:0px; width:100%; }
    .subsection.left {float:left; margin-top:30px; min-width:300px; max-width:100%; width:48%;}
    .subsection.right {float:right; margin-top:30px; min-width:300px; max-width:100%; width:48%;}
    .infodiv { float:left; width:48%; background-color:#eaeaea; height:445px;}
    .subscribediv { float:right; width:48%; }
    .coverdiv { float:left; width:48%; margin-top:10px;}
    .advertdiv { float:right; width:48%; margin-top:10px;}
    .rightAdsHeight { height: 100%; }
     /*
    .mainnew.imagecontainer { float:left; width:63%; margin:0px; padding:0px;}
    .mainnew.textcontainer { float:left; width:32%; padding:15px; line-height:20px;}
    .subsection.right {float:left; margin-top:30px; min-width:300px; max-width:310px; width:50%;}
    .issue.free.container { float:left; }
     
    .co1_2 {margin:10px 10px 10px 0px;width:100%; max-width:100%; }*/

       /*reset ipad mini setting*/
    .epaperplatform { height: auto; }

    .epaper_android { float: left; }
    .epaper_ios { float: left; padding-left:10px; }
    
    .bankTransfer_col4 { width: 33.33%; float:left; }
    .bankTransfer_col4.right { width: 33.33%; float:right; }
}

@media handheld, only screen and (max-width: 480px) {
    .archive {   columns:1;-moz-column-count:1;-webkit-column-count:1;}
     .divseperator { display: block !important; height: 10px;}
    .col_6.twoColAdsLeft { width: 100%; }
    .col_6.twoColAdsRight { width: 100%; }
    
   .threeColAdsLeft { margin-right: 1.8% !important; margin-left: 1.8% !important; padding: 4px 0px 4px 0px; float:none !important; }
   .threeColAdsMid { margin-right: 1.8% !important; margin-left: 1.8% !important; padding: 4px 0px 4px 0px; }
   .threeColAdsRight { margin-right: 1.8% !important; margin-left: 1.8% !important; padding: 4px 0px 4px 0px;  float:none !important;}
   
    .bankTransfer_col4 { width: 100%; }
    .bankTransfer_col4.right { width: 100%; }
}

@media handheld, only screen and (max-width: 767px) {
    .top_section {
        padding-top: 10px;
    }
     .divseperator { display: block !important; height: 10px;}    
      .inhousead { width: 100%; }
    .col_6.twoColAdsLeft { width: 100%; padding-left: 0.2%; text-align:left; }
    .col_6.twoColAdsRight { width: 100%; padding-left: 0.2%; text-align:left; }
    .imgMiddleAds { width: 96.5%; }
    
   .threeColAdsLeft { margin-right: 1.8%; margin-left: 1.8%; padding: 4px 0px 4px 0px; float:none; }
   .threeColAdsMid { margin-right: 1.8%; margin-left: 1.8%; padding: 4px 0px 4px 0px; }
   .threeColAdsRight { margin-right: 1.8%; margin-left: 1.8%; padding: 4px 0px 4px 0px;  float:none;}
   
    .bankTransfer_col4 { width: 100%; }
    .bankTransfer_col4.right { width: 100%; }

    .break {padding-top:5px;}
}
/* ipad Mini Landscape  and (resolution: 163dpi)*/
@media only screen and (width:1024px) {

    body { font-size: 100%; }
    .column1_2 { margin: 7px 0px 10px 0px; padding: 0px; width: 100%; max-width: 100%; }
    .column1 { display: none; }
    .column2 { margin: 7px 10px 10px 0px; padding: 0px; width: 68%; }
    .column3 { margin: 7px 0px 10px 0px; padding: 0px; width: 30%; min-width: 200px; float: right; }
    .subsection.left { float: left; margin-top: 10px; min-width: 100%; max-width: 100%; width: 48%; }
    .subsection.right { float: left; margin-top: 10px; min-width: 100%; max-width: 100%; width: 48%; }

    /*.fblike { display:none; }*/
    .epaperplatform { height: 70px; }
    .epaper_android { float: left; }
    .epaper_ios { float: left; padding-top: 5px; padding-left: 0px; }

    .infodiv { float: none; width: 100%; height: auto; background-color: #ffffff; }
    .subscribediv { float: none; width: 100%; }
    .coverdiv { float: none; width: 100%; text-align: center; margin-top: auto; }

    .advertdiv { float: none; width: 100%; margin-top: auto; }

    .co1_2 { width: 68%; }
    .co1 { max-width: none; width: 70%; margin-right: 0px; }
    
    .col_6.twoColAdsLeft { width: 45%; padding-left: 1.8%; }
    .col_6.twoColAdsRight { width: 45%; float:right; padding-right: 1.5%; }
    .imgMiddleAds { width: 100%; }
    
   .threeColAdsLeft { margin-right: 1.5%; margin-left: 1.5%; padding: 4px 0px 4px 0px; float:right; }
   .threeColAdsMid { margin-right: 1.8%; margin-left: 1.8%; padding: 4px 0px 4px 0px; }
   .threeColAdsRight { margin-right: 1.5%; margin-left: 1.5%; padding: 4px 0px 4px 0px;  float:left;}
   
    .bankTransfer_col4 { width: 100%; }
    .bankTransfer_col4.right { width: 100%; }
}

/* ipad Mini Portrait */
@media only screen and (width:768px) {
    .divseperator { display: none;}
    .inhousead { width: 40%; }
    body { font-size: 100%; }
    .column1_2 { margin: 7px 0px 10px 0px; padding: 0px; width: 100%; max-width: 100%; }
    .column1 { display: none; }
    .column2 { margin: 7px 10px 10px 0px; padding: 0px; width: 68%; }
    .column3 { margin: 7px 0px 10px 0px; padding: 0px; width: 30%; min-width: 200px; float: right; }
    .subsection.left { float: left; margin-top: 10px; min-width: 100%; max-width: 100%; width: 48%; }
    .subsection.right { float: left; margin-top: 10px; min-width: 100%; max-width: 100%; width: 48%; }

    .fblike { display: none; }
    .epaperplatform { height: 70px; }
    .epaper_android { float: left; }
    .epaper_ios { float: left; padding-top: 5px; padding-left: 0px; }


    .infodiv { float: none; width: 100%; height: auto; background-color: #ffffff; }
    .subscribediv { float: none; width: 100%; }
    .coverdiv { float: none; width: 100%; text-align: center; margin-top: auto; }

    .advertdiv { float: none; width: 100%; margin-top: auto; }


    /*.infodiv { float:left; width:48%; background-color:#eaeaea; height:445px;}
    .subscribediv { float:right; width:48%; }
    .coverdiv { float:left; width:48%; margin-top:10px;}
    .advertdiv { float:right; width:48%; margin-top:10px;}*/
    .co1_2 { width: 68%; }
    .co1 { max-width: none; width: 70%; margin-right: 0px; }
    
    .col_6.twoColAdsLeft { width: 100%; padding-left: 0.2%; text-align:left; }
    .col_6.twoColAdsRight { width: 100%; padding-left: 0.2%; text-align:left; }
    .imgMiddleAds { width: 96.5%; }
    
   .threeColAdsLeft { margin-right: 1.5%; margin-left: 1.5%; padding: 4px 0px 4px 0px; float:right; }
   .threeColAdsMid { margin-right: 1.8%; margin-left: 1.8%; padding: 4px 0px 4px 0px; }
   .threeColAdsRight { margin-right: 1.5%; margin-left: 1.5%; padding: 4px 0px 4px 0px;  float:left;}
   
    .bankTransfer_col4 { width: 100%; }
    .bankTransfer_col4.right { width: 100%; }

    .break {padding-top:5px;}
}

@media handheld, only screen and (max-width: 745px) {
   
    /*Home Page (Main Panels)*/
    .column1_2 { margin:7px 0px 10px 0px; padding:0px; width:100%; max-width:100%; }
    .column1 { display:none; }
    .column2 { margin:7px 0px 10px 0px; padding:0px; width:100%; max-width:100%;}
    .column3 { margin:7px 0px 10px 0px; padding:0px; min-width:300px; }
    .mainnew.imagecontainer { float:none; width:100%; margin:0px; padding:0px;}
    .mainnew.textcontainer { float:none; width:100%; margin:0px; line-height:20px;}
    .mainnew.textcontainer td { padding:10px 10px 20px 10px; }
    .subsection.left {float:left; margin-top:30px; min-width:300px; max-width:100%; width:100%;}
    .subsection.right {float:left; margin-top:30px; min-width:300px; max-width:100%; width:100%;}
    .infodiv { float:none; width:100%; background-color:#ffffff; height:auto;}
    .subscribediv { float:none; width:100% }
    .coverdiv { float:none; width:100%; margin-top:auto; }
    .advertdiv { float:none; width:100%; margin-top:auto; }
    .issue { width:300px; float:left; margin:auto;}
    .issue.last { width:300px; float:left; margin-right:0px;}
    .previousissue.container { float:left; margin:5px 0px; padding:0px; width:100%}
    .freeissue.container { float:left; margin:5px 0px; padding:0px; width:100%}
     #subscription_image { display:none; }
     .top_section.titlebg { display: none; }
    /*.co1_2 {margin:10px 10px 10px 0px;width:100%; max-width:100%; }*/
    .top_section { padding-top: 0px; }
    .imgIssue { width: 300px; height: 404px; }
}

@media handheld, only screen and (max-width: 768px) {
    .mainnew.imagecontainer {
        width: 100%;
    }

    .mainnew.textcontainer {
        width: 100%;
    }

    .maintitleimg.big {
        display: none;
        height: 0px;
    }

    .mainnew.titleContainer {
        display: block;
        height: 1.2em;
        padding:5px 0px 5px 10px;
    }
	.slider_cover{width: 210px; height: 295px;}
   .issue { width:174px; margin:0 auto;  margin-right:10px;display:inline-block;float:none;}
    .issue.last {  width:174px; margin:0 auto;  margin-right:10px;display:inline-block;float:none;}
      #div-gpt-ad-1401355425290-0 {
    display: none;
}
    #div-gpt-ad-1401355425290-1 {
    display: none;
}
}