/* Added by Elipva */
.headline_style {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.body_style {
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #333333;
}


#canvas {
	background-color: #FFFFFF;
	/* border: 2px dotted #000000; */
}

#layout {
	/* border: 1px solid #000000; */
	width: 800px;
	margin: 0px;
	padding: 0px;

}

#headsggov {
	background-color: #FFFFFF;


}

#headlogo {
	background-color: #C596DA;


}

#headmenu {
	background-color: #8F60A4;

}

#headmenu a:hover, #headmenu a:focus, #headmenu a:link, #headmenu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration : underline;
	color: #FFFFFF;	
}

#headmenu td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px 2px 2px 6px;

}

#headlogo a:hover, #headlogo a:focus, #headlogo a:link, #headlogo a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration : underline;
	color: #000000;	
}

#headlogo td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px 6px 2px 2px;
}

#logincanvas{
	background-color: #FFFFFF;
	width: 100%;
	margin: 0px;
	padding: 20px;
}

#logincanvas .bodycanvas{
	background-color: #E7D3EE;
	width: 650px;
	margin: 0px;
	padding: 20 10 20 10 px;	
}

#logincanvas .bodycanvas .bodytable{
	background-color: #E7D3EE;
	width: 100%;
	margin: 0px;
	padding: 5px;
	border-collapse: collapse;
}

#normalcanvas{
	background-color: #FFFFFF;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#normalcanvas .bodycanvas{
	background-color: #FFFFFF;
	width: 100%;
	margin: 0px;
	padding: 0px;	
}

#normalcanvas .bodycanvas .bodytable{
        /* border: 1px solid #000000; */
	background-color: #FFFFFF;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

#normalcanvas .bodycanvas .bodytable .lefttd{
	padding: 0 10 0 0 px;
}

#normalcanvas .bodycanvas .bodytable .middletd{
	padding: 0 0 0 0 px;
}

#normalcanvas .bodycanvas .bodytable .righttd{
	padding: 0 0 0 10 px;
}

#normalcanvas .bodycanvas .bodytable td .message{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	line-height: 130%;
	margin: 10 0 10 0 px;
}


.instruction{
	padding: 0 0 0 20px;
}

.instruction h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
  	color: #333333;
}

.instruction p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	text-align: justify;
	line-height: 130%;
}

.announcement_title{
	background-color: #8F60A4;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	padding: 2 0 2 6 px;
}

.announcement{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin: 6 0 4 0 px;
}

#announcetable{
	width: 280px;
}

#singpasslogin{
	width: 300px;
}

#singpasslogin td{
	padding: 0 0 12 0 px;
}

#loginform{

}

#loginform .input{
	WIDTH: 204px;
    	FONT-SIZE: 11px;
    	COLOR: #000000;
    	background-color:#FFFFFF; 
    	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

#loginform .inputname{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#loginform .loginbutton{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#loginform a:hover, #loginform a:focus, #loginform a:link, #loginform a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : underline;
	color: #220099;	
}

#footer{
	background-color: #C596DA;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 11px; 
        color: #000000	
}

#footer td {
        padding: 4px;
		font-family: Arial, Helvetica, sans-serif; 
}

#footer a:hover, #footer a:focus, #footer a:link, #footer a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration : underline;
	color: #000000;	
}


/**** basic ****/

body
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A:visited
{
    FONT-SIZE: 10px;
    COLOR: #660099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/*A:link
{
    FONT-SIZE: 10px;
    COLOR: #220099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
} */

A:hover
{
    FONT-SIZE: 10px;
    COLOR: #9900cc;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/*A:active
{
    FONT-SIZE: 10px;
    COLOR: #ff3333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}*/

/* Added For CSC */



.arial {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.arial_small {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}

A:visited
{
    FONT-SIZE: 10px;
    COLOR: #660099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A:link
{
    FONT-SIZE: 10px;
    COLOR: #660099;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A:hover
{
    FONT-SIZE: 10px;
    COLOR: #9900cc;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A:active
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
} 
.h3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.h4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.bodyTextSmall
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.bodyText
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.bodyTextBig
{
	FONT-WEIGHT: bold; 
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.bodyLinks
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.bodyHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: ;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.sideNav
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.topNav1
{
    FONT-SIZE: 9px;
    COLOR: #4b4b4b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.topNav1hg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #005b7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.btmText
{
    FONT-SIZE: 9px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.formHeaders
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.trColor
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #9999ff
}
.trDisColo
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #eae9f8
}
INPUT
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TEXTAREA
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TD
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
P
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tdBold {
	FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e6f4f7
}
.tdHead {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: C596DA
}
.tdData {
	BACKGROUND-COLOR: #E7d3ee
}
.txtBold {
	FONT-WEIGHT: bold
}
.tdSubHead {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #99bfc6
}
.sm {
	FONT-SIZE: 7px
}
.menulink
{
    FONT-SIZE: 12PX;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.displaylabel
{
FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #E7D3EE;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.displaylabeltop
{
    FONT-SIZE: 12px;
	BACKGROUND-COLOR: #72BAE3;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}	
	
.displaydata
{
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #E7d3ee;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.Tablehead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
	BACKGROUND-COLOR: #C596D8;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.displaytabledata
{
    FONT-SIZE: 12px;
	BACKGROUND-COLOR: #C6D9EB;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.displaydatabold
{
    FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #DDE9F2;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SmallTextdisplaydata
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #DDE9F2;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SmallTextDisplay
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.ErrorMsgDisplay
{
    FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
    COLOR: #FF0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.sizeFixedHeading
{
	TABLE-LAYOUT:fixed ;
}
.sizeFixedCol
{
	WORD-BREAK:break-all ;
}
.displayHyperdata
{
    FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.displaylabelRep
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #c6d9eb
}
.displaydataRep
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #dde9f2
}
.displayTemplatedata
{
    FONT-SIZE: 12px;
	BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.displayselecteddata
{
    FONT-SIZE: 12px;
	COLOR: RED;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SELECT
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}.TableHeadNew
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: blue
}
.TableTrColor1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #b0c4de
}
.TableTrColor2
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #d8bfd8
}
.TableTrColor1 INPUT
{
    BACKGROUND-COLOR: #b0c4de
}
.TableTrColor2 INPUT
{
    BACKGROUND-COLOR: #ECD7E8
}
.TableTrColor1 OPTION
{
    BACKGROUND-COLOR: #b0c4de
}
.TableTrColor2 OPTION
{
    BACKGROUND-COLOR: #ECD7E8
}
.TableTrColor3
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #b0c4de
}
.TableTrColor3 INPUT
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #b0c4de
}
.massPaymentBtn {
	height:23;
  background: #C6D9EB;
  font-family: arial;
  font-size: 10pt;
  color: #000000;
  font-weight: bold;
  text-align: center;
}
.blueBtn {
	height:23;
  background: #0033CC;
  font-family: arial;
  font-size: 10pt;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}