@charset "utf-8";

/***********************************************************************	

	GLOBAL STYLESHEET FOR YTL POWER
	Author: AGENDA Malaysia

***********************************************************************/

/* ################################################################## BASE ## */

*,body {margin: 0px auto;padding:0px;}
body {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;line-height:130%;text-align:left;letter-spacing: -0.03em; #letter-spacing: -0.03em;color:#666666;font-size:12px;}
strong, em, b, i {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;letter-spacing: -0.04em;}
strong {color:#5a5a5a;}
h1, h2, h3, h4 {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#000000;}
img, a img, abbr, acronym {border:0; outline:none;}

a {text-decoration:none;color:#000000;}
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;text-decoration:none; } /* Gets rid of IE's blue borders */
a:hover {text-decoration:underline;}

p {padding-bottom:10px;}
h2 {font-size:16px;letter-spacing: -0.03em;margin-bottom:10px;line-height:125%;}
h3 {font-size:14px;margin-bottom:10px;}
sup {vertical-align:top;font-variant:small-caps;font-size: 80%; line-height: 80%;}

/* ################################################################## REUSABLE ## */

.Black {color:#000000}
.Red {color:#FF0000;}
.Blue {color:#0e6ac8;}
.clearBg {background:none !important;}
.clearBorder {border:none !important;}
.Left {float:left !important;}
.Right {float:right !important;}
.Print {display:none;}
.Screen {display:block;}
.dispNone {display:none;}
.dispBlock {display:block;}
.note {font-size:11px;color:#999999;}
hr {background:#cccccc;height:1px;margin-bottom:10px;border:none;}
.lineBreak {height:1px;margin-bottom:10px;margin-top:10px;border-bottom:solid 1px #cccccc;width:100%;float:left;}

.padbot5px {padding-top:5px !important;}
.padbot10px {padding-top:10px !important;}
.padbot15px {padding-top:15px !important;}
.padbot20px {padding-top:20px !important;}
.padtop5px {padding-top:5px !important;}
.padtop10px {padding-top:10px !important;}
.padtop15px {padding-top:15px !important;}
.padtop20px {padding-top:20px !important;}
.padleft10px {padding-left:10px !important;}
.padright10px {padding-right:10px !important;}
.pad10px {padding:10px !important;}

.clearMargintop {margin-top:0px !important;}
.clearMarginbot {margin-bottom:0px !important;}
.clearMarginRight {margin-right:0px !important;}
.clearMarginLeft {margin-left:0px !important;}
.clearMargin {margin:0px !important;}
.clearPadtop {padding-top:0px !important;}
.clearPadbot {padding-bottom:0px !important;}
.clearPadRight {padding-right:0px !important;}
.clearPadLeft {padding-left:0px !important;}
.clearPad {padding:0px !important;}

table tr.alt {background-color:#cfe2f5;}
table tr.even {background-color:#e6f0fa;}
.tablePad1 {padding:20px 10px;}
.tablePad2 {padding:10px;}
.tablePad3 {padding:5px;}
.clearTopBorder td {border-top:none  !important;}
.clearBotBorder td {border-bottom:none  !important;}
table.myTableStyle1 tr.tableBotBorder td{border-bottom:2px solid #666;}
table.myTableStyle1 td {padding:5px;}

table.myTableStyle1 thead td {border-top:2px solid #666666;border-bottom:1px solid #999999;font-weight:bold;}
table.myTableStyle1 tbody td {border-bottom:1px dotted #999999;}

table.myTableStyle2 td {vertical-align:top;text-align:left;}
table.myTableStyle3 td {vertical-align:middle;text-align:left;}
table.myTableStyle4 td {vertical-align:middle;text-align:center;}

.setWidth20px {width:20px;}

.table639 {width:639px;}
.table619 {width:619px;}

ol li {margin-left:20px;margin-bottom:5px;}


/* ################################################################## CONTENT ## */

#container {width:980px;}
#header {width:980px;height:70px;background:url(/_images/global/logo_ytl.gif) top left no-repeat;}
	#header a.homeLink {width:160px;height:70px;float:left;left:0;top:10px;text-decoration:none;}
	#header #mainNavi {width:660px;float:right;margin-top:38px;padding-right:20px;}
#conceptScreen {width:980px;}
	#conceptScreen #crossfade {overflow:hidden;position:relative;width:980px;height:362px;}
	#conceptScreen #crossfade img {border:0px none;position:absolute;visibility:visible; top:0px;left:0px;}
#content {width:980px;background-color:}
	#contentLeft {width:341px;float:left;}
		#contentLeft .wrapper {padding:30px 10px 10px 10px;}
		#contentLeft h3 {font-size:14px;font-weight:normal;color:#666666;width:250px;float:left;line-height:130%;margin:0;}
		#contentLeft p {width:250px;float:left;}
		/*#contentLeft table.stockTable tr td {border-bottom:solid 1px #d4d4d4;font-size:11px;}*/
		
			ul.stockChart {list-style:none;width:240px;float:left;font-size:11px;letter-spacing:-0.01em;}
			ul.stockChart li {float:left;width:240px;vertical-align:middle;border-bottom:solid 1px #cccccc;padding:2px;}
			ul.stockChart li span {width:168px;padding-bottom:0;float:left;font-weight:normal;color:#666666;}
			ul.stockChart li em {width:68px;font-style:normal;text-align:right !important;float:right;}
			ul.stockChart li.header span, ul.stockChart li.header em {font-weight:bold;}
			
			#contentLeft .miniPanel {width:196px;float:left;margin-top:85px;}
		
			#contentLeft .breadCrumb {font-size:10px;color:#666666;margin-bottom:20px;}
			#contentLeft .breadCrumb a {color:#666666;}
		
			ul.subNav {list-style:none;float:left;margin-top:25px;}
			ul.subNav li {width:250px;float:left;padding-bottom:8px;}
			ul.subNav li a {color:#0e6ac8}
		
	#contentRight {width:639px;float:left;}
		#contentRight .wrapper {padding:30px 10px 10px 10px;}
		#contentRight .suppTools {width:619px;float:left;margin-bottom:20px;}
		#contentRight .suppTools a {color:#666666;padding-left:5px;}
			ul.Tools {list-style:none;width:140px;float:right;}
			ul.Tools li {display:inline;float:left;width:50px;height:20px;}
			ul.Tools li.Print {background:url(/_images/global/ico_print.gif) top left no-repeat;padding-left:20px;}
			ul.Tools li.Share {background:url(/_images/global/ico_share.gif) top left no-repeat;padding-left:20px;}
		
		
		#contentRight .iframeContainer {width:619px;height:400px;margin-top:20px;border:solid 1px #CCCCCC;}
		#contentRight .iframeContainer iframe {width:599px;height:380px;padding:10px;}
		#contentRight #tablist a {color:#0e6ac8;padding-right:20px;}
		#contentRight #tablist a.current {font-weight:bold;}
		
		ul#category {}
		ul#category li {list-style:none;width:213px;float:right;background:url(/_images/global/cate_separator.gif) top left no-repeat;}
		ul#category li a {font-weight:bold;}
		ul#category li div.wrapper {padding:15px 15px;}
		ul#category li.Col1 {}
		ul#category li.Col2 {background:none !important;}
		ul#category li.Col3 {}
		
		#contentRight div.tabContent {position:relative;width:639px;margin-top:20px;float:left;}
		
		/* ---------- Tab style ---------- */
		#contentRight div.tabWrapper {width:639px;height:31px;background:url(/_images/global/tabs_bg.gif) top left repeat-x;}
			
			ul.tabNavi {position:relative;list-style:none;height:31px;width:639px;float:left;}
			ul.tabNavi li {display:inline;height:31px;background:url(/_images/global/tabs_open.gif) top left no-repeat;float:left;padding-left:13px;}
			ul.tabNavi li span {display:block;height:31px;background:url(/_images/global/tabs_body.gif) top left repeat-x;float:left;}

			ul.tabNavi li span a {height:22px;float:left;background:url(/_images/global/tabs_close.gif) top right no-repeat;padding-right:13px;font-size:14px;color:#999999;padding-top:9px;vertical-align:middle;}
			ul.tabNavi li span img {}
			ul.tabNavi li span a:hover {color:#000000; text-decoration:none}
			ul.tabNavi li.Active {background-position:bottom left;}
			ul.tabNavi li.Active span {background-position:bottom;}
			ul.tabNavi li.Active span a {background-position:bottom right;color:#000000;}
			
		#contentRight div.tabWrapper2 {width:639px;height:43px;background:url(/_images/global/tabs2_bg.gif) top left repeat-x;}
			ul.tabNavi2 {position:relative;list-style:none;height:43px;width:639px;float:left;}
			ul.tabNavi2 li {display:inline;height:43px;background:url(/_images/global/tabs2_open.gif) top left no-repeat;float:left;padding-left:10px;}
			ul.tabNavi2 li span {display:block;height:43px;background:url(/_images/global/tabs2_body.gif) top left repeat-x;float:left;}

			ul.tabNavi2 li span a {height:35px;float:left;background:url(/_images/global/tabs2_close.gif) top right no-repeat;padding-right:10px;font-size:12px;color:#999999;padding-top:8px;text-align:center;vertical-align:middle;line-height:125%;}
			ul.tabNavi2 li span a:hover {color:#000000; text-decoration:none}
			ul.tabNavi2 li.Active {background-position:bottom left;}
			ul.tabNavi2 li.Active span {background-position:bottom;}
			ul.tabNavi2 li.Active span a {background-position:bottom right;color:#000000;}
			
			/* ---------- Tab content style ---------- */
			ul.newList {list-style:none;width:639px;float:left;}
			ul.newList li {float:left;width:609px;padding:15px;border-bottom:solid 1px #d9d9d9;}
			ul.newList li span {width:460px;float:left;}
			ul.newList li span p, ul.newList li p {padding-bottom:0;}
			ul.newList li p.date {float:right;width:90px;font-size:12px;font-weight:normal;color:#666666;}
			
			/* ---------- Content list style ---------- */
			ul.contentList {list-style:none;width:639px;float:left;}
			ul.contentList li {float:left;padding:15px 10px;width:619px;}
			ul.contentList li.clear div.description {width:350px;padding-right:20px;float:left;}
			ul.contentList li.alt {background-color:#cfe2f5;}
			ul.contentList li.alt div.description {width:369px;padding-right:20px;float:left;}
			ul.contentList li.even {background-color:#e6f0fa;}
			ul.contentList li.even div.description {width:369px;padding-left:20px;float:right;}
			
			/* ---------- Common list style ---------- */
			ul.setWidth320px {width:305px;}
			
			ul.bulletListing {}
			ul.bulletListing li {list-style-image:url(/_images/global/bullet_orange.gif);margin-left:15px;margin-bottom:5px;}
			
			ul.bulletListing2 {list-style:none;}
			ul.bulletListing2 li {background:url(/_images/global/bullet_orange.gif) left 6px no-repeat;margin-bottom:5px;padding:0 0 0 15px !important;width:100%;}
			
			
		
#nextStep {width:980px;float:left;margin-top:50px;margin-bottom:10px;}
	#nextStep h2 {margin-bottom:10px;}
	ul.nextStepGeneral {list-style:none;width:980px;}
	ul.nextStepGeneral li {display:inline;float:left;width:300px;padding:20px 10px 10px 10px;}
	ul.nextStepGeneral li.separator {width:20px;background:url(/_images/global/nextstep_separator.gif) top center no-repeat;padding:0 !important;height:100px;}
	ul.nextStepGeneral li div.Phone {width:130px;float:left;padding-left:20px;background:url(/_images/global/nextstep_ico_contact.gif) center left no-repeat;}
	ul.nextStepGeneral li div.Fax {width:130px;float:left;padding-left:20px;background:url(/_images/global/nextstep_ico_fax.gif) center left no-repeat;}
	ul.nextStepGeneral li div.Phone p, ul.nextStepGeneral li div.Fax p {padding:0;}
	
#footer {width:960px;height:30px;margin-top:10px;margin-bottom:10px;padding:0 10px 0 10px;float:left;letter-spacing: -0.01em;}
	#footer a {color:#666666;}

/* ---------- Ribbon ---------- */
.ribbon980px {width:980px;height:14px;background:transparent url(/_images/global/ribbon_980px.gif) top left no-repeat;clear:both;}
.ribbon196px {width:196px;height:14px;background:transparent url(/_images/global/ribbon_196px.gif) top left no-repeat;clear:both;}
.ribbon639px {width:639px;height:14px;background:transparent url(/_images/global/ribbon_640px.gif) top left no-repeat;clear:both;}
 

/* ################################################################## NAVIGATION HIGHLIGHTER ## */

body.nav1 ul.subNav li.nav1 a, body.nav2 ul.subNav li.nav2 a,
body.nav3 ul.subNav li.nav3 a, body.nav4 ul.subNav li.nav4 a,
body.nav5 ul.subNav li.nav5 a, body.nav6 ul.subNav li.nav6 a,
body.nav7 ul.subNav li.nav7 a, body.nav8 ul.subNav li.nav8 a,
body.nav9 ul.subNav li.nav9 a
{font-weight:bold;color:#000000;letter-spacing: -0.04em;}

/* ################################################################## FORMS ## */

#tellafriend {width:639px;}
		#tellafriend .wrapper {padding:10px;}

ul.formSet {position:relative;list-style:none;width:619px;float:left;padding-top:10px;}
ul.formSet li {float:left;margin-bottom:10px;width:619px;}
ul.formSet li label {width:140px;float:left;margin-right:15px;}
ul.formSet li div {float:left;width:450px;color:#000000;}
.editBut {margin:0 0 -2px 15px;}


table.myForm tr td {padding-bottom:10px;}
input {border:solid 1px #e0e0e0;background:#ededed;color:#666666;font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;padding:2px;}
input.myInputField0 {border:none;background:none;height:10px;}
input.myInputField1 {width:199px;}
input.myInputField2 {width:265px;}
input.myInputField3 {width:80px;}
input.inviField {border:none !important; background:none !important}
input.myInputField1, input.myInputField2, input.myInputField3
{color:#666666;font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;padding:2px;}
select.mySelectField1 {width:150px;}
select.mySelectField2 {width:265px;}
select.mySelectField3 {width:80px;}
select.mySelectField1, select.mySelectField2, select.mySelectField3 
{border:solid 1px #e0e0e0;background-color:#ededed;color:#666666;font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;padding:2px;}
textarea.myTextArea1 {width:199px;}
textarea.myTextArea2 {width:265px;}
textarea.myTextArea1, textarea.myTextArea2 
{border:solid 1px #e0e0e0;background-color:#ededed;color:#666666;font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;padding:2px;}

.errormsg {width:100%;color:#ffffff !important;font-style:italic;font-size:11px;padding:2px 3px 2px 3px;margin-top:5px;margin-bottom:5px;border:1px solid #999999;background-color:#333;text-align:left;float:left;display:block;}
.hideErrormsg {display:none;}

/* ################################################################## CLEAR FIX ## */

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;} .clearfix {display:block;}
/* End hide from IE-mac */