/*
-------------------------------------------------------------
Site:				YTL Communications Corp Site
Updated:			20100805 11:20
Updated by:			William Tan

COLORS
Body background:	#FFF
Main Text:			#666
Links:				#030303
Links (Visited):	#030303
Links (Hover):		#030303
H1:					#FFF
H2:					#030303
H3:					#666
-------------------------------------------------------------
*/
@charset "utf-8";
html{}
body,td,th {background-color: #fff; margin:0 auto 15px auto; padding:0px; width:980px; line-height:120%; text-align:left; font:normal 12px 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif; color:#666; letter-spacing:-0.03em;}
strong, em, b, i {font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:bold; line-height:120%;}
strong.myLeading{line-height:140%;}
a:link { text-decoration: none; color: #030303; font-weight:bold; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;line-height:120%;}
a:visited {	text-decoration: none; color: #030303; font-weight:bold; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;line-height:120%;}
a:hover { text-decoration: underline; color: #030303; font-weight:bold; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;line-height:120%;}
a:active { text-decoration: none; color: #030303; font-weight:bold; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;line-height:120%; outline: none; }
a.email{color:#0090d9; font-weight:normal; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
a.news{font:bold 12px 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#666;}
a.news_archive{font:normal 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
a.education{color:#0292d9;}
strong.call{color:#333; }
strong.black{color:#000; }
h1 { padding:0px 20px; #padding:15px 20px; font: normal 30px 'Syntax', 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #fff; text-align:left; }
h2 { margin:-5px 0px 9.5px 0px; padding:0; font-size: 16px; font-weight:normal; color: #030303; text-align:left; line-height:120%;}
h3 { margin:0px 0px 10px 0px; padding:0 50px 0 0; line-height:120%;  font-size: 14px; font-weight:normal; color: #666; text-align:left;line-height:150%;}
h3.black{color:#000;}
h2.news{color:#333; line-height:150%;}
#lang_wrapper{height:17px; margin:2px 8px 0 0; padding:0; width:980px; float:right;  text-align:right; vertical-align:middle;}
#lang_wrapper img{margin-top:-5px; #margin-top:0px;}
#lang_wrapper a{font:normal 11px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#666;}
#navi_wrapper{height:54px;}
#navi_logo{float:left; margin:0; padding:0; width:392px; text-align:left;}
#navi_links{float:left; width:588px; margin:0; padding:0; text-align:left;}
#panel_wrapper{height:277px; clear:both;}
#panel_left{float:left; width:392px; height:277px;}
#panel_left_content{}
#panel_right{float:right; width:588px; height:277px;}
#content_wrapper{width:980px}
#footer_wrapper{width:980px}
#footer_container{width:980px; clear:both;}
#footer_wrapper input{font:normal 11px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#333; border:1px inset #a0c6da; width:110px;}
#footer_wrapper input.btn{font:normal 11px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#333; background-color:#a0c6da; border:1px inset #a0c6da; width:35px;}
#footer_links{clear:both; width:964px; height:20px; padding:0px 8px 0px 8px; font-size:11px; color:#999; margin:0; #margin:15px 0;}
#footer_links_left{float:left; text-align:left; margin:0; padding:0; width:50%;}
#footer_links_right{float:right; text-align:right; margin:0; padding:0; width:50%;}
#footer_links a{font-weight:normal; color:#999;}
#breadcrumb{width:980px; text-align:left; text-indent:8px; margin-top:15px; clear:both;}
#breadcrumb a{font:normal 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#666;}
#pnlEmail{margin-top:-30px;}
#pnlThankYou{margin-top:-30px;}
#lblEventDetail ol.indent {margin:0 0 0 50px;}
.panel_inno{background-color:#000000; width:588px; height:277px;}
.panel_join{background-color:#000000; width:588px; height:277px;}
.panel_about{background-color:#000000; width:588px; height:277px;}
.clear{clear:both; height:10px;}
.clear0{clear:both; height:0px;}
.clear15{clear:both; height:15px;}
.clear30{clear:both; height:30px;}
.clear45{clear:both; height:45px;}
.content_1col{float:left; margin:0; padding:0; width:196px;}
.content_2col{float:left; margin:0; padding:0; width:392px;}
.content_3col{float:left; margin:0; padding:0; width:588px;}
.content_1col_copy{margin:0; padding:15px 8px 0 8px; text-align:left;}
.content_2col_copy{margin:0; padding:15px 8px 0 8px; text-align:left;}
.content_3col_copy{margin:0; padding:15px 8px 0 8px; text-align:left;}
.dropdown_filter{margin:0; padding:0;}
.footer_5col_cell{float:left; width:180px; text-align:left; padding:15px 0px 0px 28px;}
.footer_5col_2cell{float:left; width:360px; text-align:left; padding:15px 8px 0px 8px;}
.footer_5col_2cell_joinus{float:left; width:360px; text-align:left; padding:15px 8px 0px 24px;}
.footer_5col_3cell{float:left; width:540px; text-align:left; padding:15px 8px 0px 24px;}
.footer_5col_2cell img{float:left;}
.footer_5col_2cell img:after{content: ""; display: block; clear: left;}
.vacancy{margin:0px -8px 0px -8px; padding:10px 8px 25px 8px; border-bottom:1px solid #ccc;}
.vacancy strong{color:#000;}
.application_form_line{clear:both; height:5px; margin:15px -8px 0px -8px; padding:0px 8px 0 8px; border-top:1px solid #ccc;}
.more{float:right; margin-top:0; #margin-top:-25px; padding:0; width:70px;}
.more a{color:#000; font:normal 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
.more img{float:right; margin-top:5px; #margin-top:-10px; width:9px;}
.more img:after{content: ""; display: block; clear: none;}
.copy{margin:0 8px 0 0; padding:0; line-height:130%;}
.copy_education{margin:0 12px; padding:0; line-height:130%; }
.copy img{margin:0 10px 5px 0;}
.copy_alignR{text-align:right;margin:0 8px 0 0; padding:0;}
.copy_alignR a{font:normal 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
.copy_indent{margin:0 8px 0 0; padding:0 0 0 15px;}
.copy_indent li{list-style:disc outside; margin:0; padding:0;}
.vacancy_ul{margin:0; padding:0 15px; list-style:disc outside;}
.vacancy_ul li{margin:0 0 5px 0; padding:0;}
.vacancy_ul li ul.vacancy_ul{margin:5px 0 0 15px; padding:0; list-style:disc outside;}
.copy_ul{margin:0; padding:10px 0 0 15px;}
.copy_ul li{list-style:disc outside; margin:0; padding:0;}
.copy_edu_ul{margin:0; padding:10px 0 0 25px;}
.copy_edu_ul li{list-style:disc outside; margin:0; padding:0;}
.copyprivacy li{list-style-position:outside; margin:0 0 0 20px; padding:0;}
.link{margin:4px 0 0 0;}
.link_education{margin:4px 0 0 8px;}
.form_bg{background-color:#99cc00; width:588px; margin:10px 0 0 0;}
.form_padding{padding:0 10px 15px 10px; color:#FFFFFF;}
.form_padding_partner{padding:0 0px 15px 0px;}
.form_padding h2{color:#FFFFFF;}
.form_padding_partner h2{}
.myfieldset {padding: 0; border:none; margin:15px 0;} 
.myfieldset.submit {border-style: none;text-align:center;}
.myfieldset#application_form {padding: 0; border:none; margin:10px 0; width:60%; float:left;}
.myfieldset#application_form_r {padding: 0; border:none; margin:10px 0; width:40%; float:right;}
#myfieldset_news{margin:-6px 0 -12px 0;}
.myfieldset ol {margin:0; padding:0;}
.myfieldset ol li { list-style: none; padding: 5px; margin: 0;}
.myfieldset ol li.education { list-style: none; padding: 5px; margin: 0 0 25px; #margin:0;}
.myfieldset ol li.education2 { list-style: none; padding: 5px; margin: 0 0 20px 0; #margin:0px 0px 10px;}
.myfieldset label {float:left; clear:left; width: 130px; margin-right: 12px;}
.myfieldset label.radiolabel {float:none; width: 60px; margin-right: 12px; clear:none;}
.myfieldset select{	width:186px;color:#333; background-color:#cde683; border:1px inset #cde683;}
.myfieldset select.education2{	width:150px;color:#666; background-color:#fff; border:1px inset #fff; margin-left:8px; clear:left; float:left; font-size:11px;}
.myfieldset select.education{width:150px;color:#333; background-color:#CDE683; border:1px inset #CDE683; margin:-16px 0 0 80px;  float:left;}
.myfieldset select.joinus{	width:186px;color:#666; background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset select.joinus_dropdown{	width:240px;color:#666; background-color:#fef5cc; border:1px inset #fef5cc; letter-spacing:normal;}
.myfieldset select.contact{	width:186px;color:#333; background-color:#a0c6da; border:1px inset #a0c6da;}
.myfieldset select.news{width:100px;color:#666; background-color:#fae7d4; border:1px inset #fae7d4;}
.myfieldset select.date{width:45px;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset select.month{width:80px;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset select.year{width:53px;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset input{width:182px;color:#333;background-color:#cde683; border:1px inset #cde683;}
.submit_education{width:58px; height:23px; background-image:url(images/education/education_submit_btn.jpg); border:0; float:left; margin-top:0; margin-top:125px; #margin-top:165px; cursor:pointer;}
.myfieldset input.submit_education2{width:58px; height:23px; background-image:url(images/education/education_submit_btn2.jpg); border:0; float:right; margin-top:5px; margin-right:12px; margin-bottom:12px; cursor:pointer;}
.myfieldset input.partner{width:242px;color:#fff;background-color:#8396ff; border:1px inset #8396ff; padding:0 2px;}
.myfieldset input.partner_checkbox{width:20px;color:#fff;background-color:#ffffff; border:0; padding:0 2px;}
.myfieldset label.partner_label {float:none; width: 60px; margin-right: 12px; clear:none;}
.myfieldset input.joinus{width:180px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset input.contact{width:180px;color:#333;background-color:#a0c6da; border:1px inset #a0c6da;}
.myfieldset label.education {float:left; width: 90px; clear:left; margin-left:8px;}
.myfieldset input.education{width:150px;color:#333; background-color:#CDE683; border:1px inset #CDE683; margin:-16px 0 0 80px; float:left;}
.myfieldset label.education2 {float:left; width: 90px; margin-right: 12px; clear:left; margin-left:8px;}
.myfieldset input.education2{clear:left; float:left; width:150px;color:#666; background-color:#FFF; border:1px inset #FFF; margin-left:8px; font-size:11px;}
.myfieldset input.cv{width:260px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset input.browse{width:60px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset input.ic_left{width:70px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset input.ic_mid{width:25px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset input.ic_right{width:45px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset textarea.joinus{width:180px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset textarea.contact{width:180px;color:#333;background-color:#a0c6da; border:1px inset #a0c6da;}
.myfieldset input.radio{width:10px; color:#333;background-color:#fff; border:none; vertical-align:middle;}
.myfieldset textarea{width:180px;color:#333;}
.myfieldset textarea.innovation{width:180px;color:#333;background-color:#cde683; border:1px inset #cde683;}
.myfieldset textarea.partner{width:240px;color:#fff;background-color:#8396ff; border:1px inset #8396ff; padding:0 2px;}

.myfieldset legend {font-size:12px; font-weight:bold; margin:0 0 0 -8px; padding:0 12px; background-color:#F0F0F0; width:565px; overflow:auto;}
.submit_green{width:90px; height:30px; background-image:url(images/btn_submit_green.gif); border:0; float:right; margin-right:10px; margin-top:0px; margin-bottom:12px;}
.submit_yellow{width:90px; height:30px; background-image:url(images/btn_submit_yellow.gif); border:0; float:right; margin-right:10px; margin-top:0px; margin-bottom:12px; cursor:pointer;}
.submit_blue{width:90px; height:30px; background-image:url(images/btn_submit_blue.gif); border:0; float:right; margin-right:240px; margin-top:0px; margin-bottom:12px;}
.submit_darkBlue{width:90px; height:30px; background-image:url(images/btn_submit_darkblue.gif); border:0; float:right; margin-right:160px; margin-top:0px; margin-bottom:12px;}
.orangeBar{background-color:#FF9900;height:14px; width:100%; clear:both;}
.yellowBar{background-color:#FFCC00;height:14px; width:100%; clear:both;}
.blueBar{background-color:#0092D9;height:14px; width:100%; clear:both;}
.greenBar{background-color:#99cc00;height:14px; width:100%; clear:both;}
.darkBlueBar{background-color:#314ad4;height:14px; width:100%; clear:both;}
.red{color:#FF0000;}
.tag{margin:0; padding:0; vertical-align:middle;}
.news_company_desc{background-color:#ffffff; padding:3px 8px; margin:-3px -8px;}
.caption{margin:0 8px 0 0; padding:0; line-height:normal; font-style:italic; clear:left;}
.divJobApplication_Hidden{display:block; border:0;}
.myfieldset input.mgm{width:240px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}
.myfieldset textarea.mgm{width:240px;color:#333;background-color:#fef5cc; border:1px inset #fef5cc;}

#tab1{background-image:url(images/tab_bg.gif); background-repeat:no-repeat; background-position:top left; margin:-15px -10px; padding:15px 10px; width:588px;}
.tabWrapper{width:578px;height:31px;background:url(images/tabs_bg.gif) top left repeat-x;}
ul.tabNavi {position:relative;list-style:none;height:31px;width:578px;float:left;}
ul.tabNavi li {display:inline;height:31px;background:url(images/tabs_open.gif) top left no-repeat;float:left;padding-left:13px;}
ul.tabNavi li span {display:block;height:31px;background:url(images/tabs_body.gif) top left repeat-x;float:left;}
ul.tabNavi li span a {height:22px;float:left;background:url(images/tabs_close.gif) top right no-repeat;padding-right:13px;font-size: 14px; font-weight:normal; 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;}
#tab2{display:none; background-image:url(images/tab_bg.gif); background-repeat:no-repeat; background-position:top left; margin:-15px -10px; padding:15px 10px; width:588px;}
#epp_tab1{background-image:url(images/tab_bg.gif); background-repeat:no-repeat; background-position:top left; margin:-15px -10px; padding:15px 10px; width:356px;}
#epp_tab2{display:none; background-image:url(images/tab_bg.gif); background-repeat:no-repeat; background-position:top left; margin:-15px -10px; padding:15px 10px; width:356px;}
#epp_tab3{display:none; background-image:url(images/tab_bg.gif); background-repeat:no-repeat; background-position:top left; margin:-15px -10px; padding:15px 10px; width:356px;}
#epp_tab4{display:none; background-image:url(images/tab_bg.gif); background-repeat:no-repeat; background-position:top left; margin:-15px -10px; padding:15px 10px; width:356px;}
.epp_tabWrapper{width:366px;height:31px;background:url(images/tabs_bg.gif) top left repeat-x;}
ul.epp_tabNavi {position:relative;list-style:none;height:31px;width:366px;float:left;}
ul.epp_tabNavi li {display:inline;height:31px;background:url(images/tabs_open.gif) top left no-repeat;float:left;padding-left:13px;}
ul.epp_tabNavi li span {display:block;height:31px;background:url(images/tabs_body.gif) top left repeat-x;float:left;}
ul.epp_tabNavi li span a {height:22px;float:left;background:url(images/tabs_close.gif) top right no-repeat;padding-right:13px;font-size: 14px; font-weight:normal; color:#999999;padding-top:9px;vertical-align:middle;}
ul.epp_tabNavi li span img {}
ul.epp_tabNavi li span a:hover {color:#000000; text-decoration:none}
ul.epp_tabNavi li.Active {background-position:bottom left;}
ul.epp_tabNavi li.Active span {background-position:bottom;}
ul.epp_tabNavi li.Active span a {background-position:bottom right;color:#000000;}
.tabTable{display:block; overflow:auto; margin-top:10px;}

.vacancy_name{width:330px; display:block; float:left; margin:0; padding:0;}
.vacancy_empty{width:588px; display:block; float:left; margin:0; padding:0;}
.vacancy_loc{width:120px; display:block; float:left; margin:0; padding:0;}
.vacancy_date{width:120px; display:block; float:left; margin:0; padding:0;}
.vacancy_title{margin:0px -8px 0px -8px; padding:10px 8px 15px 8px; border-bottom:1px solid #ccc;}
.vacancy_name_title{width:330px; display:block; float:left; margin:-5px 0; padding:0; color:#030303; height:15px;}
.vacancy_loc_title{width:120px; display:block; float:left; margin:-5px 0; padding:0; color:#030303; height:15px;}
.vacancy_date_title{width:120px; display:block; float:left; margin:-5px 0; padding:0; color:#030303; height:15px;}
.copy_news{margin:0 8px 0 0; padding:0; line-height:130%;}
.caption img{float:left; padding-right:8px;}
.myprize_banner{margin:10px 0 -5px 0; padding:0;}
#earth_hour_bottom{float:left; margin:-2px 0px 0px 8px; padding:0; width:392px; height:350px; overflow:visible; display:none; position:relative; z-index:1;}
#earth_hour{float:left; position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:50;}
#earth_hour_bg{background:url(images/raya_bg.jpg) center top no-repeat; display:block; position:absolute; left:50%; margin:0 0 0 -50%; width:100%; height:517px; z-index:-1; text-align:center;}
.education_left{float:left; width:392px;}
.education_faq{float:left; width:784px;}
.education_left_copy{margin:0; padding:15px 8px 0; text-align:left;}
.education_right{float:right; width:588px;}
#education_section1_wrapper{width:980px; border-top:solid 1px #ccc; margin-top:25px; #margin-top:10px; clear:both;}
#education_guy{background:url(images/education/ytlc_education_image_guy.jpg) no-repeat center bottom; width:392px; height:550px; #height:570px;}
.education_findout{padding:0 10px;}
.education_findout_bg{ background-color:#d6ebff;}
.small{font-size:9px; line-height:normal; margin:0 8px; clear:left;}
.blue_bg{background-color:#d6ebff; padding:15px 20px;}
.education_howto_left{width:270px; float:left;}
.education_howto_right{width:100px; float:left;}
.education_error{float:left; margin:0 0 0 80px;}
.education_error2{float:left; margin:0 0 0 8px; font-size:11px;}
.top_border{border-top:solid 1px #CCC; padding-bottom:15px;}
.bottom_border{border-bottom:solid 1px #CCC;}
.faq_top{float:right;}
#opps{ margin:15px auto;}
#education_sidebar{height:510px;}
#divEmployment3{}
#liOtherUniversity2{margin-top:-8px;}
#liOtherUniversity{margin-top:30px;}


/*
* Rotating banner *************************************************
*/

#features {
	width: 980px;
	height: 277px;
	float: left;
}

#features .feature-story {
	position: absolute;
	top: 73px;
}

#features .feature-photo {
	border:0 none;
	display:block;
	margin:0;
}

#features .feature-story img{
	width: 980px;
	height: 277px;
}

#features ul#feature-links {
	width: 100px;
	height: 20px;
	float: right;
	position: absolute;
	top: 320px;
	margin-left: 920px;
	z-index: 1000;
}

#features ul#feature-links li {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	list-style: none;
	display:inline;
	float:left;
}

#features ul#feature-links li a {
	display: block;
	width: 20px;
	height: 20px;
	background-position: bottom left;
}

#features ul#feature-links li a span {
	display: none;
}

#features ul#feature-links li a.active,
#features ul#feature-links li a:hover {
	background-position: top left;
}

#features ul#feature-links li.banner-1 a {
	background-image:url(images/btn_rotating-1.gif);
}

#features ul#feature-links li.banner-2 a {
	background-image:url(images/btn_rotating-2.gif);
}
#features ul#feature-links li.banner-3 a {
	background-image:url(images/btn_rotating-3.gif);
}