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 {
	FLOAT: left; MARGIN: 0px; 
	WIDTH: 100%; HEIGHT: 10px; BACKGROUND-COLOR: #ffffff; 
	PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  
	BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

DIV.formBox {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; 
}

DIV.formBoxHeader {
	CLEAR: both; DISPLAY: block; WIDTH: 100%;
	PADDING-TOP: 5px; PADDING-BOTTOM: 5px; 
	TEXT-ALIGN: center; FLOAT: none; 
}

DIV.formBoxWithPadding {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; FLOAT: left;  
	PADDING-TOP: 5px; PADDING-BOTTOM: 5px; 
}

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

DIV.formBoxWithBottomBorder {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; 
	BORDER-BOTTOM: #dedebf 1px solid;
}

DIV.formFieldPanelColor1 {
	FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #F5FFFA; vertical-align: middle;
}

DIV.formFieldPanelColor2 {
	FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #f0f0f0
}

DIV.formFieldPointsToNote{
	FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #fcf5e6;
	BORDER-TOP: #cc0000 2px solid;
}

DIV.formFieldSubPanelColor {
	background-color:#F0F0F0;
	float:right;
	margin-bottom:2px;
	vertical-align:middle;
	width:90%;
}

DIV.formFieldMandatoryArea {
	PADDING-LEFT: 5px; FLOAT: left; WIDTH: 10px; COLOR: red; PADDING-TOP: 5px; TEXT-ALIGN: CENTER;
}


SPAN.mandatoryIndicator {
	FONT-SIZE: 1.15em; FONT-WEIGHT: normal; COLOR: red; FONT-FAMILY: Verdana;
}

DIV.formFieldHeading {
	WIDTH:80%; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px;  
}

DIV.formFieldHeadingNo {
	PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px;  
}


DIV.formFieldLabel {
	FLOAT: left; WIDTH: 15%; TEXT-ALIGN: right; MARGIN: 5px;
}

DIV.formFieldLabel20 {
	FLOAT: left; WIDTH: 20%; TEXT-ALIGN: right; MARGIN: 5px;
}

DIV.formFieldLabel30 {
	FLOAT: left; WIDTH: 30%; TEXT-ALIGN: right; MARGIN: 5px;
}
DIV.formFieldLabel30Error {
	FLOAT: left; WIDTH: 30%; TEXT-ALIGN: right; MARGIN: 5px; color:red;
}

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.buttonPanel {
	WIDTH: 100%; FLOAT: left; TEXT-ALIGN: center; BACKGROUND-COLOR: #f0f0f0;
	PADDING-TOP: 3px; PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;
}
DIV.buttonFloat {
	MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px; FLOAT: right
}

DIV.formHeaderDeptLogo {
	float:left;
}

DIV.formHeaderDeptName {
	float:left;
	padding-left: 20px;
	MARGIN-top: 5px;
}

div.formSubTitle { 
	background-color:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:3px;
	float:left;
	width:100%;
}


div.formSubTitleSuccess { 
	background-color:#008000;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:3px;
	float:left;
	width:100%;
}

div.formFieldWithMargin {
	display:block;
	float:none;
	clear:both;
	margin-left:5px;
	margin-right:5px;
}

DIV.formFieldInputComponent {
	FLOAT: left; WIDTH: 76%; MARGIN: 5px
}
DIV.formFieldInputComponent75 {
	FLOAT: left; WIDTH: 71%; MARGIN: 5px
}
DIV.formFieldInputComponent70 {
	FLOAT: left; WIDTH: 66%; MARGIN: 5px
}
DIV.formFieldInputComponent65 {
	FLOAT: left; WIDTH: 61%; MARGIN: 5px
}
DIV.formFieldInputComponent65Error {
	FLOAT: left; WIDTH: 61%; MARGIN: 5px; color:red;
}
DIV.formFieldInputComponent60 {
	FLOAT: left; WIDTH: 56%; MARGIN: 5px
}
DIV.formFieldInputComponent55 {
	FLOAT: left; WIDTH: 51%; MARGIN: 5px
}
DIV.formFieldInputComponent50 {
	FLOAT: left; WIDTH: 46%; MARGIN: 5px
}
DIV.formFieldInputComponent45 {
	FLOAT: left; WIDTH: 41%; MARGIN: 5px
}
DIV.formFieldInputComponent40 {
	FLOAT: left; WIDTH: 36%; MARGIN: 5px
}
DIV.formFieldInputComponent35 {
	FLOAT: left; WIDTH: 31%; MARGIN: 5px
}
DIV.formFieldInputComponent30 {
	FLOAT: left; WIDTH: 26%; MARGIN: 5px
}
DIV.formFieldInputComponent20 {
	FLOAT: left; WIDTH: 16%; MARGIN: 5px
}
DIV.formFieldInputComponent10 {
	FLOAT: left; WIDTH: 6%; MARGIN: 5px
}

DIV.formFieldSpace1 {
	FLOAT: left; WIDTH: 1px
}
DIV.formFieldSpace5 {
	FLOAT: left; WIDTH: 5px
}
DIV.formFieldSpace10 {
	FLOAT: left; WIDTH: 10px
}

DIV.downloadLink {
	margin-top:8px;
	text-align:center
}

DIV.downloadLink A:link {
	TEXT-DECORATION: underline
}

#footerPanel {
	background-color:#FFFFFF;
}

.boxMinHeight50px{ min-height:50px; height:50px; float:left;}
[class].boxMinHeight50px{height:auto;}

.boxMinHeight100px{ min-height:100px; height:100px; float:left;}
[class].boxMinHeight100px{height:auto;}

.boxMinHeight150px{ min-height:150px; height:150px; float:left;}
[class].boxMinHeight150px{height:auto;}

.boxMinHeight200px{ min-height:200px; height:200px; float:left;}
[class].boxMinHeight200px{height:auto;}

SPAN.hightlightedText{ color:#CC0000 }

div.formPuaHeadingInputValue { 
	width:35%;
	float:left;
	padding:5px;
}

div.formPuaHeadingInputChar {	
	width:28%;
	float:left;
	padding:5px;
}

div.formPuaHeadingSysChar {	
	width:28%;
	float:right;
	padding:5px;
}

div.formPuaInputValue { 
	font-family:MingLiU,PMingLiU,Arial;
	font-size:30px;
	width:35%;
	float:left;
	padding:5px;
}

div.formPuaInputChar {	
	font-family:MingLiU,PMingLiU,Arial;
	font-size:30px;
	width:28%;
	float:left;
	padding:5px;
}

div.formPuaSysChar {	
	font-family:MingLiU,PMingLiU,Arial;
	font-size:30px;
	width:28%;
	float:right;
	padding:5px;
}

div.formPuaInputValueRow2 {	
	font-family:MingLiU,PMingLiU,Arial;
	font-size:30px;
	width:35%;
	float:left;
	padding:5px;
}

div.formPuaInputCharRow2 {	
	font-family:MingLiU,PMingLiU,Arial;
	font-size:30px;
	width:28%;
	float:left;
	padding:5px;
	border-top:solid #DEDEBF 1px;
}

div.formPuaSysCharRow2 {	
	font-family:MingLiU,PMingLiU,Arial;
	font-size:30px;
	width:28%;
	float:right;
	padding:5px;
	border-top:solid #DEDEBF 1px;
}

img.top {vertical-align:text-top}

/*add by Iven for new UI layout begin*/
div.contenttable {
	border: 1px #CCCCCC solid;
	padding:0px;
}

div.contenttable div.row {
	padding-left: 10px; padding-right:10px; padding-top: 7px; padding-bottom: 10px;
	display:block;
	color:#333333;
	
}
div.contenttable div.title {
    font-weight:bold;
	color: #1a1a1a;
	background-color: #E8E3CD; padding-left: 10px; padding-top: 7px; padding-bottom: 10px;
}
div.cell {
	margin-bottom: 25px;
	background-color: white;
}

div.contenttable_button {
	border: 1px #CCCCCC solid;
	height:39px;
}

div.btnbar {
	float:right;
}
/*add by Iven for new UI layout end*/