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



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

	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; 
		}

	#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-image:URL(../images/topsearch_bg.gif); */
	background-repeat:repeat-y; background-position:right;
		}
	
	#logobar {	
		width: 100%;
		height: 50px;
		/* border: solid #000000 1px; */ /* editted on 2 Mar 2010 */
		}


	#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;
		/* border-left:solid #000000 1px;
		border-right:solid #000000 1px;
		border-bottom:solid #000000 1px; */ /* editted on 2 Mar 2010 */
		}

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

	#loginbarcolR{	
		float:right;
		height:19px;
		text-align: center;
		/* border-left:solid #000000 1px; */ /* editted on 2 Mar 2010 */
		border-left:solid #FFFFFF 3px; /* editted on 2 Mar 2010 */
		}

/* ----------------------- 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 {
		/* background-color:#EFEFEF; */ /* editted on 2 Mar 2010 */
		padding-top:4px;
		padding-left:8px;
		padding-bottom:4px;
		}


	
	#leftmenuboxred {
		/* background-color:#CC0000; */ /* editted on 2 Mar 2010 */
		background-image: url('../images/bg_nav.jpg'); /* editted on 2 Mar 2010 */
		background-repeat: repeat-y; /* editted on 2 Mar 2010 */
		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%;	/* width: 148 + 2 = 150; */
	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;
		}
		
/* new added 19May2007*/
	div.formBoxWithPadding {
	display: block;
	/* width: 100%; */
	padding:5px;
}

div.formPanel {
	/* add width:100%, remove float:left for support FF3 */
	/* float:left; */
	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;
		}

	/* added on 2 Mar 2010 */
	#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;
	}

	/* added on 2 Mar 2010 */
	#navlink_item1 a:hover  { 
		background-color:#d2cdb9;
		background-image:url('../images/arrow2.jpg');
		background-repeat:no-repeat; background-position:115px 10px;
	}
	
	/* added on 2 Apr 2012*/
	.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;
		/* width: 133 + 2 = 135; */
		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;
		}






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;