@import "reset.css";
	img.img-border {
		border:1px solid #ccc;
	}
	@media screen, projection {
		
		/* --- Structure ----------------------------- 

			- Selectors
			- Common Classes
			- Accessibility
			- Errors
			- Layout
			- Login/Logout
			- Pagination
			
		*/
		
		/* --- Selectors ----------------------------- */
		
			body {
				background:#fff url(body-bg.png) fixed repeat-x 0 0;
				color:#000;
				font:62.5%/1.5em arial,helvetica,sans-serif; /* 16px x 0.875 = 14px base, 16px x 1.125 = 18px line height */
				margin:0;
				padding:0;
			}
			
			a, a:visited { color:#979797; }
			a:hover { color:#808080; }
			a img { border:none; }
			
			p { margin:0 0 1em; }
			button { margin:0; padding:0; background:none; border:none; cursor:pointer; }
			hr { margin:14px 0; background:#eee; border:none; height:1px; }
			ul, ol { margin:0 0 1em 2em; }
			
			#copy ul {
				list-style:none;
				margin:0;
			}
/*			#copy ul li {
				background:url(bullet.png) no-repeat 0 2px;
				padding-left:20px;
			}*/
			
			h1, div.componentheading, #right h3 { color:#808080; margin:0 0 1em; font-size:2em; font-weight:normal; }
			h1 { margin-bottom:1.5em; }
			h2 { color:#808080; margin:0 0 1em; font-size:1.6em; font-weight:normal; }
			h2 a { color:#808080; }
			h3 { color:#808080; margin:0 0 1em; font-size:1.4em; font-weight:bold; }
			h4 { color:#000; margin:0 0 1em; font-size:1.3em; font-weight:bold; }
			h5 { color:#000; margin:0 0 1em; font-size:1.2em; font-weight:bold; }
			h6 { color:#000; margin:0 0 1em; font-size:1.1em; font-weight:bold; }
			
			#tinymce { background:#fff!important; font-size:12px; }
			
			blockquote {
				margin:0px;
			}
		
		/* --- Common Classes ------------------------ */
			
			.left { float:left; }
			.right { float:right; }
			img.right { margin:0 0 15px 15px; }
			.clear { clear:both; }
			.textright { text-align:right; }
			.textcenter { text-align:center; }
			.aligntop { vertical-align:top; }
			.bold { font-weight:bold; }
			.textright { text-align:right; }
			.textcenter { text-align:center; }
			.aligntop { vertical-align:top; }
			.clickable { cursor: pointer; }
			#client-logos td {
				vertical-align:middle;
				font-size:1.2em; 
				color:#555555;
			}
			
		
		/* --- Accessibility ------------------------- */
		
			#accessibility {
				display:none;
			}
		
		/* --- Errors -------------------------------- */
		
			dl#system-message {
				margin:0 0 10px;
			}
			dt.error, dd.error, .shop_error {
				color:#f00;
				font-weight:bold;
				margin:0 0 14px;
			}
			
		/* --- Layout -------------------------------- */
			#flare {
				height:100px;
				width:345px;
				position:absolute;
				left:-50px;
				top:0;
			}
			#wrapper {
				/* Liquid
				width:100%;*/
				/* Fixed */
				width:960px;
				position:relative;
				margin:0 auto;
			}
			#banner { position:relative; margin-bottom:20px; }
			#banner #nav {
				position:absolute;
				left:70%;
				top:0;
				list-style:none !important;
			}
			#banner #nav a {
				height:68px;
				width:263px;
				display:block;
				margin-top:4px;
				text-indent:-9999px;
			}
			
			#energyEn {
				background:url(energyEn.png) no-repeat 0 0px;
				text-indent:;
			}
			#energyEn:hover {
				
			}
			
			#procurement {
				background:url(procurement.png) no-repeat 0 -68px;
			}
			#procurement:hover {
				background-position:0 0px;
			}
			
			#pm {
				background:url(pm.png) no-repeat 0 -68px;
			}
			#pm:hover {
				background-position:0 0px;
			}
			
			#fm {
				background:url(fm.png) no-repeat 0 -68px;
			}
			#fm:hover {
				background-position:0 0px;
			}
			
			#logo {
				padding:20px 0;
				position:relative;
				z-index:10;
			}
			#header {
				height:127px;
				margin-bottom:20px;
				position: fixed;
				top: 0px;
				z-index: 1000;
			}
			#headerBG {
				background-color: #1f465f;
				top: 0px;
				left: 0px;
				height:120px;
				width: 100%;
				position: fixed;
				z-index: 999;
			}
			#search {
				margin:14px 0 55px 0;
				text-align:right;
			}
			/*#search .search { background:url(search.png) no-repeat 100% 0; height:33px; }*/
			#search .button-themed {
				background:none;
				text-indent:-9999px;
				padding:5px 10px;
				border:none;
				cursor:pointer;
			}
			.IE7 #search .button-themed {
				display:block;
				font-size:0;
				line-height:0;
				padding:14px;
				width:30px;
			}
			.IE7 #search #mod_search_searchword {
				float:left;
				padding-left:6px;
			}
			#search #mod_search_searchword {
				color:#fff;
				border:none;
				background:none;
				padding:8px;
				width:110px;
			}
			#search #mod_search_searchword {
				color:#fff;
				border:none;
				background:none;
				padding:8px;
				width:110px;
			}
			#menu {
				position:relative;
				z-index:1000;
				
			}
			#menu .parent a span {
				background:url(down-arrow.png) no-repeat 100% 2px;
				padding-right:14px;
			}
			#menu ul {
				list-style:none;
				margin:0;
			}
			#menu li {
				float:left;
				/* To create a drop down menu you need the following styles */
				position:relative;
				padding:0 0px 0 2px;
				margin-right:-1px;
			}
			#menu a {
				color:#fff;
				font-weight:bold;
				display:block;
				text-decoration:none;
				padding:25px 15px;
				font-size:1.1em;
				text-transform:uppercase;
			}
			#menu li.active, #menu li:hover { background-position:0 -2px; }
			#menu a:hover {
				color:#adc9d9;
				background-color: #263f4f;
			}
			
		/* --- Menu Level 2 -------------------------------- */
			
			#menu ul ul {
				width:200px;
				display:none;
				position:absolute;
				z-index:10000;
				left:1px;
				background:#1f465f;
				padding:10px 0;
			}
			#menu ul ul li {
				float:none;
				display:block;
				margin:0 0 0 20px;
			}
			
			#menu li.active ul a { color:#fff; padding-bottom:5px; }
			
			#menu ul ul a:hover { color:#adc9d9; padding-bottom:5px; }
			
			#menu ul ul a {
				padding:0 0 5px 0;
				  background:none;
				text-transform:none;
			}
			
			#menu .parent ul a span {
				background:none;
			}
			
			#menu ul li:hover ul, #menu ul li.hover ul {
				display:block;
			} 
			#menu ul li ul li a {
				border-right:none;
			}
			/* --- Menu Level 3 -------------------------------- */
			
			#menu ul ul li.level2 ul {
				left:180px;
				top:0px;
				display:none;
			}
			#menu ul ul li:hover ul, #menu ul ul li.hover ul {
				display:block;
			} 
			
			#content {
				position: absolute;
				top: 121px;
				left: 302px;
				margin-top: 20px;
				margin-left: 20px;
				width:100%;
			}
			#copy {
				width:71%;
				float:left;
			}
			.LeftMain #copy {
				width:95%;
				float:none;
			}
			#copy p, #copy ul {
				margin-bottom:20px;
			}
			#searchDiv {
				position: fixed;
				top: 15px;
				right: 30px;
				z-index: 1000;
				width: 154px;
				height: 33px;
				background: url(../resource/searchBar.gif) top left no-repeat;
			}
			#searchInput {
				background: transparent;
				color: white;
				border: none;
				width: 138px;
				margin-top: 6px;
				margin-left: 3px;
			}
			#versionDiv {
				position: fixed;
				top: 100px;
				right: 30px;
				z-index: 1000;
				color: white;
			}
			#right {
				margin-left:74%;
				background:url(right-border.png) no-repeat 0 0;
			}
			#right-img {
				margin-left:75%;
			}
			#right .moduletable {
				padding:0px 0 20px 0px;
				background:url(right-border-btm.png) no-repeat 0 100%;
			}
			#right .moduletable h3 {
				padding-left:20px;
			}
			#right .moduletable .contentheading {
				padding:5px 0 20px 25px;
				font-size:1.1em;
				background:url(horizontal-line.png) no-repeat 0 100%;
			}
			#right .moduletable a {
				color:#727272;
				text-decoration:none;
				font-size:1em;
			}
			
			#right .moduletable a:hover { text-decoration:underline; }
			
			#logos {
				border:1px solid #d1d1d1;
				padding:20px;
				text-align:center;
				margin-bottom:20px;
				
				-moz-border-radius:20px;
				-webkit-border-radius:20px;
				border-radius:20px;
				
				-moz-box-shadow:0px 5px 10px -3px #999;
				-webkit-box-shadow:0px 5px 10px -3px #999;
				box-shadow:0px 5px 10px -3px #999;
			}
			
			#footer {
				margin-top:25px;
				padding-bottom:20px;
			}
			#footer ul {
				list-style:none;
				margin:0;
			}
			#footer .menu {
				margin-top:10px;
				color:#979797;
			}
			#footer span, #footer a, #hllink, #hllink a { color:#979797; text-decoration:none; }
			#footer a:hover { text-decoration:underline; }
			#footer span {
				padding-right:20px;
			}
			
			#footer li {
				display:inline;
			}
			
			.xmap li { font-size:12px !important; }
			
		/* --- Modules ------------------------ */	
		.moduletable-img {
			margin-bottom:20px;
			padding-bottom:20px;
			background:url(right-img-border.png) no-repeat 25px 100%;
		}
		.moduletable-img img {
			padding:8px;
			
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			border-radius:8px;
			
			-moz-box-shadow:0px 5px 10px 0px #999;
			-webkit-box-shadow:0px 5px 10px 0px #999;
			box-shadow:0px 5px 10px 0px #999;
		}
		.moduletable-img .caption {
			display:block;
			text-align:center;
			color:#979797;
			font-size:1.1em;
			margin-left:10px;
		}
			
			
		/* --- Login/Logout ------------------------ */
			
			#com-form-login {
				width:400px;
				background:#f6f5f7;
				padding:20px;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
			}
			#com-form-login fieldset {
				width:50%;
				margin:0;
				padding:0 0 15px;
				float:left;
				border-right:1px solid #dedede;
			}
			#com-form-login input.inputbox {
				width:87%;
			}
			#com-form-login ul {
				width:168px;
				margin:15px 0 0 0;
				list-style:none;
				float:right;
			}
			#com-form-login ul li {
				margin:0 0 3px 0;
				background:none;
			}
			.button-login, .button-submit {
				background:#1374a5;
				color:#fff;
				font-weight:bold;
				padding:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;		
			}
			form.register {
				background:#f6f5f7;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				padding:30px;
			}
			form.register ul {
				margin:0;
				list-style:none;
			}
			form.register li {
				border-bottom:1px solid #e3e3e3;
				padding:8px 0;
				background:none;
			}
			form.register label {
				width:140px;
				display:block;
				float:left;
				text-align:right;
				margin:0 10px 0 0;
				padding:2px;
			}
			form.register input {
				width:200px;
			}
			
		/* --- Fagination ------------------- */
			
			.pagination {
				clear:both;
				background:url("breadcrumbs-bottom.png") no-repeat bottom left #f6f5f7;
				padding:7px 0;
				margin:0 0 5px;
				text-align:center;
			}
			.pagination li {
				display:inline;
				background:none;
				padding:0;
				background:none !important;
			}
	}
	@media print {		
		body {
			color:#000000;
			font:12px/18px arial, helvetica, sans-serif;
			padding:20px;
		}			
		p { margin:14px 0; }			
		a { color:#000; }
			
		h1 { font-size:20px; margin:14px 0; }
		h2 { font-size:18px; margin:14px 0; }
		h3 { font-size:16px; margin:14px 0; }
		h4 { font-size:14px; margin:14px 0; }
		h5 { font-size:12px; margin:14px 0; }
		h6 { font-size:11px; margin:14px 0; }
		
		/* --- Layout ------------------------------ */
		
		#accessibility, #menu, #submenu, #nav, #navigation, .hairylemon, #rokajaxsearch, #_submitbutton, div.button-themed, .screenonly, #search, #banner, #footer #logos, #right {
			display:none;
		}
		#footer {
			border-top:1px solid #000;
			margin:15px 0 0 0;
		}
		.printonly {
			display:block;
		}
	}