/* MAS, Saya Nak Cuti!
-----------------------------------------------------------------------------*/
body { margin: 0px; padding: 0px; }

p img.floatLeft { margin-right: 10px; margin-bottom: 5px; }
p img.floatRight { margin-left: 10px; margin-bottom: 5px; }

#mainLayout {
	background: url(../_img/mas_saya_nak_cuti_phase2/mainLayout_bg.gif)  repeat-y #fff;
}

	#mainLayoutInnerTop {
		height: 280px;
		background: url(../_img/mas_saya_nak_cuti_phase2/header.jpg) no-repeat;
	}
	
		#msncNav {
			display: block;
			float: left;
			position: absolute;
			margin: 0px 0px 0px -20px;
			padding: 0px 20px 0px 10px;
			height: 42px;
			background: url(../_img/mas_saya_nak_cuti_phase2/msncNav_bg.gif) top right no-repeat;
			overflow: hidden;
		}
		.msncNavLogout { float: right; margin: 15px 0px 0px; font-size: 1.2em; }
		
			#msncNav ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
			#msncNav li { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
			#msncNav li.first { margin: 0px 0px 0px 20px; }
		
				.MsncTAB1, 
				.MsncTAB2, 
				.MsncTAB3, 
				.MsncTAB4 {
					display: block;
					height: 42px;
					background: 0px 0px no-repeat;
					cursor: pointer;
					*cursor: hand;
					overflow: hidden;
				}
				
				.MsncTAB1 { width: 110px; background-image: url(../_img/mas_saya_nak_cuti_phase2/MsncTAB1.gif); }
				.MsncTAB2 { width: 192px; background-image: url(../_img/mas_saya_nak_cuti_phase2/MsncTAB2.gif); }
				.MsncTAB3 { width: 122px; background-image: url(../_img/mas_saya_nak_cuti_phase2/MsncTAB3.gif); }
				.MsncTAB4 { width: 121px; background-image: url(../_img/mas_saya_nak_cuti_phase2/MsncTAB4.gif); }
				
				.MsncTAB1:hover, 
				.MsncTAB2:hover, 
				.MsncTAB3:hover, 
				.MsncTAB4:hover { background-position: 0px -42px; }
				
				.MsncTAB1.current, 
				.MsncTAB2.current, 
				.MsncTAB3.current, 
				.MsncTAB4.current { background-position: 0px -42px; }
				
					#msncSubNav { margin: 0px; padding: 0px; }
					#msncSubNav ul { margin: 0px; padding: 0px; list-style: none; }
					#msncSubNav li { display: inline; float: left; margin: 0px 2px 0px 0px; padding: 0px; height: 30px; overflow: hidden; }
					
					#msncSubNav a {
						float: left;
						background: url(../_img/mas_saya_nak_cuti_phase2/msncSubNavLeft_bg.gif) no-repeat left top;
						margin: 0px;
						padding: 0px 0px 0px 5px;
						text-decoration: none;
						font-weight: bold;
						font-size: 1.1em;
						color: #666;
						cursor: pointer;
						*cursor: hand;
					}
					#msncSubNav a span {
						float: left;
						display: block;
						margin: 0px 0px 0px;
						padding: 10px 20px 0px 15px;
						height: 30px;
						background: url(../_img/mas_saya_nak_cuti_phase2/msncSubNav_bg.gif) no-repeat right top;
					}
					/* Commented Backslash Hack hides rule from IE5-Mac \*/
					#msncSubNav a span { float: none; display: inline-block; cursor: hand; }
					/* End IE5-Mac hack */
					#msncSubNav a:hover span {
						color: #003399;
					}
					#msncSubNav a:hover, #msncSubNav a.current {
						background-position: 0% -30px;
						color: #003399;
					}
					#msncSubNav a:hover span, #msncSubNav a.current span {
						background-position: 100% -30px;
						color: #003399;
					}

		
	#mainLayoutInner {
		background: url(../_img/mas_saya_nak_cuti_phase2/footer.jpg) bottom no-repeat;
		padding: 10px 20px 320px;
		
	}
	
		#mainLayoutContent {
			width: 880px;
			background: ;
			text-align: left;
		}
		
			#mainLayoutContent .left { float: left; width: 560px; }
			#mainLayoutContent .right { float: right; width: 300px; }


.divRow1 {
	margin: 0px 0px 10px;
	padding: 50px 0px 0px;
}

	.divRow1 a { color: #cc0000; }
	.divRow1 a:hover { color: #cc0000; }
	
	
.divRow2 {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px;
	background: url(../_img/mas_saya_nak_cuti_phase2/divRow2_bg.gif) top left no-repeat;
}

	.divRow2Inner { background: url(../_img/mas_saya_nak_cuti_phase2/divRow2Bottom_bg.gif) bottom left no-repeat; }
	
	
.welcomePanel {
	background: url(../_img/mas_saya_nak_cuti_phase2/welcomePanel_bg.gif) bottom left no-repeat;
	border-top: 1px solid #c8d0da;
}
.welcomePanelInner {
	margin: 0px;
	padding: 20px 20px 80px 10px;
	background: url(../_img/mas_saya_nak_cuti_phase2/welcomePanelTop_bg.gif) top left no-repeat;
}

.profileTable {}
.profileTable h1 { font-size: 1.8em; color: #FF6600; border-bottom: 1px solid #FF9900; }
.profileTable h2 { font-size: 1.2em; font-weight: normal; }
.profileTable h2 strong { font-size: 1.3em; font-weight: bold; color: #333; }

.showVote, .showVote2, .showVoteSmaller {
	display: block;
	background: 0px 0px no-repeat;
	overflow: hidden;
	text-align: center;
	color: #fff;
	cursor: pointer;
	*cursor: hand;
}
.showVote { float: right; margin: 0px 0px 10px 10px; width: 150px; height: 50px; background-image: url(../_img/mas_saya_nak_cuti_phase2/voteforme.gif); }
.showVote2 { margin: 0px 0px 10px 0px; width: 116px; height: 40px; background-image: url(../_img/mas_saya_nak_cuti_phase2/voteforme2.gif); }
.showVoteSmaller { margin: 0px 0px 0px 0px; width: 90px; height: 31px; background-image: url(../_img/mas_saya_nak_cuti_phase2/showVoteSmaller.gif); }

.showVote:hover { background-position: 0px -50px; }
.showVote2:hover { background-position: 0px -40px; }
.showVoteSmaller:hover { background-position: 0px -31px; }

.showVote3 {
		display: block;
		float: right;
		margin: 0px 0px 10px 10px;
		width: 120px;
		height: 130px;
		background: url(../_img/mas_saya_nak_cuti_phase2/showVote.gif) no-repeat;
		overflow: hidden;
		text-align: center;
		color: #fff;
	}
	.showVote3 a { color: #fff; }
	.showVote3 a:hover { color: #fff; }

.voteAlpha { font-size: 2.4em; font-weight: bold; }

.stageBG_btn {
	margin: 0px 0px 10px;
	display: block;
	width: 300px;
	height: 120px;
	background: url(../_img/mas_saya_nak_cuti_phase2/stageBG_btn.gif) top center no-repeat;
	color: #fff;
	overflow: hidden;
}

.personalProfileBadge {
	width: 200px;
	height: 100px;
	background: url(../_img/mas_saya_nak_cuti_phase2/stageBG.gif) top center no-repeat;
}

.msncDivList { margin: 0px 0px 10px; padding: 0px 0px 10px; border-bottom: 1px dotted #999; }

.colorcc0000 { color: #cc0000; }

.btn_sertai_sekarang, 
.btn_hantar, 
.btn_tutup {
	display: block;
	height: 30px;
	background: 0px 0px no-repeat;
	cursor: pointer;
	*cursor: hand;
	overflow: hidden;
}

.btn_sertai_sekarang { width: 120px; background-image: url(../_img/mas_saya_nak_cuti_phase2/btn_sertai_sekarang.gif); }
.btn_hantar { width: 70px; background-image: url(../_img/mas_saya_nak_cuti_phase2/btn_hantar.gif); }
.btn_tutup { width: 120px; background-image: url(../_img/mas_saya_nak_cuti_phase2/btn_tutup.gif); }

.btn_sertai_sekarang:hover, 
.btn_hantar:hover, 
.btn_tutup:hover { background-position: 0px -30px; }


.langkah_pengundian_panel {
	margin: -30px 0px 5px;
	height: 280px;
	background: url(../_img/mas_saya_nak_cuti_phase2/langkah_pengundian_panel.gif) no-repeat;
}

.MsncJoinUs {
	display: block;
	float: left;
	margin: 15px 0px 0px;
	width: 305px;
	height: 55px;
	background: url(../_img/mas_saya_nak_cuti_phase2/social_icons_bg.gif) no-repeat;
}

	.MsncJoinUs img { margin: 10px 5px 0px; }


.btn_beritahu_teman {
	display: block;
	float: left;
	margin: 0px 0px 0px;
	width: 215px;
	height: 95px;
	background: url(../_img/mas_saya_nak_cuti_phase2/btn_beritahu_teman.gif) 0px 0px no-repeat;
	cursor: pointer;
	*cursor: hand;
	overflow: hidden;
}

	.btn_beritahu_teman:hover { background-position: 0px -95px; }


.MsncJoinUs_sidebar {
	display: block;
	margin: 0px 0px 0px;
	width: 300px;
	height: 55px;
	background: url(../_img/mas_saya_nak_cuti_phase2/social_icons_bg_sidebar.gif) no-repeat;
}
	
	.MsncJoinUs_sidebar img { margin: 10px 5px 0px; }


.btn_beritahu_teman_sidebar {
	display: block;
	margin: 0px 0px 0px;
	width: 300px;
	height: 95px;
	background: url(../_img/mas_saya_nak_cuti_phase2/btn_beritahu_teman_sidebar.gif) 0px 0px no-repeat;
	cursor: pointer;
	*cursor: hand;
	overflow: hidden;
}

	.btn_beritahu_teman_sidebar:hover { background-position: 0px -95px; }


.Msnc_iFrame {
	margin: 0px 0px 15px;
	width: 300px;
	height: 110px;
	overflow: hidden;
}

.cuti_videoControl {
	margin: 0px 0px;
	position: relative;
	width: 480px;
	background: url(../_img/videoControlPlay.png) center no-repeat;
	cursor: pointer;
	*cursor: hand;
}

	.iFrameDestinasi {
		width: 300px;
		height: 110px;
		background: url(../_img/mas_saya_nak_cuti/iFrameDestinasi_bg.gif) no-repeat;
		overflow: hidden;
	}
	
		.iFrameDestinasiContent {
			margin: 35px 10px 0px;
		}


.MsncArticleContent {
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border-bottom: 1px dotted #ccc;
}

.MsncCommentPanel {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: 0px dotted #ccc;
}

.MsncCommentForm {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #ccc;
}

.MsncCommentCaption {
	margin: 0px 0px 5px;
	width: 530px;
	background: url(../_img/commentCaptionBg.gif) bottom repeat;
	overflow: hidden;
}