body {
	background-image: url(images/pcbg.gif);
	margin-top: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.font12 {	font-size: 12px;
}
.font14 {	font-size: 14px;
}
.font15 {	font-size: 15px;
}
.font16white {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.font16orange {
	color: #FF6600;
	font-size: 16px;
	font-weight: bold;
}
.gobalsitefont {
	font-size: 12px;
	color: #0033ff;
	background-image: url(images/pil_logo_small.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
}
.gobalsitefont a {
	color: #0033ff;
}
.style1 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.style2 {
	color: #0033FF;
	line-height: 16px;
	font-size: 13px;
}
.style3 {
	color: #666666;
	font-size: 12px;
}
ul.leftmenustyle {
	padding: 0;
	font-size: 15px;
	cursor: pointer;
	margin: 0;
	list-style-type: square;
	list-style-position: inside;
	color: #06F;
}
ul.leftmenustyle li {
	margin: 0;
	padding: 0.25em 0.5em;
	font-size: 15px;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	text-align: left;
}
ul.leftmenustyle a
{
	cursor: pointer;
	color: #333;
	text-decoration: none;
}
ul.leftmenustyle a:visited
{
	color: #333;
}
ul.leftmenustyle a:hover, ul.leftmenustyle a:focus, ul.leftmenustyle li:hover
{
	background-color: #666666;
	color: #FFF;
}
<!-- old web site CSS -->
.event {  font-size: 15px; color: #993300; text-decoration: none; line-height: 20px}
.event01 {  font-size: 12px; color: #333333; line-height: 20px}
.event02 { font-size: 13px; color: #993300; text-decoration: none }
.board01 {  font-size: 13px; line-height: 20px; color: #666666; text-decoration: none}
a.c_speciallink:link {
	color: #3366FF;	
	font-size: 10pt;
	font-family:新細明體; 
}
a.c_speciallink:visited {
	color: #3366FF;
	font-size: 10pt;	
	font-family:新細明體; 
}
a.c_speciallink:active {
	color: #3366FF;	
	font-size: 10pt;
	font-family:新細明體; 
}
a.c_speciallink:hover {
	color: #FF9933;	
	font-size: 10pt;
	font-family:新細明體; 
}
a.m_speciallink:link {
	color: #FFFFFF;	
	font-size: 10pt; 
	font-family:新細明體; 
}
a.m_speciallink:visited {
	color: #FFFFFF;
	font-size: 10pt;	
	font-family:新細明體; 
}
a.m_speciallink:active {
	color: #FFFFFF;	
	font-size: 10pt;	
	font-family:新細明體; 
}
a.m_speciallink:hover {
	color: #FFFFFF;	
	font-size: 10pt;
	font-family:新細明體; 
}
a.p_speciallink:link {
	color: #333333;	
	font-size: 10pt;
	font-family:新細明體; 
}
a.p_speciallink:visited {
	color: #333333;
	font-size: 10pt;	
	font-family:新細明體; 
}
a.p_speciallink:active {
	color: #333333;	
	font-size: 10pt;
	font-family:新細明體; 
}
a.p_speciallink:hover {
	color: #990099;	
	font-size: 10pt;
	font-family:新細明體; 
}
.tagline {font-size:10pt;color:#FF8040; text-decoration: none; font-family: "新細明體";}
.LightGrey 	{  background-color: #CFEDFE}
.redtitle {  font-size: 12pt; line-height: normal; font-weight: bold; color: #990033}
.headtitle {  font-size: 9pt; line-height: normal; font-weight: bold; color: #ffffff; line-height: 130%}
.boldcontent{  font-size: 10pt; font-family:新細明體; line-height: 120%; font-weight: bold; color: #000066; font-style: normal}
.font11 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: 160%; font-weight: normal; font-variant: normal; color: #663399}
.smallblue {  font-size: 10pt;font-family:新細明體; line-height: normal; color: #336699}
.smallpurple {
	font-size: 10pt;
	font-family:新細明體;
	color: #6633CC;
}
.newstitle1 {  font-size: 10pt;font-family:新細明體; font-style: normal; line-height:  normal; font-weight: normal; font-variant: normal; color: #663399}
.newstitle2 {  font-size: 10pt;font-family:新細明體; font-style: normal; line-height:  normal; font-weight: normal; font-variant: normal; color: #663399}
.newstitle3 {  font-size: 10pt; font-family:新細明體;font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF}
.blackcontent {color:#333333; font-size: 10pt; font-family:新細明體;text-decoration:none; line-height: normal}
.purplecontent {color:#6633CC; font-size: 10pt; font-family:新細明體;text-decoration:none; line-height: normal}
.redcontent {color:#cc6633; font-size: 10pt; font-family:新細明體;text-decoration:none; line-height: normal}
.bluecontent {color:#0033FF; font-size: 10pt; font-family:新細明體, sans-serif;text-decoration:none; line-height: normal}
.bluecontent10 {color:#0033FF; font-size: 10pt; font-family:新細明體;}
.datetitle {  font-size: 10pt; font-family:新細明體; font-style: normal; line-height:  normal; font-weight: normal; font-variant: normal; color: #ffffff}
.datetitle10 {  font-size: 10pt; font-style: normal; line-height:  normal; font-weight: normal; font-variant: normal; color: #ffffff}
.small_word {  font-size: 9pt;font-family: "新細明體";}
.normal_size { font-size:10pt;font-family: "新細明體";}
.smallblack  {  font-family: "新細明體"; font-size: 10pt; font-style: normal; line-height:  normal; font-weight: normal; color: #333333}
.smallgrey  {  font-family: "新細明體"; font-size: 8pt; font-style: normal; line-height:  normal; font-weight: normal; color: #999999}
.smallredtitle {  font-family: "Verdana, Arial, Helvetica, sans-serif"; font-size: 10pt; font-style: normal; line-height: 120%; font-weight: normal; font-variant: normal; color: #CC6633}
.bold {  font-family: "新細明體"; font-size: 9pt; font-style: normal; line-height: 120%; font-weight: bold; font-variant: normal; color: #000000}
.smallgreentitle {  font-family: "新細明體"; font-size: 10pt; font-style: normal; line-height: 160%; font-weight: normal; font-variant: normal; color: #009999}
.smallwhite {color: #FFFFFF; font-size: 10pt; font-family:"新細明體";text-decoration:none; }
.boldcontent1{  font-size: 11pt; line-height: 120%; font-weight: bold; color: #000066; font-style: normal}
.boldtitle1{  font-family: "新細明體"; font-size: 10pt; font-weight: bold; color: #993333;}
.boldtitle2{  font-family: "新細明體"; font-size: 11pt; font-weight: bold; color: #990000;}
.smallgreen {  font-family: "新細明體"; font-size: 10pt; font-style: normal; line-height:  normal; font-weight: normal; color: #339999}
.oratitle10 {  font-size: 10pt; line-height: 120%; font-weight: bold; color: #000066; font-style: normal}
.blackcontent10 {font-family:新細明體;	font-size: 10pt;color: #373737; line-height:normal}
.blackcontent_red   {  font-size: 10pt; font-family:新細明體;font-style: normal; line-height: normal; font-weight: normal; color: #CC3333}
.blackcontent_green {  font-size: 10pt; font-family:新細明體;font-style: normal; line-height: normal; font-weight: normal; color: #006600}
/* needed by Longson*/
.smallnewstitle { font-size: 10pt; font-weight: bold; color : #ffffff; background : #5367c4; Letter-Spacing:1pt}

.titlebar { font-size: 9pt; font-weight: bold; color : #ffffff; line-height:normal;background-image:url(http://www.poems.com.hk/images/Left_bg.jpg); background-repeat:repeat-y }
.titlebarLong { font-size: 9pt; font-weight: bold; color : #ffffff; line-height:normal;background-image:url(http://www.poems.com.hk/images/Left_bg_Long.jpg);background-repeat:repeat-y }
.smallcontent { font-size: 9pt; line-height: 150%; color : #000000; background : #EFEFEF; Letter-Spacing:1pt}
.smallcontent_nb { font-size: 9pt; line-height: 150%; color : #000000; background : #FFFFFF; Letter-Spacing:1pt}
.smallcontent2 { font-size: 9pt; line-height: 150%; color : #000000; background : #FFFFFF; Letter-Spacing:1pt}
.Bluetitle {font-family: "新細明體";font-size: 12pt;font-weight: bold;	color: #0033CC;}
.titlefont { font-size:11pt; font-weight:bold; font-family:"新細明體"; color: #FF9900}
.smallnewstitleBlue {font-family: "新細明體";	font-size: 10pt;color: #6633CC;}
.greycontent10 {font-family: "新細明體";	font-size: 10pt;color: #535353;}
.sharpred{font-family: "新細明體";font-size:10pt;color: #CC0033;}
.content {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px}
.title_t {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; color: #006699; font-weight: bold}
.tab_b {  list-style-position: inside; list-style-type: none; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; list-style-image: url(http://www.poems.com.hk/images/side.gif)}
.table_ns {  background-color: #FFFFCC}
.table_yellow { background-color: #FFFFCC }
.main {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #CCCCCC}
.choice {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.select_chi {font-size: 12px; color: #CCCCCC}
.button {
	BORDER-RIGHT: #ffffff 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://www.poems.com.hk/images/bg3.gif); VERTICAL-ALIGN: bottom; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: #ffffff 1px ridge}
.topic
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 20px;
    COLOR: #345678;
    LINE-HEIGHT: 24px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #123456;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.titleRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #a76464;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.titleGrey
{
    FONT-WEIGHT: 700;
    FONT-SIZE: 16px;
    COLOR: #cdcdcd;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.subtitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #999999;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.subtitleBlue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #456789;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.subtitleRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #985454;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.normal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.normalGrey
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11.5px;
    COLOR: black;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.normalYellow
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #787856;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.normalBlue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #123456;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.normalRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #985454;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.linkBlue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #4545CC;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: underline
}
.menuBig
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #708090;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.menuSmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #4169e1;
    LINE-HEIGHT: 18px;
    FONT-STYLE: normal;
    FONT-FAMILY: "Arial", "Helvetica", "sans-serif";
    TEXT-DECORATION: none
}
.tablehead
{
	font-size: 16pt;
	color:#0033CC;
	background-image: url(http://www.poems.com.hk/images/headerbg3.gif);
	background-repeat: repeat-x;
	line-height: 26px;
	background-color: #f6ca9c;
	padding: 0px;
	font-family: "新細明體";
}
.tablehead2
{
	font-size: 16pt;
	color:#0033CC;
	background-image: url(http://www.poems.com.hk/images/headerbg4.gif);
	background-repeat: repeat-x;
	line-height: 26px;
	background-color: #C8E3F9;
	padding: 0px;
	font-family: "新細明體";
}
.smalltablehead
{
    font-size: 10pt;
	font-family: "新細明體";
    background-image: url(http://www.poems.com.hk/images/headerbg3.gif);
    background-repeat: repeat-x;
    line-height: 26px;
   background-color: #F9D7B5;  
    padding: 0px;
}
.smalltablehead2
{
    font-size: 10pt;
	font-family: "新細明體";
    background-image: url(http://www.poems.com.hk/images/headerbg4.gif);
    background-repeat: repeat-x;
    line-height: 26px;
    background-color: #C8E3F9;  
    padding: 0px;
}
.btn {
	color: #6d6c6b;	
	border-style: double;
	border-color: #96C2C1;
	font-weight:bold;
	font-size: 12px; 
	border-width: 3px;
	margin:0; padding:0.25em;
	margin-right:10px;
	background-color: F7F7F0;
}
a.speciallink:link {	color: #5752C5;	text-decoration: none;	font-size: 9pt;}
a.speciallink:visited {	color: #5752C5;	font-size: 9pt;}
a.speciallink:active {	color: #5752C5;	text-decoration: none;	font-size: 9pt;}
a.speciallink:hover {	color: #FF9900;	text-decoration: none;	font-size: 9pt;}
a.speciallink2:link {	color: #5752C5;	text-decoration: none;	font-size: 10pt;}
a.speciallink2:visited {	color: #5752C5;	font-size: 10pt;}
a.speciallink2:active {	color: #5752C5;	text-decoration: none;	font-size: 10pt;}
a.speciallink2:hover {color: #FF9900;text-decoration: none;font-size: 10pt;}
#slide {
	width:450px;
	height:250px;
	margin-bottom: 0px;
	overflow: hidden;
}
#tnav {
    margin:-25px 5px;
	*margin:-25px -228px;
	position: absolute;
	z-index:50;
	text-align: right;
	width:450px;
}
#tnav a { margin-left:5px;}
#tnav a img {
	border:1px solid #FFFFFF;
	opacity:.50;
	filter: alpha(opacity=50);
}
#tnav a.activeSlide img,#tnav a:hover img {
	opacity:.99;
	filter: alpha(opacity=99);}
.clear {
	clear:both;
}
/*--real time chart --*/
.ui-tabs {padding: 0;}
.ui-tabs-nav {
	padding: 0px 0px 0 0px;
}
.ui-tabs-nav li {
	*float: left;
	border-bottom: 0 !important;
	padding: 0;
	list-style-type: none;
	margin-top: 0;
	margin-right: 7px;
	margin-left: 0;
}
.ui-tabs-nav li a { display:block; text-decoration: none; padding: .3em .5em; color:#0000FF }
.ui-tabs-nav li a:hover { color:#FF0000}
.ui-tabs-nav li .ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; background-color:#666666}
.ui-tabs-panel {
	display: block;
	border: 0;
	background: none;
	color:#FF0000;

}
.ui-tabs-hide { display: none !important; }