/*	Background & Top Level Elements */

	body { background:url(../images/interface/top-left-bg.png) repeat-x; margin:0; padding:0; font:12px Arial; color:#666; }
	hr, .hide { display:none; }
	div.clear{ background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0; }
	img.alignright { float:right; margin:0 0 20px 20px; }
	img.alignleft { float:left; margin:0 20px 20px 0; }
	img, div, input { behavior:url(/assets/png-fix/iepngfix.htc); }
	img, img.noBorder { border:none; }
	.clear { clear:both; }
	.left { float:left; }
	.right { float:right; }
	
/*	Text Styles */

	h1 { margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #999; font:18px Arial; color:#005dab; }
	h1.inner { padding:0; border:none; font:bold 14px Arial; color:#666; }
	h1.inner small { display:block; padding:3px 0 0 0; }
	h2 { margin:0; padding:0; font:bold 11px Arial; color:#005dab; }
	h3 { margin:0 0 20px 0; padding:0 0 5px 0; color:#666; border-bottom:1px solid #ccc; }
	p { margin:0 0 20px 0; line-height:1.5em; }
	.regular { font-weight:normal; font-style:normal; }
	ol,ul { margin:0 0 20px 0; padding:0; }
	ul li { margin:0; padding:0 0 5px 15px; background:url(../images/interface/orange-bullet.png) no-repeat 0 4px; list-style: none; }
	
/*	Colors */

	.gray { color:#666; }
	.lightGray { color:#999; }
	.blue { color:#005dab; }
	.red { color:#990000; }
	
/*	Forms */

	input, textarea { padding:3px; border:1px inset #999; font:12px Arial; color:#333; }
	input.right { margin:0 0 0 5px; }
	input.button { background:#fff; margin:0; border:1px solid #999; color:#333; }
	input.button:hover { background:#eee; color:#000; }
	
/*	Links */

	a { color:#005dab; cursor:pointer; }
	a:hover { color:#005dab; text-decoration:underline; }
	a.plus { background:url(../images/interface/plus.gif) no-repeat 0 5px; padding:0 0 0 10px; text-decoration:underline !important; }
	
/*	Buttons */

	div.downloadPDFBtn { background:url(../images/interface/download-btn.png) no-repeat; margin:10px 0 0 0; width:128px; height:20px; overflow:hidden; }
	div.downloadPDFBtn a { display:block; padding:20px 0 0 128px; }
	
/*	Logo */

	h1#lg { background: url(../images/interface/logo.png) no-repeat; position:absolute; top:0; margin:0; padding:0; width:170px; height:74px; border:none; overflow:hidden; }
	h1#lg a { display:block; padding:74px 0 0 170px; }	
	
/*	Main menu */
	
	ol#mm { position:absolute; top:27px; margin:0 0 0 210px; padding:0 0 20px 0; width:690px; list-style:none; }
	ol#mm li { float:left; display:block; margin:0; padding:0; }
	ol#mm li:hover { background:#39444e; }
	ol#mm li.noHover:hover { background:none; }
	ol#mm li a { display:block; padding:10px 20px 9px 20px; font:12px Arial; color:#fff; text-decoration:none; }
	ol#mm li a:hover { background:#39444e; }
	ol#mm li a.noHover:hover { background:none; }
	
	/*	Dropdown */
	
		ol#mm li ul.mmSub { background:#fff; display:none; position:absolute; top:33px; margin:0; padding:1px 1px 0 1px; z-index:9; }
		ol#mm li:hover ul.mmSub { display:block; }
		ol#mm li ul.mmSub li ul.mmSub { position:absolute; top:0; left:181px; }
		ol#mm li:hover ul.mmSub li ul.mmSub { display:none; }
		ol#mm li ul.mmSub li { float:none; display:block; }
		ol#mm li ul.mmSub li a { background:#d4e0ea; display:block; padding:7px 15px; height:12px; width:150px; border-bottom:1px solid #fff; color:#666; }
		ol#mm li ul.mmSub li:hover a { background:#6699cc; color:#fff; }
		ol#mm li ul.mmSub li:hover ul.mmSub { display:block; }
		ol#mm li ul.mmSub li:hover ul.mmSub li a { background:#d4e0ea; color:#666; }
		ol#mm li ul.mmSub li:hover ul.mmSub li a:hover { background:#6699cc; color:#fff; }
		ol#mm li ul.mmSub li:hover ul.mmSub2a { top:27px; }
		ol#mm li ul.mmSub li:hover ul.mmSub2b { top:54px; }
		
/*	MetaNav */

	ul#metaNav					{ position:absolute; top:5px; width:400px; margin:0 0 0 500px; padding:0; list-style:none; }
	ul#metaNav li				{ float:right; margin:0; padding:0 7px 0 20px; }
	ul#metaNav li a				{ color:#fff; text-decoration:none; }
	ul#metaNav li a:hover		{ text-decoration:underline; }
	ul#metaNav li.webmail		{ background:url(/images/interface/webmail.png) no-repeat 0 3px; }
	ul#metaNav li.staffIntranet	{ background:url(/images/interface/intranet.png) no-repeat 0 2px; padding:0 0 0 25px; }
	
/*	Footer */

	ol#ft { background:url(../images/interface/footer-bg.png) repeat-x; display:none; position:absolute; margin:0; padding:30px 0 0 0; width:900px; height:40px; list-style:none; font:10px Arial; }
	ol#ft li { float:left; display:inline-block; margin:0; padding:0 10px 0 0; }
	ol#ft li.link { border-left:1px solid #999; padding:0 10px; }
	ol#ft li.last { float:right; padding:0; width:105px; height:15px; overflow:hidden; }
	ol#ft a { font-weight:normal; color:#666; }
	ol#ft a:hover { color:#666; }
	ol#ft li.last a { background:url(../images/interface/bionic.png) no-repeat; display:block; padding:15px 0 0 105px; }
	
/*	Reference */

	ol#ref { position:absolute; top:5px; margin:0 0 0 500px; padding:0; width:400px; list-style:none; }
	ol#ref li { float:right; display:inline-block; margin:0; padding:0 10px; border-left:1px solid #fff; }
	ol#ref li.first { padding:0 0 0 10px; }
	ol#ref li.last { border:none; }
	ol#ref li a { font:11px Arial; color:#fff; text-decoration:none; }
	ol#ref li a:hover { text-decoration:underline; }
	
/*	Search bar */

	form#searchForm { position:absolute; top:4px; margin:0; padding:0 0 0 200px; width:300px; }
	form#searchForm input#searchKeywords { float:left; background:#fff url(../images/interface/search-icon.png) no-repeat 5px 2px; margin:0 5px 0 0; padding:2px 0 0 20px; width:150px; height:16px; border:none; font:11px Arial; color:#899; }
	form#searchForm input#searchBtn { background:url(../images/interface/search-btn.png) no-repeat; float:left; padding:18px 0 0 51px; width:51px; height:18px; border:none; text-indent:-2000px; overflow:hidden; cursor:pointer; }
	
/*	Comments */

	ol.commentList { margin:0; padding:0; list-style:none; font:12px Arial; }
	ol.commentList li { margin:0; padding:20px 0 10px 0; border-top:1px dotted #999; }
	ol.commentList li img { float:left; margin:0 15px 0 0; }
	ol.commentList li cite.fn { font-weight:bold; color:#333; }
	ol.commentList li cite.fn a { color:#333; }
	ol.commentList li p { clear:both; padding:0 0 0 47px; }
	ol.commentList li a { color:#999; }
	

	h2.commentsHeader {}
	form#commentsForm { margin:30px 0 0 0; padding:30px 0; border-top:1px solid #999; }
	form#commentsForm dl { margin:0; padding:0; }
	form#commentsForm dl dt { clear:both; float:left; display:inline-block; margin:0; padding:0 0 10px 0; width:100px; font-weight:bold; }
	form#commentsForm dl dd { float:left; display:inline-block; margin:0; padding:0 0 10px 0; width:250px; }
	form#commentsForm input.textField, form#commentsForm textarea { padding:3px; width:242px; border:1px inset #999; font:11px Arial; }
	form#commentsForm textarea { height:150px; }

/*	Main body */

	div#con, div.con { margin:0 auto; width:900px; }
	div#header { background:url(../images/interface/top-bg.png) no-repeat; position:absolute; top:0; margin:0 0 0 170px; width:730px; height:80px; }
	div#rightTopBg { background:url(../images/interface/top-right-bg.png) repeat-x; position:absolute; margin:0 0 0 900px; height:70px; width:0; z-index:100; }
	div#body { position:absolute; top:75px; width:900px; }
	div#contents { position:absolute; width:900px; }
	
	/*	Panels */
	
		h2.panelTop { margin:0; padding:5px 0 0 9px; border:none; height:20px; font:bold 11px Arial; color:#666; }
		h2.panelTopDarkBlue { background:url(http://www.leedenlimited.com/images/interface/panel-top-dark-blue.png) no-repeat; width:160px; }
		h2.panelTopLightBlue { background:url(http://www.leedenlimited.com/images/interface/panel-top-light-blue.png) no-repeat; width:160px; }
		h2.panelTopLightBlueMedium { background:url(http://www.leedenlimited.com/images/interface/panel-top-light-blue-medium.png) no-repeat; width:180px; }
		h2.panelTopOrange { background:url(http://www.leedenlimited.com/images/interface/panel-top-orange.png) no-repeat; width:510px; }
		h2.panelTop span { float:left; }
		div.panelBody { background:url(http://www.leedenlimited.com/images/interface/panel-bg.png) repeat-x bottom; position:relative; margin:0 0 20px 0; padding:15px 9px; border-right:1px solid #d6d3d3; border-bottom:1px solid #d6d3d3; border-left:1px solid #d6d3d3; font:11px/1.2em Arial; }
		div.panelBody h3 { margin:0; padding:0; border:none; font:11px Arial; }
		div.panelBody h3 a	{ text-decoration:underline !important; }
		div#leftSideBar div.panelBody { width:140px; }
		div#rightSideBar div.panelBody { width:160px; }
		div#centerContents div.panelBody { width:500px; }
		div.panelBody a.panelTopRightLink { position:absolute; top:-20px; right:0; font:11px Arial; }
		
		/*	Panel lists */
		
		div.panelBody ol { margin:0; padding:0; list-style:none; }
		div.panelBody li { background:url(http://www.leedenlimited.com/images/interface/arrow-orange.png) no-repeat 0 3px; margin:0; padding:0 0 7px 10px; }
		div.panelBody li ol { margin:0; padding:10px 0 0 0; }
		div.panelBody li.level2 { background:url(http://www.leedenlimited.com/images/interface/arrow-gray.png) no-repeat 0 3px; margin:3px 0 0 10px; }
		div.panelBody li.gray a { color:#666; }
		div.panelBody li.regular a { font-weight:normal; font-style:normal; }
		div.panelBody li.active a		{ font-weight:bold; color:#005dab; text-decoration:underline; }
		div.panelBody li.level2 a:hover { color:#005dab; }
		div#leftSidebar a { text-decoration:none; }
		div#leftSidebar a:hover { text-decoration:underline !important; }
		div.dashboard li { background:none !important; }
		
	/*	Article list */
	
		ol.articleList { margin:40px 0 0 0; padding:0; list-style:none; }
		ol.articleList li { margin:0; padding:0 0 20px; }
		ol.articleList li img { float:left; width:98px; border:1px solid #999; }
		ol.articleList li img.noBorder { border:none; }
		ol.articleList li h3 { margin:0; padding:0; border:none; font:bold 12px Arial; color:#333; }
		ol.articleList li div.summary { float:left; padding:0 0 0 10px; width:390px; }		
		ol.articleList li div.summary p { margin:0; padding:0; font:11px/1.4em Arial; }
		
	/*	Page thumb list */
	
		ul.thumbList { margin:0; padding:0; list-style:none; }
		ul.thumbList li { background:none; float:left; margin:0 40px 0 0; padding:0; width:120px; height:150px; text-align:center; }
		ul.thumbList img { border:1px solid #ccc; }
		ul.thumbList img.noBorder { border:none; }

	/*	Pages */
	
		div#centerContents { position:absolute; top:0; margin:0 0 0 180px; padding:0; width:520px; }
		div#fullContents { position:absolute; top:0; margin:0 0 0 180px; padding:0; width:720px; }
		div#fullContents .post ul, div#fullContents .post ol { margin:20px 0 20px 20px; padding:0 0 0 20px; }
		#leftSidebar { position:absolute; top:5px; padding:0; width:160px; }
		#rightSidebar { position:absolute; top:5px; margin:0 0 0 720px; padding:0; width:180px; }
		div#contents div.higher { top:20px; }
		
		/*	Normal banner */
		
			div#bannerBg { background:#f2f2f2; position:absolute; top:75px; left:0; width:100%; }
			div.banner { margin:0 0 20px 0; padding:0; font:20px Arial; color:#fff; }
			div.blueBanner { background:url(../images/interface/banner-bg.png) repeat-y; padding:5px 10px; }
					
		/*	Homepage */
		
			/*	Annual report download button */
			
				a.arDownloadBtn { background:url(http://internet.leedenlimited.com/images/interface/ar-download.png) no-repeat center; display:block; width:160px; height:100px; text-indent:-2000px; }
				
			/*	Slideshow */
			
				div#homepageBanner1 { float:left; margin:0 1px 0 0; width:357px; height:210px; }
				div#homepageBanner2 { float:left; margin:0 1px 0 0; width:180px; height:210px; }
				div#homepageBanner3 { float:left; margin:0 1px 0 0; width:180px; height:210px; }
				div#homepageBanner4 { float:left; width:180px; height:210px; }
				
		/*	Board of directors */
		
			div.directorPhoto { clear:both; float:left; padding: 0 0 30px 0; width:140px; }
			div.directorInfo { float:right; padding: 0 0 30px 0; width:560px; }
			
		/*	Corporate news */
		
			div.corporateNewsBanner { background:url(../images/interface/banner-corpnews.jpg) repeat-y; padding:55px 10px 0 10px; height:35px; }
			
		/*	HR updates */
		
			div.hrMattersBanner { background:url(../images/interface/banner-hrmatters.jpg) repeat-y; padding:55px 10px 0 10px; height:35px; }
			
		/*	Brands */
		
			p.alphaBrands a.active { font-weight:bold; color:#333; text-decoration:none; }
			div.brandItem { float:left; margin:0 0 0 20px; width:125px; height:130px; text-align:center; }
			div.brandItem img { padding:5px; border:1px solid #ccc; }
			
		/*	Products */
		
			form#productsFilterForm select		{ width:135px; }

/*	Administration items */

	div.preListText { margin:10px 0 0 0; }
	ul.pageList { clear:both; margin:0 0 30px 0; padding:5px 0 0 0; list-style:none; }
	ul.pageListTitles { margin:0; }
	ul.pageList li.empty { text-align:center; font-style:italic; }
	ul.pageList li { background:none; margin:0; padding:5px; width:710px; height:14px; cursor:default; }
	ul.pageList li:hover { background:#eee; }
	ul.pageList li.blackBg { background:#333; color:#fff; }
	ul.pageList li div { float:left; height:14px; }
	ul.pageList li div.pageTitle { clear:both; width:400px; overflow:hidden; }
	ul.pageList li div.pageDrag { float:right; width:300px; text-align:right; }
	ul.pageList li div.pageLink { width:200px; overflow:hidden; }
	ul.pageList li div.userCode { clear:both; width:70px; overflow:hidden; }
	ul.pageList li div.userFullname { width:280px; overflow:hidden; }
	ul.pageList li div.userDepartment { width:125px; overflow:hidden; }
	ul.pageList li div.userCompany { width:125px; overflow:hidden; }
	ul.pageList li a.deleteBtn { background:url(/images/icons/delete.png) no-repeat; display:block; float:right; margin:0 0 0 5px; width:16px; height:16px; cursor:pointer; }
	ul.pageList li a.editBtn { background:url(/images/icons/edit.png) no-repeat; display:block; float:right; margin:0 0 0 5px; width:16px; height:16px; cursor:pointer; }