/*
	Last updated by Lingsy on 7/02/2009 at 4.00pm
	C1 - Add in coding for support page break in IE version 7.0 & 8.0 .
	     Old Version: style.css   Ref.No: 04/2009
		 
	Last updated by Terry on 12/02/2009 at 5.35pm
	C2 - Add in display style for CI Label .
	     Old Version: style_V2.css   Ref.No: 06/2009

	Last updated by Karen on 19/03/2009 at 17:54pm
	C3 - Add in display style for TextArea entry (Courier New).
	     Old Version: style_V3.css   Ref.No: 06/2009
	
	Last updated by Terry on 02/06/2009 at 5:29pm
	C4 - Add in display style for motor proposal form.
	     Old Version: style_V4.css   Ref.No: 22/2009
		 
	Last updated by Lingsy on 03/11/2009 at 2.00pm
	C5 - Add in display style for IG.
	     Old Version: style_V5.css   Ref.No: 54/2009
		 
	Last Updated by Michelle on 20/09/2011 at 10.20am
	C6 - Add ListingLink in Red
		Old Version: style_V6.css 	Ref.No: 53/2011
		
	Last Updated by Addison on 06/10/2011 at 3.00pm
	C7 - Add BasicFontCourier-SB.
		Old Version: style_V7.css 	Ref.No: 61/2011

	Last Updated by Vi Vian on 09/10/2011 at 10.56am
	C8 - Add New table border
		Old Version: style_V8.css 	Ref.No: 91/2015
		
	Last Updated by Michelle Ong on 26/11/2017 at 1.00pm
	C9 - Add New .FormLine4 
		Old Version: style_V9.css 	Ref.No: 79/2017
		
	Last Updated by Ching Han on 09/07/2018 at 3.00pm
	C10 - Add bottomlink and footer style for TP Health 
		Old Version: style_V10.css 	Ref.No: XX/2018
		
	Last Updated by Max on 28/08/2024 at 3.26pm
	C11 - To update new design with amended contents and layout.
		Old Version: style_V11.css 	Ref.No: E112/2024	
*/

BODY {
	SCROLLBAR-FACE-COLOR: #eaf2ff;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	SCROLLBAR-HIGHLIGHT-COLOR: #eaf2ff;
	SCROLLBAR-SHADOW-COLOR: #eaf2ff;
	SCROLLBAR-3DLIGHT-COLOR: #5582d2;
	SCROLLBAR-ARROW-COLOR: black;
	SCROLLBAR-TRACK-COLOR: #eaf2ff;
	FONT-FAMILY: Arial, Helvetica;
	SCROLLBAR-DARKSHADOW-COLOR: #5582d2;
	SCROLLBAR-BASE-COLOR: #eaf2ff;
}

.ButtonStyle {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 4px 0px;
	BORDER-LEFT: 1px solid;
	WIDTH: 130px;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #d8d8d8
}

.InputField {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 12px;
	BORDER-LEFT: 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

.InputField2 {
	/* C3 */
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 12px;
	BORDER-LEFT: 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Courier New
}

.SelectBox {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	WIDTH: 183px;
	FONT-FAMILY: Arial, Helvetica
}

.SelectBoxScope {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	WIDTH: 220px;
	FONT-FAMILY: Arial, Helvetica
}

.Button {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	BORDER-LEFT: 1px outset;
	WIDTH: 120px;
	COLOR: #000000;
	BORDER-BOTTOM: 1px outset;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #8c8f97
}

.BasicFont {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica
}

.BasicFont-B {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica
}

.BasicFontCourier-B {
	/* C3 */
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	FONT-FAMILY: Courier New
}

.BasicFont-S {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica
}

.BasicFontCourier-S-B {
	/* C3 */
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Courier New
}

.BasicFont-S10 {
	/*C7*/
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial, Helvetica
}

.BasicFontCourier-SB {
	/* C7 */
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	FONT-FAMILY: Courier New
}

.BasicFont-XL-B {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	FONT-FAMILY: Arial, Helvetica
}

.RightImageDescriptFont {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-STYLE: italic;
	FONT-FAMILY: Arial, Helvetica
}

.NewsTitleFont {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica
}

.BarTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	FONT-FAMILY: Arial, Helvetica
}

.TableBarTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #324691
}

.btnStyle {
	FONT-SIZE: 9pt;
	WIDTH: 120px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #d8d8d8
}

.CopyrightFont {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica
}

.NoteFont {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica
}

.ErrorMsgFont {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica
}

.ErrorMsgFont2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica
}

.norecordalert {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

.CopyrightLink {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.CopyrightLink:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.CopyrightLink:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.CopyrightLink:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.ContentLink {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ContentLink:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ContentLink:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ContentLink:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.ScrollNewsLink {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ScrollNewsLink:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ScrollNewsLink:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ScrollNewsLink:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.SiteMapLink {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

A.SiteMapLink:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

A.SiteMapLink:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

A.SiteMapLink:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

.FormSectionX {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	HEIGHT: 22px;
	BACKGROUND-COLOR: #baccdb
}

.FormSection {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	HEIGHT: 22px;
	BACKGROUND-COLOR: #306da2
}

.FormSubSection {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica
}

.FormLine1 {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #dfe7ee
}

.FormLine2 {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #ffffff
}

.FormLine3 {
	FONT-SIZE: 3px
}

.FormLine4 {
	FONT-SIZE: 3px;
	BACKGROUND-COLOR: #dfe7ee
}

.FormEdgeX {
	WIDTH: 3px;
	BACKGROUND-COLOR: #baccdb
}

.FormEdge {
	WIDTH: 3px;
	BACKGROUND-COLOR: #306da2
}

.FormBottomEdge {
	HEIGHT: 3px;
	BACKGROUND-COLOR: #306da2
}

.FormLineHighlight {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #f9e899
}

.TitleListing {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	FONT-FAMILY: Arial, Helvetica
}

.LetterBig {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18pt;
	FONT-FAMILY: Arial, Helvetica
}

.LetterBig2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16pt;
	FONT-FAMILY: Arial, Helvetica
}

.LetterSmall {
	FONT-SIZE: 6pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.LetterSmall2 {
	FONT-SIZE: 7pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	FONT-WEIGHT: bold;
}

.LetterSmall3 {
	FONT-SIZE: 9px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
}

.LetterSmall4 {
	FONT-SIZE: 8px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
}

.BigFont {
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.BigFont2 {
	FONT-SIZE: 13pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.basicfont {
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.BasicFont-white {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica
}

.valuefont {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.SmallFont {
	FONT-SIZE: 7pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.SmallFont2 {
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.FormSectionGreen {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	HEIGHT: 22px;
	BACKGROUND-COLOR: #469857
}

.FormEdgeGreen {
	WIDTH: 3px;
	BACKGROUND-COLOR: #469857
}

.FormBottomEdgeGreen {
	HEIGHT: 3px;
	BACKGROUND-COLOR: #469857
}

.FormLine1Green {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #d5efd7
}

.FormSectionRed {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	HEIGHT: 22px;
	BACKGROUND-COLOR: #cb3040
}

/*Start C4*/
.FormSectionRedS {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	HEIGHT: 10px;
	BACKGROUND-COLOR: #cb3040
}

.BasicFont-SSS {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	FONT-FAMILY: Arial, Helvetica
}

.FormSectionS {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	HEIGHT: 10px;
	BACKGROUND-COLOR: #306da2
}

.DataItem-SS {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #483dad;
	FONT-FAMILY: Arial, Helvetica
}

.BasicFont-BS {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	FONT-FAMILY: Arial, Helvetica
}

.Print-TableBorder-TopRightLeft {
	BORDER-RIGHT: #000000 2px solid;
	BORDER-TOP: #000000 2px solid;
	BORDER-LEFT: #000000 2px solid;
	BORDER-BOTTOM: #000000
}

.Print-TableBorder-BottomRightLeft {
	BORDER-RIGHT: #000000 2px solid;
	BORDER-TOP: #000000;
	BORDER-LEFT: #000000 2px solid;
	BORDER-BOTTOM: #000000 2px solid
}

.ListingHeaderFontS {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #324691
}

/*End C4*/
.FormEdgeRed {
	WIDTH: 3px;
	BACKGROUND-COLOR: #cb3040
}

.FormBottomEdgeRed {
	HEIGHT: 3px;
	BACKGROUND-COLOR: #cb3040
}

.FormLine1Red {
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #cb3040
}

.ListingHeaderFont {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #324691
}

.ListingHeaderFontGreen {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #469857
}

.ListingFont {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica
}

.ListingLinkRed {
	/* C6 */
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

.ListingLink {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ListingLink:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ListingLink:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.ListingLink-L {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ListingLink-L:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ListingLink-L:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.DataItem {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #483dad;
	FONT-FAMILY: Arial, Helvetica
}

.DataItem-S {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #483dad;
	FONT-FAMILY: Arial, Helvetica
}

.DataItemHighlight {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #d74343;
	FONT-FAMILY: Arial, Helvetica
}

.Panel {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.PanelHighlight {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ff0033;
	FONT-FAMILY: Arial, Helvetica
}

.BottomCopyright {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica
}

.BottomCopyright-link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #333758;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.BottomCopyright-link:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #333758;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.BottomCopyright-link:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.BottomCopyright-link2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.BottomCopyright-link2:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.BottomCopyright-link2:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.TableBorder-TopLeft {
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid
}

.TableBorder-BottomRight {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid
}

.TableBorder-BottomRight-DataItem {
	BORDER-RIGHT: #000000 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #483dad;
	BORDER-BOTTOM: #000000 1px solid;
	FONT-FAMILY: Arial, Helvetica
}

.TableBorder-BottomRightLeft {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid
}

.TableBorder-Right {
	BORDER-RIGHT: #000000 1px solid
}

.TableBorder-TopBottomRight {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid
}

.TableBorder-BottomLeft {
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid
}

.TableBorder-TopRight {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid
}

.TableBorder-Bottom {
	BORDER-BOTTOM: #000000 1px solid
}

.SelectBoxNormal {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica
}

.BasicFont-SS {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica
}

.Print-TableBorder-TopBottomRightLeft {
	BORDER-RIGHT: #000000 2px solid;
	BORDER-TOP: #000000 2px solid;
	BORDER-LEFT: #000000 2px solid;
	BORDER-BOTTOM: #000000 2px solid
}

.SelectBoxNormal {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica
}

.ShortingLink {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ShortingLink:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ShortingLink:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline
}

A.ShortingLink:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none
}

.TableBorder-Top {
	BORDER-TOP: #000000 1px solid
}

.TableNomBorder-Top {
	BORDER-TOP: #324691 1px solid
}

.TableNomBorder-TopRight {
	BORDER-RIGHT: #324691 1px solid;
	BORDER-TOP: #324691 1px solid
}

.TableNomBorder-TopLeftRight {
	BORDER-RIGHT: #324691 1px solid;
	BORDER-TOP: #324691 1px solid;
	BORDER-LEFT: #324691 1px solid
}

.TableNomBorder-LeftRight {
	BORDER-RIGHT: #324691 1px solid;
	BORDER-LEFT: #324691 1px solid
}

.TableNomBorder-Bottom {
	BORDER-BOTTOM: #324691 1px solid
}

/* Added by JT WEBSE for simplification of display table border */
.TableBorder-Report {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	display: table-cell;
	BORDER-COLOR: #000000;
	border-collapse: collapse;
	empty-cells: show;
}

.PrintBottomLine {
	BORDER-BOTTOM: #000000 1px solid;
}

.PrintPageBreak {
	page-break-before: always;
	page-break-inside: avoid;
	top: 0;
	right: 0;
	z-index: 9999;
}

.TableBorder-Guide {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	BORDER-COLOR: #000000;
	display: table-cell;
	border-collapse: collapse;
}

.TableBorder-Reference {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	BORDER-RIGHT: #000000 2px solid;
	BORDER-TOP: #000000 2px solid;
	BORDER-LEFT: #000000 2px solid;
	BORDER-BOTTOM: #000000 2px solid;
}

@media print {
	.noprint {
		display: none;
	}
}

.ButtonStyle-CheckJPJ {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 4px 0px;
	BORDER-LEFT: 1px solid;
	WIDTH: 220px;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #d8d8d8
}

.ButtonStyle-PrintNCD {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 4px 0px;
	BORDER-LEFT: 1px solid;
	WIDTH: 160px;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #d8d8d8
}

.ButtonStyle-CalPreview {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 4px 0px;
	BORDER-LEFT: 1px solid;
	WIDTH: 160px;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #d8d8d8
}

.ButtonStyle-LinkPA {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 4px 0px;
	BORDER-LEFT: 1px solid;
	WIDTH: 250px;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Arial, Helvetica;
	BACKGROUND-COLOR: #d8d8d8
}

.TotalPayable {
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	BORDER-BOTTOM: #000000 1px double;
	border-width: 5px;
}

.NCDFont {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8.5pt;
	FONT-FAMILY: Arial, Helvetica
}

.NCDFont-S {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial, Helvetica
}

.TableBorder-NCD {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	BORDER-BOTTOM: #000000 1px solid;
}

.NCD-Signature {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8.5pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	BORDER-TOP: #000000 1px solid;
}

.FormLine2_MandatoryField {
	BORDER-BOTTOM: #FFDDCC 2px solid;
	BORDER-RIGHT: #FF0000 2px solid;
	BORDER-LEFT: #FF0000 2px solid;
	BORDER-TOP: #FF0000 2px solid;
	BORDER-WIDTH: 1%;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
}

.FormLine1_MandatoryField {
	BORDER-BOTTOM: #FFDDCC 2px solid;
	BORDER-RIGHT: #FF0000 2px solid;
	BORDER-LEFT: #FF0000 2px solid;
	BORDER-TOP: #FF0000 2px solid;
	BORDER-WIDTH: 1%;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
}

/*******************************/
/* Added by lingc*/
/* Added for fwig report use 2008/11/05 */
.breakhere {
	PAGE-BREAK-BEFORE: always;
	PAGE-BREAK-INSIDE: avoid;
	height: 0px;
	line-height: 0;
}

.BG_LogoImage {
	background-image: url(../../images/bg_logo3.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

/*VV*/
.BG_LogoImage2 {
	background-image: url(../../images/image002.gif);
	background-position: center;
	background-repeat: no-repeat;
}

/*VV*/

/* Added for display text field use 2008/11/17 */
.TRANSPARENT_TXT {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #483dad;
	FONT-FAMILY: Arial, Helvetica;
	border-style: none;
	background-color: transparent;
}

/*******************************/
/*** Start C2 *****/
.TRANSPARENT_LABEL {
	FONT-WEIGHT: bold;
	FONT-SIZE: 18pt;
	FONT-FAMILY: Arial, Helvetica;
	text-align: right;
	border-style: none;
	background-color: transparent;
}

/*** End C2 *****/

/*C5 ********************************/
.basicfont_IG {
	FONT-SIZE: 9.5pt;
	COLOR: #000000;
	FONT-FAMILY: Arial
}

.SmallFont2_IG {
	FONT-SIZE: 8.5pt;
	COLOR: #000000;
	FONT-FAMILY: Arial
}

.TableBarTitle_IG {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #324691
}

.space {
	line-height: 1.3em;
}

/*************************************/

/*start C8*/
.TableBorder-Nomination {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	BORDER-RIGHT: #324691 1px solid;
	BORDER-TOP: #324691 1px solid;
	BORDER-LEFT: #324691 1px solid;
	BORDER-BOTTOM: #324691 1px solid;
}

/*end C8*/

.wrapper {
	min-height: 100%;
	position: relative;
	padding-bottom: 45px;
	/* footer's height */
}

.footer {
	position: absolute;
	bottom: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	width: 100%;
}

.BottomLink {
	FONT-FAMILY: Arial, Helvetica;
	FONT-SIZE: 11px;
	FONT-WEIGHT: Bold;
	TEXT-DECORATION: underline;
	COLOR: #000000;
}

.img_a {
	vertical-align: baseline;
}

.InputField3 {
	MARGIN: 4px 0px;
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 12px;
	BORDER-LEFT: 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

.ButtonStyle-TPHealth {
	BORDER: 1px solid #4e6096;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 4px 0px;
	WIDTH: 200px;
	FONT-FAMILY: Arial, Helvetica;
	BORDER-RADIUS: 5px;
	BACKGROUND-COLOR: #d8d8d8;
}

/*cllee start*/
.collapsible {
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial, Helvetica;
	background-color: #306DA2;
	color: white;
	cursor: pointer;
	padding: 8px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 13px;

}

.active,
.collapsible:hover {
	background-color: #6495ED;
}

.content {
	padding: 0 0px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}

.Print-TableBorder-TopBottomRightLeft-collapsible {
	BORDER-RIGHT: #6495ED 2px solid;
	BORDER-TOP: #6495ED 2px solid;
	BORDER-LEFT: #6495ED 2px solid;
	BORDER-BOTTOM: #6495ED 2px solid
}

.FormSection-collapsible {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: white;
	FONT-FAMILY: Arial, Helvetica;
	HEIGHT: 22px;
	BACKGROUND-COLOR: #306da2
}

/*cllee end*/
/* C11 Start */

.header-line {
	border-top: 4px #3A4A75 solid;
}

.img-logo{
	height: 69;
}

.container {
	display: flexbox;
}

.container-header {
	float: left;
	width: 99%;
}

.table-container {
	display: flex;
	justify-content: center;
	position: relative;
}

.confidential {
	float: right;
	width: 1%;
}

.confidential-block {
	display: block;
	top: 70;
	right: 0;
	transform: rotate(180deg);
	z-index: 1000;
}

.confidential-text {
	border: 1px solid red;
	font-family: arial;
	font-size: 10px;
	color: white;
	background-color: red;
	writing-mode: tb-rl;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

.center-table {
	margin: 0 auto;
}

.banner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	width: 90%;
	max-height: 100%;
}

.half-banner{
	width:290; 
	height:90px;
	border-radius: 10px; 
	position:relative;
}

.img-text-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-text-container img {
	margin-right: 10px;
}

.text-container {
	display: flex;
	flex-direction: column;
	line-height: 16px;
}

.registration-number {
	display: block;
	text-align: right;
	color: #3A4A75;
}

.valuefont2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.secondPage-container {
	display: flex;
	justify-content: space-between;
}

.LetterSmall.VerticalText {
	writing-mode: tb-rl;
}

.cbcFont {
	FONT-SIZE: 7.5pt;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica
}

.divider{
	margin-left: 30px;
	background: linear-gradient(to right, #A5DAFF, #215BFF);
	height: 2px;
	border: 0;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;
}

.tblInsuredInfo{
	margin-left: 30px;
	background-color: white;
	border-collapse: collapse;
	border-radius: 5px;
}

.tblVehicleDetails{
	border-collapse: collapse; 
	margin-left: 25px;
}

.tbl-divider{
	border: 0;
	border-top: 1px solid #E5E5E5;
}

.page2{
  	min-height: 100%;
  	background-image: linear-gradient(white, #D6E8FF); 
	background-size: cover;
	print-color-adjust: exact; 
	-webkit-print-color-adjust: exact;
}

/* C11 End */