﻿.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */
/* Main color for this theme is #333333 like black */
html,body{margin:0;padding:0}
body
{

 /* background:url(images/1012x10.gif) #ffffff; */
 background-repeat:repeat-y;
 background-position:center;	 
 font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;	
 font-size:12px;
 background-color:#74DCE6;
 margin-left:0;
 margin-top:0; height:800px;
 /* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#333333', EndColorStr='#636363'); */
  
}
 
body.a:link 
{
     color:#0000FF;
     text-decoration:none;
     font-size:12px;

}
body.a:visited
{
    font-size:12px;
    text-decoration:none;
    color:#00FFFF;
 
}
body.a:hover
{
    font-size:12px;
    color:#cc6600;
    text-decoration:none;
 
} 

td {
	font-size: 12px;
}
 
#tb_ad
{
    background-color:#333333;
    
}

/* class use . *, id use  # */
 
 .tb_header
{
     background:url(/imagesV3/1000x36_BBEBff_none_2_All_0_3.gif) #BBEBff ;
     text-align:center;
     font-family:Tahoma;
}
.tb_body 
{
	 padding: 20xp 0px 2px 0px;       
   vertical-align: top; 
   background-color:#E0EBFC;
    
}
.tb_foot
{

 text-align:center; 
 padding:2px; 
 font-weight: bold; 
 color: black; 
 font-size:12px; 
 font-family:Tahoma; 
 height:30px; 
 background: #BBEBff ;
 
}
 .tb_cnt 
 {
	background-color:#ccffff;
 
 }
#tb_cnt /* the final area to hold every dynamic content */
{
 background-color:#ccffff;
}
#tb_footer
{
    background-color:#333333;
    vertical-align:bottom;
}
#tb_footer a  /* for alink with footer */
{
    color:#ffffff;
    text-decoration:none;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#tb_footer a:hover  /* for alink with footer */
{
    color:#cc6600;
    text-decoration:none;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
/* define the search and language */
#tb_menu
{
     background:url(/imagesV3/1000x36_BBEBff_none_2_All_0_3.gif) #BBEBff ;
}
#tb_tree
{
   
     background-color:#333333;
     border-left:solid 1px #000000;
}




a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;

}
.t01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.t02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;

}
.t03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;


}
.pt03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: blue;
	text-decoration: none;
}
.pt03 .a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: red;
	text-decoration: none;
}
.t04 {
	font-family: Verdana, "Arial, "Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding-top: 2px;

}
.tr04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	padding-top: 2px;
	text-align:left;

}

.t05 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	text-decoration: none;

}
.t06 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
text-decoration: none;
}
.tr06 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-align:left;
text-decoration: none;
}
.white-t01   {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;

}
.white-t01 a, a:visited, a:hover, a:visited:hover {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;

}
.white-t01  a:hover, a:visited:hover {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc6600;
	text-decoration: none;

}
.table01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0066FF;
	height: 22px;
}
.white-t02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;

}
.white-t03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;

}
.table02 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	height: 16px;
}
.box01 {
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 12px;
	width: 100px;

}
.box02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 14px;
}
.Saticmenu1
{
    background-image:url(/imagesV3/left-t01.gif);
}
.textbox01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066FF;
	height: 14px;
}

.music {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	word-spacing: 0px;
	 margin:0px;
}
.jgameguide 
{
	 

	width:120px;
	color: #333333;
	float:left;
}
div.imgbox
{
    
   
    float:left;
    margin: 5px 2px 0 2px; 
    background:#ffffff;text-align:center; 
    padding:10px 0 10px 0;
    width:190px;
    }
    
td.singerid
{    
  vertical-align:bottom;
  padding:4px 2px 6px 2px;
  display:block;height:20px;float:left; background-color:#BBEBff;
  white-space:nowrap;
  border-right:solid 2px #ffffff;
}

/* for leftSmenu */
#sidebar 
{
	float: left; width: 170px; 
	font-size: 14px; 
	color:#ffffff; /* header's text color */
	margin-top:0px;
	margin:0px;
	text-align:left;
	border-bottom: 1px solid #a1a5a9;  
	background: #333333;
}
#sidebar h2 {font-size: 14px; margin: 0;}
#sidebar h3 {font-size: 12px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}
#sidebar .box h2 
{
    padding:5px 0px 5px 0px;
    border-bottom: 1px solid #a1a5a9;
    border-right:1px solid #a1a5a9;
    border-top:1px solid #a1a5a9;  
	background: #333333; /* backgroud color of header */
 	margin: 0px; font-size: 14px;
 	width: 100%; 
	vertical-align:middle;
}
#sidebar .box .last
{

	background-color:#636363; /* back color of menu */
 	margin: 0px; font-size: 13px;
 	width: 100%; 
}	
/* Menu item */ 
a.zMenu1,a.zMenu3
{
    text-align:left;
    display:block; 
  
    width:100%; color:#ffffff;   font-weight:normal; 
    font-size:12px; padding: 5px 0px 3px 12px;
     border-bottom:0px #eeeeee solid; letter-spacing: 1px;}
a.zMenu2
{ 
    text-align:left;
  /*  background:red;	 */
    display:block; 
    width:100%; color:black;  font-weight:normal; 
    font-size:12px; padding: 3px 0px 3px 12px; 
    border-bottom:0px #eeeeee solid; letter-spacing: 1px;}

a.zMenu1:link { font-size:12px; color:#ffffff;text-decoration:none;	}

a.zMenu1:hover{ font-size:12px; color:#ffffff;text-decoration:none;background: #b68100;}
a.zMenu2:hover{ font-size:12px; color:#ffffff;text-decoration:none;background: #7e7f00;}
a.zMenu3:hover{ font-size:12px; color:#ffffff;text-decoration:none;background: #880000;}
/* for visited, need change */
a.zMenu1:visited,a.zMenu2:visited,a.zMenu3:visited{ font-size:12px; 	
    color:#ffffff;text-decoration:none;}
/*  visited:hoover */    
a.zMenu1:visited:hover,a.zMenu2:visited:hover,a.zMenu3:visited:hover{ font-size:12px; 
    color:#ffffff;text-decoration:none;}


/* phome menu */
#top_phone {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    background-color: #f0f8ff;
    width:1000px; 
    clear:both;
    
}
#top_phone   a.vendor {
    text-decoration: none;
    float: left;
    padding-left: 8px;   
    padding-top:  0px;
    margin:0;
	border:0;
    text-align: center;
    vertical-align: middle;
   

    background-image: url(/imagesV3/dot/sphone.gif);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    background-repeat: no-repeat;
    color: #000000;
 
   
    
}
#top_phone   a:hover {
    text-decoration: none;
    float: left;
    padding-left: 8px;   
    padding-top:  0px;
    margin:0;
	border:0;
    text-align: center;
    vertical-align: middle;
     
    color: #fff;
    background-color: #ff9900;
    font-size:10px; 	
 
  
}
#top_phone a:visited,a:link,a:hover 
{ font-size:10px; 	
   text-decoration:none;}
   
   
/* for song header */
#songHeader table theader tr th
{
	background:#ff5500 url(images/songheader400x30.gif);
}  
.songHeader 
{	 height:25px;
	 width:400px;
	 text-align:center;
	 font-size:20px;
	 color:#000000;
	 margin:0px;
	  background-image:url(images/songheader400x30.gif);
	 background-position:left;
	 padding:0px;
	 
	  
} 

.picHeader 
{	 height:30px;
	 width:820px;
	 text-align:center;
	 font-size:20px;
	 color:#000000;
	 margin:0px;
	 background-image:url(images/picheader820x30.gif);
	 background-position:left;
	 padding:0px;
	 
	  
} 
