/*
{
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
*/
BODY {
background-image: url("../images/bg_page.jpg");
background-repeat: repeat-x;
background-color:#ded9c3;
font-size:0.935em;
}
/*add by Iven for new UI format begin*/
#body_shell {
text-align:center;
}
#titlePanel {
	text-align:left;
	width:100%; 
	height:52px;
	margin-bottom: 18px;
	background:url("../images/subheader_bg.jpg");
	vertical-align:middle;
	font-size:1.20em;
}
#mainpage_padding{

text-align:center; padding-left:20px; padding-right:20px;
}
#header div.exit {
float: right;
height:27px;
line-height:27px;
background-image:url(../images/icon_close.jpg);
background-repeat:no-repeat;
background-position:center right;
}
#header div.logo {
 float: left;
}

DIV.hidden {
	DISPLAY: none; PADDING-LEFT: 65px; FLOAT: left; WIDTH: 400px
}
#titlePanel div.cluster{
	float:left;
	width:46px;
	background-color:#68AFAC;
	height:42px;
	overflow:hidden;
	margin:5px 0px 5px 0px;
}

#titlePanel  img.icon {
margin:11px 11px 0px 11px;
}

#titlePanel div.icon {
vertical-align:middle;
float:left;
}
#titlePanel div.text{
padding-top:15px;
color:#4d4d4d;
font-weight:bold;
}
IMG {
BORDER-TOP: 0pt; BORDER-BOTTOM: 0pt; BORDER-LEFT: 0pt; BORDER-RIGHT: 0pt
}
a.exit:link, a.exit:active, a.exit:visited{
color:#666666;
text-decoration:none;
padding-right:23px;
	
}

a.exit:hover{
text-decoration:underline;
}
div.cell {
	margin-bottom: 30px;
	background-color: white;
	padding:10px;
}

div.contenttable {
	border: 1px #CCCCCC solid;
	padding:10px;
}

div.contenttable div.row {
	padding-left: 10px; padding-right:10px; padding-top: 7px; padding-bottom: 10px;
	display:block;
	color:#333333;
	
}
div.contenttable div.title {
	color: #1a1a1a;
	background-color: #E8E3CD; padding-left: 10px; padding-top: 7px; padding-bottom: 10px;
}
div.rowseperator {
	padding-left: 10px; padding-right:10px; padding-top: 0px; padding-bottom: 0px;
}
div.seperator {
	height:1px;
	border-bottom:1px solid #BFBFBF;
	overflow:hidden;
}
div.clear {clear:both; width:1px; height:1px; overflow:hidden}
/*add by Iven for new UI format end*/
H1 {
	COLOR: #666666
}
H2 {
/*	COLOR: #000000 */
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; COLOR: #000000; FONT-FAMILY: Tahoma,Trebuchet,Arial,Verdana,sans-serif
}
H2 A:link {
	DISPLAY: inline; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Tahoma,Trebuchet,Arial,Verdana,sans-serif; TEXT-DECORATION: none
}
H2 A:visited {
	DISPLAY: inline; FONT-WEIGHT: bold; COLOR: #660000; FONT-FAMILY: Tahoma,Trebuchet,Arial,Verdana,sans-serif; TEXT-DECORATION: none
}
H2 A:hover {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Trebuchet,Arial,Verdana,sans-serif; TEXT-DECORATION: underline
}
H2 A:active {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Trebuchet,Arial,Verdana,sans-serif; TEXT-DECORATION: underline
}

H3 {
	DISPLAY: inline; FONT-WEIGHT: normal; FONT-SIZE: 1.45em; COLOR: #cc6600; LINE-HEIGHT: 1.2em; FONT-FAMILY: Trebuchet,Tahoma,Arial,Verdana,sans-serif
}
H4 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 1.0em; COLOR: #000000; LINE-HEIGHT: 1.2em; FONT-FAMILY: Trebuchet,Tahoma,Arial,Verdana,sans-serif
}

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


/*modified*/

#pagePanel {
width:expression( (document.body.clientWidth < 760 ? "759px" : (document.body.clientWidth > 940 ? "940px" : "100%")) ); 
	
}
/*	width:expression(document.body.clientWidth <= 580 ? "580px" : "1024px";*/
#topPanel {
	FLOAT: left; 
	 WIDTH: 100%

}
#midPanel {
	clear:both;
width:100%;	
margin:0px;
padding-bottom:5px;
text-align:left;
border:none;
background-image: url('../images/bottom_border.jpg');
background-repeat:repeat-x;
background-position:bottom;
background-color:#FFFFFF;
}
/*
#header {
	FLOAT: left; WIDTH: 500px; BORDER-BOTTOM: #cc0000 3px solid; HEIGHT: 44px
} */

#header {
	text-align: left;
	width:100%; height:27px;
	margin-bottom: 20px;
	margin-top:38px;
	vertical-align:bottom;
} /*760px*/

#headerLeftPanel {
	FLOAT: left; WIDTH: 370px; HEIGHT: 40px;
}/*480px*/
#headerRightPanel {
	FLOAT: right;  WIDTH: 120px;  HEIGHT: 44px;
} /*120px*/
#headerTopRightPanel {
	WIDTH: 65px; HEIGHT: 23px
}
#headerBottomRightPanel {
	WIDTH: 65px; HEIGHT: 21px; float:right
}
#bannerPanel {
	CLEAR: both; DISPLAY: block; FLOAT: none; WIDTH: 100%; HEIGHT: 13px; BACKGROUND-COLOR: #78C2BD /*c4b574*/
}

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

#bannerPanel HR {
	DISPLAY: none
}
#leftMenuPanel {
	FLOAT: left; WIDTH: 150px; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
DIV.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
}
DIV.leftMenuPanelWhiteBox {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff
}
DIV.leftMenuPanelDimBox {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e3e3e3
}
DIV.leftMenuPanelDimBox2 {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e3e3e3; TEXT-ALIGN: center
}
DIV.leftMenuPanelTitleBox {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #cacaca
}
DIV.stepBox {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BACKGROUND-COLOR: #e3e3e3
}
DIV.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
}
DIV.leftInnerStepBoxHighlighted {
	BORDER-RIGHT: #cacaca 3px solid; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 12px; PADDING-TOP: 5px; BACKGROUND-COLOR: #cacaca
}
DIV.rightInnerStepBoxHighlighted {
	FLOAT: right; PADDING-BOTTOM: 5px; BORDER-LEFT: #cacaca; WIDTH: 135px; PADDING-TOP: 5px; BACKGROUND-COLOR: #cacaca
}
DIV.formHeaderDeptLogo {
	FLOAT: left
}
DIV.formHeaderDeptName {
	PADDING-LEFT: 20px; FLOAT: left
}
#contentPanel {
	PADDING-LEFT: 10px; FLOAT: left; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
DIV.formPanel {
	PADDING-LEFT: 0px; FLOAT: left; WIDTH: 583px
}
DIV.formTitle {
	FONT-WEIGHT: bold; WIDTH: 100%; COLOR: #000000; BACKGROUND-COLOR: #c4b574
}
DIV.formBox {
	CLEAR: both; DISPLAY: block; WIDTH: 100%
}
DIV.formBoxRightAligned {
	CLEAR: both; DISPLAY: block; WIDTH: 100%; TEXT-ALIGN: right
}
div.contenttable DIV.formBoxWithPadding {
	CLEAR: both; PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: none; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px;
}

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

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

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


DIV.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
}
DIV.formSubTitle {
	PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 2px
}
DIV.formFieldIndentation {
	FLOAT: left; WIDTH: 50px
}
DIV.formFieldMandatoryArea {
	PADDING-LEFT: 5px; FLOAT: left; WIDTH: 10px; COLOR: red; PADDING-TOP: 5px
}
.mandatoryIndicator {
	FONT-WEIGHT: normal; COLOR: red
}
DIV.formFieldHeading {
	DISPLAY: block; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
DIV.formFieldLabel {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 140px; PADDING-TOP: 5px
}
DIV.formFieldInputComponent {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 310px; PADDING-TOP: 5px
}
DIV.formFieldPanelColor1 {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #f4f1db
}
/* modified */
div.contenttable DIV.faqQuestionPanel {
	color: #1a1a1a;
    BORDER-TOP: #dedebf 1px solid;	
	/*background-color: #ffffff;*/
	background-color: #E8E3CD; padding-left: 10px; padding-top: 7px; padding-bottom: 2px;
}

DIV.formFieldPanelColor2 {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #ffffff
}
/* modified */
div.contenttable DIV.faqAnswerPanel {
    color: #1a1a1a;
    BORDER-TOP: #dedebf 1px solid;	
	background-color: #ffffff; padding-left: 10px; padding-top: 7px; padding-bottom: 10px;
}


DIV.buttonPanel {
	BORDER-TOP: #dedebf 1px solid; FLOAT: left; WIDTH: 100%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
DIV.buttonContinue {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: right; WIDTH: 58%
}
DIV.buttonClear {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: right
}
DIV.buttonBack {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; WIDTH: 40%
}
DIV.buttonExit {
	FLOAT: right; WIDTH: 10%
}
DIV.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
}
DIV.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
}
DIV.footerPanel {
	PADDING-LEFT: 0px; FLOAT: left; WIDTH: 583px; PADDING-TOP: 20px; TEXT-ALIGN: center
}
DIV.formPuaInputValue {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 15%; PADDING-TOP: 5px
}
DIV.formPuaInputChar {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 30%; PADDING-TOP: 5px
}
DIV.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; FONT-FAMILY: Tahoma, Trebuchet MS, Arial, Verdana, sans-serif
}
SELECT OPTION {
	PADDING-LEFT: 2px
}
INPUT {
	BORDER-RIGHT: #80a0c0 1px solid; BORDER-TOP: #80a0c0 1px solid; FONT-SIZE: 1em; BORDER-LEFT: #80a0c0 1px solid; COLOR: #333333; LINE-HEIGHT: 1.46em; BORDER-BOTTOM: #80a0c0 1px solid; FONT-FAMILY: Tahoma, Trebuchet MS, Arial, Verdana, sans-serif
}
INPUT.noborder {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
#headerNavSkip {
	FLOAT: left; WIDTH:80px ; HEIGHT: 44px;
}/*160px*/
#headerNavSkip A:link {
	FONT-SIZE: 0.8em; COLOR: #ffffff; TEXT-DECORATION: underline
}
#headerNavSkip A:visited {
	FONT-SIZE: 0.8em; COLOR: #ffffff; TEXT-DECORATION: underline
}
#headerNavSkip A:hover {
	FONT-SIZE: 0.8em; COLOR: #666666; TEXT-DECORATION: underline
}
#headerNavSkip A:active {
	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
}