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

/* ### HEADER ### */
.H1
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 24px;
	font-weight: bold ;
	color: #565656;
}
.H2
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 22px;
	font-weight: bold ;
	color: #565656;
}
.H3
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 20px;
	font-weight: bolder ;
	color: #565656;
}
.H4
{
	background-color: transparent;
	font-family: Verdana;
	font-size: 18px;
	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;
}

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


/* ### 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;
}

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

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

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

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

.a1-1: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: #565656;
}

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

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

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

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

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

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

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

.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: #565656;
}

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

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

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

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

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

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

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



/* ### 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;
}

/* ### TAGS - Achors with a background ### */
.tag1
{
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 12px;
	color: #565656;
	font-family: Verdana;
	font-family: Verdana;
	background-color: #F5F5F5;
	/*border:1px solid #CECECE;*/
}

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

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

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

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

.tag2
{
	padding-top: 0px;
	padding-bottom: 0px;	
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana;
	background-color: #E7E7E7;
	/*background-color: #F5F5F5;*/
	/*border:1px solid #CECECE;*/
}

.tag2:link
{
    text-decoration: none;
    color: #565656;
    /*color: #565656;*/

}

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

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

.tag2:hover
{
    text-decoration: none;
	color:#ffffff;
	background-color: #a8a8a8;
	/*border:1px solid #C8C8C8;*/
}

/* ### SELECT DROPDOWN LIST ### */
.header_main_select
{
    font-size:18px;
	font-family: Verdana; 
	font-weight: normal; 
    line-height:30px; 
    //display:block; 
    //float:left; 
    height:30px;  
	color: #565656;
} 

.s1
{
    font-size:16px; 
	font-family: Verdana; 
	font-weight: normal; 
    line-height:30px; 
    display:block; 
    float:left; 
    height:30px;
	width:auto;
	color: #565656;
} 

/* ### TEXTBOX ### */
.header_main_textbox
{
	color: #565656; 
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 18px; 
	background-color:#ffffff; 
	border: solid 1px #CECECE;
	padding:5px;
	height:30px;
	width:100%;;
}

.textbox1
{
	color: #565656; 
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 16px; 
	background-color:#ffffff; 
	border: solid 1px #CECECE;
	padding:5px;
	height:30px;
	width:100%;
}

.textbox2
{
	color: #565656; 
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 14px; 
	background-color:#ffffff; 
	border: solid 1px #CECECE;
	padding:3px;
	height:26px;
	width:100%;
}

.textbox3
{
	color: #565656; 
	font-family: Verdana; 
	font-weight: normal; 
	font-size: 12px; 
	background-color:#ffffff; 
	border: solid 1px #CECECE;
	padding:3px;
	height:20px;
	width:100%;
}


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

position:relative; /* fix for IE on border-radius and width "over-flowing" */
}

.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: 2px solid #CECECE;

position:relative; /* fix for IE on border-radius and width "over-flowing" */
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: 2px solid #CECECE;

/* fix for IE on border-radius and width "over-flowing" */
position:relative; 
zoom:1;
z-index: 0;
}

.tabr  /* Tabs Table with rounded corners */
{
background-color: #ffffff;
border-top: 0px solid #F5F5F5;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-bottom: 2px solid #CECECE;

/* fix for IE on border-radius and width "over-flowing" */
position:relative; 
zoom:1;
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: 2px solid #CECECE;

/* fix for IE on border-radius and width "over-flowing" */
position:relative; 
zoom:1;
z-index: 0;
}

.adsr /* Ads table with rounded corners */
{
border-top: 1px solid #F5F5F5;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-bottom: 2px solid #CECECE;

/* fix for IE on border-radius and width "over-flowing" */
position:relative; 
zoom:1;
z-index: 0;
}


/* ### 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  
{


}


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

.button_div_orange
{
text-align:center;
border:2px solid #F4B917;
background-color:#F26D00; 
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
height:26px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #ffffff;
width:auto;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
}

.button_div_green
{
text-align:center;
border:2px solid #CCFFC6;
background-color:#008E00; 
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
height:26px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #ffffff;
width:auto;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
}

.button_div_lightgreen
{
text-align:center;
border:1px solid #999999;
background-color:#CDFFC9; 
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
height:26px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #565656;
width:auto;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
}

.button_div_lightred
{
text-align:center;
border:1px solid #999999;
background-color:#FFACA8; 
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
height:26px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #565656;
width:auto;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
}

.button_div_red
{
text-align:center;
border:1px solid #999999;
background-color:#FF4B05; 
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
height:26px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #ffffff;
width:auto;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
}

.button_div_gray
{
text-align:center;
border:1px solid #999999;
background-color:#EEEEED; 
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
height:26px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #565656;
width:auto;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;

}

.button_input_orange
{
text-align:center;
border:2px solid #F4B917;
background-color:#F26D00; 
height:30px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #ffffff;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
}

.button_input_green
{
text-align:center;
border:2px solid #CCFFC6;
background-color:#008E00;
height:30px;
cursor:hand;
line-height:26px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #ffffff;
background-image:url(/_css/square_images/button_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
}

/* ### PAGEING BUTTONS ### */
.paging_norm
{
	color:#565656;
	font-family:verdana;
	font-size:12px;
	text-decoration: none;
	border-top:1px solid #E8E8E8;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
	border-bottom:2px solid #A8A8A8;
	background-color:#ffffff;
	min-width:30px;
	width:40px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	display:table-cell;
	text-align:center;
	white-space:nowrap;
}
.paging_norm:hover{
	background-color:#FFE4A3;

	border-top:1px solid #FFE4A3;
	border-left:1px solid #FFE4A3;
	border-right:1px solid #FFE4A3;
	border-bottom:2px solid #9B9075;
	cursor:pointer;
	color:#565656;
}
.paging_selected
{
	color:#ffffff;
	font-family:verdana;
	font-size:12px;
	text-decoration: none;
	border:1px solid #F4B917;
	background-color:#FE7D0B;
	min-width:30px;
	width:40px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	display:table-cell;
	text-align:center;
	cursor:default;
	white-space:nowrap;
}