@media print	{
.rhs		{display:none;}
.rhsContent	{display:none;}

#header	.headerContent	{display:none;}	
#header	.fixed-header	{display:none;}	
#header	.colorBGwhite	{display:none;}	
#header	.colorBG	{display:none;}	
.lhs		{*width:auto!important;_width:78%!important;}
.footer-container {display:none;}
.result-list-menu {display:none;}
}

body {padding:0; margin:0; width:100%}
body div { /*position: relative; */}

body table {text-align: left;}

td, p, br, body, li, input {font-family:Arial,'新細明體',mingliu; font-size: 13px; line-height: 18px; color:#000000; }
input, textarea {font-size: 11px; line-height: 16px;}
 
a:link { color:#000000; }
a:visited { color:#000000; }
a.l_and_r:link { color:#000000; }
a.l_and_r:visited { color:#666666; }
a.list_ie:link { color:#000000; }
a.list_ie:visited { color:#999999; }
a.list_netscape:link { color:#000000; }
a.list_netscape:visited { color:#999999; }

#header {/*position:fixed; height:70px;*/ width:100%; padding-top:10px; margin:auto 0; *z-index:99}
#header .headerContent {margin-left: -430px; left: 50%; position: fixed; width:860px; /*padding:0; margin:0 auto;*/ z-index:99; top:26px;}
#header .headerContent .logoBox{float:left; top:22px; left:-5px; background: url('/english/images/myct/header_logo_bar.png') no-repeat; width:206px; height:58px;}
#header .headerContent .buttonBox {width:260px; height:36px; top:7px; float:right; background: url('/english/images/myct/header_button_bar.png') no-repeat 0 0;}

#header .headerContent .buttonBox .buttonBoxIcon {position: relative; left:0px; width:260px; height:36px;}
#header .headerContent .buttonBox .buttonBoxIcon a 	{position: relative; width:26px; height:26px; left:5px; top:5px; display:block; float:left; margin-left:15px;}
#header .headerContent .buttonBox .buttonBoxIcon .saveIcon {background: url('/english/images/myct/header_button_icon_save.png') no-repeat left top; left:5px; margin-left:10px;}
#header .headerContent .buttonBox .buttonBoxIcon .saveIcon:hover {background-position:right top;}
#header .headerContent .buttonBox .buttonBoxIcon .mailIcon {background: url('/english/images/myct/header_button_icon_mail.png') no-repeat left top;}
#header .headerContent .buttonBox .buttonBoxIcon .mailIcon:hover {background-position:right top;}
#header .headerContent .buttonBox .buttonBoxIcon .printIcon {background: url('/english/images/myct/header_button_icon_print.png') no-repeat left top;}
#header .headerContent .buttonBox .buttonBoxIcon .printIcon:hover {background-position:right top;}
#header .headerContent .buttonBox .buttonBoxIcon .reportIcon {background: url('/english/images/myct/header_button_icon_report.png') no-repeat left top;}
#header .headerContent .buttonBox .buttonBoxIcon .reportIcon:hover {background-position:right top;}
#header .headerContent .buttonBox .buttonBoxIcon .fbIcon {background: url('/english/images/myct/header_button_icon_fb.png') no-repeat left top;}
#header .headerContent .buttonBox .buttonBoxIcon .fbIcon:hover {background-position:right top;}
#header .headerContent .buttonBox .buttonBoxIcon .twitterIcon {background: url('/english/images/myct/header_button_icon_twitter.png') no-repeat left top;}
#header .headerContent .buttonBox .buttonBoxIcon .twitterIcon:hover {background-position:right top;}

#header .headerContent .buttonBox .saveBubble {position:absolute; left:-46px; top:28px; width:149px; height:48px; background: url('/english/images/myct/bubble_save.gif') no-repeat left top; padding-left:8px; z-index:999; display:none}
#header .headerContent .buttonBox .saveBubble div {top:20px}

#header .headerContent .buttonBox .saveBubble_large {
position:absolute;
left:-48px; top:28px;
width:157px;
height:78px;
background: url('/english/images/myct/bubble_save_large.png') no-repeat left top;
padding-left:8px;
z-index:999;
display:none}
 
#header .headerContent .buttonBox .saveBubble_large div {top:20px}

/* Save Button Popup, Updated on 20140121
-------------------------------------------------------------------------*/
.saveBubblePopUpContainer{
	position:absolute; 
	left:-157px; 
	top:26px; 
	z-index:999; 
	display:none;
	width:400px;
	text-align:center;
}
.saveBubblePopUp {
	margin:0 auto;
}
.saveBubblePopUp .bubble-arrow{
	background-image: url('/english/images/myct/bubble_save_arrow.png'); 
	width:15px;
	height:13px;
	z-index:5;
	margin:0 auto;
	position:relative;
}
.saveBubblePopUp  .bubble-container{
	background:#ffffff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-align:justify;
	position:relative\9;
	top:-2px\9;
	z-index:0;
	line-height:18px;
	padding:10px; 
	box-shadow: #616060 1px 1px 3px;
	-webkit-box-shadow: #616060 1px 1px 3px;
	-moz-box-shadow: #616060 1px 1px 3px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#d3d3d3, Strength=2, Direction=0),
           progid:DXImageTransform.Microsoft.Shadow(Color=#a0a0a0, Strength=3, Direction=90),
           progid:DXImageTransform.Microsoft.Shadow(Color=#a0a0a0, Strength=3, Direction=170),
           progid:DXImageTransform.Microsoft.Shadow(Color=#d3d3d3, Strength=2, Direction=240);
}
.saveBubblePopUp  .bubble-container.ie8-above{
	box-shadow: #353535 0px 0px 5px;
	top:0px;
	filter:none;
}
/*------------------End of Save Button Bubble-------------------------------------------------------*/

.reportBubble {position:absolute; left:-184px; top:41px; width:207px; height:307px; background: url('/english/images/myct/bubble_report.gif') no-repeat left top; padding-left:8px; z-index:999; display:none; font-size: 11px; line-height: 16px;}
.reportBubble-minibar {position:absolute; left:-200px; top:12px; width:207px; height:307px; background: url('/english/images/myct/bubble_report.gif') no-repeat left top; padding-left:8px; z-index:999; display:none; font-size: 11px; line-height: 16px;}
.reportBubble div, .reportBubble-minibar div {top:26px;}

#header .colorBG {position: fixed; width:100%; height:23px; top:66px; background: url('/english/images/myct/header_bar.gif') repeat-x 0 0; z-index:98}
#header .colorBGwhite {position: fixed; width:100%; height:67px; top:0px; background-color: #FFF; z-index:97}

#header .rhs {position:relative; width:860px; margin:120px auto 0 auto; z-index:1;}
#header .rhs .rhsContent{position:absolute; float: right; width: 202px; right:0; padding: 0 0 40px 0;}
#header .rhs .rhsContent .moreJobs {height:350px; top:10px; background: url('/english/images/myct/box_bg_bottom_c3c3c3.gif') no-repeat left bottom; padding-bottom:25px;}
#header .rhs .rhsContent .moreJobs .moreJobsTitle{width:179px; padding:5px 5px 5px 21px; height:18px; background: url('/english/images/myct/box_bg_top_c3c3c3_round.gif') no-repeat 0 0; z-index:1 }

#header .rhs .rhsContent .tools {height:145px; top:10px; background: url('/english/images/myct/box_bg_bottom_c3c3c3.gif') no-repeat left bottom; padding-bottom:25px; margin-bottom:10px;}
#header .rhs .rhsContent .tools .toolsTitle{width:179px; padding:5px 5px 5px 21px; height:18px; background: url('/english/images/myct/box_bg_top_c3c3c3.gif') no-repeat 0 0; z-index:1 }

/*steven*/
#contentFrame .rhs {position:relative; width:860px; margin: 80px auto 0 auto;}
#contentFrame .rhs .rhsContent{position:absolute; right:0;}
#contentFrame .rhs .rhsContent .moreJobs {height:350px; top:10px; background: url('/english/images/myct/box_bg_bottom_0d57a0.gif') no-repeat left bottom; padding-bottom:25px;}
#contentFrame .rhs .rhsContent .moreJobs .moreJobsTitle{width:179px; padding:5px 5px 5px 21px; height:18px; background: url('/english/images/myct/box_bg_top_0d57a0.gif') no-repeat 0 0; z-index:1 }
/*steven*/

#footer {/*position:fixed; bottom:0;*/ width:100%; height:20px; background: #336699; color: #FFF; z-index:99; clear:both;}
#footer .footerContent {width:860px; line-height: 12px; padding: 4px 8px; margin:0 auto; z-index:99; font-size: 11px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ #footer .footerContent  {top:3px;} }  

/*#footer .colorBG {position:absolute; width:100%; height:23px; bottom:0px; background: url('/english/images/myct/header_bar.gif') repeat-x 0 0; z-index:1}
#footer .colorBG {position:absolute; width:100%; height:53px; bottom:0px; background: url('/english/images/myct/header_bar.gif') repeat-x 0 0; z-index:1}*/


.jd-full-contentFrame { margin: 0 auto; }
#contentFrame {width:860px; *top:90px; padding:0; /*z-index:1*/}
#contentFrame .lhs {width:624px; /*padding-right:25px;*/ word-wrap: break-word; z-index: 10; }

#contentFrame .lhs .jobTag, #contentFrame .lhs .jobTag a{font-size: 11px; line-height: 16px;}


#contentFrame .lhs .jobSummary{width:100%;}
#contentFrame .lhs .jobSummary .jobSummaryTable{width:600px;}
#contentFrame .lhs .jobSummary .jobSummaryTable td {border-top: 1px dotted #e6d166; padding: 10px 10px; vertical-align:top; font-size: 12px; line-height: 16px;}
#contentFrame .lhs .jobSummary .jobSummaryTable td a {font-size: 12px; line-height: 16px;}
#contentFrame .lhs .jobSummary .jobSummaryTable tr:first-child td {border-top: 0px dotted #ffffff;}

.f8 {font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 8pt;}
.toolsTitleT, .moreJobsTitleT {font-family:Arial,'新細明體',mingliu; font-size: 14px; line-height: 18px; font-weight: bold; color:#787878;/*color:#0d57a0;*/ display: block;}
.toolsTitleT {margin: 0 0 15px 10px;}
.moreJobsTitleT {margin: 0 0 10px 10px;}

#moreJobsList {list-style-type: none; padding: 0px; margin: 0px; text-align:left}
#moreJobsList li{width:160px; background-image: url(/english/images/myct/star.gif); background-repeat: no-repeat; background-position: 0 15px; padding:14px 0 10px 14px; font-size: 11px; line-height: 16px; border-bottom:1px dotted #e6d166; position:relative;}
#moreJobsList li a{font-size: 12px; line-height: 16px;}

.rightButton {top: 28px; float: right;}
.submitButton {/*top: 28px; float: right;*/}

.applyButton, .lhs .applyButton, .lhs .applyButton-form, .lhs .applyButton-r {font-family:Arial,'新細明體',mingliu; font-weight: bold; text-align:center; color:#303030; /*width:115px;*/ padding:10px 0; /*margin-bottom:5px;*/ display:block; position:relative;}
.applyButton {font-size: 18px; line-height: 22px;}
.lhs .applyButton, .lhs .applyButton-form, .lhs .applyButton-r {font-size: 14px; line-height: 18px;}
.applyButton, .lhs .applyButton, .lhs .applyButton-form, .lhs .applyButton-r{
/*background-color:#ffdb32;*/
background-color:#fb5f40;
color:#fff;
/*background-image: -webkit-linear-gradient(top,#ffdb32,#f9c700);
background-image: -moz-linear-gradient(top,#ffdb32,#f9c700);
background-image: -ms-linear-gradient(top,#ffdb32,#f9c700);
background-image: -o-linear-gradient(top,#ffdb32,#f9c700);
background-image: linear-gradient(top,#ffdb32,#f9c700);*/
/*border:1px solid #e6d166;*/
border:1px solid #fb5f40;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: hand;
width:202px;
}
.lhs .applyButton-form {margin-right:30px;}
.applyButton {padding-left: 22px;}

.applyButton:hover, .lhs .applyButton:hover, .lhs .applyButton-form:hover, .lhs .applyButton-r:hover{
background-color:#fb8640;
/*background-image: -webkit-linear-gradient(top,#95e0f1,#39cef1);
background-image: -moz-linear-gradient(top,#95e0f1,#39cef1);
background-image: -ms-linear-gradient(top,#95e0f1,#39cef1);
background-image: -o-linear-gradient(top,#95e0f1,#39cef1);
background-image: linear-gradient(top,#95e0f1,#39cef1);*/
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
border:1px solid #fb8640;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: hand;
}

.applyButton, .lhs .applyButton, .lhs .applyButton-form, .lhs .applyButton-r {/*width:202px*/ width:180px;}
.lhs .applyButton-form {width:185px}


.icon-applynow {width:20px; height:19px; position:absolute; left:41px; top:11px; background: url('/english/images/myct/icon-apply-now.png') 0 0 no-repeat;}

.lhs .applyButton-form, .lhs .applyButton-r {float:left;}
.lhs .applyButton-r {margin-left:65px;}

#slides {position:absolute; width:177px; text-align:center}
.slides_container {width:177px;	display:none;}
.slides_container div {width:177px;	/*height:280px;*/ /*Updated by Martha on 20140423*/height:265px; display:block;}
#slides .slidesNP {top:-10px;}
#slides .slidesNP .moreJobListPrev{position:relative; display:block; width:16px; height:16px; background:url('/english/images/myct/prev.gif') no-repeat 0 0; float:left;}
#slides .slidesNP .moreJobListNext{position:relative; display:block; width:16px; height:16px; background:url('/english/images/myct/next.gif') no-repeat 0 0; float:left; left:142px;}
#slides .pagination {position:relative; width:auto; padding:0; left:30px;top:-23px; -moz-top:-22px}
@-moz-document url-prefix() {
	#slides .pagination {top:-24px}
}
#slides .pagination li {float:left; margin:0; list-style:none; text-align:center}
#slides .pagination li a {width:12px; padding:0 2px 0 2px; color:#999; display:none}
#slides .pagination li.current a {color:#000; display:inline; text-decoration:none}

#displayNone {display:none}

.noUnderLine {text-decoration: none;}

/* View All button*/
a.button-more:link, a.button-more:visited {
	/*background:url('/revamp2012/images/highlights-column-button-more.gif') no-repeat;*/
	font-size: 12px;
	color: #666;
	
	text-decoration:none;
	/*padding: 0px 11px 1px 4px;*/
	position:absolute;
	right:14px;
	bottom:14px;

	z-index:5;
	-webkit-text-size-adjust:none; /*for Chrome*/
}
a.button-more:hover, a.button-more:active {
	/*background:url('/revamp2012/images/highlights-column-button-more-hover.gif') no-repeat;*/
	text-decoration: underline;
}


/* For IE7 */
/*#header {*left:0px}
#header .colorBG {*left:0px}
#header .rhs{*top:30px}
/*steven*/
/*#contentFrame .rhs{*top:30px}
/*steven*/

#header {*left:0px ; }
#header .colorBG {*left:0px}
#header .rhs{*position:absolute;*left:50%;*margin-left:-430px;*margin-top:43px;}
#header ul { list-style-image:none;}
#contentFrame {*top:113px;*clear:both;}
#footer{*visibility:hidden;*z-index:98;}

/*
#contentFrame {top:0px}*/
.saveBubble {*left:-57px}
.reportBubble {*left:-184px}
#slides .pagination {*left:23px; *top:-29px}

/* For IE6 */
#header {_left:0px; _position:relative;}
#header .colorBG {_left:0px}
#header .rhs{_top:30px}
#header .rhs .rhsContent{_left:655px; *top:60px;}

/*steven*/
#contentFrame .rhs{_top:30px}
#contentFrame .rhs .rhsContent{_left:655px}
/*steven*/

#contentFrame {_top:20px}
.saveBubble {_left:-47px; *left:-47px;}
.reportBubble {_left:-184px; *left:-184px }
#slides .pagination {_position:absolute; _left:23px; _top:286px}

#header .headerContent .logoBox										{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_logo_bar.png',sizingMethod='crop'); _background:none;}

#header .headerContent .buttonBox .buttonBoxIcon .saveIcon			{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_save_1.png',sizingMethod='crop'); _background: none; _margin-left:5px; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .saveIcon:hover	{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_save_1_hover.png',sizingMethod='crop'); _background: none; _margin-left:5px; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .mailIcon			{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_mail_1.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .mailIcon:hover	{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_mail_1_hover.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .printIcon			{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_print_1.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .printIcon:hover	{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_print_1_hover.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .reportIcon		{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_report_1.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .reportIcon:hover	{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_report_1_hover.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .fbIcon			{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_fb_1.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .fbIcon:hover		{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_fb_1_hover.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .twitterIcon		{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_twitter_1.png',sizingMethod='crop'); _background: none; _cursor:pointer;}
#header .headerContent .buttonBox .buttonBoxIcon .twitterIcon:hover	{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/header_button_icon_twitter_1_hover.png',sizingMethod='crop'); _background: none; _cursor:pointer;}

#header .headerContent .buttonBox .saveBubble_large					{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/myct/bubble_save_large.png',sizingMethod='crop'); _background: none;}

a.tools-save:link, a.tools-save:visited, a.tools-follow:link, a.tools-follow:visited, a.tools-share:link,  a.tools-share:visited, a.tools-print:link, a.tools-print:visited, a.tools-report:link, a.tools-report:visited {display:block; background: url('/english/images/myct/tools-icon.png') no-repeat; text-decoration:none; color:#00aede; padding:0 0 16px 35px;}
a.tools-save:hover, a.tools-follow:hover, a.tools-share:hover, a.tools-print:hover, a.tools-report:hover {text-decoration:underline;}
a.tools-save:link, a.tools-save:visited {background-position:10px 0;}

/*Updated on 20140424 Add saved state for a.tools-save*/
a.tools-save.saved{background: url('/english/images/myct/tools-icon-yellow.png') no-repeat; background-position: 10px 0; cursor:default;text-decoration:none;outline:0;}
a.tools-save.saved:hover{cursor:default;text-decoration:none;outline:0;}

a.tools-follow:link, a.tools-follow:visited {background-position:10px -37px;}
a.tools-share:link, a.tools-share:visited {background-position:10px -75px;}
a.tools-print:link, a.tools-print:visited {background-position:10px -110px;}
a.tools-report:link, a.tools-report:visited {background-position:10px -146px;}

a.tools-share-fb:link, a.tools-share-fb:visited, a.tools-share-fb:hover,
a.tools-share-tw:link, a.tools-share-tw:visited, a.tools-share-tw:hover,
a.tools-share-email:link, a.tools-share-email:visited, a.tools-share-email:hover {width:26px; height:26px; display:block; float:left;}
a.tools-share-fb:link, a.tools-share-fb:visited {background: url('/english/images/myct/header_button_icon_fb.png') no-repeat left top;}
a.tools-share-fb:hover {background: url('/english/images/myct/header_button_icon_fb.png') no-repeat right top;}
a.tools-share-tw:link, a.tools-share-tw:visited {background: url('/english/images/myct/header_button_icon_twitter.png') no-repeat left top;}
a.tools-share-tw:hover {background: url('/english/images/myct/header_button_icon_twitter.png') no-repeat right top;}
a.tools-share-email:link, a.tools-share-email:visited {background: url('/english/images/myct/header_button_icon_email.png') no-repeat left top;}
a.tools-share-email:hover {background: url('/english/images/myct/header_button_icon_email.png') no-repeat right top;}
.tools-share-fb, .tools-share-email {margin-right:8px}

/* 20130104 Job Ref */
.bubble350 {width:330px; position:relative;}
.bubble350b {width:350px; position:absolute; top:16px; right:-3px; z-index:1000;}
.bubble350 .bubble-icon, .bubble350b .bubble-icon {background: url('/english/images/myct/j_details_bubble_icon.gif') 0px 0px no-repeat; width:40px; height:41px; position:absolute; top:17px; left:4px; z-index:90;}
.bubble350-top {background: url('/english/images/myct/j_details_bubble330_top.png') 0px 0px no-repeat; width:330px; height:13px;}
.bubble350-mid, .bubble350b-mid {padding:5px 12px 5px 55px; font-size: 12px; line-height: 16px; text-align:left;}
.bubble350-mid {background: url('/english/images/myct/j_details_bubble330_mid.png') 0px 0px repeat-y;}
.bubble350b-mid {background: url('/english/images/myct/j_details_bubble350_mid.png') 0px 0px repeat-y;}
.bubble350-mid ol {padding:0px 0px 0px 0px; margin:0px 0px 0px 21px;}
.bubble350-mid li {padding:0px 0px 0px 0px; margin:0px 0px 0px -4px; font-size: 12px; line-height: 16px;}
.bubble350-mid .bubble-head, .bubble350b-mid .bubble-head {color:#00aeda; font-weight:bold; font-size: 13px; line-height: 18px;}
.bubble350-mid .bubble-head {float: left;}

.bubble350-btm {background: url('/english/images/myct/j_details_bubble330_btm.png') 0px 0px no-repeat; width:330px; height:8px;}

.bubble624 {width:624px; position:relative; margin-top:5px;}
.bubble624 .bubble-icon {background: url('/english/images/myct/j_details_bubble_icon_white.png') 0px 0px no-repeat; width:41px; height:41px; position:absolute; top:8px; left:0px; z-index:90;}
.bubble624-top {background: url('/english/images/myct/j_details_bubble624_top.gif') 0px 0px no-repeat; width:624px; height:5px;}
.bubble624-mid {background-color: #00b1d9; color:#fff; padding:5px 12px 5px 55px; font-size: 12px; line-height: 16px;}
.bubble624-mid .bubble-head {color:#fff; font-weight:bold; font-size: 13px; line-height: 18px;}
.bubble624-mid .btn-tips {width:130px; height:19px; float:right; text-align:center;}
.btn-tips a.tips:link, .btn-tips a.tips:visited {background: url('/english/images/myct/j_details_btn130.png') 0px 0px no-repeat; width:130px; height:19px; text-decoration:none; color:#00b1d9; font-weight:bold; display:block; padding:3px 0px 0px 0px; line-height:100%}
.btn-tips a.tips:hover {background: url('/english/images/myct/j_details_btn130.png') 0px -29px no-repeat;}
.bubble624-btm {background: url('/english/images/myct/j_details_bubble624_btm.gif') 0px 0px no-repeat; width:624px; height:5px;}

.bubble350b-top {background: url('/english/images/myct/j_details_bubble350b_top.png') 0px 0px no-repeat; width:350px; height:12px;}
.bubble350b-btm {background: url('/english/images/myct/j_details_bubble350b_btm.png') 0px 0px no-repeat; width:350px; height:6px;}
.job-ref:link, .job-ref:visited, .job-ref:hover {font-size: 11px; line-height: 16px; text-decoration:none; cursor:text; color:#000;}
.job-ref {/*float:right;*/ display:inline}

#header .headerContent .exclusive_job {
	width: 80px;
	height: 60px;
	background: url("/english/images/myct/exclusive-icon-s.png") top left no-repeat;
	
	top: -52px;
	right: 88px;
}

#moreJobsList li div.exclusive_job_notice {
	width: 22px;
	height: 16px;
	position: absolute;
	right: 2px;
	bottom: 4px;
}

/* Exclusivity Agreement
-------------------------------------------------------------------------*/
#exclusivity_agreement {
	width: 564px;
	*width: 624px;
	background: url("/english/images/icons/cthc-caution-yellow.png") 9px 13px no-repeat;
	
	font-size: 12px;
	color: #2aa4cd;
	padding: 12px 0 12px 56px;
	border-bottom: 1px dotted #E6D166;
}

#exclusivity_agreement .header {
	font-size: 16px;
	font-weight: bold;
	display: block;	
}

#exclusivity_agreement a:link, #exclusivity_agreement a:visited {
	font-weight: bold;
	color: #2aa4cd;
}

#exclusivity_agreement a:hover {
	color: #65d7fd;	
}

#ctgoodjobs_tips {
	width: 568px;
	background: url("/english/images/icons/j_details_goodjob_yellow.png") 2px 13px no-repeat;
	font-size: 12px;
	color: #333;
	padding: 12px 0 17px 56px;
	border-bottom: 1px dotted #E6D166;
}

#ctgoodjobs_tips .header {
	font-weight: bold;
	margin-bottom: 2px;
	display: block;	
}

#ctgoodjobs_tips .content {
	line-height: 18px;
	padding-right: 60px;
	display: block;
}

#ctgoodjobs_tips a.tips_btn:link, #ctgoodjobs_tips a.tips_btn:visited {
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: #2AA4CD;
	
	width: auto;
	padding: 4px 12px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	display: block;
	float: right;
	margin-top: 4px;
}

#ctgoodjobs_tips a.tips_btn:hover {
	background: #65D7FD;
	text-decoration: none;
}

.jobdetails-ad184x300 {display:block; /*background-color:#eee;*/ margin: 20px 0 0 16px;}
.jobdetails-ad184x184 {display:block; width:184px; height:184px; /*background-color:#eee;*/ margin: 20px 0 0 16px;}

.bubble-cross {float: right; *right:15px;}
.bubble-cross a:link, .bubble-cross a:visited {color: #777; font-weight: bold; text-transform: capitalize; float: right; font-size: 13px; line-height: 18px; text-decoration: none;}
.bubble-cross a:hover {color: #333;}

#job-ref-icon-summary {display:none;}



/* apply form */
.job-details-form {position:relative; left: -2px; margin-bottom:20px;}
.job-details-form-fancy {position:relative; left: -2px; margin-bottom:20px; width: 629px; margin: 0 auto;}
.job-details-form-top {background: url('/english/images/myct/j_details_form_top.gif') no-repeat; width:629px; height:5px; display:block;}
.job-details-form-mid {background: url('/english/images/myct/j_details_form_mid.gif') repeat-y; width:589px; padding:12px 20px 30px 20px; display: inline-block; *padding:35px 20px 60px 20px;}
.job-details-form  .job-details-form-mid { *padding:15px 20px 60px 20px; }
.job-details-form-btm {background: url('/english/images/myct/j_details_form_btm.gif') no-repeat; width:629px; height:9px; display:none;}
.job-details-ribbon {padding: 6px 0 0 23px; font-size: 15px; line-height: 20px; font-weight: bold; color: #fff; z-index: 10; background: url('/english/images/myct/j_details_ribbon.png') no-repeat; width: 122px; height: 35px; display: block; position: absolute; top: -7px; left: -5px;}


#login-username-wrapper {margin: 4px 0 8px 0;}
.input-style {padding: 10px 0 8px 10px;}
input.apply-info { /*width:205px !important;*/ border:1px solid #fff; font-size:12px; line-height: 24px !important; }
input.apply-info02 {width:160px !important; border:1px solid #fff; font-size:12px;}
.job-details-form input, .job-details-form-fancy input {border: none;}
.input-wrapper {background: #FFF; border: 1px solid #d2dde6; border-radius: 4px; -moz-border-radius: 4px;
box-shadow: 0 2px 4px rgba(98, 98, 98, 0.2) inset; -moz-box-shadow: 0 2px 4px rgba(98, 98, 98, 0.2) inset; -webkit-box-shadow: 0 2px 4px rgba(98, 98, 98, 0.2) inset;}

/*#letter {width:428px; *width:448px; float: left; padding:12px; border: 1px solid #d2dde6; border-radius: 4px; -moz-border-radius: 4px;*/
box-shadow: 0 2px 4px rgba(98, 98, 98, 0.2) inset; -moz-box-shadow: 0 2px 4px rgba(98, 98, 98, 0.2) inset; -webkit-box-shadow: 0 2px 4px rgba(98, 98, 98, 0.2) inset;}

.clear {clear:both;}

.previewButton {font-family:Arial,'新細明體',mingliu; font-size: 14px; line-height: 18px; font-weight: bold; text-align:center; color:#303030; width:115px; padding:10px 0; margin-bottom:5px; display:block;}
.previewButton {
background-color:#d8d8d8;
/*background-color:#dedede;
background-image: -webkit-linear-gradient(top,#dedede,#d6d6d6);
background-image: -moz-linear-gradient(top,#dedede,#d6d6d6);
background-image: -ms-linear-gradient(top,#dedede,#d6d6d6);
background-image: -o-linear-gradient(top,#dedede,#d6d6d6);
background-image: linear-gradient(top,#dedede,#d6d6d6);
border:1px solid #e2e2e2;*/
border:1px solid #d8d8d8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: hand;
}
.previewButton:hover {
background-color:#cbcbcb;
background-image: -webkit-linear-gradient(top,#cbcbcb,#bfbfbf);
background-image: -moz-linear-gradient(top,#cbcbcb,#bfbfbf);
background-image: -ms-linear-gradient(top,#cbcbcb,#bfbfbf);
background-image: -o-linear-gradient(top,#cbcbcb,#bfbfbf);
background-image: linear-gradient(top,#cbcbcb,#bfbfbf);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
border:1px solid #bdbdbd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: hand;
}

.left, .previewButton {float:left;}
.mr20 {margin-right:20px !important;}
.job_application_input {padding: 10px 0 8px 6px; border:0; width:205px; background:transparent;}

.form-opt {float:left; margin:13px 0 0 0; width:110px; position:relative;}
.form-opt02 {float:left; margin:13px 0 0 0; width:45px;}

.z-upper {z-index:20;}
.z-lower {z-index:15;}

.textarea-box {font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.select-cover-letter-block-main {float:left; margin-right:20px; width:205px; *width:225px; padding: 10px 0 8px 10px;}
.select-cover-letter-block {float: left; overflow: hidden;border: 1px solid #fff;}
/*.select-cover-letter {width:195px; *width:215px; margin: -1px;background: none;border: none;color: #000;float: left;font-size: 12px; font-family:Arial, Helvetica, sans-serif;outline: none;text-align: left;text-decoration: none;}
.select-cover-letter-block02 {left:20px; float: left; overflow: hidden;border: 1px solid #fff;}*/
.select-cover-letter02 {width:175px; *width:195px; margin: -1px;background: none;border: none;color: #000;float: left;font-size: 12px; font-family:Arial, Helvetica, sans-serif;outline: none;text-align: left;text-decoration: none;}
.select-upload-block-main {float:left; margin-right:20px; width:205px; padding: 10px 0 8px 10px; height:16px; *height:21px;}

a.job-details-icon-q {position:absolute; top:0px; left:55px; background: url('/english/images/myct/j_details_icon_q.png') no-repeat; width:15px; height:15px; display:block; text-decoration:none;}
a.job-details-opt:link, a.job-details-opt:visited {z-index:10; position: absolute; left:8px; top:8px; *top:9px; background: url('/english/images/myct/j_details_opt.gif') 0 0 no-repeat; width:21px; height:21px; display:block;}
a.job-details-opt:hover, a.job-details-opt-on {z-index:10; position: absolute; left:8px; top:8px; background: url('/english/images/myct/j_details_opt.gif') 0 -31px no-repeat; width:21px; height:21px; display:block;}

a.job-details-opt-off:link, a.job-details-opt-off:visited, a.job-details-opt-off:hover {z-index:10; position: absolute; left:8px; top:8px; *top:9px; background: url('/english/images/myct/j_details_opt.gif') 0 0 no-repeat; width:21px; height:21px; display:block; cursor:not-allowed;}

.file-upload {position: relative; overflow: hidden;}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);}
.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}

.btn{display:inline-block;*display:inline;*zoom:1;padding:1px 5px;margin-bottom:0;font-size:12px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover,.btn:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {cursor: not-allowed; background-color: #fff;}

.file-upload input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.upload-path {width: 115px; margin-left: 23px; margin-top: 4px;}
.upload-block {position:absolute; top:6px; *top:8px; left:10px;}
input:disabled {}

#your_cv_msg {left: 22px; top: -15px;}
.msg-bubble-top {padding: 15px 30px 15px 30px; width:249px; background: url('/english/images/myct/msg-bubble-top.png') no-repeat; display:block; color:#fff;}
.msg-bubble-btm {width:309px; height:9px; background: url('/english/images/myct/msg-bubble-btm.png') no-repeat; display:block;}
.msg-bubble-top ul {color:#fff; padding:0 0 0 0; margin:7px 0 0 17px;}
.msg-bubble-top li{color:#fff; padding:0 0 0 0; margin:0 0 0 0;}
.copyright {top: 1px; float: left;}

.email-acc { height: 116px; margin-bottom: 20px; /*margin-top:70px; width: 629px;*/ margin-right: auto; margin-left: auto;}
.email-acc .email-acc-title { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.icon-gmail, .icon-hotmail, .icon-outlook, .icon-yahoo-mail {float:left; display:block; height:70px;}
.icon-gmail {background: url('/images/icon-gmail.png') no-repeat;  width:113px; margin-right: 36px;}
.icon-hotmail {background: url('/english/images/myct/icon-hotmail.png') no-repeat; width:119px; margin: 0;}
.icon-outlook {background: url('/images/icon-outlook.png') no-repeat; width:140px; margin-right: 36px;}
.icon-yahoo-mail {background: url('/images/icon-yahoo-mail.png') no-repeat; width:74px; margin: 0;}
#email_link_pack { background: #FDFDFD; padding: 20px 12px 10px 12px; }


form select.not_chosen {color: #a9a9a9; font-size: 12px;}
form select option {color: #000; font-size: 12px;}
form select option:first-child {color: #a9a9a9; font-size: 12px;}
.placeholderColor { color : #a9a9a9 !important; font-size: 12px;}

a.general-btn:link { background: none repeat scroll 0 0 #00AEDB; border: 0 none; color: #FFFFFF; font-family: Arial,'新細明體',pmingliu,'細明體',mingliu,Verdana,Helvetica,sans-serif; font-size: 12px; line-height: 16px; font-weight: bold; margin: 0; padding: 2px 3px 2px 4px; text-align: center; text-decoration: none;}


.job-details-form .job-details-form-head {clear:both; font-weight:bold; font-size: 15px; line-height: 20px; color:#000; margin-bottom: 15px;}

.job-details-form-fancy .job-details-form-head {
	clear:both; 
	font-weight:bold; 
	font-size: 15px; line-height: 20px; 
	color:#000; 
	margin-bottom: 15px;
	margin-top:3px;
	*margin-top:-15px;
	*margin-bottom:20px;
}
.job-details-form-fancy .job-details-form-head .head-title-apply-now {
	color: #000000; 
	display: block; 
	font-family: Arial,'新細明體',mingliu; 
	font-size: 18px; line-height: 22px;
	font-weight: bold; 
	padding-left:22px; 
	text-align: center; 
	width: 100px;
}
.job-details-form-fancy .job-details-form-head .head-title-apply-now .icon-apply-now-black{
	background: url("/english/images/myct/icon-apply-now-black.png") no-repeat;
    height: 19px;
    left: 0px;
    position: absolute;
    width: 20px;
}


/* Top Nav Bar */
#recent-activities-top-nav-bar {position:fixed; width:100%; height:35px; background: #f5f5f5; border-bottom: 1px solid #dcdcdc; top:0; left:0; z-index:100;}
#recent-activities-top-nav-bar .nav-content{width:850px; margin:0 auto; height:100%;}
#recent-activities-top-nav-bar .nav-content .title{font-size:12px; font-weight:bold; color:#069edb; float:left; display:block; padding-left:2px; margin-right:17px; height: 23px; margin-top:6px}
#recent-activities-top-nav-bar .nav-content .title a{font-size:12px; height:23px; font-weight:bold; color:#069edb; text-decoration:none; display:block; *display:inline;*zoom:1;}
#recent-activities-top-nav-bar .nav-content .title a:hover{text-decoration:underline;background-color: #d9d9d9;}

#recent-activities-top-nav-bar .nav-content .nav-items,#recent-activities-top-nav-bar .nav-content ul {display:block; list-style-type:none; padding:0px; margin:0; list-style-image:none; background-image:none;}
#recent-activities-top-nav-bar .nav-content .nav-items  li {font-size:12px; color:#6c6c6c; display:block; position:relative; cursor:pointer; left:0px; top:0px; list-style-image:none;background-image:none;padding:0px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item,#recent-activities-top-nav-bar .nav-content > li{font-size:12px; color:#6c6c6c; line-height:35px; float:left; position:relative; cursor:pointer; left:0px; top:0px; list-style-image:none;background-image:none;padding:0px; margin-right:16px; *margin-right:15px;}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item a,#recent-activities-top-nav-bar .nav-content li a {text-decoration:none; cursor:pointer;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item a span,#recent-activities-top-nav-bar .nav-content li a span{font-size:12px; color:#6c6c6c; text-decoration:none;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item a span:hover,#recent-activities-top-nav-bar .nav-content li a span:hover{text-decoration:underline;}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .icon,#recent-activities-top-nav-bar .nav-content li .icon{background:url("/english/images/myct/recent-activites-sprite.png") no-repeat; display:inline-block; *display:inline; *zoom:1; position:absolute; top:50%; margin-top:-10px; margin-top:-9px\9; width:18px; height:18px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .text,#recent-activities-top-nav-bar .nav-content li .text{display:inline-block; *display:inline; *zoom:1; padding-left:18px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.let-employers-find-you .icon{background-position:-257px -936px; top: -12px; top:-10px\9; *top:1px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.let-employers-find-you .text{width:80px;*width:83px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.let-employers-find-you:hover .icon,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.let-employers-find-you .icon.btn-hover{background-position:-257px -952px;}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.let-employers-find-you:hover .text,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.let-employers-find-you .text.btn-hover{color:#068bd1;}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item.saved-jobs .icon{background-position:-18px -935px; background-position:-18px -936px\9;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item.viewed-jobs .icon{background-position:-37px -935px; background-position:-37px -937px\9;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item.recommend-jobs .icon{background-position:-53px -935px; background-position:-53px -937px\9;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item.application-history .icon{background-position:-71px -935px; background-position:-71px -936px\9;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item.job-alert .icon{background-position:-89px -935px; background-position:-89px -936px\9;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item.cv .icon{background-position:-107px -935px; background-position:-107px -937px\9;}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .flag{font-size:12px; font-weight:bold; color:#ffffff; -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; background:#f20000; padding:1px 4px;padding:3px 4px 1px 4px\9; *display:inline; *zoom:1; *line-height:16px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item.cv.inactive .flag{display:none;}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu-container{position:absolute; top:23px; right:0px; padding-top:12px; *padding-top:11px; display:none;}
#recent-activities-top-nav-bar.not-logged-in .nav-content .nav-items .nav-item .nav-item-menu-container{width:212px;}

#recent-activities-top-nav-bar.not-logged-in .nav-content .nav-items .nav-item.saved-jobs.inactive .nav-item-menu-container{width:145px;}
#recent-activities-top-nav-bar.logged-in .nav-content .nav-items .nav-item .nav-item-menu-container{width:140px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu{padding:6px 5px; background:#ffffff; border:1px solid #d4e0ec; list-style-type:none; display:none; z-index:1;line-height:normal;}

#recent-activities-top-nav-bar.not-logged-in .nav-content .nav-items .nav-item .nav-item-menu{width:195px; text-align:center; *margin:0;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item{font-size:12px; color:#6c6c6c; padding-bottom:9px; text-align:left; *position:relative; *clear:both; line-height: 16px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item .icon{*display:block; *float:left; width:16px; height:14px; *margin-right:4px; position:relative; top:2px; margin-top:0px;}

#recent-activities-top-nav-bar.not-logged-in .nav-content .nav-items .nav-item .nav-item-menu .menu-item{padding-bottom:1px;}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item .text {color:#6c6c6c; padding-left:0px; cursor:pointer;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item:hover .text {text-decoration:none;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item .text a{color:#6c6c6c; padding-left:0px; cursor:pointer; text-decoration:underline;}

#recent-activities-top-nav-bar.not-logged-in .nav-content .nav-items .nav-item.saved-jobs.inactive .nav-item-menu{width:125px; text-align:left;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .top-arrow{position:absolute; top:4px; right:11px; background:url("/english/images/myct/recent-activites-sprite.png") no-repeat; background-position:0px -925px; display:block; width:15px; height:10px; left:auto;margin-right:0px;}

.clearfix {display: block; width: auto; zoom: 1; /* IE6/7 fix */}
.clearfix:after {
    height: 0;
    width: 100%;	
    position: relative;
    display :block;
    content: '.';
    text-indent: -9999em;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    display: inline-block;
}
#recent-activities-top-nav-bar.logged-in .nav-content .nav-items .nav-item .nav-item-menu{
	*text-align:left;
}
#recent-activities-top-nav-bar.logged-in .nav-content .nav-items .nav-item .nav-item-menu li {*line-height:18px;}
#recent-activities-top-nav-bar.logged-in .nav-content .nav-items .nav-item .nav-item-menu li a {text-decoration:none;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .top-arrow-container-ie7{
	*background:none;
	*height:0px;
	*font-size:0px;
}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .top-arrow-ie7{
	*background:url("/english/images/myct/recent-activites-sprite.png") no-repeat;
	*background-position:0px -925px;
	*height:9px;
	*font-size:0px;
	display:none;
}

#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.online-cv .icon{background-position:-127px -936px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.online-cv:hover .icon,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.online-cv .icon.btn-hover{background-position:-127px -952px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.online-cv:hover .text,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.online-cv .text.btn-hover{color:#068bd1;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.upload-cv .icon{background-position:-142px -936px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.upload-cv:hover .icon,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.upload-cv .icon.btn-hover{background-position:-142px -952px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.upload-cv:hover .text,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.upload-cv .text.btn-hover{color:#068bd1;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-builder .icon{background-position:-158px -936px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-builder:hover .icon,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-builder .icon.btn-hover{background-position:-158px -952px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-builder:hover .text,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-builder .text.btn-hover{color:#068bd1;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cover-letter .icon{background-position:-174px -936px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cover-letter:hover .icon,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cover-letter .icon.btn-hover{background-position:-174px -952px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cover-letter:hover .text,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cover-letter .text.btn-hover{color:#068bd1;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-request{padding-bottom:1px; position:relative; z-index:2;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-request .icon{background-position:-195px -936px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-request:hover .icon,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-request .icon.btn-hover{background-position:-195px -952px;}
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-request:hover .text,
#recent-activities-top-nav-bar .nav-content .nav-items .nav-item .nav-item-menu .menu-item.cv-request .text.btn-hover{color:#068bd1;}

/* Mini Bar */
#minibar {position:fixed; right:0px; top:100px; width:30px; background-color:#f5f5f5; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; -webkit-border-radius:4px 0px 0px 4px; -moz-border-radius:4px 0px 0px 4px; border-radius:4px 0px 0px 4px; z-index:100;}
#minibar a.minibar-save:link, #minibar a.minibar-save:visited,
#minibar a.minibar-follow:link, #minibar a.minibar-follow:visited,
#minibar a.minibar-share:link, #minibar a.minibar-share:visited,
#minibar a.minibar-print:link, #minibar a.minibar-print:visited,
#minibar a.minibar-report:link, #minibar a.minibar-report:visited
{display:block; background: url('/english/images/myct/tools-icon.png') no-repeat; margin:17px auto 17px auto;}

#minibar a.minibar-save:link, #minibar a.minibar-save:visited {background-position:0 0; width:16px; height:15px;}

/*Updated on 20140424 Add saved state for a.tools-save*/
#minibar a.minibar-save.saved{background: url('/english/images/myct/tools-icon-yellow.png') no-repeat; background-position: 0 0; cursor:default;text-decoration:none;outline:0;}
#minibar a.minibar-save.saved:hover{cursor:default;text-decoration:none;outline:0;}

#minibar a.minibar-follow:link, #minibar a.minibar-follow:visited {background-position:-4px -37px; width:9px; height:16px;}
#minibar a.minibar-share:link, #minibar a.minibar-share:visited {background-position:-1px -75px; width:17px; height:13px;}
#minibar a.minibar-print:link, #minibar a.minibar-print:visited {background-position:-1px -110px; width:17px; height:14px;}
#minibar a.minibar-report:link, #minibar a.minibar-report:visited {background-position:-1px -146px; width:17px; height:17px;}


/* Share Button Popup, Updated on 20140416
-------------------------------------------------------------------------*/
.shareBubblePopUpContainer{
	z-index:999; 
	display:none;
	width:400px;
	text-align:center;
}
.shareBubblePopUpContainer.tools-share{
	position:absolute; 
	left: -380px;
	*left:-378px;
    top: 67px;
	top:61px\9;
}
.shareBubblePopUpContainer.minibar-share{
	position:fixed; 
	top: 135px;
	right: 35px;
}
.shareBubblePopUp{
	float:right;
}
.shareBubblePopUp .bubble-arrow{
	background-image: url('/english/images/myct/bubble_share_arrow.png'); 
	width:15px;
	height:13px;
	z-index:5;
	display:inline-block;
	*display:inline;
	*zoom:1;
	top:16px;
	top:18px\9;
    position: absolute;
    right: -14px;
	*right:-11px;
}
.shareBubblePopUp  .bubble-container{
	position: relative;
    right: 0;
	
	background:#ffffff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:right;
	text-align:justify;
	
	z-index:0;
	line-height:18px;
	padding:10px; 
	box-shadow: #616060 1px 1px 3px;
	-webkit-box-shadow: #616060 1px 1px 3px;
	-moz-box-shadow: #616060 1px 1px 3px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#d3d3d3, Strength=2, Direction=0),
           progid:DXImageTransform.Microsoft.Shadow(Color=#a0a0a0, Strength=3, Direction=90),
           progid:DXImageTransform.Microsoft.Shadow(Color=#a0a0a0, Strength=3, Direction=170),
           progid:DXImageTransform.Microsoft.Shadow(Color=#d3d3d3, Strength=2, Direction=240);
}
.shareBubblePopUp  .bubble-container.ie8-above{
	box-shadow: #353535 0px 0px 5px;
	top:0px;
	filter:none;
}
.shareBubblePopUp .fbIcon {background: url('/english/images/myct/header_button_icon_fb.png') no-repeat left top;}
.shareBubblePopUp  .fbIcon:hover {background-position:right top;}
.shareBubblePopUp  .twitterIcon {background: url('/english/images/myct/header_button_icon_twitter.png') no-repeat left top;}
.shareBubblePopUp  .twitterIcon:hover {background-position:right top;}
.shareBubblePopUp  a  {
	position: relative; 
	width:26px; 
	height:26px; 
	display:block; 
	float:left; 
}
/*------------------End of Share Button Bubble-------------------------------------------------------*/
/* In IE7, ensure bubble350b is placed in front of the job detail content table */
#new_ref_no{
	*z-index:1;
}

/* Revamp Job Detail */
#header .page-content { width: 872px; }
#header .header-logo { width: 144px; height: 45px; background: url("/images/ctlogo-s.png") no-repeat left top; }

#header .rhs *, #header .headerContent * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}

#contentFrame ol { padding-left: 40px; }

#contentFrame .lhs * {
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
}

#contentFrame .lhs #jdAppForm * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}

.lhs {
	width: 624px;
	float: left;
}

/*because no div subpage-body job-detail-page*/
body .jd-action-container{
	height: 42px;
	padding: 4px 0;
	border-top: 1px solid #4699CC;
	border-bottom: 1px solid #4699CC;
}

body .fixed-header {
	background-color: #FFF;
	z-index: 9999;
}

body .jd-action-container {
	height: 42px;
	padding: 4px 0;
	border-top: 1px solid #4699CC;
	border-bottom: 1px solid #4699CC;
}

body .jd-action-container .job-action-list { margin-top: 7px; float: right; }
body .jd-action-container .job-action-list-s { margin-top: 7px; float: left; }

body .jd-action-container .job-apply-now-btn {
	width: 140px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	margin: 0;
	float: right;
}

body .jd-action-container .user-guide-btn { margin-left: 18px; float: right; }

body .header-content { padding-top: 10px; padding-bottom: 10px; }

body .jd-action-container .user-guide-btn { margin-top: 6px; }

.floatLeft {float:left;}

.jd-summary .jd-summary-table {
	clear: both;
}
/* maybe crush with design_default.css */
.preview-cv a{
	font-family: Arial;
	font-size: 13px; line-height: 18px;
	text-decoration: none;
	white-space: nowrap;
}

#contentFrame .lhs ul { padding-left: 40px; margin: 14px 0; list-style: disc; }
#contentFrame .lhs ul.jd-summary-benefit {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
#contentFrame .lhs p, #contentFrame .lhs h3, #contentFrame .lhs h4 { margin: 14px 0; }

.footer-link .footer-link-menu { line-height: 12px; }
.footer-link .footer-link-menu a:link { font-size: 11px; }

/* myHR Job Detail Preview */
body .jd-action-container .job-action-list.myhr-jd-action {
	float: left;
	margin-left: 0;
}