/*-------------------------------------------------------------------- 
          	  	----- Worldlinestyle ---------
          	  	 
          	  	 Theme Individual Solutions
	          	
          By Gabriele Ruettgers, Worldline, 2014
          
				Version 1.0 01/2014
-------------------------------------------------------------------- */

/* INHERIT FROM: KAWWA "k-structure.css and k-theme0.css" */

/* CSS index:
	Structure's special Individual Solutions VALUES  */
	

/* -------------------------- STRUCTURE ------------------------ */
/* Defines main page structure, from zero to three columns layout. 
 * Used in combination with the theme stylesheet.
 * */

/* INHERIT FROM: "k-structure.css" */

/* CSS index:
	THEME'S DEFAULT VALUES
	RE STRUCTURATION
	TABLE SPECIFICS
		DYNAMIC TABLES
	    FORM SPECIFICS
		SUB-FIELDSETS
		CHECKBOXES 
		RADIOS 
		MANDATORY INFO
		REQUIRED FIELD
		INPUT HELP
		FIELD COMMENT
		ERROR FIELD
		ERROR MESSAGES
		FORM BUTTONS
		DATEPICKER 
		FORM WIZARD
	NAVIGATION 
		MAIN NAV/FIRST LEVEL
		VERTICAL MENU
		SKIP MENU LINK
		BREADCRUMBS 
		TREE-VIEW
		TREE-VIEW GRID
	SITE UTILITIES
		SITEMAP 
		TOOLS LINKS
		LANGUAGE CHOICE
		LOGIN 
		LOGIN DATA
		SEARCH 
		ACTION BUTTONS BAR
		ACTION BUTTONS
		PAGINATION 
		MODAL 
		ORIENTATION AID
	BLOCKS 
		TABS
		IMAGE CAROUSEL
		COLLAPSIBLE PANELS
		ACCORDION
	EDITORIAL
		ARTICLE
		ARTICLE ENTRY
		INTRODUCTION
		HIGHLIGHT BLOCK
		ILLUSTRATION
		NOTES
		INFO BLOCK
		READ MORE LINK
		LIST OF LINKS
	E-COMMERCE
		HPRODUCT
		PRODUCT REVIEW
		CATALOG
		PRODUCT SHEET
		BASKET
	PRINT STYLES
	MEDIA QUERIES
*/


/* --------------------------------------------------------------------------- */
/* -------------------------- THEME'S DEFAULT VALUES ------------------------- */
/* --------------------------------------------------------------------------- */
html {
    font-size: 100%;
}

body {
    font: 100%/1.3 Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: 100%;
    min-width: 1240px;
}

header,
footer,
nav,
section,
aside,
aricle,
figure,
figcaption {
    display: block;
}

strong,
b {
    font-weight: bold;
}

em,
i,
cite,
figcaption {
    font-style: italic;
}

small {
    font-size: 0.8rem;
}

form {
   
}

#checkLogoutPg {
    float: left;
    width: 100%;
}
a#removeDepricatedLegalId, 
a#removeDepricatedLegalId:link,  
a#removeDepricatedLegalId:visited, 
a#removeDepricatedLegalId:focus,
a#removeDepricatedLegalId:hover, 
a#removeDepricatedLegalId:active {
    padding: 0;
    margin-left: 5px;
}
#removeDepricatedLegalId > img {
    vertical-align: -2px;
    height: 13px;
    width: auto;
    border: 1px solid #ccc;
}
h1 {
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding: 0;
	text-align: left;
	text-transform: none;
	width: 65%;
	box-sizing: border-box;
}
h1 img {max-width: 100%;}

h2 {
	clear: left;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    height: 22px;
    margin: 0;
    padding: 10px 0 0 0;
    text-transform: none;
}

h3 {
	float: left;
    font: bold 0.7em/1.5em Verdana,Helvetica,Arial,sans-serif;
    margin-bottom: 1.5em;
    margin-left: 0;
    margin-top: 10px;
    padding: 5px 0 5px 0.5%;
    text-transform: none;
    width: 99%;
}
section.generalSection h3 {
	width: 99.5%; 
}
#finderSelect section.generalSection {
    color: #333333;
    float: left;
    padding: 0 0 1em;
    width: 100%;
}
.finderSelectCrit {
    box-sizing: border-box;
    float: left;
    padding: 10px 0;
    width: auto;
}
.finderSelectCrit.translationButtonShown {
    clear: both;
}
/* margin-bottom class set over jQuery */
#finderContainer.marginBottom {margin-bottom: 15px !important;}

h3 img {margin-top: -8px;}
	
h3.fsheadline3 {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 42px;
    margin-top: 15px;
    padding: 2px 0 2px 8px;
    text-decoration: none;
}
	
h4 {
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	margin: 1em 0 0.5em;
	font-family: Verdana, Arial, "Helvetica Neue", Helvetica,sans-serif;
	text-transform: none;
}

h5 {
	font-size: 0.75em;
	font-weight: bold;
	margin: 0.5em 0 1em 0;
    padding: 3px 3px 3px 28px;
	font-family: Verdana, Arial, "Helvetica Neue", Helvetica,sans-serif;
	text-transform: none;
}
.panel-margin-left {
    margin-left: 5px;
}
.fliesstext {
    float: left;
    margin: 8px 0;
    padding: 0;
}
.fliesstext p {
    float: left;
    margin: 5px 0;
    width: 100%;
}
#logoutPg .fliesstext {
    height: 1.7em;
    line-height: 1.7em;
    padding: 0 8px 0 0;
}
.ui-dialog .dialogText {
    font-size: 0.75rem;
    margin-bottom: 20px;
}
p, li, dt, dd {font-size: 0.75em; font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;}
ul, ol {font-size: 0.75em; padding-left: 0; font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;}
li {line-height: 1.3; padding: 3px 0; display: inline;}
li li {font-size: 100%; font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;}
li dt, li dd {font-size: 100%; font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;}

p + ul {margin: 0.5em 0;}

.emptyP {
    clear: both;
    float: left;
    font-size: 0.8em;
    margin: 8px;
}

dt {
    clear: left;
    color: #000099;
    float: left;
    font-weight: normal;
    width: 13em;
}
dd {
    margin: 0 0 0 13.5em;
    padding: 0 0 0.5em;
}
.ui-dialog dd.datepickerInput {
    width: 100%;
}
dd.inlineAction {
    width: auto;
    margin-right: 8px;
}
dd select {
    box-sizing: border-box;
    width: 100%;
}
dd input {
    margin: 0;
    padding: 2px;
    vertical-align: top;
    width: 96%;
}

/* QR Backend */

#qrCodeZone {
    float: left;
    width: 100%;
}
#qrCodeZone > dd {
    width: 49%;
}

#qrCodeZone > dd:nth-child(8) {
    width: 42%;
}
p.signingKeyButton {
    float: right;
    position: relative;
    right: 35%;
    width: auto;
}
#qrCodeZone > dd.qrBackendMerchantToken {
  position: relative;
  width: auto;
  max-width: 60%;
}
#qrCodeZone > dd.qrBackendSecretSigningKey {
  width: auto;
  position: relative;
  max-width: 60%;
}
#qrCodeZone > dd.qrBackendGenerateAPIURL {
  position: relative;
  width: auto;
  max-width: 60%;
}
#qrCodeZone > dd.qrBackendSecretSigningKey span {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
#qrCodeZone > dd.qrBackendMerchantToken span {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
#qrCodeZone > dd.qrBackendGenerateAPIURL span {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
#qrCodeZone .inline-button-QrCode {
  float: left;
  width: 100%;
  clear: both;
  margin: 10px 0;
}

#qrCodeZone .inline-button-QrCode dt {
  width: 12%;
  padding-left: 11px;
}

#qrCodeZone .inline-button-QrCode dd {
  width: auto;
  margin-right: 15px;
  float: left;
  margin-right: 5px;
}

#qrCodeZone .inline-button-QrCode img.tooltip {
  margin-top: 0;
  line-height: 1.7rem;
  vertical-align: 3px;
}

/* End QR Backend */

dd ul {
	display: inline;
}
dd ul li {
	display: inline;
	font-size: 0.7rem;
}
dd li input[type="checkbox"]  {
	width: auto; 
}
dd li input[type="radio"]  {
	width: auto; 
}
dl.helpImage .tapestry-formfragment dd:first-of-type {
    display: inline-block;
    float: none;
}
code {font-size: 120%;}

a, a:link {font-size: 1.1em; font-weight: bold; text-decoration: none; padding: 0 0 0 10px;}
a:visited {font-size: 1.1em; font-weight: bold; text-decoration: none; padding: 0 0 0 10px;}
a:hover, a:focus {font-size: 1.1em; font-weight: bold; text-decoration: none; padding: 0 0 0 10px;}

a.eventlink[onclick*="waitForPage"] {
    display: none;
}

a.eventlink[onclick*="waitForPage"] + div.t-zone:empty {
    float:left;
    max-height: 1px;
}
a.eventlink[onclick*="waitForPage"] + div[data-container-type="zone"]:empty {
    float:left;
    max-height: 1px;
}
div[data-container-type="zone"]:empty {
    float:left;
    max-height: 1px;
}

.k-breadcrumbs a, .k-breadcrumbs a:link {text-decoration: underline;}
.k-breadcrumbs a:visited {text-decoration: none;}
.k-breadcrumbs a:hover, .k-breadcrumbs a:focus {text-decoration: underline;}

p.k-mandatory {
    box-sizing: border-box;
    clear: both;
    float: right;
    font-size: 0.7em;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    position: relative;
    text-align: right;
}
form#newSubMerchant .k-mandatory {
    position: relative;
}
/* --------------------------------------------------------------------------- */
/* ----------------------------- RE STRUCTURATION ---------------------------- */
/*                           (rewrite k-structure.css)                         */
/* --------------------------------------------------------------------------- */

/* -- KAWWA-Structure #body = #container -- */
#container {
    float: left;
    padding: 0 0 0 33px;
    width: 97%;
}


header[role=banner], #header {
	height: 6.4em;
    padding: 0;
    width: 99%;
    z-index: 0;
    min-width: 840px;
}

#wrapper {
    clear: both;
    float: left;
    margin-bottom: 45px;
    padding: 0;
    position: relative;
    top: -20px;
    width: 100%;
}

#wrapper #main:first-child {
    margin-left: 0;
    width: 99%;
    padding-top: 0px;
}

#main {
	min-width: 1024px;
	margin: 0;
	padding: 0;
	position: relative;
}
	
footer[role=contentinfo], #footer {
	bottom: 0;
    margin: 0;
    min-height: 23px;
    padding: 0;
    position: fixed;
    text-align: center;
    width: 96%;
    z-index: 0;
}

	p.contact {
	    color: #0066a1;
	    float: right;
	    height: 23px;
	    line-height: 23px;
	    position: absolute;
	    right: 2%;
	    text-align: right;
	    top: 0;
	    vertical-align: middle;
	    width: 30%;
	}
		.contact > span {
		    float: left;
		    vertical-align: middle;
		    width: 100%;
		}
			.contact img {
			    height: 20px;
			    margin-right: 6px;
			    padding-bottom: 2px;
			    vertical-align: middle;
			    width: 20px;
			}
p.k-copyright {
    font-size: 0.65em;
}

/* ---  NEW FOOTER ---- */
footer[role="contentinfo"], #footer {
    bottom: 0;
    margin: 0;
    min-height: auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 96%;
    z-index: 999;
}
.copyRights {
    border-top: 1px dotted #fd6400;
    padding: 4px 0;
}

.footer-menu-Admin {
	border-top: 2px solid #fd6400;
	display: none;
}
.footer-menu-Merchant {
	border-top: 2px solid #fd6400;
	display: none;
}

.footer-menu_inner::after, .footer-menu_inner::before {
    content: " ";
    display: table;
    clear: both;
}
.footer-menu_inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 70rem;
    padding: 1rem;
    position: relative;
}
.footer-menu .column:first-child {
    margin-left: 0;
}
.footer-menu .column {
    float: left;
    margin-left: 2rem;
    width: 20rem;
}
.ym-clearfix::before {
    content: "";
    display: table;
}
.ym-clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.module:last-child {
    margin-bottom: 0;
}
.module {
    margin-bottom: 2rem;
}
.footer-menu h3 {
    color: #000099;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.3rem;
    margin-bottom: 0.7rem;
    text-align: left;
}
.module-linklist ul {
    list-style: outside none none;
    margin: 0;
    float: left;
}
.module-linklist ul::after, .module-linklist ul::before {
    content: " ";
    display: table;
}
.module-linklist ul::after {
    clear: both;
}
.module-linklist li {
	display: block;
    line-height: 1.2rem;
    margin: 0 0 0.3rem;
}
.footer-menu a, .footer-menu a:link {
    color: #000099;
}
.module-linklist a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.module-linklist img, .module-linklist svg {
    -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 0.rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.module-linklist img {
    max-width: 100%;
}
.module-linklist img {
    height: auto;
    margin-right: 0.6rem;
    width: 1.5rem;
}
.module-linklist a span {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
footer .column a, footer .column a:link {
    font-size: 0.9rem;
    font-weight: normal;
}


/* ----------------------------------------------------------- TOOLS LINKS --- */
/* CB/ toolslinks */

ul.k-tools-list {
    float: right;
    padding: 0 20px 0 0;
    width: auto;
}
ul.k-tools-list li {
    background: none repeat scroll 0 0 transparent;
    color: #fff;
    display: inline;
    font-family: inherit;
    font-size: 0.8em;
    padding: 0 0 0 10px;
}
ul.k-tools-list li:before {
    content: none;
    padding: 0;
}
div.k-tools {
    display: inline-block;
    text-align: right;
}
.k-tools.translationKeysShown {
    right: 130px;
}
	ul.k-tools-list a, ul.k-tools-list a:link {
		padding: 0 10px;
	}

/* currently only for ING  */
.metaLinks {
    display: none;
}

/* CE/ toolslinks */

/* ------------------------------------------------------------- FORM BUTTONS */
/* CB/ inputButtons */
/* CB/ linkButtons */

.ui-dialog-content .k-buttons-bar {
	clear: both;
    float: right;
    margin: 15px 0 10px 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

.k-buttons-bar {
    clear: both;
    float: right;
    margin: 10px 0 10px 0;
    padding: 0;
    text-align: right;
}

/* ------------- CB ONLINE HELP  --------------- */
.k-buttons-bar.onlineHelp {
    height: 1px;
    line-height: 1px;
    position: relative;
    right: 8px;
    top: 7px;
    z-index: 1;
    margin: 0;
}
.content .k-buttons-bar.onlineHelp {
    height: 1px;
    line-height: 1px;
    position: relative;
    right: 8px;
    top: 7px;
    z-index: 1;
    margin: 0px 5px 0px 0;
}
div[id^="messagePanel"] .content p.k-buttons-bar.onlineHelp {
    position: absolute;
    top: 4px;
    display: block;
    z-index: 999;
}
p.k-buttons-bar.onlineHelp.mandatoryForm {
    position: relative;
    top: 6px;
}

.k-buttons-bar.onlineHelp.mandatoryFormHelp {
	position: absolute;
	top: 48px;			
}
#dataForm .k-buttons-bar.onlineHelp.mandatoryFormHelp {
    position: relative;
    top: 7px;
}
.k-buttons-bar.onlineHelp.mandatoryFormHelp.translationButtonShown {
    position: absolute;
    top: 89px;
}
.k-buttons-bar.onlineHelp.mandatoryFormHelp.translationButtonShown.translationKeysShown {
    position: absolute;
    top: 83px;
}
#subMerchant #updateZone p.k-buttons-bar.onlineHelp {
    position: relative;
    top: 48px;
}

.k-buttons-bar.onlineHelp.confirmMandatoryForm {
    position: absolute;
    top: 86px;
}
.k-buttons-bar.onlineHelp.confirmMandatoryForm.translationButtonShown {
    position: absolute;
    top: 127px;
}
.k-buttons-bar.onlineHelp.confirmMandatoryForm.translationButtonShown.translationKeysShown {
    position: absolute;
    top: 144px;
}

.k-buttons-bar.onlineHelp.warningMessageHelp {
	position: absolute;
	top: 48px;			
}
.k-buttons-bar.onlineHelp.warningMessageHelp.translationButtonShown {
    position: absolute;
    top: 89px;
}
.k-buttons-bar.onlineHelp.warningMessageHelp.translationButtonShown.translationKeysShown {
    position: absolute;
    top: 107px;
}

.navi_panel.navi.right_area_PrintExport.onlineHelpButton {
    right: 110px;
}
/* ------------- CB  end ONLINE HELP  --------------- */

/* ------------- TRANSLATION Tool - Button Bar  --------------- */
.k-buttons-bar.translationBtn {
    float: left;
    margin: 10px 0;
    padding: 0;
}
.k-buttons-bar.translationBtn.translationButtonLogout {
    position: relative;
    top: 20px;
}

.k-buttons-bar.translationBtn a.btAction:focus {
    text-decoration: none;
}
.k-buttons-bar.translationBtn a.btAction:hover {
    text-decoration: underline;
}

/* ------------- end TRANSLATION Tool - Button Bar  --------------- */

.generalSection .k-buttons-bar {
    margin: 0;
}
.content .k-buttons-bar {
    margin: 10px 5px 10px 0;
}

/* Buttons bar for inputs */


	/* Buttons bar for links */
	.k-buttons-bar li {
        display: inline;
        font-size: inherit;
        list-style-type: none;
    }

.k-button, a.k-button, a.k-button:link, a.k-button:visited {
	display: inline-block;
	height: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px 5px 3px;
	margin: 0 5px;
	cursor: pointer;
}
.k-buttons-bar a, .k-buttons-bar a:link {font-size: inherit; float: left;}
.k-buttons-bar a:visited {font-size: inherit; float: left;}
.k-buttons-bar a:hover, .k-buttons-bar a:focus {font-size: inherit;	float: left;}
.k-buttons-bar a.closeOnHelpText {
    position: absolute;
    right: 25px;
    top: 23px;
    z-index: 99999;
}	

/* Disabled actions */

	input[type=submit]:disabled, input[type=button]:disabled {
		cursor: default;
	}
	.k-disabled {
		display: inline-block;
		height: 1.5em;
		line-height: 1.5em;
		font-weight: bold;
		text-transform: uppercase;
		padding: 2px 5px 3px;
		margin: 0 5px;
		cursor: default;
	}
		
/* Optional actions */
input[type=button].optional, input[type=submit].optional {
	cursor: pointer;
}
a.k-button.optional, a.k-button.optional:link, a.k-button.optional:visited {
	display: inline-block;
	height: 1.5em;
	line-height: 1.5em;
	cursor: pointer;
}
	
	
/* Reset Actions */
input[type=button].reset, input[type=reset] {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 5px 3px;
	margin: 0 5px;
	cursor: pointer;
}
a.k-button.reset, a.k-button.reset:link, a.k-button.reset:visited {
	display: inline-block;
    height: auto;
    line-height: inherit;
}
			
select.k-required {
    box-sizing: border-box;
    width: 100%;
    padding-left: 11px;
}
dd ~ select.k-required {
	float: right;
	margin-right: 10px;
	width: 64%;
}
#fileUpload select.k-required {
	width: auto;
	clear: none;
}
input.k-required[type="text"][id^="secureDatePicker"] {
    width: 94%;
}
input[type="text"][id^="secureDatePicker"] {
    width: 89%;
}
.reveal-modal input[type="text"][id^="secureDatePicker"] {
    float: right;
    width: 95%;
}

/* CE/ linkButtons */	
/* CE/ inputButtons */
#updateServiceZone.t-zone.tapestry-zone span {
    border: 1px solid #000099;
    bottom: 0;
    color: #000099;
    display: block;
    float: left;
    font-size: 0.8em;
    left: 0;
    padding: 2px 8px;
    position: relative;
    text-align: center;
    width: 90%;
}
#directoryUpdateZone.t-zone.tapestry-zone span {
    border: 1px solid #000099;
    bottom: 0;
    color: #000099;
    display: block;
    float: left;
    font-size: 0.8em;
    left: 0;
    padding: 2px 8px;
    position: relative;
    text-align: center;
    width: 90%;
}

#fileUpload .t-zone.tapestry-zone {
    display: inline;
}

abbr {border-bottom: 1px dashed #CCC;}
html > body div.ferror li {
    float: left;
    font-size: 0.95em;
    margin: 0;
    text-align: center;
    width: 100%;
}

/* ----------------------------------------Message Fields jQuery-jgrowl  ---------------------  */

/* --------------------------------------------------------    errorField */
div.jGrowl.top-right {
    right: 0;
    top: 55px;
}
.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-error {
    padding-left: 70px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-close {
    padding: 0 2px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-header {
    height: 20px;
    line-height: 20px;
    padding: 3px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-message {
    margin: 1px;
    padding: 2px;
}


/* --------------------------------------------------------    warningField */

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-warn {
    padding-left: 70px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-close {
    padding: 0 2px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-header {
    height: 20px;
    line-height: 20px;
    padding: 3px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-message {
    margin: 1px;
    padding: 2px;
}

/* --------------------------------------------------------    confirmField */

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-success {
    padding-left: 70px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-close {
    padding: 0 2px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-header {
    height: 20px;
    line-height: 20px;
    padding: 3px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-message {
    margin: 1px;
    padding: 2px;
    word-wrap: break-word;
}
/* --------------------------------------------------------    infoField */

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-info {
    padding-left: 70px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-close {
    padding: 0 2px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-header {
    height: 20px;
    line-height: 20px;
    padding: 3px;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-message {
    margin: 1px;
    padding: 2px;
}
/* -------------- */

.onboardingSingnupMsg {
    float: left;
    font-weight: bold;
    height: 2.04em;
    line-height: 2.04em;
    margin-right: 10px;
    text-align: left;
}
.warningMessage { 
	float: right;
    vertical-align: top;
    margin-bottom: 10px;
}
.tabbed-list + div.content .warningMessage {
    position: absolute;
    right: 0;
    top: -3px;
}
#message {
	margin-top: 1em;
}

p.emptyListInfo {
	clear: both;
    float: left;
    padding-left: 5px;
}

.trenner {
    box-sizing: border-box;
    display: block;
    float: left;
    height: 21px;
    padding-left: 5px;
    width: 100%;
}
.trenner_third {
    display: block;
    float: left;
    height: 21px;
    width: 33%;
    clear: both;
    margin-left: 5px;
}

.trenner_small {
    display: block;
    float: left;
    height: 1px;
    line-height: 1px;
    margin: 1px 0 0;
    width: 100%;
}

/* ------------------------------------------------------------- special header formate */
#logo_ips {
    float: left;
	font-size: 1.4em;
	font-weight: normal;
	height: 2.3em;
	margin: 8px 0 0 100px;
	width: auto;
	max-width: 66%;
	white-space: normal;
}
#logos {
    float: left;
    height: 4em;
    margin-top: 15px;
    position: absolute;
    width: auto;
}

#logo_awl {
    float: left;
    height: 4.7em;
    padding: 0;
    width: 4em;
}
#headerToolsInfos {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 10px;
    text-align: right;
    width: 34%;
}

.home {
    display: inline-block;
    height: 22px;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
    width: 22px;
}

#logoutLink {
    background-color: transparent;
    border-radius: 4px;
    display: block;
    float: right;
    margin-top: 1px;
    text-align: right;
    width: auto
}
.userdata {
    display: block;
    float: right;
    width: 100%;
}
.username {
    font-size: 0.75rem;
    font-weight: normal;
}

#logoutLink a.logout, #logoutLink a.logout:link, #logoutLink a.logout:visited {
    padding-left: 20px;
    padding-bottom: 3px;
}

#logoutLink a.logout:hover {
     padding-left: 20px;
     padding-bottom: 3px;
}

/* --- FORM ELEMENTS --- */

form table {
    float: left;
    width: 100%;
}
.translationModule #SearchForm {
    box-sizing: border-box;
    padding: 0 0 0 8px;
}
form.k-language p {
    font-size: 0.65em;
    margin: 0;
}
form.k-language select {
    font-size: 110%;
    margin-right: 10px;
    margin-top: 0;
    width: auto;
}
/* General inputs */

input {
	font-size: 0.95em;
    margin: 0 0 5px;
    padding: 0 0 2px 2px;
}

input[type=checkbox], input[type=radio] {
	border: none;
	vertical-align: -0.2em;
	width: auto;
}

input[type=text]:disabled, input[type=text]:disabled:hover {
	font-style: italic;
	cursor: default;
}

input[type="file"] {
    font-size: 0.7rem;
    padding: 0 20px 0 0;
    text-align: right;
    width: auto;
    margin-bottom: 0;
}
p.emailZone {
    font-size: 0.7rem;
}
p.emailZone input[type="checkbox"] {
    margin: 0 5px 0 20px;
    width: auto;
}
#emailZone .btAction.colorSubmit {
    float: right;
    margin: 4px 4px 0 0;
}
DIV.t-checklist-row {
    clear: both;
    display: block;
    padding: 4px 0 2px;
}

div.t-checklist-row label {
	width: auto;
	padding: 0 0 0 5px;
    text-align: right;
    vertical-align: middle;
}

div.t-checklist-row input {
	float: left;
    margin-top: 3px;
    text-align: left;
    width: auto;
}

textarea {
	padding: 4px;
    width: 98%;
}

/* translation Module */
.translationModule select {
    height: 23px;
    line-height: 22px;
}

input.findetextfield[type="text"] {
    line-height: 20px;
    margin: 0;
    padding: 0 0 1px 4px;
    vertical-align: -1px;
    width: 18em;
}
/* end translation Module */

table {margin-bottom: 20px;}

.wordBreakAll {
	word-break: break-all;
}

TABLE.t-data-grid TBODY TR TD {
   height: 23px;
   padding: 0 2px;
   word-break: break-all;
}
TABLE.t-data-grid TBODY TR TD.action {
    min-width: 9%;
}
table tr th a {
    font-size: inherit;
    text-align: center;
}
p + table {margin-top: 1em;}

caption {
	font-size: 0.75em;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px;
    text-transform: uppercase;
    text-align: left;
}
label input {float: none;}
th, td {
	font-size: 0.70rem;
	text-align: center;
	vertical-align: middle;
}
table thead tr th {
    padding: 5px 2px;
}
td.i18nKey {
    text-align: left;
}
td.notificationText {
    text-align: left;
}
th.translationKeysShown {
    word-break: break-all;
}
th.name, td.name {
    font-size: 0.7rem;
    margin: 0;
}
table thead th.action {
    background-image: none;
    cursor: default;
}
table tbody tr td {
    text-align: center;
    padding: 0 2px;
}
table tbody tr td[data-grid-property="filename"] {
    word-break: break-all;
}
#ticketCommentPanel td[data-grid-property="text"] {
	word-break: break-all;
}

table ul.k-actions {
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
ul.k-actions li {
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
ul.k-actions a, ul.k-actions a:link, ul.k-actions a:visited {
    display: inline-block;
    float: left;
    height: 19px;
    line-height: 19px;
    margin: 2px;
    overflow: hidden;
    padding: 1px;
    text-decoration: none;
    width: 19px;
}
ul.k-actions a:hover {
    display: inline-block;
    float: left;
    height: 19px;
    line-height: 19px;
    margin: 2px;
    overflow: hidden;
    padding: 1px;
    text-decoration: none;
    width: 19px;
}

td a.inlineBt, td a.inlineBt:link, td a.inlineBt:visited {
    display: inline-block;
    float: left;
    height: 19px;
    line-height: 19px;
    margin: 2px;
    overflow: hidden;
    padding: 1px;
    text-decoration: none;
    width: 19px;
}
td a.inlineBt:hover {
    display: inline-block;
    float: left;
    height: 19px;
    line-height: 19px;
    margin: 2px;
    overflow: hidden;
    padding: 1px;
    text-decoration: none;
    width: 19px;
}

ul.k-actions a.bt-view, ul.k-actions a.bt-view:link, ul.k-actions a.bt-view:visited  {
    background: url(../../img/img_rabo/bt_details.png) no-repeat scroll 0 0 #000099;
}
ul.k-actions a.bt-view:hover  {
    background: url(../../img/img_rabo/bt_details.png) no-repeat scroll 0 0 #000099;
}
th a.descending, th a:link.descending, th a:visited.descending {
	padding-right: 22px;
}
th a.ascending, th a:link.ascending, th a:visited.ascending {
	padding-right: 22px;
}

DIV.t-data-grid {
    float: left;
    font: 0.95em/1.3 Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    width: 100%;
}

table.t-data-grid thead tr th {
    font-size: 0.7rem;
    font-weight: bold;
    padding: 3px !important;
    text-align: center !important;
    text-decoration: none;
    text-transform: none;
}

/* translation Module */
.translationModule TABLE.t-data-grid TBODY TR TD {
    word-break: normal;
    word-wrap: break-word;
}
TABLE.t-data-grid TBODY TR TD.specificContent {
    width: 45%;
}
/* mandateMgmLight Module */
#mandateSearchResult div.t-data-grid {
  overflow: auto;
  max-height: 555px;
}
/* end translation Module */


/* ----------------------- FORMS! --------------------------------------- */

.placeholder {
	display: inline;
	float: left;
	margin: 3px;
	width: 10.5em;
}

.two-cols {
	float: left;
	width: 100%;
}

select {
	margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 19.5em;
}
#tenantZone > select {
    margin: 0 0 8px 8px;
}

select.selector {
    font-size: inherit;
    height: 20px;
    margin: 0 0 3px;
    padding: 0;
    width: 15.7em;
}
#serviceZone select.selector {
    font-size: 0.8rem;
    width: 99%;
}
#serviceZone select#service {
    height: auto;
}
#serviceZone select {
    height: auto;
    max-height: 128px;
}
select#finderSelection {
    font-size: 0.75em;
}
/* to hide radio Button for Paymentmeans
#choiceSelect select.selector {
    float: left;
    font-size: 0.75em;
    height: 20px;
    margin: 0 0 3px 10px;
    padding: 0;
    width: auto;
}
 */

/* ----------------------- FORMS File-Upload ---------------------------------------*/
div.fileinput {
    background: url(../../img/threeCols_higru.png) repeat-y scroll 0 0 transparent;
    float: left;
    left: 0;
    padding-left: 15px;
    position: relative;
    width: 48.3%;
}

.fileinput label {
    font-size: 0.8em;
    margin: 0;
    text-align: left;
    width: auto !important;
    }

.fileinput select.selector {
    float: left;
    font-size: 0.75em;
    height: 20px;
    margin: 0 0 3px;
    padding: 0 0 0 15px;
    width: 8em;
}

input.file {
    left: 0;
    margin: 0;
    opacity: 0;
    position: relative;
    width: 17.5em;
    z-index: 2;
}
input.file1 {
    float: left;
    font-size: 0.95em;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0 0 2px 2px;
    position: relative;
    width: 19em;
    z-index: 2;
}
.fileuploadFake {
    left: 15em;
    position: absolute;
    top: 0;
    z-index: 1;
}
.fileuploadFake input {
    width: auto !important;
    float: left;
    font-size: 0.95rem;
}
.fakeTextInput {
    padding: 0 2px;
}

input.fakeButton {
    border-radius: 3px 3px 3px 3px !important;
    background-color: #000099 !important;
    float: left;
    font-size: 0.85em !important;
    font-weight: bold;
    height: auto;
    margin: 0 !important;
    padding: 0 2px !important;
    text-transform: uppercase;
    width: auto !important;
}

.fileinput ul {
    float: left;
    height: auto;
    left: 520px;
    list-style-type: none;
    position: absolute;
}
.fileinput ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
.fileinput ul input {
    float: left;
    font-size: 1.5em;
    margin: 0;
    padding: 0 2px;
    width: auto;
}

input.btsubmit {
    height: 18px;
    line-height: 18px;
}
span.reset {
	float: left;
    margin-left: 4px;
    padding: 0;
}

/*  end fileinput */


input.reset[type="button"], input[type="reset"] {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 0 5px;
    padding: 0 2px;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    border: none;
}
input[type="button"], input[type="submit"] {
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 0 8px 1px;
    text-shadow: none;
    text-transform: uppercase;
}

#fileUpload input[type="button"], #fileUpload input[type="submit"] {
    width: auto;
    margin-top: 1px;
}
dd.fileUpload select:first-child {
    float: left;
    height: 20px;
    line-height: 20px;
    width: auto;
}

/* --------------------------------------------------------------------------- */
/* ------------------------------ TABLE SPECIFICS ---------------------------- */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* ------------------------------ FORM SPECIFICS ----------------------------- */
/* --------------------------------------------------------------------------- */

/*  For fields in the same paragraph */
label.k-online {float: none; width: auto; text-align: left; padding-left: 2em;}

/* For side-to-side fielsets */
.to-left {
    padding-left: 8px;
    width: 49%;
}
.to-right {
	padding-left: 8px;
	width: 49%;
}
fieldset.to-left legend{
    display: none;
}
fieldset.to-right legend{
	display: none;
}


fieldset {
    clear: both;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}

fieldset fieldset {
		clear: none;
		padding: 0;
		margin: 0;
		border: none;
	}

fieldset ul {
    margin: 0;
}
fieldset p {float: left; width: 100%; color: #000099;}

legend {
	display: block;
    float: none;
    font-size: 0.9em;
    font-style: normal;
    font-weight: bold;
    margin: 0 0 8px;
    padding: 0 8px;
    text-decoration: none;
    width: auto;
}

label {
	float: left;
    padding-left: 8px;
    padding-right: 15px;
    text-align: left;
    text-transform: none;
    width: 17em;
}
dt label {
    width: 100%;
    padding-left: 0;
}

.like_label {
    font-size: 0.75rem;
    font-weight: bold;
}

p.checkboxStyle label { 
	width: auto;
}
div.checkboxStyle label { 
	width: auto;
}
.labelBeforeCheckbox, .labelBeforeRadiobutton {
	width: auto;
}

/* --------------------------------------------------------------------------- */
/* ------------------------------- NAVIGATION -------------------------------- */
/* --------------------------------------------------------------------------- */
  /* ----------------------------------------------------- BREADCRUMBS */
/* CB/ breadcrumbs */

p.k-breadcrumbs {
    /* visibility: hidden; */
    float: left;
    font-size: 0.65em;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    left: 0;
    margin: 0;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}

/* CE/ breadcrumbs */
  
 
    
/* -------------------------------------------------------- MAIN NAV/FIRST LEVEL */
/* CB/ mainNav */
/* ------------------------- !Navigation Layout--------------------------------- */
.k-skip {
    display: inline;
    position: absolute;
    top: 25px;
    left: 80px;
}
.k-skip a, .k-skip a:link {
    padding: 1px 5px;
}
#main_navigation {
    float: left;
    left: 100px;
    margin-bottom: 20px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 91;
}
#main_navigation.translationKeysShown {
    padding: 0 0 0.45em;
    display: block;
    height: 34px;
}

#ul_main_navigation {
    box-sizing: border-box;
    height: 26px;
    line-height: 20px;
    padding: 0;
    vertical-align: middle;
}
/* only layout for Translation-key shown*/
#ul_main_navigation.translationKeysShown {
    display: table-row;
    white-space: nowrap;
    width: 100%;
}

#ul_main_navigation li {
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
    margin-right: 0;
    padding: 0.3em 0;
    text-align: center;
    vertical-align: middle;
    width: auto;
}
/* only layout for Translation-key shown*/
#main_navigation.translationKeysShown #ul_main_navigation li {
    display: inline-block;
    float: none;
    white-space: nowrap;
}
#main_navigation.translationKeysShown #ul_main_navigation li#tabOn {
    display: inline-block;
    float: none;
    height: 1.3em;
    padding: 4px 5px 4px 0;
    white-space: nowrap;
}
#ul_main_navigation a, #ul_main_navigation a:link, #ul_main_navigation a:visited {
	display: inline;
    float: none;
    font-size: 0.85em;
    font-weight: bold;
    margin: 0;
    padding: 0 10px 0 13px;
    width: 100%;
}
#ul_main_navigation a:focus, #ul_main_navigation a:hover, #ul_main_navigation a:active {
	display: inline;
    float: none;
    font-size: 0.85em;
    font-weight: bold;
    margin: 0;
    padding: 0 10px 0 13px;
    width: 100%;
}

#ul_main_navigation li#tabOn span {
	 padding: 2px 10px 2px 13px;
}
#main_navigation.translationKeysShown #ul_main_navigation li#tabOn span {
    padding: 2px 10px;
}

/* CB/ mainNav */

/* CB/ subNav */
#sub_navigation {
    float: left;
    position: relative;
    width: 100%;
} 
/* only layout for Translation-key shown*/
#sub_navigation.translationKeysShown {
    top: 0;
}
#sub_navigation ul.tabs {
    float: left;
    padding: 0;
    width: 100%;
}
#sub_navigation ul.tabs li {
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    list-style-type: none;
    margin: 0;
    padding: 0 0 2px;
    width: auto;
}
#sub_navigation ul.tabs li a, #sub_navigation ul.tabs li a:link, #sub_navigation ul.tabs li a:visited {
    font-size: 1em;
    font-weight: normal;
    padding: 0 20px 2px;
    text-transform: none;
}
#sub_navigation ul.tabs li a:hover, #sub_navigation ul.tabs li a:focus, #sub_navigation ul.tabs li a:active {
    font-size: 1em;
    font-weight: normal;
    padding: 0 20px 2px;
    text-transform: none;
}

/* current tabs */
#sub_navigation ul.tabs li.tabOn {
   font-weight: normal;
    padding: 0 0 2px;
}

#sub_navigation strong {
    font-size: 1em;
    font-weight: normal;
    padding: 0 20px 2px;
    text-transform: none;
}
/* CB/ subNav */
/* ------------------------- !Tabbar Content-Navigation --------------------------------- */

/* TABS */


.navi {
	font-family: arial, sans-serif;
	margin: 0 0 0 10px;
	padding-top: 3px;
}

.right_area {
    background: none;
    clear: both;
    float: right;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    text-align: right;
    top: 5px;
    width: auto;
}
.right_area_PrintExport {
    background: none;
    clear: both;
    float: right;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    text-align: right;
    top: 2px;
    width: auto;
}
.right_area_PrintExport.beforeOnHelp {
    right: 130px;
}

/** special rule for print and export panel in user mgmt */
#userDetailsPrintExportPanel {
    top: 2px;
}

/* Navigation Print-Export */
*+html .navi {
	padding-top: 4px;
}

.navi :hover>a {
	color: #000099;
}

#navi_ ul {
	text-align: left;
}

.navi ul {
	float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.navi li {
	float: left;
    margin: 0;
    padding-right: 0;
    position: relative;
}
.navi li.exprtbt {
    height: 23px;
    padding: 0;
}
.navi li.printbt {
    height: 23px;
    padding: 0;
}

.navi li.exprtbtXML {
    height: 23px;
    padding: 0;
}

.navi_panel a, .navi_panel a:visited {
	height: 23px;
    margin: 0 0 0 10px;
    padding: 4px 8px 3px 15px;
    vertical-align: -6px;
    width: auto;
	font-size: 1.2em\9;
}

.navi_panel a:hover {
	height: 23px;
    margin: 0 0 0 10px;
    padding: 4px 8px 3px 15px;
    vertical-align: -6px;
    width: auto;
    text-decoration: underline;
	font-size: 1.2em\9;
}

.navi a, .navi a:visited {
	height: 23px;
    margin: 0 0 0 18px;
	padding: 4px 8px 3px 8px;
    vertical-align: -6px;
    width: auto;
	font-size: 1.2em\9;
}

.navi a:focus, .navi a:hover {
	height: 23px;
    margin: 0 0 0 18px;
	padding: 4px 8px 3px 8px;
    vertical-align: -6px;
    width: auto;
	text-decoration: underline;
	font-size: 1.2em\9;
}

.navi a.more_finderPanel,.navi a.more_finderPanel:visited {
	padding: 4px 8px 0 15px;
	margin: 0 0 0 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	font-size: 1.2em\9;
}

.navi a.more_finderPanel:hover {
	padding: 4px 8px 0 15px;
	margin: 0 0 0 10px;
	text-decoration: underline;
	text-transform: uppercase;
	width: auto;
	font-size: 1.2em\9;
}


.navi a.bgButtonPrint,.navi a.bgButtonPrint:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.navi a.bgButtonPrint:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.navi a.bgButtonMore,.navi a.bgButtonMore:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 8px 1px 25px;
}

.navi a.bgButtonMore:hover {
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 8px 1px 25px;
}


.navi ul ul {
	background-color: transparent;
    height: auto;
    padding: 2px 0 0;
    position: absolute;
    right: 30px;
    top: 20px;
    visibility: hidden;
    width: 100%;
    z-index: 999
}

*+html .navi ul ul {
	top: 5px;
	t\op: 6px;
}

.navi ul ul li {
	background-color: #FFFFFF;
    float: right;
    height: 23px;
    left: 23px;
    margin: 0;
    min-width: 100px;
    padding: 0;
    position: relative;
    text-align: right;
    width: auto;
}
.navi ul ul a, .navi ul ul a:visited {
	border-bottom: 1px dotted #333333;
    border-right: 1px dotted #333333;
    color: #000099;
    display: block;
    font-size: 0.65rem;
    font-weight: bold;
    height: 17px;
    margin: 0;
    padding: 5px 3px 0 20px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: -5px;
    white-space: nowrap;
}

.navi ul ul a:hover {
	border-bottom: 1px dotted #333333;
    border-right: 1px dotted #333333;
    color: #000099;
    display: block;
    font-size: 0.65rem;
    font-weight: bold;
    height: 17px;
    margin: 0;
    padding: 5px 3px 0 20px;
    text-decoration: underline;
    text-transform: uppercase;
    vertical-align: -5px;
    white-space: nowrap;
}

.navi ul ul ul {
	visibility: hidden;
	left: 10px;
	top: 10px;
}

.navi table {
	position: absolute;
	top: 0px;
	left: 0px;
	border-collapse: collapse;
}

/* Dynamische Navigationselemente */
.navi ul li:hover ul,.navi ul a:hover ul {
	visibility: visible;
}

.navi ul:hover ul ul {
	visibility: hidden;
}

.navi ul li:focus ul, .navi ul a:focus ul, .navi ul li:hover ul, .navi ul a:hover ul  {
	visibility: visible;
}

.navi ul ul ul li {
	float: left;
	margin: 0;
	position: relative;
}

div.navi_panel {
    z-index: 2;
}
div.navi_panel.finder-navi, div.navi_panel.finder-right_area {
    background: none;
    clear: both;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
	position: relative;
    right: 0px;
    top: 0px;
    z-index: 2;
}
div#navi_panel_tools {
    position: relative;
    right: 10px;
    top: -20px;
    z-index: 2;
} 
div.navi_panel.translationKeysShown {
    float: right;
    position: relative;
    right: 0;
    top: -15px;
}
/* -------------------------- 3 / NAVBAR --------------------------- */
nav, #navbar {
	float: left;
    height: auto;
    left: 0;
    position: relative;
    text-align: left;
    top: -37px;
    width: 99%;
    z-index: 0;
}

ul.k-navbar {
	float: left;
    	margin: 0;
    	min-width: 700px;
    	padding-left: 0;
    	width: auto;
	}
	ul.k-navbar li {
		float: left;
    		font-size: 0.8em;
    		font-weight: bold;
    		list-style-type: none;
    		margin: 0;
    		padding: 3px 5px 2px;
    		text-shadow: none;
    		text-transform: none;
    		width: auto;
	}
	
		ul.k-navbar a, ul.k-navbar a:link, ul.k-navbar a:visited {
			display: block;
      font-size: 1em;
      font-weight: bold;
      height: 20px;
      padding: 0 0.7em 0 0.5em;
      text-decoration: none;
		}
		ul.k-navbar a:hover {
			text-decoration: underline;
		}
		
		/* If section has dropdown */
		ul.k-navbar a.hasdropdown, ul.k-navbar a.hasdropdown:visited {
			color: #FFF;
			background: #000 url(../../img/k-theme0/bg_hasdropdown.png) right 0.6em no-repeat;
			padding-right: 25px;
		}
		ul.k-navbar a.hasdropdown:hover, ul.k-navbar a.hasdropdown:focus {
			color: #000;
			background: #BFBFBF url(../../img/k-theme0/bg_hasdropdown.png) right 0.6em no-repeat;
		}
		ul.k-navbar li.active a.hasdropdown, ul.k-navbar li.active a.hasdropdown:visited {
			color: #FFF;
			background: #F60 url(../../img/k-theme0/bg_hasdropdown.png) right 0.6em no-repeat;
			padding-right: 25px;
		}
		ul.k-navbar li.active a.hasdropdown:hover, ul.k-navbar li.active a.hasdropdown:focus {
			color: #FFF;
			background: #F60 url(../../img/k-theme0/bg_hasdropdown.png) right 0.6em no-repeat;
		}
		
.sf-sub-indicator {display: none;}
		
		/* Active section / no link */
		ul.k-navbar li.active strong {
		display: block;
    		font-weight: bold;
    		height: auto;
    		margin: 0;
    		padding: 2px 0 0 22px;
    		text-transform: none;
		}
		
		/* Active section / with link */
		ul.k-navbar li.active a, ul.k-navbar li.active a:visited {
			color: #FFF;
			background: #F60;
		}

/* SECOND LEVEL UL - Dropdown menu */
.dropdown {
	display: none;
	position: absolute;
	width: 25em;
	color: #000;
	background: #BFBFBF;
	z-index: 200;
}
ul.dropdown {width: 18em; padding: 0;}

ul.k-navbar ul.dropdown li {
	float: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #FFF;
	border-right: none;
}

ul.k-navbar .dropdown li a, ul.k-navbar .dropdown li a:visited {
	height: 1.5em;
	line-height: 1.5em;
	color: #000;
	background: #BFBFBF;
}

ul.k-navbar .dropdown li a:hover, ul.k-navbar .dropdown li a:focus {
	color: #FFF;
	background: #F60;
}

	/* If it is a large dropdown  */
	div.big-menu {
		width: 300px;
		background: #BFBFBF;
	}
	div.big-menu ul {
		float: left;
		width: 40%;
		padding: 0.5em 0;
		border-right: 1px dotted #FFF;
	}
    ul.k-navbar div.big-menu li {
        font-size: 95%;
        text-align: left;
		padding: 0;
		border: none;
    }
	ul.k-navbar div.big-menu a {min-width: 0; font-weight: normal;}
	
	/* "View all" link */
    p.view-all {
        clear: both;
        font-size: 0.85em;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
		padding: 2px 0;
		border-top: 1px solid #000;
    }
    p.view-all a, p.view-all a:link, p.view-all a:visited {
        color: #000;
        background: #990;
    }
	p.view-all a:hover, p.view-all a:focus {color: #FFF; background: #F60;}

/* --- SECOND LEVEL UL - Opened second level */

ul.subnavbar {
	position: relative;
	float: left;
	padding-bottom: 1.5em;
}
	ul.subnavbar ul {
		position: absolute;
		float: left;
		width: 94%;
		top: 2em;
		left: 2%;
		padding: 2px 0;
		border-top: 1px solid #FFF;
	}
	ul.subnavbar ul li {
		font-size: 90%;
		font-weight: normal;
		padding: 0 5px;
		margin: 0;
		border-right: 1px solid #FFF;
	}
	ul.subnavbar li.active ul a, ul.subnavbar li.active ul a:visited {
		height: 1.5em;
		line-height: 1.5em;
		color: #FFF;
		background: #000;
		border: 1px solid #000;
	}
	ul.subnavbar li.active ul a:hover, ul.subnavbar li.active ul a:focus {
		color: #FFF;
		background: #F60;
		border: 1px solid #F60;
	}
	
	/* Active sub-section section */
	ul.subnavbar li.active ul li.active a, ul.subnavbar li.active ul li.active a:visited {
		color: #FFF;
		background: #F60;
		border: 1px solid #F60;
	}
		
/* CE/ mainNav */

/* ---------------------------------Export List Nav----------------------------------------- */

.navi ul ul a.btExport_list_csv, .navi ul ul a.btExport_list_csv:link, .navi ul ul a.btExport_list_csv:visited {
    background: rgba(0, 0, 0, 0) url(../../img/img_rabo/bt_csv_export.png) no-repeat scroll 0 0;
}

.navi ul ul a.btExport_list_xml, .navi ul ul a.btExport_list_xml:link, .navi ul ul a.btExport_list_xml:visited {
    background: rgba(0, 0, 0, 0) url(../../img/img_rabo/bt_xml_export.png) no-repeat scroll 0 0;
} 
    
.navi ul ul a.btPrint_list, .navi ul ul a.btPrint_list:link, .navi ul ul a.btPrint_list:visited {
    background: rgba(0, 0, 0, 0) url(../../img/img_rabo/bt_print.png) no-repeat scroll 0 0;
}


/* --------------------------------------------------------- ICON BUTTONS --- */
/* CB/ iconButtons */

ul.actions {}

		ul.actions li {
			display: inline-block;
			list-style-type: none;
		}
		ul.actions a.finder-iconLike, ul.actions a.finder-iconLike:link, ul.actions a.finder-iconLike:visited {
			width: 20px;
			height: 20px;
			line-height: 20px;
			text-decoration: none;
			color: #ECECEC;
			background: none;
			padding: 0 10px;
			margin: 0 0.5em;
			border: none;
			border-radius: 0;
			box-shadow: none;
		}
		
		ul.actions a.finder-iconLike:hover {color: #ECECEC; background: none;}


/* ----------------- END  Button Styles   ----------------- */
/* --------------------------------------------------------- PAGINATION --- */
/* CB/ pagination */

div.k-pagination {
	float: left;
    margin: 0 0 21px;
   	padding: 8px 0;
    width: 100%;
}

	div.k-pagination p {font-size: 0.7em; margin: 0;}
	div.k-pagination p.total-pages {
            font-size: 0.8em;
            position: relative;
            right: 0;top: 0;
}
	
	p.lines-to-display {float: left; width: 40%; padding-top: 3px;}
	p.total-pages {float: left; width: 20%; text-align: center;}
	p.lines-to-display label {width: auto; font-weight: normal; margin-top: -0.3em;}
	p.page-numbers {float: right; width: auto; text-align: right;}

div.k-pagination strong {
	display: inline;
    font-family: inherit;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
   	text-transform: uppercase;
}
p.page-numbers strong, p.page-numbers a, p.page-numbers a:link {
    display: inline-block;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0 5px;
    padding: 0 5px 2px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
    height: auto;
}
div.k-pagination p.lines-to-display {font-size: 90%;}
#fsInput p.lines-to-display select {width: 5em; margin-right: 8px;}
/* CE/ pagination */

/* --------------------------------------------------------------------------- */
/* ---------------------------------- BLOCKS --------------------------------- */
/* --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- TABS */
/* CB/ tabs */

p + div.k-tabbed-data {
    float: left;
    margin-top: 0;
    width: 100%;
}
ul.tabs {
  position: relative\9;
  top: 1px\9;
}

ul.tabs {
	float: left;
    padding: 0;
    width: 100%;
 }
	div.k-tabbed-data .ui-tabs-hide {
		display: none;
	}  /* required */
	
	ul.tabs li {
		float: left;
	    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	    font-weight: bold;
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    width: auto;
	}
	
 ul.tabs li a, ul.tabs li a:link, ul.tabs li a:visited {
    font-size: 1.2em;
    padding: 0.5em 10px 0.6em;
    text-transform: uppercase;
  }
  ul.tabs li a:hover {
    font-size: 1.2em;
    padding: 0.5em 10px 0.6em;
    text-transform: uppercase;
    }
	ul.tabs li a:focus {
    font-size: 1.2em;
    padding: 0.5em 10px 0.6em;
    text-transform: uppercase;
  }
  
  
  
/* Selected tab */
	
div.k-tabbed-data > div. {
	float: left;
    height: 22px;
    margin-bottom: 10px;
    padding: 0;
    width: 99%;
}
strong {
    display: block;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    padding: 0.5em 10px 0.6em;
    text-decoration: none;
    text-transform: uppercase;
}
   
		
/* Link for tabs container */
p.tabs-link {
	float: left;
	width: 96%;
	font-weight: bold;
	text-align: right;
	margin-top: 20px;
	padding: 0.5em 2%;
}

/* PaPage online Customisation  */ 	
.panelInlineTabs .ui-tabs ul {
    margin: 0 0 20px;
    position: relative;
    top: 0;
}

.panelInlineTabs .ui-tabs ul li:first-child a, .panelInlineTabs .ui-tabs ul li:first-child a:link, .panelInlineTabs .ui-tabs ul li:first-child a:visited {
    border-left: medium none;
}

.panelInlineTabs .ui-tabs ul li.ui-state-active a, .panelInlineTabs .ui-tabs ul li.ui-state-active a:link, .panelInlineTabs .ui-tabs ul li.ui-state-active a:visited, .panelInlineTabs .ui-tabs ul li.ui-state-active a:hover {
    height: 21px;
    line-height: 21px;
    margin: 0;
    padding: 0.8em 0.6em 0.7em 10px;
    position: relative;
    top: 6px;
}
	
	
/* CE/ tabs */

		
/* ---------------------------------------- COLLAPSIBLE PANELS --- */
/* CB/ collapsiblePanel */

section#finderContainer {
    float: left;
    margin: 0;
    width: 100%;
}
.k-panel {
    clear: both;
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
fieldset.k-panel {padding: 0;}
	
	fieldset.k-panel legend.control {
	    border: medium none;
   	    padding: 0.1em 0 0.3em;
	    width: 100%;
	}
p + .k-panel {margin-top: 0;}

	.k-panel .control {
		padding: 0.15em 0 0.3em 2%;
	}
	
	
	.k-panel h4.control {
	    font-size: 0.95rem;
	    font-weight: normal;
	    padding: 0.3em 0 0.3em 2%;
	    vertical-align: top;
	    width: 98%;
	}
	
	.k-panel h4.control.ui-state-default, h4.collapsible-header.state-none {
	    font-size: 0.95rem;
	    font-weight: normal;
	    padding: 0.3em 0 0.3em 2%;
	    vertical-align: top;
	    width: 98%;
	}
	
	.k-panel h4.control.ui-state-active, h4.collapsible-header.state-block {
	    font-size: 0.95rem;
	    font-weight: normal;
	    padding: 0.3em 0 0.3em 2%;
	    vertical-align: top;
	    width: 98%;
	}
	
	.k-panel .ui-state-active, .k-panel .ui-state-hover, .k-panel .ui-state-focus, .collapsible-header {
	    width: 98%;
	}	
	
.k-panel h4.control a, .k-panel h4.control a:link, .k-panel h4.control a:visited, h4.collapsible-header {
    padding-left: 8px;
}
.k-panel h4.control a:hover, .k-panel h4.control a:focus, .k-panel h4.control a:active {
    padding-left: 8px;
}	
	.k-panel .content {
		float: left;
    	padding: 1em 0;
    	width: 100%;
    	margin-bottom: 1em;
	}
	
.reprocessingPanelPadding {
  padding: 8px;
}
.reprocessingPanelPadding .finder-two-cols {
  margin: 8px 8px 8px 0;
}
	
	.k-panel .fsMainDetails {
		padding: 0;
    }
    .fsMainDetails h4.control {
    	padding: 0 0 4px;
	}
	.k-panel h3.control {
        border: medium none;
        padding: 0 15px 4px 0;
        text-decoration: none;
    }
	
	.k-panel .content h4:first-child {
		padding: 0.4em 0 0.5em;
		margin: 0;
		font-size: 0.80em;
	}
	
	.k-panel .content h3:first-child {
		box-sizing: border-box;
	    font: bold 0.7em/1.5em Verdana,Helvetica,Arial,sans-serif;
	    margin: 10px 0 1.5em 0.5%;
	    padding: 5px 0;
	}
	
	.k-panel .content dl h3:first-child {
	    margin: 10px 0 1.5em;
	}

	.k-panel .content h3.hthreeDetailsDisplay:first-child {
	    margin: 10px 0 1.5em;
	    padding: 5px 0;
	    font-size: 0.80em;
	}
	
	.k-panel .content .reveal-div h3, .reveal-div h3 {
	    margin: 0 0 15px 0;
	}
	.k-panel .content .ui-dialog h3, .ui-dialog h3 {
	    margin: 0 0 15px 0;
	}

.tabbed-list + .k-panel {
    border-top: medium none;
}
.resultList .k-panel .ui-state-hover, .resultList .k-panel .ui-state-focus {
		background: none;
	}
.resultList .k-panel .ui-state-active {
		background: none;
		padding: 0;
		
	}
.tabbed-list + #parentMerchant.content {
    position: relative;
   
}
.tabbed-list + .content form {
    float: left;
    width: 100%;
}
.tabbed-list + .content #finderContainer form {
    position: relative;
    float: left;
    top: 0;
    width: 100%;
}

.k-panel h4.control.noBg {
    background: none repeat scroll 0 0 transparent !important;
    cursor: auto;
}
#main > .k-panel:first-child {
    margin-top: 25px;
}
.resultList {
		background: none;
		
	}

/* CE/ collapsiblePanel */

/* ---------------------------------------- Info - Text with Icon --- */
#infoText {
    float: left;
    padding: 5px 0;
    text-align: right;
    width: 100%;
}

#infoText > p {
    float: right;
    padding: 0 0 0 22px;
    text-align: right;
    width: auto;
}

/* ---------------------------------------- Counter --- */
/* CB/ counter */

.fullSize.descriptionPanel dd {
    float: left;
    width: 83%;
}

.displaycounter {
	float: left;
	width: 100%;
}
.ui-dialog-content .displaycounter {
    padding-left: 0;
}
	
/* CE/ counter */
/* --------------------------------------------------------------------------- */
/* ---------------------------------- Special Pages Layout ---------------------- */
/* --------------------------------------------------------------------------- */

/* ------Directory Service--------- */

select#LanguageID.k-required {
	font-size: 0.95em;
    width: auto;
}
.half a.addID {
	float: right;
}
#addPartBtn.btsubmit {
	margin: 0;
	width: auto;
}

/* --------------------------------------------------------------------------- */
/* -------------------------------- Only for Mockup ------------------------------- */
/* --------------------------------------------------------------------------- */

	div.yui-b p {margin: 0 0 .5em 0; color: #999;}
	div.yui-b p strong {font-weight: bold; color: #000;}
	div.yui-b p em {color: #000;}
	#topwrap {margin: 0 0 0 0;}
	
/* ------------------------------CLOSE and OPEN Panel----------------------- */	

.hide {display: none !important;} /* hidden text */
.show {visibility: visible;} /* visible text */
.displayNone {display: none;}

/* ----------------------- Pager! --------------------------------------- */

p.control {
    left: 15%;
    position: relative;
    top: 25px;
    width: 45px;
}

/* ----------------------- Email Template K-Editor --------------------------------- */
.ke-container {
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: 100% !important;
}
.ke-edit {
    box-sizing: border-box;
    min-height: 250px;
    overflow: hidden !important;
    width: 100%;
}
.ke-edit-iframe, .ke-edit-textarea {
    float: left;
    min-height: 250px;
    width: 100% !important;
}
/* ----------------------- End Email Template K-Editor --------------------------------- */

/* ----------------- Old Styles - Only for Demo  ----------------- */

/* --------------------------------------------------------- PAGINATION --- */
/* CB/ pagination */

div.k-pagination {
	float: left;
    margin: 0 0 21px;
   	padding: 8px 0;
    width: 100%;
}

	div.k-pagination p {font-size: 0.7em; margin: 0;}
	div.k-pagination p.total-pages {
            font-size: 0.8em;
            position: relative;
            right: 0;top: 0;
}
	
	p.lines-to-display {float: left; width: 40%; padding-top: 3px;}
	p.total-pages {float: left; width: 20%; text-align: center;}
	p.lines-to-display label {width: auto; font-weight: normal; margin-top: -0.3em;}
	p.page-numbers {float: right; width: auto; text-align: right;}

div.k-pagination strong {
	display: inline;
    font-family: inherit;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
   	text-transform: uppercase;
}
p.page-numbers strong, p.page-numbers a, p.page-numbers a:link {
    display: inline-block;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    margin: 0 5px;
    padding: 0 5px 2px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
    height: auto;
}
div.k-pagination p.lines-to-display {font-size: 90%;}
#fsInput p.lines-to-display select {width: 5em; margin-right: 8px;}


/* CE/ pagination */

/* ----------------- Only Hacks for Chrome and IE  ----------------- */

/* --------------------------- Browser Hacks Chrome--------------------------------- */

@media \\0 screen {

	#ul_main_navigation {
	    padding: 0;
	    vertical-align: middle;
	    height: 25px;
	    line-height: 21px;
	    box-sizing: border-box;
	}
}

/* --------------------- Media Query only for IE9 and IE10 */
@media screen\0 {
	#ul_main_navigation {
	    height: 25px; 
	}
}

@media screen\9 {

}