@import url(common.css);
.wrapper {min-width:980px; width:100%;}
#header {width:980px; margin:auto; padding:3px 0px 0px; }
#header a {text-decoration:none;}
input{font-family: Arial,Helvetica,sans-serif;}
body{ font-size:12px;}
#ecShipLogo {padding:6px 16px; }
#ecShipLogo .message{width:100%;text-align:center; font-size:12px; text-align:justify;}

#languages, #size { 
	float:right; height:30px; padding-right:1em;
	font-weight: bold;
	font-size: 12px;
}
#languages li, #size li { float:left;  height:36px; }
#size li.size12{font-size:12px;}
#size li.size14{font-size:14px;}
#size li.size16{font-size:16px;}

#languages a, #size a { display: inline-block; height: 12px; padding:16px 0.75em 6px; text-decoration: none; color: #00805e; }

#topbar {
	height: 36px;
	background:url(img/menu_base_bg.jpg) repeat-x;
}

#topbar #quickLinks {
	float: left;
	height: 36px;
	background:url(img/menu_right_end.gif) no-repeat right;
	padding-right: 20px;
	font-weight: bold;
}

#topbar #quickLinks li {
	float: left; *width: 0;
	white-space: nowrap;
	height: 36px;
	background:url(img/menu_bg.jpg) repeat-x;
	text-align: center;
}
#topbar #quickLinks li.first-child {
	padding-left: 1em;
}

#topbar #quickLinks a { 
	float:left; 
	display:block; 
	margin-top:2px; 
	text-decoration:none; 
	color:#804800;
	padding:10px;
}

#topbar #quickLinks a span { 
	display:block; 
	line-height:28px; 
	margin-left:4px; 
	padding:0 20px 0 16px; 
}

#topbar #quickLinks a.at { 
	background: url("img/menu2_bg_on2.gif") left top no-repeat; 
	color: #e07e00;
	padding:0px;
}

#topbar #quickLinks a.at span {
	 
	background: url("img/menu2_bg_on2.gif") right top no-repeat;
}

#topbar #languages {
	float:right;
	height:36px;
	padding-right: 1em;
	font-weight: bold; 
	font-size: 12px;
}
#topbar #languages li {
	float:left;  height:36px;
}
#topbar #languages a {
	display: inline-block;
	height: 12px;
	padding:16px 0.75em 6px;
	text-decoration: none;
	color: #00805e;
}

#pageContainer {
	width:980px;
	margin:auto;
	font-famliy:Trebuchet MS, Droid Sans, \5FAE\8EDF\6B63\9ED1\9AD4, Arial Unicode MS;
	font-size:12px;
}

/* Shea */
#pageContainer_demoTemp {
	width:1004px;
	height:949px;
	background: url(img/ecship_demo_index.jpg) no-repeat;
	margin:auto;
	font-famliy:Trebuchet MS, Droid Sans, \5FAE\8EDF\6B63\9ED1\9AD4, Arial Unicode MS;
	font-size:12px;
}

#pageContainer2{
	width:980px;
	height:100px;
	margin:auto;
	font-famliy:Trebuchet MS, Droid Sans, \5FAE\8EDF\6B63\9ED1\9AD4, Arial Unicode MS;
	font-size:12px;
}

#pageContainer2 .errTitle{
	border-bottom:2px solid #008260;
	padding:30px 0 5px 0;
	font-size:22px;
	width:85%;
	margin-left:20px;
}

#pageContainer2 .errDesc{
	margin-left:20px;
	font-size:14px;
	padding:5px 0 5px 0;
}


#pageContainer .leftCol {
	float: left;
	padding:0 30px;
	position: relative;
	width: 370px;
}

#pageContainer .leftCol {
	float: left;
	padding:0 30px;
	position: relative;
	width: 370px;
}

#introduction {
	margin-top:12px;
	color:white;
}
#introduction h2 {
	margin-bottom: 0.5em;
	color:white;
	font-size:28px;	
}

#introduction p {	
	margin-top: 0.4em;
	font-size: 16px;
	line-height: 1.4;
	text-align:justify;
	
}

#introduction ul li{
	font-size:12px; 
	line-height:20px;
	text-align:left;
	padding:1px;
}

#introduction ul li img{
	padding-right:4px;	
}

#introduction .info_icon {
	font-weight: bold;
	padding:0px 4px 0px 4px;
}

#introduction a {
	color: #ffd451;
}

#introduction #theFlow {
	margin: -10px -24px;
}

#introduction #bullet_allfree{
	width:100%;
}

#introduction #bullet_allfree table{
	margin-top:10px;

	
}

#introduction #bullet_allfree .bullet_point{
	padding-top:5px;
	vertical-align:top;

}

#introduction #bullet_allfree table .bullet_value{
	padding:3px 0px 5px 5px;	
	
}	

#introduction #bullet_allfree #allfree_img{
	vertical-align:bottom;
	text-align:right;	
	border:0px solid red;
	height:100px;	
}

#articlesLink li {
	float:left;
	line-height: 140%;
	width:50%;
}
#articlesLink a {
	padding-left: 16px;
	background: url(img/link_bullet.gif) no-repeat left center;
	color: #ffd451;
}

#postageCalculator {
	position: absolute;
	left: 0;
	top: 275px;
	width: 350px;
	padding: 16px 0 0 30px !important;
	background: none !important;
}
#postageCalculator .intro {
	width: 350px;
	border: 0px;
	padding-bottom: 2px; 
}
#postageCalculator h2 {
	font-weight: bold;
	font-size: 24px !important;
	color: #333333 !important;
	margin-bottom: 0.5em !important;
	padding:2px 0 0 0;
}
#postageCalculator h3 {
	margin-bottom: 4px !important;
	font-weight: bold !important;
	font-size: 16px !important;
	color: #333333 !important;
}
#postageCalculator p {
	margin-top: 0.5em !important;
	font-size: 14px !important;
	line-height: 225% !important;
	color: #888888 !important;
}
#postageCalculator #postageCalcCountry {
	position: relative;
	width: 160px;
	font-size: 13px;
	margin-bottom: 12px;
}
#postageCalculator #postageCalcCountry_caption {
	display: block;
	background: url(img/bg_textarea_160x200.gif) no-repeat top;
	padding: 4px 0 0;
	cursor: pointer;
}
#postageCalculator #postageCalcCountry_caption span {
	display: block;
	height: 100%;
	background: url(img/bg_textarea_160x200.gif) no-repeat bottom;
	padding: 0 16px 4px 4px;
	line-height: 112%;
	color: black;
}
#postageCalculator #postageCalcCountry #postageCalcCountry_listPanel {
	width: 150px;
	max-height: 10em;
	*height: 10em;
	background-color: window;
	border: 1px solid windowframe;
	padding: 2px 4px;
	position: absolute;
	right: 0px;
	bottom: 100%;
	z-index: 120;
	overflow: auto;
	display: none;
}
#postageCalculator #postageCalcCountry #postageCalcCountry_list li { display: inline; }
#postageCalculator #postageCalcCountry #postageCalcCountry_list a { display:block; padding:0.1em; line-height:113%; color:windowtext; }
#postageCalculator #postageCalcCountry #postageCalcCountry_list a:hover,
#postageCalculator #postageCalcCountry #postageCalcCountry_list a:focus { color: highlighttext; background-color: highlight; }
#postageCalculator #postageCalcWeightCon {
	display: block;
	width: 156px;
	height: 18px;
	padding: 2px;
	background: url(img/bg_weight_input.gif) no-repeat;
	cursor: text;
}
#postageCalculator #postageCalcWeight {
	width: 120px;
	background:none;
	border:0;
	font-size: 12px;
}
#postageCalculator #postageCalcWeightCon span {
	color: black;
	font-size: 12px;
}
#postageCalculator .submit {
	float: left;
	margin-right: 96px;
	margin-right: 48px;
	margin-top: 12px;
	font-family: Arial,Helvetica,sans-serif;
}

#pageContainer .rightCol {
	float: right;
	position: relative;
	width: 550px !important;
}

#adArea1 {
	width: 550px;
	height: 150px;
	background: #FFFFFF;
}

#supportedServices {
	float: left;
	width: 300px;
	height: 290px;	 
}

#supportedServices div.supportServicesTitle{
	padding:15px 0px 10px 0px;
	text-align:center;
}

#supportedServices div.supportServicesContent{
	padding:10px 20px;
}

#supportedServices h2 {
	font-size: 15px;
	color: #a00093;
}
#supportedServices p {
	margin: 1em 0 1.5em;
	font-size: 11px;
	color: #404040;
}
#supportedServices_tabs {}
#supportedServices_tabs .ui-tabs-nav {
	float: left;
	width: 50px;
}
#supportedServices_tabs .ui-tabs-nav li a {background-image:url(img/innerpanel_tabs_left.gif); background-repeat:no-repeat; display:block; width:50px; height:40px; margin-bottom:2px;}
#supportedServices_tabs .ui-tabs-nav li.ui-tabs-selected a { background-image:url(img/innerpanel_tabs_left_on.gif);}
#supportedServices_tabs .ui-tabs-nav li.tab-APL a {background-position: 0 -0px; padding: 0px;}
#supportedServices_tabs .ui-tabs-nav li.tab-ARM a {background-position: 0 -42px; padding: 0px;}
#supportedServices_tabs .ui-tabs-nav li.tab-AEP a {background-position: 0 -84px; padding: 0px;}
#supportedServices_tabs .ui-tabs-nav li.tab-EMS a {background-position: 0 -126px; padding: 0px;}
#supportedServices_tabs .ui-tabs-nav li.tab-EMSMPB a {background-position: 0 -169px; padding: 0px;}


#supportedServices_tabs .ui-tabs-panel {
	background: #f8f8f8;
	float: left;
	width: 170px;
	height: 235px;
	padding: 10px 15px;
	margin-left: -1px;
}

#supportedServices_tabs .ui-tabs-panel.ui-tabs-hide {
	display:none;
}
#supportedServices_tabs .ui-tabs-panel h3 {
	font-size: 14px;
	color: #808080;
	padding-bottom:0.25em;
	border-bottom: 2px solid #E0E0E0;
}
#supportedServices_tabs .ui-tabs-panel p {
	font-size: 12px;
	color: #404040;
	line-height: 120%;
	letter-spacing:0.02em;
	text-align:justify;	
}
#supportedServices_tabs .ui-tabs-panel.chi p {
	font-size: 13px;	
	color: #404040;
	line-height: 140%;
	letter-spacing:0.5px;
	text-align:justify;
}
#supportedServices_tabs a.start {
	margin:0 auto;
}
#loginBox {
	float: right;
	width: 250px;
	height:200px; /*Firefox */
	*height: 195px;	/*IE6 IE7 */
	font-size:13px;
}

/* Shea */

#loginBox_demoTemp {
	width: 230px;
	min-height:280px; /*Firefox */
	*height: 172px;	/*IE6 IE7 */
	border: 1px solid #829b95;
	padding: 15px 25px;
	background: #829b95;
	border-radius: 3px;
	opacity: 0.8;
}

#loginBox_demoTemp table { width:100%; }
#loginBox_demoTemp table tbody tr td { padding:4px 8px; }
#loginBox_demoTemp table tr.errField td { padding:10px 8px; }
#loginBox_demoTemp div.btnField { text-align:right; }
#loginBox_demoTemp label {color:white !important;}
#loginBox_demoTemp .title { font-size:18pt !important; font-weight:bold !important; }
#loginBox_demoTemp .fieldName {font-size:12pt !important;}
#loginBox_demoTemp table tr td input.inputField { width:100% !important; box-sizing:border-box !important; font-size:12pt !important; }
#loginBox_demoTemp a:not(.login-i-am-smart) a:not(.login-hkpid) a:not(.login-subaccount){ color:#00008b !important; font-size:10pt !important; text-decoration:underline !important; }
#loginBox_demoTemp .submit { margin: 0 auto; font-family: Arial,Helvetica,sans-serif; }
#loginBox_demoTemp .loginBtn { display:inline-block; background:url(img/login_btn2.png) no-repeat 0 0; height:44px; width:78px; border:none; text-align:center; cursor:pointer; color:white; font-size:12pt; line-height:44px; text-shadow:0 1px 1px #444; margin:0px 0px 0px 5px; }
#loginBox_demoTemp .resetBtn { display:inline-block; background:url(img/login_btn1.png) no-repeat 0 0; height:31px; width:65px; border:none; text-align:center; cursor:pointer; color:black; font-size:12pt; line-height:31px; margin:0px 5px 0px 0px; }

#registerBox .ui-panel,
#loginBox .ui-panel {

}

#registerBox .ui-panel .ui-panel-content,
#loginBox .ui-panel .ui-panel-content{
	padding:0px;
}


#registerBox .ui-panel, #loginBox .ui-panel.ui-panel.serverMain_block {
	width:100px;
	padding:0px;
}

#loginBox .ui-panel.serverMain_block .ui-panel-content{
	padding:0px;
	width:150px;	
}

#loginBox .ui-panel.serverMain_block .ui-panel-content a{
	text-decoration : underline;
}

#loginBox table{
}

#loginBox #errorMsg{
	border:1px solid red;
}

#loginBox h2 {
	font-size: 14px;
	color: #806d00;
	line-height:20px;
}
#loginBox form {
	margin-top: 1em;
	padding: 0 25px;
	color: #202020;
	text-align: center;
}

#loginBox div{
	text-align:center;		
}

#loginBox table td{text-align:left;}
#loginBox table td.forgetPwd{line-height:1.3;}

#loginBox .fields {
	margin-bottom: 1em;
	text-align: left;
	font-size: 12px;
	padding-top:10px;	
}
#loginBox .btnInput {
	width: 170px;
	height: 16px;
	padding: 2px;
	border: 1px solid 9cb4a3; 
	font-size: 12px;
	margin-bottom: 0.5em;
}

#loginBox input{
	
}

#loginBox .titleField{
	padding:10px 0px 3px 0px;	
	text-align:left;
}

#loginBox .titleField .tdLogin{padding-left:30px;}
#loginBox .titleField .tdServerMain{}

#loginBox .fields .tdEcship{padding-left:15px;}

#loginBox .fields p{padding-left:15px;}
#loginBox .fields p.myEcShip{padding:10px 0 10px 15px;}

#loginBox .errField{
	padding:0px 0px 0px 18px;	
	height:20px;		
}

#loginBox .errField ul{ width:220px;} 

#loginBox .userNameField,
#loginBox .passwordField,
#loginBox .forgetPwd{
	padding:1px 0 1px 0;
	padding-left:30px;
}



#loginBox .btnField{
	padding:5px 0px 5px 0px;	
}

#loginBox .ui-panel-content{
	width:240px;
}

#loginBox .forgetPassword {
	color: #800000;
}
#loginBox .submit {
	margin: 0 auto;
	font-family: Arial,Helvetica,sans-serif;
}

#loginBox table{ width:240px; }
	
.myEcshipLink { 
	display:block; 
	width:184px; 
	height:40px; 
	line-height:40px; 
	padding-right:16px; 
	text-align:center; 
	background:url(img/welcome_back_button.gif) no-repeat; 
	color:#604000; 
}

#registerBox {
	float: right;
	width: 245px;
	height: 90px;
}
#registerBox div{
	padding-left: 20px;
    width: 190px;
}

#registerBox h2 {
	font-size: 14px;
	color: #806d00;	
	padding:10px 0 0 0;
	text-align:left;
}
#registerBox p {
	margin: 1em 0 1.5em;
	font-size: 13px;
	color: #404040;
	padding:3px 0 0 0;
	text-align:left;
}
#registerBox form {
	margin-top: 1em;
	padding: 0 45px;
	color: #202020;
	text-align: center;
}

#registerBox .submit {
	margin: 1em auto 0;
}

#footer { clear:both; margin:5px auto; width:960px; }
#footer #hkpostLogo { float:left; margin:10px 40px 20px 20px; }
#footer div { float:left; margin:10px; }
#footer ul {  }
#footer li { float:left; margin:0 1.5em 0.5em 0; }
#footer li a {  font-size:11px; color:#804800; }
#footer p { clear:left; font-size:11px; }


/** Action Buttons - for <a> or <button> **/  /** keep the lines' ordering for IE6 **/

.actionButton { display:block; background:url(img/action_button_bg2.gif) no-repeat 0 0; height:20px; border:none; text-align:center; cursor:pointer; color:white; font-size:12px; font-weight:bold; line-height:20px; text-shadow:0 1px 1px #444; }
.actionButton.red65 { height:20px; background-position:0 -20px; width:65px;}
.actionButton.red120 { height:20px; background-position:0 0;  width:120px;}
.actionButton.green65 {height:20px; background-position:0 -60px; width:65px;}
.actionButton.green120 {height:20px; background-position:0 -40px; width:120px;}

/** Action Buttons **/

#registerContainer #agreeForm a { background:transparent; border:0; padding:0;  font-size:12px; white-space:nowrap; cursor:pointer; }
#registerContainer #agreeForm a span { display:block; height:23px; margin:0; padding:0; background:#dcf4f0 url(img/btn_page_flows.gif) no-repeat; }
#registerContainer #agreeForm a.actionButtonContinue span.z { background-image:url(img/btn_page_flows_arrow.gif); padding-right:20px;width:55px; }
#registerContainer #agreeForm a.actionButtonContinue { color:#541070;text-align:center; }
#registerContainer #agreeForm a span.a { background-position:left; padding-left:10px; width:60px;}
#registerContainer #agreeForm a span.z { background-position:right; padding-right:10px; line-height:20px; font-weight:bold; }
#registerContainer #agreeForm a.actionButton { color:#148c76; text-align:center; }

#registerContainer.collect_item td { font-size:12px;}
#registerContainer.collect_item td{vertical-align:top; }
#registerContainer.collect_item .collection_code_hint{color:red;}
#registerContainer.collect_item .collection_item_no{font-weight:bold;}
#registerContainer.collect_item .post_office_address {width:200px;}
#registerContainer.collect_item #pageFlowActions td{padding:0px 2px 0px 3px;}
#registerContainer.collect_item .lcp_msg{ font-size:12px; padding:15px 0px 15px 10px;}


.par18px{
	margin: 10px;
	line-height:18px;
}


/* 
	selectService Dialog
*/

#selectService_dialog .desc { margin:2em 0;  font-size:11px; }
#selectService_dialog .priceDatingHint { margin:1em 0 0.3em;  font-size:11px; color:#004f80; }
#selectService_dialog table { width:100%; }
#selectService_dialog .thead th { height:28px; background:#1271ae url(img/grand_table_title_bg_blue.gif) repeat-x; text-align:left; vertical-align:middle; }
#selectService_dialog .thead th {  font-size:12px; font-weight:bold; color:white; }
#selectService_dialog .thead th a.sortAsc {
    background: url("img/table_blue_th_asc.gif") no-repeat scroll left center transparent;
    padding-left: 12px;
}
#selectService_dialog .thead th a.sortDesc {
    background: url("img/table_blue_th_desc.gif") no-repeat scroll left center transparent;
    padding-left: 12px;
}
#selectService_dialog .thead th a {
    color: white;
}
#selectService_dialog .thead th.selection { background:url(img/grand_table_title_bg_left_blue.gif) no-repeat left; }
#selectService_dialog .thead th.rightEnd { background:url(img/grand_table_title_bg_right_blue.gif) no-repeat right; }
#selectService_dialog .headRoundedCorner { height:4px; background:url(img/round_corners_740_blue_grey.gif) no-repeat top; } 
#selectService_dialog .footRoundedCorner { height:4px; background:url(img/round_corners_740_blue_grey.gif) no-repeat bottom; } 
#selectService_dialog .tbody { border-width:0 1px; border-style:solid; border-color:#96c9ea; background:#f8f8f8; }
#selectServic_dialoge .tbody td { padding:4px 0; vertical-align:middle; }
#selectService_dialog h4 * { font-weight:bold; }
#selectService_dialog .tbody td.selection,
#selectService_dialog .tbody td.icon { text-align:center;  vertical-align:top;}
#selectService_dialog .tbody td.name,
#selectService_dialog .tbody td.time,
#selectService_dialog .tbody td.fee { border-top:1px solid #96c9ea; }
#selectService_dialog .tbody tr.first-child td { border:none; }
#selectService_dialog .attribIcon { float:left; width:16px; height:16px; margin:6px 0 0 6px; background:url(img/service_attr_icons.gif) no-repeat; }
#selectService_dialog .attribIcon.info { background-position:0 0; }
#selectService_dialog .attribIcon.tracking { background-position:-20px 0; }
#selectService_dialog .attribIcon.trackGlobal { background-position:-40px 0; }
#selectService_dialog .attribIcon.warning { background-position:-60px 0; width:17px; }
#selectService_dialog .tbody tr.additionalOptions { width:auto; }
#selectService_dialog .tbody tr.additionalOptions td.name { border-top:1px dashed #96c9ea; }
#selectService_dialog .tbody tr.additionalOptions td.fee { border-top:none; }
#selectService_dialog .tbody tr.additionalOptions table { width:auto; }
#selectService_dialog .tbody tr.additionalOptions table tbody { border:none; }
#selectService_dialog .tbody tr.additionalOptions table td { padding:0 2px; }
#selectService_dialog table .selection { width:25px;}
#selectService_dialog table .icon { width:100px; }
#selectService_dialog table .name { width:220px; }
#selectService_dialog table .zone { width:120px; text-align:center;}
#selectService_dialog table .time { text-align:center;}
#selectService_dialog table .fee {  text-align:center; }
#selectService_dialog table .rightEnd { width:10px; }

/* 
	END selectService Dialog 
*/


.ui-dialog{
	background-color:white;
	width:800px;
	border:1px solid green;
}

.ui-dialog-titlebar{
	background-color:#008260;
	font-size:12px;
	color:white;	
	cursor:default;
}


.ui-dialog .ui-dialog-titlebar-close .ui-icon{	
	background-image:url(img/module_btn_close.gif);	
	background-repeat:no-repeat;	
	cursor:pointer;	
	width:20px;
	height:20px;
}


.ui-dialog-content .warningContent{	
	padding:3px 0px 5px 0px;
	line-height:10px;
}

.ui-dialog-content #warningIcon{padding:3px;}
.ui-dialog .ui-dialog-buttonpane a{	color:white;}
.ui-dialog .ui-dialog-content{font-size:14px;}
.ui-dialog .ui-dialog-content .serverMainMsg{ border:1px;padding:5px 0 0 0 ; text-align;justify;line-height:1.2em;}

#registerContainer {
	clear: both;
	width:980px;
	margin: 0 auto;
	border:0px solid red;
}
#registerContainer .leftCol { float: left; position: relative; }
#registerContainer .rightCol { float: right; position: relative; width: 680px; }
#registerContainer .col780 { width:780px; margin:0 auto; }
#registerContainer .col740 { width:740px; margin:0 auto; }
#pageContainer .col900 { width:900px; margin:0 auto; border:1px solid red;}
#registerContainer .col900 { width:900px; margin:0 auto; padding:0.2em; padding-top:0px;}
#registerContainer h1 { font-size:20px;  color:#603600; padding-top:40px;	}


#registerContainer.registerProgress h1 { 
	background: none repeat scroll 0 0 white;
    margin: 0;
    padding:40px 0px 10px 0px;
    width: 900px;

}

#registerContainer #PersonalInfo TD.td_field{
	width:200px;
	text-align:right;
	font-size:14px;
}

#registerContainer #PersonalInfo TD.td_field.borderLayout{
	width:200px;
	text-align:right;
	font-size:14px;
	border-top:1px solid #96C9EA;
	padding-top: 10px;
}

#registerContainer #PersonalInfo TD.borderLayout{
	text-align:left;
	font-size:12px;
	border-top:1px solid #96C9EA;
	padding-top: 20px;
}

#registerContainer #PersonalInfo TD.td_field2{
	text-align:left;
	font-size:12px;
}

#registerContainer #PersonalInfo TD.td_field3{
	text-align:left;
	font-size:12px;
	padding:2px 0 2px 10px;
}

#registerContainer #PersonalInfo TD.td_field #reminderMsg{
	color: red;
	font-size: 10px;
	font-weight: bold;
}
#registerContainer #PersonalInfo TD.td_field2 #reminderMsg{
	color: gray;
	font-size: 14px;
	font-weight: bold;
}

#registerContainer #HomeAddress TD.td_field{	
	width:200px;
	text-align:right;
	font-size:14px;
}

#registerContainer TD.td_value{
	text-align:left;
}

#registerContainer TD.userEmail{
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

#agreement .para{ width:880px; border:0px solid red; font-size:14px; padding-bottom:14px; line-height:20px; }
#agreement .sub_header2{ font-type:Arial; font-size:14px; padding-left:20px; font-style:italic; font-weight:bold;	}
#agreement .intro{ font-size:14px; text-indent:20px; padding-left:20px; text-align:justify; }
#agreement {
	background:#f3f9fd;

}

#agreement #agreementContent{	
	padding-top:20px;	
	overflow:auto; 
	height:300px;
}

#agreement textarea.special {
	font-size:14px;
}

#agreement textarea.special:first-line {
font-weight: bold;
} 

.module.alt1 { background:none; }
.module.alt1 h2 { background:none; padding:5px; }
.module.alt1 h2 span { background:none; color:#0075c0;  font-size:14px; font-weight:bold; text-shadow:none; }
.module.alt1 .content { background:#f3f9fd; border:1px solid #98c9e8; border-width:0 1px; padding:0 3px; }
.module.alt1 .content { font-size:11px; color:#404040; }
.module.alt1 .content h4 { background:white url(img/module_fieldset_title_right.gif) repeat-y right; padding:0.5em; margin-top:0.5em; font-weight:bold; }
.module.alt1 .content h4.hint { color:#008021; }
.module.alt1 table { width:100%; }
.module.alt1 table th,
.module.alt1 table td { padding:0.25em 5px; line-height:20px; }
.module.alt1 .tbody th { text-align:left; vertical-align:top; width:45%; }
.module.alt1 .tbody tr,
.module.alt1 .tbody tr.altBgColor { background:none; }
.module.alt1 input, 
.module.alt1 select, 
.module.alt1 textarea { border: 1px solid #98c9e8;  }


.module .headRoundedCorner { width:100%; height:4px; margin:0; background: url(img/round_corners_900_blue_yellow.gif) no-repeat scroll center top transparent;}
.module .footRoundedCorner { width:100%; height:4px; margin:0; background: url(img/round_corners_900_blue_yellow.gif) no-repeat scroll center bottom transparent; }


#registerContainer #pageFlowActions { padding-bottom:20px; margin:20px 0; }
#registerContainer #pageFlowActions .left { float:left; }
#registerContainer #pageFlowActions .right { float:right; }
#registerContainer #pageFlowActions a { background:transparent; border:0; padding:0;  font-size:12px; white-space:nowrap; cursor:pointer; }
#registerContainer #pageFlowActions a span { display:block; height:22px; margin:0; padding:0; background:#dcf4f0 url(img/btn_page_flows.gif) no-repeat; }
#registerContainer #pageFlowActions a span.a { background-position:left; padding-left:10px; }
#registerContainer #pageFlowActions a span.z { background-position:right; padding-right:10px; line-height:20px; font-weight:bold; }
#registerContainer #pageFlowActions a.backward span.a { background-image:url(img/btn_page_flows_arrow.gif); padding-left:20px; }
#registerContainer #pageFlowActions a.forward span.z { background-image:url(img/btn_page_flows_arrow.gif); padding-right:20px; }
#registerContainer #pageFlowActions a.back { color:#10705f; }
#registerContainer #pageFlowActions a.cancel { color:#148c76; float:left;}
#registerContainer #pageFlowActions a.submit { color:#8c1414; float:left;}
#registerContainer #pageFlowActions a.continue { color:#541070; }

#registerContainer .content #refresh_btn{width:130px;}
#registerContainer .content #refresh_btn a { background:transparent; border:0; padding:0;  font-size:12px; white-space:nowrap; cursor:pointer; }
#registerContainer .content #refresh_btn a span { display:block; height:22px; margin:0; padding:0; background:#dcf4f0 url(img/btn_page_flows.gif) no-repeat; }
#registerContainer .content #refresh_btn a span.a { background-position:left; padding-left:10px; }
#registerContainer .content #refresh_btn a span.z { background-position:right; padding-left:0; line-height:20px; font-weight:bold; text-align:center;}
#registerContainer .content #refresh_btn a.cancel{color:#148c76;}


#registerContainer .content td.infoTd { padding:0.25em 1em; line-height:20px; text-align:left; }
#registerContainer .content .infoText { color: #0075C0; font-size: 14px; font-weight: bold; text-align:left; }

#registerContainer .register_header{
	font-size:20px;
	color:#603600;
	padding:10px 0 10px 20px;
}

#registerContainer .register_msg {
	font-size:16px;
	padding-left:20px;
	padding-bottom:5px;
}

#registerContainer .register_msg li{

	padding:0 0 5px 0;
}

.errorMessage, .mandatory{
	color:red;	
	font-weight:bold;
	font-size:12px;
}

.mandatory_block{
	padding-top:10px;
	padding-bottom:5px;
}

.mandatory .mandatory_wording{
	color:black;	
}


.errorMessage{
	border:2px solid #ffeb3f;
	background-color:#fff7b7;
	padding:10px;	
}


.errMsg{
	color:red;
}

.infoMsg{
	color:green;
	padding:3px 0 3px 10px;
}

#divCalWeight{
	padding-top:5px;
}

.inputInvalid{
	color:red;
}

.userAccount{
	font-size:16px;
	font-weight:bold;
}

#agreementContainer {
	clear: both;
	width:980px;
	height: 500px;
	margin: 0 auto;
	border:0px solid red;
}
#agreementContainer .leftCol { float: left; position: relative; }
#agreementContainer .rightCol { float: right; position: relative; width: 680px; }
#agreementContainer .col780 { width:780px; margin:0 auto; }
#agreementContainer .col740 { width:740px; margin:0 auto; }
#agreementContainer .col900 { width:900px; margin:0 auto; padding:0.2em; padding-top:0px;}
#agreementContainer h1 { font-size:24px;  color:#603600; padding-top:40px;	}


#agreementContainer.registerProgress h1 { 
	background: none repeat scroll 0 0 white;
    margin: 0 0 0 20px;
    padding: 10px;
    padding-top:40px;
    width: 940px;

}

#agreementContainer #PersonalInfo TD.td_field{
	width:150px;
	text-align:right;
	font-size:12px;
}

#agreementContainer #PersonalInfo TD.td_field #reminderMsg{
	color: red;
	font-size: 10px;
	font-weight: bold;
}

#agreementContainer #HomeAddress TD.td_field{	
	width:150px;
	text-align:right;
	font-size:12px;
}

#agreementContainer TD.td_value{
	text-align:left;
}

#agreementContainer TD.userEmail{
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

#agreementContainer #pageFlowActions { padding-bottom:20px; margin:20px 0; }
#agreementContainer #pageFlowActions .left { float:left; }
#agreementContainer #pageFlowActions .right { float:right; }
#agreementContainer #pageFlowActions a { background:transparent; border:0; padding:0;  font-size:12px; white-space:nowrap; cursor:pointer; }
#agreementContainer #pageFlowActions a span { display:block; height:22px; margin:0; padding:0; background:#dcf4f0 url(img/btn_page_flows.gif) no-repeat; }
#agreementContainer #pageFlowActions a span.a { background-position:left; padding-left:10px; }
#agreementContainer #pageFlowActions a span.z { background-position:right; padding-right:10px; line-height:20px; font-weight:bold; }
#agreementContainer #pageFlowActions a.backward span.a { background-image:url(img/btn_page_flows_arrow.gif); padding-left:20px; }
#agreementContainer #pageFlowActions a.forward span.z { background-image:url(img/btn_page_flows_arrow.gif); padding-right:20px; }
#agreementContainer #pageFlowActions a.back { color:#10705f; }
#agreementContainer #pageFlowActions a.cancel { color:#148c76; }
#agreementContainer #pageFlowActions a.submit { color:#8c1414; float:right;}
#agreementContainer #pageFlowActions a.continue { color:#541070; }

#agreementContainer .content #refresh_btn{width:130px;}
#agreementContainer .content #refresh_btn a { background:transparent; border:0; padding:0;  font-size:12px; white-space:nowrap; cursor:pointer; }
#agreementContainer .content #refresh_btn a span { display:block; height:22px; margin:0; padding:0; background:#dcf4f0 url(img/btn_page_flows.gif) no-repeat; }
#agreementContainer .content #refresh_btn a span.a { background-position:left; padding-left:10px; }
#agreementContainer .content #refresh_btn a span.z { background-position:right; padding-left:0; line-height:20px; font-weight:bold; text-align:center;}
#agreementContainer .content #refresh_btn a.cancel{color:#148c76;}


#agreementContainer .content td.infoTd { padding:0.25em 1em; line-height:20px; text-align:left; }
#agreementContainer .content .infoText { color: #0075C0; font-size: 12px; font-weight: bold; text-align:left; }

#agreementContainer .register_header{
	font-weight:bold;
	font-size:18px;
	color:#603600;
}
#agreementContainer .content{
	font-size:13px;
	overflow:auto; height:400px
}

.agreementReadHints{
	font-size:14px;
}

#agreementContainer.labelDetails #term div#termContent{
	broder:0px solid; 	
}
#agreementContainer.labelDetails #term ul#labelDetails_tab_button{
	background:none;
}
#agreementContainer.labelDetails #term #labelDetails_tabs{
	margin:0px;
}
#agreementContainer #term .module .headRoundedCorner {
	background: url("img/round_corners_900_blue_yellow.gif") no-repeat scroll center top transparent;
    height: 4px;
    margin: 0;
    width: 100%;
}

#agreementContainer #term .module .footRoundedCorner {
	background: url("img/round_corners_900_blue_yellow.gif") no-repeat scroll center bottom transparent;
    height: 4px;
    margin: 0;
    width: 100%;
}

#term .header{ font-size:14px; color:grey;}
#term .header:hover{ text-decoration:none; }
#term .sub_header{ font-type:Arial; font-size:14px; padding-left:20px; }
#term .sub_header2{ font-type:Arial; font-size:14px; padding-left:20px;  font-weight:bold;	}
#term .intro{ font-size:14px; text-indent:20px; padding-left:20px; text-align:justify; }
#term .para{ width:800px; border:0px solid red; font-size:14px; padding-bottom:14px; line-height:20px; padding-left:30px }
#term .quest{ padding-bottom:10px; }
#term .section{ font-size:14px; padding:5px; }
#term .section a{ color:grey; text-decoration:underline;	}
#term .section a:hover{ text-decoration:none; }
#term .details{ visibility:visible;  }
#term .list_li{ height:25px; }
#term .list_point{ font-size:14px; width:500px; }
#term .list_point_value{ padding-left:0px; line-height:14px; }	
#term a:hover{ text-decoration:underline; }
#term b{ font-weight:bold; }


#agreementContainer #term .header{ font-size:14px; color:grey;}
#agreementContainer #term .header:hover{ text-decoration:none; }
#agreementContainer #term .sub_header{ font-type:Arial; font-size:14px; padding-left:20px; }
#agreementContainer #term .sub_header2{ font-type:Arial; font-size:14px; padding-left:0px; font-style:italic; font-weight:bold;	text-align:left;}
#agreementContainer #term .intro{ font-size:14px; text-indent:20px; padding-left:0px; text-align:justify; }
#agreementContainer #term .para{ width:800px; border:0px solid red; font-size:14px; padding-bottom:14px; line-height:20px; padding-left:10px }
#agreementContainer #term .quest{ padding-bottom:10px; }
#agreementContainer #term .section{ font-size:14px; padding:5px; }
#agreementContainer #term .section a{ color:grey; text-decoration:underline;	}
#agreementContainer #term .section a:hover{ text-decoration:none; }
#agreementContainer #term .details{ visibility:visible;  }
#agreementContainer #term .list_li{ height:25px; }
#agreementContainer #term .list_point{ font-size:14px; width:500px; }
#agreementContainer #term .list_point_value{ padding-left:0px; line-height:14px; }	
#agreementContainer #term a:hover{ text-decoration:underline; }

#agreementContainer #agreeForm a { background:transparent; border:0; padding:0;  font-size:14px; white-space:nowrap; cursor:pointer; }
#agreementContainer #agreeForm a span { display:block; height:23px; margin:0; padding:0; background:#dcf4f0 url(img/btn_page_flows.gif) no-repeat; }
#agreementContainer #agreeForm a.actionButtonContinue span.z { background-image:url(img/btn_page_flows_arrow.gif); padding-right:20px;width:55px; }
#agreementContainer #agreeForm a.actionButtonContinue { color:#541070;text-align:center; }
#agreementContainer #agreeForm a span.a { background-position:left; padding-left:10px; width:60px;}
#agreementContainer #agreeForm a span.z { background-position:right; padding-right:10px; line-height:20px; font-weight:bold; }
#agreementContainer #agreeForm a.actionButtonDecline { color:#148c76; text-align:center; }

#agreementContainer #agreeForm .actionButton { display:block; background:url(img/action_button_bg2.gif) no-repeat 0 -60px; width:65px; height:20px; border:none; text-align:center; cursor:pointer; color:white;  font-size:12px; font-weight:bold; line-height:20px; text-shadow:0 1px 1px #444; }
#agreementContainer #agreeForm .actionButton.ok{ display:block; background:url(img/action_button_bg2.gif) no-repeat 0 -60px; width:65px; height:20px; border:none; text-align:center; cursor:pointer; color:white;  font-size:12px; font-weight:bold; line-height:20px; text-shadow:0 1px 1px #444; }

#calcPostageHome button span{
    padding: 0.3em 0.4em;
    line-height:10px;
}

#outside_border{
	border:0px solid #008260; 
	width:800px;
	padding:10px; 
}

#main_container{
	width:800px;
}

#main_container .logo{
	padding:0px 0px 10px 0px;
}

#header_upper{
	background-color:#008260;
}
	
#header_lower{
	height:5px;
	background-color:#432683;
	overflow:hidden;
}

#order{
	width:500px;		
}

.row_odd TD, .row_even TD{
	padding:10px;	
	padding-top:15px;
	padding-down:15px;
}

.row_odd .td_field,
.row_even .td_field{
	width:150px;
	color:#008260;
	background-color:#E8E8E8;
}

.row_odd .field_name,
.row_even .field_name{		
	width:120px;
}

.row_odd .field_name_error,
.row_even .field_name_error{
	width:120px;		
	color:red;		
}

/***************	Button Style	*****************/	
	.clear { 
	    overflow: hidden;
	    width: 100%;
	}

	a.button {
	    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
	    color: #444;
	    display: block;
	    float: right;
	    font: normal 12px arial, sans-serif;
	    height: 24px;
	    margin-right: 6px;
	    padding-right: 18px; /* sliding doors padding */
	    text-decoration: none;
	}

	a.button span {
	    background: transparent url('img/bg_button_span.gif') no-repeat;
	    display: block;
	    line-height: 14px;
	    padding: 5px 0 5px 18px;
	} 
	
	a.button:active {
	    background-position: bottom right;
	    color: #000;
	    outline: none; /* hide dotted outline in Firefox */
	}

	a.button:active span {
	    background-position: bottom left;
	    padding: 6px 0 4px 18px; /* push text down 1px */
	}
	
/***************	END Button Style	*****************/


#postageDestCountry, #postageCalcWeight{ font-family: Arial,Helvetica,sans-serif;}

.ui-widget-overlay {
	background:	url(img/dialog_bg.png) repeat-x scroll 50% 50% #2D5972;
    opacity: 0.3;
    filter: alpha(opacity = 50);
}

.ui-panel .ui-panel-content {padding:0px;}

.serverMain{ color: RED; width:200px;}

#promotion{
	position:absolute;	
	right:0px;	
	width:auto;	
	height:auto;		
	margin:0px;
	padding:0px;
	border:0px solid #1d675a;				
	z-index:10;
	color:white;
	float:right;
}

#promotion div#newsContent {	
	position:relative;				
	width:300px;				
	display:none;
	float:right;	
	padding:12px;
	padding-top:5px;	
	color:black;	
	font-size:16px;
	background: url(img/NewsBg.gif) repeat left top;
}			

#promotion div#newsContent.eng {height:150px;}
#promotion div#newsContent.chi {height:126px;}
#promotion div#newsContent p{text-align:justify; line-height:20px;}

#promotion a#newsButton{				
	width:auto;				
	float:left;				
	display:block;
	padding:0px;			
	height:auto;
	width:130px;	
	cursor:pointer;							
}

#promotion a#newsButton.chi_tw,#example a#newsButton.chi_cn {				
	width:auto;				
	float:left;				
	display:block;
	padding:0px;			
	height:140px;
	width:130px;	
	cursor: pointer; 						
}			


.serv_container{height:280px; width:295px; padding-top:3px;padding-left:10px;}
.serv_container .serv_cat{margin-left:3px;display:block; position: relative;}

.serv_container .serv_tab{height:250px; width:30px; float:left; background:url('img/serv_slider_bg.gif') no-repeat 0 0; z-index:3; display:block; position:absolute;}

.serv_container .serv_tab table td{height:250px; vertical-align:bottom; padding-bottom:10px; width:30px;align:center;}

.serv_container .serv_tab{background:url('img/serv_slider_bg.gif') no-repeat 0 0;}
.serv_container .cat_0.en_us.serv_tab{background-position: -30px 0; left:0;}
.serv_container .cat_1.en_us.serv_tab{background-position: -90px 0; left:240px;}
.serv_container .cat_0.en_us.serv_tab.active{background-position: 0 0;}
.serv_container .cat_1.en_us.serv_tab.active{background-position: -60px 0;}

.serv_container .cat_0.zh_tw.serv_tab{background-position: -150px 0; left:0;}
.serv_container .cat_1.zh_tw.serv_tab{background-position: -210px 0; left:240px;}
.serv_container .cat_0.zh_tw.serv_tab.active{background-position: -120px 0;}
.serv_container .cat_1.zh_tw.serv_tab.active{background-position: -180px 0;}

.serv_container .cat_0.zh_cn.serv_tab{background-position: -270px 0; left:0;}
.serv_container .cat_1.zh_cn.serv_tab{background-position: -330px 0; left:240px;}
.serv_container .cat_0.zh_cn.serv_tab.active{background-position: -240px 0;}
.serv_container .cat_1.zh_cn.serv_tab.active{background-position: -300px 0;}

.serv_container .serv_content{height:250px; width:210px; float:left; background-color:white; position:absolute; overflow:hidden; z-index:1;
padding-left:30px;}
.serv_container .serv_content.hidden{display:none;}
.serv_container .serv_content.cat_1{left:240px;}

.serv_container .mask{height:100%; width:100%; position:relative; }
.serv_container .service{height:100%; width:100%;background-color:white; display:block;}

.serv_container .service .content{ width:100%; height:195px; color:#5f5f5f;}
.serv_container .service .content .header{ height:40px;padding-left:5px; padding-right:5px;border-bottom:1px solid #5f5f5f; margin-left:13px;margin-right:13px;}
.serv_container .service .content .header .icon{ background:url('img/shipCodeListing.gif') no-repeat 0 0;float:left; display:block; height:40px; width:50px;}
.serv_container .service .content .header .icon.AEP{background-position:0 -88px;}
.serv_container .service .content .header .icon.EMS{background-position:0 -128px;}
.serv_container .service .content .header .icon.ARM{background-position:0 -42px;}
.serv_container .service .content .header .icon.APL{background-position:0 0;}
.serv_container .service .content .header .icon.LCP{background-position:0 -208px;}
.serv_container .service .content .header .icon.LCD{background-position:0 -252px;;}
.serv_container .service .content .header .icon.LCF{background-position:0 -294px;}
.serv_container .service .content .header .icon.EMSMPB{background-position:0 -168px;}

	
.serv_container .service .content .header .title{width:70%;float:left;padding-top:13px;}	
.serv_container .service .content .desc{padding:15px 15px;;text-align:justify; }

.serv_container .service .btn{background:url('img/vertical_prev-next.png') no-repeat 0 0; height:27px; width:27px;display:block;}
.serv_container .service .btn.prev{background-position:0 0;}
.serv_container .service .btn.next{background-position:-27px 0;}

.serv_container .service .btn.hidden{visibility:hidden;}
.serv_container .service .btn.show{visibility:display;}

.serv_container .serv_tab ul{list-style-type:none;}
.serv_container li a{width:25px; height:12px; display:block;background:url('img/vertical-nav_dots.png') no-repeat 0 0;}
.serv_container li a.selected{ background-position: 0 -24px;}
.serv_container .active li a{ background-position: 0 -24px;}
.serv_container .active li a.selected{ background-position:0 -12px;}

#loginBox_demoTemp .login-i-am-smart {
    font-size: 15px;
    background-color: #2b7367;
    height: 40px;
    width: 190px;
    border: none;
    border-radius: 1em;
    color: #FFFFFF;
    padding: 0.5em 1em 0.5em 1em;
    cursor: pointer;
    outline: none;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
    float: right;
}

#loginBox_demoTemp .login-i-am-smart .login-i-am-smart-text{
    padding-left: 1em;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}

#loginBox_demoTemp .login-hkpid {
    font-size: 15px ;
    background-color: rgb(68, 114, 196);
    height: 40px;
    width: 205px;
    border: none;
    border-radius: 1em;
    color: #FFFFFF ;
    padding: 0.5em 0.5em 0.5em 0.5em;
    cursor: pointer;
    outline: none;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
    float: right;
}

#loginBox_demoTemp .login-hkpid .login-hkpid-text{
    padding-left: 1em;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}

#loginBox_demoTemp .login-subaccount {
    font-size: 14px ;
    background-color: rgb(65, 113, 156);
    height: 40px;
    width: 205px;
    border: none;
    border-radius: 1em;
    color: #FFFFFF ;
    padding: 0.5em 0.5em 0.5em 0.5em;
    cursor: pointer;
    outline: none;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
    float: right;
}

#loginBox_demoTemp .login-subaccount .login-subaccount-text{
    padding-left: 1em;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}

#loginBox_demoTemp .userAnotherMethod {
    font-size: 12px ;
    background-color: #2b7367;
    height: 30px;
    width: 150px;
    border: none;
    border-radius: 1em;
    color: #FFFFFF ;
    padding: 0.5em 0.5em 0.5em 0.5em;
    cursor: pointer;
    outline: none;
    border-radius: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
    float: right;
}