/**** BACKGROUND ****/
.commonBackground {
	background-image:url(images/background.png); background-position:left; background-repeat:inherit; 
	border:0px; 
	}

.scrollPnlBackground {
	background-color: white;
}

.springDecorPnl {
	background-image:url(images/springDecor.png); background-position:left; background-repeat:no-repeat; 
	border:0px;	
}

.springBodyPnl {
	background-image:url(images/springBody2.png); background-position:left; background-repeat:repeat-y; 
	border:0px;	
}

.springDecorHomePnl {
	background-image:url(images/springDecorHome.png); background-position:left; background-repeat: no-repeat; 
	border:0px;	
}

.springBodyHomePnl {
	background-image:url(images/springBodyHome.png); background-position:left; background-repeat:repeat-y; 
	border:0px;	
}

.bapLogoHomePnl {
	background-image:url(images/bapLogoHome.png); background-position:center; background-repeat:no-repeat; 
	border:0px;	
}

.responseTleLbl {
	background-image:url(images/responseBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.inquiryTleLbl {
	background-image:url(images/inquiryBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.bankAnnouncementTleLbl {
	background-image:url(images/bankAnnouncementBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.bapAnnouncementTleLbl {
	background-image:url(images/bapAnnouncementBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.stepTleLbl {
	background-image:url(images/stepBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}



.bapLogoNavigation {
	background-image:url(images/bapLogoNavigation.png); background-position:center; background-repeat:no-repeat; 
	border:0px;		
}


.logoBap {
	background-image:url(images/logoBap.PNG); background-position:center; background-repeat:no-repeat; 
	border:0px;		
}

.lginBack{
	background-color: white; 
	
}
	
.LoandexLogo{
	background-image:url(images/Loandex_01.png);
}

.footerPnl {
	background-image:url(images/footerBackground.png); background-position:center; background-repeat:repeat-x; 
	border:0px;		
}

.loadingGif {
	border: 0px; padding: 0px;
	background-image: url(images/loadingGif.gif);
}

.focusBtn {
	background-color: white; 
	border:0px; 
	text-align: center; font: 12px Arial; font-weight: bold; color: #ffffff;
}

.focusBtn2 {
	background-color: white; 
	border:0px; 
}

/**** BREADCRUMBS ****/
.breadcrumbs_inactive {
	font-size: 11px; font-weight: normal; color: black;
	cursor: default;
	padding: 10px 3px 0px;
	
}

.breadcrumbs_active_inquiry {
	font-size: 11px; font-weight: bold; color: black;
	cursor: default;
	padding: 10px 3px 0px;
	
}

.breadcrumbs_inactive_10px {
	font-size: 11px; font-weight: normal; color: black;
	cursor: default;
	padding: 10px 3px 0px;
	
}

.breadcrumbs_active_inquiry_10px {
	font-size: 11px; font-weight: bold; color: black;
	cursor: default;
	padding: 10px 3px 0px;
	
}

.breadcrumbs_active_response {
	font-size: 12px; font-weight: bold; color: black;
	cursor: default;
	padding: 10px 3px 0px;
}

.breadcrumbs_arrow {
	font-size: 12px; font-weight: normal; color: white;
	background-image:url(images/breadcrumbs_arrow.png); background-position:center;; background-repeat:no-repeat; 
}

.breadcrumbs_panel {
	background-color: #808080;
}



/*
.breadcrumbs_inactive {
	background-image:url(images/breadcrumbs_gray.png); background-position: 100% 0; position: relative; background-repeat:no-repeat; 
	padding-left: 8px; padding-top: 3px; text-align: left;
	border-left: 1px solid #d9d9d9; display: block;
	color: #666; display: block; float: left; font-size: 12px; padding: 7px 20px 11px 11px; position: relative; text-decoration: none;
	
}

.breadcrumbs_inactive:HOVER {
	color: #333; background-position: 100% -48px; cursor: pointer;
}

.breadcrumbs_active_inquiry {
	background-image:url(images/breadcrumbs_yellow.png); background-position: 100% 0; position: relative; background-repeat:no-repeat; 
	padding-left: 8px; padding-top: 3px; text-align: left;
	border-left: 1px solid #d9d9d9; display: block;
	color: #666; display: block; float: left; font-size: 12px; font-weight: bold; padding: 7px 20px 11px 11px; position: relative; text-decoration: none;
	
}

.breadcrumbs_active_inquiry:HOVER {
	color: #333; background-position: 100% -48px; cursor: pointer;
}

.breadcrumbs_active_responses {
	background-image:url(images/breadcrumbs_green.png); background-position: 100% 0; position: relative; background-repeat:no-repeat; 
	padding-left: 8px; padding-top: 3px; text-align: left;
	border-left: 1px solid #d9d9d9; display: block;
	color: #666; display: block; float: left; font-size: 12px; font-weight: bold; padding: 7px 20px 11px 11px; position: relative; text-decoration: none;
	
}

.breadcrumbs_active_responses:HOVER {
	color: #333; background-position: 100% -48px; cursor: pointer;
}
*/



/**** BANNER PANEL ****/

.bannerPanel {	
/**	background-image:url(images/bannerLoandex2_new.png); background-position:left; background-repeat:no-repeat; **/
/* 	background-image:url(images/bannerLoandex2_v2-03.png); background-position:left; background-repeat:no-repeat; */ 
	background-image:url(images/bannerOLoandex.png); background-position:left; background-repeat:no-repeat;
border:0px; 
	}

.userDetailsTitle {
	color:white; font: 13px Arial;
	cursor:default;
	}

.userDetailsText {
	color:white; font: 13px Arial; font-weight: bold;
	cursor:default;
	}
	
.logOutText{
	color:white; font: 13px Arial; font-weight: bold;
	cursor:default;
	}

.menuBarButton {
	background-color:transparent;
	border:0px; padding:0px;
	color:white; font: 14px Arial; font-weight: bold; text-align: center; 
	cursor: pointer;
	}
		
.menuBarButton:HOVER {
	background-color: white;
	color: #0066a4;
	}	

.menuBarOptn {
	background-color: transparent;
	text-align: left; text-decoration: none; font: 12px Arial;	color: #0066a4;
	padding-top: 4px; padding-bottom: 4px; padding-left: 20px; padding-right: 20px;
	cursor: pointer;
}

.menuBarOptnDisabled {
	background-color: transparent;
	text-align: left; text-decoration: none; font: 12px Arial;	color: #D9D9D9;
	padding-top: 4px; padding-bottom: 4px; padding-left: 20px; padding-right: 20px;
}

.menuBarOptn:HOVER {
	background-color: #0066a4;
	color: white;
}

.menuBarOptnPnl { 
	background-color: white;
	border-top: 0px solid; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color: #cbcbcb;	
	cursor: default;
	-moz-box-shadow:    3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow:         3px 3px 4px #ccc;
  }
  
.navigationPnl {
	background-color: #0066a4;
}
	
/**** NAVIGATION PANEL ****/

.navigationPnl {
	background-image:url(images/navigationBackground.png); background-position:left; background-repeat:repeat-y; 
	border:0px; 

}

.navigationBtn{
	color: black; text-align: center;
	background-color: white;
}

.redBtn {
	background-image:url(images/btnRedBackground.png); background-position:left; background-repeat:repeat-x; 
	border:0px; 
	text-align: center; font: 12px Arial; font-weight: bold; color: #ffffff;
	
}

.redBtn[disabled] {
	background: #919191;
	color: #ffffff; text-decoration: none;
	
/*	background-image:url(images/btnRedBackground.png); background-position:left; background-repeat:repeat-x; */
	border:0px; 
	text-align: center; font: 12px Arial; font-weight: bold; color: #ffffff;
	
}

.blueBtn {
	background-image:url(images/btnRedBackground.png); background-position:left; background-repeat:repeat-x; 
	border:0px; 
	text-align: center; font: 12px Arial; font-weight: bold; color: #ffffff;
}

.blueBtn[disabled] {
	background: #919191;
	color: #ffffff; text-decoration: none;
/*	background-image:url(images/btnRedBackground.png); background-position:left; background-repeat:repeat-x; */
	border:0px; 
	text-align: center; font: 12px Arial; font-weight: bold; color: #ffffff;
}

.backBtn {
	display: inline-block;
	border: 0px solid #ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px Arial;
	font-weight: bold;
	/*padding: 5px 5px;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow:0px 0px 0px #444444;
	-moz-box-shadow: 0px 0px 0px 0px #444444;
	-webkit-box-shadow: 0px 0px 0px 0px #444444;
	box-shadow: 0px 0px 0px 0px #444444;
	color: #ffffff;
	background: #0c8cee;	
}

.backBtn:HOVER {
	background: #0a4eee;
	color: #ffffff; text-decoration: none;
}

.backBtn[disabled] {
	background: #919191;
	color: #ffffff; text-decoration: none;
}

/**** HOME PANEL ****/
.homeBapAnnouncementTleLbl {
	background-image:url(images/homeAnnouncementTleBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 17px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.homeBankAnnouncementTleLbl {
	background-image:url(images/homeAnnouncementTleBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 17px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.homeAnnouncementDetailLbl {
	color: black; font: 14px Arial; text-align: left; font-weight: bold; 
}

.homeAnnouncementDateLbl {
	color: red; font: 14px Arial; text-align: left; font-weight: normal; 
}


/**** CONTENTS COMMON ****/
.contentsMasterMainTleLbl {
	background-image:url(images/contentsMasterMainTleBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 17px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.contentsMasterMainBlackTleLbl {
	/*background-image:url(images/contentsMasterMainTleBackground.png); background-position:left; background-repeat:repeat-x;*/ 
	color: black; font: 20px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.contentsMasterSubTleLbl {
	background-image:url(images/contentsMasterSubTleBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 17px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.contentsMasterTopPnl {
	background-color: #FFFBC6;
	border-radius: 25px 25px 25px 25px;  
}

.contentsDetailsTleLbl {
	color: black; font: 13px Arial; text-align: right; 
}

.contentsDetailsTleResponseLbl {
	color: black; font: 12px Arial; text-align: right; 
}

.contentsDetailsTleLblLeft {
	color: black; font: 12px Arial; text-align: left; 
}

.contentsDetailsTleLblLeft_ {
	color: black; font: 11px Arial; text-align: left;  font-weight: bold;
}

.contentsDetailsTleResponseLblBold {
	color: black; font: 12px Arial; text-align: right;  font-weight: bold;
}

.contentsDetailsDataLbl {
	color: black; font: 13px Arial; text-align: left; font-weight: bold; 
}

.contentsDetailsDataLblBold {
	color: black; font: 13px Arial; text-align: right; font-weight: bold; 
}

.contentsDetailsDataLblBold_ {
	color: black; font: 13px Arial; text-align: center; font-weight: bold; 
}

.contentsInfoDetailsTleLbl {
	color: black; font: 13px Arial; text-align: left; 
}

.contentsInfoDetailsTleRedLbl {
	color: red; font: 12px Arial; text-align: left; font-style:italic; font-weight: bold;
}

.contentsInfoDetailsDataLbl {
	color: black; font: 13px Arial; text-align: left; font-weight: bold; 
}

.contentsInfoDetailsDataResponseLbl {
	color: black; font: 12px Arial; text-align: left; font-weight: bold; 
}

.contentsDetailsRedDataLbl {
	color: red; font: 13px Arial; text-align: left; font-weight: bold; 
}

.asterisk {
    color:red; font: 15px Arial;  
}

.contentsDetailsItalicTleLbl {
	color: black; font: 13px Arial; text-align: right; font-style:italic; 
}
.prevBtn {
	background-image:url(images/btnPrev.png); background-position:left; background-repeat:no-repeat; background-color: white;
	border: 0px; padding: 0px;
	color: black;	
}

.prevBtn:HOVER {
	color: red;	
}

.nextBtn {
	background-image:url(images/btnNext.png); background-position:left; background-repeat:no-repeat;  background-color: white;
	border: 0px;	padding: 0px;	
	color: black;	
	
}

.nextBtn:HOVER {
	color: red;	
}

.switchPanel_up_Srch {
  cursor: pointer;
 text-align: left;
 text-decoration: none;
 background-color: transparent;
 background-image: url(images/switch_arrow_to_up.PNG);
 background-repeat: no-repeat;
 background-position: center;
 color: transparent;
 border: 0px; 
}

.switchPanel_up_Srch:hover {
 background-color: #3CA0D0;
}

.switchPanel_down_Srch {
  cursor: pointer;
 text-align: left;
 text-decoration: none;
 background-color: transparent;
 background-image: url(images/switch_arrow_to_down.PNG);
 background-repeat: no-repeat;
 background-position: center;
 color: transparent;
 border: 0px; 
}

.switchPanel_down_Srch:hover {
 background-color: #3CA0D0;
}

.scrollPnl {
	position:absolute;
	left:0px;
}

.smallTextBox {
	width: 130px; height: 17px;	
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	text-transform:uppercase;
	
}

.smallTextBox:HOVER {
	border: 1px solid #0099FF;
}

.smallTextBox:FOCUS {
	border: 1px solid #0099FF;
}

.smallTextBox[disabled] {
	border: 1px solid #D0D0D0 ;
	padding: 2px;
	color: #888;
	background-color:#FAFAD2;
	
}

.fltrTextBox {
	height: 17px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	text-transform:uppercase;
	
}

.fltrTextBox:HOVER {
	border: 1px solid #0099FF;
}

.fltrTextBox:FOCUS {
	border: 1px solid #0099FF;
}

.fltrTextBox[disabled] {
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	resize:none;
	
}
 .fltrDateTextBox{
 	width: 100px; height: 17px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	text-transform:uppercase;
 }
 
 .fltrDateTextBox:HOVER {
	border: 1px solid #0099FF;
}

.fltrDateTextBox:FOCUS {
	border: 1px solid #0099FF;
}
 
.disabledFltrDateTextBox{
	width: 98px;
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;	
}

.textBox {
	width: 100px; height: 17px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;f
	color: black;
	text-transform:uppercase;
	
}

.textBox:HOVER {
	border: 1px solid #0099FF;
}

.textBox:FOCUS {
	border: 1px solid #0099FF;
}

.textBox[disabled] {
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;	
	
}

.textBoxResponse {
	width: 100px; height: 13px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;f
	color: black;
	text-transform:uppercase;
	font: 11px Arial;
	
}

.textBoxResponse:HOVER {
	border: 1px solid #0099FF;
}

.textBoxResponse:FOCUS {
	border: 1px solid #0099FF;
}

.textBoxResponse[disabled] {
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 11px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;	
}

.disabledTextBox {
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;	
}

.disabledTextBoxResponse {
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 11px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;	
}

.disabledTextBoxResponse_ {
	background-color: #FAEBD7;
	padding: 2px;
	color: #A4A4A4;
	font: 11px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;	
}

.mediumTextBox {
	width: 210px; height: 17px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial;
}

.loginTextBox {
	width: 210px; height: 20px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial;
}

.mediumTextBox2 {
	width: 300px; height: 20px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial;
}

.disabledmediumTextBox {
	width: 210px; height: 17px;
/**	background-color: #D6D6D6;**/
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;
}

.disabledmediumTextBox2 {
	width: 300px; height: 17px;
/**	background-color: #D6D6D6;**/
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;
}
.largeTextBox {
	width: 510px; height: 22px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
}

.largeTextBox2 {
	width: 510px; height: 30px;
/**	width: 300px; height: 30px;**/
	
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
}


.disabledlargeTextBox {
	width: 510px; height: 17px;
/**	background-color: #D6D6D6;**/
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;
}

.textArea {
	width: 300px; height: 35px;
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
}

.disabledTextArea {
	width: 300px; height: 35px;
/**	background-color: #D6D6D6;**/
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;
}

.disabledlargeTextBox2{
	width: 510px; height: 30px;
/**	background-color: #D6D6D6;**/
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;
}



.disabledInqrDate {
	width: 300px; height: 17px;
	/**background-color: #D6D6D6;**/
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 12px Arial;
	font-weight: bold;
	text-transform:uppercase;
}


.largeTextBox:HOVER {
	border: 1px solid #0099FF;
}

.largeTextBox:FOCUS {
	border: 1px solid #0099FF;
}

.largeTextBox[disabled] {
	border: 1px solid #D0D0D0 ;
	padding: 2px;
	color: #888;
	background-color: #E0E0E0;
	
}
.textArea{
	background-color: white;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial;
	text-transform:uppercase;
}
}

.gwt-ListBox {
}
/**** INQUIRY DETAILS ****/

.smallTxtBx {
	width: 130px; height: 17px;
	color: black;
	font: 12px Arial;
}

.smallTxtBx2 {
	width: 150px; height: 20px;
	color: black;
}

.disabledsmallTxtBx{
	width: 130px; height: 20px;
/**	background-color: #D6D6D6;**/
	background-color: #FAEBD7;
	padding: 2px;
	color: black;
	font: 11px Arial;
	text-transform:uppercase;
	resize:none;
	font-weight: bold;
}
.smallTxtBx-read-only {
	width: 100px; height: 20px; background-color: #D3D3D3;
}

.largeTxtBx {
	width: 300px; height: 20px;
}

.largeTxtBx-read-only {
	width: 300px; height: 20px; background-color: #D3D3D3;
}

.filterPnl {
    background-color: #D0D0D0;
	/*border-radius: 25px 25px 25px 25px; */
}

.toLbl {
	padding: 5px;
}

.closeBtn {
	border: 0 px; padding: 0px; display: inline-block;
	background-image:url(images/stepBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font-weight: bold;
}

/**** LOGIN SCREEN  ****/
.verLblLOOK {
	color: gray;
	font: 9px Arial;	
}

.noticeLblLOOK {
	color: #4169E1;
	font: 8px Arial;
	font-weight: bold;
}

.disclaimerLblLOOK {
	color: #4169E1;
	width: 320px;
	text-align: justify;
	font: 7px Arial;
}

.loginBaseBackground {
	background-image: url(images/sviLgin.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 	
    overflow:scroll;
    z-index:0;
    
}
.lginBanrImgLOOK {
	background-image: url(images/banrLginLogo.png);
}

.lginBanr2ImgLOOK {
	background-image: url(images/banrLgin.png);
}

.lginBckgLOOK {
	background-image: url(images/banrLgin.png);
	-moz-box-shadow:    3px 3px 4px black;
	-webkit-box-shadow: 3px 3px 4px black;
	box-shadow:         3px 3px 4px black;
}

.lginTxtLOOK {
	color: white;
}

.lginInnrLOOK {
	background-image: url(images/bg.PNG);
	/*background-color: #F8F8F8;*/
	border: 1px solid #397c97;
	cursor: default;	
}

.loginTitle {
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	background-color: transparent;
	color: black;
	border: none;
	cursor: hand;
}

.chgPassTitle {
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	background-color: transparent;
	color: black;
	border: none;
	cursor: hand;
}

.loginLbl {
	font: 13px Arial;
	font-style: normal;
	/*font-weight: bold;*/
	text-align: left;
	background-color: transparent;
	color: black;
		
	border: none;
	cursor: hand;
	text-align: left;
	
}

.label2 {
	font: 13px Arial;
	font-style: normal;
	/*font-weight: bold;*/
	text-align: left;
	background-color: transparent;
	color: black;
		
	border: none;
	text-align: left;
	
}

.labelChangePassWord {
	font: 12px Arial;
	font-style: normal;
	/*font-weight: bold;*/
	text-align: right;
	background-color: transparent;
	color: black;
	border: none;	
}

.verNo {
	font: 9px Arial;
	font-style: normal;

	text-align: right;
	background-color: transparent;
	color: blue;
	border: none;
	text-align: left;
}

.chgPswdLbl {
	font: 15px Arial;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	background-color: transparent;
	color: black;
		
	border: none;
	cursor: hand;
	text-align: left;
	
}

.chgLbl {
	font: 11px Arial;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	background-color: transparent;
	color: gray;
	border: none;
	text-align: left;
	
}

.chgLbl2 {
	font: 11px Arial;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	background-color: transparent;
	color: white;
	text-decoration:underline;
	border: none;
	text-align: left;
	cursor: pointer;
	
}


.loginTxtBox {
	font: 20px Arial;
	font-style: normal;
	font-weight: bold;
	background-color: white;
	color: #397c97;
	border: 1px solid #A8A8A8;
	cursor: pointer;
	text-align: left;
}

.loginDisabledTxtBox {
	width: 200px; height: 20px;
	/*background-color: gray;*/
	background-color: #D6D6D6;
	padding: 2px; border: 1px solid #787878;
	color: black;
	font: 12px Arial
}

.loginTxtBox:HOVER {
	font: 20px Arial;
	font-style: normal;
	font-weight: bold;
	background-color: white;
	color: #397c97;
	border: 1px solid #707070;
	cursor: hand;
	text-align: left;
}

.loginTxtBox:FOCUS {
	font: 20px Arial;
	font-style: normal;
	font-weight: bold;
	background-color: white;
	color: #397c97;
	border: 1px solid #55B8E0;
	cursor: hand;
	text-align: left;
}


.loginBtn {
	display: inline-block;
	border: 0px solid #ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px Arial;
	font-weight: bold;
	padding: 5px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow:0px 0px 0px #444444;
	-moz-box-shadow: 0px 0px 0px 0px #444444;
	-webkit-box-shadow: 0px 0px 0px 0px #444444;
	box-shadow: 0px 0px 0px 0px #444444;
	color: #ffffff;
	background: #397C97;
}

.loginBtn:hover {
	background: #326D84;
	text-decoration: none;
	color: #ffffff;
}

/**** REPORTS ****/
.groupTleLbl {
	color: black; font: 13px Arial; text-align: left; font-weight: bold; 
}


/**** HOME SCREEN  ****/
.contentsPnl {
	/*background-image:url(images/bannerLoandex2_new.png); background-position:left; background-repeat:no-repeat;*/ 
	border:0px; 
	
}

/**CELL TABLE FONT **/
.cellTableFont {
	font: 12px Arial; 
}

.cellTableHeaderResponseFont {
	font: 11px Arial; 
}

.cellTableResponseFont {
	font: 11px Arial; 
}

/**CELL COLUMN BLUE TEXT **/
.cellColumnText {
	color: blue; font:12px Arial;
	text-decoration: underline; text-align: left;
}

.cellColumnTextRepsonse {
	color: blue; font:11px Arial;
	text-decoration: underline; text-align: left;
}

.cellColumnTextHome {
	color: blue; font:12px Arial;
	text-decoration: underline; text-align: left;
}

.cellColumnTextHomeDisabled {
	color: #858585; font:12px Arial;
	text-align: left;
}

.cellColumnBlueText {
	color: blue;
	text-decoration: underline;
	font: 12px Arial;
/**	text-align:left; **/
}

.cellColumnTextReg {
	font: 12px Arial;	text-align:left;
}

.cellColumnBlueTextResDraft {
	color: blue;
	text-decoration: underline;
	font: 11px Arial;
/**	text-align:left; **/
}

.cellColumnTextRegResDraft {
	font: 11px Arial;	text-align:left;
}


/** POPUP **/
.popupScreen {
	background-color: white;
	border-left: 2px solid #686868; border-right: 2px solid #686868; border-bottom: 2px solid #686868;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}


.popupChgPswd{
	background-image:url(images/chgPswd.jpg);
}

.popupYellowBtn {
	display: inline-block;
	border: 1px solid #181818;
	color: white; text-align: center; text-decoration: none; font: 12px Arial; font-weight: bold;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background-image:url(images/inquiryBackground.png); background-position:left; background-repeat:repeat-x; 
}

.popupGreenBtn {
	display: inline-block;
	border: 1px solid #181818;
	color: white; text-align: center; text-decoration: none; font: 12px Arial; font-weight: bold;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background-image:url(images/responseBackground.png); background-position:left; background-repeat:repeat-x; 
}

.popupBlueBtn {
	display: inline-block;
	border: 1px solid #181818;
	color: white; text-align: center; text-decoration: none; font: 12px Arial; font-weight: bold;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background-image:url(images/bapAnnouncementBackground.png); background-position:left; background-repeat:repeat-x; 
}

.popupGreyBtn {
	display: inline-block;
	border: 1px solid #181818;
	color: white; text-align: center; text-decoration: none; font: 12px Arial; font-weight: bold;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background: #585858;
}

.popupGreyBtn:HOVER {
	background: #888888 ;
}

/** TESTING **/
.sample {
	background-color: red;
}

/*** BUTTONS ***/
.blueBtn {
	display: inline-block;
	border: 1px solid #0861a5;
	color: white; text-align: center; text-decoration: none; font: 12px Arial; font-weight: bold;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background: #0c8cee;
}

.blueBtn:HOVER {
	background: #0a4eee ;
}


/**** ALERT SREENS ****/
.popTleLbl {
	background-image:url(images/stepBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.popTleLblYellow {
	background-image:url(images/inquiryBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.popTleLblGreen{
	background-image:url(images/responseBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.popTleLblBlue {
	background-image:url(images/bapAnnouncementBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.popTleLblErr {
	background-image:url(images/stepErrorBackground.png); background-position:left; background-repeat:repeat-x; 
	color: white; font: 14px Arial; font-weight: bold; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.alertLbl {
	color: black; font: 12px Arial; font-weight: normal; text-align: center;
/**	padding-top: 30px; padding-bottom: 30px; **/
}

.alertLbl2 {
	color: red; font: 11px Arial; font-weight: normal; text-align: center;
/**	padding-top: 30px; padding-bottom: 30px; **/
}

.alertLblTopPnl {
	color: red; font: 12px Arial; font-weight: bold; text-align: right;
	font-style: italic;
/**	padding-top: 30px; padding-bottom: 30px; **/
}

.alertLblTopPnlSuccess {
	color: blue; font: 12px Arial; font-weight: bold; text-align: right;
	font-style: italic;
/**	padding-top: 30px; padding-bottom: 30px; **/
}

.alertLblTopPnlError {
	color: red; font: 12px Arial; font-weight: bold; text-align: right;
	font-style: italic;
/**	padding-top: 30px; padding-bottom: 30px; **/
}


.gwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}
.datePickerMonthSelector td:focus {
  outline: none;
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}
.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsWeekend {
  background: #f7f7f7;
}
.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}
.datePickerDayIsValue {
  background: #d7dfe8;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}
.datePickerDayIsToday {
  padding: 3px;
  color: #fff;
  background: url(images/hborder.png) repeat-x 0px -2607px;
}
.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}
.gwt-DateBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: 100%;
}
.gwt-DateBox input {
  width: 8em;
}
.dateBoxFormatError {
  background: #ffcccc;
}
.dateBoxPopup {
}

.suggestBoxScroll {
	overflow: scroll;
}
.gwt-SuggestBoxPopup {
  overflow-y: auto !important;
  max-height: 150px; 
 
}

.gwt-SuggestBoxPopup .item {
  padding: 2px 6px;
  color: #000;
  /**cursor: default;**/
  font-size:80%;
}


.suggestScrollContent{ 
        height:auto; 
        width:auto !important;  
        max-height: 70px; 
        overflow-y: auto; 
        padding-right:18px; 
 } 

.inquiryRadio {
	font-weight: bold; 
}

.responseTabPanel {
	border-style:solid;
	border-width:3px;
	border-color:#87CEFA;
}

.responseTabBtn{
	background-color:#87CEFA;
}

.responseTabLbl {
	
	background-color:#87CEFA; background-position:left; 
	color: black; font: 14px Arial; font-weight: bold; text-align: center;
	padding-top: 5px; padding-bottom: 5px; padding-left: 5px;   
}

.borderPanel {
	border-bottom-style:solid;
	border-color:#87CEFA;
}

.borderPanelTop {
	border-top-style:solid;
	border-color:#87CEFA;
}

.totalCountLbl {
	/**background-color: green;**/
	font-weight: bold;
	/**text-align: center;**/
}

.versionLblLOOK {
	width: 320px;
	text-align: left;
	/*font: 8px Arial;*/
	font: 10px Arial;
}