.BgDarkGreen {



	text-align: left;

	background-color: #008C8D;



}



.BgLightGreen {



	background-color: #CDEBEB;



}



.BgEservices {



	background-color: #ECF7F1;



}



.BgEservices2 {



	background-color: #008C8D;



}





.BgWhite {



	text-align: left;

	background-color: #ffffff;



}



.BgLine {





	background-image: url(/cpepnavigator/images/dotline2.gif);



}



.BgDot2 {





	background-image: url(/cpepnavigator/images/dot2.gif);

	background-repeat: repeat-x;



}





.BgDot {

	text-align: left;

	background-image: url(/cpepnavigator/images/dotline_short.gif);



}





.BgLightBlue {



	text-align: left;

	background-color: #99C0DF;





}



/*Test the SubHeader Background*/

.eServicesSubHeaderBg {





	background-image: url(/cpnavigation/images/SubHeaderBg.gif);

	background-repeat: repeat-y;





}





.BgHeaderLightBlue {



	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #FFFFFF;

	text-align: left;

	padding: 0px 0px 0px 5px;

	height: 22px;

	background-color: #99C0DF;

}



.BgHeaderLightBlue8 {



	font-family: Verdana;

	font-size: 8pt;

	font-weight: bold;

	font-variant: normal;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 5px;

	height: 22px;

	background-color: #99C0DF;

}



.BgRightMenuLightGreen {



	padding: 0px 0px 0px 0px;

	background-color: #E8FAFA;

}



.BgHeaderDarkBlue {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #FFFFFF;

	text-align: left;

	padding: 0px 0px 0px 5px;

	height: 22px;

	background-color: #123E6B;

}



/*main for bground*/

.BgHeaderLightGreen {

	font-family: Verdana;

	font-size: 8pt;

	font-weight: normal;

	font-variant: normal;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 0px;

	height: 22px;

	background-color: #CDEBEB;



}



/*main for bground*/

.BgHeaderDarkGreen {



	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #ffffff;

	text-align: center;

	padding: 0px 0px 0px 0px;

	height: 22px;

	background-color: #008C8D;

}



/*spare---

.EservicesHeader {



	background-color: #336699;

	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #000000;

	text-align: left;



}



---*/



/*for input field*/

.inputTextBox {

	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: left;

	border: 1px solid #336699;

	/*height: auto; */

	height: 18px;

	width: auto;

	top: 0px;



}



.inputTextBox8 {

	font-family: Verdana;

	font-size: 8pt;

	color: #336666;

	text-align: left;

	border: 1px solid #336699;

	/*height: auto; */

	height: 18px;

	width: auto;

	top: 0px;



}



/*for the checkbox*/

.checkbox {

	font-family: Verdana;

	font-size: 7pt;

	color: #336666;

	height: 15px;

	width: 18px;

	vertical-align: middle;

	border: 1px solid #336699;



}



/*for textarea field*/

.inputTextarea {



	font-family: Verdana;

	font-size: 8pt;

	color: #336666;

	text-align: left;

	border: 1px solid #336699;

	padding: 0px 0px 0px 2px;

	height: auto;

	width: auto;

}



/*for command button*/

.commandButton {



	font-family: Verdana;

	font-size: 8pt;

	color: #000000;

	text-align: center;

	height: 18px;

	width: auto;

	position: static;

	border: 1px solid #333333;

}



.commandButtonGreen {



	font-family: Verdana;

	font-size: 8pt;

	color: #000000;

	text-align: center;

	height: 18px;

	width: auto;

	position: static;

	border: 1px solid #333333;

}



/*	button: use in CP for standard buttons 	*/

/*previously it was remarked off and activated on 5/7/2004 by steph */

.commandButtonGreen {

	font-family: Verdana;

	font-size: 8pt;

	color: #ffffff;

	text-align: center;

	background-color: #008C8D;

	border-top: 1px solid #008C8D;

	border-right: 2px solid #003333;

	border-bottom: 2px solid #000033;

	border-left: 1px solid #008C8D;

	height: 18px;

	width: 85px;

	position: static;



}



/*	button: use in CP for standard buttons 	*/

.commandButtonGreenFree {

	font-family: Verdana;

	font-size: 8pt;

	color: #ffffff;

	text-align: center;

	background-color: #008C8D;

	border-top: 1px solid #008C8D;

	border-right: 2px solid #003333;

	border-bottom: 2px solid #000033;

	border-left: 1px solid #008C8D;

	height: 18px;

	

	position: static;



}



/*	button: use in CP for long buttons 	*/

.commandButtonGreen100 {

	font-family: Verdana;

	font-size: 8pt;

	color: #ffffff;

	text-align: center;

	background-color: #008C8D;

	border-top: 1px solid #008C8D;

	border-right: 2px solid #003333;

	border-bottom: 2px solid #000033;

	border-left: 1px solid #008C8D;

	height: 18px;

	width: 120px;

	position: static;



}





/*	button: that is disabled, use in both EP & CP	*/

.commandButtonDisabled {

	font-family: Verdana;

	font-size: 8pt;

	color: #999999;

	text-align: center;

	background-color: #ffffff;

	height: 18px;

	width: 85px;

	position: static;

	border: 1px solid #999999;



}



/*maroon color for mandatory field*/

.note {



	font-family: Verdana;

	font-size: 9pt;

	color: #993300;

	text-align: center;

	padding: 2px;

}



/*justified text black font color - use in description, table listing, forms etc */

/*change font from 10pt to 9pt by wilda 14052004*/

.textDataJustify {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-align: justify;

	font-weight: normal;

	font-variant: normal;

	padding: 0px 0px 0px 2px;



}



/*for justified text 8t*/

/*change font from 10pt to 9pt by wilda 14052004*/

.textDataJustify8 {

	font-family: Verdana;

	font-size: 8pt;

	color: #000000;

	text-align: justify;

	font-weight: normal;

	font-variant: normal;

	padding: 0px 0px 0px 2px;



}



/* bigger version of textDataJustify */

/*change font from 10pt to 9pt by wilda 19052004*/

.textContent {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-align: justify;

	font-weight: normal;

	font-variant: normal;

	padding: 0px 0px 0px 2px;



}



/*same as textDataJustify but it is centered*/

.textData {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 2px;



}
/*left textdata*/
.textDataSally {

	font-family: Verdana;

	font-size: 9pt;

	color: #000345;

	text-align: left;

	padding: 0px 0px 0px 2px;



}




/*same as textDataJustify but it is centered*/

.textData8 {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-align: center;

	padding: 0px 0px 0px 2px;



}





/*meant for form label and it is light green in color */

.textLabel {

	font-family: Verdana;

	font-size: 8pt;

	color: #336666;

	text-align: left;

	padding: 2px;



}



/*meant for form label and it is light green in color */

.textLabela {

	font-family: Verdana;

	font-size: 8pt;

	color: #336666;

	text-align: right;

	padding: 2px;



}



/*textlabel size 8pt*/

.previewData8 {

	font-family: Verdana;

	font-size: 8pt;

	color: #336666;

	text-align: left;

	padding: 2px;



}

/*darkblue for content - can be deleted*/

.whiteLabel {

	font-family: Verdana;

	font-size: 8pt;

	color: #0A3553;

	text-align: left;

	padding: 4px;



}



/*meant for CP - darkgreen */

.textTitle {



	font-family: Verdana;

	font-size: 9pt;

	color: #009999;

	text-align: left;

	padding: 0px 0px 0px 3px;

	font-weight: normal;

}



.textItalic {

	font-family: Verdana;

	font-size: 10pt;

	color: #000000;

	text-align: align;

	font-weight: normal;

	font-variant: normal;

	font-style: italic;

	padding: 0px 0px 0px 2px;



}



/*for numeric field that is right justified*/

.textNumber {

	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: right;

	padding: 0px 0px 0px 2px;



}







/*to use in the preview screen*/

.textPreview9a {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 2px;

}



/*for numeric field that is left justified*/

.textNumber9 {



	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: left;

	padding: 0px 0px 0px 2px;

}



/*for input numeric field that is right justified*/

.inputNumericBox {

	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: right;

	border: 1px solid #336699;

	padding: 0px 0px 0px 2px;

	height: 18px;

	width: auto;

}



/*for numeric field that is bold and right justified*/

.textNumberBold {

	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: right;

	padding: 0px 5px 0px 2px;

	font-weight: bold;

}



/*for numeric field that is bold and right justified*/

.textNumberBolda {

	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: right;

	padding: 0px 0px 0px 2px;

	font-weight: bold;

}



/*to use in the preview screen*/

.textPreview8 {

	font-family: Verdana;

	font-size: 8pt;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 3px;

	vertical-align: align;



}



/*for numeric field that is right justified*/

.textNumber {

	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: right;

	padding: 0px 0px 0px 2px;



}



/*text that is bold and justified*/

.textReminderBoldJustify {

	font-family: Verdana;

	font-size: 11pt;

	font-weight: bold;

	font-variant: normal;

	color: #000000;

	text-align: justify;

	padding: 0px 0px 0px 2px;



}



/*to use in the bill*/

.bilHeader {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #000000;

	text-align: center;

	padding: 0px 0px 0px 2px;

	height: 22px;

	vertical-align: middle;

}



.fontWhiteCenter {

	font-family: Tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #ffffff;

	text-align: center;

	padding: 0px 0px 0px 2px;

	height: 22px;

	vertical-align: middle;

}





/*underline text*/

.textHeaderUnderline {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 2px;

	height: 22px;

	text-decoration: underline;



}



/*EP - for hyperlinks left navigation*/

/*change font from 10pt to 8pt by wilda 14052004*/

.whitelink {

	font-family: Verdana;

	font-size: 8pt;

	color: #ffffff;

	text-decoration: none;



}



/*reserve - hyperlinks that is maroon in color*/

.maroonlink {

	font-family: Verdana;

	font-size: 8pt;

	color: #990000;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 3px;



}



/*use in CP for hyperlinks*/

.darkGreenLink {



	font-family: Verdana;

	font-size: 8pt;

	color: #008C8D;

	text-decoration: none;

}



/*for centered darkGreenLink*/

.darkGreenLinkCenter {



	font-family: Verdana;

	font-size: 9pt;

	text-align: center;

	color: #008C8D;

	text-decoration: none;

}





/*use in EP for hyperlinks*/

.darkGreenLink9 {



	font-family: Verdana;

	font-size: 9pt;

	color: #008C8D;

	text-decoration: none;

}





/*for black hyperlinks*/

/*change font from 8pt to 9pt by wilda 19052004*/

.blackLink {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-decoration: none;

	font-weight: normal;

	font-variant: normal;

}



/*added on 5/7/2004 for underline black links*/

.blackLinkU {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-decoration: underline;

	font-weight: normal;

	font-variant: normal;

}



/*EP - for blue hyperlinks*/

/*change font from 8pt to 9pt by wilda 14052004*/

.blueLink {

	font-family: Verdana;

	font-size: 9pt;

	color: #2F6BB4;

	text-decoration: none;

}



/*for centered blueLink - added on 19 July 2004*/

.blueLinkCenter {

	font-family: Verdana;

	font-size: 9pt;

	text-align: center;

	color: #2F6BB4;

	text-decoration: none;

}





/*blueLink version of verdana added on 14 april*/

.titleLink {

	font-family: Verdana;

	font-size: 12px;

	color: #2F6BB4;

	text-decoration: none;



}





/*to display data that cannot be edited*/

/*change font from 8pt to 9pt by wilda 14052004*/

.readOnlyText {



	font-family: Verdana;

	font-size: 9pt;

	color: #336666;

	text-align: left;

	border: 1px none #ffffff;

	padding: 0px 0px 0px 2px;

	height: 15px;

	width: auto;

}



/*added on 26 july 2004*/

.readOnlyText8 {



	font-family: Verdana;

	font-size: 8pt;

	color: #336666;

	text-align: left;

	border: 1px none #ffffff;

	padding: 0px 0px 0px 2px;

	height: 15px;

	width: auto;

}





/*CP - completion path that is orange in color*/

.CPFormPath {



	font-family: Verdana;

	font-size: 8pt;

	font-weight: normal;

	font-variant: normal;

	color: #FFB42D;

	text-align: center;

	text-decoration: none;

}



/*bullet in pink color*/

.bulletPink {



	color: #336666;

	text-align: left;

	padding: 0px 0px 0px 3px;



}





.textMandatory {

	font-family: Verdana;

	font-size: 8pt;

	color: #993300;

	text-align: left;

	padding: 2px;

	font-style: normal;

	font-weight: normal;



}



/*for page title in CP*/

.textHeaderLeft {

	font-family: Verdana;

	font-size: 10pt;

	font-weight: bold;

	font-variant: normal;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 2px;

	height: auto;

}



.textHeaderRight {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	font-variant: normal;

	color: #000000;

	text-align: right;

	padding: 0px 0px 0px 2px;

	height: 22px;

}



.textBlueSmall {

	font-family: Verdana;

	font-size: 6pt;

	color: #336666;

	text-align: left;

	padding: 2px;

	font-style: oblique;



}



.buttonDot {

	font-family: Verdana;

	font-size: 8pt;

	color: #ffffff;

	text-align: center;

	height: 18px;

	width: auto;

	position: static;

	border: 1px solid #999999;

	background-color: #008c8D;





}



/*for CP - use for main header*/

.textBlackBold {



	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	font-weight: bold;

	text-align: left;

	padding: 0px 0px 0px 3px;

}



/*18-may-2004: use in the content area  */

.contentBlackLink {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: normal;

	font-variant: normal;

	color: #000000;

	text-decoration: none;



}



/*18-may-2004: use in the CP content area  */

.contentGreenLink {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: normal;

	font-variant: normal;

	color: #008c8D;

	text-decoration: none;



}



/*18-may-2004: use in the EP content area  */

.contentBlueLink {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: normal;

	font-variant: normal;

	color: #2F6BB4;

	text-decoration: none;



}



/*  ********************************  */

.titleCPNewsLink {

	font-family: Verdana;

	font-size: 10pt;

	color: #000000;

	font-weight: bold;

	text-decoration: none;



}





.NewsNextPage {

	font-family: Verdana;

	font-size: 9pt;

	color: #ffffff;

	font-weight: normal;

	text-decoration: none;

	background-color: #4EACAC;

	padding: 2px 2px 2px 2px;



}



.textCPNewsDetails {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	text-align: left;

	padding: 0px 0px 0px 3px;

}

/**********************************/



/*mainly for footer hyperlinks*/

.textFooter {



	font-family: Verdana;

	font-size: 8pt;

	font-weight: normal;

	color: #666666;

	text-decoration: none;

}



/*for hyperlink that is grey in color*/

.Blurlink {

	font-family: Verdana;

	font-size: 8pt;

	color: #999999;

	text-decoration: none;

}



/*for table display, black in color*/

.BlackFont {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-decoration: none;

}



/*eservices Mainpage added on 18 July 2004 */



.BlackFont8{

	font-family: Verdana;

	font-size: 8pt;

	color: #000000;

	text-decoration: none;

}



/*for table display, black in color*/



.TablePAfont {

	font-family: Verdana;

	font-size: 9pt;

	color: #000000;

	text-decoration: none;

}



/*more link for places to visit box - in detail page*/

.Moreboxlink {

	font-family: Verdana;

	font-size: 9pt;

	color: #008c8D;

	text-decoration: none;

}



/*use for the copyright and grey in color*/

.CopyRight {



	font-family: Verdana;

	font-size: 7pt;

	color: #5D5D5D;

	text-decoration: none;

}



/*for testing purpose*/

.CPLink

{

	font-family: Verdana;

	font-size: 10pt;

	font-weight: normal;

	font-variant: normal;

	color: #FFFFFF;

	/*color: #333333;*/

	text-align: left;

	text-decoration: none;

}

/*for testing purpose*/

.CPLink2

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

	font-weight: normal;

	font-variant: normal;

	color: #081C1C;

	/*color: #333333;*/

	text-align: left;

	text-decoration: none;

}





/*title in static content that is clickable*/

.SContentTitle {

	font-family: Verdana;

	font-size: 9pt;

	color: #008C8D;

	text-align: left;

	font-weight: bold;

	font-variant: normal;

	text-decoration: none;

	

	/*height: 22px;*/

}



/*for hyperlinks on the eservices Mainpage/content*/

.eServicesLink {

	font-family: Verdana;

	font-size: 8pt;

	color: #008C8D;

	font-weight: normal;

	font-variant: normal;

	text-decoration: none;

	/*height: 22px;*/

}



/*use in the eservices submenu hyperlinks*/

.eServicesLeftLink {

	font-family: Verdana;

	font-size: 10.5px;

	color: #008C8D;

	font-weight: normal;

	font-variant: normal;

	text-decoration: none;

	

	/*height: 22px;*/

}





/*use in CP for right navigation hyperlinks

.rightNavigationLink {



	font-family: Verdana;

	font-size: 8pt;

	color: #28517F;

	text-decoration: none;

}

*/





.rightLink {



	font-family: Verdana;

	font-size: 8pt;

	color: #28517F;

	text-decoration: none;

}





/*use in CP for right description*/

.siteNavigationContent {

	font-family: Verdana;

	font-size: 8pt;

	color: #000000;

	text-align: center;

	font-weight: normal;

	font-variant: normal;

	padding: 0px 0px 0px 2px;



}





.textWeather {

	font-family: Verdana;

	font-size: 7pt;

	color: 8ACCC2;

	text-align: justify;

	font-weight: bold;

}



.textEmergency {

	font-family: Verdana;

	font-size: 11px;

	color: FF6600;

	text-align: center;

	font-weight: bold;

}



.textEmergencyLeft {

	font-family: Verdana;

	font-size: 14px;

	color: FF6600;	

	font-weight: bold;

}



.textBlue9 {

	font-family: Verdana;

	font-size: 8pt;

	color: 28517F;

	text-align: justify;

	font-weight: bold;

}



/*CP main navigation - top*/

.MainNavigation {

	font-family: Verdana;

	font-size: 11px;

	color: #2c3c72;

	text-decoration: none;

	font-weight: bold;

}





/*CP main navigation - to make different than the rest*/

.MainNavigation:active {

	font-family: Verdana;

	font-size: 11px;

	color: #FFCC33;

	text-decoration: none;

	font-weight: bold;

	



}



/*CP main navigation - to make different than the rest*/

.MainNavigation:selected {

	font-family: Verdana;

	color: #FFFF33;

	text-decoration: underline;

}





/*CP main navigation - top*/

.LeftNavigation {

	font-family: Verdana;

	font-size: 10.5px;

	color: #2c3c72;

	text-decoration: none;

	font-weight: bold;

	text-align: left;





}





/*CP Page Title e.g. HAPPENINGS, PUTRAJAYA, LIFE IN THE CITY, BUSINESS, E-SERVICES, MYPUTRAJAYA*/

.CPPageTitle {

	font-family: Verdana;

	font-size: 10pt;

	color: #A79E99;

	font-weight: bold;

	text-decoration: none;

}





/*same as textDataJustify but it is general*/

.CPFormComment {

	font-family: Verdana;

	font-size: 8pt;

	color: #336666;

	padding: 0px 0px 0px 2px;



}



.CPBgForm {

	background-color: #ECF7F1;

}



.titleqr {

	font-family: Verdana;

	font-size: 9pt;

	font-weight: bold;

	text-align:center;

	color: #000000;

	padding: 2px 2px 2px 10px;

	background-color: 3D9E8A;



}







/*to make all the hyperlinks has the hover effect*/

a:hover {

	font-family: Verdana;

	color: #D9532E;

	text-decoration: underline;



}



/*added on 29 July*/

.BgSContent {



	text-align: left;

	background-image: url(SubHeaderContent.gif);

	background-repeat: no-repeat;



}



.fontWhite {



	font-family: Verdana;

	font-size: 9pt;

	color: #ffffff;

	text-align: left;

	padding: 0px 0px 0px 2px;

	font-weight: bold;

	font-style: normal;

	text-decoration: none;



}



.fontWhite8 {



	font-family: Verdana;

	font-size: 8pt;

	color: #ffffff;

	text-align: left;

	padding: 0px 0px 0px 2px;

	font-weight: bold;

	font-style: normal;

	text-decoration: none;



}



.blackLink8 {

	font-family: Verdana;

	font-size: 8pt;

	color: #000000;

	text-decoration: none;

	font-weight: normal;

	font-variant: normal;

}


