/*
	Styles Definition for ImxDb Html Output
	
	Change History
	
	2.02i	26Jun99 GT	Created
	2.02j	30Jun99 GT  Add font-weight bold to TH
	2.02k 31Jun99 GT  TH - Use font: 8pt arial bold; color: navy
				IE doesn't support font: but shows colour
				Netscape doesn't support font-weight: bold for arial
	2.02w 04Nov99 GT  Major changes to styles, use CSS1 recommended default		
	2.03d	09Dec99 GT  Add bicfulllabel and bicfullvalue classes		
	2.03h	22Dec99 GT  Remove bidirectional rtl. IE5 displays all Right to Left		
	2.10d	29Feb00 GT  Add fixed size font class				
	2.20c	27jul00 GT  Temp devt from color 
	2.20p 23Nov00 GT  Back to live colour again
	2.23c 31Aug01 GT  temp devt colour again
	2.27e	08Oct02 GT  Add boldText, backShade1 and backShade2 classes
	3.01a 07Feb03 GT  Database Enquiry Presentation Changes
	3.01d 20Feb03 GT  Adapt for JSP and DB estyles
	3.04r	19Jan04 GT  Smaller font table text so better fit on page
	3.6.9	11Apr2006 GT Use Verdana fonts
	3.7.1 03Jul2006 GT correct HR gif
	3.9.6 01Oct2012 Defer to DB style sheets
	3.9.13 15Nov2012 Style changes for multi-browser support 
	3.9.13.001 22Nlv2012 GT IE8 ignored min-width
	3.10.33 04Jul2017 GT Add styling for jQueryui DatePicker
*/




	/* Infologic Servlet Classes and Settings */

	
/* Query and report sections */

	FORM	{
		margin: 0px;
		/* $$ 3.9.6
		background-color:  #FFFFFF;
		padding: 5px; 
		background-image: none; 
		border: 2px #000000 solid; 
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000
		*/
		}
		
	/* override DB suppression */		
	HR {
		display: block
	}
	H2 {
		margin-top: 15px; /* DB sets this to 0 which does not look very good on imxdb admin page */
		}
		
	div .hr {
	background-image: none;
    border-bottom:1px solid #d9d9d9 !important;

	}

	/* No margin to reduce spacing between some elements */
	.nomargin { margin: 0px }

	
	TABLE.section {
		margin: 0px;

		
	}

	TABLE.section H2 {
		color: navy; 
		margin: 0px
	}

	/* enquiry section heading */
	TABLE.sectionhead {	
		/*$$3.9.13 wrong anyway. font: 10pt; */
		margin: 0px
	}

	/* Within section heading, overide general FORM background etc */ 
	TABLE.sectionhead FORM {			
		background-color: transparent; 
		border: none
	}

	/* Fixed Size font for report spacing */
	TD.fixedSizedFont {			 	
		font: .83em Courier; 
		color: BLACK
	} 

	/* Infologic SWIFT BIC Classes 
	$$ 3.9.13 remove swift bic classes

	TABLE.bic { 			
		background-color: #FFFFFF
	}
	TABLE.fullbic { 			
		font: 8pt;	
	}
	
	
	TD.sc { 				
		font: 10pt Arial; 
		color: NAVY 
	} 

	TD.snc {			 	
		font: 10pt Arial; 
		font-style: italic;
		color: BLACK
	} 

	.bicfulllabel {			 	
		font: 1em Arial; 
		font-weight: bolder;
		color: NAVY
	} 

	.bicfullvalue {			 	
		font: 1em Arial;
		color: BLACK
	} 
	*/

.boldText {  font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
/* Shades are used in enquiry screens */ 

/* $$ 3.9.6
.backShade1 {  background-color: #CCCCFF; font-weight: normal}
.backShade2 {  background-color: #FFCC66; font-weight: normal}
.rowShade1 { font-weight: normal; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: normal}
.rowShade2 { font-weight: normal; background-color: #EEEEEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: normal }
*/

.section {
	min-width: 765px;
} 

/* Trade Enquiry and other non IframedDatabaseEnquiry classes */
FORM .xsection 	{		
    border-left:1px solid #d9d9d9 !important;
    border-right:1px solid #d9d9d9 !important;
    border-bottom:1px solid #d9d9d9 !important;
    left:0px; 
	padding: 5px; /* extra padding so that enclosed items are not to close to the border */
	}


/* 3.01a Database Enquiry Changes */
.sectionborder {
 /*border: thin #000099 solid; */
 /*background-color: #000099; */
 /*margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; */
 /*padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;*/ 
 
}


.formbutton {
	/* $$3.9.8 font-weight: bold; background-color: #007ddf; width: 65px; cursor: hand; color: #FFFFFF;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px
	*/
	background: url("/img_2011/online_button.gif") no-repeat left top; 
	width: 170px; text-align: left; color: black; line-height: 26px; 
	padding-left: 10px; padding-right: 0px; 
	font-size: 11px; font-weight: bold; float: right;
	margin: 5px;
	border: 0px;	
	background-color: transparent; /* hide default plain box */
}

/* 3.10.38 GT Adjust formbutton for RegApp use */
#RegAppBody .formbutton {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

.pageHeading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; 
margin-top: 10px; margin-left: 10px; background-color: #FFFFFF; color: #000066; 
left: 20px; top: 20px; 
/*$$3.9.13 clip:  rect(   ); */
background-image: none; background-repeat: no-repeat}

#contentArea .sectionhead {
	margin-top:10px; margin-bottom: 10px;
	min-width: 765px; 
	min-height: 48px;
	/*$$3.9.13.001 suppress this to allow min-width. width: auto; */
    /*background: white url(/mis/background1200.jpg) no-repeat left bottom ;*/
    border:1px solid #d9d9d9 !important;
	background-color: #eeeeee;
	vertical-align: middle;
}
#contentArea .sectionhead TD{
	padding: 10px 20px;
	vertical-align: middle;

}

#contentArea .subsectionhead {
	min-width: 765px; 
	width: auto;
    border:1px solid #d9d9d9;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #eeeeee;
	vertical-align: middle;
}

#contentArea .subsectionhead TD, #contentArea .subsectionhead H3{
	margin: 0px;
	vertical-align: middle;
}

/* Override DB align top in TD */
#contentArea TR[valign=middle] TD {
	vertical-align: middle;
}

.querysection {  
 /*$$3.9.13 clip:              rect(   ); */
 /*$$3.9.7 overwrites trailer position: absolute; */
 top: 200px; left: 195px; 
 background-repeat: no-repeat; 
 visibility: visible; 
 background-color: #FFFFFF;
 /* $$ 3.9.7 z-index: 4 */
 min-width: 765px;
 background-image: none;
}

.xquerysection TD {
	background:transparent !important;
	}

.querysection FORM	{		
    border-top:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    /* height:200px; removed - caused problems in ie7+*/
    left:0px; 
    background: white url(/mis/background1200.jpg) no-repeat left bottom ;
	padding: 5px; /* extra padding so that enclosed items are not to close to the border */
	}
/* 3.10.38 GT Adjust for RegApp use */
#RegAppBody .querysection FORM {	
	background: none;
}
.querysection .sectionhead  td {
   background: white url(/img_2011/bg_tabcontent_wide.gif) no-repeat left bottom ;
}	
/* 3.10.38 GT Adjust for RegApp use */
#RegAppBody .querysection .sectionhead  td {	
	background: none;
}
	
.querysection table {
	padding: 5px 5px 5px 5px ;
	margin: 5px 5px 5px 5px ;
	width: 99%; /*else if 100% some of table may not fit within parent Form on IE and Chrome*/
}


/*Override DB dotted TD TH */
#contentArea td, #contentArea th {
	background-image: none !important;
	padding: 5px 5px 5px 5px !important;
	margin: 5px 5px 5px 5px !important;

}


.querysection td.backShade1 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(255, 255, 255) !important; /* The Fallback */
    background: rgba(234, 241, 247, 0.1)  !important; 	
	
}
/* 3.10.33 .querysection td.backShade2 { */
.querysection td.backShade2 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(234, 241, 247) !important; /* The Fallback #eaf1f7 */
    background: rgba(234, 241, 247, 0.8) !important; 	

}

#DateRangeSection table {
    border:1px solid #d9d9d9 !important;
}


#DateRangeSection td {
	vertical-align: middle;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(255, 255, 255) !important; /* The Fallback */
    background: rgba(234, 241, 247, 0.1)  !important; 	
}

.reportsection td.backShade1 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(234, 241, 247) !important; /* The Fallback #eaf1f7 */
    background: rgba(234, 241, 247, 0.8) !important; 	
	
}
.reportsection td.backShade2 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(234, 241, 247) !important; /* The Fallback #eaf1f7 */
    background: rgba(234, 241, 247, 0.8) !important; 	

}



.reportsection { 
 
 /*$$3.9.7 overwrites trailer position: absolute; */
 /* $$ 3.9.7 top: 190px; */ 
 top: 200px; left: 195px;
 background-repeat: no-repeat; 
 visibility: visible;
 background-color: transparent; 
 /* $$ 3.9.7 ensure does not hide DB drop down navigation z-index: 2; */
 min-width: 765px;
 }
 
 .reportsection table {

 }

/* 3.9.6 override db style for table cells */

.xrowShade1 td {
	border: 1px red solid ;
	background-color: #FFFFFF ;
	font-weight: normal; font-size: 8pt; line-height: normal
}
/*.reportsection*/ 
.reportdata TH {
    background-color: #f0f9fe !important;
    border:1px solid #d9d9d9 !important;
	padding: 2px !important;
	margin: 2px !important;
}
/*.reportsection*/ 
.reportdata TD {
    border:1px solid #d9d9d9 !important;
	padding: 2px !important;
	margin: 2px !important;
	font-weight: normal; font-size: 8pt; line-height: normal;
}
.reportdata .rowShade1 TD {
	background: rgb(255, 255, 255) !important; /* The Fallback */
    background: rgba(234, 241, 247, 0.1)  !important; 	
}
.reportdata .rowShade2 TD {
	background: rgb(234, 241, 247) !important; /* The Fallback #eaf1f7 */
    background: rgba(234, 241, 247, 0.8) !important; 	
}

.preferredwidth {
/* Ensures that report section navigation links (Pages. ... ) 
	stretches to DB's normal screen size, which looks better
	than being bunched up on the LHS */
 min-width: 765px; /* override db 100% */
 width: auto;
}
.reportsection .preferredwidth td {
	/* 3.9.7 reduce padding for Report Section pages links so fit in smaller page width*/
	padding-left: 5px !important;
	padding-right: 5px !important;
	background-image: none !important;
	vertical-align: middle; /* 3.9.7 ensure all report sectionhead cells allign */
}



.reportdata * td, .reportdata * th {
	padding: 2px !important;
	}
.reportsection a:visited {
    color:#0000ff;
    text-decoration:none;
}
.xreportsection form td{
	padding: 2px !important;
	}
	

/* Override some DB style settings */
p {
    display:block;
	/* no indent wanted for P in imxdb admin page margin: 10px;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
    color:#000;
}


#layoutPositioner {

    /* $$3.9.7 Cater for larger width results. width:994px;     margin:0px auto; */
	margin-left: 5px;
	width: 100%; 
	
}
#layoutComplete {
    /* $$3.9.7 Cater for larger width results.	width:994px;
  */
	width: 100%; 

}

BODY {
	/* workarround DB blue RHS showing in scrolled areas */
 background-color: white; 
 background-image: none; 
}

#layoutMain {
	/* Suppress large white section at end of each page */
	padding-bottom: 30px !important;
	}

/* DB's footerRight does not work with wide screens */	
#footerRight {

		/*$$3.9.13 width: 188p;
		position: aboslute;
		*/
		width: 188px;
		position: absolute;

		left: 750px;
		}

#StatusForm h3{
    border:1px solid #d9d9d9;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #eeeeee;
}
#StatusForm .backShade1 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(255, 255, 255) !important; /* The Fallback */
    background: rgba(234, 241, 247, 0.1)  !important; 	
	
}
#StatusForm .backShade2 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(234, 241, 247) !important; /* The Fallback #eaf1f7 */
    background: rgba(234, 241, 247, 0.8) !important; 	

}

#StatusForm .backShade3 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(204, 204, 255); /* The Fallback #eaf1f7 */
    background: rgba(234, 241, 247, 0.5) !important; 	

}

.backShade1 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
  background-color: #CCCCFF; font-weight: normal
  }
.backShade2 {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
  background-color: #FFCC66; font-weight: normal
  }
.rowShade1  {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(255, 255, 255) !important; /* The Fallback */
    background: rgba(234, 241, 247, 0.1)  !important; 	
}
.rowShade2  {
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
	background: rgb(234, 241, 247) !important; /* The Fallback #eaf1f7 */
    background: rgba(234, 241, 247, 0.8) !important; 	
}

#StatusForm .rowShade1  TD, #StatusForm .rowShade2 TD, #StatusForm .rowShade3 TD {
    border:1px solid #d9d9d9 !important;
	padding: 5px;
	margin: 5px;	
}

#StatusForm TD {
	padding: 5px !important;
	margin: 5px !important;
	font-weight: normal; font-size: 9pt; line-height: normal;
}
#StatusForm TH {
    background-color: #f0f9fe !important;
    border:1px solid #d9d9d9 !important;
	padding: 5px !important;
	margin: 5px !important;
}

/* override dotted background in DB leftNavi */
#leftNavi TABLE.urlbutton, TABLE.urlbutton  {
	text-align: center;
}
#leftNavi TABLE.urlbutton A, TABLE.urlbutton A  {
	background-image: none !important;
	display: inline;
}

/* Ensure DB navigation drop down boxes do not get masked by QuerySection
#level1Navi #list_main1 ul li {
position: relative;
	z-index: 999;
	border: 2px solid black !important;
	}

	
	
iframe.hoverBase {
    position:absolute;
    top:36px;
    left:0px;
	
    z-index:99 !important;
	border: 2px solid red !important;
	
}
*/

/*	
#level1Navi #list_main1 li ul ul.secHovNavON  {
    position: static !important;
    display:block !important;
    margin-top:0px !important;
    margin-left:12px !important;
    background:none !important;
    border:none !important;
}
#level1Navi #list_main1 li.sfhover ul ul.secHovNavON {
    visibility:visible !important;
    display:block !important;
	
}
#level1Navi #list_main1 li ul ul.secHovNavON * {
    font-size:11px !important;
}
#level1Navi #list_main1 li.sfhover ul ul.secHovNavON li a {
    line-height:13px !important;
    padding-top:2px !important;
    padding-bottom:2px !important;
    background:none !important; 

}
#level1Navi #list_main1 li.sfhover ul ul.secHovNavON li.last a {
    margin-bottom:4px !important;
}
#level1Navi #list_main1 li ul ul.secHovNavON ul {
    display:none !important;
    visibility:hidden !important;
    margin-top:32px !important;
}
#level1Navi #list_main1 li ul ul.secHovNavOFF  {
    display:none !important;
}
*/

/* 3.10.33 Styling for DatePicker */
/* Override appolo (important) TD and TH padding */
.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar th {
border: 0 !important;
padding: 1px !important;
}


/* 3.10.37 Styling for Jnlp Status Response page */

#JnlpStatusResponse td {
	padding: 10px;
	text-align: center;
}