@charset "UTF-8";
/*===
MSC Landing Page Refresh
01/29/10
Author: sean@motionworks.com.my
(bit and pieces from the old site merged with new)
===*/

/*=== reset ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*=== start IMPORTED OLD STYLESHEET ===*/
body {
	background: #000 url(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/business/bg.jpg) left top repeat-x;
	font: 62.5%/1 geneva, arial, helvetica, sans-serif; 
	color: #000;
	text-align: center;
	margin: -52px auto;
	padding: 0;
}

img { border: 0; }
a {color: #4e6b89; text-decoration: underline; }
a:hover { color: #5c81a8; }

#wrapper { width: 1024px; background: #fff; text-align: left; margin: 0 auto; font-size: 1.125em; }
#wrapper2 { width: 1024px; background: #fff; text-align: left; margin-right: 50px; font-size: 1.125em; }
/* -------------------------------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(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/btn-home.jpg) no-repeat 0 0; }
.home-btn a:hover { background: url(http://www.mscmalaysia.my/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(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/btn-gov.jpg) no-repeat 0 0; }
.government-btn a:hover { background: url(http://www.mscmalaysia.my/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(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/btn-business.jpg) no-repeat 0 0; }
.business-btn a:hover { background: url(http://www.mscmalaysia.my/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(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/btn-rakyat.jpg) no-repeat 0 0; }
.rakyat-btn a:hover { background: url(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/btn-rakyat-hover.jpg) no-repeat 0 0; }

#topheader { background: url(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/business/header-bg.jpg) no-repeat; height: 100px; }
/*#searchbar { background: url(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/searchbar-bg.jpg) no-repeat; padding-left: 790px; }
#search_box { width: 190px; height: 29px; background: url(http://www.mscmalaysia.my/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; }*/

/*suffian's custom for livesearch*/
#searchbar { background: url(/codenavia/portals/msc/images/img/searchbar-bg.jpg) no-repeat;	padding-left: 790px; height:30px; }
#search_box { display:none;width: 190px; height: 29px; background: url(/codenavia/portals/msc/images/img/searchbox.jpg); }
#search_box #inputString { 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; }
/*suffian's custom for livesearch end*/

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

#error { margin: 0 22px; padding: 40px 113px 0 73px; font-family: "Trebuchet MS"; }
#error_img { background: url(http://www.mscmalaysia.my/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(http://www.mscmalaysia.my/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: #f30; }
.bulletbusiness li a { color: #06c; }
.bulletgovernment li a { color: #6c00a0; }
.error_topic_links { color: #dbdbdb; }

.bulletbusiness li { background: url(http://www.mscmalaysia.my/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(http://www.mscmalaysia.my/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(http://www.mscmalaysia.my/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(http://www.mscmalaysia.my/media/img/error_bg_government.gif) no-repeat; padding: 11px 18px 0 18px; }

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

#footer { background: url(http://www.mscmalaysia.my/codenavia/portals/msc/images/img/footer-bg.gif) no-repeat top; height: 51px; margin: 0 22px; padding-bottom: 25px; line-height: 1.45; }
.footer-txt { width: 400px; padding: 20px 0 0 80px; color: #666; }
.footer-txt a { color: #000; text-decoration: none; font-size: .975em; }
.footer-txt a:hover { text-decoration: underline; }
.footer-txt-small { font-size: 10px; color: #b9b7b7; }

/*=== end IMPORTED OLD STYLESHEET ===*/

/*=== START sean's reign of terror (01/29/10) revision 1.5 ===*/

/*+++++++ re-writing the navigation +++++++*/

#maintab .rakyat-btn div.menu-list, #maintab .business-btn div.menu-list, #maintab .government-btn div.menu-list { position:absolute; left:-9999px; border: 10px solid #9badad; background: #fff; width: 757px; height: 425px; z-index: 300; font: 1.125em/1.15 tahoma, verdana, helvetica, sans-serif; }

#maintab .rakyat-btn a:hover, #maintab .business-btn a:hover, #maintab .government-btn a:hover { white-space:nowrap; }
#maintab .rakyat-btn:hover div.menu-list, #maintab .business-btn:hover div.menu-list, #maintab .government-btn:hover div.menu-list { left: 505px; }

#maintab .rakyat-btn:hover div.menu-list div.col, #maintab .business-btn:hover div.menu-list div.col, #maintab .government-btn:hover div.menu-list div.col { width: 205px; float: left; padding: 0 20px; margin: 20px 0 0 0; border-right: 1px solid #c0c0c0; min-height: 345px; height: auto !important; height: 345px; }
#maintab .rakyat-btn:hover div.menu-list div.last, #maintab .business-btn:hover div.menu-list div.last, #maintab .government-btn:hover div.menu-list div.last { border-right: none; }

#maintab .rakyat-btn:hover div.menu-list div.col h2, #maintab .business-btn:hover div.menu-list div.col h2, #maintab .government-btn:hover div.menu-list div.col h2 { color: #fff; background: #8b4c51; padding: 5px 0 5px 10px; font-size: 1em; margin: 0; }
#maintab .rakyat-btn:hover div.menu-list div.col ul, #maintab .business-btn:hover div.menu-list div.col ul, #maintab .government-btn:hover div.menu-list div.col ul { padding: 0 0 20px 0; }
#maintab .rakyat-btn:hover div.menu-list div.col ul li a, #maintab .business-btn:hover div.menu-list div.col ul li a, #maintab .government-btn:hover div.menu-list div.col ul li a { color: #415b6d; width: auto; border-bottom: 1px dashed #c0c0c0; background: none; padding: 10px 0 10px 10px; margin: 0; height: auto; font-size: .875em; }
#maintab .rakyat-btn:hover div.menu-list div.col ul li a:hover, #maintab .business-btn:hover div.menu-list div.col ul li a:hover, #maintab .government-btn:hover div.menu-list div.col ul li a:hover { text-decoration: underline; }


#wrapper #new-main { width: 980px; margin: 0 0 0 22px; }

#new-main ul#showcase-links { width: 980px; height: 41px; background: url(../img/homepage1-5/showcase-bg.jpg) left top repeat-x; padding: 20px 0 0 0; }
#new-main ul#showcase-links li { display: block; float: left; color: #42210b; background: url(../img/homepage1-5/showcase-pipe.jpg) right top no-repeat; padding: 10px 0; font: 1.275em arial, helvetica, san-serif; letter-spacing: -.02em; width: 325px; text-align: center; margin: 0 auto; }
#new-main ul#showcase-links li.last { background: none; }
#new-main ul#showcase-links li a { text-transform: uppercase; text-decoration: underline; font-weight: bold; color: #42210b; }
#new-main ul#showcase-links li a:hover { color: #744221; }

#new-main #additional-holder { width: 980px; background: url(../img/homepage1-5/slideshow-bg.jpg) left bottom repeat-x; }
	#additional-holder #title { margin: -13px 0 0 70px; color: #fff; padding: 1px 0 0 10px; height: 13px; border-left: 2px solid #999; } /* adjust this for longer slides as it doesn't sit side by side */
	
	#additional-holder #live-feed { padding: 27px 0; }
	#additional-holder #live-feed h3.latest-news { width: 110px; text-align: center; padding: 10px 0; background: #4d4d4d; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-weight: normal; font-size: .925em; border-top: 1px solid #000; border-right: 1px solid #5a5d64; border-bottom: 1px solid #adadad; border-left: 1px solid #5a5d64; margin: 0 0 0 20px; }
	#additional-holder #live-feed p.feed { width: 670px; padding: 12px 10px; background: #fff; color: #333; float: left; margin: -35px 0 0 150px; font-size: 1.125em; }
	#additional-holder #live-feed ul#aux-archive-links { display: block; width: 120px; float: right; margin: -29px 5px 0 0; }
	#additional-holder #live-feed ul#aux-archive-links li { margin: 0 5px 0 0; display: block; float: left; }
	#additional-holder #live-feed ul#aux-archive-links li a { color: #fff; font-size: .925em; display: block; text-decoration: none; padding: 6px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#additional-holder #live-feed ul#aux-archive-links li a:hover { text-decoration: underline; }
	#additional-holder #live-feed ul#aux-archive-links li a.more { background: url(../img/homepage1-5/more-bg.jpg) left top repeat-x; }
	#additional-holder #live-feed ul#aux-archive-links li a.archive { background: url(../img/homepage1-5/archive-bg.jpg) left top repeat-x; }

/*+++++++ auto generated paging for the slideshow :x +++++++*/
#additional-holder #order { font-size: 1.275em; margin: 8px 0 0 20px; }
#additional-holder #order a { color: #fff; text-decoration: none; padding: 5px; font-weight: bold; } 
#additional-holder #order a.activeSlide { background: #000; color: #f7931e; }
#additional-holder #order a:focus { outline: none; }

/*+++++++ tab central, horizontal followed by vertical (please see ui.tabs.css) +++++++*/
#new-main #tabs { background: #6085a0 url(../img/homepage1-5/tab-bg.jpg) left top repeat-x; min-height: 500px; height: auto !important; height: 500px; }

#new-main #tabs ul.listing { margin: -12px 0 0 0; width: 280px; }
#new-main #tabs ul.dual { width: 580px; }
#new-main #tabs ul.listing li { float: left; width: 280px; display: block; border-top: 1px solid #d0d6db; margin: 0 5px 0 0; padding: 0; }
#new-main #tabs ul.listing li:last-child { border-bottom: 1px solid #d0d6db; }
#new-main #tabs ul.listing li a { display: block; padding: 10px 10px 10px 30px; background: url(../img/homepage1-5/small-arrow.png) 10px 15px no-repeat; color: #415b6d; text-decoration: none; font: 1.425em/1.15 tahoma, verdana, arial, sans-serif; min-height: 40px; height: auto !important; height: 40px; }
#new-main #tabs ul.listing li a:hover { background: #f5f4e0 url(../img/homepage1-5/small-arrow.png) 10px 15px no-repeat; }

/*=== END sean's reign of terror (01/29/10) revision 1.5 ===*/

/*=== clearfix ===*/
.clearfix:after {  
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
	}  

.clearfix { display: inline-block; }  
html[xmlns] .clearfix { display: block; }  
* html .clearfix { height: 1%; }  

/*=== Aaron's got no idea what he's doing here but he's trying to fix somethings anyways ===*/
table.bog-table p { padding: 10px;}
table.bog-table ul {list-style-type:disc; line-height: 15px; padding-left: 30px;}
table.bog-table h3 {padding: 10px;}