/* ::::: http://www.cd540.p2g.netd2.hsbc.com.hk/group-mortgage-themesskins-servlet/themes/html/HSBCPortal_theme_dojo/css/onehsbc/layout.css ::::: */

/* ::::: http://www.cd540.p2g.netd2.hsbc.com.hk/1/PA_group-mortgage-cal/dojo/1.7.1/dijit/themes/claro/claro.css ::::: */

body { background-color: rgb(230, 230, 230); font-family:Arial, Helvetica, sans-serif;text-align: center; }
#applyModal p, label { color: rgb(255, 255, 255); font-size: 100%; line-height: 16px; }

.dijitReset { margin: 0pt; border: 0pt none; padding: 0pt; font: inherit; color: inherit; }
.dijitInline { display: inline-block; border: 0pt none; padding: 0pt; vertical-align: middle; }
table.dijitInline { display: inline-table; -moz-box-sizing: content-box; margin-left: 21px; }
table.dijitSlider { display: none }
.dijitHidden { display: none ! important; }
.dijitVisible { display: block ! important; position: relative; }
.dijitInputContainer { overflow: visible; float: none ! important; position: relative; vertical-align: middle; }
.dijitTextBox .dijitSpinnerButtonContainer, .dijitTextBox .dijitArrowButtonContainer, .dijitTextBox .dijitValidationContainer { float: right; text-align: center; }
.dijitTextBox input.dijitInputField { padding-left: 0pt ! important; padding-right: 0pt ! important; }
.dijitTextBox .dijitValidationContainer { display: none; }
.dijitOffScreen { position: absolute; left: 50%; top: -10000px; }
.dijitDisplayNone { display: none ! important; }
.dijitContainer { overflow: hidden; }
.dijitButtonNode * { vertical-align: middle; }
.dijitButtonNode .dijitArrowButtonInner { background: none no-repeat scroll center center transparent; width: 12px; height: 12px; direction: ltr; overflow: hidden; }
.dijitButtonNode .dijitArrowButtonInner input{ width: 12px!important; height: 12px!important; }

.dijitLeft { background-position: left top; background-repeat: no-repeat; }
.dijitStretch { white-space: nowrap; background-repeat: repeat-x; }
.dijitRight { background-position: right top; background-repeat: no-repeat; }
.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton { margin: 0.2em; vertical-align: middle; }
.dijitButtonContents { display: block; }
.dijitButtonContents .dijitButtonText { padding: 0 }
td.dijitButtonContents { display: table-cell; }
.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { padding: 0pt; }
.dijitButtonNode { border: 1px solid gray; margin: 0pt; line-height: normal; vertical-align: middle; text-align: center; white-space: nowrap; }
.dijitButtonNode, .dijitButtonNode * { cursor: pointer; }
.midSection .dijitTextBox, 
#midSection .dijitTextBox { 
	background-color: transparent;
    border: 0 none;
    vertical-align: middle;
	margin-left: 18px;
	padding: 3px;
	width: 200px!important; }
.dijitSlider { display: none; }
#midSection .dijitContentPane .dijitTextBox {
	width: 100px!important; }
.midSection .dijitTextBox input,
#midSection .dijitTextBox input {
    background: none repeat scroll 0 0 #FFFFFF;
	border:1px solid #e0e0e0;
	border:solid 1px #cccccc;
    color: #666666;
    float: left;
    font-size: 75%;
    height: 24px;
    padding-right: 10px!important;
    text-align: right;
    width: 188px !important; }
.dj_ie7 .midSection .dijitTextBox input,
.dj_ie7 #midSection .dijitTextBox input {
    position: relative;
	left: -2px;
}
center #productComparisionDetails input {
	left: 0px;

}
#midSection .dijitContentPane .dijitTextBox input {
    text-align: left;
	padding-left: 10px !important;
    width: 80px !important; 
}
div.dijitTextBoxFocused input {
	-webkit-box-shadow:0px 0px 5px 0px #e8e012!important;
	-moz-box-shadow:0px 0px 5px 0px #e8e012!important;
	box-shadow:0px 0px 5px 0px #e8e012!important;
	text-decoration:underline; 
}
.dj_ie9 #productComparisionDetails div.dijitTextBoxFocused,
.dj_ie7 div.dijitTextBoxFocused,
.dj_ie8 div.dijitTextBoxFocused {
    background: url("../images/highlight.png") no-repeat scroll left top transparent;
}
.dijitInputInner { vertical-align: middle ! important; padding-left: 0pt ! important; padding-right: 0pt ! important; margin-left: 0pt ! important; margin-right: 0pt ! important; }
.dijitCheckBox, .dijitRadio, .dijitCheckBoxInput { padding: 0pt; border: 0pt none; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
.dijitCheckBox input, .dijitRadio input { margin: 0pt; padding: 0pt; display: block; }

.fieldset .dijitRadio {
    background: url("../images/radio.gif") no-repeat scroll left top transparent;
    float: left;
    height: 23px;
    margin: 8px 2px 0 0;
	padding: 0;
    width: 23px!important;
}
.fieldset .dijitRadioHover {
    background: url("../images/radio.gif") no-repeat scroll left bottom transparent;
}
.fieldset .dijitRadioChecked {
    background: url("../images/radio.gif") no-repeat scroll right top transparent;
}
.fieldset .dijitRadioCheckedHover {
    background: url("../images/radio.gif") no-repeat scroll right bottom transparent;
}

 .inputform #paymentType label {
    float: left;
	text-align:left;
}

 .inputform #paymentType br {
    width: 100%;
	clear: both;
}

 .inputform #paymentType {
    float: left;
	font-size: 12px;
	text-align:left;
	width: 100%;
}

/* Accessibility fix start */
.hidespan{
/* original
	display: none;
*/
/* approach 2 */
	position: absolute !important;
	height: 1px; width: 1px; 
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/* Accessibility fix end */
.dijitCheckBoxInput { opacity: 0.01; }
.dijitLayoutContainer { position: relative; display: block; overflow: visible; }
.dijitAlignTop, .dijitAlignBottom, .dijitAlignLeft, .dijitAlignRight { position: absolute; overflow: hidden; }
body .dijitAlignClient { position: absolute; }
.dijitContentPane { display: block; overflow: auto; }
.dijitTabContainerBottom-tabs, .dijitTabContainerTop-tabs, .dijitTabContainerLeft-tabs, .dijitTabContainerRight-tabs { overflow: visible ! important; }
.dijitTabContainerBottom-container, .dijitTabContainerTop-container, .dijitTabContainerLeft-container, .dijitTabContainerRight-container { z-index: 0; overflow: hidden; border: 1px solid black; }
.nowrapTabStrip { width: 50000px; display: block; position: relative; text-align: left; }
.dijitTabListWrapper { overflow: hidden; height: 53px!important; }
.dijitTabContainerTop-tabs { border-bottom: 1px solid black; }
.dijitTabContainerTop-container { border-top: 0pt none; }
div.dijitTabDisabled, .dj_ie div.dijitTabDisabled { cursor: auto; }
.dijitTab { position: relative; cursor: pointer; white-space: nowrap; z-index: 3; }
.dijitTab * {     font-size: 94%;
    font-weight: bold;
	margin-top: 2px;
    text-align: center;
    vertical-align: middle; }
.dijitTabChecked { cursor: default; }
.dijitTabContainerTop-tabs .dijitTab { top: 1px; }
.dijitTabContainerTop-tabs .dijitTab, .dijitTabContainerBottom-tabs .dijitTab { display: inline-block; }
.dijitTabInnerDiv { position: relative; }
.tabStripButton { z-index: 12; }
.dijitTabCloseButton { margin-left: 1em; }
.dijitTabCloseText { display: none; }
.dijitTab .tabLabel {     color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    min-height: 15px;
    position: relative;
    top: 7px; }
.dijitTabChecked.dijitTab .tabLabel {     color: #C00000; }
.dijitNoIcon { display: none; }
.dijitTabPane, .dijitStackContainer-child, .dijitAccordionContainer-child { border: medium none ! important; }
.dijitSliderMoveable { z-index: 99; position: absolute ! important; display: block; vertical-align: middle; }
.dijitSliderMoveableH { right: 0pt; }
.dijit_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle { margin: 0pt; padding: 0pt; position: relative ! important; border: 8px solid gray; width: 0pt; height: 0pt; cursor: pointer; }
.dijitSliderImageHandleH { left: 50%; top: -5px; vertical-align: top; }
.dijitSliderBar { border-style: solid; border-color: black; cursor: pointer; }
.dijitSliderBarContainerH { position: relative; z-index: 1; }
.dijitSliderBarH { height: 4px; border-width: 1px 0pt; }
.dijitSliderProgressBar { background-color: red; z-index: 1; }
.dijitSliderProgressBarH { position: absolute ! important; width: 0pt; vertical-align: middle; overflow: visible; }
.dijitSliderRemainingBar { overflow: hidden; background-color: transparent; z-index: 1; }
.dijitSliderRemainingBarH { width: 100% ! important; }
.dijitSliderBumper { overflow: hidden; z-index: 1; }
.dijitSliderBumperH { width: 8px; height: 4px; border-width: 1px 0pt; }
.dijitSliderBottomBumper, .dijitSliderLeftBumper { background-color: red; }
.dijitSliderTopBumper, .dijitSliderRightBumper { background-color: transparent; }
.dijitSliderDecoration { text-align: center; }
.dijitSliderDecorationH { width: 100%; }
.dijitSliderButtonContainer { text-align: center; height: 0pt; }
.dijitSliderButtonContainer * { cursor: pointer; }
.dijitToggleButtonIconChar { display: none ! important; }
.dijitArrowButtonChar { display: none ! important; }
.dijitSelect { margin: 0; border-collapse: collapse; }
.dijitSelect .dijitButtonContents { padding: 0pt; background: none repeat scroll 0% 0% transparent; white-space: nowrap; text-align: left; }
.dijitSelectFixedWidth .dijitButtonContents { width: 100%; }
.dijitReadOnly *, .dijitDisabled *, .dijitReadOnly, .dijitDisabled { cursor: default; }
 .dijitTextBox,  .dijitInputInner { color: rgb(0, 0, 0); }
 .dijitTextBox .dijitInputField { width: 198px; }
.dj_gecko  .dijitTextBox .dijitInputInner, .dj_webkit  .dijitTextBox .dijitInputInner { padding: 1px; }
 .dijitTextBox,  .dijitTextBox .dijitButtonNode { -moz-transition-property: background-color, border; -moz-transition-duration: 0.35s; }
 .dijitTextBox { background-color: rgb(255, 255, 255); }
 .dijitTextBox .dijitInputInner,  .dijitTextBox .dijitValidationContainer { }
.dj_ie .dijitTextBox .dijitInputInner { position: relative; }
.dj_ie .dijitTextBox .dijitInputInner input { padding: 0px; position:relative; top:10px; }
 .dijitButtonNode { -moz-transition-property: background-color; -moz-transition-duration: 0.3s; }

 .dijitButton .dijitButtonNode,  .dijitDropDownButton .dijitButtonNode,  .dijitComboButton .dijitButtonNode,  .dijitToggleButton .dijitButtonNode {
 	background: url("../images/bg_btn_left.gif") no-repeat scroll left top transparent;
	border: 0 none;
    display: block;
    float: left;
    height: 33px;
    padding-left: 4px;
    text-decoration: none;
    white-space: nowrap; 
}
#topRightHeader .dijitButton .dijitButtonNode,  .dijitDropDownButton .dijitButtonNode,  .dijitComboButton .dijitButtonNode,  .dijitToggleButton .dijitButtonNode {     background: url("../images/bg_lightgrey_btn_left.gif") no-repeat scroll left top transparent;
 	color: #000000;
	border: 0 none;
    display: block;
    float: left;
    height: 33px;
    padding-left: 4px;
    text-decoration: none;
    white-space: nowrap; 
}
#topRightHeader .dijitButton .dijitButtonNode:hover,  .dijitDropDownButton .dijitButtonNode:hover,  .dijitComboButton .dijitButtonNode:hover,  .dijitToggleButton .dijitButtonNode:hover { text-decoration: underline; }
 
.dijitButtonNode .dijitButtonContents { background: url("../images/bg_btn.gif") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: "Univers 55",Arial;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    padding: 0 10px 0 6px;
    text-decoration: none; }

#topRightHeader .dijitButtonNode .dijitButtonContents { background: url("../images/bg_lightgrey_btn.gif") no-repeat scroll right top transparent;
    color: #000000;
    display: block;
    float: left;
    font-family: "Univers 55",Arial;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    padding: 0 10px 0 6px;
    text-decoration: none; }
#topRightHeader .dijitButtonNode .dijitButtonContents:hover { text-decoration: underline!important; }
#topRightHeader .dijitButtonNode .dijitButtonContents span { float: right; }
#topRightHeader .dijitButtonNode .dijitButtonContents span.dijitIcon { margin-top: 8px; }

#disclaimerLink .dijitButton .dijitButtonNode,  .dijitDropDownButton .dijitButtonNode,  .dijitComboButton .dijitButtonNode,  .dijitToggleButton .dijitButtonNode { border: 1px solid rgb(84, 24, 25); padding: 2px 4px 4px; background-image: url('../images/button.png'); background-position: center top; background-repeat: repeat-x; background-color: rgb(255, 26, 26); color: rgb(255, 255, 255); border-radius: 4px 4px 4px 4px; box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.15); }
#disclaimerLink .dijitButtonContents { background: url(none) no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 16px;
    line-height: 33px;
    padding: 0 0px 0 6px;
    text-decoration: none; }
.disclaimerSection #disclaimerLink .dijitButtonContents { background: url(none) no-repeat scroll right top transparent;
}
 .dijitButtonContents:focus,
 .dijitButtonContents:hover { text-decoration: underline; }

 .dijitArrowButtonInner { width: 15px; height: 15px; margin: 0pt auto; background-image: url('../images/buttonarrows.png'); background-repeat: no-repeat; background-position: -51px 53%; }
 .dijitButtonText { padding: 0pt 0.3em; text-align: center; text-decoration: inherit; }
 .dijitCheckBox,  .dijitCheckBoxIcon { background-image: url('../images/checkboxradiobuttonstates.png'); background-repeat: no-repeat; width: 15px; height: 16px; margin: 0pt 2px 0pt 0pt; padding: 0pt; }
 .dijitCheckBox, .dijitToggleButton .dijitCheckBoxIcon { background-position: -15px 50%; }
 .dijitCheckBox.dijitCheckBoxChecked, .dijitToggleButton .dijitInline .dijitCheckBox  { background-position: 0px 50%; }
 .dijitSelect .dijitButtonText { padding: 2px; }
 .WASdijitSelect {
 	background-color: #FFFFFF;
    border-collapse: separate;
	height: 30px;
    width: 202px !important;
	color: #888888;
	font-size: 76%; }
.dijitSelect
{
	background-color:#ececec;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec));
	background-image:-webkit-linear-gradient(top, #fff, #ececec);
	background-image:-moz-linear-gradient(top, #fff, #ececec);
	background-image:-ms-linear-gradient(top, #fff, #ececec);
	background-image:-o-linear-gradient(top, #fff, #ececec);
	background-image:linear-gradient(top, #fff, #ececec);
	border:1px solid #d2d2d2;
	height:30px;
	color:#000;
	cursor:pointer;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:0;
	background:url(../images/select2.gif) no-repeat scroll 0 0 transparent;
    width: 202px !important;
	padding-left:2px;
}
.dijitSelect tbody, .dijitSelect tr, .dijitSelect td, .dijitSelect span
{
	text-decoration: none;
}
.dijitSelectFocused
{
    border-radius: 4px 4px 0 0;
	text-decoration: none; 
}
.dijitSelect.dijitSelectFocused .dijitButtonNode { 
background-position: 0px -60px; }
.dijitSelect.dijitSelectFocused .dijitButtonNode.dijitArrowButton { 
background-position: right -60px; }
 .dijitSelect .dijitButtonContents { border: 0 none; padding-left: 10px; font-size: 75%; color: #666666; }
 .dijitSelect .dijitButtonNode { padding: 0 0 0 10px; border: none; background: url("../images/select2.gif") no-repeat scroll top left transparent;}
 .dijitSelect .dijitButtonNode.dijitArrowButton { padding: 0 5px 0 6px; border: none; background: url("../images/select2.gif") no-repeat top right #DDDDDD;}
 .dijitSelect .dijitArrowButton .dijitArrowButtonInner { background-image: url('../images/selectArrowDown.gif'); background-position: 0px 70%; background-repeat: no-repeat; width: 16px; height: 16px; }
 .dijitTabPaneWrapper { background: none repeat scroll 0% 0% rgb(255, 255, 255); }
 .dijitTabPaneWrapper,  .dijitTabContainerTop-tabs,  .dijitTabContainerBottom-tabs,  .dijitTabContainerLeft-tabs,  .dijitTabContainerRight-tabs { border-color: #cccccc; }
.dijitTabPaneWrapper { top: 53px !important; width: 518px !important; }
 .dijitTabCloseButton { background: url('../images/tabclose.png') no-repeat scroll 0% 0% transparent; width: 14px; height: 14px; margin-left: 5px; margin-right: -5px; }
 .dijitTabSpacer { display: none; }
 .dijitTabInnerDiv { background-color: rgb(0, 0, 0); -moz-transition-property: background-color, border; -moz-transition-duration: 0.35s; color: rgb(255, 255, 255); }
 .dijitTabChecked .dijitTabInnerDiv { color: rgb(192, 0, 0); }
 .dijitTabChecked .dijitTabContent { border: 1px solid #cccccc; }
 .dijitTabChecked .dijitTabContent { border-color: #cccccc; }
 .tabStripButton .dijitTabInnerDiv { background-color: transparent; }
 .tabStripButton .dijitTabContent { border: medium none; }
 .dijitTabContainerTop-tabs .dijitTab { top: 1px; padding-top: 3px; }
 .dijitTabContainerTop-tabs .dijitTabContent { padding: 3px 20px; border-bottom-width: 0pt; min-width: 20px; text-align: center; }
 .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { padding-bottom: 4px; padding-top: 6px; }
 .dijitTabContainerTop-tabs .dijitTabInnerDiv { background-image: url('../images/buttonBG1.gif'); background-position: center top; background-repeat: repeat-x; }
 .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabInnerDiv { background-image: none; box-shadow: 0pt -1px 2px rgba(0, 0, 0, 0.05); }
 .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { background-position: 0pt -102px; background-repeat: repeat-x; }
 .dijitTabContainerTop-tabs .dijitTabChecked .dijitTabContent { background: none repeat scroll 0 0 #FFFFFF; }
 .dijitTabContainerTop-tabs .dijitTabInnerDiv,  .dijitTabContainerTop-tabs .dijitTabContent { height: 44px; }
 .tabStripButton { background-color: rgb(255, 26, 26); border: 1px solid rgb(119, 68, 60); }
 .dijitTabListContainer-top { height: 53px!important; width: 518px !important; }
 .dijitTabListContainer-top .tabStripButton { padding: 4px 3px; margin-top: 7px; background-image: url('../images/tabtop.png'); background-position: 0pt 0pt; }
 .dijitTabStripIcon { height: 15px; width: 15px; margin: 0pt auto; background: url('../images/buttonarrows.png') no-repeat scroll -75px 50% transparent; }
 .dijitTabStripSlideRightIcon { background-position: -24px 50%; }
 .dijitTabStripMenuIcon { background-position: -51px 50%; }
 .dijitTabListContainer-top .tabStripButtonDisabled,  .dijitTabListContainer-bottom .tabStripButtonDisabled { background-color: rgb(211, 211, 211); border: 1px solid rgb(119, 68, 60); }
 .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { background-position: -175px 50%; }
 .tabStripButtonDisabled .dijitTabStripSlideRightIcon { background-position: -124px 50%; }
 .dijitContentPane { padding: 8px; }
 .dijitTabContainerTop-dijitContentPane,  .dijitTabContainerLeft-dijitContentPane,  .dijitTabContainerBottom-dijitContentPane,  .dijitTabContainerRight-dijitContentPane,  .dijitAccordionContainer-dijitContentPane { background-color: rgb(255, 255, 255); padding: 8px; }
 .dijitSliderBar { border-style: solid; outline: 1px none; }
 .dijitSlider .dijitSliderProgressBarH,  .dijitSlider .dijitSliderLeftBumper { background-image: url('../images/sliderhorizontal.png'); background-repeat: repeat-x; background-position: 0pt -20px; border-color: rgb(119, 68, 60); background-color: rgb(255, 0, 0); }
 .dijitSlider .dijitSliderRemainingBarH,  .dijitSlider .dijitSliderRightBumper { background-image: url('../images/sliderhorizontal.png'); background-repeat: repeat-x; background-position: 0pt -11px; border-color: rgb(119, 68, 60); background-color: rgb(255, 255, 255); }
 .dijitSliderRightBumper { border-right: 1px solid rgb(119, 68, 60); }
 .dijitSliderLeftBumper { border-left: 1px solid rgb(119, 68, 60); }
 .dijitSliderImageHandleH { border: 0pt none; width: 18px; height: 16px; background-image: url('../images/sliderthumbs.png'); background-repeat: no-repeat; background-position: 0pt 0pt; }
 .dijitSliderButtonContainerH { padding: 1px 3px 1px 2px; }
 .dijitSliderDecrementIconH,  .dijitSliderIncrementIconH,  .dijitSliderDecrementIconV,  .dijitSliderIncrementIconV { background-image: url('../images/commonformarrows.png'); background-repeat: no-repeat; background-color: rgb(255, 197, 197); border-radius: 2px 2px 2px 2px; border: 1px solid rgb(119, 68, 60); font-size: 1px; }
 .dijitSliderDecrementIconH,  .dijitSliderIncrementIconH { height: 12px; width: 9px; }
 .dijitSliderDecrementIconH { background-position: -357px 50%; }
 .dijitSliderIncrementIconH { background-position: -251px 50%; }
 .dijitSliderButtonInner { visibility: hidden; }
.no .dijitEditorIcon { background-image: url('../images/editoriconsenabled.png'); background-repeat: no-repeat; width: 24px; height: 18px; text-align: center; }
.no .dijitEditorIconSave { background-image: url("../images/save.png");  background-position: 2px 1px; }
.no .dijitEditorIconPrint { background-image: url("../images/print.png");  background-position: 2px 1px; }
/* ::::: http://www.cd540.p2g.netd2.hsbc.com.hk/1/PA_group-mortgage-cal/dojo/1.7.1/dojox/grid/resources/claroGrid.css ::::: */

.dojoxGrid { position: relative; background-color: rgb(235, 234, 219); font-family: Geneva,Arial,Helvetica,sans-serif; outline: medium none; overflow: hidden; height: 0pt; }
.dojoxGrid table { padding: 0pt; }
.dojoxGridMasterHeader { position: relative; }
.dojoxGridMasterView { position: relative; }
.dojoxGridMasterMessages { position: relative; padding: 1em; text-align: center; background-color: white; }
.dojoxGridView { position: absolute; overflow: hidden; }
.dojoxGridHeader { position: absolute; overflow: hidden; cursor: default; }
.dojoxGridHeader { background-color: rgb(232, 225, 207); }
.dojoxGridHeader table { text-align: center; }
.dojoxGridHeader .dojoxGridCell { border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; border-color: rgb(246, 244, 235) rgb(172, 168, 153) rgb(172, 168, 153) rgb(246, 244, 235); background: url('../images/grid_dx_gradient.gif') repeat-x scroll center top rgb(232, 225, 207); padding-bottom: 2px; }
.dojoxGridScrollbox { position: relative; overflow: auto; background-color: white; width: 100%; }
.dojoxGridContent { position: relative; overflow: hidden; outline: medium none; }
.dojoxGridRowTable { table-layout: fixed; width: 0pt; empty-cells: show; }
.dojoxGridCell { border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; border-color: rgb(235, 234, 219) rgb(213, 205, 181) rgb(235, 234, 219) rgb(235, 234, 219); padding: 3px; text-align: left; overflow: hidden; }
.dojoxGridHiddenFocus { position: absolute; top: -1000px; height: 0pt; width: 0pt; }
 .dojoxGrid { margin: 0px; padding: 0px; border-collapse: collapse; background-color: rgb(255, 255, 255); }
 .dojoxGridMasterMessages { background-color: rgb(254, 254, 254); }
 .dojoxGridHeader { background: none repeat scroll 0% 0% transparent; margin-left: -2px; }
 .dojoxGridHeader .dojoxGridCell { padding: 2px 10px; vertical-align: middle; background: none repeat scroll 0% 0% transparent; border: none; height: 36px;  }
 .dojoxGridSortNode { text-decoration: none; display: block; white-space: normal; background: none repeat scroll 0% 0% transparent; border: medium none; padding: 0pt; }
 .dojoxGridMasterHeader { background-color: #F0F0F0; }
 .dojoxGridMasterHeader .dojoxGridRowTable { border-left: 1px solid rgb(188, 188, 188); border-right: 1px solid rgb(255, 255, 255); background-color: transparent; }
 .dojoxGridHeader .dojoxGridRowTable tr { background: none repeat scroll 0% 0% transparent; }
 .dojoxGridHeader tr:first-child .dojoxGridCell { border-top: 1px solid transparent; }
 .dojoxGridHeader:first-child .dojoxGridRowTable { border-left-width: 0pt; }
 .dojoxGridHeader:first-child { margin-left: -1px; }
 .dojoxGridScrollbox { background-color: rgb(254, 254, 254); }
 .dojoxGridRowTable tr { background: url('../images/row_back.png') repeat-x scroll 0% 0% rgb(255, 255, 255); }
 .dojoxGridRowTable th { font-size: 12px; text-transform:uppercase; font-weight: normal; }
 .dojoxGridCell { outline: medium none; padding: 3px 5px; word-wrap: break-word; border-width: 1px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; border-color: transparent rgb(229, 218, 200) rgb(229, 218, 200) transparent; }
/* ::::: http://www.cd540.p2g.netd2.hsbc.com.hk/1/PA_group-mortgage-cal/group/mc/offset/css/styles.css ::::: */
 .dojoxLegendIcon { float:left; }
 .dojoxLegendText { float:left; }
#calculatorContainer { width: auto; margin: 0px auto; padding: 10px 20px; text-align: left;}
#calculatorContainer > div { clear: both; }
#calculatorContainer > div.topSection { padding: 0px 5px; }
.header { float: left; width: 300px; font-family: Arial; font-size: 24px; font-weight: bold; margin-bottom: 5px;color: #000000}
.topSection #header { float: left; width: auto; font-family: Arial; font-size: 24px; font-weight: bold; margin-bottom: 5px; height: 24px; line-height: 24px; color: #000000}
.topSection #header label {line-height: 24px;}
.topRightLengend { width: auto; float: right; font-size: 12px; position: relative; top:3px;}
#chartLengend { text-align: right; padding-right: 30px; margin-top: 3px; }
#chartLegend td,
#chartLengend td {
    position: absolute;
    right: 20px;
    text-align: right;
	top: 50px;
    vertical-align: middle;
    width: 250px;
}
#chartLegend td + td,
#chartLengend td + td {
    right: 20px;
	top: 70px;
}



#chartLengend label { margin: 0 10px 0 5px; vertical-align:middle; }
#chartLegend { text-align: right; padding-right: 30px; margin-top: 3px; }
#chartLegend td,
#chartLengend td { vertical-align: middle; }
#chartLegend label { margin: 0 10px 0 5px; vertical-align:middle; }
#typeSwitch { text-align: right; padding-top: 3px; float: left; display: none; }
#calculatorContainer > div.midSection {
	background-image: url("../images/greyBG1.gif");
    background-repeat: repeat-x;
	background-color:#d3d3d3;
	font-size: 100%;
    margin: 0px;
    overflow: hidden;
	padding-top: 20px;
	width: 940px; }
#calculatorContainer label {color: #000000;}
.inputform div label {vertical-align:top; margin:6px 0; display:block; text-align:right; font-size: 12px; padding-right: 3px; }
.selectSpan {vertical-align:top; margin:6px 0; display:block; text-align:right; color: #000000; font-size: 12px; padding-right: 3px; }
center .inputform { width: 380px; }
/*
center .inputform table td { width: 125px; padding-right: 20px; }
center .inputform table tr { line-height: 42px; }
*/
#calculatorContainer #loanDetails #annualHomePriceChangeLabel label,
#calculatorContainer #loanDetails #annualPropertyTaxLabel label,
#calculatorContainer #loanDetails #annualRentChangeLabel label,
#calculatorContainer              #lumSumIntervalLabel label,
#calculatorContainer #loanDetails #extraContributionStartLabel label,
#calculatorContainer #loanDetails #extraContributionAmountLabel label,
#calculatorContainer #offsetDetails #offsetAcctBalanceLabel label,
#calculatorContainer #offsetDetails #offsetAcctYrsLabel label,
#calculatorContainer #offsetDetails #ongoMonthlyDepositLabel label
{ margin:0; }
#calculatorContainer #offsetDetails #offsetAcctBalanceLabel label{ padding-left:10px; }
#disclaimerLink { bottom: -3px;
    position: absolute;
    right: 0;
    text-align: left;
}

#disclaimerLink .dijitButton .dijitButtonNode { border: none; padding: 0; background: none; color: rgb(255, 255, 255); border: none; box-shadow: none; font-size:12px; padding-right: 10px; background: url("../images/rt-arrow.gif") no-repeat scroll right 50% transparent; }
.disclaimerSection #disclaimerLink { position: relative; float: right; top: -5px; text-align:center; }

.disclaimerSection #disclaimerLink .dijitButton { background: url("../images/bg_lightgrey_btn_left.gif") no-repeat scroll left top #FFFFFF;
    border: medium none;
    box-shadow: none;
    color: #FFFFFF !important;
    font-size: 12px;
    padding-left: 2px;
}
.disclaimerSection #disclaimerLink .dijitButton .dijitButtonNode { background: url("../images/bg_lightgrey_btn_new.gif") no-repeat scroll right top #FFFFFF;
    border: medium none;
    box-shadow: none;
    color: #000000 !important;
    font-size: 12px;
    padding-right: 35px; 
}
#disclaimerLink .dijitButton .dijitButtonNode:hover { text-decoration: underline; }
#disclaimerLink .dijitButton .dijitButtonNode span  { color: #FFFFFF; text-decoration: none; vertical-align: baseline; }
.disclaimerSection #disclaimerLink .dijitButton .dijitButtonNode span  { color: #000000; }
#disclaimerLink .dijitButton.dijitButtonHover .dijitButtonNode span  { text-decoration: underline; }
#tabContainer {
    float: left;
    padding-bottom: 50px;
    width: 518px !important;
}
#tabContainer table th div { text-align: right; }
#tabContainer table th.first { width: 10%!important; }
#tabContainer table tr.first th { border-bottom: 0 none; }

#tabContainer table td { background-color: #FFFFFF;
	border: 0 none;
	border-bottom: 1px dotted #DCDBDC;
    font-size: 12px;
	font-weight: normal;
	padding: 10px;
	text-align: right!important;
    vertical-align: bottom; }
#tabContainer table th div { text-align: right; }
#tabContainer table th.first { width: 10%!important; }
#tabContainer table tr.first th { border-bottom: 0 none; }



#chartContainer, #gridContainer { background-color: rgb(255, 255, 255); padding: 10px 0px; width: 518px!important; }
.formContainer { float: left; color: rgb(0, 0, 0); overflow: visible; margin-left: 20px;  padding-bottom: 30px; }
.formHeader { width: 380px; text-align: left; font-family: Arial; font-size: 20px; font-weight: bold;margin: 5px 0px; color: #000000 }
.formHeader label { font-size: 20px;line-height: 26px;  }
.inputform { padding: 0px; color: rgb(51, 51, 51); }
.fieldset {
    clear: both;
	height: 30px;
    overflow: visible;
    padding: 5px 0px 10px;
    width: 125px; }
.formContainer .inputform .fieldset {
    width: 340px; }
.fieldset > div { width: 120px; clear: none; float: left }
.fieldset > div + div { width: 200px; clear: none; float: left }
center div#productComparisionDetails > table:first-child tr td div.tooltip,
.fieldset > div.tooltip,
.inputform > div.tooltip { width: 18px; clear: none; float: left; height: 18px; left: 0; top: 5px; }
.fieldset > div  > div { padding-right: 0px;
    text-align: right;
    width: auto !important; }
.fieldset > div  + div > div { padding-right: 0px; }
#savingDetails { background-image: url("../images/greyBG2.gif");
    float: left;
	font-size:100%;
	height: 105px;
    margin: 0;
    padding: 20px 0px;
	position: relative;
    width: 940px; }

#productComparisonFooterDetails { background-image: url("../images/greyBG2.gif");
    float: left;
	font-size:100%;
	height: 105px;
    margin: 0;
    padding: 20px 0px;
	position: relative;
    width: 940px; }
	
#offsetFooterDetails { background-image: url("../images/greyBG2b.gif");
    float: left;
	font-size:100%;
	height: 190px;
    margin: 0;
    padding: 20px 0px;
	position: relative;
    width: 940px; }
#loanOneSavingLabel {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}
#productComparisonFooterDetails #loanAreDifference {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}
#offsetFooterDetails #loanAreDifference {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}
.bottomSection { background-image: url("../images/greyBG2.gif");
    float: left;
    font-size: 100%;
    height: 105px;
    margin: 0px;
    padding: 20px 10px;
    position: relative;
    top: -4px;
    width: 920px; }
.bottomSection table { 
    color: white;
	margin-top:5px;
	padding: 20px 5px 5px 5px; }
.bottomSection table .bottomField { 
    color: white;
	font-size: 1.3em;
    font-weight: bold;
    list-style-type: none;
    text-align: center;
	padding-left: 20px;
}
#calculatorContainer .bottomSection table .bottomLabel { 
    text-align:right;
    padding-bottom:4px;
}
#calculatorContainer .bottomSection table .bottomLabel label { 
    color: white;
}

#savingDetails { background-image: url("../images/greyBG2.gif");
    float: left;
    font-size: 100%;
    height: 105px;
    padding: 20px 10px;
    position: relative;
    width: 920px; }
#savingDetails table { 
    color: white;
	margin-top:5px;
	padding: 20px 5px 5px 5px;
}
#savingDetails table td { 
    width: 45%;
}
#savingDetails table .bottomField { 
    color: white;
	font-size: 1.0em;
    font-weight: bold;
    list-style-type: none;
    text-align:left;
	padding-left:20px; 
}
#savingDetails table .bottomLabel { 
    color: white;
	font-size: 14px; 
	text-align: right;
	padding-right: 20px;
}

#savingDetails table .bottomLabel label { 
    color: white;
}

/*
#savingDetails > div.bottomLabel { font-size: 14px; width: 180px; float: left; line-height: 16px; clear: none; color: #FFFFFF; text-align: center; }
#savingDetails > div.bottomLabel label { color: #FFFFFF }
#savingDetails > div.bottomField { position: absolute; color: #FFFFFF; top: 65px; text-align: center; width: 180px; }
#savingDetails > div.bottomField + div + div + div.bottomField { left: 196px; }
#savingDetails > div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 384px; }
#savingDetails > div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 573px; }
#savingDetails > div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 758px; }
#savingDetails > div.border {     border-right: 1px dotted Grey;
    float: left;
    height: 60px;
	margin-right: 5px;
    width: 2px; }
#savingDetails > div.bottomField > li { font-size: 1.0em; font-weight: bold; list-style-type: none; text-align:center; }
*/
/*
#productComparisonFooterDetails div.bottomLabel { font-size: 14px; width: 180px; float: left; line-height: 16px; clear: none; color: #FFFFFF; text-align: center; }
#productComparisonFooterDetails div.bottomLabel div { text-align: center; }
#productComparisonFooterDetails div.bottomLabel label { color: #FFFFFF }
#productComparisonFooterDetails div.bottomField { position: absolute; color: #FFFFFF; top: 65px; text-align: center; width: 180px; }
#productComparisonFooterDetails div.bottomField + div + div + div.bottomField { left: 196px; }
#productComparisonFooterDetails div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 384px; }
#productComparisonFooterDetails div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 573px; }
#productComparisonFooterDetails div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 758px; }
#productComparisonFooterDetails div.border {     border-right: 1px dotted Grey;
    float: left;
    height: 60px;
	margin-right: 5px;
    width: 2px; }
#productComparisonFooterDetails div.bottomField > li { font-size: 1.0em; font-weight: bold; list-style-type: none; text-align:center; }
*/
#productComparisonFooterDetails .principleInterestDetails { float: left; width: 470px; }
#productComparisonFooterDetails #principleInterestDetails { float: left; width: 470px; }

#productComparisonFooterDetails #loanOneOngoingRateDetails { float: left; width: 470px; }

#productComparisonFooterDetails #loanTwoOngoingRateDetails { float: left; width: 470px; }

#productComparisonFooterDetails #varLoanTypeRepaymentDtl {     left: 50px;
    position: absolute;
    top: 100px;
    width: auto; }

#productComparisonFooterDetails #monthlyPaymentDetails { float: left; width: 470px; }

#productComparisonFooterDetails #fixedLoanTypeRepaymentDtl { float: left; width: 470px; }

#productComparisonFooterDetails div.bottomLabel { font-size: 14px; width: 260px; float: left; line-height: 16px; clear: none; color: #FFFFFF; text-align: right; padding-right: 10px; padding-bottom:4px;}
#productComparisonFooterDetails div.bottomLabel div { text-align: right; }
#productComparisonFooterDetails div.bottomLabel label { color: #FFFFFF }
#productComparisonFooterDetails div.bottomField { color: #FFFFFF; text-align: left; width: 170px; float: left; padding-left: 10px; font-size: 1.0em; font-weight: bold;  }


#offsetFooterDetails .principleInterestDetails { float: left; width: 470px; }
#offsetFooterDetails #principleInterestDetails { float: left; width: 470px; }

#offsetFooterDetails #loanOneOngoingRateDetails { float: left; width: 470px; }

#offsetFooterDetails #loanTwoOngoingRateDetails { float: left; width: 470px; }

#offsetFooterDetails #varLoanTypeRepaymentDtl {     left: 50px;
    position: absolute;
    top: 100px;
    width: auto; }

#offsetFooterDetails #monthlyPaymentDetails { float: left; width: 470px; }

#offsetFooterDetails #fixedLoanTypeRepaymentDtl { float: left; width: 470px; }

#offsetFooterDetails div.bottomLabel { font-size: 14px; width: 260px; float: left; line-height: 16px; clear: none; color: #FFFFFF; text-align: right; padding-right: 10px; padding-bottom:4px;}
#offsetFooterDetails div.bottomLabel div { text-align: right; }
#offsetFooterDetails div.bottomLabel label { color: #FFFFFF }
#offsetFooterDetails div.bottomField { color: #FFFFFF; text-align: left; width: 170px; float: left; padding-left: 10px; font-size: 1.0em; font-weight: bold;  }


div.tabbedTables { clear: left; 
    background-color: #FFFFFF;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    clear: left;
    margin-bottom: 20px;
    width: 365px !important;
}
div#productComparisionDetails > table:first-child tr td div { margin-bottom: 8px; }
div#productComparisionDetails > table:first-child tr td { width: 138px; padding-right: 0px; height:42px; }
div#productComparisionDetails > table:first-child tr td + td { width: 230px; }
div#productComparisionDetails > table tr td.dijitButtonContents { width: auto; padding-right: 0; height: 20px; }
div#productComparisionDetails > table tr td + td.dijitDownArrowButton { width: 20px; height: 20px; }
div#productComparisionDetails > table tr td + td.dijitDownArrowButton div { width: 20px!important; }
center #productComparisionDetails table td { vertical-align: middle; height: }
center #productComparisionDetails table td div {  float: left; margin-bottom: 0; }
center div#productComparisionDetails > table:first-child tr td div {  float: left; margin-bottom: 0; width: 120px; }
center #loanComparisonLoanDetails input {
	left: 0px;
}

.dj_ie9 #loanComparisonLoanDetails div.dijitTextBoxFocused,
.dj_ie7 div.dijitTextBoxFocused,
.dj_ie8 div.dijitTextBoxFocused {
    background: url("../images/highlight.png") no-repeat scroll left top transparent;
}

center div#loanComparisonLoanDetails > table:first-child tr td div.tooltip,
.fieldset > div.tooltip,
.inputform > div.tooltip { width: 18px; clear: none; float: left; height: 18px; left: 0; top: 5px; }

div#loanComparisonLoanDetails > table:first-child tr td div { margin-bottom: 8px; }
div#loanComparisonLoanDetails > table:first-child tr td { width: 138px; padding-right: 0px; height:42px; }
div#loanComparisonLoanDetails table table#loanRepaymentsWidget tr td div { margin-bottom: 0; }
div#loanComparisonLoanDetails > table:first-child tr td + td { width: 230px; }
div#loanComparisonLoanDetails > table tr td.dijitButtonContents { width: auto; padding-right: 0; height: 20px; }
div#loanComparisonLoanDetails > table tr td + td.dijitDownArrowButton { width: 20px; height: 20px; }
div#loanComparisonLoanDetails > table tr td + td.dijitDownArrowButton div { width: 20px!important; }
div#loanComparisonLoanDetails #button { float: left; }
center #loanComparisonLoanDetails table td { vertical-align: middle; height: }
center #loanComparisonLoanDetails table td div {  float: left; margin-bottom: 0; }
center div#loanComparisonLoanDetails > table:first-child tr td div {  float: left; margin-bottom: 0; width: 120px; }

#repaymentDetails label { color: #FFFFFF; }
#repaymentDetails > div.bottomLabel { font-size: 14px; width: 180px; float: left; line-height: 16px; clear: none; color: #FFFFFF; text-align: center; padding-bottom:4px;}
#repaymentDetails > div.bottomLabel label { color: #FFFFFF }
#repaymentDetails > div.bottomField { position: absolute; color: #FFFFFF; top: 65px; text-align: center; width: 180px; }
#repaymentDetails > div.bottomField + div + div + div.bottomField { left: 196px; }
#repaymentDetails > div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 384px; }
#repaymentDetails > div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 573px; }
#repaymentDetails > div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField + div + div + div.bottomField { left: 758px; }
#repaymentDetails > div.border {     border-right: 1px dotted Grey;
    float: left;
    height: 60px;
	margin-right: 5px;
    width: 2px; }
#repaymentDetails > div.bottomField > li { font-size: 1.0em; font-weight: bold; list-style-type: none; text-align:center; }

#topRightHeader { width: 975px; margin: 0px auto; text-align: right; clear: both; position: relative; top: 16px;}
.dijitToasterContent { padding: 0.25em 1em 1em; background: none repeat scroll 0% 0% rgb(115, 199, 74); }
.dijitToasterClip { position: absolute; z-index: 5000; overflow: hidden; }
.dijitToasterContainer { display: block; position: absolute; width: 17.5em; margin: 0px; }
#topRightHeader label {
	color: #000000;
	font-size: 12px;	
	float: right;	 
}

#calculatorContainer div#expenseResult {
    margin: 0px;
    overflow: hidden;
    padding: 0;
    width: 940px;
}
#calculatorContainer div#expenseResult .sectionSet,
#calculatorContainer div#expenseResult > div
{
    float: left;
    font-size: 12px;
    padding: 8px 0 !important;
    width: 470px !important;
}
#calculatorContainer div#expenseResult .sectionSet br
{
    display: none;
}
#calculatorContainer div#expenseResult .sectionSet:first-child
{
	background: url("../images/dark-notch.png") no-repeat scroll center bottom transparent;
	float: left;
    font-size: 12px;
	height: 140px;
    padding: 0 !important;
    width: 940px !important;
}
.bottomSection.infoSection {
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    font-size: 100%;
    height: auto;
    margin: 0 2px;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    width: 940px;
}
.bottomSection.infoSection .sectionfield { 	
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    padding: 10px 0 10px 20px;
    text-align: left;
    width: 300px;
}
.bottomSection.infoSection .sectionLabel { 	
    float: right;
    padding: 10px 20px 10px 0;
    text-align: right;
}
.bottomSection.infoSection .sectionHight1 .sectionLabel,
.bottomSection.infoSection .sectionHight2 .sectionLabel { 	
    border-bottom: 1px dotted #CCCCCC;
    float: right;
    padding: 10px 20px 10px 0;
    text-align: right;
	width: 130px;
}
.bottomSection.infoSection .sectionfield label { 	
    line-height: 12px;
}

.bottomSection.infoSection .sectionHight .sectionLabel { 	
	float: left;
}
.sectionSet {
    float: left;
    padding: 10px 15px;
    width: 30%;
}
.sectionHeader {
    float: left;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 16px;
    width: 100%;
}
.sectionLabel {
    float: right;
    padding: 3px;
}
.contentDisplay {
    display: block;
	float:left;
    font-size: 20px;
	line-height: 28px;
    padding: 0px 20px 0;
	text-align:center;
	width: 270px;
    color: #FFFFFF;
}
.contentDisplay font {
    font-size: 26px!important;
}
.horizontalLine {
   display: none;
}
.sectionfieldHeader {
    background-color: #F0F0F0;
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    font-weight: bold;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 430px;
}
.sectionfield {
    float: left;
    padding: 3px;
    width: 50%;
}
.titlePanelFieldSet {
    height: 15px;
}
.titlePanelFieldLabel {
    clear: left;
	float: left;
	font-size: 12px;
    font-weight: normal;
    padding-left: 0px;
	text-align:right;
    width: 275px;
}
.titlePanelField {
    float: left;
	padding-bottom: 10px;
    padding-left: 5px;
    width: 180px;
}
.dj_ie7 .titlePanelField {
    padding-left: 0px;
}
.settingsTab {
    font-weight: bold;
    width: 100%;
}
.analysisSection {
    float: left;
	height: 45px;
    padding: 0 20px 0;
	width: 260px;
}
#calculatorContainer .analysisSection label {
    color: #FFFFFF;
}
.analysisSectionHeader {
    float: left;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 16px;
    width: 100%;
}
.analysisSectionlabel {
    display: block;
    float: left;
    font-weight: normal;
    padding-right: 10px;
	padding-top: 6px;
	color: #FFFFFF;
    text-align: left;
}
.analysisSectionlabel label {
    text-align: right;
}
.analysiSectionDisplay {
    background: url("../images/select2.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    padding: 0;
    width: 120px;
}

.analysiSectionDisplay .dijitInputField input {
    background-color: transparent;
    float: left;
    margin-left: 6px;
    padding: 8px !important;
    width: 65px;
}
.analysiSectionDisplay .dijitTextBox {
    background-color: transparent;
}
.analysiSectionDisplay .dijitSpinner {
    background-color: transparent;
    width: 120px !important;
}
.analysiSectionDisplay .dijitButtonNode.dijitArrowButton {
    border: 0 none;
	float:none;
	width:15px;
}
.analysiSectionDisplay .dijitButtonNode.dijitArrowButton .dijitArrowButtonInner input {
    background-color: transparent;
    float: left;
}
.sectionHight {
    padding-left: 15px;
}
.sectionHight1 {
	padding: 5px 0px;
    min-height: 56px;
}
.sectionHight2 {
	padding: 5px 0px;
}
.sectionRenting {
    float: left;
    padding: 10px;
    width: 30%;
}
.advanceSettingsLabel {
    clear: left;
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 10px;
}
.dijitSpinner .dijitSpinnerButtonInner {
    overflow-x: hidden;
    visibility: hidden !important;
    float: left;
    width: 15px !important;
}
.dijitSpinnerButtonContainer {
    background: url("../images/select2.gif") no-repeat scroll right top transparent;
    border: medium none;
    height: 28px;
    padding: 2px 10px 0 0;
}
#yearTotalLabel {
}
#yearTotalLabel.sectionHeader,
#totalRentingLabel.sectionHeader {
    border-top: 4px solid #CCCCCC;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 0 0 20px;
    text-align: right;
    width: 304px;
}
#yearTotalLabel.sectionHeader + div,
#totalRentingLabel.sectionHeader + div {
    border-top: 4px solid #CCCCCC;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 20px 0 0;
    width: 126px;
}
.dijitPopup {
	position:absolute!important;
	z-index: 1!important;
}
.dijitSelectMenu {
    background-color: #F7F7F7;
    border: 1px solid #D2D2D2;
    border-radius: 0 0 4px 4px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    top: 29px;
	width: 200px!important;
}
.dijitSelectMenu .dijitMenuItemLabel {
	padding: 5px 10px;
	font-size: 12px;
    vertical-align: middle;
}



.dijitSelectMenu .dijitMenuItem:hover {
	background-color: #e9e9e9;
}
ul#comparisonTabs li {
    background: url("../images/tab.gif") no-repeat scroll 100% 0 #626469;
	color: #FFFFFF;
	cursor:pointer;
    float: left;
	font-size: 12px;
    height: 39px;
	line-height: 39px;
    margin-top: 4px;
    padding: 0 20px;
}
ul#comparisonTabs li.selected {
    background: url("none");
    background-color: #FFFFFF;
	cursor:default;
    margin-top: 0;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DCDCDC;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #DB0011;
    font-weight: bold;
    height: 42px;
	line-height: 44px;
}
.dj_ie7 #tabContainer #tabContainer_tablist .dijitTab {
	display:none;
}
.dj_ie7 #tabContainer #tabContainer_tablist .dijitTabListWrapper .dijitTab {
	display:block;
	float:left;
}

.dj_ie7 .dijitButton {
	float:left;
}

.dj_ie7 #topRightHeader .dijitButtonNode .dijitButtonContents {
	padding-right: 20px;
	padding-left: 4px;
	width:40px;
}

.dj_ie7 #topRightHeader .dijitButton {
	float:right;
}
.dj_ie7 .topRightLengend .dijitInline {
	display:inline;
}

.dj_ie7 #midSection .dijitTextBox input,
.dj_ie7 .midSection .dijitTextBox input {
	height:20px;
	padding-top:4px;
}
.dj_ie8 #midSection .dijitTextBox input,
.dj_ie8 .midSection .dijitTextBox input {
	height:18px;
	padding-top:6px;
}

.dj_ie7 .dijitTab {
	margin-top:2px;
}
.dj_ie7 .dijitTabChecked{
	margin-top:0px;
}
.dj_ie7 .dijitTabChecked .dijitTabInnerDiv {
	background:none;
}
.dj_ie7 .dijitTab .tabLabel {
	line-height:1.2em;
}

.dj_ie7 .dijitRadio input{
	position:relative;
	top:3px;
	left:-3px;
}

.dj_ie8 .dijitRadio input{
	position:relative;
	top:3px;
	left:3px;
}

.dj_ie7 #dijitTabSpacer {
	display:none;
}

.dj_ie7 .dijitTabPaneWrapper {
	top:50px!important;
	overflow: visible;
}
.dj_ie7 #chartContainer {
	overflow: visible;
}

.dj_ie7 .dijitTab .dijitTabInnerDiv div {
	padding-top:7px;
	margin-top: 0px;
}
.dj_ie7 .dijitTab .dijitTabInnerDiv div .tabLabel {
	top:0;
}

.dj_ie7 .dijitChecked .dijitTabInnerDiv div {
	padding-top:7px;
}
.dj_ie7 .dijitChecked .dijitTabInnerDiv div .tabLabel {
	top:0;
}

.dj_ie7 .analysiSectionDisplay .dijitInputField input {
	width:50px;
}

.dj_ie7 #widget_YearCountWidget .dijitInputContainer {
	width:60px;
}
.dj_ie7 #calculatorHeaderLabel label {
	line-height:1.2em;
}
.dj_ie7 .formContainer .inputform .fieldset {
    width: 360px; 
}
.dj_ie7 .dijitTabContainerTop-tabs .dijitTabInnerDiv { background-image: url('../images/buttonBG1.gif'); background-position: center top; background-repeat: repeat-x; float: left; }
.dj_ie7 div.tabbedTables {
    position:relative;
    top: -5px;
}

.dj_ie7 #productComparisonFooterDetails { background-image: url("../images/greyBG2.gif");
    padding: 20px 0px;
}
.dj_ie7 #offsetFooterDetails { background-image: url("../images/greyBG2b.gif");
    padding: 20px 0px;
}
.dijitSpinnerButtonInner {
	height: 0px;
}
.dijitDialog { Background-color: #FFFFFF;
border: solid 1px #CCCCCC;
line-height:1.2em;
font-size:12px;
width: 540px;
}
.dijitDialogTitleBar {
    border-bottom: 1px solid #CCCCCC;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    text-align: center !important;
}
.assumptionDialog_title {
    line-height: 30px;
    text-align: center !important;
}
.dijitDialogCloseIcon {
    float: right;
	cursor:pointer;
}
.dijitDialogPaneContent {
    line-height: 1.5em;
    padding: 10px;
}
.dijitDialogPaneContent h2 {
    padding: 10px 0;
}
.dijitDialogPaneContent h3 {
    padding: 10px 0 0;
}
.dijitDialogPaneContent h5 {
     font-size: 12px;
}
.dijitDialogPaneContent p {
     padding-bottom: 10px;
}
.dijitTooltip {position: absolute; z-index: 2000; display: block; left: 0; top: -10000px; overflow: visible;}
.dijitTooltipContainer {border: solid black 2px; background: #b8b5b5; color: black; font-size: 12px;}
.dijitTooltipFocusNode {padding: 2px 2px 2px 2px;}
.dijitTooltipConnector {position: absolute;}
.dijit_a11y .dijitTooltipConnector {display: none;}
.dijitTooltipData {display:none;}

.dijitTooltipDialogPopup {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.dijitTooltip, .dijitTooltipDialog {background: transparent;}
.dijitTooltipBelow {padding-top: 13px; padding-left: 3px; padding-right: 3px;}
.dijitTooltipAbove {padding-bottom: 13px; padding-left: 3px; padding-right: 3px;}
.dijitTooltipContainer {background-color: #ffffff; background-image: url(../images/tooltipGradient.png); background-repeat: repeat-x; background-position: bottom; border: 1px solid #759dc0; padding: 6px 8px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 15px; color: #000000;}
.dj_ie6 .dijitTooltipContainer {background-image: none;}
.dijitTooltipConnector {border: 0; z-index: 2; background-image: url(../images/tooltip.png); background-repeat: no-repeat; width: 16px; height: 14px;}
.dj_ie6 .dijitTooltipConnector {background-image: url(../images/tooltip8bit.png);}
.dijitTooltipABRight .dijitTooltipConnector {left: auto !important; right: 3px;}
.dijitTooltipBelow .dijitTooltipConnector {top: 0; left: 3px; background-position: -31px 0; width: 16px; height: 14px;}
.dijitTooltipAbove .dijitTooltipConnector {bottom: 0; left: 3px; background-position: -15px 0; width: 16px; height: 14px;}
.dj_ie7 .dijitTooltipAbove .dijitTooltipConnector, .dj_ie6 .dijitTooltipAbove .dijitTooltipConnector {bottom: -1px;}
.dijitTooltipLeft {padding-right: 14px;}
.dijitTooltipLeft .dijitTooltipConnector {right: 0; background-position: 0 0; width: 16px; height: 14px;}
.dijitTooltipRight {padding-left: 14px;}
.dijitTooltipRight .dijitTooltipConnector {left: 0; background-position: -48px 0; width: 16px; height: 14px;}

.dijitDialogUnderlayWrapper {position: absolute; left: 0; top: 0; z-index: 998; display: none; background: transparent !important;}
.dijitDialogUnderlay {background: #000000; opacity: 0.5;}
.dj_ie .dijitDialogUnderlay {filter: alpha(opacity=50);}

.dijitBackgroundIframe {display: none;}
.dj_ie7 .dijitBackgroundIframe,
.dj_ie8 .dijitBackgroundIframe {display: inline;}

.dj_ie9 .dijitPopup {
	margin-top: -1px;
}
.dj_ie7 #grid { margin-left: 0px!important; left: 8px; }
.tooltip {
	float:left;
	position:relative;
	z-index: 2000;
}
.tooltipContent {
	display:none;
}
.tooltipOverlay {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    padding: 15px!important;
    position: absolute;
    z-index: 2001!important;
	left: -88.5px;
	bottom: 20px;
	display: none;
}
.dj_ie8 .tooltipOverlay,
.dj_ie7 .tooltipOverlay
{
	border:1px solid #eaeaea;
}
.dj_ie7 .tooltip
{
	height:1px !important;
	width: 18px!important;
}
.dj_ie7 .tooltip .tooltipOverlay
{
	bottom: 2px;
}
.dj_ie7 .tooltip .tooltipInner2  p
{
	margin:0;
	padding:15px 0 0;
}
.dj_ie7 .notchPanel .tooltip .tooltipInner2  p
{
	font-size:1em;
}
.tooltip .tooltipInner2 {
    font-size: 12px;
    width: 145px!important;
}
.tooltip .spout {
    background: url("../images/spoutDown.gif") no-repeat scroll 75px 0 transparent;
    bottom: -6px;
    display: block;
    height: 6px;
    position: absolute;
    width: 100%;
}
.dj_ie7 .tooltip .spout
{
	left:0;
    background: url("../images/spoutDown.gif") no-repeat scroll 88px 0 transparent;
}
#spaceForVariableLoanType {
	height: 5px!important;
}

#contactLink .dijitButton .dijitButtonNode,  .dijitDropDownButton .dijitButtonNode,  .dijitComboButton .dijitButtonNode,  .dijitToggleButton .dijitButtonNode { border: 1px solid rgb(84, 24, 25); padding: 2px 4px 4px; background-image: url('../images/button.png'); background-position: center top; background-repeat: repeat-x; background-color: rgb(255, 26, 26); color: rgb(255, 255, 255); border-radius: 4px 4px 4px 4px; box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.15); }
#contactLink .dijitButtonContents { background: url(none) no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 16px;
    line-height: 33px;
    padding: 0 0px 0 6px;
    text-decoration: none; }
#contactLink .dijitButton .dijitButtonNode { border: none; padding: 0; background: none; color: rgb(255, 255, 255); border: none; box-shadow: none; font-size:12px; padding-right: 10px; background: url("../images/rt-arrow.gif") no-repeat scroll right 50% transparent; }
#contactLink .dijitButton .dijitButtonNode:hover { text-decoration: underline; }
#contactLink .dijitButton .dijitButtonNode span  { color: #FFFFFF; text-decoration: none; vertical-align: baseline; }

#contactLink .dijitButton.dijitButtonHover .dijitButtonNode span  { text-decoration: underline; }
#contactLink { bottom: -3px;
    position: absolute;
    right : 7px;
    text-align: left;
   /* width: 180px; */
}
#contactLinkSection .dijitButtonContents { background: url(none) no-repeat scroll right top transparent;
 color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 16px;
    line-height: 33px;
    padding: 0 0px 0 6px;
    text-decoration: none; }

#contactLinkSection  { 
    bottom: -28px;
    left: 110px;
    position: relative;
    text-align: center;
    width: 450px; }

#contactLinkSection .dijitButton { background: url("../images/bg_lightgrey_btn_left.gif") no-repeat scroll left top #FFFFFF;
    border: medium none;
    box-shadow: none;
    color: #FFFFFF !important;
    font-size: 12px;
    padding-left: 2px;
}
#contactLinkSection  .dijitButton .dijitButtonNode { background: url("../images/bg_lightgrey_btn_new.gif") no-repeat scroll right top #FFFFFF;
    border: medium none;
    box-shadow: none;
    color: #000000 !important;
    font-size: 12px;
    padding-right: 35px; 
}
#contactLinkSection .dijitButton .dijitButtonNode:hover { text-decoration: underline; }
#contactLinkSection  .dijitButton .dijitButtonNode span  { color: #000000; }
#contactLinkSection .dijitButton.dijitButtonHover .dijitButtonNode span  { text-decoration: underline; }

.tooltipTrigger{
	width:19px;
	height:19px;
	background: url(../images/helpIcon.gif) no-repeat;
	display:inline-block;
	margin-bottom: -18px;
	margin-right: 1px
}
.tooltipTrigger:hover{
	cursor:pointer;
}