@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;}
.note {font-size:11px;color:#999999;}
hr {background:#cccccc;height:1px;margin-bottom:10px;border:none;}

.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 thead td {border-top:2px solid #666666;border-bottom:1px solid #999999;font-weight:bold;}
table.myTableStyle1 td {padding:5px;}
table.myTableStyle1 tbody td {border-bottom:1px dotted #999999;}

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 table.stockTable tr td {border-bottom:solid 1px #d4d4d4;font-size:11px;}
		
			#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;text-align:right;margin-bottom:20px;}
		#contentRight .suppTools a {color:#666666;padding-left:5px;}
		#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 {}
		
		ul.bulletListing {}
		ul.bulletListing li {list-style-image:url(/_images/global/bullet_orange.gif);margin-left:15px;margin-bottom:5px;}
		
		#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 h4 {float:right;width:90px;font-size:12px;font-weight:normal;color:#666666;}
			 
		
#nextStep {width:980px;float:left;margin-top:50px;margin-bottom:10px;}
	#nextStep .tablePad {padding:20px 10px 10px 10px;}
	#nextStep h2 {margin-bottom:10px;}
#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 ## */
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;}
input.myInputField1 {width:199px;}
input.myInputField2 {width:265px;}
input.myInputField1, input.myInputField2 
{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.mySelectField1, select.mySelectField2 
{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;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;}

/* ################################################################## 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 */