img.noborder {
	border: none;
}

img {
	BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; BORDER-BOTTOM: 0pt
}

p {
	CLEAR: both; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: none; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px;
}

/* modified for R2:LL 18-5-2007  */
.govhkH1 {
	border:0;
	padding:0;
	DISPLAY: inline;
	FONT-SIZE: 1.31em;
	font-weight:bold;
}

h2 {
	display:inline;
	font-weight:bold;
	font-size:1.15em;
	line-height:1.2em;
	color:#000000;
}

.govhkH2 {
	display:inline;
	font-weight:bold;
	font-size:1.15em;
	line-height:1.2em;
	color:#000000;
	padding:5px;
	float:left;
}

.govhkH4 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #000000; LINE-HEIGHT: 1.2em; }

.freepgGovhk {
padding-bottom:10px;
border-bottom: 1px solid #DEDEBF ;
}

.freepgGovhk ul {
/* padding-left:20px; */
padding-top: 5px;
list-style:none; 
}

/* added for R2:LL 18-5-2007 */
a.link5:link {
	padding-top: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-SIZE: 1.15em; FLOAT: right; COLOR: #000000; TEXT-ALIGN: right; TEXT-DECORATION: none; BORDER-LEFT: #000000 1px solid
}
a.link5:visited {
	padding-top: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-SIZE: 1.15em; FLOAT: right; COLOR: #000000; TEXT-ALIGN: right; TEXT-DECORATION: none; BORDER-LEFT: #000000 1px solid
}
a.link5:hover {
	padding-top: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-SIZE: 1.15em; FLOAT: right; COLOR:#FFFFFF; TEXT-ALIGN: right; TEXT-DECORATION: none; BORDER-LEFT: #000000 1px solid; background-color:#FF6600;
}
a.link5:focus {
	padding-top: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-SIZE: 1.15em; FLOAT: right; COLOR: #FF6600; TEXT-ALIGN: right; TEXT-DECORATION: none; BORDER-LEFT: #000000 1px solid
}
a.link5:active {
	padding-top: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-SIZE: 1.15em; FLOAT: right; COLOR: #000000; TEXT-ALIGN: right; TEXT-DECORATION: none; BORDER-LEFT: #000000 1px solid
}




/* for faq category title */
a.govhkLink6:link    { font-size:1.15em; color:#000000; text-decoration:underline;   }
a.govhkLink6:visited { font-size:1.15em; color:#000000; text-decoration:underline;   }
a.govhkLink6:hover   { font-size:1.15em; color:#FF6600; text-decoration:underline;   }
a.govhkLink6:active  { font-size:1.15em; color:#FF6600; text-decoration:underline;   }
a.govhkLink6:focus   { font-size:1.15em; color:#FF6600; text-decoration:underline;   }


/*modified*/

#pagePanel {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: left;
	width:expression(document.body.clientWidth < 600 ? "580px" : "auto");min-width:580px;
	
}
/*	width:expression(document.body.clientWidth <= 580 ? "580px" : "1024px";*/

/*
#topPanel {
	FLOAT: left; 
	 WIDTH: 100%

}
*/
#topPanel {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: left; BORDER-LEFT: #000000 1px solid; WIDTH: 100%; BORDER-BOTTOM: #000000 1px solid; ; BACKGROUND-POSITION: right 50%;  BACKGROUND-IMAGE: url(../images/mainarea_bg.gif); BACKGROUND-REPEAT: repeat-y; max-width: 955px; min-width: 750px
}

/* modified for R2:LL 18-5-2007 */
#midPanel {
	FLOAT: left; WIDTH: 100%; BACKGROUND-POSITION: right 50%;  BACKGROUND-IMAGE: url(../images/mainarea_bg.gif); BACKGROUND-REPEAT: repeat-y; max-width: 955px; min-width: 750px
}

/* R2 modification */
#header {
	FLOAT: left; WIDTH: 100%; HEIGHT: 50px; 
}

#headerLeftPanel {
	FLOAT: left; WIDTH: 63%; HEIGHT: 45px; PADDING-TOP: 5px
}

/* added for R2:LL 17-5-2007 */
#headerRightPanel {
	FLOAT: right; PADDING-TOP: 5px; MARGIN-RIGHT: 5px; WIDTH: 15.9%; HEIGHT: 45px; TEXT-ALIGN: right; VERTICAL-ALIGN: middle
}

#headerTopRightPanel {
	WIDTH: 65px; HEIGHT: 23px
}
#headerBottomRightPanel {
	WIDTH: 65px; HEIGHT: 21px; float:right
}

#bannerPanel {
	border-top:1px solid;
	background-color:#DCE3F4;
	height:auto;
	float:left;
	display:block;
	width:100%;	
}

#bannerPanel .rightClose {
	clear:both;
	border-left:0px solid;
	padding-left:5px;
/*	padding-right:5px;	*/
	float:right;
	background-color:#DCE3F4;
}



#tdbannerPanel {
	CLEAR: both; DISPLAY: block; FLOAT: none; WIDTH: 100%; HEIGHT: 13px; BACKGROUND-COLOR: #CBB6DA /*c4b574*/
}

#bannerPanel HR {
	DISPLAY: none
}
#leftMenuPanel {
	FLOAT: left; WIDTH: 150px; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
.leftMenuSubPanel {
	BORDER-RIGHT: #cacaca 1px solid; BORDER-TOP: #cacaca 1px solid; FLOAT: left; MARGIN-BOTTOM: 5px; BORDER-LEFT: #cacaca 1px solid; WIDTH: 148px; BORDER-BOTTOM: #cacaca 1px solid
}
.leftMenuPanelWhiteBox {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff
}
.leftMenuPanelDimBox {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e3e3e3
}
.leftMenuPanelDimBox2 {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e3e3e3; TEXT-ALIGN: center
}
.leftMenuPanelTitleBox {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #cacaca
}
.stepBox {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e3e3e3
}
.stepBoxSelected {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: 3px 0.7em; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../images/c_orange.jpg); PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cacaca
}
.leftInnerStepBoxHighlighted {
	BORDER-RIGHT: #cacaca 3px solid; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 12px; PADDING-TOP: 5px; BACKGROUND-COLOR: #cacaca
}
.rightInnerStepBoxHighlighted {
	FLOAT: right; PADDING-BOTTOM: 5px; BORDER-LEFT: #cacaca; WIDTH: 135px; PADDING-TOP: 5px; BACKGROUND-COLOR: #cacaca
}
.formHeaderDeptLogo {
	FLOAT: left
}
.formHeaderDeptName {
	PADDING-LEFT: 20px; FLOAT: left
}

/* modified for R2:LL 18-5-2007 */

#contentPanelFloat {
	FLOAT: left; MARGIN-LEFT: -135px; WIDTH: 100%;
}
#contentPanelFix {
	MARGIN-LEFT: 145px;
}
#contentPanel {
	WIDTH: 100%;
}
.formPanel {
	PADDING-LEFT: 0px; FLOAT: left; WIDTH: 100%
}

/* 	modified for R2:LL 18-5-2007 */
.formTitle {
	WIDTH: 100%; COLOR: #000000; BACKGROUND-COLOR: #DCE3F4; float:left;
}


.formBox {
	CLEAR: both; DISPLAY: block; WIDTH: 100%
}
.formBoxRightAligned {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; TEXT-ALIGN: right
}
.formBoxWithPadding {
	CLEAR: both; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px;
}

.formBoxWithPaddingTab {
	CLEAR: both; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: none; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px;
}

/* added for R2 by LL */
.formBoxWithPaddingTab h3 {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1.15em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px;font-weight: normal;	
}




.formBoxWithTopBorder {
	CLEAR: both; BORDER-TOP: #dedebf 1px solid; DISPLAY: block; WIDTH: 100%
}

/* modified */
.formBoxWithBottomBorder {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; BORDER-BOTTOM: #dedebf 1px solid; text-align:left;
}

/* added */
.formBoxWithoutBottomBorder {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; text-align:left;
}

.formSelectCheckbox {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 15px; PADDING-TOP: 2px
}
.formSelectItemName {
	PADDING-RIGHT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 550px; PADDING-TOP: 5px
}
.formSubTitle {
	PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 2px
}
.formFieldIndentation {
	FLOAT: left; WIDTH: 50px
}
.formFieldMandatoryArea {
	PADDING-LEFT: 5px; FLOAT: left; WIDTH: 10px; COLOR: red; PADDING-TOP: 5px
}
.mandatoryIndicator {
	FONT-WEIGHT: normal; COLOR: red
}
.formFieldHeading {
	DISPLAY: block; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.formFieldLabel {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 140px; PADDING-TOP: 5px
}
.formFieldInputComponent {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 310px; PADDING-TOP: 5px
}
.formFieldPanelColor1 {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #f4f1db
}
/* modified */
.faqQuestionPanel {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #f4f1db
}

.formFieldPanelColor2 {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #ffffff
}
/* modified */
.faqAnswerPanel {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #ffffff;
}

.faqAnswerPanel ul {
margin:0;
padding:0;
border:0;
padding-left:40px;
list-style:disc; 
}

.faqAnswerPanel ul.arrowlist {

padding-left:0px;
margin:2px;

}



.faqAnswerPanel ul.arrowlist li {
list-style: none;
padding-left:15px;
background-image: url('../../../../../images/icon/orange_s_arrow.gif');
background-repeat: no-repeat;
background-position: 0.2em 0.4em;
}


.topicUnderline {
background-color:#33FFCC;
border-bottom: 1px solid #DEDEBF ;
}



.buttonPanel {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.buttonContinue {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: right; WIDTH: 58%
}
.buttonClear {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: right
}
.buttonBack {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; WIDTH: 40%
}
.buttonExit {
	FLOAT: right; WIDTH: 10%
}
.errorPanel {
	BORDER-RIGHT: #cc0000 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cc0000 2px solid; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #cc0000 2px solid; WIDTH: 100%; COLOR: #cc0000; PADDING-TOP: 3px; BORDER-BOTTOM: #cc0000 2px solid
}
.declarationPanel {
	BORDER-RIGHT: #a5e0b0 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #a5e0b0 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a5e0b0 1px solid; WIDTH: 468px; PADDING-TOP: 2px; BORDER-BOTTOM: #a5e0b0 1px solid
}
.footerPanel {
	PADDING-LEFT: 0px; FLOAT: left; WIDTH: 583px; PADDING-TOP: 20px; TEXT-ALIGN: center
}
.formPuaInputValue {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 15%; PADDING-TOP: 5px
}
.formPuaInputChar {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 30%; PADDING-TOP: 5px
}
.formPuaSysChar {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; WIDTH: 45%; PADDING-TOP: 5px
}
ul.errormsg {
	LIST-STYLE-POSITION: inside; LIST-STYLE-TYPE: disc
}
SELECT {
	BORDER-RIGHT: #4b729e 1px solid; BORDER-TOP: #4b729e 1px solid; FONT-SIZE: 1em; BORDER-LEFT: #4b729e 1px solid; COLOR: #333333; LINE-HEIGHT: 1.46em; BORDER-BOTTOM: #4b729e 1px solid; }
SELECT OPTION {
	PADDING-LEFT: 2px
}

#headerNavSkip {
	FLOAT: left; WIDTH:80px ; HEIGHT: 44px;
}/*160px*/
#headerNavSkip A:link, #headerNavSkip A:visited {
	FONT-SIZE: 0.8em; COLOR: #ffffff; TEXT-DECORATION: underline
}
#headerNavSkip A:hover, #headerNavSkip A:active, #headerNavSkip A:focus {
	FONT-SIZE: 0.8em; COLOR: #666666; TEXT-DECORATION: underline
}

#contentPanel h1 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
#contentPanel h2 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
#contentPanel h3 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}