html, body {
	background: #000 url(/codenavia/portals/msc/images/img/business/bg.jpg) repeat-x top;
	font-family: Geneva, Arial, Verdana, sans-serif; 
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
}

img {border: 0;}

a {color: #4e6b89; text-decoration: underline;}

a:hover {color: #5c81a8;}

.spacer {height: 1px; font-size: 1px; line-height: 1px; clear: both;}

#wrapper {
	width: 1024px;
	background: #fff;
	margin: 0 auto;
}


/* -------------------------------Header items--------------------------------- */



#header {
	width: 980px;
	height: auto;
	margin: 0 22px;
}

.logo {
	width: 185px;
	height: 100px;
	float: left;
}

.login {
	width: 755px;
	float: right;
	color: #999;	
	text-align: right;
	padding: 12px 40px 2px 0;
}

.welcome {color: #333;}


#maintab {
	width: 405px; height: 39px; float: right; padding: 33px 36px 0 0;
}

.home-btn, .rakyat-btn, .government-btn, .business-btn {
	float: left;
}
	
.home-btn a {
	display: block;
	margin: 0; padding:0;
	width: 69px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-home.jpg) no-repeat 0 0;
}
.home-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-home-hover.jpg) no-repeat 0 0;
}

.government-btn a {
	display: block;
	margin: 0; padding:0;
	width: 110px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-gov.jpg) no-repeat 0 0;
}
.government-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-gov-hover.jpg) no-repeat 0 0;
}

.business-btn a {
	display: block;
	margin: 0; padding:0;
	width: 110px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-business.jpg) no-repeat 0 0;
}
.business-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-business-hover.jpg) no-repeat 0 0;
}

.rakyat-btn a {
	display: block;
	margin: 0; padding:0;
	width: 116px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-rakyat.jpg) no-repeat 0 0;
}
.rakyat-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-rakyat-hover.jpg) no-repeat 0 0;
}


#topheader {
	background: url(/codenavia/portals/msc/images/img/business/header-bg.jpg) no-repeat;
	height: 100px;
}

#searchbar {
	background: url(/codenavia/portals/msc/images/img/searchbar-bg.jpg) no-repeat;
	padding-left: 790px;
}

#search_box {
    width: 190px;
    height: 29px;
    background: url(/codenavia/portals/msc/images/img/searchbox.jpg);
}

#search_box #s {
    float: right;
	font-size: 10px;
	color: #999;
    padding: 0;
    margin: 8px 6px 0 0;
    border: 0;
    width: 156px;
    background: none;
}

#search_box #go {
    float: left;
    margin: 6px 0 0 6px;
}


/* -------------------------------Main menu items--------------------------------- */

#menubar {
	background: url(/codenavia/portals/msc/images/img/business/menubar-bg.jpg) no-repeat;
	height: 29px;
	padding-left: 18px;
}

.menu ul li a.about {
	width:148px;
}

.menu ul li a.status {
	width:148px;
}

.menu ul li a.companies {
	width:172px;
}

.menu ul li a.invest {
	width:166px;
}

.menu ul li a.improve {
	width:166px;
}

.menu ul li a.media {
	width:142px;
}

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	text-align: center;
	position:relative;
}

/* this is main menu at idle */
.menu ul li a, .menu ul li a:visited {
	display:block; 
	background: url(/codenavia/portals/msc/images/img/business/menu-arrow.png) no-repeat top right;
	text-decoration:none;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	color: #333; 
	height: 21px;
	padding-top:8px;
}

.menu ul li ul {
	display: none;
	z-index:2; /* putting z-index here will help drop down to appear above container */
}

/* this is the table inside the drop down menu */
table {
	margin:0px; 
	border-collapse:collapse;
	border-bottom-color:#000;
	padding:0px;
}

/* specific to non IE browsers */

/* this is main menu when rollover */
.menu ul li:hover a,
.menu ul li a:hover {
	background: #e2e2e2 url(/codenavia/portals/msc/images/img/business/menu-arrow.png) no-repeat top right;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-align:center;
	font-family:Verdana;
	font-size:10px;
	padding-top:8px;
}

/*this the position of the drop down box */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block; 
	position:absolute; 
	/*top:86px;*/
	top:29px;
	padding-top:0px;
	left:0; 
	width:85px;
}

* html .menu ul li a:hover ul {
	margin-top:0;
	marg\in-top:0px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}

/*this is the sub menu items*/
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block; 
	background:#eaeaea; 
	color:#333; 
	height:auto; 
	padding:5px 10px; 
	width:120px;
	text-align: left;
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
}

/*this one changes the color of the opener of sub submenu
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
	background:#eaeaea;
	color:#8b1219;
	height:auto;
	line-height:10px; 
	padding:5px 10px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}
*/
/*this one changes the color of the submenu*/
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background:#dedede; 
	color:#333;
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
}

/* this the position of the sub sub menu box */
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
	visibility:visible; 
	/*left:141px;*/ 
	left:140px;
	top:0px;
	width:160px;
}

/*this is when sub sub menu is on idle */
.menu ul li:hover ul li ul li a {
	background:#eaeaea; 
	color:#333; 
	width:160px;
	line-height:11px;
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}

.menu ul li a:hover ul li a:hover ul li a,
.menu ul li a:visited ul li a:visited ul li a:visited {
	background:#eaeaea; 
	color:#333; 
	width:160px;
	line-height:11px;
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}


/*this is when u roll over sub sub menu*/
.menu ul li a:hover ul li a:hover ul li a:hover {
	background:#dedede; 
	color:#FFFFFF; 
	line-height:11px;
	width:160px;
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
	left:-450px;
}

.menu table table {
	margin:-1px;
	border-collapse:collapse;
	padding-top:0px;
}


/* -------------------------------Main Content items--------------------------------- */

#flash {margin: 0 22px;}

#main {
	height: 228px;
	margin: 0 22px;
}

#inside {
	height: auto;
	margin: 0 22px;
}

#main01 {
	width: 586px;
	float: left;
	margin-left: 1px;
	background: #f5f5f5 url(/codenavia/portals/msc/images/img/gradient.gif) repeat-x;
	height: 226px;
}

#main02 {
	width: 392px;
	float: right;
}

.font9 {
	font-size: 9px;
}

.font10 {
	font-size: 10px;
}

.title16 {
	font-size: 16px;
	font-weight: bold;
}

.smalltitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

a.smalltitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.smalltitle:hover {color: #666;}


/* -------------------------------Empower Your Life items--------------------------------- */

.empower {
	width: 354px;
	height: 327px;
	background: url(/codenavia/portals/msc/images/img/rakyat/apply-bg.jpg) repeat-x top;
	float: left; 
	padding: 18px 13px 0 13px;
}

.working {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/working-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.youth {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/youth-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.homemakers {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/homemakers-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.senior {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/senior-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.working p, .youth p, .homemakers p, .senior p {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}




/* -------------------------------Why MSC items--------------------------------- */

.showcase {
	background: url(/codenavia/portals/msc/images/img/rakyat/pixar.jpg) no-repeat bottom right;
	width: 273px; 
	float: right; 	
	padding: 18px 13px 0 13px;
}

.showcase p {
	line-height: 14px; 
	margin: 8px 0 6px 0;
}

/* -------------------------------Express Yourself items--------------------------------- */

.express {
	background: url(/codenavia/portals/msc/images/img/rakyat/express-bg.jpg) repeat-x top;
	height: 440px;
	padding: 18px 10px 20px 13px;
}

	
/* -------------------------------Related links items--------------------------------- */

.relatedlinks {
	background: url(/codenavia/portals/msc/images/img/business/relatedlinks.jpg) no-repeat; 
	padding: 25px 0 10px 65px; 
	height: 90px;
}

.relatedlinks form {
	margin: 0;
	padding: 10px 0 0 6px;
}

.relatedtxtlinks {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

.status_check {
	height: 85px;
	padding: 28px 34px 0 143px;
	background: url(/codenavia/portals/msc/images/img/status_check_bg.jpg) no-repeat;
}

.career {
	height: 85px;
	padding: 28px 34px 0 143px;
	background: url(/codenavia/portals/msc/images/img/careers_bg.jpg) no-repeat;
}

.mtsc {
	height: 85px;
	padding: 28px 34px 0 143px;
	background: url(/codenavia/portals/msc/images/img/mtsc_bg.jpg) no-repeat;
}


.status_check p {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}

.career p, .mtsc p {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}


/*.career p {
	color: #000;
	font-size: 12px;	
	line-height: 15px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}
*/

a.careertitle {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.careertitle:hover {color: #666;}

.font14 {
	font-size: 14px;
}

.font16{
	font-size: 16px;
}

.link {
	text-decoration:none;
	color: #4b6684;
	text-decoration:none;
}

a.link:hover {
	text-decoration:none;
	color: #738da6;
	text-decoration:underline;
}

.businesses {
	float: left;
	width: 168px;
	height: 197px;
	margin: 0px 0 0 5px;
	padding: 10px 0 0 14px;
	background: url(/codenavia/portals/msc/images/img/businesses2_bg.png) no-repeat;
}

.rakyat {
	float: left;
	width: 168px;
	height:197px;
	margin: 0px 0 0 13px;
	padding: 10px 0 0 12px;
	background: url(/codenavia/portals/msc/images/img/rakyat2_bg.png) no-repeat;
}

.governments {
	float: left;
	width: 168px;
	height: 197px;
	margin: 0px 0 0 5px;
	padding: 10px 0 0 14px;
	background: url(/codenavia/portals/msc/images/img/governments2_bg.png) no-repeat;
}


/* -------------------------------disclaimer--------------------------------- */
input.btn_disclaimer {
	background: url(/codenavia/portals/msc/images/img/disclaimer/btn.gif) no-repeat;
	width: 133px;
	height: 20px;
	cursor: pointer;
	border-style: none;
	font-size: 10px;
}

input.btn_back{
	background: url(/codenavia/portals/msc/images/img/disclaimer/btn_hover.gif) no-repeat;
	width: 133px;
	height: 20px;
	cursor: pointer;
	border-style: none;
	font-weight: bold;
	font-size: 10px;
}

input.btn_disclaimer:hover {
	background-image: url(/codenavia/portals/msc/images/img/disclaimer/btn_hover.gif);
	background-position: 0 0;
	width: 133px;
	height: 20px;
	cursor: pointer;
	border-style: none;
	font-size: 10px;
}
.font20 {
	font-size: 20px;
	color: #506e8c;
}


.blue14 {
	font-size: 14px;
	color: #537492;
	font-weight: bold;
}

.contentheading {
	padding-left: 5px;
	font-size: 14px;
	padding-top: 16px;
}

/* -------------------------------Error Page --------------------------------- */

#error {
	margin: 0 22px;
	padding: 40px 113px 0 73px;
	font-family: "Trebuchet MS";
	
}

#error_img {
 	background: url(/media/img/error_symbol.gif) no-repeat right;
 	float: left;
 	width: 190px;
	height: 85px;
}

.error_text_heading {
	font-size: 20px;
	padding: 12px 0 0 0;
}

#rakyat_links {
	width: 218px; /*original size: 254px */
	height: 370px;
	margin: 0 19px 0 95px;
	background: url(/media/img/error_bg_rakyat.gif) no-repeat;
	float: left;
	padding: 11px 18px 0 18px;
}


p.rakyat_links_header {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

p.error_instruction {
	font-size: 14px;


}


ul.bulletrakyat {
	padding: 8px 8px 0 8px;
	margin: 0;
	color: #ff3300;
}

ul.bulletbusiness {
	padding: 8px 8px 0 8px;
	margin: 0;
	color: #0066cc;
}

ul.bulletgovernment {
	padding: 8px 8px 0 8px;
	margin: 0;
	color: #6c00a0;
}

.bulletrakyat li {
	background: url(/media/img/bullet_rakyat.gif) no-repeat 0 .7em;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 11px;
	list-style: none;
	display: block;
	margin: 0;
}

.bulletrakyat li a {
	color: #ff3300;
}

.bulletbusiness li a {
	color: #0066cc;
}

.bulletgovernment li a {
	color: #6c00a0;
}

.error_topic_links {
	color: #dbdbdb;


}

.bulletbusiness li {
	background: url(/media/img/bullet_business.gif) no-repeat 0 .7em;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 11px;
	list-style: none;
	display: block;
	margin: 0;
}

.bulletgovernment li {
	background: url(/media/img/bullet_government.gif) no-repeat 0 .7em;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 11px;
	list-style: none;
	display: block;
	margin: 0;
}

#business_links {
	width: 218px; /*original size: 254px */
	height: 370px;
	margin: 0 19px 0 0;
	background: url(/media/img/error_bg_business.gif) no-repeat;
	float: left;
	padding: 11px 18px 0 18px;
}

#government_links {
	width: 218px; /*original size: 254px */
	height: 370px;
	margin: 0 19px 0 0;
	float: left;
	background: url(/media/img/error_bg_government.gif) no-repeat;
	padding: 11px 18px 0 18px;
}





/* -------------------------------Footer items--------------------------------- */

#footer {
	background: url(/codenavia/portals/msc/images/img/footer-bg.gif) no-repeat top;
	height: 51px;
	margin: 0 22px;
	padding-bottom: 25px;
}

.footer-txt {
	width: 330px;
	padding: 26px 0 0 80px;
	color: #666;	
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.footer-txt {width: 360px;}
}

.footer-txt a {
	color: #666;
	text-decoration: none;
}

.footer-txt a:hover {text-decoration: underline;}

.footer-txt-small {
	font-size: 10px;
	color: #b9b7b7;
}