﻿.prodrop5 
{

    padding:0 0 0 32px;
    margin:0;
    padding:0;
    list-style:none; 
    height:25px;
    position:relative; 
    z-index:500; 
    text-align:left;
  
}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(../images/m1s.gif); background-repeat:no-repeat; width:76px; height:25px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(../images/m2s.gif); background-repeat:no-repeat; width:92px; height:25px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(../images/m3s.gif); background-repeat:no-repeat; width:78px; height:25px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(../images/m4s.gif); background-repeat:no-repeat; width:70px; height:25px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(../images/m5s.gif); background-repeat:no-repeat; width:71px; height:25px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:url(../images/m6s.gif); background-repeat:no-repeat; width:90px; height:25px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos7 {background:url(../images/m7s.gif); background-repeat:no-repeat; width:91px; height:25px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos8 {background:url(../images/m8s.gif); background-repeat:no-repeat; width:71px; height:25px; display:block;text-indent:-99999px;} 
 
.prodrop5 li.p1 {background:url(../images/m1.gif); background-repeat:no-repeat;} 
.prodrop5 li.p2 {background:url(../images/m2.gif); background-repeat:no-repeat;} 
.prodrop5 li.p3 {background:url(../images/m3.gif); background-repeat:no-repeat;} 
.prodrop5 li.p4 {background:url(../images/m4.gif); background-repeat:no-repeat;} 
.prodrop5 li.p5 {background:url(../images/m5.gif); background-repeat:no-repeat;} 
.prodrop5 li.p6 {background:url(../images/m6.gif); background-repeat:no-repeat;} 
.prodrop5 li.p7 {background:url(../images/m7.gif); background-repeat:no-repeat;} 
.prodrop5 li.p8 {background:url(../images/m8.gif); background-repeat:no-repeat;} 
 
.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(../images/m1.gif); background-repeat:no-repeat;} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(../images/m2.gif); background-repeat:no-repeat;} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(../images/m3.gif); background-repeat:no-repeat;} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(../images/m4.gif); background-repeat:no-repeat;} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(../images/m5.gif); background-repeat:no-repeat;} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background:url(../images/m6.gif); background-repeat:no-repeat;} 
.prodrop5 li.current a.pos7,
.prodrop5 li.current a.pos7:hover {background:url(../images/m7.gif); background-repeat:no-repeat;} 
.prodrop5 li.current a.pos8,
.prodrop5 li.current a.pos8:hover {background:url(../images/m8.gif); background-repeat:no-repeat;} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {  left:0;   top:25px; background:#2b477d  ;border:1px solid #CCCCCC; padding:3px; white-space:nowrap; height:auto; width:825px; z-index:300;}
.prodrop5 :hover ul li { display:inline; position:relative; font-weight:normal; width:auto;  height:auto;}
.prodrop5 :hover ul li div 
{ 
     position:relative;
     display:block;
} 

.prodrop5 a.normal_blue:link,
.prodrop5 a.normal_blue:visited
 {
	font-family: "Microsoft Sans Serif", "Tahoma", "Thonburi";
	font-size: 13px;
	font-weight: bold;
	color:#ffcc00;
}
.prodrop5 a:link,
.prodrop5 a:visited
 {
	color:#fff;
}

 /* submenu bar */
.submenu
{
    background-image:url(../images/news/news-menu-bgslide.gif);
   
    border:1px solid #CCCCCC; 
    height:24px; 
    width:830px;
    
} 
.submenu ul
{
    position:relative;
    top:0;    
    list-style:none;
    padding:0;
    margin:0;
}
.submenu li
{
    position:relative;
    bottom:0; 
    display:inline;
    padding:0px 2px 6px 4px; 
    text-align:left;
    border-right:1px solid #CCCCCC; 
}
.submenu li.selected
{
    position:relative;
    bottom:0;
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
   
}

/* hover menu */
/* dara */
.menu-dara-male
{
    margin:0;
    padding:0;
    width:260px;
    height:380px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
 
.menu-dara-male div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px;  
    color:#fff; 
}

.menu-dara-female
{
    margin:0;
    padding:0;
    width:260px;
    height:380px;
   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
 
.menu-dara-female div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px;
    color:#fff;   
     
}
.menu-reporter-male
{
    margin:0;
    padding:0;
    width:130px;
    height:380px;
   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
 
.menu-reporter-male div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px;
    color:#fff; 
     
}

.menu-reporter-female
{
    margin:0;
    padding:0;
    width:130px;
    height:380px;
   
    float:left;
    padding-left:5px;
 
}
 
.menu-reporter-female div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px;  
    color:#fff;  
}

 
/* drama */

.menu-drama
{
    margin:0;
    padding:0;
    width:230px;
    height:440px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
 
.menu-drama div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:20px;
    width:220px;
    font-size:14px;
    font-weight:bold;
   color:#fff; 
     
     
}

.menu-drama-pass
{
    margin:0;
    padding:0;
    width:520px;
    height:440px;
   
    float:left;
    padding-left:5px;
  
}
 
.menu-drama-pass div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px ; 
     color:#fff; 
}

/* news */
 
.menu-news-royal
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
}
.menu-news-speech
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
}

.menu-news-proverb
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
}
.menu-news-thailand
{
    margin:0;
    padding:0;
    width:199px;
    height:266px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
}

.menu-news-thailand div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px  ;
     color:#fff; 
}


.menu-news-international
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
}
.menu-news-sports
{
    margin:0;
    padding:0;
    width:199px;
    height:266px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
}
.menu-news-sports div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px  ;
     color:#fff; 
}
.menu-news-weekly
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
 
}
.menu-news-previous
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
}
.menu-news-scoop7see
{
    margin:0;
    padding:0;
    width:199px;
    height:266px;   
    float:left;
    padding-left:5px;
      
}
.menu-news-scoop7see div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
 
.menu-news-mobile
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
        border-right:1px solid #CCCCCC;
}
.menu-news-entertain
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
  
}
.menu-news-reporter-male
{
    margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
     border-left:1px solid #CCCCCC;
  
}
.menu-news-reporter-female
{
     margin:0;
    padding:0;
    width:199px;
    height:34px;   
    float:left;
    padding-left:5px;
     border-left:1px solid #CCCCCC;
  
}

/* program */
.menu-program-cinema
{
    margin:0;
    padding:0;
    width:175px;
    height:350px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
.menu-program-cinema div a 
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:150px   ;
     color:#fff; 
     
}
.menu-program-cinema div  
{
    display:block;
}
.menu-program-cinema div a.normalblock ,
.menu-program-cinema div a.normalblock 
{
    float:left;
    margin:1px;
    display:inline-block;    
    overflow:hidden;
    height:34px;
    line-height:17px;
    width:150px   ;
     color:#fff; 
     
}
 
.menu-program-varity
{
    margin:0;
    padding:0;
    width:260px;
    height:350px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
.menu-program-varity div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
.menu-program-children
{
    margin:0;
    padding:0;
    width:150px;
    height:350px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
.menu-program-children div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
.menu-program-news  
{
    margin:0;
    padding:0;
    width:200px;
    height:34px;     
    float:left;
    padding-left:5px;
}
.menu-program-sport  
{
    margin:0;
    padding:0;
    width:200px;
    height:34px;    
    float:left;
    padding-left:5px;
}
.menu-program-song  
{
    margin:0;
    padding:0;
    width:200px;
    height:34px;    
    float:left;
    padding-left:5px;
}
.menu-program-documentary  
{
    margin:0;
    padding:0;
    width:200px;
    height:34px;     
    float:left;
    padding-left:5px;
}
.menu-program-series  
{
    margin:0;
    padding:0;
    width:200px;
    height:34px;     
    float:left;
    padding-left:5px;
}
.menu-program-onair  
{
    margin:0;
    padding:0;
    width:200px;
    height:34px;   
    float:left;
    padding-left:5px;
}

/* activities */
 
.menu-activites-7see
{
    margin:0;
    padding:0;
    width:150px;
    height:220px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
.menu-activites-7see div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
.menu-activites-download
{
    margin:0;
    padding:0;
    width:150px;
    height:220px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
.menu-activites-download div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
.menu-activites-cinema
{
    margin:0;
    padding:0;
    width:150px;
    height:220px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
.menu-activites-cinema div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
.menu-activites-award
{
    margin:0;
    padding:0;
    width:150px;
    height:220px;   
    float:left;
    padding-left:5px;
    border-right:1px solid #CCCCCC;
}
.menu-activites-award div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
.menu-activites-general
{
    margin:0;
    padding:0;
    width:150px;
    height:140px;   
    float:left;
    padding-left:5px;

}
.menu-activites-general div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}
.menu-activites-gameonline
{
    margin:0;
    padding:0;
    width:150px;
    height:100px;   
    float:left;
    padding-left:5px;

}
.menu-activites-gameonline div a
{
    float:left;
    margin:1px;
    display:block;    
    overflow:hidden;
    height:17px;
    width:125px   ;
     color:#fff; 
     
}

.flyout
{
 text-align:left;
 display:inline;
 margin:0;
 padding:0;
   background:#2b477d  ;border:1px solid #CCCCCC; padding:3px; white-space:nowrap; height:auto; width:825px; z-index:300;
float:left;
}

 /*
.flyout ul { margin:0px; list-style:none;   background:#2b477d  ;border:1px solid #CCCCCC; padding:3px; white-space:nowrap; height:auto; width:825px; z-index:300;}
.flyout ul li { display:inline; position:relative; font-weight:normal; width:auto;  height:auto;}
.flyout ul li div 
{ 
     position:relative;
     display:block;
    
} 
*/
.flyout a.normal_blue:link,
.flyout a.normal_blue:visited
 {
	font-family: "Microsoft Sans Serif", "Tahoma", "Thonburi";
	font-size: 13px;
	font-weight: bold;
	color:#ffcc00;
}
.flyout a:link,
.flyout a:visited
 {
	color:#fff;
}