/*--------------------------------------------------------------------
                     ----- Super-User Style ---------

                     Theme Individual Solution

          By Gabriele Ruettgers, Worldline, 2014

                Version 1.0 01/2014
-------------------------------------------------------------------- */

/* INHERIT FROM: KAWWA "k-structure.css and k-theme0.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
*/
/* -----------------------  Reihenfolge für Links ------------------------------------ */
/*
a:link  
a:visited   
a:focus  
a:hover  
a:active  */

/* --------------------------------------------------------------------------- */
/* -------------------------- THEME'S DEFAULT VALUES ------------------------- */
/* --------------------------------------------------------------------------- */

body {
    color: #000066;
}

header[role=banner], #header {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #f7f7f7 10%, #fff 40%, #fff 50%, #efefef 90%);
    background-image: linear-gradient(to bottom, #f7f7f7 10%, #fff 40%, #fff 50%, #efefef 90%);
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#container {
    background: none repeat scroll 0 0 #FFFFFF;

}

#wrapper {
    color: #000;
    background: none repeat scroll 0 0 transparent;
}

footer[role=contentinfo], #footer {
    background: #fcfcfc none repeat scroll 0 0;
    color: #000066;
}
.half {
    border-right: 1px dashed #000000;
}
.half + .half {
	border: none;
}
.half + .half + .half {
	border-right: 1px dashed #000000;
    clear: left;
}
.half + .half + .half + .half {
    border: medium none;
    clear: none;
}
h2 {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #000066;
    color: #000066;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    margin: 15px 0;
    width: 100%;
}
/*  for h2 without length set over jQuery */
.h2Leer {
    height: 0.1em;
    line-height: 0.11em;
    margin: 0;
    padding: 0;
    border: none;
}

h2.k-skip {background: none;}

h3 {
    background: none;
    border-bottom: 1px solid #ff6600;
    color: #ff6600;

}

h4 {
    color: #4d4d4d;
}
#checkpointFieldset h4 {
    border-bottom: 1px solid #ccc;
    color: #000099;
    float: left;
    font-weight: normal;
    margin: 15px 0 8px;
    padding: 0;
    width: 100%;
}
h4.headline_innergrid {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ff6600;
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
h4.headline_innersection {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ff6600;
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
h5 {
    background: transparent url(../../img/img_ing_nl/bg_h5info.png) no-repeat scroll 10px center / auto 50%;
    border-bottom: 1px solid #FF6600;
    color: #ff6600;
}
.details_third {
    clear: none;
    float: left;
    width: 32.7%;
}
.noBreakLine {
	border: none;
}
.details_third.noBreakLine {
    border-right: none;
}
.leftBreakLine {
	border-left: 1px dotted #ff6600;
}
.details_third.dlBorder {
  border-right: 1px dashed #ff6600 !important;
}
dl.details_third.clearLeft {
  clear: left;
}

img.tooltip {
	cursor: help;
    margin-top: 4px;
    /**position: absolute;**/
    right: -7px;
}
dd img.tooltip {
    cursor: help;
    margin-top: 3px;
    /**position: absolute;**/
    right: -7px;
}
dl img.tooltip {
    right: 12px;
}
span.tooltipImg img.tooltip {
    float: left;
    left: 8px;
    position: relative;
    top: 1px;
}
span#tooltip > img {
    margin-left: 1px !important;
    margin-top: 18px !important;
    position: relative !important;
}
dl.fullSize span.tooltipImg img.tooltip {
    float: left;
    position: relative !important;
    right: -5px;
    top: 0px;
}
dl.details_third img.tooltip {
	float: left;
    left: 7px;
    margin-left: -4px !important;
    margin-top: 6px !important;
    position: relative !important;
}

dl.fullSize.helpImage img.tooltip {
   position: relative !important;
    left: 7px;
    margin-top: 7px;
    float: left;
}
dl.fullSize.helpImage div > dd {
    width: 79%;
}
dl.fullSize.helpImage div.inline-button > dd {
  width: auto;
}
.k-buttons-bar.inline {
  display: inline-block;
  float: none;
  margin: 3px 0 0 10px;
}
.k-buttons-bar.inline.signingKeyButton {
    margin-left: 100px;
    width: auto;
    display: inline-block;
    margin-left: 30px;
    margin-top: 0;
}
.details_third.helpImage > dd {
    width: 47%;
}
.helpImage #showEmailAddress > dd {
    width: 45%;
}
.details_third.helpImage #showEmailAddress img {
    float: none;
}
.positionRel {
    position: relative;
}


/*--------Half--------  */
dl.half.helpImage dd {
    width: 63%;
}
dl.half.helpImage input[type="text"] {
    width: 95%;
}
dl.half.helpImage select {
    width: 95%;
}
dl.half.helpImage select.k-required {
    width: 95%;
}
dl.half img.tooltip {
    float: left;
    margin-top: 6px !important;
    position: relative !important;
}

/*----------------------------------------Error Text behind input fields ------*/
.help-block {
    display: none;
}

a { color: #ff6600; background: transparent; text-decoration: none; }
a:link { color: #ff6600; background: transparent; text-decoration: none; }
a:visited { color: #ff6600; background: transparent; text-decoration: none; }
a:hover { color: #ff6600; background: transparent; text-decoration: none; }
a:focus { color: #ff6600; background: transparent; text-decoration: none; }
a:active { color: #ff6600; background: transparent; text-decoration: none; }

.emptyP {
    color: #ff6600;
}
span.inlineButton a, span.inlineButton a:link {
    color: #FFFFFF;
    }
span.inlineButton a:visited, span.inlineButton a:hover, span.inlineButton a:focus {
    color: #FFFFFF;
   }

abbr {border-bottom: 1px dashed #CCC;}
.fliesstext {
    color: #4D4D4D;
    font-size: 0.85rem;
}
.fliesstext p {
    float: left;
    font-size: 0.80rem;
    margin: 5px 0;
    width: 100%;
}

.fliesstextDL {
    float: left;
    font-size: 0.80rem;
    margin: 5px 0 5px 8px;
    width: 100%;
}
.fliesstextDL.message {
    border-left: 2px solid #ff6600;
    box-sizing: border-box;
    padding-left: 10px;
}
section.generalSection {
    color: #333333;
    float: left;
    padding: 1em 0;
    width: 100%;
}

section.generalSection_half {
    color: #333333;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    width: 50%;
    box-sizing: border-box;
}


#finderSelect section.generalSection_half {
    padding: 0 0 1em;
    width: 50%;
    margin: 0;
    box-sizing: border-box;
}

p.taskSearch {
    float: left;
}
p.taskSearch select {
    float: left;
    margin: 0 8px;
    width: auto;
}

#changePwForm section.generalSection {
    background: none;
    border: 1px solid #D6D6D6;
    box-shadow: 1.5px 1.5px 2px #AAAAAA;
}
#changePwForm section.generalSection {
    padding: 0;
}
section.generalSection hr {
    background-color: #000066;
    color: #000066;
    display: block;
    float: left;
    height: 0.05em;
    margin: 0;
    opacity: 0.6;
    width: 100%;
}
section.generalSection hr:first-child {
    display: none;
}

div.zoneButtonContainer {
    float: right;
    margin: 10px 0;
    padding: 0;
    text-align: right;
}

.k-panel, .collapsible-section {
    background: none;
    border: 1px solid #D6D6D6;
    box-shadow: 1.5px 1.5px 2px #AAAAAA;
    color: #333333;
}

.generalSection.collapsible-section {
    margin-bottom: 20px;
    padding: 0;
}

.k-panel .content {
    border: medium none;
    background: #f7f7f7 none repeat scroll 0 0;
}
.k-panel .content > .content:first-child {
    border: none;
}
.k-panel .control {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.3em;
    text-shadow: 0 0 0;
}
div.collapsible-header {
   padding-left: 8px; cursor: pointer;
   margin: 0;
}
h4.collapsible-header {
   margin: 0;
}
div.content.state-block {
	display:block
}	
div.content.state-none {
	display:none
}
.k-panel h4.control {
    background: url(../../img/img_ing_nl/plus_panel.png) no-repeat scroll 10px center / auto 13px transparent;
    border-bottom: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #000066;
}

.k-panel h4.control.ui-state-default, h4.collapsible-header.state-none {
    background: url(../../img/img_ing_nl/plus_panel.png) no-repeat scroll 10px center / auto 13px transparent;
    border-bottom: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #000066;
}
.k-panel h4.control.ui-state-active, h4.collapsible-header.state-block {
    background: transparent url("../../img/img_ing_nl/minus_panel.png") no-repeat scroll 10px center / auto 3px;
    border-bottom: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #ff6600;
}
.k-panel h4.control.ui-state-hover, h4.collapsible-header:hover {
    background: transparent url("../../img/img_ing_nl/minus_panel.png") no-repeat scroll 10px center / auto 3px;
    border-bottom: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #ff6600;
}
.k-panel .ui-state-active, .k-panel .ui-state-hover, .k-panel .ui-state-focus {
    background: transparent url("../../img/img_ing_nl/minus_panel.png") no-repeat scroll 10px center / auto 3px;
    border-bottom: medium none;
    box-shadow: none;
    color: #ff6600;
}

.k-panel h4.control a, .k-panel h4.control a:link, .k-panel h4.control a:visited {
    background: none;
    color: #000066;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: normal;
    vertical-align: top;
}
.k-panel h4.control a:hover, .k-panel h4.control a:focus, .k-panel h4.control a:active {
    background: none;
    color: #ff6600;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: normal;
    vertical-align: top;
}


.k-panel h4.control.ui-state-default a, .k-panel h4.control.ui-state-default a:link, .k-panel h4.control.ui-state-default a:visited, h4.collapsible-header.state-none {
    color: #000066;
}
.k-panel h4.control.ui-state-hover a, .k-panel h4.control.ui-state-hover a:link, .k-panel h4.control.ui-state-hover a:visited {
    color: #ff6600;
}
.k-panel h4.control.ui-state-hover a:hover {
    color: #ff6600;
}
.k-panel h4.control.ui-state-active a, .k-panel h4.control.ui-state-active a:link, .k-panel h4.control.ui-state-active a:visited, h4.collapsible-header.state-block {
    color: #ff6600;
}

/* ------------------------------------------------------------- special header formate */

#logo_ips {
    color: #000066;
}
/* ------------------------------------------------------------- for Browsers /IE9 */

#logo_awl {
    background: transparent url(../../img/logos/logos_ing_nl/logo-IngNL.png) no-repeat scroll left top / 68% auto;
}

p.username {
    display: inline;
    float: none;
    padding-right: 20px;
    width: auto;
}
p.logoutLink {
 border-radius: 3px;
    display: inline;
    float: none;
    position: relative;
    top: 3px;
}
.like_label {
    color: #333;
}

#logoutLink a.logout, #logoutLink a.logout:link {
    background: #ff6600 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 5px center;
    border-radius: 3px;
    box-shadow: none;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.65em;
    line-height: 1.2em;
    margin: 0 0 0 3px;
    padding: 5px 18px 5px 10px;
    text-decoration: none;
    vertical-align: top;
    width: auto;
}

#logoutLink a.logout:focus, #logoutLink a.logout:hover {
    background: #e05a00 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 5px center;
    border-radius: 3px;
    box-shadow: none;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.65em;
    line-height: 1.2em;
    margin: 0 0 0 3px;
    padding: 5px 18px 5px 10px;
    text-decoration: none;
    vertical-align: top;
    width: auto;
}

a.logo, a.logo:link {
    float: left;
    height: 4em;
    padding: 0;
    width: 300px;
}

/* ------------------------- !Forms Values --------------------------------- */
form p {
    margin: 3px 0;
}
label {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
  }

/* -- single Password Container --- */
p.containerPassword {
    float: left;
    width: 100%;
}
p.containerPassword label {
    width: auto;
}
p.containerPassword input.k-required {
    width: 20%;
}
p.containerPassword input.dummyHide[type="text"] {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    color: transparent;
    border: none;
    background-color: transparent;
}

div.passwordDiv{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
div.password-content {
    background-color: #fefefe;
    border: 1px solid #888;
    float: left;
    margin: 15% 40%;
    padding: 20px;
    width: 20%;
}
input.password-input{
    width: 0;
    height: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    color: transparent;
}
.modalPassword {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.modalPassword > label {
    line-height: 1.83em;
    width: auto;
}

.modalPassword input#passwordString {
    background: #fff url("../../img/k-theme0/bg_required.png") no-repeat scroll 0.2em 0.4em;
    height: 1.83em;
    line-height: 1.83em;
    margin: 0 5% 0 0;
    padding-bottom: 0;
    vertical-align: top;
    width: 42%;
    padding-left: 15px;
}

/* ----------------------------------------------------- End of single Password Container --- */

.trenner {
    background: url(../../img/1_trenner.gif) repeat-x scroll 5px 9px transparent;
    border: medium none;
}
.trenner_third {
    background: url(../../img/1_trenner.gif) repeat-x scroll 5px 9px transparent;
    border: medium none;
}

.trenner_small {
    background: none;
    border: medium none;
}

input.iconLike {
    background-color: transparent;
    border: medium none;
}

span.fileuploadFake span.reset {
    background: none;
}

input[type="file"] {
    background: none transparent;
    border: 1px outset #aaaaaa;
    border-radius: 4px;
    color: #000066;
    box-shadow: -1px -2px 5px #ccc inset, 0.03em 0.03em #bbb;
}
input[type="file"]:focus {background-color: #D3DEEB; border-left: medium none;}
input[type="file"].k-required {
    width: auto;
    background: #FFF url(../../img/k-theme0/bg_required.png) 0.2em 0.5em no-repeat;
}

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


fieldset {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #000000;
}
fieldset#checkpointFieldset {
    display: inline;
    float: none;
    font-size: 0.8em;
    font-weight: normal;
    vertical-align: top;
    margin-bottom: 15px;
}
fieldset#checkpointFieldset > p {
    color: #000;
    display: table;
    float: none;
    font-size: 0.8rem;
    margin: 0;
    padding: 0 0 0 5px;
    width: auto;
}
legend {
    background: none repeat scroll 0 0 transparent !important;
    color: #517CAC;
}
label em {color: #F00; background: transparent;}


/* General inputs */


input {
    background: #FFFFFF;
    border: 1px solid #999999;
    color: #333333;
}

input[type=checkbox], input[type=radio] {
    background: #FFF;
    border: none;
}

input:focus, select:focus, textarea:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    color: #333333;
}
input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none;
}

input[type=text]:disabled, input[type=text]:disabled:hover {
    color: #000;
    background: #CCC;
    border-color: #CCC;
}

select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #919FB3;
    color: #333333;
}
textarea {
    background-color: #FFFFFF;
    border: 1px solid #555555;
    color: #555555;
    border: 1px inset #999999;
    border-radius: 3px;
    font-size: 0.75rem;
    min-height: 100px;
    padding: 2px;
    width: 90%;
}

dl.fullSize textarea {
    padding: 0.5%;
    width: 98%;
    font-size: 0.9rem;
}
dl.fullSize textarea.k-required {
    padding:0.5% 0.5% 0.5% 15px;
    width: 98%;
    font-size: 0.9rem;
}

fieldset input[type=text] {
 border-radius: 0;
    width: 96%;
}
input[type=text], input[type=password] {
 border-radius: 0;
    box-sizing: border-box;
    width: 100%;
}
fieldset#checkpointFieldset > input {
    clear: none;
    display: block;
    float: left;
    margin: 1px 8px 0 0;
    padding: 0;
}

/* ------------------------- !Table Values --------------------------------- */
table {border:0 none; color: #000066; background: #FFF; margin-bottom: 20px;}

caption {
    background-color: transparent;
    border: 1px dotted #000066 !important;
    color: #000066 !important;
 }

th {
    color: #000066;
    background: #000066;
    border-top: 1px solid #FFF;
    border-bottom: 2px solid #c0c0c0;
}

th a, th a:link, th a:visited {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
    color: #000066 !important;
}

th a:hover {
    color:#000066;
}
th[data-grid-column-sort] a {
    background: none !important;
	width: auto;
	padding: 0 !important;
	margin: 0;
}

th[data-grid-column-sort] a img {
    vertical-align: bottom;
    padding-left: 2px;
    width: auto;
    height: 15px;
}

#reportDesignSearchResult th[data-grid-property="creationDate"] a img, 
#reportDesignSearchResult th[data-grid-property="lastModified"] a img {
  vertical-align: bottom;
  padding-left: 2px;
  width: auto;
  height: 15px;
}

#reportDesignSearchResult th[data-grid-property="action"] a img, 
#reportDesignSearchResult th[data-grid-property="allowedFrequencies"] a img {
  display: none;
}

th a.descending, th a:link.descending, th a:visited.descending {
    background: url(../../img/k-theme0/sort_desc.png) no-repeat scroll right -5px transparent;
}
th a.ascending, th a:link.ascending, th a:visited.ascending {
    background: url(../../img/k-theme0/sort_asc.png) no-repeat scroll right 2px transparent;
}
div tr th.action {
    background:none repeat scroll 0 0 transparent;
    border: none;
    color: #000066;
}
table tr th a {
    color: #000066;
}
table thead tr th {
    background: none repeat scroll 0 0 #E7E7E7 !important;
    border-bottom: 1px solid #CCCCCC !important;
    border-right: 1px solid #CCCCCC !important;
    border-top: 3px solid #ff6600 !important;
    color: #000066;
}
table thead tr th:hover {
    color: #000066;
}
TABLE.t-data-table TH {
    color: #000066 !important;
}
table.t-data-grid thead tr th {
    font-size: 0.7rem;
    font-weight: bold;
    padding: 3px 18px 3px 13px !important;
    text-align: center !important;
    text-decoration: none;
    text-transform: none;
    white-space: normal !important;
    position: relative;
	line-height: 20px;
}

table.t-data-grid tr th A {
    color: #000066 !important;
    font-size: 0.70rem !important;
    text-align: center !important;
    vertical-align: middle;
}
table.t-data-grid th img {
    position: absolute;
}


td {
    border-bottom:1px solid #CCCCCC !important;
    border-right:1px solid #CCCCCC !important;
    color: #000000;
}

tr:nth-child(even) {color: #000066; background: #eeeeee;}

tr:hover {
    background-color: #fff;
    color: #515299;
}
tr:hover td {
    color: #515299;
}
table tbody tr td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

ul.k-actions a, ul.k-actions a:link, ul.k-actions a:visited {
    border: 1px solid #FFFFFF;
    border-radius: 0;
    color: #000000;
    background-color: #000066;
    box-shadow: none;
}
ul.k-actions a.bt-view {
    background: url(../../img/img_ing_nl/bt_details.png) no-repeat scroll 0 0 #000066;
}

td a.inlineBt, td a.inlineBt:link, td a.inlineBt:visited {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: rgba(0,0,0,0);
    cursor: pointer;
}
td a.inlineBt:hover, td a.inlineBt:focus, td a.inlineBt:active  {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: rgba(0,0,0,0);
    cursor: pointer;
}

/* ------------  PAN  ---------  */
.authID {
    float: left;
    font-size: 100%;
    margin-right: 5px;
}

a.authentID, a.authentID:link, a.authentID:visited, a.authentID:hover, a.authentID:active, a.authentID:focus {
    padding: 0;
}

a.inlineButtonHideID, a.inlineButtonHideID:link, a.inlineButtonHideID:visited {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: rgba(0,0,0,0);
    cursor: pointer;
    float: left;
    padding: 0;
}
a.inlineButtonHideID img, .inlineButtonHideID img {
    vertical-align: top;
    visibility: hidden;
}
a.inlineButtonHideID, a.inlineButtonHideID:link, a.inlineButtonHideID:visited, a.inlineButtonHideID:focus, a.inlineButtonHideID:active {
    background: url(../../img/img_ing_nl/bt_block.png) no-repeat scroll 0 0 / 100% 100%;
}

a.inlineButtonHideID:hover {
    background: url(../../img/img_ing_nl/bt_block_OR.png) no-repeat scroll 0 0 / 100% 100%;
}

a.inlineButtonShowID, a.inlineButtonShowID:link, a.inlineButtonShowID:visited {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: rgba(0,0,0,0);
    cursor: pointer;
    float: left;
    padding: 0;
}
a.inlineButtonShowID img, .inlineButtonShowID img {
    vertical-align: top;
    visibility: hidden;
}
a.inlineButtonShowID, a.inlineButtonShowID:link, a.inlineButtonShowID:visited, a.inlineButtonShowID:focus, a.inlineButtonShowID:active {
    background: url(../../img/img_ing_nl/bt_unblock.png) no-repeat scroll 0 0 / 100% 100%;
}

a.inlineButtonShowID:hover {
    background: url(../../img/img_ing_nl/bt_unblock_OR.png) no-repeat scroll 0 0 / 100% 100%;
}

a.inlineBt.home, a.inlineBt.home:link, a.inlineBt.home:visited, a.inlineBt.home:focus, a.inlineBt.home:active {
    background: transparent url(../../img/img_ing_nl/bt_home.png) no-repeat scroll 0 0 / auto 22px;
    padding: 0;
}
a.inlineBt.home:hover {
    background: transparent url(../../img/img_ing_nl/bt_home_OR.png) no-repeat scroll 0 0 / auto 22px;
    padding: 0;
}

td a.inlineBt.unsubscribe, td a.inlineBt.unsubscribe:link, td a.inlineBt.unsubscribe:visited {
    background: url(../../img/img_ing_nl/bt_unsubscribe.png) no-repeat scroll 0 center  / auto 18px transparent;
}
td a.inlineBt.unsubscribe:hover {
    background: url(../../img/img_ing_nl/bt_unsubscribe_OR.png) no-repeat scroll 0 center  / auto 18px transparent;
}

td a.inlineBt img, td a.inlineBt:link img, td a.inlineBt:visited img{
    float: left;
    height: 100%;
    padding: 2px 0 1px;
    visibility: hidden;
}
td a.inlineBt:hover img, td a.inlineBt:focus img, td a.inlineBt:active img {
    float: left;
    height: 100%;
    padding: 2px 0 1px;
    visibility: hidden;
}

td.action a, td.action a:link, td.action a:visited, td.action a:focus, td.action a:active {
    float: left;
    height: 23px;
    margin: 0 1px;
    padding: 0 0 1px;
}
td.action a:hover {
    float: left;
    height: 23px;
    margin: 0 1px;
    padding: 0 0 1px;
}

td input.inlineBt.delete[type="checkbox"] {
    float: left;
    margin: 5px 1px 0;
    padding: 0;
    vertical-align: 0;
}

td a.details, td a.details:link, td a.details:visited {
    background: url(../../img/img_ing_nl/bt_details.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.details:hover, td a.details:focus, td a.details:active {
    background: url(../../img/img_ing_nl/bt_details_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.contacts, td a.contacts:link, td a.contacts:visited {
    background: url(../../img/img_ing_nl/bt_contact.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.contacts:hover, td a.contacts:focus, td a.contacts:active {
    background: url(../../img/img_ing_nl/bt_contact_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.refresh, td a.refresh:link, td a.refresh:visited {
    background: url(../../img/img_ing_nl/bt_refresh.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.refresh:hover, td a.refresh:focus, td a.refresh:active {
    background: url(../../img/img_ing_nl/bt_refresh_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.history, td a.history:link, td a.history:visited {
    background: url(../../img/img_ing_nl/bt_history.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.history:hover, td a.history:focus, td a.history:active {
    background: url(../../img/img_ing_nl/bt_history_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.specificdetails, td a.specificdetails:link, td a.specificdetails:visited {
    background: url(../../img/img_ing_nl/bt_details_spezial.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.specificdetails:hover, td a.specificdetails:focus, td a.specificdetails:active {
    background: url(../../img/img_ing_nl/bt_details_spezial_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.integrationfiles, td a.integrationfiles:link, td a.integrationfiles:visited {
    background: url(../../img/img_ing/bt_api_download.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.integrationfiles:hover, td a.integrationfiles:focus, td a.integrationfiles:active {
    background: url(../../img/img_ing/bt_api_download_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.displayCertificate, td a.displayCertificate:link, td a.displayCertificate:visited {
    background: url(../../img/img_ing_nl/bt_details.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.displayCertificate:hover, td a.displayCertificate:focus, td a.displayCertificate:active {
    background: url(../../img/img_ing_nl/bt_details_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.displayContactDetail, td a.displayContactDetail:link, td a.displayContactDetail:visited {
    background: url(../../img/img_ing_nl/bt_details.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.displayContactDetail:hover, td a.displayContactDetail:focus, td a.displayContactDetail:active {
    background: url(../../img/img_ing_nl/bt_details_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.details, td a.inlineBt.details:link, td a.inlineBt.details:visited {
    background: url(../../img/img_ing_nl/bt_details.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.details:hover, td a.inlineBt.details:focus, td a.inlineBt.details:active {
    background: url(../../img/img_ing_nl/bt_details_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

a.inlineBt.details, a.inlineBt.details:link, a.inlineBt.details:visited {
    background: url(../../img/img_ing_nl/bt_details.png) no-repeat scroll 0 center / auto 18px transparent;
    color: transparent;
}

a.inlineBt.details:hover, a.inlineBt.details:focus, a.inlineBt.details:active {
    background: url(../../img/img_ing_nl/bt_details_OR.png) no-repeat scroll 0 center / auto 18px transparent;
     color: transparent;
}

td a.remove, td a.remove:link, td a.remove:visited {
    background: url(../../img/img_ing_nl/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.remove:hover, td a.remove:focus, td a.remove:active {
    background: url(../../img/img_ing_nl/bt_remove_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.remove, td a.inlineBt.remove:link, td a.inlineBt.remove:visited {
    background: url(../../img/img_ing_nl/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.remove:hover, td a.inlineBt.remove:focus, td a.inlineBt.remove:active {
    background: url(../../img/img_ing_nl/bt_remove_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.contactRemove, td a.inlineBt.contactRemove:link, td a.inlineBt.contactRemove:visited {
    background: url(../../img/img_ing_nl/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.contactRemove:hover, td a.inlineBt.contactRemove:focus, td a.inlineBt.contactRemovee:active {
    background: url(../../img/img_ing_nl/bt_remove_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.certificates, td a.certificates:link, td a.certificates:visited {
    background: url(../../img/img_ing_nl/bt_certificate.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.certificates:hover, td a.certificates:focus, td a.certificates:active {
    background: url(../../img/img_ing_nl/bt_certificate_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.exportCsv, td a.exportCsv:link, td a.exportCsv:visited {
    background: url(../../img/img_ing_nl/bt_csv_export.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.exportCsv:hover, td a.exportCsv:focus, td a.exportCsv:active {
    background: url(../../img/img_ing_nl/bt_csv_export_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.exportXml, td a.exportXml:link, td a.exportXml:visited {
    background: url(../../img/img_ing_nl/bt_xml_export.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.exportXml:hover, td a.exportXml:focus, td a.exportXml:active {
    background: url(../../img/img_ing_nl/bt_xml_export_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.printBt, td a.inlineBt.printBt:link, td a.inlineBt.printBt:visited {
    background: url(../../img/img_ing_nl/bt_print.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.printBt:hover, td a.inlineBt.printBt:focus, td a.inlineBt.printBt:active {
    background: url(../../img/img_ing_nl/bt_print_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userDeleteBtnClass, td a.inlineBt.userDeleteBtnClass:link, td a.inlineBt.userDeleteBtnClass:visited {
    background: url(../../img/img_ing_nl/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userDeleteBtnClass:hover, td a.inlineBt.userDeleteBtnClass:focus, td a.inlineBt.userDeleteBtnClass:active {
    background: url(../../img/img_ing_nl/bt_remove_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userResetPwBtnClass, td a.inlineBt.userResetPwBtnClass:link, td a.inlineBt.userResetPwBtnClass:visited {
    background: url(../../img/img_ing_nl/bt_resetPw.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userResetPwBtnClass:hover, td a.inlineBt.userResetPwBtnClass:focus, td a.inlineBt.userResetPwBtnClass:active {
    background: url(../../img/img_ing_nl/bt_resetPw_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userBlockBtnClass, td a.inlineBt.userBlockBtnClass:link, td a.inlineBt.userBlockBtnClass:visited {
    background: url(../../img/img_ing_nl/bt_block.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userBlockBtnClass:hover, td a.inlineBt.userBlockBtnClass:focus, td a.inlineBt.userBlockBtnClass:active {
    background: url(../../img/img_ing_nl/bt_block_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userUnblockBtnClass, td a.inlineBt.userUnblockBtnClass:link, td a.inlineBt.userUnblockBtnClass:visited {
    background: url(../../img/img_ing_nl/bt_unblock.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.userUnblockBtnClass:hover, td a.inlineBt.userUnblockBtnClass:focus, td a.inlineBt.userUnblockBtnClass:active {
    background: url(../../img/img_ing_nl/bt_unblock_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.download, td a.inlineBt.download:link, td a.inlineBt.download:visited {
    background: url(../../img/img_ing_nl/bt_download.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.download:hover, td a.inlineBt.download:focus, td a.inlineBt.download:active {
    background: url(../../img/img_ing_nl/bt_download_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.downloadPain01, td a.inlineBt.downloadPain01:link, td a.inlineBt.downloadPain01:visited {
    background: url(../../img/img_ing_nl/bt_download.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.downloadPain01:focus, td a.inlineBt.downloadPain01:hover, td a.inlineBt.downloadPain01:active {
    background: url(../../img/img_ing_nl/bt_download_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.block, td a.inlineBt.block:link, td a.inlineBt.block:visited {
    background: url(../../img/img_ing_nl/bt_block.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.block:hover, td a.inlineBt.block:focus, td a.inlineBt.block:active {
    background: url(../../img/img_ing_nl/bt_block_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.unblock, td a.inlineBt.unblock:link, td a.inlineBt.unblock:visited {
    background: url(../../img/img_ing_nl/bt_unblock.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.unblock:hover, td a.inlineBt.unblock:focus, td a.inlineBt.unblock:active {
    background: url(../../img/img_ing_nl/bt_unblock_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.pause, td a.inlineBt.pause:link, td a.inlineBt.pause:visited {
    background: url(../../img/img_ing_nl/bt_pause.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.pause:hover, td a.inlineBt.pause:focus, td a.inlineBt.pause:active {
    background: url(../../img/img_ing_nl/bt_pause_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.activate, td a.inlineBt.activate:link, td a.inlineBt.activate:visited {
    background: url(../../img/img_ing_nl/bt_activate.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.activate:hover, td a.inlineBt.activate:focus, td a.inlineBt.activate:active {
    background: url(../../img/img_ing_nl/bt_activate_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.reset, td a.inlineBt.reset:link, td a.inlineBt.reset:visited {
    background: url(../../img/img_ing_nl/bt_reset.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.reset:hover, td a.inlineBt.reset:focus, td a.inlineBt.reset:active {
    background: url(../../img/img_ing_nl/bt_reset_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.taskDetails, td a.inlineBt.taskDetails:link, td a.inlineBt.taskDetails:visited {
    background: url(../../img/img_ing_nl/bt_taskdetails.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.taskDetails:hover, td a.inlineBt.taskDetails:focus, td a.inlineBt.taskDetails:active {
    background: url(../../img/img_ing_nl/bt_taskdetails_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.diagrammDetails, td a.inlineBt.diagrammDetails:link, td a.inlineBt.diagrammDetails:visited {
    background: url(../../img/img_ing_nl/bt_diagramm.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.diagrammDetails:hover, td a.inlineBt.diagrammDetails:focus, td a.inlineBt.diagrammDetails:active {
    background: url(../../img/img_ing_nl/bt_diagramm_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.claimDetails, td a.inlineBt.claimDetails:link, td a.inlineBt.claimDetails:visited {
    background: url(../../img/img_ing_nl/bt_claim.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.claimDetails:hover, td a.inlineBt.claimDetails:focus, td a.inlineBt.claimDetails:active {
    background: url(../../img/img_ing_nl/bt_claim_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}

td a.inlineBt.validate, td a.inlineBt.validate:link, td a.inlineBt.validate:visited {
    background: url(../../img/img_ing_nl/bt_validieren.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.validate:hover, td a.inlineBt.validate:focus, td a.inlineBt.validate:active {
    background: url(../../img/img_ing_nl/bt_validieren_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.edit, td a.inlineBt.edit:link, td a.inlineBt.edit:visited {
    background: url(../../img/img_ing_nl/bt_edit.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.edit:hover, td a.inlineBt.edit:focus, td a.inlineBt.edit:active {
    background: url(../../img/img_ing_nl/bt_edit_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.delete, td a.inlineBt.delete:link, td a.inlineBt.delete:visited {
    background: url(../../img/img_ing_nl/bt_remove.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.delete:hover, td a.inlineBt.delete:focus, td a.inlineBt.delete:active {
    background: url(../../img/img_ing_nl/bt_remove_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.deleteRed, td a.inlineBt.deleteRed:link, td a.inlineBt.deleteRed:visited {
    background: url(../../img/img_ing_nl/bt_delete_red.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.deleteRed:hover, td a.inlineBt.deleteRed:focus, td a.inlineBt.deleteRed:active {
    background: url(../../img/img_ing_nl/bt_delete_red_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.communications, td a.inlineBt.communications:link, td a.inlineBt.communications:visited {
    background: url(../../img/img_ing_nl/bt_messages.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.communications:hover, td a.inlineBt.communications:focus, td a.inlineBt.communications:active {
    background: url(../../img/img_ing_nl/bt_messages_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.generate, td a.inlineBt.generate:link, td a.inlineBt.generate:visited {
    background: url(../../img/img_ing_nl/bt_generate_file.png) no-repeat scroll 0 center / auto 18px transparent;
}
td a.inlineBt.generate:hover, td a.inlineBt.generate:focus, td a.inlineBt.generate:active {
    background: url(../../img/img_ing_nl/bt_generate_file_OR.png) no-repeat scroll 0 center / auto 18px transparent;
}
/*  no Permission to see action link */
td a.inlineBtInactive {
    display: none;
}
/*  Button is display but not clickable */
td a.inlineBt.inactiveBtn  img{
	visibility: visible;
}
td a.inlineBt.inactiveBtn,
td a.inlineBt.inactiveBtn:link,
td a.inlineBt.inactiveBtn:visited,
td a.inlineBt.inactiveBtn:focus,
td a.inlineBt.inactiveBtn:hover,
td a.inlineBt.inactiveBtn:active {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: default;
	 height: 19px;
    pointer-events: none;
}
section TABLE.t-data-grid {
    border-left: none;
    border-right: none;
}
section TABLE.t-data-table tr th { border-left: none; border-right: 1px solid #C0C0C0;}
section TABLE.t-data-table tr th + th { border-left: 1px solid #C0C0C0;}
section TABLE.t-data-table tr TD { border-left: none; border-right: 1px solid #C0C0C0;}
section TABLE.t-data-table tr TD + td { border-left: 1px solid #C0C0C0;}

/*  List */

/* highlighted row of selected result in result list */

tr.selectedResultRowClass td {
	background-color: #ff6f0f;
	color: #fff;
}

/* ------------------------- !Navigation Values --------------------------------- */

nav, #navbar {
    background: none;
}

#ul_main_navigation {
    background: #ff6600 none repeat scroll 0 0;
    border: 1px solid #ff6600;
    border-radius: 4px 4px 0 0;
/*     -moz-box-shadow: 0 2px 2px -2px #888;
    -webkit-box-shadow: 0 2px 2px -2px #888;
    box-shadow: 0 2px 2px -2px #888; */
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 34px;
    width: 100%;
}
#ul_main_navigation li {
    /* border-left: 1px solid #888; */
    border-right: 1px solid #fff;
    color: #fff;
}
#ul_main_navigation li:hover, #ul_main_navigation li:focus, #ul_main_navigation li:active {
    background: none;
    color: #fff;
}

#ul_main_navigation a, #ul_main_navigation a:link, #ul_main_navigation a:visited {
    background-color: transparent;
    color: #fff;
}

#ul_main_navigation a:hover, #ul_main_navigation a:focus, #ul_main_navigation a:active {
    background-color: transparent;
    color: #fff;
	text-decoration: underline;
}

#ul_main_navigation li.tabOn {
    background: none repeat scroll 0 0 #fff;
    color: #ff6600;
    border-left-color: #fff;
    border-right-color: #fff;
}
#ul_main_navigation li.tabOn a, #ul_main_navigation li.tabOn a:link, #ul_main_navigation li.tabOn a:visited {
    color: #ff6600;
    background-color: transparent;
}
#ul_main_navigation li#tabOn {
    background: none repeat scroll 0 0 #fff;
    color: #ff6600;
    border-left-color: #fff;
    border-right-color: #fff;
}

li.firstNavPoint {
 border-radius: 4px 0 0;
}

#ul_main_navigation li#tabOn a, #ul_main_navigation li#tabOn a:link, #ul_main_navigation li#tabOn a:visited {
    color: #ff6600;
    background-color: transparent;
}
#main_navigation.translationKeysShown #ul_main_navigation li#tabOn::before {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ffffff;
    border-style: solid;
    border-width: 34px 4px 0 0;
    content: "";
    float: left;
    height: 0;
    left: -4px;
    position: relative;
    width: 0;
}
/* ------------------------- !Tabbar Sub-Navigation --------------------------------- */

/* TABS */
#sub_navigation {
    background-color: transparent;
}
#sub_navigation ul.tabs {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ff6600;
    border-color: -moz-use-text-color #ff6600 #ff6600;
    border-top: none;

}
#sub_navigation ul.tabs li {
    background: none;
    color: #aba195;
}
#sub_navigation ul.tabs li:hover {
    background: none;
    color: #aba195;
}


/* non-current tabs*/

#sub_navigation ul.tabs li a, #sub_navigation ul.tabs li a:link, #sub_navigation ul.tabs li a:visited {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-right: 1px solid #4d4d4d;
    color: #4d4d4d;
}
#sub_navigation ul.tabs li a:hover, #sub_navigation ul.tabs li a:focus  {
    text-decoration: underline;
}

#sub_navigation ul.tabs li a:active {
    background: none;
    color: #ff6600;
}
/* current tabs */
#sub_navigation ul.tabs li.tabOn {
    background: none;
    border: medium none;
    color: #ff6600;
}
#sub_navigation ul.tabs li.firstTabOn {
    background: none;
    border: medium none;
    color: #ff6600;
}
#sub_navigation ul.tabs li.firstTabOn:hover {
    background: none;
    border: medium none;
    color: #ff6600;
}
#sub_navigation strong {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-right: 1px solid #4d4d4d;
    color: #ff6600;
}

#sub_navigation strong:hover {
    text-decoration: none;
}

#sub_navigation ul.tabs li.tabOn a, #sub_navigation ul.tabs li.tabOn a:link, #sub_navigation ul.tabs li.tabOn a:visited {
    background: none;
    border: medium none;
    color: #ff6600;
}
#sub_navigation ul.tabs li.tabOn a:hover, #sub_navigation ul.tabs li.tabOn a:focus, #sub_navigation ul.tabs li.tabOn a:active {
    background: none;
    border: medium none;
    color: #ff6600;
}

/* ---------------------    Navi - Bar       ----------------------  */

.navi li.exprtbt {
    background: url(../../img/img_ing_nl/bt_export.png) no-repeat scroll 0 center / auto 18px transparent;
}

.navi li.printbt {
    background: url(../../img/img_ing_nl/bt_print.png) no-repeat scroll 0 center / auto 18px transparent;
}

.navi li.edit {
    background: url(../../img/img_ing_nl/bt_edit.png) no-repeat scroll 0 center / auto 18px transparent;
}

.navi li.exprtbtXML {
    background: url(../../img/img_ing_nl/bt_xml_export.png) no-repeat scroll 0 center / auto 18px transparent;
}

.navi_panel a, .navi_panel a:visited {
    border: 0 none;
    vertical-align: -4px;
    color: #000066;
    text-transform: uppercase;
}
.navi_panel a:hover {
    border: 0 none;
    vertical-align: -4px;
    color: #000066;
    text-transform: uppercase;
}
.navi a, .navi a:visited {
    border: 0 none;
    vertical-align: -4px;
    color: #000066;
    text-transform: uppercase;
}
.navi a:hover {
    border: 0 none;
    vertical-align: -4px;
    color: #000066;
    text-transform: uppercase;
}
#navi_content a.onlyOne,#navi_content a.onlyOne:visited {
    border: 0 none;
    vertical-align: -4px;
    color: #000066;
    text-transform: uppercase;
}
#navi_content a.onlyOne:hover {
    border: 0 none;
    vertical-align: -4px;
    color: #000066;
    text-transform: uppercase;
}

.navi_panel.navi.right_area_PrintExport li a {
    font-size: 0.75rem;
    vertical-align: -9px;
}

.navi a.bgmore_downld, .navi.bgmore_downld:link, .navi.downld_print:visited {
	background: transparent url(../../img/img_ing_nl/bt_download.png) no-repeat scroll 0 0;
}
.navi a.bgmore_downld:hover, .navi.bgmore_downld:focus, .navi.bgmore_downld:active {
	background: transparent url(../../img/img_ing_nl/bt_download_OR.png) no-repeat scroll 0 0;
}

.navi a.btConfig, .navi.btConfig:link, .navi.btConfig:visited {
	background: transparent url(../../img/img_ing_nl/config.png) no-repeat scroll 0 0;
}
.navi a.btConfig:hover, .navi.btConfig:focus, .navi.btConfig:active {
	background: transparent url(../../img/img_ing_nl/config.png) no-repeat scroll 0 0;
}

.navi a.bgButtonPrint, .navi.bgButtonPrint:link, .navi.bgButtonPrint:visited {
	background: transparent url(../../img/img_ing_nl/bt_print.png) no-repeat scroll 0 0;
}
.navi a.bgButtonPrint:hover, .navi.bgButtonPrint:focus, .navi.bgButtonPrint:active {
	background: transparent url(../../img/img_ing_nl/bt_print_OR.png) no-repeat scroll 0 0;
}


.navi ul ul li.btExport_list_csv {
    background: #FFFFFF url(../../img/img_ing_nl/bt_csv_export.png) no-repeat scroll 0 center / auto 18px;
}

.navi ul ul li.btExport_list_xml {
    background: #FFFFFF url(../../img/img_ing_nl/bt_xml_export.png) no-repeat scroll 0 center / auto 18px;
}

.navi ul ul li.btExport_list_csv:hover {
    background: #FFFFFF url(../../img/img_ing_nl/bt_csv_export_OR.png) no-repeat scroll 0 center / auto 18px;
}

.navi ul ul li.btExport_list_xml:hover {
    background: #FFFFFF url(../../img/img_ing_nl/bt_xml_export_OR.png) no-repeat scroll 0 center / auto 18px;
}

.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_ing_nl/bt_csv_export.png) no-repeat scroll 0 center / auto 18px;;
}

.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_ing_nl/bt_xml_export.png) no-repeat scroll 0 center / auto 18px;;
}

.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_ing_nl/bt_print.png) no-repeat scroll 0 center / auto 18px;;
}

a.attachment_export { /*ersatz für more bgmore*/
    background: transparent url("../../img/bt_export_list.gif") no-repeat scroll 0 center / contain ;
    color: #0066a1;
    padding-left: 19px;
}
/* --------------------------------------------------------------------------- */
/* ------------------------------ TABLE SPECIFICS ---------------------------- */
/* --------------------------------------------------------------------------- */

/* ------------------------------------------------------------- DYNAMIC TABLES */
/* CB/ dynamicTables */



/* Data table lines */

    div.dataTables_length label {
        font-size: 0.75em;
        font-weight: normal;
        width: auto;
        white-space: nowrap;
        padding: 0;
    }

    div.dataTables_length select {
        font-size: 0.95em;
        height: 18px;
        line-height: 18px;
        margin-right: 5px;
        padding: 0 0 0 3px;
        vertical-align: top;
        width: auto;
    }

/* Data table filter */
div.dataTables_filter {}
    div.dataTables_filter label {
        float: right;
        font-size: 0.75em;
        font-weight: normal;
        text-align: right;
        width: 45%;
    }

/* Data table info */
div.dataTables_info {
    position: absolute;
    width: 30%;
    top: 7px;
    left: 28%;
    font-size: 0.7em;
    text-align: center;
}

/* Dynamic pagination */
div.dataTables_paginate {float: right; width: auto; font-size: 0.7em;}

    div.dataTables_paginate span {padding: 0 1em;}
    div.dataTables_paginate .paginate_button {cursor: pointer;}
    div.dataTables_paginate .paginate_button_disabled {
        color: #999;
        cursor: default;
    }
    div.dataTables_paginate .paginate_active {
        font-weight: bold;
        color: #F60;
        cursor: default;
    }


/* CE/ dynamicTables */


/* --------------------------------------------------------------------------- */
/* ------------------------------ 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 {
    background: url("../../img/threeCols_higru.png") repeat-y scroll 0 0 transparent;

}
.to-right {
    background: url("../../img/threeCols_higru.png") repeat-y scroll 0 0 transparent;

}

/* to hide radio Button for Paymentmeans
fieldset.choiceSelect {
    margin-top: 20px;
}
*/

/* For clearly divided sub-fieldsets */
/* ------------------------------------------------------------- SUB-FIELDSETS */
/* CB/ subFieldsets */

fieldset.k-sub-group {
    padding: 10px 20px 10px;
    margin-bottom: 20px;
    border-top: 1px solid #CCC;
}
    fieldset.k-sub-group legend {
        height: 2em;
        line-height: 2em;
        text-align: left;
        color: #000;
        background: #EEE;
        padding-left: 0.4em;
        border: 1px solid #CCC;
    }
    fieldset.k-sub-group legend label {
        width: auto;
        text-align: left;
    }

/* CE/ subFieldsets */

/* ------------------------------------------------------------- CHECKBOXES */
/* CB/ checkboxes */

/* In a fieldset */

    fieldset.k-check legend {
        float: left;
        width: 15em; /* gets the same width from default lable width */
        font-size: 0.7em;
        text-align: right;
        color: #000;
        background: none;
        padding: 0.6em 1em 0 0;
    }
    fieldset.k-check label {
        float: none;
        display: inline;
        font-weight: normal;
        padding-right: 1.5em;
    }


/* Applied to paragraphs */
p.k-check {width: auto; padding-left: 16.3em;}
    p.k-check label {
        float: none;
        width: auto;
        font-weight: normal;
        text-align: left;
    }

/* Unique labels */
label.k-check {float: none; width: auto; font-weight: normal; text-align: left;}

/* List of inputs */

    ul.k-check label {
        float: none;
        width: auto;
        font-weight: normal;
        text-align: left;
    }

/* CE/ checkboxes */


/* ------------------------------------------------------------- RADIOS */
/* CB/ radios */

/* Fieldset elements for radios */
fieldset.k-radio {clear: both; padding: 0; margin: 0; border: none;}

    fieldset.k-radio legend {
        float: left;
        width: 15em; /* gets the same width from default lable width */
        font-size: 0.7em;
        text-align: right;
        color: #000;
        background: none;
        padding: 0.6em 1em 0 0;
    }
    fieldset.k-radio label {
        float: none;
        display: inline;
        font-weight: normal;
        padding-right: 1.5em;
    }


/* CE/ radios */

/* ------------------------------------------------------------- MANDATORY INFO */
/* CB/ mandatoryInfo */

p.k-mandatory {
    color: #000066;
    background: transparent;
}

p.k-mandatory + p.k-mandatory {
    display: none;
}
.k-mandatory > span {
    color: #ff0000;
    font-size: 1.1rem;
    vertical-align: -4px;
}
.k-panel #certificateCredentialDetail p.k-mandatory {
    position: relative;
    right: 10px;
}

.tabbed-list + div.content .k-mandatory {
    position: absolute;
    top: -10px;
    right: 0;
    float: right;
	width: auto;
}
/* CE/ mandatoryInfo */

/* ------------------------------------------------------------- REQUIRED FIELD */
/* CB/ requiredField */

input.k-required {
    background: #FFF url(../../img/k-theme0/bg_required.png)0.2em 0.2em no-repeat;
    border-radius: 0;
    color: #000000;
    box-sizing: border-box;
    float: left;
    padding: 0 0 2px 16px;
    width: 100%; 
} 
input[type="text"].k-required { 
    background: #FFF url(../../img/k-theme0/bg_required.png)0.2em 0.2em no-repeat;
    border-radius: 0;
    color: #000000;
    box-sizing: border-box;
    float: left;
    padding: 0 0 2px 16px;
    width: 100%; 
} 

#fileContent.k-required {
    background: transparent none repeat scroll 0 0;
    box-sizing: border-box;
    border: none;
    float: left;
    padding: 0;
    width: auto;
}
#changePwForm input.k-required {
    width: 20%;
}

input#fileContent.k-required[type="file"] {
    background: #fff url("../../img/k-theme0/bg_required.png") no-repeat scroll right 6px;
    border: medium none;
    box-sizing: border-box;
    float: left;
    padding: 0 15px 0 0;
    width: auto;
}

/* CE/ requiredField */


/* ------------------------------------------------------------- FIELD COMMENT --- */
/* CB/ fieldComment */

.tipsy {
    font-size: 0.65em;
    background-repeat: no-repeat;
    background-image: url(../../img/k-theme0/tipsy.gif);
    padding: 5px;
}
.tipsy-inner {
    max-width: 200px;
    text-align: center;
    color: #FFF;
    background-color: #000;
    padding: 5px 8px 4px 8px;
}


/* CE/ fieldComment */

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

/* --------------------------------------------------------    errorField */

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-error {
    background: #fff url(../../img/achtung_hg.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #CC0000;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-close {
    background-color: #CC0000;
    border: 1px solid #CC0000;
    border-radius: 5px;
    color: #fff;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #CC0000;
    color: #CC0000;
    font-size: 0.9rem !important;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-error div.jGrowl-message {
    background-color: #fff;
    color: #444;
}

.jGrowl-message li {
    display: list-item;
    font-size: 0.75rem;
    list-style-type: disc;
    margin-left: 10px;
}

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

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-warn {
    background: #fff url(../../img/warning_hg.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #FF7F00;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-close {
    background-color: #FF7F00;
    border: 1px solid #FF7F00;
    border-radius: 5px;
    color: #fff;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #FF7F00;
    color: #FF7F00;
    font-size: 0.9rem !important;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-warn div.jGrowl-message {
    background-color: #fff;
    color: #666;
}

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

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-success {
    background: #fff url(../../img/haken_hg_gruen.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #aea400;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-close {
    background-color: #aea400;
    border: 1px solid #aea400;
    border-radius: 5px;
    color: #fff;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #aea400;
    color: #aea400;
    font-size: 0.9rem !important;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-success div.jGrowl-message {
    background-color: #fff;
    color: #666;
}
/* --------------------------------------------------------    infoField */

.jGrowl-notification.ui-state-highlight.ui-corner-all.jgrowl-t-info {
    background: #fff url(../../img/i_hg_blau.png) no-repeat scroll 5px 5px / 60px auto;
    border: 2px solid #0066a1;
    border-radius: 5px;
    color: #fff;
    opacity: 1;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-close {
    background-color: #0066a1;
    border: 1px solid #0066a1;
    border-radius: 5px;
    color: #fff;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-header {
    background-color: #fff;
    border-bottom: 2px solid #0066a1;
    color: #0066a1;
    font-size: 0.9rem !important;
}

div.jGrowl div.jGrowl-notification.jgrowl-t-info div.jGrowl-message {
    background-color: #fff;
    color: #666;
}
/*---  Close All - Button  ---*/
div#jGrowl div.jGrowl-closer {
    background-color: #fff;
    border: 2px solid #0066a1;
    border-radius: 3px;
    color: #0066a1;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    width: auto;
}

/* ------------------------------------------------------------- Message FIELD */
/* CB/ errorField */



/* ------------------------------------     Contextual field error message */

.k-contextual-error {
    font-size: 90%;
    font-weight: bold;
    color: #C00;
    background: transparent;
    padding-left: 5px;
    vertical-align: 4px;
    float: left;
    width: 100%;
    text-align: center;
}
span.k-contextual-error:before {
    display: none;
}
span.k-contextual-error {
    display: none;
}

.tjq-error-popup {
    clear: none;
    display: none !important;
    float: right;
    font-size: 0.7rem;
    margin-left: 8px;
}

INPUT.t-error, TEXTAREA.t-error, SELECT.t-error {
    border-color: #CC0000;
    color: #000000;
    font-style: normal;
}

input.k-field-error {
    border: 1px solid #CC0000 !important;
}

IMG.t-error-icon {
    display: none !important;
}
.queuesPage tr.error, 
.queuesPage td.error,
.servicePage tr.error,
.servicePage td.error {
    background-color: #fa8072;
}
.queuesPage td.warn,
.servicePage td.warn {
    background-color: #ffff00;
}
/* CE/ errorField */

/* CE/ errorMessages */	
/* ------------------------------------------------------------- Warning MESSAGES */
/* CB/ Warning Messages */

.warningMessage { 
	color: #000066;
}

.onboardingSingnupMsg {
    color: #ff6600;
}
/* ------------------------------------------------------------- FORM BUTTONS */
/* CB/ inputButtons */
/* CB/ linkButtons */

/* Buttons bar for inputs */

.functionBarLeft {
    float: left;
}

.k-buttons-bar {
    border: medium none;
}
#changePwForm section.generalSection .k-buttons-bar {
    margin-right: 13px;
}


/* -------------- button styles ---------------- */

a.btsubmit  { 
    background: #ff6600 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #e05a00;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
}

a.btsubmit:hover, a.btsubmit:focus  { 
    background: #e05a00 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 2px center;
    border: 1px solid #e05a00;
    border-radius: 3px;
    box-shadow: 0 1px 4px 1px #ababab;
    color: #fff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 15px;
    line-height: 100%;
    margin: 0 3px 0 3px;
    padding: 3px 5px 1px;
    text-decoration: underline;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    outline: 0;
}


input[type="button"], input[type="submit"] {
	background: #ff6600 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="button"]:hover {
  	background: #e05a00 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
	box-shadow: 0 1px 4px 1px #ababab;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: underline;;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    outline: 0;
}

input[type="button"].btsubmit,
input[type="submit"].btsubmit,
input[type="button"].submit {
    background: #ff6600 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
}
input[type="button"].btsubmit:focus,
input[type="submit"].btsubmit:focus,
input[type="button"].submit:focus,
input[type="button"].btsubmit:hover,
input[type="submit"].btsubmit:hover,
input[type="button"].submit:hover {
    background: #e05a00 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
	box-shadow: 0 1px 4px 1px #ababab;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: underline;;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    outline: 0;
}

input.colorSubmit[type="button"], 
input.colorSubmit[type="submit"] {
    background: #ff6600 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
}
input.colorSubmit[type="button"]:focus,
input.colorSubmit[type="submit"]:focus,
input.colorSubmit[type="button"]:hover,
input.colorSubmit[type="submit"]:hover {
    background: #e05a00 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
	box-shadow: 0 1px 4px 1px #ababab;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: underline;;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    outline: 0;
}

input[type="button"].btcancel,
input[type="submit"].btcancel {
    background: #f6f6f6 url(../../img/img_ing_nl/sec_back_arrow.png) no-repeat scroll left 6px center;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.6em;
    margin: 0 0 0 5px;
    padding: 0 8px 0 19px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;

}
input[type="button"].btcancel:focus, 
input[type="submit"].btcancel:focus,
input[type="button"].btcancel:hover, 
input[type="submit"].btcancel:hover {
    background: #f6f6f6 url(../../img/img_ing_nl/sec_back_arrow.png) no-repeat scroll left 6px center;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 1px 4px 1px #ababab;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.6em;
    margin: 0 0 0 5px;
    padding: 0 8px 0 19px;
    text-decoration: underline;;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    outline: 0;
}


a.colorCancel, a.colorCancel:visited {
    color: #333333;
}

a.colorSubmit, a.colorSubmit:visited {
    color: #ffffff;
}

a.colorSubmit.loginLink, a.colorSubmit.loginLink:visited {
    background-color: #ff9326;
    float: left;
}

a.btAction, a.btAction:link, a.btAction:visited {
    background: #ff6600 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}

a.btAction:focus, 
a.btAction:hover, 
a.btAction:active {
    background: #e05a00 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
	box-shadow: 0 1px 4px 1px #ababab;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: underline;;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
    outline: 0;
}

  
a.btAction.colorCancel, a.btAction.colorCancel:link, a.btAction.colorCancel:visited {
    background: #f6f6f6 url(../../img/img_ing_nl/sec_back_arrow.png) no-repeat scroll left 6px center;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 8px 0 19px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}

a.btAction.colorCancel:focus, 
a.btAction.colorCancel:hover, 
a.btAction.colorCancel:active {
    background: #f6f6f6 url(../../img/img_ing_nl/sec_back_arrow.png) no-repeat scroll left 6px center;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 8px 0 19px;
    text-decoration: underline;
    text-shadow: none;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}


a.btAction.disabled, a.btAction.disabled:link, a.btAction.disabled:hover {
    cursor: default;
    text-decoration: none;
}
#welcomePg a.btAction.colorCancel, #welcomePg a.btAction.colorCancel:link, #welcomePg a.btAction.colorCancel:visited, #welcomePg a.btAction.colorCancel:hover, #welcomePg a.btAction.colorCancel:focus, #welcomePg a.btAction.colorCancel:active  {
    margin: 0;
}

/* Disabled actions */

	input[type=submit]:disabled, input[type=button]:disabled {
		color: #777;
		background: #CCC;
		border: 1px solid #CCC;
	}
	.k-disabled {
		color: #777;
		background: #CCC;
		border: 1px solid #CCC;
	}
	.btAction.disabled {
		color: #777;
		background: #CCC;
		border: 1px solid #CCC;
	}

/* Optional actions */
	input[type=button].optional, input[type=submit].optional {
	    color: #FFF;
	    background: #990;
	    border: 1px #990 solid;
	}
	a.k-button.optional, a.k-button.optional:link, a.k-button.optional:visited {
	    color: #FFF;
	    background: #990;
	    border: 1px #990 solid;
	}
	    /*hover*/
	    input[type=button].optional:hover, input[type=submit].optional:hover, a.k-button.optional:hover {
	        color: #FFF;
	        background: #000;
	        border-color: #000;
	    }
	    /*focus*/
	    input[type=button].optional:focus, input[type=submit].optional:focus, a.k-button.optional:focus {
	        color: #FFF;
	        background: #000;
	        border-color: #000;
	    }


input.colorCancel[type="button"], 
input.colorCancel[type="submit"],
input[type="button"].reset, 
input[type="reset"]  {
    background: #f6f6f6 url(../../img/img_ing_nl/sec_back_arrow.png) no-repeat scroll left 6px center;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.6em;
    margin: 0 0 0 3px;
    padding: 0 8px 0 19px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    float: left;
}

input.colorCancel[type="button"]:focus, 
input.colorCancel[type="submit"]:focus,
input[type="button"].reset:focus, 
input[type="reset"]:focus,
input.colorCancel[type="button"]:hover, 
input.colorCancel[type="submit"]:hover,
input[type="button"].reset:hover, 
input[type="reset"]:hover {
    background: #f6f6f6 url(../../img/img_ing_nl/sec_back_arrow.png) no-repeat scroll left 6px center;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 1px 4px 1px #ababab;
    box-sizing: border-box;
    color: #333333;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.6em;
    margin: 0 0 0 5px;
    padding: 0 8px 0 19px;
    text-decoration: underline;;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    outline: 0;
    float: left;
}

/* CE/ linkButtons */
/* CE/ inputButtons */


/* ------------------------------------------------------------- DATEPICKER */
/* CB/ datepicker */

input.k-datepick {width: 7em; text-align: left;}

/* Calendar button */
img.ui-datepicker-trigger {padding: 2px 5px 0; vertical-align: top; cursor: pointer; position: relative; left: -21px;}
button.ui-datepicker-trigger {
    background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll 5px 3px transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
}
/* Today's date link */
td.ui-datepicker-today a, td.ui-datepicker-today a:link, td.ui-datepicker-today a:visited {
    color: #FFF;
    background: #990;
}

/* Values for calendar table */
.ui-datepicker {
    display: none;
    margin: 0;
    background: #F2F2F2;
    border: 1px solid #808080;
}
.ui-datepicker th {
    font-size: 0.7em;
    font-weight: bold;
    text-align: right;
    color: #FFF;
    background: #66A3C7;
    padding: 0.2em;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    text-decoration: none;
    padding: 0 0.2em;
}
.ui-datepicker td a:hover {
    color: #FFF;
    background: #990;
}

.calendar, .calendar table {
    z-index: 9999;
    font-size: 0.95em !important;
}


/* Month/Year title */
.ui-datepicker .ui-datepicker-title {
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
    background: none repeat scroll 0 0 #F2F2F2;
    color: #000066;
    padding: 0.3em 0;
}

/* Prev/Next Arrows */

.calendar .nav div {
    background: none repeat scroll 0 0 transparent !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 23px;
    height: 23px;
}

.ui-datepicker .ui-icon {
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer;
}
.ui-icon-circle-triangle-w {
    width: 16px;
    height: 16px;
    background: transparent url(../../img/k-theme0/date_prev.gif) 0 2px no-repeat;
}
.ui-icon-circle-triangle-e {
    width: 16px;
    height: 16px;
    background: transparent url(../../img/k-theme0/date_next.gif) right 2px no-repeat;
}

.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
IMG.t-calendar-trigger {
    cursor: pointer;
    position: relative;
    top: 7px;
    padding-left: 3px;
    padding-top: 4px;
    width: 15px;
}

dd input.datepickerInput {
    padding: 2px 0 2px 2px;
    vertical-align: 7px;
    width: 83.7%;
}
input.k-required[type="text"][id^="secureDatePicker"] {
    width: 94%;
}
input[type="text"][id^="secureDatePicker"] {
    width: 91%;
}

dd input[id^="secureDatePicker"].datepickerInput {
    width: 89%;
}
dl.details_third dd input[id^="secureDatePicker"].datepickerInput {
    width: 83.7%;
}
dd.datepickerInput input[id^="secureDatePicker"] {
    width: 89%;
}
dl.details_third dd.datepickerInput input[id^="secureDatePicker"] {
    width: 83.7%;
}
#reportDesignListPanel dd input.datepickerInput {
    width: 15em;
}
input#dateField[type="text"]:disabled, input#dateField[type="text"]#dateField:disabled:hover {
    background-color: #F7F7F7;
    border-color: #F7F7F7;
}
input#dateField {
    background-color: #F7F7F7;
}
dd IMG.t-calendar-trigger {
    float: right;
    right: 0;
    top: -3px;
}



/* CE/ datepicker */


/* -------------------------------------------------------- FORM WIZARD */
/* CB/ formWizard */

ul.k-form-steps {clear: both; margin-bottom: 1em; padding: 0;}

    ul.k-form-steps li {
        display: inline-block;
        list-style-type: none;
        font: 1em StagBook, Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #BBB;
        background: #FFF;
        margin-right: 5%;
    }
    ul.k-form-steps strong {display: block; font-size: 120%;}

    /* States */
    ul.k-form-steps li.past {color: #000; background: #FFF;}
    ul.k-form-steps li.active {
        color: #F60;
        background: #FFF url(../../img/k-theme0/bg_step.gif) 0 0.3em no-repeat;
        padding-left: 10px;
    }

/* CE/ formWizard */

/* ------------------------------- List for Sub Scheme Specific Details from Services ----------------- */
ul#subSchemeList li {
    display: block;
}

/* --------------------------------------------------------------------------- */
/* ------------------------------- NAVIGATION -------------------------------- */
/* --------------------------------------------------------------------------- */

/* -------------------------------------------------------- MAIN NAV/FIRST LEVEL */
/* CB/ mainNav */

ul.k-navbar {
    background: none repeat scroll 0 0 transparent;
    color: #000066;
    }
    ul.k-navbar li {
        background: url(../../img/bg_menubar_separ.png) no-repeat scroll left 3px transparent;
        border-right: medium none;
        }

        ul.k-navbar a, ul.k-navbar a:visited {
            background: none repeat scroll 0 0 transparent;
            color: #000066;
        }
        ul.k-navbar a:hover, ul.k-navbar a:focus {
            background: none repeat scroll 0 0 transparent;
          color: #FF6600;
        }

        /* 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 {
            background: url(../../img/bg_menubar_on.png) no-repeat scroll 0 1px transparent;
            color: #000066;
        }

        /* 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;
    }

    /* "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;}


/* CE/ mainNav */


/* ------------------------------------------------------------ VERTICAL MENU */
/* CB/ vmenu */

p.aid {
    display: none;
    font-weight: bold;
    padding: 3px;
}
    #menu p.aid a, #menu p.aid a:link, #menu p.aid a:visited {
        display: block;
        text-decoration: none;
        color: #FFF;
        background: #F60;
        padding: 0.2em 5px.5em;
    }
    #menu p.aid a:before {content: "<< ";}
    #menu p.aid a:hover, #menu p.aid a:focus {
        color: #FFF;
        background: #000;
    }

ul.k-menu {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px dashed #CCC;
}
    ul.k-menu li {
        float: left;
        width: 100%;
        padding: 0 0 11px;
        list-style-type: none;
    }

    ul.k-menu a, ul.k-menu a:link, ul.k-menu a:visited {
        display: block;
        font-weight: bold;
        text-decoration: none;
        color: #FFF;
        background: #808080 url(../../img/k-theme0/unfold-trans.png) right 0.3em no-repeat;
        padding: 3px 28px 3px 4%;
        cursor: pointer;
    }
    ul.k-menu a:focus {
        color: #FFF;
        background: #F60 url(../../img/k-theme0/unfold-trans.png) right 0.3em no-repeat;
    }
    ul.k-menu a.ui-state-active, ul.k-menu a.ui-state-active:link, ul.k-menu a.ui-state-active:visited {
        color: #FFF;
        background: #F60 url(../../img/k-theme0/fold-trans.png) right 0.3em no-repeat;
    }

    /* If there's no sub-menu */
    ul.k-menu a.one-level, ul.k-menu a.one-level:link, ul.k-menu a.one-level:visited {
        background-image: none;
    }
    ul.k-menu a.one-level:focus {background-image: none;}

    ul.k-menu li.active a.one-level, ul.k-menu li.active a.one-level:link, ul.k-menu li.active a.one-level:visited {
        background: #F60;
    }

    /* Level 2 */
    ul.k-menu ul.level2 {
        float: left;
        width: 100%;
        padding: 0;
        border: 1px solid #BFBFBF;
    }
        ul.k-menu ul.level2 li {
            width: 94%;
            font-size: 90%;
            padding: 0.5em 2% 0.5em 4%;
            border-top: 1px dashed #CCC;
        }
        ul.k-menu ul.level2 li:first-child {border: none;}
        ul.k-menu ul.level2 a, ul.k-menu ul.level2 a:link, ul.k-menu ul.level2 a:visited {
            font-weight: normal;
            text-decoration: none;
            color: #555;
            background: #FFF;
            padding-left: 0;
        }
        ul.k-menu ul.level2 a:hover, ul.k-menu ul.level2 a:focus {text-decoration: underline;}

            ul.k-menu ul.level2 ul li {list-style-type: disc; padding: 0; border: none;}

        /* Active section */
        ul.k-menu ul.level2 li.active a, ul.k-menu ul.level2 li.active a:link, ul.k-menu ul.level2 li.active a:visited {
            font-weight: bold;
            color: #F60;
            background: #FFF;
        }
        ul.k-menu li.active strong {
            font-weight: bold;
            color: #F60;
            background: #FFF;
        }

/* CE/ vmenu */


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

p.k-breadcrumbs {
    background: none repeat scroll 0 0 transparent;
    color: #FF6600;
    display: none;
}

/* CE/ breadcrumbs */

/* ----------------------------------------------------- TREE-VIEW */
/* CB/ treeview */

div.k-tree {}

    div.k-tree li {list-style-type: none; background: #FFF url(../../img/k-theme0/tree_sprite.gif) -90px 0 repeat-y;}
    div.k-tree li.jstree-last {background: none;}
    div.k-tree li ins {background: transparent url(../../img/k-theme0/tree_sprite.gif) -90px 0 repeat-y;}

    div.k-tree li.jstree-leaf > ins {background-position: -36px 0;}
    div.k-tree li.jstree-closed > ins {background-position: -54px 0;}
    div.k-tree li.jstree-open > ins {background-position: -72px 0;}
    div.k-tree a .jstree-icon {background-position: -56px -19px;}

    div.k-tree a, div.k-tree a:link {
        display: inline-block;
        color: #000;
        background: #FFF;
    }
    div.k-tree a:hover {
        color: #000;
        background: #DFEFF6;
    }
    div.k-tree a:focus {
        color: #000;
        background: #DFEFF6;
        border: 1px solid #F60;
    }
    div.k-tree a.jstree-clicked {
        color: #000;
        background: #DFEFF6;
    }

/* CE/ treeview */


/* ----------------------------------------------------- TREE-VIEW GRID */
/* CB/ treeviewGrid */

div.k-tree-grid {
    float: left;
    width: 100%;
    padding: 1em 0;
    margin-bottom: 1em;
    border-top: 2px solid #06A;
    border-bottom: 2px solid #06A;
}

    div.k-tree-grid div.tree {
        float: left;
        overflow: auto;
        width: 20%;
        height: 25em;
        padding: 0 0 2%;
    }
    div.k-tree-grid div.tree-content {
        float: right;
        overflow: auto;
        width: 74%;
        height: 25em;
        padding: 2%;
        border-left: 1px dashed #06A;
    }

    div.k-tree-grid ul.actions {
        padding: 2px 5px 0;
        margin: 0 0 1em;
        background: #EFEFEF;
    }
        div.k-tree-grid ul.actions li {
            display: inline-block;
            list-style-type: none;
        }


/* CE/ treeviewGrid */


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

div.k-tools {
    background: none;
    border-top: medium none;
    color: #000000;
}

    ul.k-tools-list li:first-child {border: none;}
    ul.k-tools-list a, ul.k-tools-list a:link {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #4d4d4d;
        font-size: 0.85rem;
        font-weight: normal;
        text-transform: uppercase;
    }



/* CE/ toolslinks */



/* -------------------------------------------------------------------- SEARCH */
/* CB/ siteSearch */

form.k-search {float: right; width: auto; padding-right: 2%;}

    form.k-search p {padding: 0.4em 0 0; margin: 0;}
    #searchTag {width: 15em; height: 1.2em; vertical-align: bottom;}
    form.k-search input[type = submit] {
        font-size: 90%;
        text-transform: none;
        color: #FFF;
        background: #000;
        padding: 0 2px;
        margin: 0 0 0 -5px;
        border-color: #000;
        border-bottom: 3px solid #000;
        outline: none;
        vertical-align: top;
    }

.ui-autocomplete {
    position: absolute;
    color: #555;
    background: #FFF;
    padding: 0;
    border: 1px solid #BFBFBF;
    cursor: default;
}

    .ui-autocomplete li {
        list-style-type: none;
        padding: 0;
    }

    .ui-autocomplete a, .ui-autocomplete a:link, .ui-autocomplete a:visited {
        display: block;
        padding: 2px 8px;
    }
    .ui-autocomplete a:hover {color: #FFF; background: #999;}
    form.k-search .ui-state-hover, form.k-search .ui-state-focus {
        color: #FFF;
        background: #999;
    }

/* CE/ siteSearch */
/* --------- autocomplete Ticket assign  ------------------- */

dd .ui-autocomplete-input {
    width: 35em;
    float: left;
}
dl.fullSize dd span.ui-helper-hidden-accessible {
    display: none;
    margin-left: 10px;
}
ul.ui-autocomplete {
    color: #000066;
}



/* ------------- CB ONLINE HELP  --------------- */
p.k-buttons-bar.onlineHelp a.onlineHelp, p.k-buttons-bar.onlineHelp a.onlineHelp:link {
    background: #fff url(../../img/img_unico/onlineHelp.png) no-repeat scroll right center / contain ;
    border: 1px solid #ff6600;
    box-shadow: 0 0 1px #959595;
    color: #ff6600;
    float: right;
    height: 19px;
    line-height: 16px;
    margin: 0;
    padding: 1px 22px 1px 5px;
    right: 0;
}
p.k-buttons-bar.onlineHelp a.onlineHelp:link:hover {
    text-decoration: underline;
}
/* ------------- CB  end ONLINE HELP  --------------- */

#createNewUserOnHelpText {
	display: none;
}
#myProfileOnHelpText {
	display: none;
}
input.file {
    opacity: 0;
}
.fileinput label {
    color: #000066;
}
.fakeTextInput {
    border:1px solid #919FB3;
    float: left;
}
.fakeButton {
    background: #000066 url(../../img/bg_lft_reset.png) no-repeat scroll left top;
    border: medium none;
    color: #FFFFFF;
}
.fileinput ul input {
    background: none repeat scroll 0 0 #AEA400;
    border-radius: 3px 3px 3px 3px;
}
.radio input {
    background-color: #fff;
    color: #000;
    border-color: transparent;
}
/* ----------------- END  Button Styles   ----------------- */
/* --------------------------------------------------------- PAGINATION --- */
/* CB/ pagination */

div.k-pagination {
    background: none repeat scroll 0 0 #FFFFFF;
        border-bottom: 1px dashed #6796C8;
        border-top: 1px dashed #6796C8;
        color: #0066AA;
}
    div.k-pagination p {color: #0066AA;}
    div.k-pagination p.total-pages {color: #0066AA;}

    p.lines-to-display {color: #0066AA;}

    div.k-pagination strong {
        background: none repeat scroll 0 0 transparent;
            color: #0066AA;
        }
p.page-numbers strong, p.page-numbers a, p.page-numbers a:link {
    background: none repeat scroll 0 0 #C4D3E3;
    border-radius: 3px 3px 3px 3px;
    color: #0066AA;
}
p.page-numbers strong {
    background: none repeat scroll 0 0 #fff;
    color: #0066AA;
}
p.page-numbers a:hover {
    background: none repeat scroll 0 0 #C4D3E3;
    border-radius: 3px 3px 3px 3px;
    color: #0066AA;
}

/* --- Pagination KAWWA-Grid --- */

div.pagination {
    float: left;
    margin: 5px 0;
    padding-top: 6px;
    width: 99%;
}
TABLE.t-data-grid {
    margin-bottom: 5px;
}
p.resNum {
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 40%;
}
p.resNum label {
    padding-top: 3px;
    width: auto;
}
p.resNum select {
    font-size: 100%;
    width: auto;
}
p.resNumHidden {
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 40%;
}
p.resNumHidden label {
    padding-top: 3px;
    width: auto;
}
p.resNumHidden select {
    font-size: 100%;
    width: auto;
}

p.total {
    float: left;
    padding-top: 5px;
    text-align: center;
    width: 20%;
}
 p.total strong {
    background: none;
    color: #000066;
    display: inline;
    padding: 0;
    font-size: 1em;
}

p.pagNums {
    float: right;
    padding-right: 8px;
    padding-top: 5px;
    text-align: right;
    width: 39%;
}

p.pagNums a:link {
    font-size: 0.75rem;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
}

p.pagNums a:visited {
    font-size: 0.75rem;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
}

p.pagNums a:hover {
    font-size: 0.75rem;
    font-weight: normal;
    padding: 0;
    text-decoration: underline;
}

/* --- end KAWWA-Grid pagination --- */

/* --------- !Tabbar Content-Navigation ------------- */
/* TABS */
.cont_navigation {background-color: transparent;}

.cont_navigation ul.tabbarContent  {
    border-bottom: 2px solid #000066;
}

.cont_navigation li {
    background-color: transparent;
    border: none;
}

/* non-current first tab */
.cont_navigation ul.tabbarContent li.firstTabOff {
      background: url(../../img/navi/tab_rgt_off.png) no-repeat scroll right top #C4D3E3;
      color: #0066AA;
}
.cont_navigation ul.tabbarContent li.firstTabOff a, .cont_navigation ul.tabbarContent li.firstTabOff a:link, .cont_navigation ul.tabbarContent li.firstTabOff a:visited {
   color: #0066AA;
}
.cont_navigation ul.tabbarContent li.tabOff a, .cont_navigation ul.tabbarContent li.tabOff a:link, .cont_navigation ul.tabbarContent li.tabOff a:visited {
   color: #0066AA;
}

/* non-current tabs*/
.cont_navigation ul.tabbarContent li {
    background: url(../../img/navi/tab_rgt_off.png) no-repeat scroll right top #C4D3E3;
    border: medium none;
    color: #0066AA;
}
.cont_navigation ul.tabbarContent a, ul.tabbarContent a:link, ul.tabbarContent a:visited {
   color: #0066AA;
}

/* current tab */
.cont_navigation ul.tabbarContent li.tabOn {
      background: url(../../img/navi/tab_rgt_on.png) no-repeat scroll right top #000066;
      color: #fff;
      border-right: none;
      border-left: none;
      border-bottom: none;
}
.cont_navigation ul.tabbarContent li.firstTabOn {
      background: url(../../img/navi/tab_rgt_on.png) no-repeat scroll right top #000066;
      color: #fff;
      border-right: none;
      border-left: none;
      border-bottom: none;
}
.cont_navigation ul.tabbarContent li.firstTabOn a, .cont_navigation ul.tabbarContent li.firstTabOn a:link, .cont_navigation ul.tabbarContent li.firstTabOn a:visited {
   color: #fff;
   background: url(../../img/navi/tab_rgt_on.png) no-repeat scroll right top #000066;
   padding:3px 7px;
}
.cont_navigation ul.tabbarContent li.tabOn a, .cont_navigation ul.tabbarContent li.tabOn a:link, .cont_navigation ul.tabbarContent li.tabOn a:visited {
   color: #fff;
   background: url(../../img/navi/tab_rgt_on.png) no-repeat scroll right top #000066;
   padding:3px 7px;
}
.cont_navigation ul.tabbarContent strong {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
}

/* ------------------------- !Content Values --------------------------------- */


#content_header h1  {
    color: #fff;
}


/* ------------------------- !Content Values --------------------------------- */


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

/* ---------------------------------------------------------------------- TABS */
/* CB/ tabs */
    ul.tabs {
        background: none repeat scroll 0 0 #000066;
        color: #FFFFFF;
    }

    ul.tabs li {
    }

    ul.tabs li.firstTabOn {

    }
    ul.tabs a, ul.tabs a:link, ul.tabs a:visited {
        background: none;
        border: medium none;
        color: #FFFFFF;
     }
      ul.tabs a:hover {color: #FFFFFF;  background: none repeat scroll 0 0 #FF6600; }
    ul.tabs a:focus {color: #FFFFFF;  background: none repeat scroll 0 0 #FF6600; }

    ul.tabs li.tabOn {
     color: #FFFFFF;
      }

     strong {
        background: none repeat scroll 0 0 #FF6600;
        color: #FFFFFF;
    }

        ul.tabs li.ui-state-active a, ul.tabs li.ui-state-active a:link, ul.tabs li.ui-state-active a:visited {
            background: none repeat scroll 0 0 #FF6600;
            color: #FFFFFF;
        }
        ul.tabs li.ui-state-active a:focus {
           background: none repeat scroll 0 0 #FF6600;
           color: #FFFFFF;
        }

    div.k-tabbed-data > div.content {
        color: #000066;
        background: none repeat scroll 0 0 transparent;
        border: none;
    }


/* Link for tabs container */
p.tabs-link {
    color: #FFF;
    background: #808080;
}
p.tabs-link a, p.tabs-link a:link, p.tabs-link a:visited {
    color: #FFF;
    background: #808080;
}


/* CE/ tabs */

/* Tabs third-level - self made tabbed-list */
.tabbed-list {
    float: left;
    padding-left: 0;
    width: 100%;
}
.tabbed-list ul.tabs {
    background: none;
    border-bottom: 1px solid #000066;
    float: left;
    margin: 0;
    padding: 0;
}
.tabbed-list ul.tabs li {
    margin: 0;
    padding: 0;
    background: none;
    border-right: medium none;
}

.tabbed-list ul.tabs li a, .tabbed-list ul.tabs li a:link, .tabbed-list ul.tabs li a:visited {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-radius: 0;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #000066;
    height: 16px;
    margin-top: 3px;
    padding: 0.4em 10px 0.7em;
}

.tabbed-list ul.tabs li a:hover, .tabbed-list ul.tabs li a:focus, .tabbed-list ul.tabs li a:active {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #ff6600;
    text-decoration: underline;

}

.tabbed-list ul.tabs li a.ui-state-active, .tabbed-list ul.tabs li a.ui-state-active:link, .tabbed-list ul.tabs li a.ui-state-active:visited {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #000066;
    border-radius: 0;
    border-right: 1px solid #000066;
    border-top: 1px solid #000066;
    color: #ff6600;
    height: 18px;
    margin: 1px 0 0;
    padding: 0.5em 10px 0.6em;
    position: relative;
    top: 1px;
}


/* Tabs third-level - k-tabbed-data */
.k-tabbed-data {
    float: left;
    margin-top: 35px;
    padding-left: 0;
    width: 100%;
}
.k-tabbed-data ul.tabs {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
}
.k-tabbed-data ul.tabs li {
    background: none;
    border-bottom: none;
    float: left;
    margin: 0;
    padding: 0;
}

.k-tabbed-data ul.tabs li a, .k-tabbed-data ul.tabs li a:link, .k-tabbed-data ul.tabs li a:visited {
    background: #ffffff none repeat scroll 0 0;
    border-left: 1px solid #cccccc;
    border-radius: 0;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    color: #000066;
    height: 16px;
    margin-top: 3px;
    padding: 0.4em 10px 0.7em;
}

.k-tabbed-data ul.tabs li.ui-state-active a, .k-tabbed-data ul.tabs li.ui-state-active a:link, .k-tabbed-data ul.tabs li.ui-state-active a:visited  {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #000066;
    border-radius: 0;
    border-right: 1px solid #000066;
    border-top: 1px solid #000066;
    color: #ff6600;
    height: 18px;
    margin: 1px 0 0;
    padding: 0.5em 0 10px 0.6em;
    position: relative;
    top: 1px;
}

.k-tabbed-data ul.tabs li a.ui-state-active, .k-tabbed-data ul.tabs li a.ui-state-active:link, .k-tabbed-data ul.tabs li a.ui-state-active:visited  {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #000066;
    border-radius: 0;
    border-right: 1px solid #000066;
    border-top: 1px solid #000066;
    color: #ff6600;
    height: 18px;
    margin: 1px 0 0;
    padding: 0.5em 0 10px 0.6em;
    position: relative;
    top: 1px;
}

.k-tabbed-data ul.tabs li:first-child a, .k-tabbed-data ul.tabs li:first-child a:link, .k-tabbed-data ul.tabs li:first-child a:visited {
    border-left: medium none;
}
.sm-screen ul.k-navbar {
    border-top: none;
}

#secondInputLine {
    display: none;
}

/* Tabs third-level - ui-tabs */
.ui-tabs {
    float: left;
    margin: 10px 0 0;
    padding-left: 0;
    width: 100%;
}
.ui-tabs ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #000066;
    box-sizing: border-box;
    color: #fff;
    float: left;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0;
    padding: 0;
    position: relative;
    top: 1px;
    vertical-align: baseline;
    width: 100%;
}
.ui-tabs ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: auto;
}

.ui-tabs ul li.ui-state-active, .ui-tabs ul li.ui-state-hover, .ui-tabs ul li.ui-state-focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #ff6600;
    margin: 0;
    padding: 0;
    width: auto;
}

.ui-tabs ul li a, .ui-tabs ul li a:link, .ui-tabs ul li a:visited,  .ui-tabs ul li a:hover  {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    box-sizing: border-box;
    color: #000066;
    margin: 0;
    padding: 0.6em 10px;
    position: relative;
    top: 6px;
}
.ui-tabs ul li a:hover  {
    color: #ff6600;
}

.ui-tabs ul li.ui-state-active a, .ui-tabs ul li.ui-state-active a:link, .ui-tabs ul li.ui-state-active a:visited, .ui-tabs ul li.ui-state-active a:hover {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #000066;
    border-radius: 0;
    border-right: 1px solid #000066;
    border-top: 1px solid #000066;
    box-sizing: border-box;
    color: #ff6600;
    margin: 0;
    padding: 0.7em 10px 0.9em;
    position: relative;
    top: 5px;
}
.ui-tabs-panel {
	float: left;
	width: 100%;
}


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

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

div.k-pagination {
    background: none repeat scroll 0 0 #FFFFFF;
        border-bottom: 1px dashed #6796C8;
        border-top: 1px dashed #6796C8;
        color: #0066AA;
}
    div.k-pagination p {color: #0066AA;}
    div.k-pagination p.total-pages {color: #0066AA;}

    p.lines-to-display {color: #0066AA;}

    div.k-pagination strong {
        background: none repeat scroll 0 0 transparent;
            color: #0066AA;
        }
p.page-numbers strong, p.page-numbers a, p.page-numbers a:link {
    background: none repeat scroll 0 0 #C4D3E3;
    border-radius: 3px 3px 3px 3px;
    color: #0066AA;
}
p.page-numbers strong {
    background: none repeat scroll 0 0 #fff;
    color: #0066AA;
}
p.page-numbers a:hover {
    background: none repeat scroll 0 0 #C4D3E3;
    border-radius: 3px 3px 3px 3px;
    color: #0066AA;
}
/* -----------------   ----------------- */


dl {
    display: table;
    float: left;
    padding: 5px;
    background-color: #F7F7F7;
    position: relative;
}

dl.fullSize {
	box-sizing: border-box;
    width: 99%;
    border: medium none;
    margin-top: 10px;
}

dl.details_third {
	box-sizing: border-box;
    clear: none;
    float: left;
    width: 33%;
}

dl.details_fourth {
	box-sizing: border-box;
    clear: none;
    float: left;
    width: 24%;
}

dl.details_third.checkbox input[type="checkbox"] {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

dl.details_fourth.checkbox input[type="checkbox"] {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

dl.half {
    border-right: 1px dashed #000000;
}
dl.half + dl.half {
	border: none;
}
dl.half + dl.half + dl.half {
	border-right: 1px dashed #000000;
    clear: left;
}
dl.half + dl.half + dl.half + dl.half {
    border: medium none;
    clear: none;
}
dl.details_third { 
	border-right: 1px dashed #000000; box-sizing: border-box; 
}
dl.details_third + dl.details_third + dl.details_third { 
	border: medium none; 
}
dl.details_third.withBorder {
    border-right: 1px dashed #000000;
}
dl.details_third.withBorder + dl.details_third.withBorder + dl.details_third.withBorder { 
	border: medium none; 
}
dl.half.withBorder {
    border-right: 1px dashed #000000;
}
dl.half.withBorder + dl.half.withBorder {
	border: none;
}
#deleteConfirmationForm_0 > dl {
    background-color: transparent;
}
#cycleZone dl.half {
    border-right: 1px dashed #000000;
}
#cycleZone dl.half + #cycleZone dl.half {
    border: none;
}


dt {
    background-color: #FFFFFF;
    clear: left;
    color: #000000;
    display: table-cell;
    float: left;
    font-size: 0.7rem;
    font-weight: normal;
    line-height: 1.7em;
    margin: 2px 5px 2px 0;
    padding: 0 0 0 3px;
    position: relative;
    vertical-align: top;
    width: 46%;
    word-wrap: break-word;
}
.designUpload dt {
    width: 20%;
}

 dd {
    clear: right;
    display: table-cell;
    float: left;
    font-size: 0.70rem;
    line-height: 1.7em;
    margin: 2px 0;
    min-height: 2em;
    padding: 0;
    vertical-align: top;
    width: 49%;
    word-wrap: break-word;
}

dl.half dt {
    width: 25%;
}

dl.half dd {
    width: 70%;
}

dl.fullSize dt {
    width: 15.4%;
}
dl.fullSize.descriptionPanel dt {
    width: 15.2%;
    margin-right: 4px;
}
dl.half + dl.fullSize dt {
    width: 12.2%;
}

dl.fullSize dd {
    width: 83%;
}
dl.fullSize.helpImage dd {
    width: 80%;
    display: inline-block;
    clear: none;
}
dl.fullSizeOnlyOne dt {
    width: 90%;
}

dl.fullSizeOnlyOne dd {
    width: 90%;
}

dl.fullSize.fitToThird dd {
    width: auto;
}

dl.half dt label {
    padding-left: 0px;
}

dl.half section.generalSection {
    float: right;
    padding: 1em 0;
    width: auto;
}

dl.fullSize #choiceSelect dt {
    width: 12.1%;
}
dl.fullSize #fileUpload dt {
    width: 12.1%;
}
.readOnlyLong {
    float: left;
    word-wrap: break-word;
    word-break: break-all;
}
.fullSize select.commentType {
    padding-right: 5px;
    width: auto;
    height: 20px;
    line-height: 20px;
}
.fullSize.subScheme select {
    padding-right: 5px;
    width: auto;
}
#createTicketPanel .fullSize select {
    padding-right: 5px;
    width: auto;
}
#createTicketPanel .fullSize input {
    padding: 0.15% 0.5% 0.15% 15px;
    width: 98%;
}
#createTicketPanel .fullSize input[type="file"] {
    padding: 0 20px 0 0;
    width: auto;
}



.soapMessageDisplay {
    word-wrap: break-word;
    max-width: 768px;
}

.soapMessageDisplayContainer {
    float: left;
    width: 100%;
}
.soapMessageRequestDisplay {
    border-top: 1px dashed #000;
    float: left;
    max-width: 1020px;
    padding: 8px 10px 3px;
    white-space: pre-wrap;
    width: 100%;
    word-wrap: break-word;
}

.soapMessageHeadline {
    float: left;
    margin: 3px 10px 8px;
    width: 70%;
}

.k-buttons-bar.messageRequest {
    border: medium none;
    clear: none;
    display: inline;
    float: right;
    width: auto;
}

/*error*/
DIV.t-exception-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    box-shadow: 6px 6px 3px #888888;
    left: 50px;
    position: fixed;
    top: 50px;
    z-index: 1;
}

/*  reveal modal windows   */
.t-zone {
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%;
}
.zoneTaskSearch.t-zone {
    width: auto;
}

#critZone.zoneFinderSearch.t-zone.tapestry-zone {
    width: 50%;
}

.reveal-modal {
    background: none repeat scroll 0 0 #EEEEEE;
    position: fixed;
    top: 50px !important;
    z-index: 9999 !important;
}
#updateMerchantDiv.reveal-modal {
    position: fixed !important;
    top: 40% !important;
    z-index: 9999;
    float: left;
}
#updateSubscriptionDiv.reveal-modal {
    position: fixed !important;
    top: 40% !important;
    z-index: 9999;
    float: left;
}
#rejectServiceDiv.reveal-modal {
    position: fixed !important;
    top: 40% !important;
    z-index: 9999;
    float: left;
}

.reveal-modal input[type="text"] {
    border-radius: 0;
    box-sizing: border-box;
    display: inline;
    float: left;
    font-size: 0.75rem;
    margin: 10px 0;
    padding: 1px 0.5%;
    width: 94%;
}

.reveal-modal input[type="text"][id^="secureDatePicker"] {
    float: right;
    width: 95%;
}

.reveal-modal button.ui-datepicker-trigger {
    background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll right center transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    padding: 0;
    width: 20px;
}
.reveal-modal input[type="button"], .reveal-modal input[type="submit"] {
    float: right;
}

.reveal-modal textarea {
    background-color: #FFFFFF;
    border: 1px inset #999999;
    border-radius: 3px;
    color: #555555;
    float: left;
    font-size: 0.75rem;
    margin: 5px 0;
    min-height: 100px;
    padding: 0.5%;
    width: 98.5%;
}

.reveal-div dl.fullSize dt {
    width: 30%;
    margin: 10px 0;
}
.reveal-div dl.fullSize dd {
    width: 65%;
}
.reveal-modal input.k-required[type="text"] {
    padding: 0 0 2px 16px;
}

/* counter  */

.labeldcounter {
    color: #000066;
    display: inline;
    float: none;
    font-size: 0.75rem;
    font-weight: normal;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: right;
}
.labeldcounter:after {
    content: ':';
}
.pcounter {
    display: inline;
    float: none;
}

/* Modal Window - Datepicker and password field */


p.modalDatepicker.modalPassword {
    width: 100%;
	float: left;
	line-height: 1.83em;
	height: 1.83em;
	vertical-align: bottom;
	margin-top: 5px;
}

.reveal-modal p.modalDatepicker input[type="text"] {
    width: 30%;
    float: right;
    margin: 0;
}

.modalDatepicker IMG.t-calendar-trigger {
    float: right;
	margin-right: 1%;
	top: 0;
	height: 1.7em;
	line-height: 1.7em;
	padding-top: 0;
}

.modalDatepicker.modalPassword label {
    width: auto;
    text-align: left;
    margin: 0 8px 0 0;
    padding: 0;
}

.modalPassword input#passwordString {
    width: 42%;
    margin: 0 5% 0 0;
    height: 1.83em;
    line-height: 1.83em;
    vertical-align: bottom;
    background: #FFF url(../../img/k-theme0/bg_required.png)0.2em 0.4em no-repeat;
    padding-bottom: 0;
}
.reveal-modal p.modalDatepicker input.dummyHide[type="text"] {
    width: 0;
    height: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    color: transparent;
}

/* ---------------- Dialog-Modal Windows ------------------ */

 /* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-widget-overlay {
    background: #aaaaaa url(../../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(../../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}

.ui-dialog {
    background: #fff url(../../img/img_ing_nl/modal-gloss.png) no-repeat scroll -200px -80px;
    border: medium none;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    padding: 0.2em;
    position: absolute;
    top: 0;
    left: 0;
    outline: 0;
    z-index: 9999;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 0.5em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    border-bottom: 1px solid #000066;
    color: #000066;
    float: left;
    margin: 0.1em 0;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95.4%;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: rgba(0, 0, 0, 0) url(../../img/img_ing_nl/bt_remove.png) no-repeat scroll 0 0 / auto 18px;
    border: medium none;
    color: transparent;
    height: 20px;
    margin: 0 1px 0 0;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    cursor: pointer;
}
.ui-dialog .ui-dialog-content {
    background: none;
    border: 0 none;
    clear: both;
    font-size: 0.75em;
    overflow: auto;
    padding: 0.5em 0.8em;
    position: relative;
}
.ui-dialog-content p {
    font-size: 0.80rem;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
    margin-bottom: 0.5em;
    width: 100%;
}
.ui-dialog .ui-dialog-buttonpane button {
    background: #ff6600 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
}

.ui-dialog .ui-dialog-buttonpane button:focus,
.ui-dialog .ui-dialog-buttonpane button:hover {
    background: #e05a00 url(../../img/img_ing_nl/prim_go_arrow.png) no-repeat scroll right 6px center;
    border-radius: 3px;
    border: 1px solid #e05a00;
	box-shadow: 0 1px 4px 1px #ababab;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    margin: 0 0 0 5px;
    padding: 0 19px 0 8px;
    text-decoration: underline;;
    text-shadow: none;
    text-transform: none;
    vertical-align: top;
    width: auto;
    outline: 0;
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-dialog input[type="text"] {
    border-radius: 0;
    box-sizing: border-box;
    display: inline;
    float: left;
    font-size: 0.75rem;
    margin: 10px 0;
    padding: 1px 0.5%;
    width: 94%;
}
.ui-dialog dd.datepickerInput {
    float: left;
    width: 100%;
}
.ui-dialog .datepickerInput input[type="text"] {
    margin-top: 0;
}
.ui-dialog img.t-calendar-trigger {
    float: left;
}
.ui-dialog input[type="text"][id^="secureDatePicker"] {
    float: right;
    width: 94%;
}

.ui-dialog button.ui-datepicker-trigger {
    background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll right center transparent;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    padding: 0;
    width: 20px;
}

.ui-dialog textarea {
    background-color: #FFFFFF;
    border: 1px inset #999999;
    border-radius: 3px;
    color: #555555;
    float: left;
    font-size: 0.75rem;
    margin: 5px 0;
    min-height: 100px;
    padding: 0.5%;
    width: 98.5%;
}

.ui-dialog input.k-required[type="text"] {
    padding: 0 0 2px 16px;
}

.ui-dialog input[type="text"][id^="secureDatePicker"] {
    float: right;
    width: 94%;
}

.ui-dialog p.modalDatepicker input[type="text"] {
    width: 30%;
    float: right;
    margin: 0;
}
.ui-dialog p.modalDatepicker input.dummyHide[type="text"] {
    width: 0;
    height: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    color: transparent;
}

/* End of dialog window */

/* Start palette */

div.palette {
    margin-left: 8px;
}
.palette div.palette-title {
    background-color: #fff;
    font-size: 0.85rem;
    color: #ff6600;
    border: 1px solid #ff6600;
    border-bottom: none;
    width: 248px;
}
DIV.palette .palette-title + SELECT {
    font-size: 0.85rem;
    margin-bottom: 2px;
    padding: 5px;
    width: 250px;
    border: 1px solid #ff6600;
}
/* End of palette */

/* QR Backend */

a#newsigningkey, a#newsigningkey:link, a#newsigningkey:visited {
    background: #ff6600 none no-repeat scroll right 5px center;
    border: 1px solid #ff6600;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 0.75rem;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 8px;
}
a#newsigningkey:hover {
    text-decoration: underline;
}

/* End QR Backend */

a.conventionLink, a.conventionLink:link, a.conventionLink:visited {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed;
    color: #000066;
    font-size: 0.85em;
    font-weight: normal;
    margin-left: 15px;
    padding: 0;
}
a.conventionLink:hover, a.conventionLink:focus {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed;
    color: #000066;
    font-size: 0.85em;
    font-weight: normal;
    margin-left: 15px;
    padding: 0;
}
a.conventionLink + span.conventionInfoText, a.conventionLink:link + span.conventionInfoText, a.conventionLink:visited + span.conventionInfoText {
    display: none;
}

a.conventionLink:hover + span.conventionInfoText, a.conventionLink:focus + span.conventionInfoText {
    background-color: #fff;
    border: 1px solid #000066;
    float: none;
    left: 90%;
    padding: 8px;
    position: absolute;
    top: -220%;
    width: 310px;
    display:block;
}
.k-commons {
    float: left;
    padding-left: 0.5%;
    width: 99%;
}

#commentsection > p {
    background: transparent url(../../img/img_ing_nl/li_comment.png) no-repeat scroll 0 10px;
    border-bottom: 1px solid #000066;
    padding: 8px 0 8px 20px;
}
.commentPrefix {
    clear: both;
    color: #000066;
    display: block;
    padding-bottom: 8px;
}
#infoText {
    border-bottom: 1px solid #000066;
}
#infoText > p {
    background: transparent url(../../img//img_ing_nl/icon_info.png) no-repeat scroll 0 0;
    font-style: italic;
}

/* ---------------------------------------- ACCORDION --- */
/* CB/ accordion */

#faqPg h2.h2Leer {
    border-bottom: 1px solid #000066;
}


#any h3.control {
    border-bottom: medium none;
    font-size: 0.95em;
    margin-bottom: 0.5em;
    padding-left: 1.2em;
}

.k-accordion {
    border: medium none;
}

p + .k-accordion {
	
}


.k-links-list p {
    font-size: 0.73rem;
}

	.k-accordion ul.k-links-list {

	}
	.k-accordion p {
		color: #333;
	}
	.k-accordion .control {
		font: 1em Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-transform: none;
		color: #000066;
		background: transparent url("../../img/img_ing_nl/bg_not_dropdown.png") no-repeat scroll left center;
		cursor: pointer;
	}
	
	.k-accordion .control:first-child {border-top: none;}
	
	.k-accordion .ui-state-active {
		color: #000066;
		background: transparent url("../../img/img_ing_nl/bg_dropdown.png") no-repeat scroll left center;
	}
	
	.k-accordion .control a, .k-accordion .control a:link, .k-accordion .control a:visited {
		text-decoration: none;
		color: #FFF;
		background: transparent;
	}
	.k-accordion .control a:hover, .k-accordion .control a:focus {
		text-decoration: none;
		color: #FFF;
		background: #666;
	}
	
	.k-accordion .content {
		background: #fff none repeat scroll 0 0;
   		border-left: 3px solid #000066;
		color: #000;
    	margin: 8px 19px;
		padding: 0.8em 0.9em;
	}
	
/* CE/ accordion */

/* ---------------------------------------- t-UPLOAD Component override of assets - fileuploader.css --- */
/* CB/ t-UPLOAD Component */

.t-upload {
    position: relative;
    top: -10px;
}
dd .qq-uploader {
    float: left;
    margin: 0;
    width: auto;
}
dd .qq-upload-button {
    background-color: #fff;
    background-position: 0 center;
    border: 1px inset #ccc;
    color: #999;
    float: left;
    font-size: 0.9rem;
    height: auto;
    padding: 10px 10px 10px 40px;
    width: auto;
}
dd .qq-upload-button-hover, dd .qq-upload-button:hover, dd a.qq-upload-button:hover {
    background-color: #f1f1f1;
    background-position: 0 center;
    border: 1px inset #ccc;
    color: #009f63;
    float: left;
    font-size: 0.9rem;
    height: auto;
    padding: 10px 10px 10px 40px;
    width: auto;
}
dd ul.qq-upload-list {
    background-color: transparent;
    border: medium none;
    float: right;
    margin-left: 5px;
    padding: 0 5px;
    position: relative;
    right: 0;
    top: 0;
    vertical-align: top;
    width: auto;
}
dd .qq-upload-list li:first-child {
    background-color: #fff;
    border: 1px outset #ccc;
    box-sizing: border-box;
    padding: 13px 5px 11px;
}

dd .qq-upload-list li {
    background-color: #fff;
    border: 1px outset #ccc;
    box-sizing: border-box;
    padding: 13px 5px 11px;
    display: block;
}
dd .qq-upload-list li span {
    font-size: 0.75rem;
    font-style: italic;
    color: #666666 !important;
}

li.qq-upload-success {
	width: 244px;
	height: 40px !important;
}

.reportDesignUpload .t-upload {
    position: relative;
    top: 0;
}

dd .qq-upload-fail .qq-upload-failed-text {
    color: #ff0000;
}

.conventionInfoText {
    float: left;
}

/* CE/ t-UPLOAD Component */

/*---------------------------------SPEZIAL LAYOUT for spezial pages--------------*/


/*--------- Support - Info ----------*/

.inlineImg.email {
    background: transparent url(../../img/img_ing_nl/email.png) no-repeat scroll center center / 10% auto;
}

.inlineImg.phone {
    background: transparent url(../../img/img_ing_nl/phone.png) no-repeat scroll center center / 10% auto;
}


/* ------------------- Focus Elements ------------------------- */

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: 1px solid #ababab;
  outline: 0;
  box-shadow: 0px 1px 4px 1px #888;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
.uneditable-input:focus {
  background-color: #fff;
}


input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: 2px solid #ff6600;
}

a:focus { 
    box-shadow: 0 1px 4px 1px #ababab;
	outline: 0;
    padding-left: 8px;
    padding-right: 8px;
}


a.finder-btAction:focus {
    background-color: #e05a00;
	border: 1px solid #e05a00;
	box-shadow: 0 1px 4px 1px #ababab;
    text-decoration: underline;
	outline: 0;
}

a.finder-colorCancel:focus {
      border: 1px solid #fff;
	  border-radius: 3px;
	  color: #333333;
	  text-decoration: underline;
	  box-shadow: 0 1px 4px 1px #ababab;
	  outline: 0;
}

.k-panel h4.control a:focus {
    outline: 0;
    box-shadow: none;
    color: #ff6600;
}

.k-panel h4.control.ui-state-active a:focus {
    outline: 0;
    box-shadow: none;
    color: #000066;
}
.k-panel h4.control.ui-state-active a:active {
    outline: 0;
    box-shadow: none;
    color: #ff6600;
}

#ul_main_navigation a:focus {
	outline: 0;
	box-shadow: none;
	text-decoration: underline;
}

#sub_navigation ul.tabs li a:focus {
	outline: 0;
	box-shadow: none;
    text-decoration: underline;
}

table.t-data-grid tr th a:focus {
    background: none repeat scroll 0 0 #fff;
    color: #666666 !important;
}


/* --------- END ---------- Focus Elements ------------------------- */

/* ----------------Font Awesome SVG - Icon ------------------------- */

.svg-inline--fa.fa-chevron-left.fa-w-10 {
    height: 20px;
    color: #000066;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 10px;
}
.svg-inline--fa.fa-chevron-right.fa-w-10 {
    height: 20px;
    color: #000066;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 10px;
}

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

@media \\0 screen {


	.reveal-modal input[type="text"] {
  		border-radius: 0;
        display: inline;
        font-size: 0.75rem;
        float: right;
        margin: 10px 0;
        padding: 1px 0.5%;
        width: 94%;
    }
    .reveal-modal button.ui-datepicker-trigger {
        background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll 0 0 transparent;
        border: medium none;
        color: transparent;
        cursor: pointer;
        display: inline;
        float: left;
        margin: 12px 0 0;
        padding: 0;
        width: 3%;
        clear: left;
    }
    .ui-dialog input[type="text"] {
  		border-radius: 0;
        display: inline;
        float: right;
        font-size: 0.75rem;
        margin: 10px 0;
        padding: 1px 0.5%;
        width: 94%;
    }
    .ui-dialog button.ui-datepicker-trigger {
        background: url(../../img/k-theme0/pic_calendar.gif) no-repeat scroll 0 0 transparent;
        border: medium none;
        color: transparent;
        cursor: pointer;
        display: inline;
        float: left;
        margin: 12px 0 0;
        padding: 0;
        width: 3%;
        clear: left;
    }

}

/* --------------------- Media Query only for IE9 and IE10 ------------------------ */
@media screen\0 {	
}

@media screen\9 and (min-width:0) and (min-resolution: .001dpcm) { 
 /* IE9 CSS */
		 #logoutLink a.logout, #logoutLink a.logout:link {
		    height: 2em;
		    line-height: 2em;
		    margin: 0 0 0 3px;
		    padding: 5px 18px 5px 10px;
		    position: relative;
		    bottom: 4px;
		}
		
		#logoutLink a.logout:hover {
		    height: 2em;
		    line-height: 2em;
		    margin: 0 0 0 3px;
		    padding: 5px 18px 5px 10px;
		    position: relative;
		    bottom: 4px;
		}
		
		.fullSize select.commentType {
		    padding-right: 0;
		}
		
		
    
    
}