/* ---------------------------------------------------------- 
            STANDARD STYLESHEET FOR IRD SYATEM
		Last Revision: 09/03/2007
----------------------------------------------------------- */



/* ----------------------- PAGE STYLES ------------------- */

	*{
		-webkit-text-size-adjust: none;
	}
	
	body {   
		padding: 10px;
		border: 0px;
		text-align: center; 	/* text-align is use to center DIV on IE */
		font-family: "Arial", "sans-serif", "MingLiu";
		}

	input {
		font-family: "Arial", "sans-serif", "MingLiu"; 
		}

	.ERF612FIncome input[id$=D], input[id$=M],
	.ERF612GIncome input[id$=D], input[id$=M] {
		width: 51px;
	}

	.ERF612FIncome input[id$=Y],
	.ERF612GIncome input[id$=Y] {
		width: 65px;
	}

	.ERF612FIncome input[id = amount],
	.ERF612GIncome input[id = amount] {
		width: 79px;
	}

	.SBA613RegAgreementDetails input[id$=Day],
	.SBA613RegAgreementDetails input[id$=Month]{
		width: 51px;
	}

	.SBA613RegAgreementDetails input[id$=Year] {
		width: 65px;
	}

	.HOL557ForSTDeductions .fieldwidth1 {
		width: 149px;
	}

	.HOL557ForSTDeductions .fieldwidth2 {
		width: 86px;
	}

	.PST552TATentAgtDtls input[id$=Day],
	.PST552TATentAgtDtls input[id$=Month] {
		width: 51px;
	}

	.PST552TATentAgtDtls input[id$=Year] {
		width: 65px;
	}

	.PST552TATentAgtDtls input[id$=Amt] {
		width: 156px;
	}

	.PFR553ProfitLoss51 input[type=text],
	.PFR553ProfitLoss52 input[type=text] {
		width: 160px;
	}

	.PFR553TaxData51 input,
	.PFR553DepAllowance51 input,
	.PFR553FinancialData51 input{
		width: 128px;
	}

	.SSS686ShareTranAcknowledgmentOnline input {
		width: 261px;
	}
	
	.PST552PTInputTX input[name=statedConsideration],
	.PST552PTInputTX input[name=totalConsideration],
	.PST552PTInputTX input[name=paymentsToConfirmor],
	.PST552PTInputTX input[name=subjectToMortgage],
	.PST552PTInputTX input[name=otherPremium] {
		width: 159px;
	}
	
	.PST552PTInputCR input[id$=Day],
	.PST552PTInputCR input[id$=Month] {
		width: 51px;
	}
	
	.PST552PTInputCR input[id$=Year] {
		width: 65px;
	}
	
	.PFR553GeneralMatter51 #curRate > td:nth-child(3) > input,
	.PFR553GeneralMatter52 #curRate > input {
		width: 376px;
	}
	
	.ERF612NewEmployerReference #uploadContinue {
		display: contents;
	}
	
	.PST552TATentAgtDtls #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(4) > td:nth-child(1) > table > tbody > tr > td.p-0 > table > tbody > tr:nth-child(1) > td:nth-child(1) {
		min-width: 156px;
	}

	.PST552TATentAgtDtls #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(4) > td:nth-child(1) > table > tbody > tr > td.p-0 > table > tbody > tr:nth-child(1) > td:nth-child(1) > input {
		max-width: 63px;
	}

	.PST552TATentAgtDtls #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(4) > td:nth-child(1) > table > tbody > tr > td.p-0 > table > tbody > tr:nth-child(1) > td:nth-child(2) > input,
	.PST552TATentAgtDtls #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(4) > td:nth-child(1) > table > tbody > tr > td.p-0 > table > tbody > tr:nth-child(1) > td:nth-child(3) > input {
		max-width: 47px;
	}
	
	html[lang*=zh] .CTR547STDeduct #cont_table > tbody > tr.colourlightgray > td > table:nth-child(2) > tbody > tr > td:nth-child(1) {
		min-width: 40px;
	}
	
	.CTR547STDeduct #cont_table > tbody > tr.colourlightgray > td > table:nth-child(n + 2) > tbody > tr > td.commonButton > a ,
	.CTR547VHIS #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(3) > td > a,
	.CTR547VHIS #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(6) > td > a,
	.CTR547MPFTVC #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(4) > td > a,
	.CTR547MPFTVC #cont_table > tbody > tr.colourlightgray > td > table > tbody > tr:nth-child(9) > td > a {
		font-size: 12px;
	}

	.PFR553BusinessPart51#contentPanel > div > form > table:nth-of-type(9) > tbody > tr:nth-of-type(n + 1) > td.contenttext > input,
	.PFR553BusinessPart52#contentPanel > div > form > table:nth-of-type(9) > tbody > tr:nth-of-type(n + 1) > td.contenttext > input{
	    width: 160px;
	}

	#pagePanel {
		
		border: 0px;
		text-align: left;
		postion:relative;
		margin: 0 auto;

		/* for FireFox */
		max-width: 955px; 
		min-width: 765px;
		/* Set 600px is for handling the instant wrap of the div in IE */
		width:expression(document.body.clientWidth > 965? "965px": (document.body.clientWidth <=765? "765px": "auto"));
		
		}

/* ----------------------- TOP BANNER ------------------- */

	#topPanel {
		width: 100%;
		height:67px;
		padding: 0px;
		
		text-align: left;
	background-repeat:repeat-y; background-position:right;
		}
	
	#logobar {	
		width: 100%;
		height: 50px;
		}


	#logobarcolL {	
		float:left;
		vertical-align: bottom;	
		text-align: left;
		}
	

	#logobarcolR {
		width: 50px;
		padding-top: 13px;
		float:right;
		text-align:left;
		}

	#loginbar{	
		width: 100%;
		height:19px;
		text-align: left;
		background-color:#b1d561;
		}

	#loginbarcolL{
		float:left;
		text-align: left;	
		}

	#loginbarcolR{	
		float:right;
		height:19px;
		text-align: center;
		border-left:solid #FFFFFF 3px;
		}

/* ----------------------- MID PAGE ------------------- */



	.line10 {
		
		height: 10px;
		}

	.whiteline10 {
		background-color: #FFFFFF;		
		height: 10px;
		}
	
	.whiteline01 {
	background-color: #FFFFFF;
	height: 1px;
	}
	
	#popuppanel{
		width: 99%;
		margin-top: 5px;
		
		text-align: left;
		}

	
	#midPanel{
		width: 99%;
		margin-top: 20px;
		
		text-align: left;
		}

	#sidebar{
		width: 143px;
		float:left;
		
		background-color:#FFFFFF;
		}

	#leftmenu{
		width: 135px;
		float:left;
		height:100%;
		text-align: left;
		background-color:#E8E3CD;
		}
	
	#sidebarcolR{
		width: 8px;
		float:rihgt;
		}
	
	#leftmenubox {
		background-color:#E8E3CD;
		padding-top:4px;
		padding-left:8px;
		padding-bottom:4px;
		}

	#leftmenuboxgray {
		padding-top:4px;
		padding-left:8px;
		padding-bottom:4px;
		}


	
	#leftmenuboxred {
		background-image: url('../images/bg_nav.jpg');
		background-repeat: repeat-y;
		padding-top:4px;
		padding-left:8px;
		padding-bottom:4px;
		padding-right:0px;
		}

	#leftmenuboxline {
		width: 100%;
		height:1px;
		background-color:ffffff;
		}
		
    	#leftMenuPanel {
		float:left;
		width: 135px;
		position: relative;
		background-color:#FFFFFF;
		PADDING-RIGHT: 3px
}

div.leftMenuSubPanel {
	width:100%;
	float:left;
	border:solid #CACACA 1px;
	margin-bottom: 5px;
}
	
	#maincontent {
		width: 100%;
		
		}
	
	#etaxlogobar {
		width: 100%;
		height:64px;
		background-image: url(../images/eTAX_logo_bg.gif);
		}

	#etaxlogobarcolL {
		float:left;
		}

	#etaxlogobarcolR {
		float:right;
		width: 200px;
		text-align: right;
		padding-right:15px;
		padding-top: 25px;
		}

	#box {
		width: 8px;
		height:8px;

		}
	#tax {
		width:98%;
		text-align: left;
		border-bottom:solid #CCCCCC 2px;
		}

	#buttonbar {
		width: 98%;
		text-align: right;
		padding: 0px;
		background-color:#efefef;
		}
		
	div.formBoxWithPadding {
	display: block;
	padding:5px;
}

div.formPanel {
	width: 100%;
	}



#contentPanel {
	margin: 0 0 0 145px;
	background-color:#FFFFFF;
	
	}
	
#contentPanelForm {
	margin: 0 0 0 10px;
	background-color:#FFFFFF;
	
	}

.buttonArea {
		background-color: #EFEFEF;
		width: 99%; 
		text-align: right;
				}
				
.buttonmenubox_L {
		align: right;
		background-color:#efefef;
		margin-right: 0px;
		text-align: Left;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: middle;
		}
	
.buttonmenubox_R {
		align: right;
		background-color:#efefef;
		margin-right: 0px;
		text-align: right;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: middle;
		}

	#navlink_item1 a{
		position:relative; /* added to solve IE display problem */
		display: block; 
		background-color: #e8e3cd;
		padding-left: 8px; padding-right: 15px; padding-top: 4px; padding-bottom: 4px;
		background-image:url('../images/arrow.jpg');
		background-repeat:no-repeat; background-position:115px 10px;
	}

	#navlink_item1 a:hover  { 
		background-color:#d2cdb9;
		background-image:url('../images/arrow2.jpg');
		background-repeat:no-repeat; background-position:115px 10px;
	}
	
	.invalidCharDiv {
		border:solid black 1px;
		background-color:white;
		width:700px;
		word-wrap:break-word;
	}

/* ----------------------- FOOTER ------------------- */

	#footerPanel{
	    float:bottom;
		width: 100%;
		height:70px;
		border-bottom:solid #cc0000 3px;
		}

	#footerPanelcolL{
		float:left;		
		padding-top: 59px;
		vertical-align: bottom;			
		}

	#footerlink {
		float:left;
		height:21px;
		padding-left: 10px;
		vertical-align: bottom;	
		background-color:#e0e3f6
		}

	#footerPanelcolR {
		float:right;
		width: 165px;
		
		}
		
		/*--- new 18May---*/
		#pageFooter {width:100%; margin:0; padding:0; float:left; padding-bottom:5px;}
		#footerArea {float:left; width:100%; border-bottom:2px solid #CC0000;}

/* ----------------------- END FOOTER ------------------- */

	
/* ----------------------- The End ------------------- */



	
	div.leftMenuSubPanel {
		width:133px;
		float:left;
		border:solid #CACACA 1px;
		margin-bottom: 5px;
		}

	div.leftMenuPanelTitleBox {
		background-color:#CACACA;
		padding: 3px;
		display: block;
		}	

	div.leftMenuPanelWhiteBox {
		background-color:#FFFFFF;
		padding: 3px;
		height:auto;
		}

	div.formBox {
		display: block;
		}

	div.fileinputs {
		position: relative;
		height: 30px;
		width: 255px;
	}
	
	div.fakefile {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	
	input.file {
		position: relative;
		text-align: right;
		-moz-opacity:0 ;
		filter:alpha(opacity: 0);
		opacity: 0;
		z-index: 2;
	}


	#netvigation {
		float:left;
		position: relative;
		left: -24px;
		top: 204px;
		}

.wcag_fontsize_15 {
	margin-block-end: auto;   
	font-size: 15px;
}

h1, h2 {
    font-weight: normal;
	display: contents;
  }

  table.colourlightgreen.contenttextbold.greenheader > tbody > tr > td > h1,
  table.colourlightgreen.contenttextbold.greenheader > tbody > tr > td,
  .contenttextlargebold > h1,
  .contenttextbold > h1,
  .contenttextbold > h2,
  .titlewithgreenbar > h1 {
    font-weight: bold !important;
  }

  h1.pst_wcag_h1 {
	display: contents;
  }

  .PST552ULISSARejectedReason #cont_table > tbody > tr:nth-child(2) > td > div.formBox > div > strong > h1 {
	  font-weight: bold !important;
  }

  .SC-560-4-003 #cont_table > tbody > tr:nth-child(1) > td > span > h1 {
	font-weight: bold !important;
  }

  #contentPanel > div > span:nth-child(2) > h1,
  #contentPanel > div > span:nth-child(3) > h2 {
	  font-weight: bold !important;
	  padding: 8px !important;
  }

  #maincontent > span:nth-of-type(2) > h1 {
	font-weight: bold !important;
  }

  .contenttextbold > span > h1 {
	font-weight: bold !important;
  }

  #contentPanel > form > div.formPanel > span > h1 {
	font-weight: bold;
  }




BACKGROUND-IMAGE: url(../images/c_orange.jpg);
BACKGROUND-POSITION: 3px 0.7em;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-COLOR: #ffffff
POSITION: relative; 
left: 6px;
top: 192px;
DISPLAY: block;
TEXT-ALIGN: center
CLEAR: both;
FLOAT: none;
FONT-WEIGHT: normal; COLOR: red
FONT-SIZE: 0.8em; COLOR: #666666; TEXT-DECORATION: underline}
width:auto;
vertical-align: top
padding: 3px;