body{
  margin:0 auto;
  padding:0;
  font-size:12px;
  /*font-family: arial, verdana;*/
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  background-color: #ffffff;  
}

a{
  text-decoration: underline;
  color: #000000;
  padding:0;
  margin:0;
}

img {
  border:0;
}

table{
  border:0;
} 

/* fix table image below have gap space */
td img{ 
  display: block;
}

textarea {
  width: 100%;
}

#overlaybox {
  display: none;
  width: auto;
  min-height: 300px;
  height: auto;
  position: absolute;
  z-index: 900;
  left: 0;
  top: 40;
  background-color:#ffffff;
  vertical-align: middle;  
  padding: 10px;
  margin: 10px;
}

#fade, #nkfade {
  display: none;  /* ensures itĄŻs invisible until itĄŻs called */
  position: absolute;  /* makes the div go into a position thatĄŻs absolute to the browser viewing area */
  /*left: 0;*/ /* makes the div span all the way across the viewing area */
  /*top: 0;*/ /* makes the div span all the way across the viewing area */
  right:0;
  -moz-opacity: 0.5; /* makes the div transparent, so you have a cool overlay effect */
  opacity: .50;
  filter: alpha(opacity=50);
  min-width: 100%;
  min-height: 300px;
  height: 100%;
  z-index: 90; /* makes the div the second most top layer, so itĄŻll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
  background-color: #000000;
  overflow: hidden;  
}

#tg, #nktg {
  width: 100%;
  display: block;
  min-height: 300px;
  height: auto;
}

.tg_grey{
  margin-top:20px;
  background-color: #e0e0e0;
  text-align:center;
  font-weight: bold;
  font-size: 20px;
}

.tg_grey a{
  font-size: 20px;
  display:block;
  text-decoration: none;
  font-weight:bold;
  padding: 30px;
}


.btn{
  background-image: url(../../images/mobifeel/button.png);
  background-repeat: no-repeat;
  background-color:#ffffff;
  color: #8e8e8e;
  font-weight: bold;
  font-size:10px;
  border:none;
  cursor:pointer;
  width: 65px;
  height: 20px;
}

.btn_bigger{
  background-color:#eeeeee;
  color: #333333;
  font-weight: bold;
  font-size:10px;
  border:1px solid #e0e0e0;
  cursor:pointer;
  width: 150px;
  height: 35px;
}

.btn_medium{
  background-color:#eeeeee;
  color: #666666;
  font-weight: bold;
  font-size:11px;
  border:1px solid #e0e0e0;
  cursor:pointer;
  width: 65px;
  height: 22px;
  text-align:center;
  line-height: 21px;
}


a.link {
  text-decoration: underline;
  color: #000000;
}

a.noline {
  text-decoration: none;
}

ul.nostyle {
  list-style-type:none;
  margin:0;
  padding:0;
}

.playmark_box {
  position:relative;
	display:block;
  padding-right: 5px;
  padding-top: 5px;
}

img.playmark {
	position: absolute;
	top: 32%;
	left: 32%;
	width: 32%;
	height: auto;
}

 img.playmark_channel {
position: absolute;
     top: 38%;
     left: 40%;
     width: 18%;
    height: auto;
 }

.playmark_banner{
  position:relative;
	display:block;
}

.channel_title_banner {
  padding-left:5px;
  padding-right:5px;
  font-weight:bold;
}

.channel_title {
  padding-right:5px;
}

.tq_channel_desc {
  font-size: 10px;
  font-weight: normal;
  padding: 5px;
}

/*img.playmark_banner {
	position: absolute;
	top: 39%;
	left: 44%;
	width: 12%;
	height: auto;
}*/

img.playmark_banner {
     position: absolute;
     top: 39%;
     left: 44%;
     width: 12%;
     height: auto;
 }


.title_bannery {
     position: absolute;
    /*bottom: 10%;*/
     left: 1%;
     /*height: auto;*/
     font-weight: bold;
     color:white;
     font-size:16px;
 }

.title_boxy {
 width: 80%;
 height:5%;
 bottom: 35%;
 padding:10px 20px 10px 10px;
 margin:2px 20px 20px 2px;
 position : absolute;
 background: rgba(46, 46, 31, 0.4);
}

 .title_banner {
      position: absolute;
    /*bottom: 10%;*/
     left: 1%;
      /*height: auto;*/
      font-weight: bold;
      color:white;
      font-size:16px;
  }

 .title_box {
  width: 80%;
  height:5%;
  bottom:2%;
  padding:10px 20px 10px 10px;
  margin:2px 20px 10px 2px;
  position : absolute;
  background: rgba(46, 46, 31, 0.4);
 }


.frame {
  background-color: #ffffff; 
  margin:10px 10px;
  position: relative;
}

.framebanner {
  background-color: #ffffff; 
  margin: 10px 10px 0px 10px;
  position: relative;
}

.framebox {
   padding:10px 10px 0px 10px; 
   color: #444444; 
   cursor:pointer;
   position:relative;
}


.frametitle_classic {
  border-bottom: 1px solid;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  color: #ffffff;
  background-color:#ffaa22;
}

.frametitle {
  text-align: left;
  padding: 10px 10px;
  color: #444444;
  background-color:#ffffff;
  font-size:18px;
}

.framearrow{
  display:inline-block;
  vertical-align:middle;
  float:right;
  clear:left;
}

.frameimg{
  display:inline-block;
  vertical-align:middle;
}

.framechannel{
  display:inline-block;
  vertical-align:middle;
  font-size:16px;
  padding-left:5px;
}

.framechannelborder{
  text-align: left;
  border-bottom:1px solid #cccccc;
  padding-bottom:5px;
  margin-bottom:5px;
  font-size:18px;
}

.framerow{
  background-color:#ffffff;
  width: 100%;
  /*display: table-cell;  */
  display: block;  
  padding-bottom: 10px;
}

.framerowimg{
  display: table-cell;
}

.framerowinfo{
  display: table-cell; 
  /*vertical-align:middle;*/
  vertical-align:top;
  padding-top:4px;
}

.framerowinfo .contentname{
  font-weight:bold;
  color:#000;
}

.framethumb{
  padding:10px;
  width:1px;
}

.border-bottom {
  border-bottom: 1px solid #cccccc;
}

.tinytoc{
  padding:10px;
}
.tinytoc ul{
  padding-left:10px;
}

.content_name {
  font-weight: bold;
  color:#670099; 
}
.channel_title {
  font-weight: bold;
  color: #333333;
}

.channel_title  a{
  font-weight: bold;
  color: #333333;
}

.channel_desc  {
  font-weight: normal;
  color: #333333;
}

.channel_desc  a{
  font-weight: normal;
  color: #333333;
}

.priceinfo{
  text-align: left;
  padding-left: 10px;
  margin: 10px 0px;
  font-weight: bold;
  color: #666666;
  font-size: 10px;

}

.separator{
  height:1px;
  line-height:10px;
  background-color: #eeeeee;
  margin-top: 10px;
}
.separatorthin{
  height:1px;
  line-height:10px;
  background-color: #eeeeee;
}
.separatorthick{
  height:15px;
  background-color: #ffffff;
}


.telcobar {
  text-align: center;
  background-color:#eeeeee;
  padding:5px;
  color:#000000;
  font-size: 10px;
}

.telcobar img{
  text-align: center;
  display: inline-block;
}

.tinysize{
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}

/*******************************
* weekly telco
********************************/
.wkframe {
  background-color: #ffffff; 
  margin:10px;
}

.wkframetitle {
  border-bottom: 1px solid;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  color: #ffffff;
  background-color:#7eb61c;
}

.wktelcobar {
  text-align: center;
  padding:5px;
  color:#ffffff;
  font-size: 10px;
  background-color:#7eb61c;
}
.wktelcobar img{
  text-align: center;
  display: inline-block;
}

.episode span{
  background-color: #e0e0e0;
  color:#444444;
  padding: 8px;
  margin:5px;
  display:inline-block;
}

.aligncenter{
  text-align:center;
}

/*
* nyanyi k = iok
*/
.nav_nk {
  background-color: #ffffff;
}

.nav_nk td{
  background-color: #ffffff;
  text-align: center;
  vertical-align:bottom;
}
.nav_nk a{
  display: block;
  padding: 15px;
  border-bottom: 1px solid #eeeeee;
  margin:0px 5px;
  background-color:#ffffff;
}

.nav_nk a.active{
  display: block;
  border-bottom: 3px solid #393366;
  margin:0px 5px;
  background-color:#ffffff;
}

.nav_nk_title {
  font-size: 14px;
  background-color: #ffffff;
  text-decoration: none;
}

.navsub_nk {
  background-color: #eeeeee;
}

.navsub_nk td{
  background-color: #e0e0e0;
  text-align: center;
  vertical-align:bottom;
}
.navsub_nk a{
  display: block;
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  margin:0px 5px;
}

.navsub_nk a.active{
  display: block;
  border-bottom: 3px solid #393366;
  margin:0px 5px;
}


.navsub_nk_title:hover {
  font-size: 14px;
  background-color: #e0e0e0;
  text-decoration: none;
}


.navsub_nk_title {
  font-size: 14px;
  background-color: #ededed;
  text-decoration: none;
}



.nkframe {
  background-color: #ffffff;
  min-height:100px;
}
.nkframetitle {
  border-bottom: 1px solid;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  color: #ffffff;
  background-color:#1b1fa7;
}

.nktelcobar {
  text-align: center;
  padding:5px;
  color:#ffffff;
  font-size: 10px;
  background-color:#7eb61c;
}
.nktelcobar img{
  text-align: center;
  display: inline-block;
}

.nkpopmenubttn{
  width: auto;
  border: 1px solid #eeeeee;  
  display: block;
  font-size: 14px;
  text-align:center;
  background-color:#e0e0e0;
  padding: 10px 5px;
  
}

#nkoverlaybox {
	display: none;
  min-height: auto;
  height: auto;
	position: absolute;
	z-index: 900;
  /*left: 10;*/
  /*margin: 10px;*/
  /*width: auto;*/
  top: 40;
  min-width:280px;
  max-width:280px;
  width:auto;
  left:50%;
  margin: 10px 0 0 -150px;
  background-color:#ffffff;
  vertical-align: middle;  
  padding: 10px;
  overflow:auto;    
}