div.hidden {
	DISPLAY: none; PADDING-LEFT: 65px; FLOAT: left; WIDTH: 400px
}
div.hidden_display {
	LEFT: 0px; OVERFLOW: hidden; WIDTH: 1px; POSITION: absolute; TOP: -500px; HEIGHT: 1px
}
.hiddenLabel {
	DISPLAY: none
}
div.Hoz_separator {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 10px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px
}
div.seperator {
	border-bottom:1px solid #BFBFBF;
	height:1px;
	overflow:hidden;
}
div.rowSeperator {
	padding:0px 10px;
}

div.formSubTitle,
div.formFieldPanelColor1 {
	background-color:#E8E3CD;
	color:#1A1A1A;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:7px;
}
div.formFieldPanelColor2 {
	color:#333333;
	display:block;
	padding:7px 10px 10px;
}
div.formFieldPanelColor3 {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #cc0000
}
div.formFieldMandatoryArea {
	PADDING-LEFT: 5px; FLOAT: left; WIDTH: 10px; COLOR: red; PADDING-TOP: 5px
}
SPAN.mandatoryIndicator {
	FONT-WEIGHT: normal; FONT-SIZE: 1.15em; COLOR: red; FONT-FAMILY: Verdana
}
div.formFieldHeading {
	DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 80%; PADDING-TOP: 5px
}
div.formFieldHeadingNo {
	PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
div.formFieldLabel {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 100%; PADDING-TOP: 5px
}
div.formSelectItemName {
	PADDING-RIGHT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px
}
div.formSelectCheckbox {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
div.startPageButton {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: right
}
div.buttonPanel {
	FLOAT: left; PADDING: 0px; WIDTH: 100%; TEXT-ALIGN: center;		
}
div.buttonFloat {
	FLOAT: right;
}
div.leftButtonFloat {
	FLOAT: left
}
div.pageNoPanel {
	FLOAT: right; WIDTH: 100%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
div.pageNoLabel {
	PADDING-RIGHT: 2px; FONT-WEIGHT: normal; FLOAT: right; WIDTH: 200px; PADDING-TOP: 5px; TEXT-ALIGN: right
}
div.surveyformFieldInputComponent {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 200px; PADDING-TOP: 5px
}
div.surveyformFieldLabel {
	PADDING-LEFT: 10px; FONT-WEIGHT: normal; FLOAT: left; WIDTH: 140px; PADDING-TOP: 5px
}
div.surveyformAnswerLabel {
	FONT-WEIGHT: bold; FONT-SIZE: 1em; FLOAT: left
}
div.surveyTextArea {
	PADDING-LEFT: 25px; WIDTH: 430px
}
div.surveyformFieldPanelColor2 {
	FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #fcf5e6
}
div.formPuaInputValue {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1.15em; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 15%; PADDING-TOP: 5px
}
div.formPuaInputChar {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1.15em; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 30%; PADDING-TOP: 5px
}
div.formPuaSysChar {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1.15em; FLOAT: right; PADDING-BOTTOM: 5px; WIDTH: 45%; PADDING-TOP: 5px
}
div.repeatableBlank {
	MIN-WIDTH: 20px; FLOAT: left; WIDTH: 99%; HEIGHT: 40px
}
.error {
	PADDING: 5px; 
	BORDER: black 1px solid; 
	MARGIN-TOP: 5px;
	FLOAT: left; 	
	MARGIN-LEFT: 20px; 
}
.errors {
	COLOR: black
}
.errors INPUT {
	BORDER: black 1px solid;
}
.errors TEXTAREA {
	BORDER-RIGHT: black 1px solid;
}
.specificFieldErrorMessage {
	COLOR: red;
}

.required {
	PADDING-LEFT: 2px; COLOR: red
}
.errorMessage {
	FLOAT: left; 		
	WIDTH: 100%; 
	COLOR: #cc0000;
	padding: 3px; 
	border: #cc0000 2px solid; 
	BACKGROUND-COLOR: #f0f0f0
}
.errorMessage ul{	
	list-style-type:disc;
	padding-left:35px;
}
.errorMessage li{	
	list-style-type:disc;
	padding:4px;
}
.errorCode{
	color:#000000;
}

.standardTB {
	WIDTH: 100%
}
.standardTB TD {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BORDER-LEFT: red 0px solid; BORDER-BOTTOM: red 0px solid
}
.data {
	TEXT-ALIGN: left
}
.datarow {
	TEXT-ALIGN: left
}
.leftTD {
	WIDTH: 15%; TEXT-ALIGN: left
}
.labelTD {
	VERTICAL-ALIGN: top; WIDTH: 15%; TEXT-ALIGN: left
}
.fieldTD {
	VERTICAL-ALIGN: top; WIDTH: 35%; TEXT-ALIGN: left
}

.formHeaderDept {
	padding-top: 16px;	
	padding-bottom:24px;	
	padding-left: 24px;
}
.formHeaderDept .formHeaderDeptLogo {	
	padding-right: 20px;
	float:left;	
}
.formHeaderDept .formHeaderDeptName {
	MARGIN-TOP: 8px;
}

.formHeaderDept .formHeaderDeptName .dept{
	font-weight: bold;
    font-size: 14px;
}

.formHeaderDept .formHeaderDeptName .hksarg{
    font-size: 12px;
}

span.formBox {
	CLEAR: both; DISPLAY: inline-table; WIDTH: 100%
}
div.formBox {
	CLEAR: both; DISPLAY: block; WIDTH: 100%
}
div.formBoxHeader {
	CLEAR: both; DISPLAY: block; FLOAT: none; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px; TEXT-ALIGN: center
}
div.formBoxWithTopBorder {
	CLEAR: both; BORDER-TOP: #dedebf 1px solid; DISPLAY: block; WIDTH: 100%
}
div.formBoxWithBottomBorder {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; BORDER-BOTTOM: #dedebf 1px solid
}
div.formBoxWithPadding {
	CLEAR: both; DISPLAY: block; FLOAT: none; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
div.formFieldWithMargin {
	CLEAR: both; DISPLAY: block; FLOAT: none; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px
}
div.formFieldWithMargin_LAYER2 {
	CLEAR: both; DISPLAY: block; FLOAT: none; MARGIN-LEFT: 10px; MARGIN-RIGHT: 5px
}
div.formFieldWithMargin_LAYER3 {
	CLEAR: both; DISPLAY: block; FLOAT: none; MARGIN-LEFT: 15px; MARGIN-RIGHT: 5px
}
div.contentTable,div.contentTableBtn {
	WIDTH: 99.7%;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:0;
	margin-bottom:20px;
}
div.contentTableBtn {
	height:39px;
}
div.contentTableNoBorder {
	border:0;
	padding:0;
	margin-bottom:20px;
}
div.formFieldLabel {
	FLOAT: left; WIDTH: 15%; TEXT-ALIGN: right
}
div.formFieldLabel20 {
	FLOAT: left; WIDTH: 20%; TEXT-ALIGN: right
}
div.formFieldLabel30 {
	FLOAT: left; WIDTH: 30%; TEXT-ALIGN: right
}
div.formFieldInputComponent {
	FLOAT: left; MARGIN: 1%; WIDTH: 76%
}
div.formFieldInputComponent75 {
	FLOAT: left; MARGIN: 1%; WIDTH: 71%
}
div.formFieldInputComponent70 {
	FLOAT: left; MARGIN: 1%; WIDTH: 66%
}
div.formFieldInputComponent65 {
	FLOAT: left; MARGIN: 1%; WIDTH: 61%
}
div.formFieldInputComponent60 {
	FLOAT: left; MARGIN: 1%; WIDTH: 56%
}
div.formFieldInputComponent55 {
	FLOAT: left; MARGIN: 1%; WIDTH: 51%
}
div.formFieldInputComponent50 {
	FLOAT: left; MARGIN: 1%; WIDTH: 46%
}
div.formFieldInputComponent45 {
	FLOAT: left; MARGIN: 1%; WIDTH: 41%
}
div.formFieldInputComponent40 {
	FLOAT: left; MARGIN: 1%; WIDTH: 36%
}
div.formFieldInputComponent35 {
	FLOAT: left; MARGIN: 1%; WIDTH: 31%
}
div.formFieldInputComponent30 {
	FLOAT: left; MARGIN: 1%; WIDTH: 26%
}
div.formFieldInputComponent20 {
	FLOAT: left; MARGIN: 1%; WIDTH: 16%
}
div.formFieldInputComponent10 {
	FLOAT: left; MARGIN: 1%; WIDTH: 6%
}
div.formFieldSpace1 {
	FLOAT: left; WIDTH: 1px
}
div.formFieldSpace5 {
	FLOAT: left; WIDTH: 5px
}
div.formFieldSpace10 {
	FLOAT: left; WIDTH: 10px
}
div.downloadLink {
	padding:8px 10px 5px 5px;
}
div.downloadLink div.icon {
float:left;
text-align:center;
width:70px;
vertical-align:middle;
}
div.downloadLink div.link {
color:#754C28;
float:right;
padding-top:2px;
}
div.downloadLink div.link a {
color:#003399;
font-weight:normal;
text-decoration:none;
}
div.downloadLink div.link a:visited {
color:#6B5B9A;
}
div.downloadLink div.link a:hover {
font-weight:normal;
text-decoration:underline;
}
div.downloadLink .iconCell{
	width:75px;
}
div.downloadLink .textCell{
	width:100%;
}
div.downloadLink ul { 
	margin:0; border:0; text-align:left; 
	padding: 0px 0px 0px 0px;
}

div.downloadLink li {
	padding: 0px 0px 0px 0px;
}


OL.terms_conditions LI {
	LIST-STYLE-TYPE: decimal
}

.reminder {
	COLOR: #ff9900; BORDER-RIGHT: #ff9900 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ff9900 2px solid; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ff9900 2px solid; WIDTH: 100%; PADDING-TOP: 3px; BORDER-BOTTOM: #ff9900 2px solid
}

div.reminder_bold {
	COLOR: #ff9900; FONT-WEIGHT: bold; display: inline
}

div.noteBottom {
	FLOAT: right; MARGIN-LEFT: 2px; MARGIN-RIGHT: 2px; COLOR: #ff9900; FONT-WEIGHT: bold
}

div.noteTop {
	COLOR: #ff9900; FONT-WEIGHT: bold
}

div.stepHd {
	background-image:url(../../images/title_step.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:25px;
	padding:10px 0px 0px 0px;	
}

div.stepHd span.stepNo {
color:#FFFFFF;
padding:0px 25px 0px 15px;
}

div.stepHd span.stepInfo {
	color:#4D4D4D;
	font-size:13px;
	font-weight:bold;
	padding-left:10px;
}

div.stepHd span.stepRemark {
	color:#666666;
	font-size:13px;
	padding-left:5px;
}

.formFieldPanelTitle{
	font-size:14px;
	font-weight:bold;
}


