/****************************************/
/* Modified by   : Poh Tze Keong        */
/* Modified Date : 17/10/2011           */
/****************************************/

/* ### HEADER ### */
.H1
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 22px;
	font-weight: bold ;
	color: #565656;
}
.H2
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold ;
	color: #565656;
}
.H3
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bolder ;
	color: #565656;
}
.H4
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bolder ;
	color: #565656;
}



/* ### TEXTS ### */
.T1
{
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #565656;
}

.T2
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #565656;
}

.T3
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #565656;
}

.T4
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #565656;
}



/* ### CONTRAST TEXTS ### */
.TC1
{
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
}

.TC2
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}

.TC3
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

.TC4
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}



/* ### ANCHORS ### */
.a1
{
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 16px;
	color: #0051A5;
	font-family: Verdana;
	background-color: transparent;
}

.a1:link
{
    text-decoration: none;
    color: #0051A5;
}

.a1:visited
{
    text-decoration: none;
    color: #001668;
}

.a1:active
{
    text-decoration: none;
    color: #0051A5;
}

.a1:hover
{
    text-decoration: underline;
    color: #0051A5;
}

.a2
{
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 14px;
	color: #0055A9;
	font-family: Verdana;
	background-color: transparent;
}

.a2:link
{
    text-decoration: none;
    color: #0055A9;
}

.a2:visited
{
    text-decoration: none;
    color: #001668;
}

.a2:active
{
    text-decoration: none;
    color: #0055A9;
}

.a2:hover
{
    text-decoration: underline;
    color: #0055A9;
}

.a3
{
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #565656;
	font-family: Verdana;
	background-color: transparent;
}

.a3:link
{
    text-decoration: none;
    color: #565656;
}

.a3:visited
{
    text-decoration: none;
    color: #353535;
}

.a3:active
{
    text-decoration: none;
    color: #565656;
}

.a3:hover
{
    text-decoration: underline;
    color: #565656;
}

.a4
{
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 10px;
	color: #565656;
	font-family: Verdana;
	background-color: transparent;
}

.a4:link
{
    text-decoration: none;
    color: #565656;
}

.a4:visited
{
    text-decoration: none;
    color: #353535;
}

.a4:active
{
    text-decoration: none;
    color: #565656;
}

.a4:hover
{
    text-decoration: underline;
    color: #565656;
}



/* ### CONTRAST ANCHORS ### */
.ac1
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 16px;
	color: #ffffff;
	font-family: Verdana;
	background-color: transparent;
}

.ac1:link
{
    text-decoration: none;
    color: #ffffff;
}

.ac1:visited
{
    text-decoration: none;
    color: #ffffff;
}

.ac1:active
{
    text-decoration: none;
    color: #ffffff;
}

.ac1:hover
{
    text-decoration: underline;
    color: #ffffff;
}

.ac2
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	font-family: Verdana;
	background-color: transparent;
}

.ac2:link
{
    text-decoration: none;
    color: #ffffff;
}

.ac2:visited
{
    text-decoration: none;
    color: #ffffff;
}

.ac2:active
{
    text-decoration: none;
    color: #ffffff;
}

.ac2:hover
{
    text-decoration: underline;
    color: #ffffff;
}

.ac3
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	font-family: Verdana;
	background-color: transparent;
}

.ac3:link
{
    text-decoration: none;
    color: #ffffff;
}

.ac3:visited
{
    text-decoration: none;
    color: #ffffff;
}

.ac3:active
{
    text-decoration: none;
    color: #ffffff;
}

.ac3:hover
{
    text-decoration: underline;
    color: #ffffff;
}

.ac4
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana;
	background-color: transparent;
}

.ac4:link
{
    text-decoration: none;
    color: #ffffff;
}

.ac4:visited
{
    text-decoration: none;
    color: #ffffff;
}

.ac4:active
{
    text-decoration: none;
    color: #ffffff;
}

.ac4:hover
{
    text-decoration: underline;
    color: #ffffff;
}



/* ### TEXTBOX ### */
.tb1
{
color: #565656; 
font-family: Verdana; 
font-weight: bold; 
font-size: 18px; 
background-color:#ffffff; 
border: solid 1px #CECECE;
padding:3px;
}

.tb2
{
color: #565656; 
font-family: Verdana; 
font-weight: bold; 
font-size: 14px; 
background-color:#ffffff; 
border: solid 1px #CECECE;
padding:3px;
}

.tb3
{
color: #565656; 
font-family: Verdana; 
font-weight: bold; 
font-size: 12px; 
background-color:#ffffff; 
border: solid 1px #CECECE;
padding:3px;
}


/* ### HORIZONTAL RULER ### */
.hr
{
border:0;
color: #E7E7E7;
background-color: #E7E7E7;
height:1px;
}



/* ### BORDER FOR TABLE ### */
.tbl /* Table with square corners */
{
background-color: #FFFFFF;
border-top: 0px solid #F5F5F5;
border-left: 0px solid #E7E7E7;
border-right: 0px solid #E7E7E7;
border-bottom: 0px solid #CECECE;

behavior: url(/_css/pie.htc);
/* shadow effect */
-webkit-box-shadow: #cccccc 0 0 .25em;
-moz-box-shadow: #cccccc 0 0 .25em;
box-shadow: #cccccc 0 0 .25em;

position:relative; /* fix for IE on border-radius */
zoom:1; /* Another fix */
z-index: 0;
}

.tblr  /* Table with rounded corners */
{
background-color: #ffffff;
border-top: 1px solid #F5F5F5;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-bottom: 0px solid #CECECE;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8x; 
border-radius:8px;
/*behavior: url(/_css/pie.htc);*/
BACKGROUND-IMAGE:url(/search/_component/images/box_btm_bg.png); 
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-POSITION: left bottom;

/* shadow effect */
-webkit-box-shadow: #cccccc 0 0 .25em;
-moz-box-shadow: #cccccc 0 0 .25em;
box-shadow: #cccccc 0 0 .25em;

position:relative; /* fix for IE on border-radius */
zoom:1; /* Another fix */
z-index: 0;
}

.tblrc  /* Table with rounded corners with colored background  */
{
background-color: #f5f5f5;
border-top: 1px solid #F5F5F5;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #CECECE;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8x; 
border-radius:8px;
behavior: url(/_css/pie.htc);

-webkit-box-shadow: #cccccc 0 .15em .25em;
-moz-box-shadow: #cccccc 0 .15em .25em;
box-shadow: #cccccc 0 .15em .25em;

/*
BACKGROUND-IMAGE:url(/search/_component/images/box_btm_bg.png); 
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-POSITION: left bottom;*/

position:relative; /* fix for IE on border-radius */
zoom:1; /* Another fix */
z-index: 0;
}



/* ### BORDER FOR ADVERTISMENT ### */
.ads /* Ads table with square corners */
{
border-top: 1px solid #F5F5F5;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-bottom: 0px solid #CECECE;
BACKGROUND-IMAGE:url(/search/_component/images/box_btm_bg.png); 
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-POSITION: left bottom;
}

.adsr /* Ads table with rounded corners */
{
border-top: 1px solid #F5F5F5;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-bottom: 0px solid #CECECE;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px; 
border-radius:8px;
behavior: url(/_css/pie.htc);
BACKGROUND-IMAGE:url(/search/_component/images/box_btm_bg.png); 
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-POSITION: left bottom;
position:relative; /* fix for IE on border-radius */
}



/* ### TEXT FOR ADVERTISMENT ### */
.ta
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #565656;
}



/* ### BACKGROUND FOR LABEL ON TABLE ### */
.lb
{
background-color:#F5F5F5
}



/* ### ROUNDED EFFECT FOR TABLE ### */
/* Table that needs only certain corners rounded */
.corner_top_left_rounded
{
-moz-border-radius:8px 0px 0px 0px;
-webkit-border-radius:8px 0px 0px 0px;
-khtml-border-radius:8px 0px 0px 0px; 
border-radius:8px 0px 0px 0px;
behavior: url(/_css/pie.htc);
}

.corner_bottom_rounded
{
-moz-border-radius:0px 0px 8px 8px;
-webkit-border-radius:0px 0px 8px 8px;
-khtml-border-radius:0px 0px 8px 8px; 
border-radius:0px 0px 8px 8px;
/*behavior: url(/_css/pie.htc);*/
}



/* ### PICTURE BORDERS ### */
/* Actual image will be inside a div. Border is a image ontop of the div. */
.pic_div
{

}

.pic_border  
{


}