/**
 *  Splitter
 */

#main-splitter { overflow-y: hidden; height: 100%; border-width: 0 !important; }
#inner-splitter { height: 100%; border-width: 0 !important; background-color: transparent !important; }
#body-content-splitter {overflow: auto !important }
#body-title-and-content-splitter { height: 100%; border-width: 0 !important; background-color: transparent !important; }
#body-title-and-content-splitter #body-title-splitter .body-padd { padding-bottom: 0; }
.splitter-content { width: 100%; height: 100%; }
.k-splitbar-vertical { overflow: hidden !important; height: 0 !important; border-width: 0 !important; }
.k-splitbar-vertical div { display: none !important; }
#navi-n-body-splitter { background: url('../images/bg.png') repeat-x left top #f2f2f2; }


/* Main splitter */
#main-splitter > div {
    overflow: visible !important;
}

/**
 *  Application bar
 */

#application-bar-content-section-container { background: url('../images/application-bar-content-section-container-bg.png') repeat-x left top; }
#application-bar-content-section-container .but-redtop-l { position: relative; top: 0; left: 0; display: block; float: left; padding: 0 20px; height: 49px; background: url('../images/button-redtop-line.png') no-repeat left top; cursor: pointer; }
#application-bar-content-section-container .but-redtop-l.dealer span.padd { padding-left:0; }
#application-bar-content-section-container .but-redtop-l span.padd { display: block; padding: 18px 0 0 27px; min-height: 18px; color: white; font-size: 12px; font-family: "Helvetica"; line-height: 12px; }
#application-bar-content-section-container .but-redtop-l:hover { background-color: #fe3333; }

#application-bar-content-section-container .but-redtop-l.welcome span.padd { background: url('../images/but-redtop-welcome.png') no-repeat 0 15px; }
#application-bar-content-section-container .but-redtop-l.support span.padd { background: url('../images/but-redtop-support.png') no-repeat 0 15px; }
#application-bar-content-section-container .but-redtop-l.settings span.padd { background: url('../images/but-redtop-settings.png') no-repeat 0 15px; }
#application-bar-content-section-container .but-redtop-l.logo span.padd { padding: 0; width: 143px; height: 50px; background: url('../images/santander-logo_v2.png') no-repeat left top; }


/**
 *  Action bar
 */




/**
 *  Status bar
 */

#status-bar-content-section-container { height: 39px; border-bottom: 1px solid #4b4b4b; background-color: #5c5c5c; }
.status-bar-el { position: relative; float: left; height: 39px; border-right: 1px solid #525252; border-left: 1px solid #7d7d7d; color: white; cursor: pointer; }
.status-bar-el:hover { background-color: #707070; }
.status-bar-el span.padd { display: block; min-height: 20px; }
.status-bar-el span.padd span.arrow { display: inline-block; margin-left: 5px; width: 15px; height: 15px; background: url('../images/status-bar-arrow-up.png') no-repeat left top; }
.status-bar-el.no-left-line { border-left-width: 0; }
.status-bar-el.no-right-line { border-right-width: 0; }
.status-bar-el.lang span.padd { padding: 12px 15px 0 15px; }
.status-bar-el.close span.padd { padding: 12px 0 0 0; width: 40px; background: url('../images/status-bar-close.png') no-repeat 8px 7px; }
.status-bar-el.version { 
    padding: 12px; 
    cursor: default;
}

/**
 *  Navigation bar
 */

#navigation-menu-height-and-padd { overflow-y: auto; padding: 0 20px 0 0; height: 100%; }

#activeModuleHeaderAndTreeContainer { padding: 20px 0 160px 0; }
.activeModuleHeaderContainer { position: relative; top: 0; left: 0; background: url('../images/navi-modules-header_top.png') no-repeat right top; }
.activeModuleHeaderContainer #activeModuleHeader { padding: 17px 10px 17px 25px; color: #fe0000; font-weight: bold; font-size: 16px; line-height: 18px; }
.activeModuleHeaderContainer .bottom { height: 0; }
.activeModuleHeaderContainer .bottom div { position: relative; z-index: 10; height: 8px; background: url('../images/navi-modules-header_bottom.png') no-repeat right top; }

#treeViewContainer { padding: 0 0 3px 0; background: url('../images/navi-modules-tree-bg.png') no-repeat right bottom; }
#treeViewContainer div.hide { display: none; }
#treeViewContainer ul { background: url('../images/navi-modules-tree-li.png') repeat right top; }
#treeViewContainer ul li { padding: 10px 0 0 35px; min-height: 31px; }
/*#treeViewContainer ul li { padding: 10px 0 0 35px; min-height: 31px; background: url('../images/navi-modules-tree-li-white.png') repeat-x right top; }*/
#treeViewContainer ul li ul { background-image: none !important; }
#treeViewContainer ul li ul li { padding-left: 15px; }
#treeViewContainer ul li div.k-top { height: 31px; }
#treeViewContainer ul li div.k-mid { height: 31px; }
#treeViewContainer ul li div.k-bot { height: 31px; }
#treeViewContainer ul li a.k-in { color: #404040; font-weight: bold; font-size: 13px; line-height: 14px; }
#treeViewContainer ul li span.k-in { color: #404040; font-weight: bold; font-size: 13px; line-height: 14px; }
#treeViewContainer ul li a.k-state-selected { border-color: transparent; background: transparent; background-image: none; }
#treeViewContainer ul li a.k-state-hover { border-color: transparent; background: transparent; background-image: none; cursor: pointer; }
#treeViewContainer ul li a.k-state-focused { border-color: transparent; background: transparent; background-image: none; }
#treeViewContainer ul li a.k-state-focused:hover { border-color: transparent; background: transparent; background-image: none; cursor: pointer; }

#treeViewContainer ul li span.k-state-hover, #treeViewContainer ul li span.k-state-hover a { color: #fe0000; }

#treeViewContainer ul li[aria-selected=true] { background: url('../images/navi-modules-tree-li-white-hover-red.png') no-repeat right top; }
#treeViewContainer ul li[aria-selected=true] > div > span.k-in, #treeViewContainer ul li[aria-selected=true] > div > span.k-in > a { color: #fe0000; }

#navigationBottomBox { position: absolute; right: 20px; bottom: 0; left: 0; background-color: #f2f2f2; }

#navigationModulesContainer { padding: 0 0 20px 0; }
#navigationModulesContainer div { background: url('../images/navi-modules-button-top.png') no-repeat right top; cursor: pointer; }
#navigationModulesContainer div span.label { display: block; padding: 15px 10px 12px 25px; color: #404040; font-weight: bold; font-size: 16px; line-height: 18px; }
#navigationModulesContainer div span.bottom { display: block; overflow: hidden; height: 4px; background: url('../images/navi-modules-button-bottom.png') no-repeat right top; }
#navigationModulesContainer div:hover, #navigationModulesContainer div.moduleActive { background-image: url('../images/navi-modules-button-top_active.png'); }
#navigationModulesContainer div:hover span.label, #navigationModulesContainer div.moduleActive span.label { color: #fe0000; }
#navigationModulesContainer div:hover span.bottom, #navigationModulesContainer div.moduleActive span.bottom { background-image: url('../images/navi-modules-button-bottom_active.png'); }

#versionInfo { padding: 0 0 20px 0; color: #949494; text-align: center; font-weight: bold; font-size: 12px; }

.in-details-layout #navigationBottomBox { display: none; }
.in-details-layout #activeModuleHeaderAndTreeContainer { padding-bottom: 20px !important; }

#mainLoader-Container {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) url('../images/loaders/ajax-loader-128.gif') 50% 50% no-repeat;
}
#mainLoader-Container.displayed {
    display: block;
}
.advanced-search-collapsed {
    background: url('../images/common-icons/icon-expander.png');
    width:16px;
    height:16px;
    float:right;
    margin-left: 3px;
}
.advanced-search-expanded {
    background: url('../images/common-icons/icon-collapser.png');
    width:16px; 
    height:16px; 
    float:right;
    margin-left: 3px;
}