/*	taken direct from old css */

.bottom_gap {
	clear: both;
	margin-bottom: 18px;
}

.absolute_container {
	position:absolute;
}

.clear_both {
	clear: both;	
}

.print_but_dont_show {
	display: none;	
}

.print {
	/* do nothing here */
	/* but define printer friendly style at print.css */
}

	/* temp */
	.boldfont {
		font-weight: bold;
	}

.formpage fieldset legend {
	color: #2A50BF;
	font-weight: bold;
}

.formpage fieldset .fieldholder {
	margin-top: 5px;
	margin-bottom: 5px;
}

.formpage .formpageTable {
	width: 840px;
}

	.formpageTable .progressColumn {
		vertical-align: top;
		width: 140px;
		padding-top: 30px;
	}
	.formpageTable .progressColumn .progressColumnDiv {}
	.formpageTable .formColumn {}
	.formpageTable .formColumn .formColumnDiv {}


.formpage .checklist {
	font-size:90%;
	margin-bottom: 5px;
}

.formpage .checklist .active {
	font-weight: bold;
}

.formpage .checklist .disabled {
	color: gray;
}

.formpage .sectiontitle_active {
	font-size:90%;
	font-weight: bold;
}

.formpage .sectiontitle_disabled {
	font-size:90%;
	color: gray;
	font-weight: bold;
}


.formpage .formColumn {
	vertical-align: top;
}

.formpage .legend {
	color: #2A50BF;
	font-weight: bold;
	padding: 10px 10px 0 10px;
}

.formpage .fieldset .legend {
	font-weight: bold;
	color: #000;
	padding: 10px 10px 0 20px;
}

.formpage .legend .text {
	padding-left: 3px;
	padding-right: 3px;
}

.formpage .fieldset .legend .text {
	padding-left: 3px;
	padding-right: 3px;
}

.formpage .fieldset {
	border: solid #ccc 1px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.formpage .infobox {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	background-color: #f5f5f5;
}

.formpage .fieldset .label {
	padding-top: 3px;
	vertical-align: top;
	text-align: left;
}

.formpage .label {
	vertical-align: top;
	/*white-space: nowrap;*/
}

.formpage .fieldset .field {}

.formpage .formPromptNotes {
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.formpage .fieldset .formPromptNotes {
	padding-left: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}


.formpage .fieldset .fieldset {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.formpage .r1 { }
.formpage .r2 { }

.formpage .redemphasize {
	font-weight: bold;
	color: red;
}

.formpage .bolddatafont {
	font-weight: bold;
}

.formContainer .inputnotes,
.formpage .inputnotes {
	font-size: 90%;
	font-family: Arial, Tahoma;
	padding-left: 5px;
	color: #35669e;
}

.formContainer .required,
.formpage .required {
	font-family: Tahoma;
	font-size: 100%;
	color: red;
	padding-right: 2px;
}

.formContainer .notrequired,
.formpage .notrequired {
	padding-right: 9px;
}

.formContainer .rednotes,
.formpage .rednotes {
	color: red;
	font-size: 90%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}

.formpage .buttonContainer {
	padding-top: 10px;
}

.formpage .buttonContainer input {
	font-size: 100%;
}

.formpage .require_action {
	border-top: 1px dashed #CC0000;
	border-bottom: 1px dashed #CC0000;
	border-left: 8px solid #CC0000;
	padding: 10px;
	margin-bottom: 10px;	
}

.formpage .require_action .buttonContainer {
	padding: 0px;	
}

.formpage .disable {
	color: gray;
}

/* new style */

body, html {
	margin: 0;
	padding: 0;
}

body {
	background: url('./image/bg.jpg') #C6E5F7 50% top;	
}

a,
a:link {
	color: #234089;
}

a:visited {
	color: #52380F;	
}

a:hover {
	color: #400000;
}

form {
	margin: 0;
	padding: 0;
}

table {
	font-size: 100%;
}

.hide {
	display: none;
}

.popMenuHandler {
	display: none;	
	position: relative;
	top: 0;
	left: 0;
}

.popMenu {
	background: url('./image/666666at60.png');
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 100;
}

.popMenu2 {
	border: 1px solid #353535;
	background: url('./image/popmenubg.gif') #FFF repeat-y top left;
	position: relative;
	top: -3px;
	left: -3px;
	z-index: 100;
}

.popMenuSeperator {
	border: 0px;
	border-bottom: 1px dashed #E3DFE0;
}

.popMenuTitle {
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	padding: 0 16px 0 5px;
	white-space: nowrap;
	background: #FECD04;
}

.popMenuSubTitle {
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	padding: 0 16px 0 8px;
	white-space: nowrap;
	background: #FFFFE0;
	border-top: 1px solid #E3DFE0;
	border-bottom: 1px solid #E3DFE0;
}

.popMenu a,
.popMenu a:link,
.popMenu a:visited {
	text-decoration: none;
	color: #000;
}

.subMenuHandler {
	position: absolute;
	top: 0px;
	right: 0px;
}

.menuItem {
	position: relative;
}

.menuItem .menuItem3 {
	border-bottom: 1px solid #fff;
}

.menuItem .menuItem3 .menuItemLink {
	white-space: nowrap;
	display: block;
	padding: 3px 20px 3px 3px;
}

.menuItem .activeMenuItem,
.menuItem .menuItem3_hover,
.menuItem .menuItem3:hover {
	background: url('./image/popmenubg.gif') #E5F3FB repeat-y top left;
}

.menuItem .menuItem3_disable .menuItemLink,
.menuItem .menuItem3_disable:hover .menuItemLink {
	color: #999;
}

.menuItem .menuItem3_disable:hover {
	background: none;
}

.menuItemLink .menuIcon {
	vertical-align: middle;
	border: 0;
	margin-right: 6px;
}

.menuItemLink .menuMoreIcon {
	background: url('./image/bullet_arrow_right.gif') no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border: 0;
	position: absolute;
	right: 0px;
}

.pageBox {
	background: url('./image/grad_bg.jpg') repeat-x 50% top;	
}

.pageBox2 {
	background: url('./image/layout_bg.jpg') repeat-y 50% top;
}

.extraTopDiv1,
.extraTopDiv2 {
	position: relative;
	z-index: 1;
}

.extraTopDiv1_2 {
	background: url('./image/top-shadow.jpg') no-repeat left top;
	width: 24px;
	height: 495px;
	position: absolute;
}

.extraTopDiv2_2 {
	background: url('./image/top-shadow.jpg') no-repeat right top;
	width: 22px;
	height: 495px;
	position: absolute;
	right: 0px;
}

.footer {
	background: url('./image/footer_layout_bg.jpg') repeat-y 50% bottom;
}

.footer2 {
	background: url('./image/footer.gif') no-repeat 50% bottom;
	position: relative;
}

.pageBox {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Tahoma;
	padding-bottom: 20px;
	text-align: center;
}

.pageBox2 {
	margin: 0 auto;
	width: 944px;
	text-align: left;
	position: relative;
}

.pageHeader {
	background: url('./image/header_ms.jpg') no-repeat transparent 50% top;	
}

.pageBox_en .pageHeader {
	background: url('./image/header_en.jpg') no-repeat transparent 50% top;	
}

.pageHeader {
	position: relative;
	z-index: 20;
}

.liveSupport {
	margin: 0 auto;
	width: 944px;
	text-align: left;
	position: relative;
	z-index: 11;
}

.liveSupportButton {
	width: 131px;
	height: 30px;
	background: url('./image/livesupport.gif') no-repeat;
	border: 0px;
	position: absolute;
	top: -122px;
	right: 30px;
	z-index: 11;
}

.navigationBox {
	font-size: 67%;
	font-family: Arial;
	margin: 0 25px 0 27px;
	background: #ffffe0;
	border-bottom: 1px solid #d2b48c;
}

.navigationBox2 {
	padding: 0 20px;	
}

.body_inCompatibleIE .navigationBox {
	margin: 0 25px 0 26px;
}

.loginButtonBox,
.newSignUpButtonBox,
.oneMalaysiaSlogan {
	display: none;
}

.footer {
	clear: both;
}

.footer2 {
	padding: 5px 35px 18px 37px;	
}

.footer .lastUpdated, .footer .pageGenerated, .footer .version {
	font-size: 67%;
	color: #ffff93;
}

.footer .bestViewed, .footer .disclaimer, .footer .copyright {
	font-size: 67%;
	color: #ffff93;
	text-align: center;
}

.footer .footerLinks {
	font-size: 77%;
	color: #ffff93;
	padding-bottom: 8px;
	margin-bottom: 5px;
	border-bottom: 1px solid #AA5F00;
}

.footer .footerLinks a,
.footer .footerLinks a:link,
.footer .footerLinks a:visited {
	color: #ffff93;
}

.footer .footerLinks ul {
	margin: 0;
	padding: 0;
}

.footer .footerLinks ul li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #ffff93;
}

.footer .footerLinks ul li.firstChild {
	padding-left: 0;
	border-left: 0;
}

.footer .footerLinks ul li.lastChild {
	padding-right: 0;
}

.footer .footerLinks .footerLangChange {
	text-transform: uppercase;
}

.footer .tagKsm {
	display: none;
}

.toolTipBox {
	position: relative;
	top: 0;
	left: 0;
	display: none;
}

.toolTipBox2 {
	position: absolute;
	top: 0;
	left: 0;
}

.toolTipBox .toolTipContainer {
	background: lightyellow;
	border: 1px solid tan;
	padding: 5px;
	font-family: Arial;
	white-space: nowrap;
}

.errorBox {
	position: absolute;
	top: 60px;
	left: 60px;
	z-index: 1003;
	display: none;
	background: #990000;
	color: #fff;
	border: 1px solid #F00;
	font-family: Arial;
	font-size: 77%;
	padding: 5px;
}

.debugBox {
	position: absolute;
	top: 60px;
	left: 60px;
	z-index: 1002;
	display: none;
	background: #FFC600;
	color: #000;
	border: 1px solid #D75A01;
	font-family: Arial;
	font-size: 77%;
	padding: 5px;
}

.messageBox {
	position: absolute;
	top: 60px;
	left: 60px;
	z-index: 1001;
	display: none;
	background: #FFFFE0;
	color: #353535;
	border: 1px solid #D2B48C;
	font-family: Arial;
	font-size: 77%;
	padding: 5px;
}

.errorBoxTitle,
.debugBoxTitle,
.messageBoxTitle {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

.errorBoxTitle {
	border-bottom: 1px solid #F00;
}

.debugBoxTitle {
	border-bottom: 1px solid #D75A01;
}

.messageBoxTitle {
	border-bottom: 1px solid #D2B48C;
}

.errorBoxClose,
.debugBoxClose,
.messageBoxClose {
	margin-top: 5px;
}

.errorBoxClose a,
.errorBoxClose a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}

.messageBoxClose a,
.messageBoxClose a:visited,
.debugBoxClose a,
.debugBoxClose a:visited {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

.buttonLink {
	background: -moz-linear-gradient(top,#F9F9F9,#E3E3E3);
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F9F9F9),to(#E3E3E3));
	text-decoration: none;
	font-family: Arial,sans-serif;
	margin: 0 8px 0 0;
	padding: 3px 8px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	color: #000 !important;
	border: 1px solid #003C74;
	border-radius: 3px;
	border-collapse: collapse;
	border-radius: 3px;
}