/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

/*
Standard CSS

@site       easybank.at
@author     Johannes Weber <jw@ovos.at>
@copyright  ovos media consulting gmbh - http://www.ovos.at
@date       2009-12-14


*/
/* @section =body
-------------------------------------------------------------------*/
html, body, form, textarea, input, button, select, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th, address {font-family: Arial, Helvetica, sans-serif;margin:0;padding:0; accent-color: #177991;}
body {font-size:62.5%;height:100%;position:relative;z-index:1; font-family: Arial, Helvetica, sans-serif; overflow-y: scroll;}
html {height:100%;}
input, select, label {color: #4a4a4a; outline-color: #03a1d2; vertical-align: text-top;}

/* @section =fontsize
-------------------------------------------------------------------*/
body.size4 {font-size:62.5%;}/*default*/
body.size4 {font-size:10px;}/*default*/
body.size5 {font-size:67.5%;}
body.size6 {font-size:72.5%;}
body.size7 {font-size:77.5%;}/*biggest*/

/* @section =base
-------------------------------------------------------------------*/
#wrapper {width:976px;margin:0 auto;}
#header {height:127px;font-size:1.2em;}
#header-small {width:564px;height:100px;font-size:1.2em;} /* GAM 10.07.2010 (small header) */
#content {font-size:1.2em;}
#footer {font-size:1.2em; margin: 0px 0 0 0; height:38px; border-top: 1px solid #d9d9d9; }

#logo-easybank { margin-top: 15px; }

/* @section =bankcode search popup
-------------------------------------------------------------------*/
#wrapper-popup {width:563px;margin:0 auto;} /*HAS  30.06.2010 popup #wrapper  */
#bankcode .formargin { margin:0 0 10px;float:right; } /*HAS 30.06.2010 */
#bankcode p { padding:5px 10px 15px 12px;} /*HAS 30.06.2010 */
#bankcode ul {display:inline;float:left;line-height:20px;margin:0 0 10px 35px;} /*HAS 30.06.2010 */
#bankcode .data label{float: left; display: inline; width:150px; height: 22px; line-height:22px; cursor:pointer; color:#4a4a4a; font-size:1.1em;text-align:right;margin:0 10px;} /*HAS 30.06.2010 */
#bankcode .data input{float: left; display: inline; width:358px; height: 14px; line-height:14px; border: solid #86b918 1px; vertical-align:middle; padding: 4px 2px 2px 2px; white-space:nowrap;} /*HAS 30.06.2010 */
#bankcode .help-text {padding-bottom:10px;}
.main-headline-with-help {background-color: #ECF4DC; height:34px;line-height:34px;padding:0 7px;width:541px;} /*HAS 30.06.2010 */
.main-headline-with-help label {float:left; display:inline; width: 300px; height:34px; line-height:34px; color:#4a4a4a; font-weight:bold; font-size:1.14em;} /*HAS 30.06.2010 */
.main-headline-with-help a {float: right; display: inline; width:47px; text-align:right; height:34px; line-height:34px; text-decoration:underline; font-size:1.05em; color:#4a4a4a !important;} /*HAS 30.06.2010 */
#box-bankcode {margin:0;padding:5px 0 0 0;}

/* @section =result table
-------------------------------------------------------------------*/
.sortable { cursor: pointer; }
.sortable strong { padding-top: 5px; }
.sort-arrow { width: 24px; height:24px; margin-left: 2px;}

.headerSortUp svg.sort-arrow path:nth-child(1),
.headerSortDown svg.sort-arrow path:nth-child(2) {  
  stroke: black;
}

.headerSortUp svg.sort-arrow path:nth-child(2),
.headerSortDown svg.sort-arrow path:nth-child(1)
{ 
  stroke: lightgray;
}

.sort-header {
  color: #4a4a4a;
}

.sort-header:has(svg) {
	cursor: pointer;
}

.slider-wrap table {margin:0;padding:0;}
.slider-wrap p { padding:5px 10px 15px 12px;font-size:1.2em;} /*HAS 30.06.2010 */
.sortable-footer {margin:0 !important;}
.slider-wrap table thead { border-bottom: 1px solid #f6f6f6;}
.slider-wrap table th {font-size:1.1em;font-weight:bold;padding:5px 0 5px 7px;text-align:left; color:#4a4a4a;}
.sort-table th {vertical-align:bottom;}
.sort-table td {background-image:url("../css_images/content_separator.gif"); background-position:0 bottom;background-repeat:repeat-x;line-height:150%;padding:5px 0 5px 7px;text-align:left;vertical-align:top;}
.bank-code-search-results td {padding-right:5px;}


a.btn-mehr-small-dis {background:url("../css_images/btn_next_small_disabled_right.jpg") no-repeat scroll right top transparent;color:#8C8C8C;}
a.btn-mehr-small-dis {display:inline;float:left;font-size:0.93em;font-weight:normal;height:26px;margin:0 10px 0 0;padding-right:22px;text-decoration:none;}
.slider-wrap td {background-color:#FFFFFF;}
a.btn-mehr-small span {background:url("../css_images/btn_mehr_26_left.png") no-repeat scroll 0 0 transparent;color:#4a4a4a;display:block;line-height:26px;padding:0 5px 0 10px;}


.search-nav p.search-info {float:right;font-size:1.1em;margin:10px;}
.search-nav .dif-entries{ width: 65px; height: 25px; padding: 6px 0 0 0;}
.search-nav .entries-p-s{ width: 114px; height:23px; padding: 8px 0 0 0;}
.search-nav .dif-btns {  height: 31px;}
.search-nav .dif-btns .wrap-btn { width: 83px;margin:-5px -7px 0;}
.search-nav .entries-p-s2{ width: 64px; height:23px; padding: 8px 0 0 0; text-align: center;}
.search-nav div.footer-float-account { float: left;}
.search-nav {float:right;}

/* ----- =base id ----- */
#upper-header {height:92px;}
#main-navigation { height:36px; width:780px; padding-left: 200px; }
#main-navigation-small {height:36px; background:url(../images/base/navi-first.gif) no-repeat left; width:565px;} /* GAM 10.07.2010 (small header) */

#auto-logout {height:18px;}
#date-display {margin: 17px 0 0 0; color:#4a4a4a; font-size:1.01em;}

#logo a{width:245px; height:92px; display:block;}

/* ----- =base adjustments id----- */
#navi-small{background:url(../images/base/navi-last.gif) no-repeat right; width:565px; height:36px;} /* GAM 10.07.2010 (small header) */
#navi-small ul{ background:url(../images/base/navi-repeat.gif) repeat-x; width:555px;height: 36px; margin: 0 5px;} /* GAM 10.07.2010 (small header) */

#navi{ height:36px;}

#navi ul{ height: 36px; }

#navi li{ height: 36px; line-height: 36px; float: left; display: inline; text-align: center; position:relative; border-bottom: 1px solid #d9d9d9;}

#navi li a{color:#4a4a4a; font-size: 1.14em; text-decoration: none;}

#navi li.active a,
#navi li a:hover {color: #177991; font-weight: bold; text-underline-offset: 13px; text-decoration: underline; text-decoration-thickness: 2px;}

#navi li.last{ background: none; padding: 0; margin: right; float: right; width: 105px; }
#navi li.last .logout{ width: 81px; height: 24px; border: none; line-height:24px; cursor:pointer; overflow:hidden; display:block; margin:4px auto; border: 2px solid #177991; border-radius: 10px; color: #177991; font-weight: bold; }
#navi li.last .logout:hover { width: 81px; height: 24px; border: none; line-height:24px; cursor:pointer; overflow:hidden; display:block; margin:4px auto; border: 2px solid #177991; background-color: #177991; border-radius: 10px; color: #ffffff; font-weight: bold; }

#navi li.financeoverview{ width:145px;}
#navi li.portfolio{ width:165px;}
#navi li.bankersorder{ width:145px;}
#navi li.stocks{ width:110px;}
#navi li.service{ width:110px;}

.menusep { border-bottom: 1px solid #d9d9d9; margin: 0 7px 0 9px; }

/* ----- =sub navigation----- */
#navi ul.menu-submenu{ position:absolute;background: url(../images/base/submenu-content.png) no-repeat; height:162px; margin:0; top:20px; left:-7px; width:201px; padding:15px 0 0 0;z-index:999999;display:none;}
#navi ul.show {display:block;}
#navi .menu-submenu li{ width:201px; float: none; margin:0; line-height:23px; text-align: left; display:block; height:30px; background:none;}
#navi .menu-submenu li a{display: block; width:168px; padding: 6px 0 0 20px; height:23px; color:#4a4a4a; line-height:15px;}
#navi .menu-submenu li a:hover{font-weight: bold; background:url(../images/base/mouse-over-first.png) no-repeat 6px; height:23px; width: 188px;}

#navi .security_services_menu { }

/* ----- =base adjustments class----- */
#header .first{width:245px;}
#header .second{width:729px; margin: 0 2px 0 0;}
.menue-box{margin: 0 0 10px 0; overflow: hidden; width:187px; float:none; display: block; border: 1px solid #d9d9d9; border-radius: 5px;}
#header-small .first{width:268px;margin-left:-12px;} /* GAM 10.07.2010 (small header) */
#header-small .second-small{width: 264px; float: right; display:inline;} /* GAM 10.07.2010 (small header) */

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a:link, a:visited, a:focus, a:hover, a:active { color:#177991; }

/* ----- =headlines/ Ueberschriften/ Absaetze ----- */

/* Zeilenhoehe 16px */
h1 {font-size: 1.85em;line-height:1.2em;}/*24px*/
h2 {font-size: 1.54em;line-height:1.2em;margin:1.2em 0 .4em;}/*20px*/
h3 {font-size: 1.38em;line-height:1.1em;margin:0.33em 0 0.44em 0; color:#177991; padding: 0 0 0 10px; width:175px;}/*18px*/

h4 {font-size: 1.23em;line-height:1em;margin:1em 0 .5em;}/*16px*/
h5 {font-size: 1.08em;line-height:1.14em;margin:1.14em 0 .57em;}/*14px*/
h6 {font-size: 1em;line-height:1.23em;margin:1.23em 0 .62em;}/*13px*/
p {line-height: 1.2;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
strong {font-weight:bold;}

/* ----- =list ----- */

li {line-height: 1.4;}
ol {margin:1.23em 0 1.23em 2.5em;}

/* ----- =image ----- */
img {border:0;}

/* ----- =class ----- */
.v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.h, .hidden {display:none;}
.c, .clear  {clear: both; line-height:0; font-size:0; height:1px; margin:0 0 -1px 0; width:0; overflow: hidden; display:block; }
.c20  {clear: both; line-height:0; font-size:0; height:20px; width:1px;} /*HOL: new class for dynamic info page */
.r  {position:relative;}
.a  {position:absolute;}
.cl {clear:left;}
.cr {clear:right;}
.ir  {text-indent: -1000em;overflow:hidden;}
.fright {float:right; display:inline;}
#print .fright {float:right; display:inline;padding-right:8px;}
.fleft {float:left; display:inline;}
.fnone {float:none !important;}
.m0 {margin:0;}
.p0{padding:0;}
.nowrap {white-space:nowrap;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.versal {text-transform:uppercase;}
.wauto {width:auto;}
:focus { outline: 1; }

/* ----- =tables ----- */
table {border-spacing:0;empty-cells:show;width:100%;}
/*th, td {font-size:1em;padding: .2em .2em;text-align: left; }*/
thead td, th {font-weight:bold;}

/* Navigation
-------------------------------------------------------------------*/

#wrap-menue {float:right; margin: 8px 0 0 0;height:22px;}
#wrap-menue li span.text{float:none; margin: 0}
#wrap-menue li{float:left; display:inline; height:20px; line-height:20px; border-right: solid #f6f6f6 1px;}

#wrap-menue li span.number{ display:block; height:18px; text-align:center; color:#FFFFFF; font-weight: bold; font-size: 0.85em; cursor:pointer; line-height: 18px; float:right; min-width:12px; background-color: #d2041c; border-radius:10px; padding: 0 3px 0 3px;}

#wrap-menue li.last {border:none; margin: 0 0 0 10px;}

#wrap-menue li a{font-size: 1.13em; text-decoration: none; color:#4a4a4a;}

#wrap-menue .help {width:55px; text-align:center;}
#wrap-menue .profile {width:90px; text-align:center;}
#wrap-menue li.inbox {padding: 0 10px 0 0;}
#wrap-menue li.inbox span.text{margin-right:10px;}

#wrap-menue li.inbox a {cursor:pointer;}
#wrap-menue li a.active,
#wrap-menue li a:hover{font-weight:bold;}

#wrap-menue li td.text-pos {border: medium none; padding: 0;}
#wrap-menue li td.number-pos {border: medium none; padding: 0; width: 25px;}

.language-switcher{width:80px; color:#4a4a4a; height:19px;border:1px solid #A3A3A3;}

/* Sub - Navigation
	-------------------------------------------------------------------*/
#sub-menu{width: 187px; margin: 16px 17px 0 0; padding:0 0 0 1px; text-decoration: none;}

@media screen and (-webkit-min-device-pixel-ratio:0){
#sub-menu{width: 187px; margin: -25px 17px 0 0; padding:0 0 0 1px; text-decoration: none;}
}

.submenu-top{ width:187px; height:3px; line-height:1px; font-size:1px;}

.submenu-bottom{ width:187px; height:3px; line-height:1px; font-size:1px;}

.submenu-repeat{ width:185px; padding: 6px 0 0 0;}

.submenu-repeat ul { width: 185px; }

.submenu-repeat li{line-height: 15px; border-bottom: 1px solid #f6f6f6; margin-left: 9px; margin-right: 7px;}

.submenu-repeat li div,
.submenu-repeat li a{font-size: 1em; color:#4a4a4a; text-decoration: none; padding:8px 0 8px 26px; display: block; line-height:15px; max-width:159px; background:url(../images/base/submenu-bullet.gif) no-repeat 10px top; overflow:hidden;}

.submenu-repeat li a div{width: 0; padding:0; margin:0; line-height:0; font-size:0; height:0; border:0;}

.submenu-repeat li div.sub-item-parent,
.submenu-repeat li a.sub-item-parent{font-size: 1em; color:#4a4a4a; text-decoration: none; padding:8px 0 8px 26px; display: block; line-height:15px; background:url(../images/base/submenu-bullet-down.gif) no-repeat 10px center; overflow:hidden;}

.sub-item div,
.sub-item a{padding:8px 0 8px 36px !important; background-position:20px top !important; line-height:15px !important;}

.sub-sub-item div,
.sub-sub-item a{padding:8px 0 8px 46px !important; width: 139px !important; background-position:30px top !important; line-height:15px !important;}

.sub-sub-sub-item div,
.sub-sub-sub-item a{padding:8px 0 8px 55px !important; width: 130px !important; background-position:45px top !important; line-height:15px !important; word-wrap:break-word;}

.submenu-repeat li.last{background:none; padding: 0; border: 0;}

.submenu-repeat ul.contact li.last{background:none; width:173px; padding: 8px 0 8px 0;}

.submenu-repeat li a.fav-icon{background:url(../images/base/fav-icon.gif) no-repeat 6px center;}

.submenu-repeat li a.active,
.submenu-repeat li div.active {background-color: #d9d9d9; font-weight:bold;}
.submenu-repeat li a:hover {background-color: #f6f6f6; font-weight:bold;}

.submenu-repeat ul.contact li{padding: 8px 0 8px 0; width:175px; line-height:normal; height: auto; font-size:1em; color:#4a4a4a;}

.submenu-repeat ul.contact li.last{background:none;}

.submenu-repeat ul.contact li.availible strong{ float:left; width: 40px; overflow:hidden; display:inline;}
.submenu-repeat ul.contact li.availible span{ float:left; width: 130px; overflow:hidden; display:inline;}
.submenu-repeat ul.contact li a {width: 149px; height: 16px; line-height:16px;}

.submenu-repeat .callback-li{ padding:8px 0 8px 10px !important;}
.submenu-repeat .arrow{ background:url(../images/base/arrow-icon.gif) no-repeat center center; float:left; height:16px; line-height:16px; margin: 2px 0 0 5px; width:4px;}
.submenu-repeat .forArrow{float: left; width:auto;}

.submenu-repeat ul.contact li a.callback{ background:url(../images/base/tel-icon-call.gif) no-repeat left center;height:19px; line-height:19px;}
.submenu-repeat ul.contact li .icon-phone{ background:url(../images/base/tel-icon.gif) no-repeat left center;padding:0 0 0 26px;line-height:15px; width: 149px;}
.submenu-repeat ul.contact li a.mail{background:url(../images/base/msg-icon.gif) no-repeat left center; height:16px; line-height:16px;}
.submenu-repeat ul.contact li a.chat{background:url(../images/base/chat-icon.gif) no-repeat left center;height:16px; line-height:16px;}

.submenu-repeat ul.contact li a.mail .arrow,
.submenu-repeat ul.contact li a.chat .arrow{margin-top:0;}

/* Content
-------------------------------------------------------------------*/
#content-wrap {width:770px;color:#4a4a4a;}

.calendar {text-align:right;}

.content-wrap { padding:19px 8px 5px 10px; width:750px;}
.content-wrap-top { width:770px; }
.content-wrap-bottom { width:770px; height:3px; line-height:1px; font-size:1px; margin-bottom:15px;}

.content-wrap h1 {font-size:2.15em;}
.wrap-signation02{padding-left:4px;padding-right:0;}
.text-teaser,
.headline-template {margin:0 10px 10px 10px;}
.headline-template {color:#4a4a4a;height:36px;}

.headline-template h1,
.headline-template a {float:left;}
.headline-template a {margin:10px 0 0 5px;}

#tooltip .body a,
.content-wrap a {color:#177991;text-decoration:underline !important;}
#tooltip .body a:hover {color:#4a4a4a;}

.content-wrap a:hover {color:#4a4a4a;}
a.dark {color:#4a4a4a;text-decoration:underline;}
a.dark:hover {color:#177991;}
.content-wrap a.noline {text-decoration:none;}

.info-box {width:750px; margin: 0 0 20px 0;}

.content-box-small {width:361px; margin: 0 0 20px 0; border-radius: 5px; boder: 1px solid #f6f6f6;}
.content-box-small.last {margin:0;}
.content-box-small-top {width:361px; height:4px; line-height:1px; font-size:1px;}
.content-box-small-bottom {width:361px; height:4px; line-height:1px; font-size:1px;}
.content-box-small-content {padding:9px 10px 9px 12px;}

.content-box {width:750px; margin: 0 0 20px 0; border: 1px solid #f6f6f6; border-radius: 5px; }
.content-box.last {margin:0;}
.content-box.closed {margin-bottom:8px;}

.content-box .header, #depotNotion .header { background-color: #ECF4DC; }

.content-box-top { width:750px; height:3px; line-height:1px; font-size:1px;}
.content-box-bottom { width:750px; height:3px; line-height:1px; font-size:1px;}
.content-box-bottom-medium { width:562px; height:3px; line-height:1px; font-size:1px;}
.content-box-bottom-small { width:563px; height:4px; line-height:1px; font-size:1px;} /* GAM 10.06.2010 (small info block) */

.dark .content-box-top { background-color: #ECF4DC; height:24px;font-size:1em;padding:10px 0 0 37px;line-height:1em; width:713px; position: relative; }
.closed .content-box-top { background-color: #FFFFFF; height:24px;font-size:1em;padding:10px 0 0 37px;line-height:1em; width:713px; position: relative;}
.closed .content-box-top:hover { background-color: #ECF4DC; }

.dark h2 {font-size:1.1em;}
.hover h2 {color:#105566 !important;}

/* workaround for wrongly created info boxes inside of text labels */
.content-box-content .adviceBoxes, .small-box-content .adviceBoxes { border: 1px solid #75B8D9; border-radius: 6px;	background-color: #F5FAFC;}
.content-box-content .adviceBoxes .adviceText-diff { float: none; }


.content-box-content { padding:10px 0; width:100%;}
.content-box-content-small{ padding:10px 0; width:561px;}

.dark .content-box-content {padding:0;}
.dark .content-box-content-small {padding:0;} /* GAM 10.06.2010 (small info block) */
.content-box .el-content {padding:0 10px}

#options-footer {border-top:1px solid #f6f6f6; margin:40px 0 0;padding:10px 0 5px;}

.link-print a {background:url(/InternetBanking/css_images/print.svg) no-repeat scroll 0 0 transparent; background-size: 32px; display:block;height:32px;width:80px;padding:8px 0 0 35px;color:#177991;text-decoration:underline !important;}

/*HOL: new divs and spans for account info in mo_orderfolder_overview: */
div.filter-stand {display: block; /*TODO: switch on: none;*/}
div.filter-stand-show {display: block;}
div.middle-sep {border-bottom: 1px solid #f6f6f6; height: 2px; overflow: hidden; margin: 8px 8px 15px 0;}
span.kontostand-filter-text {display: inline; float: left; padding: 0 0 8px 150px; margin-top: -5px;}
span.kontostand-filter-sum {display: inline; float: right; text-align: right; font-weight: normal; padding: 0 0 8px 0; margin-top: -5px; margin-right: 135px;}

label.jtzt-disabled {color: #666;}

.text-padding-style{padding-bottom: 10px;}

.text-teaser-po {font-size: 1.2em; color:#177991;}

/* Counter
-------------------------------------------------------------------*/
.counter {margin: 6px 5px; height:12px; line-height:12px; color: #4a4a4a;}

/* Footer
-------------------------------------------------------------------*/
#footer .footer-navigation{ width:964px; height:38px;}

#footer .footer-navigation div.first{ width:205px;margin: 0; float:left; display:inline-block; height: 38px;}
#footer .footer-navigation div.first .sitemap-btn{width: 108px; height:38px; display: block; line-height:38px; margin: 0 0 0 15px;}
#footer .footer-navigation div.first .sitemap-btn a{background: url(../images/base/sitemap-arrow-green.gif) no-repeat 0 0; overflow:hidden; height: 12px; color: #4a4a4a; padding:0 0 0 21px;}
#footer .footer-navigation div.first .sitemap-btn a.open{background-position: 0 -12px;font-weight:bold;}

#footer .footer-navigation div.second {float:left; display: inline; width:590px; height:38px;}
#footer .footer-navigation .second li{display:inline; float: left; height:38px; line-height:38px; color:#4a4a4a;}

#footer .footer-navigation .second li.last{background:none; margin: 0; padding:0;}

#footer .footer-navigation .second li a{color:#4a4a4a; cursor:pointer;}

#footer .sitemap-btn a:hover,
#footer .footer-navigation .second li a:hover{font-weight: bold;}
#footer .footer-navigation .third{float: left; display: inline; width:168px;}
#footer .footer-navigation .third a{overflow:hidden; display:block;}
#footer .footer-navigation .third li{float: left; display: inline; width:30px; height:38px;}
#footer .footer-navigation .third li.last,
#footer .footer-navigation .third li.last a{width: 25px; padding:0; margin:0;}
#footer .footer-navigation .third li.forfont{width: 26px !important;}

#footer .footer-navigation .third li a.handicap-yellow{background: url(/InternetBanking/css_images/icon_color_yellow.png) no-repeat 0 0; cursor:pointer; display: block; width:26px; height:26px; overflow:hidden; margin: 5px 0 0 5px;white-space:nowrap;}
#footer .footer-navigation .third li a.handicap-blue{background: url(/InternetBanking/css_images/icon_color_blue.png) no-repeat 0 0; cursor:pointer; display: block; width:30px; height:26px; overflow:hidden; margin: 5px 0 0 5px;white-space:nowrap;}
#footer .footer-navigation .third li a.handicap-green{background: url(/InternetBanking/css_images/icon_color_green.png) no-repeat 0 0; cursor:pointer; display: block; width:30px; height:26px; overflow:hidden; margin: 5px 0 0 5px;white-space:nowrap;}
#footer .footer-navigation .third li a.handicap-link{background: url(/InternetBanking/css_images/icon_wai.png) no-repeat 0 0; cursor:pointer; display: block; width:25px; margin: 5px 0 0 5px; height:33px;}
#footer .footer-navigation div.loggedout {background:url(../images/base/footer-no-btn.gif) no-repeat;}

#footer .footer-navigation .third li a.handicap-font.small {
	background-color: #177991;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 0.85em;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
	margin-top: 6px;
}

#footer .footer-navigation .third li a.handicap-font.big {
    background-color: #177991;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 1.2em;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
	margin-top: 6px;
}

#footer .footer-navigation .third li a.handicap-font.small:hover,
#footer .footer-navigation .third li a.handicap-font.big:hover { font-weight: bold; }


/* Original (replaced by footerTP)
#footer .footer-navigation .second li.oneTP{width:90px; text-align:center;}
#footer .footer-navigation .second li.twoTP{width:45px; text-align:center;}
#footer .footer-navigation .second li.threeTP{width:105px; text-align:center;}
#footer .footer-navigation .second li.fourTP{width:155px; text-align:center;}
#footer .footer-navigation .second li.fiveTP{width:82px; text-align:center;}
#footer .footer-navigation .second li.sixTP{width:115px; text-align:center;} */

#footer .footer-navigation .second li.footerTP{width:100px; text-align:center;}

#spacer-footer {height:35px;}

.isloggedout{min-height: 455px; padding: 0 12px 0 7px;}
.isloggedout-dyninfo{padding: 0 12px 0 7px;}  /*HOL: new class for dynamic info page */
.promo{padding-right: 0;}

#sitemap {width: 969px; height: 640px; margin: 0 0 10px 2px; line-height:12px;display:none;}
#sitemap .content {width: 969px; height:640px; display: block;}
#sitemap .footer{width: 969px; height:4px; display: block; line-height:1px; font-size:1px; }
#sitemap .sitemap-row{float: left; display: inline; width: 182px; padding:10px 0 0 10px; border-left: 1px solid #f6f6f6; color: #4a4a4a; font-weight: bold; font-size:12px; height:407px;}
#sitemap .first { border: none; }
#sitemap .last{background: none;}
#sitemap .sitemap-row label{height: 28px; line-height:28px; color:#177991; width:183px;}
#sitemap .sitemap-row label a{color: #177991; text-decoration:none;}
#sitemap .sitemap-row label a.home{color: #4a4a4a;}
#sitemap .sitemap-row li{height: 28px; line-height:28px;}
#sitemap .sitemap-row li a { color: #4a4a4a; background:url(../images/base/sitemap-arrow-a.gif) no-repeat 0 -30px; display:block; padding: 0 0 0 12px; }
#sitemap .sitemap-row li a.open{background-position:0 -28px;}
#sitemap .withoutHome{margin: 28px 0 0 0; height:409px;}

#sitemap .sitemap-row li.open{ line-height:16px; margin: 7px 0 0; height:auto;}
#sitemap .sitemap-row li.open a{ background:url(../images/base/sitemap-arrow-c.gif) no-repeat 0 -6px; height:16px; display:block; margin-bottom: 5px;}

#sitemap .sitemap-row ul.subclass{margin: 0 0 0 12px;}
#sitemap .sitemap-row ul.subclass li { height: auto; line-height:14px;background: url(../images/base/sitemap-arrow-b.gif) no-repeat 0 -36px;padding: 0 0 0 12px; }
#sitemap .sitemap-row ul.subclass li a { color: #4a4a4a; display: block;font-weight:normal; background: none; padding: 0 2px 1px 0; }

#sitemap .sitemap-row ul.subsubclass{margin: 0 0 0 22px;}
#sitemap .sitemap-row ul.subsubclass li { height: auto; line-height:14px;background: url(../images/base/sitemap-arrow-b.gif) no-repeat 0 -36px;padding: 0 0 0 12px; }
#sitemap .sitemap-row ul.subsubclass li a { color: #4a4a4a; display: block;font-weight:normal; background: none; padding: 0; }


/* Form elements
-------------------------------------------------------------------*/
.txt-styled {border:1px solid #d9d9d9;height:12px;padding:5px;border-radius:5px;outline-color: #03a1d2;}

.txt-styled-small {border:1px solid #d9d9d9;height:16px;padding:2px 4px;border-radius:5px;outline-color: #03a1d2;}
.validation-error {border-width: 3px; border-color: #C10607 !important; }
.checkbox-validation-error {border: 1px solid #C10607 !important; }
.radio-validation-error {outline: 1px solid #C10607 !important; }

.txt-styled-small.error,
.txt-styled.error {border:1px solid #C10607;}

.input-error {border: 2px solid #C10607 !important;}

/*  HelpBubble
-------------------------------------------------------------------*/
#tooltip .body {font-size:1.2em !important;}
#tooltip .body {color: inherit !important;padding:0 !important;background:transparent !important;}

#helpbubble .helpbubble-top{width:218px; height:14px;}
#helpbubble .helpbubble-top-left{background:url(../images/base/tooltip_left_top_corner.png) no-repeat; width:11px; height:14px; float:left;}
#helpbubble .helpbubble-top-middle{background:url(../images/base/tooltip_top_middle.png) repeat-x; width:196px; height:14px; float:left;}
#helpbubble .helpbubble-top-right{background:url(../images/base/tooltip_right_top_corner.png) no-repeat; width:11px; height:14px;float:left;}

#helpbubble .helpbubble-repeat{background:url(../images/base/helpbubble-repeat.png) repeat-y; width:218px;} /*TODO: Make this flexible*/

#helpbubble .helpbubble-bottom{width:218px; height:14px; line-height:1px; font-size:1px;}
#helpbubble .helpbubble-bottom-left{background:url(../images/base/tooltip_left_bottom_corner.png) no-repeat; width:11px; height:14px; line-height:1px;float:left; }
#helpbubble .helpbubble-bottom-middle{background:url(../images/base/tooltip_bottom_middle.png) repeat-x; width:196px; height:14px; line-height:1px;float:left; }
#helpbubble .helpbubble-bottom-right{background:url(../images/base/tooltip_right_bottom_corner.png) no-repeat; width:11px; height:14px; line-height:1px;float:left; }

#helpbubble .helpbubble-content{background:url(../images/base/helpbubble-repeat-x.gif) repeat-x left bottom; width:182px; border-right: solid #f1f1f1 1px; border-left: solid #f1f1f1 1px; margin:auto; padding: 3px 11px;} /* HOL: removed: 'height:152px;' */

#helpbubble p{color: #4a4a4a;}

#helpbubble .deco-line-left {background:url(../images/base/helpbubble-line-content-left.png) no-repeat; width:60px; height:1px;margin-bottom:0.5em;float:left;}
#helpbubble .deco-line-middle {background:url(../images/base/helpbubble-line-content-middle.png) repeat-x; width:62px; height:1px;margin-bottom:0.5em;float:left;}
#helpbubble .deco-line-right {background:url(../images/base/helpbubble-line-content-right.png) no-repeat; width:60px; height:1px;margin-bottom:0.5em;float:left;}

.securityQuantityHintTooltip #helpbubble .helpbubble-top,
.securityQuantityHintTooltip #helpbubble .helpbubble-repeat,
.securityQuantityHintTooltip #helpbubble .helpbubble-bottom { width:528px; }
.securityQuantityHintTooltip #helpbubble .helpbubble-content { width:492px; }
.securityQuantityHintTooltip #helpbubble .deco-line-middle { width:372px; }
.securityQuantityHintTooltip #helpbubble .helpbubble-top-middle,
.securityQuantityHintTooltip #helpbubble .helpbubble-bottom-middle{width:506px;}
.securityQuantityHintTooltip #helpbubble .helpbubble-repeat{background:url(../images/base/helpbubble-repeat-tooltip.png) repeat-y;} /*TODO: Make this flexible*/

.size5 .securityQuantityHintTooltip #helpbubble .helpbubble-top,
.size5 .securityQuantityHintTooltip #helpbubble .helpbubble-repeat,
.size5 .securityQuantityHintTooltip #helpbubble .helpbubble-bottom { width:538px; }
.size5 .securityQuantityHintTooltip #helpbubble .helpbubble-content { width:502px; }
.size5 .securityQuantityHintTooltip #helpbubble .deco-line-middle { width:382px; }
.size5 .securityQuantityHintTooltip #helpbubble .helpbubble-top-middle,
.size5 .securityQuantityHintTooltip #helpbubble .helpbubble-bottom-middle{width:516px;}
.size5 .securityQuantityHintTooltip #helpbubble .helpbubble-repeat{background:url(../images/base/helpbubble-repeat-tooltip-big.png) repeat-y;}/*TODO: Make this flexible*/


.securityQuantityHintTooltip .securityQuantityHintHeaderLeft, .securityQuantityHintTooltip .securityQuantityHintBodyLeft {float:left;padding-left:12px!important;}
.securityQuantityHintTooltip .securityQuantityHintHeaderRight, .securityQuantityHintTooltip .securityQuantityHintBodyRight  {float:right;padding-right:12px!important;}

.securityQuantityHintTooltip .securityQuantityHintHeaderLeft,
.securityQuantityHintTooltip .securityQuantityHintBodyLeft,
.securityQuantityHintTooltip .securityQuantityHintHeaderRight,
.securityQuantityHintTooltip .securityQuantityHintBodyRight {padding-bottom: 5px;}
.securityQuantityHintTooltip .topnomargin { width : 100%; }

/* Sexy Combo selectfields
-------------------------------------------------------------------*/
select {border:1px solid #d9d9d9;padding:1px 0; border-radius:5px; outline-color: #03a1d2; height: 22px;}

/* ----- =sexy combo ----- */
div.combo { position:relative;left: 0;top: 0;display:block; }
/*text input*/
.combo input {position: absolute;}
/*icon*/
.combo div.icon {position:absolute;}
/*list wrapper*/
.combo div.list-wrapper {position: absolute;overflow: hidden;/*we should set height and max-height explicitly*/height: 200px; max-height: 200px;/*should be always at the top*/z-index: 99999;}

/*active (hovered) list item*/
.combo .visible {display: block;}
.combo .invisible {display: none;}
/*used when emptyText config opt is set. Applied to text input*/

div.sexy {white-space: nowrap;height: 21px;border: 0;margin: 0;padding: 0;width: 146px;}
#wrap-menue div.sexy input {padding:2px 9px 0 5px;}
div.sexy input {margin: 0 0 0 0;padding:2px 9px 0;border:none;height: 18px;line-height:1em;left: 0;top: 0;}
#wrap-menue div.sexy input {color:#4a4a4a;background:#fff url(../images/base/sexyCombo/text-bg.gif) repeat-x 0 0;}

div.sexy input {color:#4a4a4a;background:#fff url(../images/base/sexyCombo/text-bg-green.gif) repeat-x 0 0;}
div.sexy div.icon {width:20px;height:20px;border: 0;cursor:pointer;top:0;right: 0;}
#wrap-menue div.sexy div.icon {background:transparent url(../images/base/sexyCombo/trigger.gif) no-repeat 0 0;}

div.sexy div.icon {background:transparent url(../images/base/sexyCombo/trigger-green.gif) no-repeat 0 0;}
div.sexy div.list-wrapper {color:#4a4a4a;left: 0;top: 19px;border: 1px solid #A3A3A3;background-color: #FFFFFF;padding: 0;margin: 0;width: 146px;bottom: auto;}

#wrap-menue div.sexy div.list-wrapper {color:#4a4a4a;}

div.sexy div.list-wrapper-up {top: auto;bottom: 21px;}
div.sexy ul {list-style-type: none;padding: 0;margin: 0;height: 200px;}
div.sexy  li {padding: 0 0 0 9px;background-color: #FFFFFF;cursor: pointer;margin: 0;display:block !important;float:none !important;}
#wrap-menue div.sexy  li {padding: 0 0 0 5px !important;background-color: #FFFFFF;cursor: pointer;margin: 0;display:block !important;float:none !important;border-right:none;text-align:left;}

#wrap-menue div.sexy li.active {background-color:#D3D3D3;}
div.sexy li.active {background-color:#D9D9D9;}

.combo li {border-bottom:none;}

/*for IE*/
div.sexy a, div.sexy a:visited, div.sexy a:active {display: block;width: 146px;text-decoration: none;font:normal 14px  tahoma, arial, helvetica, sans-serif;color: #4a4a4a;cursor: pointer;margin: 0; height: 20px;}
div.sexy input.empty {color: gray;}
a.to-highlight:hover {background-color: #ff0000;}

/*
 * UI checkbox
 * The state classes are a little bit complex, because of the doubble class bug in IE6
 * The state class looks like this:
 *
 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
 *
 * Examples:
 *
 * .ui-radio-state-checked (simply checked)
 * .ui-radio-state-checked-hover (checked and hovered/focused)
 * .ui-radio-state-hover (unchecked and hovered/focused)
 *
 */

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
  color: #999;
}
span.ui-checkbox { }
span.ui-radio { }
span.ui-checkbox { }
span.ui-radio { }
span.ui-radio,
span.ui-checkbox {
  display: block;
  float: left;
}

span.ui-helper-hidden {
  display: none;
}

span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
  background-position: 0 -15px;
}

.ui-checkbox-state-disabled {
  background-position: 0 -45px !important;
}

span.ui-radio-state-checked,
span.ui-radio-state-checked-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked-disabled-hover,
span.ui-checkbox-state-checked,
span.ui-checkbox-state-checked-hover,
span.ui-checkbox-state-checked-disabled,
span.ui-checkbox-state-checked-disabled-hover {
  background-position: 0 -30px;
}

#setting-favs .ui-checkbox,
#setting-products .ui-checkbox,
#setting-products .ui-radio,
#setting-homepage .ui-radio {
  margin:0 5px 0 0;
}

.ui-helper-hidden-accessible-checkbox {
  left: -99999999px;
  position:absolute;
}

/* Dynamic button
-------------------------------------------------------------------*/
.easybank-dynamic-btn { white-space: nowrap;margin: 3 10px -10px 0 important; display:block; background: url(../images/base/dynamic-btn-left.gif) no-repeat; height:25px !important; padding:0 0 0 2px;}
.easybank-dynamic-btn .content{white-space: nowrap;background: #8db717 url(../images/base/dynamic-btn-right.gif) no-repeat top right !important; height:25px !important; text-align: left;  display:block;}

.easybank-dynamic-btn .content a,
.easybank-dynamic-btn .content input{ white-space: nowrap;line-height:15px !important;border:0; cursor:pointer;color:#FFFFFF; font-size:1.05em; font-weight: bold; text-decoration:none !important; background:#8db717 url(../images/base/dynamic-btn-right.gif) no-repeat top right !important; height:20px !important; padding: 0 0 0 0; display:block;}

.easybank-dynamic-btn .content input{ white-space: nowrap;padding-top: 0; padding-bottom: 1px; height:24px !important; width:87px;}
.easybank-dynamic-btn .content a:hover,
.easybank-dynamic-btn .content input:hover{white-space: nowrap;color:#3A561C; background: #8db717 no-repeat 9px center;}


.dynamic-btn { white-space: nowrap;margin: 0 10px 6px 0; display:block; height:25px !important; padding:0 0 0 2px;}
.dynamic-btn .content{white-space: nowrap; height:25px !important; text-align: left;  display:block;}

#login .dynamic-btn .content{padding: 0; width:auto; margin: 0; background: none; text-align: center; min-width:50px;}

.dynamic-btn .content a,
.dynamic-btn .content input{ white-space: nowrap;border:0; cursor:pointer;color:#FFFFFF; font-size:1.05em; font-weight: bold; text-decoration:none !important; background-color: #177991; height:21px !important; line-height:15px; padding: 6px 10px 0 10px; display:block; border-radius: 6px;min-width:30px;text-align:center;}
.dynamic-btn .content input{ white-space: nowrap;padding-top: 2px; padding-bottom: 1px; height:27px !important; width:105px;}

.dynamic-btn .content a:hover,
.dynamic-btn .content input:hover{white-space: nowrap; background-color:#105566; }

.dynamic-btn .content a.reverse{white-space: nowrap;}
.dynamic-btn .content a.reverse:hover{white-space: nowrap;}

.dynamic-btn .content a.next{white-space: nowrap; }


/* disabled */
.dynamic-btn-disabled { white-space: nowrap;margin: 0 10px 6px 0; display:block; height:25px !important; padding:0 0 0 2px; cursor:default !important;}
.dynamic-btn-disabled .content{white-space: nowrap; height:25px !important; text-align: left;  display:block;}

.dynamic-btn-disabled .content a,
.dynamic-btn-disabled .content input{ white-space: nowrap;line-height:15px !important;border:0; cursor:pointer;color:#4a4a4a; font-size:1.05em; font-weight: bold; text-decoration:none !important; background-color: #d9d9d9; height:21px !important; line-height:14px; padding: 6px 10px 0 10px; display:block; border-radius: 5px;}
.dynamic-btn-disabled .content input{ white-space: nowrap; padding-top: 2px; padding-bottom: 1px; height:27px !important; width:105px;}

.dynamic-btn-disabled .content a.reverse{white-space: nowrap;}

.dynamic-btn-disabled .content a.next{white-space: nowrap; }


.dynamic-btn-sign-action-disabled{pointer-events: none !important; color: gray}
/* @section - multiple used
-------------------------------------------------------------------*/
.welcome-logout{width:182px; height:50px; float:right; position:relative; margin-top:17px;}
.welcome-logout-text{width: 120px; position:absolute; bottom: -1px;}
.welcome-logout-text a{margin-left:0;}

.welcome-logout-img{width:60px; position:absolute; right:0;bottom:0;}

.welcome-logout-img a{margin:0;}
.welcome-logout-p-max{color:#4a4a4a; font-weight:bold; font-size:1.2em; margin: 0 0 5px 0;}
.welcome-logout-p-min{color:#4a4a4a; font-size:0.9em;}

.heading-message{width:562px;}
.content-signation02{width: 410px; margin: 0 0 20px 10px; color:#4a4a4a;}

.profile-hello-box{
  width: 100%;
  display: inline-block;
  margin: 10px 0 20px 0;
}
.profile-hello-box .heading-message{
  width:auto;
  float: left;
  margin-left: 10px;
 }
.profile-hello-box .content-signation02{
  width:auto;
  margin: 0;
}
.profile-hello-box .welcome-logout{
  margin: -18px 0 0 0;
}
div.teaser-slider-box {
  position: relative;
  height: auto;
  margin: 10px 10px 20px 10px;
}
div.teaser-slider-box a{
  display: block;
}
div.teaser-slider-box img{
  width: 100%;
}

/*  logout -  intermediate page/mail
-------------------------------------------------------------------*/
.grey.first {border-width:0 0 1px; margin-top:0;}
.mail-logout h2 {font-size:1em;font-weight:bold;padding:10px 0 0 10px;background:url(../images/base/bg-content-box-grey.jpg) repeat-x;height:22px;}

.mail-last-text{padding: 11px;}
.mail-last-text p{width: 660px; color:#4a4a4a; border-bottom:solid #f6f6f6 1px;}

.mail-last-text .noborder{border:none;}
.main-headline-left{ width:4px; height:34px;}

.main-headline-repeat{ width:725px; height:34px; padding: 0 7px 0 7px; line-height:34px;}
.main-headline-repeat-small{ width:541px; height:34px; padding: 0 7px 0 7px; line-height:34px;} /* GAM (small info block) */

.main-headline-right{ width:4px; height:34px;}

.main-headline-repeat h2 {font-size:1.1em;margin:0;font-weight:bold;color:#4a4a4a; line-height:34px; height:34px;}
.main-headline-repeat-small h2 {font-size:1.1em;margin:0;font-weight:bold;color:#4a4a4a; line-height:34px; height:34px;} /* GAM 10.06.2010 (small info block) */

.main-headline-repeat a{ }
.main-headline-repeat-small a{ }

input.disabled {background:#f6f6f6;}
input.udisabled {background:#f6f6f6;}
input :disabled {background:#f6f6f6;}
input.readonly {background:#f6f6f6;}
input.ureadonly {background:#f6f6f6;}
input :readonly {background:#f6f6f6;}
input[disabled="disabled"]{background:#f6f6f6;}
input[disabled]{background:#f6f6f6;}

select.disabled {background:#f6f6f6;}
select.udisabled {background:#f6f6f6;}
select :disabled {background:#f6f6f6;}
select.readonly {background:#f6f6f6;}
select.ureadonly {background:#f6f6f6;}
select :readonly {background:#f6f6f6;}
select[disabled="disabled"]{background:#f6f6f6;}
select[disabled]{background:#f6f6f6;}

textarea.disabled {background:#f6f6f6;}
textarea.udisabled {background:#f6f6f6;}
textarea :disabled {background:#f6f6f6;}
textarea.readonly {background:#f6f6f6;}
textarea.ureadonly {background:#f6f6f6;}
textarea :readonly {background:#f6f6f6;}
textarea[disabled="disabled"]{background:#f6f6f6;}
textarea[disabled]{background:#f6f6f6;}

/*  danymic website overlay
-------------------------------------------------------------------*/
.pp_overlay_header,
.pp_overlay {position:absolute;top:0;left:0;z-index:9999;background:#FFFFFF;width:100% !important;visibility:hidden;}
.ppt {visibility:hidden;}
/*.pp_overlay_header {background:url(../images/base/blank.gif);}  commented ecikl07 22.07.2010 (easybank overlay header shade) */
.pp_overlay {position:absolute;top:0;left:0;z-index:9999;background:#FFFFFF;width:100% !important;}
.pp_prodopen {font-size:1em !important; top:35% !important;}

.pp_holder {font-size:1.2em;position:fixed;left:50%;top:30%;margin-left:-265px;z-index:99999;width:530px;height:1px;background:#FFFFFF;padding:0 0 5px   0;display:none;visibility:hidden;}
.pp_holder_tanpopup {font-size:1.2em;position:fixed;left:50%;top:30%;margin-left:-265px;z-index:99999;width:530px;height:1px;background:#FFFFFF;padding:0 0 5px   0;}

#SCA_popup_overlay { position:absolute !important;}

 #pp_holder_iside_iframe {margin:0px;left:0%;top:0%;width:auto;height:auto;padding:0px}
.pp_holder .header { background-color: #ECF4DC; border-style: solid; border-color: #177991; border-width: 1px 1px 0 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.pp_holder .header-bright { height:10px; background-color: #ECF4DC;}
.pp_holder .header h3 {margin:0;height:34px;line-height:34px;font-size:1.1em;font-weight:bold;color:#28430D;}
.pp_holder .content-box-overlay {padding:1em 0 7px 0;border-style:solid;border-color: #177991;border-width:0 1px;background:#FFFFFF;}
.pp_holder .header2 {background:url("../images/base/overlay-header2.gif") no-repeat transparent;height:4px;}
.pp_holder .footer { border-bottom: 1px solid #177991; border-left: 1px solid #177991; border-right: 1px solid #177991; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height:4px; background-color: #fff;}
.pp_holder .headline {margin:0 0 1em 10px;}
.pp_holder .close-overlay {display:block;margin:6px 6px 0;z-index:999999;}
.pp_holder strong.icon {background:url(../images/base/ico-info.gif) no-repeat 0 0;padding:4px 0 0 30px;display:block;height:22px;}
.pp_holder strong.iconconf {background:url(../images/base/ico-confirm.gif) no-repeat 0 0;padding:4px 0 0 30px;display:block;height:22px;}
.pp_holder p {margin:0 20px 0 40px;z-index:9999999;padding-bottom:10px;}
.pp_holder .buttons {float:right;margin:1em 10px 0 1em; }
.pp_holder #btn-without-amount {margin-right:10px !important;}
.pp_holder_loading {position: fixed; width: 286px; height: 107px; top:30%; left:50%; margin-left:-143px; z-index:99999999;visibility:hidden;background-color: white;}
.pp_holder_loading .loading-image { width: 46px; height: 46px;text-align: center;margin: 13px auto 0;}
.pp_holder_loading p {text-align: center;font-weight: bold;font-size: 1.1em;color:#4a4a4a;}
.overlaybody {min-height:1px !important;}

/* CSS for advices
-------------------------------------------------------------------*/
.adviceBoxes{padding: 12px 10px 10px 10px;}
.adviceBoxes p{margin: 12px 0 0 0;}
#box-bankcode .adviceBoxes{padding-right:10px;}
#box-bankcode .dynamic-btn {margin-right:0;}
.adviceLink{margin: 20px 0 0 0;}
.adviceImage{width: 24px; float: left; display:inline; margin: 0 2px 0 0;}
.adviceText{float:left; display:inline; line-height:22px; font-weight:bold; height:22px;}
.adviceText-diff{float:left; display:inline; }
.content-box-content-small .adviceText-diff{width: 400px;}
.adviceText-diff p {margin: 0 0 12px 0;} /* BOS (singular / plural error header) */
.adviceText-diff-small{float:left; display:inline; width: 455px;} /* GAM (small info block) */
.adviceText-diff-small p {margin: 0 0 12px 0;} /* BOS (singular / plural error header) */
.message-header {margin:0 0 10px;}

/* @section = content in general
-------------------------------------------------------------------*/
.content-box-top-bright{ width:750px; height:6px; line-height:1px; font-size:1px; display:block;}
.dark .general{padding: 6px 0 0 0;}

/* @section = picture with icons and buttons
-------------------------------------------------------------------*/
.content-blocks-financeoverview .action div,
.content-blocks-financeoverview .action a,
.wrap-btn,
.wrap-btn .button { width: 90px;}

/* @section = small info boxes bottom
-------------------------------------------------------------------*/
.small-boxes-info{margin: 0 0 20px 0;}

.small-boxes-info .first{float: left; display:inline; width:361px; margin: 0 27px 0 0; border: 1px solid #177991; border-radius: 5px;}
.small-boxes-info .second, .small-boxes-info .right {float: left; display: inline; width:358px; margin:0; border: 1px solid #177991; border-radius: 5px;}

.sec_pfn_signing_row .small-boxes-info .first{width:358px; margin-right: 10px;}
.sec_pfn_signing_row .small-boxes-info {margin: 0px;}
.sec_pfn_signing_row td:hover{background-color:#ffffff!important; }
.sec_pfn_signing_row .small-box-content {height:146px; padding-bottom:9px;}
.sec_pfn_signing_row .radio-float label {padding-left:3px;}
.sec_pfn_signing_row {height:183px;}


.small-box-top-blank{background: url(../images/base/small-box-top-blank.gif) no-repeat; width:361px; height:4px; line-height:1px; font-size:1px;}
.small-box-top{ width:361px; height:4px; line-height:1px; font-size:1px;}
.small-box-bottom{ width:361px; height:4px; line-height:1px; font-size:1px;}

/* boxes are done with tables there, so ... */
#portfolio-done td .small-box-top { border-top: 1px solid #177991; border-top-left-radius: 5px; border-top-right-radius: 5px; border-left: 1px solid #177991; border-right: 1px solid #177991;}
#portfolio-done td .small-box-bottom { border-bottom: 1px solid #177991; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid #177991; border-right: 1px solid #177991;}

.small-box-content{width: 338px; padding: 9px 9px 9px 12px; vertical-align: top;}
.small-box-content.portfolioDONE4 { padding: 12px 10px 10px 12px; }
.small-box-content div.auftrabox-warning {display: flex; padding: 8px 10px 8px 0 !important; margin: 5px 12px 10px 10px !important; background: rgba(240, 170, 0, 0.1); position: absolute; top: -1px; left: -1px;}
.small-box-content div.auftrabox-warning label {line-height: 1.2;}
.small-box-content div.auftrabox-warning span.auftrabox-warning-icon {background-image:url(../images/base/icon_misc_error.png); background-repeat: no-repeat; width:14px; height:6px; padding: 10px; margin: -3px 6px;}
.small-box-content.portfolioDONE1 { height:155px; }
.small-box-content p{width: 285px; margin: 0 0 15px 0;}
.small-box-content div.radio-float{height:14px; margin: 0 0 5px}

.small-box-content-readonly{height:146px !important;}

.small-boxes-info-table{margin: 5px 0 15px}
.small-boxes-info-table td.small-box-content-column{border-left: 1px solid #177991; border-right: 1px solid #177991; padding: 9px 0 0 12px; vertical-align: top;}
.small-boxes-info-table td.small-box-content-column p{width: 285px; margin: 0 0 15px 0;}
.small-boxes-info-table td.small-box-content-column div.radio-float{height:14px; margin: 0 0 5px}
.small-boxes-info-table td.interlayer{width: 26px}


#pinChange .txt-template{ width: 160px; float: left; display: inline; margin:0 15px 10px 0; text-align: right; padding: 2px 0 0 0;}
#pinChange  .input-template{ width: 556px; float: left; display: inline; margin: 0 0 10px 0;}

/*
 * foreignTransfer.css
 */
/* Foreign Transfer page
-------------------------------------------------------------------*/
#foreignTransfer .content-box{padding: 15px 0 0 0;}
#foreignTransfer #transfer-detail{width:748px; margin: auto;}
#foreignTransfer table#foreignTransfer{width:731px; margin: auto;}


#foreignTransfer #transfer-detail tbody td { font-weight: normal;  padding: 10px 0 0 0;  vertical-align: top; border-top:1px solid #f6f6f6;}
#foreignTransfer #transfer-detail tbody tr.first td{border:none; padding:0;}


#foreignTransfer .select-styled-template{ width:546px;}
#foreignTransfer .select-styled-template-new{ width:365px; margin: 0 15px 0 0;}

#foreignTransfer .txt-template{ width: 160px; float: left; display: inline; margin:2px 15px 10px 0; text-align: right; padding: 2px 0 0 0;}
#foreignTransfer .input-template{ width: 520px; float: left; display: inline; margin: 0 0 10px 0;}
#foreignTransfer input.valid-to{ margin: 0 15px 0 0; float: left;}
#foreignTransfer .disabled{ color: #4a4a4a; text-decoration: underline;}
#foreignTransfer .acc-info{ width: 260px; float: left; display: inline;  text-align: left; padding: 2px 0 0 0;}
#foreignTransfer .acc-info-transfer-limit{ width: 560px; float: left; display: inline;  text-align: left; padding: 2px 0 0 0;}

#foreignTransfer .txt-template label{cursor: pointer;}
#foreignTransfer .input-styled-factor{ float: left; display: inline;}
#foreignTransfer .dif-one{margin: 0 15px 0 0;}
#foreignTransfer .input-styled-factor.one {width: 175px;}
#foreignTransfer #fbt-amount {text-align:right;}
#betrageur {text-align:right;} /* HOL: new class for transfer limit change */
#foreignTransfer .input-styled-factor.two {width: 20px; margin: 0 15px 0 0;}
#foreignTransfer .input-styled-factor.three {width: 365px; margin: 0 10px 0 0;}
#foreignTransfer .input-styled-factor.four {width: 430px; margin: 0 10px 0 0;}
#foreignTransfer .input-styled-factor.seven {width: 137px; margin: 0;}
#foreignTransfer .input-styled-factor.two-line {margin: 0 0 10px 0;}
#foreignTransfer .comma{ float: left; display: inline; width: 8px; padding: 4px 0 0 0; text-align: center;}

#foreignTransfer .extra-txt{ float: left; display: inline; padding: 4px 0 0 0; width: 297px;}

#foreignTransfer .radio-float{ float: left; display: inline; width: 198px; padding: 2px 0 0 0;}
#foreignTransfer .radio-float-first{ width: 70px;}
#foreignTransfer .radio-float-first-ext{ width: 87px;}
#foreignTransfer .radiobtn-style{margin: 0 8px 0 0;}
#foreignTransfer .radio-float label{ cursor: pointer;}

#foreignTransfer .calender{ float: left; display: inline; width: 23px; margin: -2px 15px 0 0; cursor:pointer;}

#foreignTransfer .checkbox-charges{float: left; display: inline; margin: 5px 15px 0 0;}
#foreignTransfer .transfer-lbl{float: left; display: inline; padding: 5px 0 0 0; cursor: pointer;}

#foreignTransfer .save-btn{background: url(../../images/default/btn-save.gif) no-repeat; width: 90px; height:28px; float: left; display: inline; border: 0;}

#foreignTransfer .info-boxes{width: 350px; height: 101px; float: left; display: inline; margin: 0 15px 15px 0; border-top: solid #86b918 1px; border-bottom: solid #86b918 1px; padding: 10px 3px 3px 12px; background: #FFFFFF;}
#foreignTransfer .info-boxes.nomargin{ margin: 0;}
#foreignTransfer .info-txt{height: 59px; width: 274px;}
#foreignTransfer .button-for-boxes{ height: 28px; cursor: pointer; float: right; display: inline;}
#foreignTransfer .button-for-boxes.bg-one{background:  url(../../images/default/btn-portfolio.gif) no-repeat; width: 305px;}
#foreignTransfer .button-for-boxes.bg-two{background:  url(../../images/default/btn-draw.gif) no-repeat; width: 127px;}

#foreignTransfer .div-advice{margin: 0 5px 0 12px;}

#foreignTransfer .ui-radio {margin:0 5px 0 0 !important;}

#foreignTransfer #transfer-detail .ui-checkbox {
  margin:5px 5px 0 0;
}

#foreignTransfer #transfer-detail .wrap-btn {margin:0 4px 0 0;}

#foreignTransfer .small-box-content .nomargin,
#foreignTransfer .last .nomargin {margin:0;}

#foreignTransfer .save-template-row .txt-template,
#foreignTransfer .save-template-row .input-template {margin-top:4px;}
#foreignTransfer .save-template-link { display: inline-block; vertical-align: sub; }
#foreignTransfer .vertical-line-fix { display: inline-block; vertical-align: sub; margin-top: 4px; }

#foreignTransfer .extrafloatdiv{ float: left; margin: 2px 10px 0 0;}
#foreignTransfer .foreign_extralink { display: inline-block; vertical-align: sub; padding-top: 3px; }

/*
 * domesticBankTransfer
 */
/* CSS without advice
-------------------------------------------------------------------*/

#domesticBankTransfer .content-box{ margin-top: 10px; }

#domesticBankTransfer #domestic-bank-transfer{width:750px; margin: auto;}
#domesticBankTransfer table#domesticBankTransferTable{width:731px; margin: auto;}

#domesticBankTransferTable .input-tan-template{ width: 536px; float: left; display: inline; margin: 0 0 10px 0;}
#domesticBankTransferTable tbody tr.first td,
#domesticBankTransferTable tbody tr.last td{border:none;}
#domesticBankTransferTable td.adjustextrawidth { width: 10px;}
#domesticBankTransferTable td.noborder{border:none;}

#domestic-bank-transfer tbody td { font-weight: normal; padding:10px 0 0 0; vertical-align: top; border-top:1px solid #f6f6f6;}
#domestic-bank-transfer tbody tr.first td,
#domestic-bank-transfer tbody tr.last td{border:none;}

#domestic-bank-transfer .first td { border-top:1px solid #86B918; padding:0;}
#domestic-bank-transfer .last td { border-bottom:1px solid #86B918;}

#domestic-bank-transfer .ui-radio {margin:0 7px 0 0;}
#domestic-bank-transfer .ui-checkbox,
#domestic-bank-transfer .customer-data .ui-radio {margin:5px 7px 0 0;}

#domesticBankTransfer .nomargin{ margin: 0;}

#domesticBankTransfer .input-styled-factor.six {width: 155px; margin: 0 15px 0 0;}

#domesticBankTransfer .save-btn{background: url(../../images/default/btn-save.gif) no-repeat; width: 90px; height:28px; float: left; display: inline; border: 0;}

#domesticBankTransfer .input-styled-factor.four {width: 430px; margin: 0 10px 0 0;}
#domesticBankTransfer .dif-pad-transfer-one{margin:5px 15px 0 0;}
#domesticBankTransfer .input-styled-factor.dif-pad-transfer-two{margin:4px 10px 0 0;}

#domesticBankTransfer .info-boxes{width: 353px; height: 101px; float: left; display: inline; margin: 0 15px 15px 0; border-top: solid #86b918 1px; border-bottom: solid #86b918 1px; padding: 10px 0 0 12px; background: #FFFFFF;}
#domesticBankTransfer .info-boxes.nomargin{ margin: 0;}
#domesticBankTransfer .info-txt{height: 59px; width: 274px;}

#domesticBankTransfer .boxes-btn{ width: 335px; margin: 0 10px 0 0; height: 28px; float: right; display: inline;}
#domesticBankTransfer .button-for-boxes{ height: 28px; cursor: pointer; float: right; display: inline;}
#domesticBankTransfer .button-for-boxes.bg-one{background:  url(../../images/default/btn-portfolio.gif) no-repeat; width: 305px;}
#domesticBankTransfer .button-for-boxes.bg-two{background:  url(../../images/default/btn-draw.gif) no-repeat; width: 127px;}

#domesticBankTransfer .div-advice{margin: 0 5px 0 12px;}

#domesticBankTransfer #dbt-amount-euro {text-align:right;}

#domesticBankTransfer .txt-template{ width: 160px; float: left; display: inline; margin:2px 15px 10px 0; text-align: right; padding: 2px 0 0 0;}
#atm-limit .txt-template{ width: 140px; padding-top: 3px;}
#domesticBankTransfer .txt-template2{ width: 180px; float: left; display: inline; margin:0 15px; text-align: right; padding: 2px 0 0 0;}
#domesticBankTransfer .txt-template3{ float: left; display: inline; margin-right:15px; padding: 2px 0 0 0;}
#domesticBankTransfer .input-template{ width: 556px; float: left; display: inline; margin: 0 0 10px 0;}
#domesticBankTransfer .input-template2{ width: 520px; float: left; display: inline; margin: 0 0 10px 0;}
#domesticBankTransfer .disabled{ color: #4a4a4a; text-decoration: underline;}
#domesticBankTransfer .txt-template label{cursor: pointer;}
#domesticBankTransfer .select-styled-template{ width:546px; float:left;}
#domesticBankTransfer .select-styled-template-two {width: 432px; float:left;}
#domesticBankTransfer .select-styled-template-three {width: 175px; float:left;}

#domesticBankTransfer .extrafloatdiv{ float: left; margin: 4px 10px 0 0;}
#domesticBankTransfer .widthforfloat{ float: left; width: 55px; padding-top: 4px;}

#domesticBankTransfer .input-styled-factor{ float: left; display: inline;}
#domesticBankTransfer .input-styled-factor.one {width: 175px;}
#domesticBankTransfer .input-styled-factor.two {width: 20px; margin: 0 15px 0 0;}
#domesticBankTransfer .input-styled-factor.three {width: 365px; margin: 0 10px 0 0;}
#domesticBankTransfer .input-styled-factor.five {width: 52px; margin: 0 10px 0 0;}
#domesticBankTransfer .input-styled-factor.seven {width: 137px; margin: 0;}
#domesticBankTransfer .comma{ float: left; display: inline; width: 8px; padding: 4px 0 0 0; text-align: center;}
#domesticBankTransfer .extra-txt{ float: left; display: inline; padding: 4px 0 0 0; width: 297px;}
#domesticBankTransfer .input-styled-factor.two-line {margin: 0 0 10px 0;}
#domesticBankTransfer .dif-one{margin: 0 15px 0 0;}
#atm-limit .input-styled-factor.seven{ width: 70px; margin-right: 5px; text-align: right;}
#atm-limit .atm-input-block{ width: 170px; float: left;}
#atm-limit .atm-info-block{ margin-left: 170px; float: left;}
#atm-limit .atm-text-block{ float: left; margin-top: 3px;}

#domesticBankTransfer .radio-float-left,
#domesticBankTransfer .radio-float-right{ float: left; display: inline; width: 220px; padding: 2px 0 0 0;}
#domesticBankTransfer .radio-float-right {width:110px;}
#domesticBankTransfer .radiobtn-style{margin: 0 8px 0 0;}
#domesticBankTransfer .radiowordwrap{width: 555px; margin: 0 0 10px 0;}
#domesticBankTransfer .radiomargin{ margin-top: 4px;}

#domesticBankTransfer .radio-float label{ cursor: pointer;}

#domesticBankTransfer .calender{ float: left; display: inline; width: 23px; margin: -2px 15px 0 0;}
#domesticBankTransfer .checkbox-charges{float: left; display: inline; margin: 5px 10px 0 0;}
#domesticBankTransfer .transfer-lbl{float: left; display: inline; padding: 5px 0 0 0; cursor: pointer;}

#domesticBankTransfer .save-template-row .txt-template,
#domesticBankTransfer .save-template-row .input-template { }
#domesticBankTransfer .save-template-row .wrap-btn {margin-top:-5px;}

#domesticBankTransfer .wrap-btn {margin-right:4px;}

#domesticBankTransfer #box-foreign-transfer{margin: 0 0 10px 0;}
#domesticBankTransfer .save-template-link { display: inline-block; vertical-align: sub; }

/*
 * Direct debit
 */

#directDebit .radiowordwrap{width: 555px; margin: 0 0 10px 0;}
#directDebit .radiomargin{ margin-top: 4px;}
#directDebit input.zip-first{width: 45px;}
#directDebit input.zip-second{width: 292px;}

/*
 * contactDataChange
 */


#contactData .contact-data-txt-template{ width: 240px; float: left; display: inline; margin:0 15px 10px 0; text-align: right; padding: 2px 0 0 0;}
#contactData .contact-data-txt-template1{ width: 189px; float: left; display: inline; margin:0 0 10px 5px; text-align: left; padding: 2px 0 0 0;}
#contactData .contact-data-txt-template2{ width: 46px; float: left; display: inline; margin:0 15px 10px 0; text-align: right; padding: 2px 0 0 0;}
#contactData .contact-data-input-template{ width: 470px; float: left; display: inline; margin: 0 0 10px 0;}
#contactData .top-labels{margin: 0 15px 15px 12px; width: 680px}
#contactData label.whith-space{ margin-right: 164px;}
#contactData label.whith-space1{ padding-right: 164px;}
#contactData .middle-label{padding-top:15px; margin: 0 15px 15px 12px; width: 718px}
#contactData div.separator{ border-top:1px solid #f6f6f6;}

#contactData label.left-space {padding: 0 0 0 6px;}
#contactData label.phoneprivate {padding: 0 0 0 10px;}

/*
 * PINChange Page
 */
#radioButtonSpace .radiobtn-style{margin: 1px 8px 0 0;}

/*
 * standingOrderNew
 */

#standingOrderNew .content-wrap .text-teaser a{color: #177991;}
#standingOrderNew .content-wrap .text-teaser a:hover{color: #105566;}

#standingOrderNew #standing-order-new{width:750px; margin: auto;}
#standingOrderNew table#standingOrderNew{width:731px; margin: auto;}


#standing-order-new tbody td { background:#FFFFFF; font-weight: normal;  padding: 10px 0 0 0;  vertical-align: top; border-top:1px solid #f6f6f6;}
#standing-order-new tbody td.last-separator {border-top-color: #f6f6f6;}
#standing-order-new tbody tr.first td{border:none;}


#standing-order-new .ui-radio {margin:0 10px 0 0;}
#standing-order-new .ui-checkbox {margin:4px 10px 0 0;}

#standingOrderNew .info-boxes{width: 353px; height: 101px; float: left; display: inline; margin: 0 15px 15px 0; border-top: solid #86b918 1px; border-bottom: solid #86b918 1px; padding: 10px 0 0 12px; background: #FFFFFF;}
#standingOrderNew .info-boxes.nomargin{ margin: 0;}
#standingOrderNew .info-txt{height: 59px; width: 274px;}

#standingOrderNew .boxes-btn{ width: 335px; margin: 0 10px 0 0; height: 28px; float: right; display: inline;}
#standingOrderNew .button-for-boxes{ height: 28px; cursor: pointer; float: right; display: inline;}
#standingOrderNew .button-for-boxes.bg-one{background:  url(../../images/default/btn-portfolio.gif) no-repeat; width: 305px;}
#standingOrderNew .button-for-boxes.bg-two{background:  url(../../images/default/btn-draw.gif) no-repeat; width: 127px;}

#standingOrderNew .div-advice{margin: 0 5px 0 12px;}

#standingOrderNew .txt-template{ width: 160px; float: left; display: inline; margin:4px 15px 10px 0; text-align: right; padding: 0 0 0 0;}
#standingOrderNew .input-template{ width: 520px; float: left; display: inline; margin: 0 0 10px 0;}
#standingOrderNew.storno .input-template { padding-top: 4px; }
#standingOrderNew .txt-template label{cursor: pointer;}
#standingOrderNew.accountDetails .txt-template{ width: 170px;}
#standingOrderNew .select-styled-template{ width:546px; float:left;}
#standingOrderNew .select-styled-template-two {width: 375px; float:left;}
#standingOrderNew .select-styled-template-three {width: 142px; float:left;}
#standingOrderNew .select-styled-template-three.day {width: 141px; float:left;}
#standingOrderNew .select-styled-template-smallday {width: 120px; float:left;}
#standingOrderNew #sto-lastaccomplishment-day {width:86px;}
#standingOrderNew .amount-height{ margin-top: 2px; }

#standingOrderNew .extrafloatdiv{ float: left; margin: 4px 10px 0 0;}
#standingOrderNew .widthforfloat{width: 55px;}

#standingOrderNew .input-styled-factor{ float: left; display: inline;}
#standingOrderNew .input-styled-factor-right{float: none;}
#standingOrderNew .input-styled-factor.one {width: 175px;}
#standingOrderNew .input-styled-factor.two {width: 20px; margin: 0 10px 0 0;text-align:left;}
#standingOrderNew label.up-to-balance {display:inline-block;width:180px;}
#sto-amount-euro {text-align:right;}
#standingOrderNew .input-styled-factor.three {width: 365px; margin: 0 10px 0 0;}
#standingOrderNew .input-styled-factor.five {width: 52px; margin: 0 10px 0 0;}
#standingOrderNew .input-styled-factor.seven {width: 123px;}
#standingOrderNew .comma{ float: left; display: inline; width: 8px; padding: 4px 0 0 0; text-align: center;}
#standingOrderNew .comma-sw{ display: inline; width: 8px; padding: 4px 0 0 0; text-align: center;}
#standingOrderNew .extra-txt{ float: left; display: inline; padding: 4px 0 0 0; width: 297px;}
#standingOrderNew .extra-txt-sw{ display: inline; padding: 2px 0 0 0; width: 297px;}
#standingOrderNew .input-styled-factor.two-line {margin: -3px 0 10px 0;}
#standingOrderNew .dif-one{margin: 0 15px 0 0;}

#standingOrderNew .radio-float{ float: left; display: inline; width: 220px; padding: 2px 0 0 0;}
#standingOrderNew .radio-float.monthYear{ float: left; display: inline; width: 55px; padding: 2px 0 0 0;}
#standingOrderNew .radio-float.balance{ float: left; display: inline; width: 55px; padding: 2px 0 0 0;}
#standingOrderNew .radiobtn-style{margin: 1px 8px 0 0;}
#standingOrderNew #up_to_balance{margin-top: 1px;}
#standingOrderNew .radiowordwrap{width: 555px; margin: 0 0 10px 0;}

#standingOrderNew .radio-float label{ cursor: pointer;}

#standingOrderNew .calender{ float: left; display: inline; width: 23px; margin: -2px 15px 0 0;}
#standingOrderNew .checkbox-charges{float: left; display: inline; margin: 5px 10px 0 0;}
#standingOrderNew .transfer-lbl{float: left; display: inline; padding: 5px 0 0 0; cursor: pointer;}

#standingOrderNew #overlay-content-1 {display:none;}

#standingOrderNew a.fontblack{color: #4a4a4a;}
#standingOrderNew a.fontblack:hover {color: #86B918;}

#standingOrderNew .small-box-content .nomargin{margin:0;}

div .small-box-content {height:93px; min-height: 83px; position:relative;}
div .small-box-content .dynamic-btn {bottom:8px; right:10px; position:absolute; margin-bottom:0; margin-right:0;}
div .small-box-content .dynamic-btn-disabled {bottom:8px; right:10px; position:absolute; margin-bottom:0; margin-right:0;}


/*
 * standingOrder
 */
#standingOrder table#exchange-details{ width:750px; margin: auto;}

/* #standing-order{padding:10px 0 0 0;} */

#standing-order tbody tr.last td{border:none;}

#standingOrder .details-standingorder-rows .last{border:none;}

#standing-order tbody td,
#standing-order thead th { padding: 6px 0;  vertical-align: top;}

#standingOrder .data active-subbox{background:#f6f6f6;}
#standing-order tbody td.noborder{border:none; padding:0;}

#standing-order td { border-top:1px solid #f6f6f6;}
#standing-order tbody { border-top:1px solid #f6f6f6;}

#standing-order thead th { color: #4a4a4a; font-weight: bold;border-bottom:solid #f6f6f6 1px;}
#standing-order tbody td { font-weight: normal;}
#standing-order tbody td.txt-align-r { text-align: right;}
#standing-order tbody td a:not(.btn-legitimation) { background:none; padding:0; text-decoration: underline;}
#standing-order tbody td a:hover { color: #105566;}

#exchange-details tbody tr:hover,
#exchange-details tbody tr:hover td,
#exchange-details tbody tr.hover,
#exchange-details tbody tr.hover td,
#exchange-details tbody tr.active,
#exchange-details tbody tr.active td { background-color:#f6f6f6;}

#standing-order thead th.adjustextrawidth { width: 2px;}
#standing-order thead th.adjustwidth { width: 15px;}
#standing-order thead th.disposernumber { width: 139px;}
#standing-order thead th.applicant { width: 155px;}
#standing-order thead th.donee { width: 183px;}
#standing-order thead th.amount { width: 126px; text-align: right;}
#standing-order thead th.option { width: 73px;}


#standing-order th strong,
#standing-order th .symbol {float:left;}
#standing-order th.amount .symbol {float:right;}
#standing-order .sort-header .symbol,
#standing-order .headerSortUp .symbol,
#standing-order .headerSortDown .symbol {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin-top:3px;}
#standing-order .sort-header .symbol {}
#standing-order .headerSortUp .symbol { background-position:right -38px;}
#standing-order .headerSortDown .symbol { background-position:right -18px;}

#standingOrder .option-edit,
#standingOrder .option-goto,
#standingOrder .option-delete{float: left; display: inline; width: 24px; height:24px;}

#standing-order tbody td .option-edit a.btn-edit{ background: url(/InternetBanking/css_images/pen.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
#standing-order tbody td .option-delete a.btn-delete{ background: url(/InternetBanking/css_images/delete.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
#standing-order tbody td .option-goto a.btn-goto {background: url(/InternetBanking/css_images/transfer.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer; margin-top: 3px;}
#standing-order tbody td .option-goto a.btn-goto-space {background: url(/InternetBanking/css_images/transfer.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer; margin-top: 0px;}

#standingOrder .details-standingorder{padding:0; border: 11px solid #f6f6f6; border-top-width: 0; border-bottom-width: 0;}
#standing-order tbody td.drop-down-td{padding: 0; background:#f6f6f6; }

#standingOrder .details-standingorder-rows{background: #ffffff; padding: 0 6px 0 8px;}
#standing-order td.drop-down-td{ border: none;}

#standingOrder .details-sto-divs{ border-bottom: solid #f6f6f6 1px; padding: 6px;}
#standingOrder .details-sto-divs.noborder{ border: 0;}
#standingOrder .details-float-1,
#standingOrder .details-float-2{float: left; display: inline; margin: 0 15px 0 0;}

#standingOrder .details-float-1{width: 239px; text-align: right;}
#standingOrder .details-float-2{width: 409px;}

#standingOrder tr.data {display:none;}

.periodicOnlineCancel .detail-right-inactive {color: #999;}

.periodicOnlineCancel .txt-field{ width: 160px; float: left; display: inline; margin:0 15px 10px 0; text-align: right; padding: 0 0 0 0;}
.periodicOnlineCancel .txt-field label{cursor: pointer;}

/* Footer
-------------------------------------------------------------------*/

#standingOrder #print div.footer-float-account { float: left;}
#standingOrder #print div.dif-lnk-img a {text-decoration:none;display:block;background:url(../images/base/ico-download-csv.gif) no-repeat;height:21px;padding:10px 0 0 40px;width:149px;}
#standingOrder #print div.dif-lnk-img a:hover {background-position:0 -31px;}

#standingOrder #print .print{width:130px;}
#standingOrder #print .dif-lnk-img{width:208px;}

#standingOrder .dif-entries{ width: 60px; height: 25px; padding: 6px 0 0 0;}
#standingOrder .entries-p-s{ width: 119px; height:23px; padding: 8px 0 0 0;}
#standingOrder .dif-btns .nomargin{margin:0;}
#standingOrder .entries-p-s2{ width: 67px; height:23px; padding: 8px 0 0 0; text-align: center;}

#standingOrder #print{border-top:solid #f6f6f6 1px; padding:10px 0 0 4px; display:block; height:35px;}

#standingOrder #account-entry-switcher {width:50px;}



/*
 * revenueDonation
 */
#revenueDonation #domestic-bank-transfer table{border-bottom: solid #85b818 1px;}
#revenueDonation #table-charge {border-bottom:none !important;}

#revenueDonation table#saveRevenueNoBorder{border: none;}

#revenueDonation #domestic-bank-transfer tbody td { background:#FFFFFF; font-weight: normal;  padding: 10px 0 0 0;  vertical-align: top; border-top:1px solid #f6f6f6;}
#revenueDonation #table-charge .add-donation {border-top:none !important;}
#revenueDonation #domestic-bank-transfer tbody td.width-one{width: 10px; border:0;}
#revenueDonation #domestic-bank-transfer tbody td.width-two{width: 10px; border:0;}
#revenueDonation #domestic-bank-transfer tbody td.width-one2{width: 0; border:0; padding:0 0 0 !important;} /* HOL: new class for tax contribution details in order folder */
#revenueDonation #domestic-bank-transfer tbody td.width-two2{width: 10px; border:0; padding:0 0 0 !important;} /* HOL: new class for tax contribution details in order folder */
#revenueDonation #summary .charge-sum, #revenueDonation #summary .charge-art {
    padding-top: 10px!important;
}
#revenueDonation #summary .last-row .charge-sum, #revenueDonation #summary .last-row .charge-art {
    padding-bottom: 10px!important;
}


#revenueDonation #domestic-bank-transfer .first td {border:none;}
#revenueDonation #domestic-bank-transfer td.revenue-new { border-top: solid #f6f6f6 1px;}

#revenueDonation #domestic-bank-transfer .ui-radio {margin:0 7px 0 0;}
#revenueDonation #domestic-bank-transfer .ui-checkbox,
#revenueDonation #domestic-bank-transfer .customer-data .ui-radio {margin:5px 7px 0 0;}

#revenueDonation .nomargin{ margin: 0;}

#revenueDonation .input-styled-factor.six {width: 154px; margin: 0 15px 0 0;}

#revenueDonation .save-btn{background: url(../../images/default/btn-save.gif) no-repeat; width: 90px; height:28px; float: left; display: inline; border: 0;}

#revenueDonation .input-styled-factor.four {width: 430px; margin: 0 10px 0 0;}
#revenueDonation .dif-pad-transfer-one{margin:5px 15px 0 0;}
#revenueDonation .input-styled-factor.dif-pad-transfer-two{margin:4px 10px 0 0;}

#revenueDonation .info-boxes{width: 353px; height: 101px; float: left; display: inline; margin: 0 15px 15px 0; border-top: solid #86b918 1px; border-bottom: solid #86b918 1px; padding: 10px 0 0 12px; background: #FFFFFF;}
#revenueDonation .info-boxes.nomargin{ margin: 0;}
#revenueDonation .info-txt{height: 59px; width: 274px;}

#revenueDonation .boxes-btn{ width: 335px; margin: 0 10px 0 0; height: 28px; float: right; display: inline;}
#revenueDonation .button-for-boxes{ height: 28px; cursor: pointer; float: right; display: inline;}
#revenueDonation .button-for-boxes.bg-one{background:  url(../../images/default/btn-portfolio.gif) no-repeat; width: 305px;}
#revenueDonation .button-for-boxes.bg-two{background:  url(../../images/default/btn-draw.gif) no-repeat; width: 127px;}

#revenueDonation .div-advice{margin: 0 5px 0 12px;}

#revenueDonation #dbt-amount-euro {text-align:right;}
#revenueDonation #aus10 {text-align:right;} /* HOL: new class for tax transfer */

#revenueDonation .txt-template{ width: 171px; float: left; display: inline; margin:4px 15px 0 0; text-align: right; }
#revenueDonation .txt-template2{ width: 50px; float: left; display: inline; margin:0 15px 0 10px; text-align: left; padding: 2px 0 0 0;} /* HOL: new class for tax transfer creation */
#revenueDonation .txt-template3{ float: left; display: inline; margin:0 15px 0 0; text-align: right; padding: 2px 0 0 0;} /* HOL: new class for tax transfer creation */
#revenueDonation .input-template{ width: 541px; float: left; display: inline; margin: 0;}
#revenueDonation .txt-template label{cursor: pointer;}
#revenueDonation .select-styled-template{ width:541px; float:left;}
#revenueDonation .select-styled-template-two {width: 432px; float:left;}
#revenueDonation .select-styled-template-three {width: 175px; float:left;}
#revenueDonation .period {width:541px;}
#revenueDonation .month-to,
#revenueDonation .month-from {width:145px;margin-right:8px;}
#revenueDonation .year {width:40px;}
#revenueDonation .formargin{margin: 0 0 10px 0;}
#revenueDonation .euro {text-align:right;}

#revenueDonation .extrafloatdiv{ float: left; margin: 4px 10px 0 0;}
#revenueDonation .widthforfloat{width: 55x;}

#revenueDonation .input-styled-factor{ float: left; display: inline;}
#revenueDonation .input-styled-factor.one {width: 173px;}
#revenueDonation .input-styled-factor.two {width: 20px; margin: 0 15px 0 0;}
#revenueDonation .input-styled-factor.three {width: 356px; margin: -2px 10px 0 0;}
#revenueDonation .input-styled-factor.five {width: 52px; margin:0;}
#revenueDonation .input-styled-factor.seven {width: 135px; margin: 0;}
#revenueDonation .comma{ float: left; display: inline; width: 8px; padding: 4px 0 0 0; text-align: center;}
#revenueDonation .extra-txt{ float: left; display: inline; padding: 4px 0 0 0; width: 146px;}
#revenueDonation .input-styled-factor.two-line {margin: 0 0 10px 0;}
#revenueDonation .dif-one{margin: 0 15px 0 0;}

#revenueDonation .radio-float{ float: left; display: inline; width: 189px; padding: 2px 0 0 0;}
#revenueDonation .radiobtn-style{margin: 0 8px 0 0;}
#revenueDonation .radiowordwrap{width: 555px; margin: 0 0 10px 0;}
#revenueDonation .radiomargin{ margin-top: 4px;}

#revenueDonation .radio-float label{ cursor: pointer;}

#revenueDonation .calender{ float: left; display: inline; width: 23px; margin: -2px 15px 0 0;}
#revenueDonation .checkbox-charges{float: left; display: inline; margin: 5px 10px 0 0;}
#revenueDonation .transfer-lbl{float: left; display: inline; padding: 5px 0 0 0; cursor: pointer;}

#revenueDonation .save-template-row .txt-template,
#revenueDonation .save-template-row .input-template {margin-top:2px;}
#revenueDonation .save-template-row .wrap-btn {margin-top:-5px;}

#revenueDonation .content-wrap a.black{color: #4a4a4a;}
#revenueDonation .content-wrap a.black:hover{color: #177991;}

#revenueDonation #add-charge {margin-top:5px;}

#revenueDonation .txt-template-inner {margin-right:15px;float:left;padding:2px 0 0;display:none;}

#revenueDonation .add-donation {padding:5px 0 !important;}
#revenueDonation .add-donation .row {width:340px;height:20px;margin:0.5em 0 0;}

#revenueDonation #summary thead th {padding:10px 0 0;font-weight:bold;}
#revenueDonation #summary th,
#revenueDonation #summary td {font-weight:normal;border:none !important;}
#revenueDonation #summary thead .charge-art,
#revenueDonation #summary thead .charge-period,
#revenueDonation #summary thead .charge-sum {border-top:1px solid #f6f6f6 !important;}
#revenueDonation #summary .charge-art {padding:0 0 0 5px;width:330px;}
#revenueDonation #summary .charge-period {width:220px;}
#revenueDonation #summary .charge-sum {text-align:right;padding:0 5px 0 0;}
#revenueDonation #summary .minus {color:#C10607;}

/* HOL: new classes for tax contribution details in order folder */
#revenueDonation #summary thead .charge-art2_1,
#revenueDonation #summary thead .charge-period2_1,
#revenueDonation #summary thead .charge-sum2_1 {padding:0 0 0 !important;}
#revenueDonation #summary .charge-art2_2,
#revenueDonation #summary .charge-period2_2,
#revenueDonation #summary .charge-sum2_2 {padding:3px 0 !important;}
#revenueDonation #summary  .charge-art2_3 {width:300px; color: #000; font-weight:normal !important;}
#revenueDonation #summary  .charge-period2_3 {width:220px; color: #000; text-align: right; font-weight:normal !important;}
#revenueDonation #summary  .charge-sum2_3 {width:170px; text-align: right; color: #000; font-weight:normal !important;}
#revenueDonation #summary  .charge-sum2_3-minus {width:170px; text-align: right; color:#C10607;}
#revenueDonation #summary .charge-sum2_1 {text-align:right;padding:0 0 0 0; text-align: right;}
#revenueDonation #summary .sumText2 {font-weight:normal !important;}
#revenueDonation #summary .sumNumber2 {font-weight:normal !important;}
/* HOL: end of: new classes for tax contribution details in order folder */


#revenueDonation .disabled{ color: #666666!important; text-decoration: underline!important;}


/*
 * #portfolio-done
 */
#portfolio-done table{color:#4a4a4a;}

/* Header
-------------------------------------------------------------------*/

#portfolio-done .individualinfo { height: 20px; line-height: 20px; margin: 0 0 15px 0;}
#portfolio-done .overview .acc-txt { width: 136px; text-align: right; float: left; display: inline; margin: 0 15px 0 0;}
#portfolio-done .overview .acc-info { float: left; display: inline; width: 586px;}
#portfolio-done .select-styled-big { width: 587px;}
#portfolio-done .select-styled-medium{width: 338px;}

#portfolio-done .portfolio-input{margin: 0 0 35px 0;}

/* CSS for advices
-------------------------------------------------------------------*/
#portfolio-done .adviceBoxes{padding: 12px 60px 10px 10px;}
#portfolio-done .adviceBoxes p{margin: 0 0 12px;}
#portfolio-done .adviceLink{margin: 20px 0 0 0;}
#portfolio-done .adviceImage{width: 24px; float: left; display:inline; margin: 0 2px 0 0;}
#portfolio-done .adviceText{float:left; display:inline; width: 500px; line-height:22px; font-weight:bold; height:22px;}
#portfolio-done .adviceText-diff{float:left; display:inline; width: 500px;}

#portfolio-done #box-portfolio-done{margin: 0 0 10px 0;}

/* CSS Dynamic Button different
-------------------------------------------------------------------*/
#portfolio-done .small-box-content.portfolioDONE1{width: 347px; border-left:solid #85b818 1px; border-right:solid #85b818 1px; padding: 9px 0 9px 12px; height:145px;}
#portfolio-done .small-box-content.portfolioDONE1-height155{width: 347px; border-left:solid #85b818 1px; border-right:solid #85b818 1px; padding: 9px 0 0 12px; height:145px;}
#portfolio-done .small-box-content.portfolioDONE2{width: 347px; border-left:solid #85b818 1px; border-right:solid #85b818 1px; padding: 9px 0 0 12px; height:145px;}
#portfolio-done .small-box-content.portfolioDONE3{width: 347px; border-left:solid #85b818 1px; border-right:solid #85b818 1px; padding: 9px 0 0 12px; height:145px;}

/* Table FIRST
-------------------------------------------------------------------*/
#portfolio-done .content-box{margin: 25px 0 20px 0;}
#portfolio-done table#portfolioDone{width: 748px;}

#portfolioDone thead tr.first-header{ height:24px; vertical-align: bottom;}
#portfolioDone thead tr.second-header{ height:23px; vertical-align:top;}
#portfolioDone thead tr.second-header th{border-bottom: solid #f6f6f6 1px; vertical-align: bottom;}

#portfolioDone thead tr.first-header th{height:24px;}
#portfolioDone thead tr.second-header th{height: 23px;}
#portfolioDone thead tr.third-header th{background: #f6f6f6; height:18px;}


#portfolioDone thead{font-weight:bold; color:#4a4a4a;}

#portfolioDone thead th.adjustwidth{width: 10px;}
#portfolioDone thead th.extraadjustwidth{width: 25px;}
#portfolioDone thead th.validuntil{width: 130px;}
#portfolioDone thead th.titelofsecurity{width: 199px;}
#portfolioDone thead th.amount{width: 121px;}
#portfolioDone thead th.orderart{width: 73px;}
#portfolioDone thead th.status{width: 87px;}
#portfolioDone thead th.action{width: 53px;}

#portfolioDone td{border-top: solid #f6f6f6 1px; padding:9px 0; vertical-align:top;}

#portfolioDone td.noborder{border: none;}
#portfolioDone td.right{text-align:right;}
#portfolioDone td.minus{color:#C10607;}
#portfolioDone td .expired {color:#C10607; }
#portfolioDone tr.last td{border:none;border-top:1px solid #f6f6f6;}

#portfolioDone tr td.inactive label{color: #888888; float: left; display: inline;}

#portfolioDone tr td.inactive p{margin: 0 0 0 19px;}
#portfolio-done .difclass-inp{float: left; display:inline; margin: 0 5px 0 0}
#portfolio-done .special-done{margin: 0 0 0 17px;}

#portfolio-done .option-edit,
#portfolio-done .option-delete{float: left; display: inline; width: 24px; height:24px;}

#portfolioDone tbody td .option-edit a.btn-edit{ background: url(/InternetBanking/css_images/pen.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
#portfolioDone tbody td .option-delete a.btn-delete{ background: url(/InternetBanking/css_images/delete.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}


/* Table SECOND
-------------------------------------------------------------------*/

#portfolio-done table.portfolioDoneSecond{width: 748px;}

.portfolioDoneSecond thead tr.first-header { height:24px; vertical-align:bottom;}
.portfolioDoneSecond thead tr.second-header { height:23px; vertical-align:top;}
.portfolioDoneSecond thead tr.second-header th { border-bottom: solid #f6f6f6 1px; height: 22px; vertical-align: bottom;}

.portfolioDoneSecond thead tr th{padding:4px 0;}
.portfolioDoneSecond thead tr.third-header th{background: #f6f6f6; height:18px;}

.portfolioDoneSecond thead{font-weight:bold; color: #4a4a4a;}

.portfolioDoneSecond thead th.adjustwidth{width: 5px;}
.portfolioDoneSecond thead th.accomplishment{width: 120px;}
.portfolioDoneSecond thead th.applicant{width: 160px;}
.portfolioDoneSecond thead th.recipient{width: 134px;}
.portfolioDoneSecond thead th.amount{width: 132px;}
.portfolioDoneSecond thead th.status{min-width: 69px;}
.portfolioDoneSecond thead th.action{width: 53px;}

.portfolioDoneSecond td{border-top: solid #f6f6f6 1px; padding:9px 0; vertical-align:top;}
.portfolioDoneSecond .first{border-top: none;}
#portfolio-done .inactive {width:78px;}

.portfolioDoneSecond td.noborder{border: none !important;}
.portfolioDoneSecond td.right{text-align:right;}
.portfolioDoneSecond td.minus{color:#C10607;}
.portfolioDoneSecond tr.last td{border:none;border-top:1px solid #f6f6f6}

.portfolioDoneSecond tr td.inactive label{color: #888888; float: left; display: inline;}

.portfolioDoneSecond tr td.inactive label.active{color: #000; float: left; display: inline;}
.portfolioDoneSecond tr td.inactive p{margin: 0 0 0 19px;}

.portfolioDoneSecond tbody td .option-print { background: url(/InternetBanking/css_images/print.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
.portfolioDoneSecond tbody td .option-edit a.btn-edit{ background: url(/InternetBanking/css_images/pen.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
.portfolioDoneSecond tbody td .option-delete a.btn-delete{ background: url(/InternetBanking/css_images/delete.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
.portfolioDoneSecond tbody td .option-followup a.btn-followup{ background: url(/InternetBanking/css_images/redo.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
.portfolioDoneSecond tbody td .option-goto a.btn-goto-space {background: url(/InternetBanking/css_images/redo.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}

/* Symbol
-------------------------------------------------------------------*/
#portfolio-done th strong,
#portfolio-done th .symbol {float:left;cursor:pointer;}
#portfolio-done .sort-header .symbol,
#portfolio-done .headerSortUp .symbol,
#portfolio-done .headerSortDown .symbol {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin-top:0;}
#portfolio-done .sort-header .symbol {}
#portfolio-done .headerSortUp .symbol { background-position:right -38px;}
#portfolio-done .headerSortDown .symbol { background-position:right -18px;}


/* General Main Stuff
-------------------------------------------------------------------*/

.input_field_up4 { margin-top: -4px; }
.input_field_up2 { margin-top: -2px; }
.input_field_down4 { margin-top: 4px; }
.input_field_down2 { margin-top: 2px; }

.padding_up4 { padding-top: -4px; }
.padding_up2 { padding-top: -2px; }
.padding_down4 { padding-top: 4px; }
.padding_down2 { padding-top: 2px; }

.float-right { float:right; }

#portfolio-done .dark .general.boxDone{padding: 5px 0 12px 10px; width: 738px;}
#portfolio-done .radiosPOR-done, .portfolioDONE1 .radiosPOR-done{margin: 0 5px 2px 0;}
#portfolio-done .small-box-content.dif p{margin: 0 0 14px 0;}

#portfolio-done .radio-float{height: 14px;}
#portfolio-done .radio-float input{height:12px; width:12px;}

#portfolio-done label.lbl-first,
#portfolio-done label.lbl-first-itan,
#portfolio-done label.lbl-second,
#portfolio-done label.lbl-third{float: left; display: inline;}

#portfolio-done label.lbl-first{width: 122px;}
#portfolio-done label.lbl-first-itan{width: 141px;}
#portfolio-done label.lbl-second{width: 308px;}
#portfolio-done label.lbl-third{width: 137px; text-align:right;}

#portfolio-done .submenu-repeat li.verylast{ height: 4px; background:none; line-height:1px; font-size:1px; margin:0; padding:0;}

#portfolio-done .content-box.margin{margin: 20px 0 40px 0;}

/* ITAN
-------------------------------------------------------------------*/

#portfolio-done #portfolioDone tr td.todraw p{margin: 0;}
#portfolio-done .portfolioDoneSecond tr td.todraw p{margin: 0;}
#portfolio-done .todraw-bold{margin: 0; font-weight:bold;}

#portfolio-done .tanInput{height:140px;}

#portfolio-done .tanInput .tan-first,
#portfolio-done .tanInput .tan-second,
#portfolio-done .tanInput .tan-third{float: left; display:inline;}

#portfolio-done .tanInput .tan-first{width: 23px; font-weight:bold; text-align:left; padding: 7px 0 0 0;}
#portfolio-done .tanInput .tan-second{width: 98px; margin: 0 14px 0 0; overflow:hidden;}
#portfolio-done .tanInput .tan-third{width: 212px; height:150px;}


#portfolio-done .tan-second input{float: left; display:inline;}
#portfolio-done .tan-second input.input-styles-ptf,
#portfolio-done .tan-second input.input-0{border:1px solid #86B918;width:98px; height:26px;background:#ffffff;color:#4a4a4a;}

#portfolio-done .tan-second input.input-styles-ptf{padding: 7px 5px 5px; width:86px; height:14px; margin: 0 0 9px 0;}
#portfolio-done .tan-second input.input-0{text-align: center; font-weight:bold; margin-top:1px; cursor:pointer;}

#portfolio-done .tan-second input.input-1,
#portfolio-done .tan-second input.input-2,
#portfolio-done .tan-second input.input-3,
#portfolio-done .tan-second input.input-4,
#portfolio-done .tan-second input.input-5,
#portfolio-done .tan-second input.input-6,
#portfolio-done .tan-second input.input-7,
#portfolio-done .tan-second input.input-8,
#portfolio-done .tan-second input.input-9{color:#4a4a4a;border:1px solid #86B918;background:#ffffff; width:32px; height:26px; line-height:26px;margin: 1px 1px 0 0; font-weight:bold; text-align:center; cursor:pointer;}

#portfolio-done .tan-second input.input-0:hover,
#portfolio-done .tan-second input.input-1:hover,
#portfolio-done .tan-second input.input-2:hover,
#portfolio-done .tan-second input.input-3:hover,
#portfolio-done .tan-second input.input-4:hover,
#portfolio-done .tan-second input.input-5:hover,
#portfolio-done .tan-second input.input-6:hover,
#portfolio-done .tan-second input.input-7:hover,
#portfolio-done .tan-second input.input-8:hover,
#portfolio-done .tan-second input.input-9:hover{background:#84b819;}

#portfolio-done .tan-second input.hover{background: #84b819;}

#portfolio-done .tan-second input.lastITEM{margin-right:0;margin-top:1px;}

#portfolio-done .small-box-content .tan-third p{margin: 0; width: 180px; line-height:1.2em;}
#portfolio-done .posVAB{right: 0; bottom:0;}
#portfolio-done p.itan-p{height:104px;}

#portfolio-done .chkbox-style {height:12px; width:12px;}

/* DETAILS
-------------------------------------------------------------------*/

#portfolio-done a.grn-lnk{color:#177991 !important;}
#portfolio-done a.grn-lnk:hover {color:#105566 !important;}
#portfolio-done .text-teaser a{color: #000;}
#portfolio-done .content-box-top-port{background:url(../images/base/content-box-top-dark.jpg) no-repeat; width:693px; height:34px; line-height:34px; margin:0; padding:0 0 0 57px;}

#portfolio-done .content-box-top-port h2{color: #333; font-weight:bold; font-size: 1.1em; margin:0; line-height:34px;}


#portfolio-done .portfolioDoneSecond tr td.inactive p.nomargin {margin: 0;}
#portfolio-done .portfolioDoneSecond tbody td .option-refresh{width:38px;}
#portfolio-done .portfolioDoneSecond tbody td .option-refresh a.btn-refresh{ background: url(../images/base/btn-refresh.gif) no-repeat; width: 17px; height:15px; display: block; cursor: pointer; float: right;}



#portfolio-done tbody tr.active,
#portfolio-done tbody tr.hover{background: #f6f6f6;}

.portfolioDoneSecond tbody td.adjustwidth{width: 10px;}
.portfolioDoneSecond tbody tr.show{background:#f6f6f6;}

.portfolioDoneSecond tbody tr.show td{ border-bottom: solid #f6f6f6 1px;}
.portfolioDoneSecond tbody td.nopadding{padding:0 !important;}

.portfolioDoneSecond .detail-port-det{padding: 8px 0 7px 0; border-bottom: solid #f6f6f6 1px; background: #fff; height:auto;}
.portfolioDoneSecond .detail-port-det2{padding: 8px 0 7px 0; background: #fff; height:auto;} /*HOL: new class for order folder details */
.portfolioDoneSecond .detail-port-det2-sep{border-bottom: solid #f6f6f6 1px; background: #fff; height:auto;} /*HOL: new class for separtors in order folder details*/
*html .portfolioDoneSecond .detail-port-det{padding: 8px 0 0 0;}
*+html .portfolioDoneSecond .detail-port-det{padding: 8px 0 0 0;}

.portfolioDoneSecond .noborder{border:none;}

.portfolioDoneSecond .first-border{border-top:none;}

.portfolioDone .detail-left,
.portfolioDoneSecond .detail-left{float: left; display:inline; width:256px; margin: 0 14px 0 0; text-align:right;}
.portfolioDone .detail-left2,                                           /* HOL: new class for order folder overview details */
.portfolioDoneSecond .detail-left2 {float: left; display:inline; width:220px; margin: 0 14px 0 0; text-align:right;} /* HOL: new class for order folder overview details*/
.portfolioDoneSecond .detail-left-min-height{height: 1px;}                              /* HOL: new class for order folder */
.portfolioDone .detail-right,
.portfolioDoneSecond .detail-right{float: left; display:inline; width:420px; margin:0;}
.portfolioDone .detail-right2,                              /* HOL: new class for order folder overview details */
.portfolioDoneSecond .detail-right2{float: left; display:inline; width:480px; margin:0;}  /* HOL: new class for order folder overview details */
.portfolioDoneSecond .detail-right-inactive{color: #888888;}
.originDetails .detail-left2 {width:190px;}

.portfolioDone .last-det,
.portfolioDoneSecond .last-det{margin:0 0 10px 0;}
.originDetails .detail-port-det2 {margin-left: 30px;}

#portfolio-done .boxDone p:first-child{margin: 0 0 2px 0;}

#portfolio-done .info a{color: #4a4a4a;}
#portfolio-done .superClassForInfo{margin: 0 0 0 12px;}

#portfolioDone tr td.inactive label.drawactive{color: #000; float: left; display: inline;white-space:nowrap;}
#portfolio-done .toggle-link {white-space:nowrap;}

#portfolio-done .table-info-text {padding:10px; border-top: solid #f6f6f6 1px;}

#portfolio-done .sign-now-td {width:130px !important;}

#portfolio-done .break-word {word-wrap: break-word; } /*HOL: new class for overfolder overview */
#portfolio-done .break-word-spe {word-wrap: break-word; }
#portfolio-done .red-amount {color:#C10607 !important;} /*HOL: new class for overfolder overview */


/*
 * depotNotion
 */
/* Header
-------------------------------------------------------------------*/

#depotNotion .individualinfo {line-height: 17px; margin: 0 0 15px 0;}
#depotNotion .overview .acc-txt { width: 205px; text-align: right; float: left; display: inline; margin: 3px 15px 0 0;}
#depotNotion .overview .acc-info { float: left; display: inline; width: 527px;}
#depotNotion .select-styled-big { width: 527px;}

#depotNotion .overview-box .acc-info { float: left; display: inline; width: 510px;}
#depotNotion .overview-box .acc-txt { width: 195px; text-align: right; float: left; display: inline; margin: 0 15px 0 0;}
#depotNotion label.red{color: #C10607;}
#depotNotion .overview-box div.red{color: #C10607;}

#depotNotion .individualinfo label.red{color: #C10607; margin: 0 10px 0 0;}
#depotNotion .individualinfo label.black{color: #4a4a4a; margin: 0 10px 0 0;}

#depotNotion .acc-info label.margin{margin: 0 10px 0 0;}
#depotNotion .downshift {margin-top:7px !important;}
#depotNotion .widthforfloat{ float: left; width: 55px;}

#depotNotion .extrafloatdiv{ float: left; margin: 0px 10px 0 0;}

/* Footer
-------------------------------------------------------------------*/

#depotNotion #print{border-top:solid #f6f6f6 1px; padding:10px 0 0 4px; display:block; height:35px;}
#depotNotion #print div.footer-float-account { float: left;}
#depotNotion #print div.dif-lnk-img a {text-decoration:none;display:block;background:url(../images/base/ico-download-csv.gif) no-repeat;height:21px;padding:10px 0 0 40px;width:149px;}
#depotNotion #print div.dif-lnk-img a:hover {background-position:0 -31px;}
#depotNotion #print .print{width:130px;}
#depotNotion #print .dif-lnk-img{width:205px;}

#depotNotion .dif-entries{ width: 65px; height: 25px; padding: 4px 0 0 0;}
#depotNotion .dif-entries60{ width: 60px; height: 25px; padding: 4px 0 0 0;}
#depotNotion .entries-p-s{ width: 114px; height:23px; padding: 8px 0 0 0;}
#depotNotion .dif-btns .nomargin{margin:0;}
#depotNotion .entries-p-s2{ width: 64px; height:23px; padding: 8px 0 0 0; text-align: center;}

/* Main Table
-------------------------------------------------------------------*/
#depotNotion .content-box{margin: 25px 0 20px 0;}
#depotNotion table#depotNotion{width: 748px;}

#depotNotion thead tr.first-header{ vertical-align:bottom;}

#depotNotion thead{font-weight:bold; color:#4a4a4a}
#depotNotion thead th{padding:5px 0; height: 22px; vertical-align: middle;}
#depotNotion thead th.adjustwidth{width: 5px;}
#depotNotion thead th.typeofsecurity{width: 105px;}
#depotNotion thead th.titelofsecurity{width: 154px;}
#depotNotion thead th.amount{min-width: 110px; text-align: right;}
#depotNotion thead th.date{width: 68px;}
#depotNotion thead th.marketvalue{width: 92px;}
#depotNotion thead th.profitorloss{width: 115px;}
#depotNotion thead th.action{width: 48px;}
#depotNotion thead th.action strong {cursor:auto;}
#depotNotion div.action {width:56px;}
#depotNotion thead strong{display:block;float:left;cursor:pointer;}

#depotNotion td{border-top: solid #f6f6f6 1px; padding:9px 0; vertical-align:top;}
#depotNotion td.noborder{border: none;}
#depotNotion td.right{text-align:right;}
#depotNotion td.minus{color:#C10607;}
#depotNotion tr.last td{border:none;}

#depotNotion .action a{background: url(../images/base/icos-depot-action.gif) no-repeat; display:block; overflow:hidden;text-indent: 200px; width:22px; height:18px;}
#depotNotion .bugfix{float: left; display:inline; width: 22px; height:18px; margin: 0 5px 5px 0;}
#depotNotion .right{margin: 0 0 5px 0;}

#depotNotion .action a.delete{background-position: 0 0;}
#depotNotion .action a.delete:hover{background-position: -44px 0;}
#depotNotion .action a.add{background-position: 0 -18px;}
#depotNotion .action a.add:hover{background-position: -44px -18px;}
#depotNotion .action a.search{background-position: 0 -36px;}
#depotNotion .action a.search:hover{background-position: -44px -36px;}
#depotNotion .action a.chart{background-position: 0 -54px;}
#depotNotion .action a.chart:hover{background-position: -44px -54px;}

#depotNotion .action a.inactive-delete{background-position: -22px 0;}
#depotNotion .action a.inactive-add{background-position: -22px -18px;}

#depotNotion #account-entry-switcher {width:54px;}

#depotNotion .content-box h2 {font-size:1.1em;margin:0;font-weight:bold;color:#4a4a4a;}
#depotNotion #date-from, #date-from-no-sca,
#depotNotion #date-to {float:left;}
#depotNotion .dynamic-btn .content input {width:80px;}
/* Symbol
-------------------------------------------------------------------*/

#depotNotion th strong,
#depotNotion th .symbol {float:left;}
#depotNotion .sort-header .symbol,
#depotNotion .headerSortUp .symbol,
#depotNotion .headerSortDown .symbol {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin-top:3px;}
#depotNotion .sort-header .symbol {margin-top:1px;cursor:pointer;}
#depotNotion .headerSortUp .symbol { background-position:right -38px;}
#depotNotion .headerSortDown .symbol { background-position:right -18px;}

#depotNotion .bold{font-weight: bold;}
#depotNotion tbody tr.active,
#depotNotion tbody tr.hover{background: #f6f6f6;}

#depotNotionDetailsInnerTable thead tr.first-header{background:#FFFFFF none repeat-x; vertical-align:bottom;}
#depotNotion div.innerTableWrapper{padding:0;}
#depotNotion .dynamic-btn .content a.next{background-position:69px center; padding-right:15px;}
#depotNotion .dynamic-btn-disabled .content a.next{background-position:69px center; padding-right:15px;}
#depotNotionDetailsTable .detail-port-det2{padding: 8px 0 0 0;}
#depotNotionDetailsTable .paginator{border-top:solid #f6f6f6 1px; border-bottom:solid #f6f6f6 1px; padding:0 0 11px 0; display:block; height:30px;position:relative;}
#depotNotionDetailsTable .paginator div.footer-float-account { float: left;}
#depotNotionDetailsTable .paginator-content { position: absolute; right:10px;}
#depotNotionDetailsTable thead tr.second-header th{border-bottom: solid #f6f6f6 1px;}
#depotNotionDetailsInnerTable thead tr.first-header{border-top: solid #f6f6f6 1px;}
#depotNotion label.details-disabled{ color: #999; text-decoration: underline;}
/*
 * paperPurchase
 */
/* @section = general
-------------------------------------------------------------------*/

#paperPurchase .text-teaser-new{margin:10px 0 25px 10px;}
#paper-purchase .first,
#paper-purchase .third{padding: 10px;position:relative;}
#paper-purchase .first {padding-bottom:0;}
#paper-purchase .first-block {position:relative; padding:10px;}
#paper-purchase .second{border-bottom: solid #85b818 1px;}

#paper-purchase .part-1{padding: 0 0 5px 0;}
#paper-purchase .third .part-1{padding:0;}
#paper-purchase .third .part-2{padding:10px 0 0;}
#paper-purchase .part-2{padding: 10px 0 0 0;border-top: solid #f6f6f6 1px;}
#paper-purchase .part-3{padding: 0 0 5px 0; border-top: solid #f6f6f6 1px;}

#paper-purchase .formargin{margin: 0 0 10px 0;}
#paper-purchase .formargin1{margin: 0 0 10px 0; height:20px;}
#paper-purchase .formargin2{margin: 10px 0 0 0;}
#paperPurchase .txt-template{ width: 171px; float: left; display: inline; margin:0 15px 0 0; text-align: right; padding: 2px 0 0 0;}
#paperPurchase .txt-template1{ width: 171px; float: left; display: inline; margin:0 15px 0 0; text-align: right; padding: 0;}
#paperPurchase .txt-template-wide{ width: 520px; float: left; display: inline; margin:0 15px 0 0; text-align: left; padding: 2px 0 0 0;}
#paperPurchase .input-template-text{ width: 541px; float: left; display: inline; margin: 0 0 10px 186px;color:#4a4a4a;}

#paperPurchase .dif-pad-transfer-one{padding: 0;}

#paperPurchase .select-styled-template{ width:541px; float:left; display: inline;}
#paperPurchase .select-styled-template-one {width: 52px; float:left; display:inline;}
#paperPurchase .select-styled-template-two {width: 365px; float:left; display:inline;}

#paperPurchase .dynamic-btn{margin: 0;}

#paperPurchase .input-styled-factor{ float: left; display: inline;}
#paperPurchase .input-styled-factor.four {width: 175px; margin: 0;}
#paperPurchase .input-styled-factor.three {width: 355px; margin: 0 10px 0 0;}
#paperPurchase .input-styled-factor.two {width: 175px; margin:0 10px 0 0;}
#paperPurchase .comma {width:8px;text-align:center;padding:4px 0 0;}

#paper-purchase .edit{float: left; display:inline; width:16px; height:20px; margin: 0 0 0 15px;}
#paper-purchase .edit a{display: block; overflow:hidden; text-indent: 220px;background: url(../images/base/spire-bg-buttons.gif) no-repeat; width:16px; height:17px; cursor:pointer;}
#paper-purchase .edit a:hover{background-position:0 -17px;}

#paperPurchase #search-result-security th strong {float:left;cursor:pointer;}

#paperPurchase #search-result-security .sort-header .symbol,
#paperPurchase #search-result-security .headerSortUp .symbol,
#paperPurchase #search-result-security .headerSortDown .symbol {background:url("../images/base/sort-btn.gif") no-repeat scroll right 2px transparent;height:13px;margin-top:9px;width:10px;float:left;cursor:pointer;}
#paperPurchase #search-result-security .headerSortUp .symbol {background-position:right -38px;}
#paperPurchase #search-result-security .headerSortDown .symbol {background-position:right -18px;}

/* @section = small info boxes bottom ------ gray style
-------------------------------------------------------------------*/
#paperPurchase .small-boxes-info.gray-content{margin: 0 0 20px 0;}
#paperPurchase .small-boxes-info.gray-content .first, 
#paperPurchase .small-boxes-info.gray-content .second {border: 0;}

#paperPurchase .small-boxes-info.gray-content .first{float: left; display:inline; width:361px; margin: 0 27px 0 0;}
#paperPurchase .small-boxes-info.gray-content .second{float: left; display: inline; width:31px; margin:0;}

#paperPurchase .gray-content .small-box-top{background: url(../images/base/small-box-top-gray.gif) no-repeat; width:361px; height:4px; line-height:1px; font-size:1px;}
#paperPurchase .gray-content .small-box-content{width: 338px; border-left:solid #c3c3c3 1px; border-right:solid #c3c3c3 1px; padding: 9px 9px 9px 12px;}
#paperPurchase .gray-content .small-box-bottom{background: url(../images/base/small-box-bottom-gray.gif) no-repeat; width:361px; height:4px; line-height:1px; font-size:1px;}

#paperPurchase .gray-content .small-box-content p{width: 285px; margin: 0 0 15px 0; color:#888888;}

/* Dynamic button - to section small info boxes bottom- gray stlye
-------------------------------------------------------------------*/
#paperPurchase .gray-content .dynamic-btn,
#paperPurchase .inactive .dynamic-btn { white-space: nowrap;margin: 0; display:block; height:25px; padding:0 0 0 2px;}
#paperPurchase .gray-content .dynamic-btn .content,
#paperPurchase .inactive .dynamic-btn .content{white-space: nowrap; height:25px; text-align: left;  display:block;}
#paperPurchase .gray-content .dynamic-btn .content a,
#paperPurchase .inactive .dynamic-btn .content a,
#paperPurchase .gray-content .dynamic-btn .content input{ white-space: nowrap;line-height:15px;border:0; cursor:default;color:#4a4a4a; background-color: #d9d9d9; font-size:1.05em; font-weight: bold; text-decoration:none; height:20px; display:block;}
#paperPurchase .gray-content .dynamic-btn .content input{ white-space: nowrap;padding-top: 0; padding-bottom: 1px; height:24px; width:105px;}
/*#paperPurchase .gray-content .dynamic-btn .content a:hover,
#paperPurchase .inactive .dynamic-btn .content a:hover,
#paperPurchase .gray-content .dynamic-btn .content input:hover{white-space: nowrap;color:#ffffff; background: url(../images/base/dyn-bullet-gray.gif) no-repeat 9px center;} */
#paperPurchase .gray-content .dynamic-btn .content a.reverse{white-space: nowrap;background:url(../images/paperPurchase/dynamic-btn-bullet-reverse.gif) no-repeat 9px center;}
#paperPurchase .gray-content dynamic-btn .content a.reverse:hover{white-space: nowrap;background:url(../images/paperPurchase/dyn-black-reverse.gif) no-repeat 9px center;}
#paperPurchase .gray-content .dynamic-btn .content a.next{white-space: nowrap;background-position: 57px center; padding:5px 10px 0 10px; width:59px;}

/* @section =  gray style
-------------------------------------------------------------------*/

#paperPurchase .calender-gray{float: left; width:23px;}

#paperPurchase .inactive {color:#888888;}
#paperPurchase .inactive .txt-styled-small {border:1px solid #888888;height:10px;padding:4px;}
#paperPurchase .inactive label{color: #888888;}
#paperPurchase .inactive a{color: #888888;}
#paperPurchase .content-wrap .inactive a.help-standingorder-title{color:#888888;}
#paperPurchase .inactive .calender-gray {display:block;}
#paperPurchase .calender-gray {display:none;}
#paperPurchase .inactive .ui-datepicker-trigger {display:none;}
#paperPurchase .enable-datepicker.inactive .ui-datepicker-trigger {display: block;}
#paperPurchase .ui-datepicker-trigger {display:block;}
#paperPurchase #paper-valid {color:#4a4a4a;}
#paperPurchase .inactive #paper-valid {color:#888888;}
#paperPurchase .inactive .sexy input {background:url(../images/base/sexyCombo/text-bg.gif); color:#888888;}
#paperPurchase .inactive .sexy .icon {background:url(../images/base/sexyCombo/trigger.gif);}
#paperPurchase .inactive #paper-order {border:1px solid #888888;color:#888888;}
#paperPurchase .inactive .select-styled-template-two {border:1px solid #888888;}
#paperPurchase .inactive .select-styled {background:#DFDFDF; color: #888888;}

/* Search result
-------------------------------------------------------------------*/
#paperPurchase .searchresult .header{ border-top: solid #f6f6f6 1px; height:33px; line-height:33px; padding: 0 0 0 10px; font-size:1.2em; font-weight:bold; }

#search-result-security a{text-decoration: underline;}

#search-result-security thead{ height:32px; border-bottom: solid #f6f6f6 1px; line-height:32px; font-weight: bold;}
#search-result-security th.adjustwidth{width:10px;}
#search-result-security th.securitymanner{width:100px;}
#search-result-security th.isin{width:106px;}
#search-result-security th.securiytitle{width:449px;}
#search-result-security th.action{width:53px;}

#search-result-security tbody td{vertical-align: top; padding: 6px 0; border-bottom: solid #f6f6f6 1px;}

#search-result-security .action a{background: url(../images/base/icos-depot-action.gif) no-repeat; display:block; overflow:hidden;text-indent: 200px; width:22px; height:18px;}
#search-result-security .bugfix{float: right; display:inline; width: 22px; height:18px; margin: 0 5px 5px 0;}
#search-result-security .bugfix1{float: right; display:inline; width: 22px; height:18px; margin: 0 5px 0 0;}

#search-result-security .action a.add{display:block;width:24px;height:24px;overflow:hidden;background:url(/InternetBanking/css_images/plus.svg) no-repeat 0 0;}
#search-result-security .action a.chart{display:block;width:24px;height:24px;overflow:hidden;background:url(/InternetBanking/css_images/charts.svg) no-repeat 0 0;}

#search-result-security td.noborder{border:none;}
#search-result-security tr.last td{border:none;}

/* Footer
-------------------------------------------------------------------*/

#paperPurchase #print{border-top:solid #f6f6f6 1px; padding:10px 0 0 4px; display:block; height:35px;}
#paperPurchase #print div.footer-float-account { float: left; display:inline;}
#paperPurchase #print .extraSEC{margin: 0 0 0 325px;}

#paperPurchase .dif-entries{ width: 65px; height: 25px; padding: 4px 0 0 0;}
#paperPurchase .entries-p-s{ width: 114px; height:23px; padding: 8px 0 0 0;}
#paperPurchase .dif-btns .nomargin{margin:0;}
#paperPurchase .entries-p-s2{ width: 67px; height:23px; padding: 8px 0 0 0; text-align: center;}

#paperPurchase #save-draft {float:right;}
#paperPurchase #help-times {margin-left:30px;}

#paperPurchase .euro {width:127px !important;text-align:right;}
#paperPurchase .cent {width:30px !important;}

#paperPurchase .overlay-disabled {display:none;}
#paperPurchase .inactive .overlay-disabled {border:1px solid #FF0000;width:99%;height:98%;position:absolute;left:0;top:0;background:#FFFFFF;opacity:0;filter:alpha(opacity=0);display:block;}

#paperPurchase .order-volume {width:195px;float:left;padding:2px 0 0;}
#paperPurchase span.ui-checkbox {float:right;}

#paperPurchase .calender {float:left;}

#paper-stop-limit-euro,
#paper-limit-euro {margin-right:0;}
#order-volume-wrap {margin-top:-5px !important;}
#paperPurchase .input-template {padding:1px 0 0;}

/*
 * sales
 */
/* Gray Background unopened
-------------------------------------------------------------------*/

#sales .overview-box{margin: 20px 0;}
#sales .overview-box-closed{background:url(../images/base/overview-box-closed.gif) no-repeat; width:45px; height:40px; float:left; display:inline;}
#sales .overview-box-repeat{background:url(../images/base/overview-box-repeat.gif) repeat-x; width:684px; height:40px; line-height:35px; float:left; display:inline; padding: 0 0 0 15px;}
#sales .overview-box-right{background:url(../images/base/overview-box-right.gif) no-repeat; height:40px; width:6px;float: left; display:inline;}
#sales .overview-box-repeat a{color:#82ab59; font-weight:bold; font-size:1.1em; text-decoration:none;}

a.shop_overview_link	{ text-decoration: none !important;}

/* Header
-------------------------------------------------------------------*/

#sales .individualinfo { height: 17px; line-height: 17px; margin: 0 0 15px 0;}
#sales .overview .acc-txt { width: 136px; text-align: right; float: left; display: inline; margin: 0 15px 0 0;}
#sales .overview .acc-info { float: left; display: inline; width: 586px;}
#sales .select-styled-big { width: 587px;}

/* Footer
-------------------------------------------------------------------*/

#sales #print{border-top:solid #f6f6f6 1px; padding:10px 0 0 4px; display:block; height:35px;}

#sales #print div.footer-float-account { float: left;}
#sales #print div.dif-lnk-img a {text-decoration:none;display:block;background:url(/InternetBanking/css_images/download.svg) no-repeat;background-size:32px;height:32px;padding:8px 0 0 40px;width:149px;}
#sales #print .print{width:130px;}
#sales #print .dif-lnk-img{width:203px;}

#sales .dif-entries{ width: 65px; height: 25px; padding: 6px 0 0 0;}
#sales .entries-p-s{ width: 114px; height:23px; padding: 8px 0 0 0;}
#sales .dif-btns .nomargin{margin:0;}
#sales .entries-p-s2{ width: 67px; height:23px; padding: 8px 0 0 0; text-align: center;}

/* Main Table
-------------------------------------------------------------------*/

#sales-detail tbody td { padding: 6px 0;  vertical-align: top;}
#sales table#exchange-details{width: 748px;}

#sales-detail tbody td.noborder{border: none;}
#sales-detail td { padding: 0 3px;}
#sales-detail td { border-top:1px solid #f6f6f6;}
#sales-detail tbody { border-top:1px solid #f6f6f6;}

#sales-detail tbody td { font-weight: normal;}

#sales-detail thead th {padding: 0; color: #4a4a4a; font-weight: bold;cursor:pointer; padding-bottom: 6px; padding-top: 6px; border-bottom: 1px solid #f6f6f6; line-height: 24px;}

#sales-detail thead th.adjustwidth { width: 10px;}
#sales-detail thead th.extraadjustwidth { width: 10px;}
#sales-detail thead th.bookingdate { width: 134px;}
#sales-detail thead th.bookingtext { width: 224px;}
#sales-detail thead th.valutadata { width: 108px;}
#sales-detail thead th.abstractnbr { min-width: 124px;}
#sales-detail thead th.amount { width: 72px;text-align:right;}
#sales-detail thead th.record { width: 67px; text-align:center;}
#sales-detail thead th.extrarightborderindent { width: 30px;}

#sales-detail th strong,
#sales-detail th .symbol {float:left; display:inline;}
#sales-detail th .symbol{margin: 3px 0 0 0;}
#sales-detail th.amount .symbol,
#sales-detail th.record .symbol {float:right;}
#sales-detail .sort-header .symbol,
#sales-detail .headerSortUp .symbol,
#sales-detail .headerSortDown .symbol {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin:3px 0 0 0;}
#sales-detail .sort-header .symbol {}
#sales-detail .headerSortUp .symbol { background-position:right -38px;}
#sales-detail .headerSortDown .symbol { background-position:right -18px;}

#sales-detail thead th a { background: none; padding: 2px 0 0 0;}

#sales-detail thead th div.afr { float: right;}
#sales-detail thead th div.bfr { float: right; width: 10px; height: 13px; }

#sales-detail tbody td.abstract-link{ text-align: center;}
#sales-detail tbody td.abstract-link a { color: #177991; text-decoration: underline; background: none; padding: 0;}
#sales-detail tbody td.abstract-link a:hover { color: #105566; }

#sales-detail tbody td.amount-plus{ color:#4a4a4a; text-align: right;}
#sales-detail tbody td.amount-minus{ color:#C10607; text-align: right;}
#sales-detail tbody td.receipt{ text-align:right;}
#sales-detail tbody td.receipt a { display:block;width:24px;height:24px;overflow:hidden;background:url(/InternetBanking/css_images/receipt.svg) no-repeat 0 0; padding: 0;text-indent:200px; margin:auto;float:right;}

#sales #print div.footer-float-account { float: left; display:inline;}
#sales #print div.dif-lnk-img a {text-decoration:none;display:block;padding:8px 0 0 35px;width:149px;}

#sales .dif-entries{ width: 65px; height: 25px; padding: 6px 0 0 0;}
#sales .entries-p-s{ width: 114px; height:23px; padding: 8px 0 0 0;}
#sales .dif-btns {  height: 31px;}
#sales .dif-btns .wrap-btn { width: 83px;margin:-5px -7px 0;}
#sales .entries-p-s2{ width: 64px; height:23px; padding: 8px 0 0 0; text-align: center;}

/* maibox
-------------------------------------------------------------------*/
#exchange-details thead th.mailboxcolumn1 { width: 10px;padding-left:10px}
#exchange-details thead th.mailboxcolumn2 { width: 55px;padding-left:10px}
#exchange-details thead th.mailboxcolumn3 { width: 55px;padding-left:10px}
#exchange-details thead th.mailboxcolumn4 { width: 80px;padding-left:10px}
#exchange-details thead th.mailboxcolumn5 { width: 180px;padding-left:10px}
#exchange-details thead th.mailboxcolumn6 { width: 65px;padding-left:10px}
#exchange-details thead th.mailboxcolumn7 { width: 65px;padding-left:10px}

#inboxForm tr.data {display:none;}
#depotNotion #exchange-details tbody tr:hover,
#depotNotion #exchange-details tbody tr:hover td,
#depotNotion #exchange-details tbody tr.hover,
#depotNotion #exchange-details tbody tr.hover td,
#depotNotion #exchange-details tbody tr.active,
#depotNotion #exchange-details tbody tr.active td { background-color:#f6f6f6;}
#depotNotion #exchange-details td {padding-left:8px; vertical-align: middle;}
.accountStatementList #depotNotion #exchange-details tbody td {padding-left:0}

#exchange-details .first-border{border-top:none;}
#exchange-details .detail-port-det2{padding: 8px 0 7px 0; background: #fff; height:auto;} /*HOL: new class for order folder details */
#exchange-details .detail-left2 {float: left; display:inline; width:220px; margin: 0 14px 0 0; text-align:right;} /* HOL: new class for order folder overview details*/
#exchange-details .break-word {word-wrap: break-word;} /*HOL: new class for overfolder overview */
#exchange-details .detail-right2{float: left; display:inline; width:480px; margin:0;} /* HOL: new class for order folder overview details */
#exchange-details .detail-port-det2-sep{border-bottom: solid #f6f6f6 1px; background: #fff; height:auto;} /*HOL: new class for separtors in order folder details*/

#exchange-details .details-sto-divs{ border-bottom: solid #f6f6f6 1px; padding: 6px;}
#exchange-details .details-sto-divs.noborder{ border: 0;}


#exchange-details .details-float-1,
#exchange-details .details-float-2{float: left; display: inline; margin: 0 15px 0 0;}
#exchange-details .details-float-1{width: 239px; text-align: right;}
#exchange-details .details-float-2{width: 409px;}

#exchange-details .details-standingorder-rows .last{border:none;}

td.solid_line{border-bottom: solid #f6f6f6 1px; padding:9px 0; vertical-align:top;}

/* SEARCH
-------------------------------------------------------------------*/
#sales .content-box h2{color: #4a4a4a; font-size: 1.1em; font-weight: bold; margin: 0;}

#sales-search .header{ background-color:#ffffff; height:32px; line-height:32px; padding:0 0 0 10px; color:#4a4a4a; font-weight: bold; border-bottom: solid #f6f6f6 1px; }

#sales-search .content{margin: auto; width:728px;}
#sales-search .row{ border-bottom: solid #f6f6f6 1px; height:29px; line-height:29px;}

#sales-search .last{border:none;}

#sales-search .footer{border-top: solid #f6f6f6 1px; height:30px; padding:12px 0 6px 0;}

#sales-search .text{float: left; display:inline; width: 130px; margin: 0 12px 0 0; text-align: right;}
#sales-search .input{float: left; display:inline; width: 540px;}

#sales-search .superClass,
#sales-search .till,
#sales-search .calender,
#sales-search .comma,
#sales-search .currency{float: left; display: inline;}
#sales-search .calender,
#sales-search .till{ padding: 3px 0 0 0; height:26px; width:31px; text-align:center;}
#sales-search .superClass{ padding:5px 0 0 0; height:24px;}
#sales #date-from, #date-from-no-sca,
#sales #date-to {float:left;}
#sales-search .calender{margin: 0 45px 0 0; width:24px;padding:0;}
#sales-search .spire-inputs-large{margin: 0 9px 0 0; width:151px;}

#sales-search .spire-inputs-medium{margin: 0; width:112px;}
#sales-search .comma{width: 9px; text-align:center;}
#sales-search .spire-inputs-small{width:20px; margin: 0 10px 0 0;}
#sales-search .currency{width:68px; text-align:left;}
#sales-search .spire-inputs-extralarge{width:421px; margin: 0 10px 0 0;}
#sales-search .huge{width: 431px;}

#sales-search .special{width: 85px;}
#sales-search .dynamic-btn .content{width:85px;}
#sales .dynamic-btn .content input {width:80px;}

#sales #sales-search-header {cursor:pointer;}

#sales #account-entry-switcher {width:50px; margin-top: -2px;}

#sales #to-amount-euro,
#sales #from-amount-euro {text-align:right;}



/*
 * controlfolder
 */
/* Table
-------------------------------------------------------------------*/
#controlfolder .individualinfo { height: 20px; line-height: 20px; margin: 0 0 15px 0;}
#controlfolder .overview .acc-txt { width: 136px; text-align: right; float: left; display: inline; margin: 0 15px 0 0;}
#controlfolder .overview .acc-info { float: left; display: inline; width: 586px;}
#controlfolder .select-styled-big { width: 587px;}
#controlfolder .select-styled-medium{width: 338px;}

#controlfolder .closed{margin:0 0 8px 0;}
#controlfolder .content-box h2 {font-size:1.1em;margin:0;font-weight:bold;color:#4a4a4a;}
#controlfolder .hover h2 {color: #4a4a4a;}
#controlfolder tr td.inactive p{margin: 0;}
#controlfolder tbody tr.active,
#controlfolder tbody tr.hover{background: #f6f6f6;}

/* Symbol
-------------------------------------------------------------------*/
#controlfolder th strong,
#controlfolder th .symbol {float:left;cursor:pointer;}
#controlfolder .sort-header .symbol,
#controlfolder .headerSortUp .symbol,
#controlfolder .headerSortDown .symbol {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin-top:0;}
#controlfolder .sort-header .symbol {}
#controlfolder .headerSortUp .symbol { background-position:right -38px;}
#controlfolder .headerSortDown .symbol { background-position:right -18px;}

#controlfolder .content-box-top {cursor:pointer;}

/*
 * financeoverview
 */
/* Table
-------------------------------------------------------------------*/

#financeoverview .overview-box-closed{background:url(../images/base/overview-box-closed.gif) no-repeat; width:42px; height:40px; float:left; display:inline;}
#financeoverview .overview-box-repeat{background:url(../images/base/overview-box-repeat.gif) repeat-x; width:687px; height:40px; line-height:35px; float:left; display:inline; padding: 0 0 0 15px;}
#financeoverview .overview-box-right{background:url(../images/base/overview-box-right.gif) no-repeat; height:40px; width:6px;float: left; display:inline;}
#financeoverview .overview-box-repeat a{color:#82ab59; font-weight:bold; font-size:1.1em; text-decoration:none;}

#financeoverview .sum-box-left{ background-color: #f6f6f6; width:4px; height:34px; float: left; display:inline;}
#financeoverview .sum-box-repeat{ background-color: #f6f6f6; width: 657px; height:34px; float:left; display:inline; line-height:34px; padding: 0 72px 0 9px;}
#financeoverview .sum-box-right{ background-color: #f6f6f6; width:3px; height:34px; float:left; display:inline;}

#financeoverview .sum-box-repeat label.info-sum{font-size: 1.1em; font-weight: bold; display:inline; color:#4a4a4a;}
#financeoverview .sum-box-repeat label.first{float:left; width:357px; text-align:left;}
#financeoverview .sum-box-repeat label.last{float: right; width:275px; text-align:right;}

#financeoverview .overview-box-gray{ background-color: #f6f6f6; }

#financeoverview .closed{ margin-bottom:8px; }
#financeoverview .content-box h2 {font-size:1.1em;margin:0;font-weight:bold;color:#4a4a4a;}

.content-box .content-box-top h2:before { content:url(../images/base/slider_opened.svg); position: absolute; left: 8px; top: 5px;}
.content-box.dark.closed h2:before { content:url(../images/base/slider_closed.svg); position: absolute; left: 8px; top: 5px; }

#financeoverview .hover h2 {color: #105566;}
.content-blocks-financeoverview table th{font-size:1em;font-weight:bold; height:22px; color:#4a4a4a; padding: 5px 0 5px 0;}
.content-blocks-financeoverview table td{border-top:1px solid #f6f6f6;}
.content-blocks-financeoverview table td.noborder{border-top:none;}
.content-blocks-financeoverview table tr.noborder td{border-top:none;}
.content-blocks-financeoverview table tr.border td,
.content-blocks-financeoverview table tr.border th{ border-bottom:1px solid #f6f6f6;}
.content-blocks-financeoverview table tr {height: 30px; line-height:16px;}
.content-blocks-financeoverview table tr .name,
.content-blocks-financeoverview table tr .art{line-height:16px;}
.content-blocks-financeoverview table tr.footer{font-weight:bold;}
.content-blocks-financeoverview table tr.no-strong{font-weight:normal;}
.content-blocks-financeoverview table td.description{line-height: 15px; width: 139px;}


.content-blocks-financeoverview a.save { display:block;width:24px;height:24px;background:url(/InternetBanking/css_images/save.svg) no-repeat 0 0;}
.content-blocks-financeoverview a.edit { display:block;width:24px;height:24px;background:url(/InternetBanking/css_images/pen.svg) no-repeat 0 0;}
.content-blocks-financeoverview .action a { float:left; line-height:24px; display:block; overflow:hidden; text-indent:1000px;}
.content-blocks-financeoverview .action a.options  { width:24px; height:24px; background: url(/InternetBanking/css_images/movements.svg) no-repeat; }
.content-blocks-financeoverview .action a.details  { background: url(/InternetBanking/css_images/transfer.svg) no-repeat;width:24px;}
.content-blocks-financeoverview .action a.closing  { background: url(/InternetBanking/css_images/delete.svg) no-repeat; display:block; overflow:hidden; text-indent: 200px; width:24px; height:24px; background-position: 0 0;}
.content-blocks-financeoverview .description-edit{width:120px; height: 14px; line-height:14px; border: solid #d9d9d9 1px; vertical-align:middle; border-radius: 5px; padding: 4px 2px 2px 2px; white-space:nowrap;}
.content-blocks-financeoverview .action a.search { background: url(/InternetBanking/css_images/details.svg) no-repeat; display:block; overflow:hidden; text-indent: 200px; width:24px; height:24px;}


#financeoverview #messages tr.unread{font-weight:bold;}

#financeoverview #messages td.symbollink a:link,
#financeoverview #messages td.symbollink a:visited,
#financeoverview #messages td.symbollink a:focus,
#financeoverview #messages td.symbollink a:active {display:block;width:24px;height:24px;padding:0;}
#financeoverview #messages td.symbollink a.read:link,
#financeoverview #messages td.symbollink a.read:visited,
#financeoverview #messages td.symbollink a.read:focus,
#financeoverview #messages td.symbollink a.read:active {height:24px;width:24px;background:url(/InternetBanking/css_images/draft.svg) no-repeat;}
#financeoverview #messages td.symbollink a.unread:link,
#financeoverview #messages td.symbollink a.unread:visited,
#financeoverview #messages td.symbollink a.unread:focus,
#financeoverview #messages td.symbollink a.unread:active {height:24px;width:24px;background:url(/InternetBanking/css_images/mail.svg) no-repeat;}

#financeoverview #depotNotion td { padding: 5px 0; vertical-align: middle; }

#financeoverview .messages-nr-red{color:#FFFFFF; float:left; display:inline-block;min-width:12px; height:18px; margin: 8px 0 0 4px; text-align:center; color:#FFFFFF; font-weight: bold; cursor:pointer; line-height: 18px; background-color: #d2041c; border-radius:10px; padding: 0 3px 0 3px;}
#financeoverview .width-h2{width:85px;}
#financeoverview .width-header-messages{width:400px; height:34px; line-height:34px; text-align:right;}

#financeoverview .content-box-top {cursor:pointer;}
#financeoverview .main-headline-repeat a.extraClassMessages{text-decoration: none !important; cursor:pointer; display:block;}

#financeoverview .minus {color:#C10607 !important;}
#financeoverview .minus-right {color:#C10607;text-align:right;}

/*
 * profile
 */
/* Boxes green
-------------------------------------------------------------------*/

#profile .content-box h2 {font-size:1.1em;margin:0;font-weight:bold;color:#4a4a4a;}

#profile h2.grey {border-style:solid;border-color:#f6f6f6;border-width:1px 0;color:#4a4a4a;}

#profile .grey.first {border-width:0 0 1px;}

/* profile */
#profile .advice {vertical-align:middle;padding:13px 10px 13px;border-top:1px solid #f6f6f6;}

#profile #settings-homepage {}
#profile .advice p {padding:0 !important;}
#profile .advice .wrap-btn {font-size:1em;margin:-6px -6px -6px 0;}

#profile .module-profil h1 {margin-bottom:20px;}
#profile .module-profil h2 {margin:10px 0;}
#profile .welcome {margin:0 27px 25px 27px;}

#profile .block-content h2{font-size:1em;font-weight:bold;padding:10px 0 0 10px;height:22px;background-color: #f6f6f6;}

#profile .content-blocks table thead {font-size:1em;font-weight:bold;padding:10px 0 0 10px;background:url(../images/base/bg-content-box-grey.jpg) repeat-x;height:32px;line-height:32px;}
#profile .content-blocks table thead tr{height:32px;}
#profile .content-blocks table tbody tr td{height:29px; line-height:29px; width: 1px;}
#profile .content-blocks table tbody tr{border-top:solid #f6f6f6 1px;}
#profile .block-content .section {padding:10px 10px;}
#profile .block-content .section.text {background:transparent;border-top:none;}
#profile .column-setting {width:230px;margin-right:0 !important;float:left;}

#profile ul.checkbox-column {
  columns: 3 auto;
  column-gap: 15px;
}

#profile ul.cbox-column-top {
  margin-top: 10px;
}

#setting-salution {padding-bottom:4px;}
#setting-salution p {padding:10px 0 9px 0;border-bottom:1px solid #f6f6f6;}

#setting-salution p.first {padding-top:0;}
#setting-salution p.last {border-bottom:none;}

#setting-salution p.last .chkbox-style {margin-top:4px;}
#setting-salution input {margin:0 8px 0 0;}
#setting-salution .txt-styled {margin:0;width:365px;}

#setting-template p {padding:10px 0 9px 0;border-bottom:1px solid #f6f6f6;}
#setting-template p.last {border-bottom:none;}
#setting-template input {margin:0 8px 0 0;}

#setting-products {padding:10px 10px 6px;}
#setting-products p {margin:17px 0 0 0;}
#setting-favs p,
#setting-favs p {color:#105566;}
#setting-favs p.active {color:#4a4a4a;}
#setting-favs p.first,

#setting-favs div {color:#105566;}
#setting-favs div.active {color:#4a4a4a;}

#setting-products p.first {margin:0;}
#setting-products input {margin-right:5px;}
#setting-products .yes,
#setting-products .no {float:left;display:block;}
#setting-products .yes {margin:0 20px 0 0;}
#setting-products .text {line-height:1.3em;margin:0 0 20px;}
#setting-products .first {}
#setting-products .last {margin:19px 0 0;}

#settings-favs .section.text {padding-top:20px;}

/* the avatar slider */
#avatar-select {width:695px;}
#avatar-slider-wrap {background:transparent url(../images/base/scrollbar-bg.gif) no-repeat 0 0;width:726px;height:12px;margin:0 0 20px;}

#avatar-slider {width:486px;height:12px;position:relative;margin:0 0 0 120px;border:none !important;-moz-border-radius:0;background:none;}
#profile .ui-slider .ui-slider-handle {background:transparent url(../images/base/scrollbar-bar.gif) no-repeat 0 0 !important;border:none !important;-moz-border-radius:0;width:240px !important;height:20px !important;margin-left:-120px !important;cursor:pointer !important;}
#profile .ui-slider .ui-slider-handle:focus { outline: solid; }

#profile #content-holder {width:690px;}
#profile .ui-slider-handle {width: 8px;height: 14px;position: absolute;top: -4px;background: #478AFF;border: solid 1px black;}
#avatar-scroll {position:relative;height:132px;overflow:hidden;}
#avatar-scroll p {text-align:center;color:#86B918;margin:0 0 6px 0;}

#content-holder {overflow:hidden;position:absolute;}
#content-holder div {float:left;border:none;margin:12px 0;width:104px;height:101px;text-align:center;position:relative;}
#content-holder div.first {width:auto !important;padding-left:1px;margin-right:15px;}
#content-holder div.last {width:auto !important;padding-right:1px;margin-left:15px;}
#content-holder img {border:1px solid #86B918;cursor:pointer;margin:3px;position:absolute;left:18px;bottom:10px;}

#content-holder img.hover {border:1px solid #86B918;margin:3px;left:8px;bottom:0;width:80px;height:80px;}
#content-holder img.active {border:4px solid #86B918;margin:0;}

#content-holder label.hover img.active {border:4px solid #86B918;left:8px;bottom:0;width:80px;height:80px;}
#content-holder input {display:none;}


#profile #content-holder2 {width:690px;}
#content-holder2 {overflow:hidden;position:absolute;}
#content-holder2 li {float:left;border:none;margin:12px 0;width:104px;height:101px;text-align:center;position:relative;}
#content-holder2 div.first {width:auto !important;padding-left:1px;margin-right:15px;}
#content-holder2 div.last {width:auto !important;padding-right:1px;margin-left:15px;}
#content-holder2 img.hover {border:1px solid #86B918;margin:3px;left:8px;bottom:0;width:80px;height:80px;}
#content-holder2 img.active {border:4px solid #86B918;margin:0;}
#content-holder2 label.hover img.active {border:4px solid #86B918;left:8px;bottom:0;width:80px;height:80px;}
#content-holder2 input {display:none;}
#content-holder2 img {border:1px solid #86B918;cursor:pointer;margin:3px;position:absolute;left:23px;bottom:10px;}


#avatar-slider-text {margin:10px 0;text-align:center;color:#86B918;}

#favourites p {padding:10px 27px;}
#favourites .grey {padding:10px 0 0 27px;}
#setting-favs {padding:5px 0 5px 27px;}
#setting-favs p {margin:0;padding:5px 0;}
#setting-favs label {margin-left:7px;}

#profile .content-box-top {cursor:pointer;}

#profile .dynamic-btn {margin:0;}

.produktchbox { float: left; }


/*
 * login
 */
/* @section = Boxes basic LOGIN
-------------------------------------------------------------------*/
#login .first{width: 379px; float: left; display:inline; margin: 0 14px 0 0;}
#login .second{width: 564px; float: left; display:inline;}
#login .third{width: 569px; float: left; display:inline;}
#login .fourth{width: 404px; float: left; display:inline;}
#login .pinchange{width: 573px; float: left; display:inline;}
#login .topnomargin{margin-top:0;}
.size5 #1of5,
.size5 #1of9 {
  width: 220px !important;
}


/* Boxes green
-------------------------------------------------------------------*/
#login-input .green{width:379px; margin: 0 0 20px 0; border: 1px solid #d9d9d9; border-radius: 5px;}
#login-input #portfolio-done .green { width: auto; margin: 0; }

#login .login-left{ width:9px; float:left; display:inline;height:34px; background-color: #ECF4DC; border-top-left-radius: 5px;}

#login .login-repeat{ width:347px; float:left; display:inline;height:34px; line-height: 34px; padding: 0 7px; background-color: #ECF4DC;}

#login .login-right{ width:9px; float:left; display:inline;height:34px; background-color: #ECF4DC; border-top-right-radius: 5px;}

#login .login-repeat label{float:left; display:inline; width: 300px; height:34px; line-height:34px; font-weight:bold; font-size:1.14em;}
#login .login-repeat a {float: right; display: inline; width:47px; text-align:right; height:34px; line-height:34px; text-decoration:underline; font-size:1.05em; color:#4a4a4a;}

/* #login-input .header{height:41px;} */
#login-input .content{ width:349px; margin: auto; padding: 10px 10px 6px 10px;}
#login-input .footer{ width:369px; margin: auto; line-height:1px; font-size:1px; height:4px;}


#login-input .data label{float: left; display: inline; width:125px; height: 26px; line-height:26px; cursor:pointer; color:#4a4a4a; font-size:1.1em; font-weight:bold;}

#login-input .data input{float: right; display: inline; width:216px; height: 18px; line-height:18px; vertical-align:middle; padding: 4px 2px 2px 2px; white-space:nowrap; border-radius:5px; border: 1px solid #d9d9d9;}

#login-input .data .info{width:217px; height:22px; margin:0 0 1px 0; line-height:22px; color:#4a4a4a;}

#login-input .data .login{width:73px; height:25px; cursor:pointer; border:0;}
#login-input .data input.error{border: solid #C10607 3px;}

#login-input .signation{width:349px; padding: 0 10px 0 10px;}
#login-input .signation label{ line-height:43px; height:43px; float: left; display: inline; color:#4a4a4a; width:216px;}

#login-input .signation .aproved{float:left; display:inline; background:url(../images/base/logo-aproved.gif) no-repeat; width:43px; height:43px; margin:0 10px 0 0;}

#login-input .errorfield{ margin: 0 0 10px; width:337px; padding: 5px; border: solid #C10607 1px; color:#C10607;}
#login-input .errorpinchange{width:337px; padding: 5px 0 5px 0; color:#C10607; margin:0 0 10px 0;}
#login-input .errornotice{padding-top: 3px;}

/* Boxes gray
-------------------------------------------------------------------*/
#login-info .gray{width:175px; margin: 0 19px 0 0; float: left; display: inline; border-radius: 4px; border: 1px solid #d9d9d9;}

#login .login-info-top{ width:175px; line-height:1px; font-size:1px; height:4px;}

#login .login-info-repeat-x{ width:173px; padding:5px 0 0 0;min-height:163px;} /*HOL: 'height:163px;' changed to 'min-height:163px;'*/

#login .login-info-bottom{ width:175px; line-height:1px; font-size:1px; height:4px; margin:auto;}

#login-info .last{margin:0;}
#login-info h3{width:130px;}
#login-info .stripline{ border-top: 1px solid #f6f6f6; width: 154px; height:1px; line-height:1px; font-size:1px; margin:auto;}

#login-info .information{color: #4a4a4a; padding:10px 10px 3px 10px; line-height:15px; letter-spacing:-0.5px;}

*+html #login-info .information{letter-spacing: -1px;}
* html #login-info .information{letter-spacing: -1px;}
#login-info .more{background: url(../images/base/btn-more.gif) no-repeat; width: 49px; height:14px; cursor:pointer; display:block; margin:0 0 0 7px;}

#login-info ul {width: 173px;}
#login-info li{min-height: 30px; line-height: 15px; border-top: 1px solid #f6f6f6; width:173px;} /*HOL: 'height: 30px;' changed to 'min-height: 30px;', 'line-height: 30px;' changed to 'line-height: 15px;', 'background:[...] center bottom;' changed to 'background:[...] top'*/

#login-info li.phone {font-size: 1em; color:#4a4a4a; text-decoration: none;padding: 8px 0 0 26px;display: block; min-height:15px; line-height:15px; width:147px; background:url(../images/base/submenu-bullet.gif) no-repeat 10px top, url(../images/base/submenu-stripline.jpg) no-repeat top; overflow:hidden;} /*HOL: new class for phone number - needs both background images (spacer line & bullet) */
#login-info li a,
#login-info li span.phone,
#login-info li.last{font-size: 1em; color:#4a4a4a; text-decoration: none; padding:8px 0 8px 26px; display: block; line-height:15px; min-height:15px; width:147px; background:url(../images/base/submenu-bullet.gif) no-repeat 10px top; overflow:hidden;} /*HOL: added 'padding-top:8px; padding-bottom:8px;', changed 'line-height:30px;' to 'line-height:15px;', changed 'height:30px;' to 'min-height:15px;', changed 'background:[...] center;' to 'background:[...] top;'*/


#login-info li a.fav-icon{font-weight: bold; padding:0 0 0 26px; background:url(../images/base/fav-icon.gif) no-repeat 6px center;}
#login-info li a.active,
#login-info li a:hover{background-color: #f6f6f6; font-weight:bold;}

#login-info li.availible{padding: 0 0 0 25px; background:none; line-height:normal; margin:10px 0 0 0; color:#4a4a4a; width: 148px;}

#login-info li.availible strong{ float:left; width: 40px; overflow:hidden; display:inline;}
#login-info li.availible span{ float:left; width: 108px; overflow:hidden; display:inline;}

#login-info p strong{ float:left; width: 40px; overflow:hidden; display:inline;}
#login-info p span{ float:left; width: 108px; overflow:hidden; display:inline;}

#login-info li.thelast{margin:0; line-height:15px; height:40px;}

#login-info li.thelast a{line-height: 15px; height:33px; background-position: 10px top; padding-top:7px; padding-bottom:5px;}

#login-info .notice,
#login-input .notice{float: left; display: inline; width: 19px; height:16px; margin:0 0 0 10px; background:url(../images/base/advice.gif) no-repeat;}
#login-info .important{background-position: 0 -16px; color:#C10607;}

#login-info .notifications{width: 154px; margin:auto;}

#login-info .notices{float: left; display: inline; width: 19px; height:16px; background:url(../images/base/advice.gif) no-repeat; margin:14px 8px 0 0;}
#login-info .firstnotice{background-position: 0 0;}
#login-info .secondnotice{background-position: 0 -16px;}
#login-info .thirdnotice{background-position: 0 -32px; height: 17px;}
#login-info .middlenotice{background-position: 0 0;}
#login-info .highnotice{background-position: 0 -16px;}
#login-info .lownotice{background-position: 0 -32px; height: 17px;}
#login-info .text{float: left; display:inline; width: 127px; margin: 10px 0 0 0; color:#4a4a4a;}
#login-info .text a{margin: 5px 0 10px 0;}

#login-info .different{height:auto;}

/* Box PIN Change
-------------------------------------------------------------------*/

#login-input .tochangepin{width:541px;}

#login-input .newrepeat{width:543px; background:url(../images/base/login-repeat-y-new.gif) repeat-y;}

#login-input .newfooter{background:url(../images/base/login-bottom-new.gif) no-repeat; width:563px;}

#login-input p.margin{margin: 0 0 25px 0;}

#login-input .data input.pininput{float: left; width:228px; padding: 4px 2px 2px 2px; margin-right:10px;}
#login-input .data label.pininput{width:155px;}
#login-input .data .infopinchange{width:100px;}
#login-input .margin{margin:0 0 20px 0;}

#login-input .textadvice{font-weight:bold; float: left; display:inline; color:#4a4a4a; margin:0 5px 0 0 ;}

#login-input .textingadvice{color:#4a4a4a; float: left; display: inline; width:260px;}

/* Box Promo - first 01
-------------------------------------------------------------------*/

#login-info .marginforpromo{margin: 0 14px 0 0;}
#login-info .promo01{width:186px;}
#login-info .promo-left{ width:9px; height:34px; float: left; display:inline; background-color: #ECF4DC; border-top-left-radius: 5px;}
#login-info .promo-repeat{ width:153px; height:29px; float: left; display:inline; padding:5px 7px 0 7px; background-color: #ECF4DC; }
#login-info .promo-right{ width:9px; height:34px; float: left; display:inline; background-color: #ECF4DC; border-top-right-radius: 5px;}


#login-info .promo01-img{margin:auto; width: 175px;}


#login-info .promo-repeat p{color: #4a4a4a; font-size:1.1em; line-height:13px;}

/* Box Promo - second 02
-------------------------------------------------------------------*/
#login .promo-02{width: 394px; margin: 20px 0 0 0px;}
#login .promo-vertical {width: 575px; margin: 20px 0 0 -5px;}
#login .promo-bigbox{margin: 0;}
#login .promo-smallbox{margin-left:14px;}
#login-info .promo-02-repeat{width: 348px; line-height: 25px; color:#4a4a4a; font-size:1.1em;}
#login .promo-vertical .promo-02-repeat {width: 541px; }


#login-info .promo-img-02{margin: 0 0 0 0px;}

/* Box Promo - third 03
-------------------------------------------------------------------*/
#login-info .pr01pr02{margin:0 10px 0 0;}
#login-info .contentforpromo3{background:url(../images/base/login-info-repeat-x.gif) repeat-x left bottom; width: 177px; margin:auto;}

#login-info ul.ul-promo3{width: 175px;margin:auto;}

#login-info ul.ul-promo3 li,
#login-info ul.ul-promo3 li a{width: 149px;}

#login .signation .dynamic-btn{margin: 7px 0 0;}
#login .dynamic-btn{margin:0;}
#login .signation02 .dynamic-btn {margin:0 10px 6px 0;}
#login .signation02 .first {display:block;float:none;width:auto;margin:0;}



#login-info ul.ul-promo3 li.litext{height:44px; line-height:14px; color:#4a4a4a; padding:7px 5px 5px 10px; width: 160px;}

#login-info ul.ul-promo3 li.last{background:none; padding:0 10px 0 0; width:165px;}

#login .promo01 .content{margin: 0 1px 0 0;}
#login-info .contentforpromo3{margin: 0 0 0 4px;}

/* Box Promo - fourth 04
-------------------------------------------------------------------*/
#login-info .promo-img-04{margin:0 0 0 5px;}
#login-info .promo-04-repeat{width: 371px; line-height: 25px; color:#4a4a4a; font-size:1.1em;}

#login-promo{float: left; display: inline; width:175px;}
#login-promo img{ background-position: left bottom;}

/* Box Signation 01
-------------------------------------------------------------------*/
#login-input p.signation01{width: 500px;}
#login-input .data a.signation-back{width:81px; height:25px; cursor:pointer; border:0; float:right; display:inline; margin: 0 10px 0 0;}
#login-input .data a.signation-next{background: url(../images/login/btn-next.gif) no-repeat; width:76px; height:25px; cursor:pointer; border:0; float:right; display:inline;}

/* Box Signation 02
-------------------------------------------------------------------*/
#login .signation02{width: 770px; margin: 0 0 0 198px;}
#login-input .footer-signation02{ width:750px; margin:0 0 0 5px;}
#login-input .newrepeat-signation02{width:730px; background:url(../images/base/signation-repeat.gif) repeat-y; margin:0 0 0 5px;}
#login-input .change-signation02{width:728px;}
#login #content .signation-id-footer{width:748px; margin-left: 2px;}

/* Box Signation
-------------------------------------------------------------------*/
#login-input p.margin-top{margin: 20px 0 0 0; padding: 0 0 5px 0;}

/* @section = LOGOUT
-------------------------------------------------------------------*/
#login-input p.margin-min{margin: 0 0 15px 0;}
#login-input p.margin-max{margin: 0 0 27px 0;}
#login-input p a{text-decoration:underline;}

#login-input a.link-login-site{width:132px; height:25px; float: right; display: inline;}

/*  inactice
-------------------------------------------------------------------*/
#login-info .noticetext,
#login-input .noticetext{margin: 0 5px 0 0;}

#text-advice {color:#4a4a4a;margin:25px 0 0;}

#text-advice .textadvice {font-weight:bold;float:left;margin:0 5px 0 0;}
#text-advice .textingadvice {float:left;width:260px;}


#login #login-signatur #btn-prev {margin:0 15px 0 0 !important;}
#login #btn-prev {margin:0 10px 0 0 !important;}
#login #btn-prev .content {width:80px !important;}
#login #btn-next .content {width:75px !important;}
#login #btn-next {margin:0;}

#login .txt-big {width:290px !important;}

.supplementtext{font-family:"Courier New", monospace;font-size:14px;line-height:20px;}

/* financial overview teaser
-------------------------------------------------------------------*/

div.teaser {float: left; display: inline; width: 185px; position: relative; }
div.teaserlast {width: 175px;}
div.teaser2 {width: 360px; }
div.teaser3 {width: 565px; }
div.teaser4 {width: 750px; }

span.txt-teaser-headline {display: none;}
.displayNone {display: none;}

#taxOfficeSearchForm div.pagination {float: left;padding-right:50px;padding-top:2px;}
#taxOfficeSearchForm .dynamic-btn .content a.next, #taxOfficeSearchForm .dynamic-btn-disabled .content a.next{white-space: nowrap; padding:5px 10px 0 10px;}
#taxOfficeSearchForm #bankcode .data input{float: left; display: inline; width:305px; height: 14px; line-height:14px; border: solid #d9d9d9 1px; border-radius: 5px; vertical-align:middle; padding: 4px 2px 2px 2px; white-space:nowrap;} /*HAS 30.06.2010 */
#taxOfficeSearchForm .search-nav, .bank-code-search-page .search-nav {border-top:1px solid #f6f6f6;margin-top:15px; padding:10px 0;width: 100%;}
#taxOfficeSearchForm .float-right {float:right;}
#taxOfficeSearchForm .applyButton{width:24px;height:24px;background-image:url("/InternetBanking/css_images/save.svg");}
#taxOfficeSearchForm .btn { display: block; background-color: #177991; color: #ffffff; height: 26px; font-weight: bold; border-radius: 5px; padding-inline: 10px; margin-inline-start: auto; border: 0; }
#taxOfficeSearchForm .btn:hover { background-color: #105566; } 
#taxOfficeSearchForm .pager-label { display: inline-block; padding-top: 4px; padding-left: 8px;}

/* ITAN Administration
-------------------------------------------------------------------*/
.small-boxes-info .right{float: right; display: inline; width:361px; margin:0;}
.txt-template-right {width: 556px; float: left; display: inline; margin: 0 0 10px 0;padding-top:2px}


/* Mailbox_in
-------------------------------------------------------------------*/
h2.mail-search {color: #4a4a4a; font-size:1.1em; font-weight:bold; margin: 0;}
div.mail.content-box.closed {margin: 0 0 20px;}
div.mail .dynamic-btn .content a.next{white-space: nowrap;background-position: 67px center; padding:5px 10px 0 10px; width:69px !important;}


/* Securities Transactions Search
-------------------------------------------------------------------*/
#exchange-details thead th.depotumsatzcolumn1 { width: 80px;padding-left:10px;}
#exchange-details thead th.depotumsatzcolumn2 { width: 110px;padding-left:10px;}
#exchange-details thead th.depotumsatzcolumn3 { width: 130px;padding-left:10px;}
#exchange-details thead th.depotumsatzcolumn4 { width: 125px;padding-left:10px;}
#exchange-details thead th.depotumsatzcolumn5 { width: 125px;padding-left:10px;}
#exchange-details thead th.depotumsatzcolumn6 { width: 20px;padding-left:10px;}

#exchange-details .clear {clear:both}

#depotNotion .sort-header .symbol,
#depotNotion .headerSortUp .symbol,
#depotNotion .headerSortDown .symbol {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin-top:3px;}
#depotNotion .sort-header .symbol {margin-top:1px;cursor:pointer;}
#depotNotion .headerSortUp .symbol { background-position:right -38px;}
#depotNotion .headerSortDown .symbol { background-position:right -18px;}
#depotNotion #exchange-details td.symbollink a:link,
#depotNotion #exchange-details td.symbollink a:visited,
#depotNotion #exchange-details td.symbollink a:focus,
#depotNotion #exchange-details td.symbollink a:active {display:block;width:16px;background:url(../images/base/spire-icons.png) no-repeat;padding:0;}
#depotNotion #exchange-details td.symbollink a.read:link,
#depotNotion #exchange-details td.symbollink a.read:visited,
#depotNotion #exchange-details td.symbollink a.read:focus,
#depotNotion #exchange-details td.symbollink a.read:active {height:24px;width:24px;background:url(/InternetBanking/css_images/draft.svg) no-repeat;}
#depotNotion #exchange-details td.symbollink a.unread:link,
#depotNotion #exchange-details td.symbollink a.unread:visited,
#depotNotion #exchange-details td.symbollink a.unread:focus,
#depotNotion #exchange-details td.symbollink a.unread:active {height:24px;width:24px;background:url(/InternetBanking/css_images/mail.svg) no-repeat;}

.ttooltip.dpum-right.wp-receipt { background:url("../images/base/wp-receipt.gif") no-repeat scroll 0 0 transparent; padding-bottom: 5px; padding-left:29px;}


/* Claim Statement
-------------------------------------------------------------------*/
#sales-detail thead th.action {
  width: 55px;
}

a.claim {
  float: right;
}

/*
 * negative amount red highlightment
 */
.negativ-amount-easy {color:#C10607;}

/*
 * suspended month gray highlightment
 */
.suspended-month-gray {color:#4a4a4a;}

/** email box */
.content-box-top-gray { width:750px; line-height:1px; font-size:1px;}
#email thead.gray th {padding:5px 10px}
#email thead.gray tr {background:#f6f6f6;height:28px;}


.error_field #error_part_text * { color:#C10607; }
.error_field #error_part_text p { color:#C10607 !important; }
.error_field #error_part_text a { text-decoration:underline;}

/* Mail Landingpage
-------------------------------------------------------------------*/
.mail_selection {margin:5px 0 15px;}
.mail_selection td{vertical-align:top;}
.mail_selection td.interlayer{width:26px;}

.mail_selection_wrapper{padding:9px 10px 0 12px; border-radius: 6px; border: 1px solid #f6f6f6; min-height: 350px;}
.mail_selection .content-box-small-top {width:100%; height:4px; }

.mail_selection td.with_border{ border: 1px solid #f6f6f6; border-radius: 6px; height:265px;}
.mail_selection td.with_border.bottom{height:35px;}

.mail_selection p {margin:1em 0;}
.mail_selection ul {margin:0 0 0 1px;}
.mail_selection li {margin:1em 0 1em 0;background: url(../images/base/list-style-line.gif) no-repeat 0 7px; padding:0 0 0 10px;}
.mail_selection .dynamic-btn, .mail_selection .dynamic-btn .content input {width:198px;margin-bottom:10px;}
.size5 .mail_selection .dynamic-btn .content input, .size5 .mail_selection .dynamic-btn {width:212px;}
.mail_selection .dynamic-btn {float:right;}


/* Foreign Transfer Landingpage
-------------------------------------------------------------------*/
.foreign_eu_selection {margin:5px 0 15px;}
.foreign_eu_selection td{vertical-align:top;}
.foreign_eu_selection td.interlayer{width:26px;}

.foreign_selection_wrapper{padding:9px 10px 0 12px;}
.foreign_eu_selection .content-box-small-top {width:100%; height:4px; border-top: 1px solid #f6f6f6; border-radius: 5px;}

.foreign_eu_selection td.with_border{border-left: 1px solid #f6f6f6;border-right: 1px solid #f6f6f6;height:265px;}
.foreign_eu_selection td.with_border.bottom{ height:38px; border-bottom: 1px solid #f6f6f6; border-radius: 5px;}

.foreign_eu_selection p {margin:1em 0;}
.foreign_eu_selection ul {margin:0 0 0 1px;}
.foreign_eu_selection li {margin:1em 0 1em 0;background: url(../images/base/list-style-line.gif) no-repeat 0 7px; padding:0 0 0 10px;}
.foreign_eu_selection .dynamic-btn, .foreign_eu_selection .dynamic-btn .content input { margin-bottom:10px;}
.size5 .foreign_eu_selection .dynamic-btn .content input, .size5 .foreign_eu_selection .dynamic-btn {width:212px;}
.foreign_eu_selection .dynamic-btn {float:right;}



/* Foreign Transfer Landingpage (old)
-------------------------------------------------------------------*/
#foreignTransfer .eu-standard-transfer p {margin:1em 0;}
#foreignTransfer .eu-standard-transfer ul {margin:0 0 0 1px;}
#foreignTransfer .eu-standard-transfer li {margin:1em 0 1em 0;background: url(../images/base/list-style-line.gif) no-repeat 0 7px; padding:0 0 0 10px;}
#foreignTransfer .eu-standard-transfer input {width:198px!important;}
.size5 #foreignTransfer .eu-standard-transfer input {width:212px!important;}
#foreignTransfer .column-left {margin-right:25px;}
#foreignTransfer .row-first {height:265px;}
#foreignTransfer .row-second {height:35px;position:relative;}
#foreignTransfer .content-box-small-content .dynamic-btn {position:absolute;bottom:0;right:0;margin:0;}
#foreignTransfer #foreign-transfer-abroad {width:177px !important;}
.size5 #foreignTransfer #foreign-transfer-abroad {width:189px!important;}

.right-aligned {text-align:right;}
#differedPaymentBackBlock .small-box-content{min-height:141px;}

/* mailbox
-------------------------------------------------------------------*/
textarea.nachricht {width: 544px; height: 100px; resize: vertical;}
.bank-code-search-page .slider-wrap p {font-size:1em;padding-top:25px;padding-bottom:10px;}
.bank-code-search-page .search-nav div.footer-float-account {float:right;}
.bank-code-search-page .search-nav .dynamic-btn, .bank-code-search-page .search-nav .dynamic-btn-disabled {margin-right:0;}
.bank-code-search-page .search-nav .dynamic-btn .content a.next, .bank-code-search-page .search-nav .dynamic-btn-disabled .content a.next {background-position:65px center;}
.electronic-account-statement-checkboxes-table td{vertical-align:middle;padding-bottom:5px;}
.electronic-account-statement-checkboxes-table .checkbox-charges{margin-top:0!important;}

#transferTemplates .table {table-layout: fixed; width: 748px; word-wrap: break-word; overflow: hidden;}
#transferTemplates .amount {text-align: right; width:120px;}
#transferTemplates .action {width: 72px;}

/*
 * Master-Detail-Table
 *
 */
.master-detail-table {padding:10px 0 0 0; border:0; cellspacing:0; cellpadding:0;}
.master-detail-table tbody tr.last td{border:none;}
.master-detail-table tbody td,
.master-detail-table thead th { padding: 6px 0; vertical-align: top;}
.master-detail-table tbody td.noborder{border:none; padding:0;}
.master-detail-table td { border-top:1px solid #f6f6f6;}
.master-detail-table tbody { border-top:1px solid #f6f6f6;}
.master-detail-table thead th { font-weight:bold; cursor:pointer; line-height:20px; border-bottom:solid #f6f6f6 1px; vertical-align: bottom;}
.master-detail-table tbody td { font-weight: normal;}
.master-detail-table tbody td.txt-align-r { text-align: right;}
.master-detail-table tbody td a { background:none; padding:0; text-decoration: underline; color: #177991; }
.master-detail-table tbody td a:hover { color: #105566; }
.master-detail-table thead th.adjustextrawidth { width: 10px;}
.master-detail-table thead th.adjustextrawidth2 { width: 1px;}
.master-detail-table thead th.adjustwidth { width: 7px;}
.master-detail-table thead th.adjustwidth2 { width: 0px;}
.master-detail-table thead th.option { width: 50px;}
.master-detail-table th strong,
.master-detail-table th .symbol {float:left;}
.master-detail-table tbody tr td {height: 50px; min-height:50px;}
.master-detail-table .sort-header .symbol,
.master-detail-table .headerSortUp .symbol,
.master-detail-table .headerSortDown .symbol {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin-top:3px;}
.master-detail-table .sort-header .symbol {}
.master-detail-table .headerSortUp .symbol { background-position:right -38px;}
.master-detail-table .headerSortDown .symbol { background-position:right -18px;}
.master-detail-table tbody td.drop-down-td{padding: 0; background:#f6f6f6; }
.master-detail-table td.drop-down-td{ border: none;}

.master-detail-table .detail{padding:0; border: 11px solid #f6f6f6; border-top-width: 0;}
.master-detail-table .detail-row{background: #ffffff; padding: 0 6px 0 8px;}
.master-detail-table .detail-sto-div{ border-bottom: solid #f6f6f6 1px; padding: 6px; word-wrap:break-word;}
.master-detail-table .detail-sto-div-noborder{border: 0; padding: 6px; word-wrap:break-word;}
.master-detail-table .detail-float-1,
.master-detail-table .detail-float-2{float: left; display: inline; margin: 0px 15px 0px 0; word-wrap:break-word;}
.master-detail-table .detail-float-1{width: 239px; text-align: right;}
.master-detail-table .detail-float-2{width: 409px;}
.master-detail-table .detail-data {display:none;}
.master-detail-table .option-edit,
.master-detail-table .option-goto,
.master-detail-table .option-delete{float: left; display: inline; width: 15px; height:15px; margin-right: 9px;}
.master-detail-table .option-edit{margin: 0 9px 0 0;}
.master-detail-table a.btn-wrenchedit {background: url(/InternetBanking/css_images/wrench.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
.master-detail-table a.btn-edit{ background: url(/InternetBanking/css_images/pen.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
.master-detail-table a.btn-delete{ background: url(/InternetBanking/css_images/delete.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}
.master-detail-table a.btn-goto {background: url(/InternetBanking/css_images/open_template.svg) no-repeat; width: 24px; height:24px; display: block; cursor: pointer;}

.master-detail-table tbody tr:hover,
.master-detail-table tbody tr.hover,

.master-detail-table tbody tr.active { background-color:#f6f6f6;}

.master-detail-table .detail-data tbody tr:hover div,
.master-detail-table .detail-data tbody tr.hover div,
.master-detail-table .detail-data tbody tr.active { background-color:#ffffff;}

.detail-inactive{color:#888888;}
.word-wrap {word-wrap:break-word;}
}



/*
 * Page print button layout
 *
 */
.printing {border-top:solid #f6f6f6 1px; padding:10px 0 0 4px; display:block; height:35px;}
.printing div.footer-float-account { float: left;}
.printing div.dif-lnk-img a {text-decoration:none;display:block;background:url(../images/base/ico-download-csv.gif) no-repeat;height:21px;padding:10px 0 0 40px;width:149px;}
.printing div.dif-lnk-img a:hover {background-position:0 -31px;}
.printing .print{width:130px;}
.printing .dif-lnk-img{width:208px;}

/*
 * Pagination layout
 *
 */
.paging {float: right}
.paging div.float-left-inline { float: left; display:inline;}
.paging .dif-entries{width: 60px; height: 25px; padding: 6px 0 0 0;}
.paging .entries-p-s{width: 119px; height:23px; padding: 8px 0 0 0;}
.paging .dif-btns .nomargin{margin:0;}
.paging .entries-p-s2{width: 67px; height:23px; padding: 8px 0 0 0; text-align: center;}

/*
 * Tax summary in details layout
 *
 */
.tax-summary {color:#4a4a4a; width:420px;}
.tax-summary table {cellspacing:0; cellpadding:0; border:0;}
.tax-summary tbody tr td {height: auto; min-height:10px;}
.tax-summary thead th {display:block; padding: 0; font-weight:normal; background:none; border-bottom:none; line-height:14px;}
.tax-summary td {display:block; border-top:none; border:none;}
.tax-summary th,
.tax-summary thead tr {display:block;}
.tax-summary td {font-weight:normal; border:none !important;}
.tax-summary thead .charge-art,
.tax-summary thead .charge-period,
.tax-summary thead .charge-sum {border-top:1px solid #f6f6f6 !important;}
.tax-summary .charge-art {padding:0 0 0 5px; width:330px;}
.tax-summary .charge-period {width:220px;}
.tax-summary .charge-sum {text-align:right; padding:0 5px 0 0;}
.tax-summary .minus {color:#C10607;}
.tax-summary thead .charge-art2_1,
.tax-summary thead .charge-period2_1,
.tax-summary thead .charge-sum2_1 {padding:0 0 0 !important;}
.tax-summary .charge-art2_2,
.tax-summary .charge-period2_2,
.tax-summary .charge-sum2_2 {padding:3px 0 !important;}
.tax-summary .charge-art2_3 {width:300px; color: #000; font-weight:normal !important;}
.tax-summary .charge-period2_3 {width:220px; color: #000; text-align: right; font-weight:normal !important;}
.tax-summary .charge-sum2_3 {width:170px; text-align: right; color: #000; font-weight:normal !important;}
.tax-summary .charge-sum2_3-minus {width:170px; text-align: right; color:#C10607;}
.tax-summary .charge-sum2_1 {text-align:right; padding:0 0 0 0; text-align: right;}
.tax-summary .sumText2 {font-weight:normal !important;}
.tax-summary .sumNumber2 {font-weight:normal !important;}
.tax-summary .tax-contrib-type {display:inline; width:200px; float:left; text-align:left;}
.tax-summary .tax-contrib-period {display:inline; width:100px; float:right; text-align: right;}

.marginRight10px{margin-right:10px;}


tbody tr.show.data{background-color:#f6f6f6!important; border-bottom: 10px solid #f6f6f6;}

#accountDetails .txt-template {display: inline; float: left; margin: 0 15px 6px 0; padding: 0; text-align: right; width: 160px;}
#accountDetails .input-template {display: inline; float: left; margin: 0 0 6px; width: 556px;}
#accountDetails tbody td {background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #f6f6f6; font-weight: normal; padding: 6px 0 0 !important; vertical-align: top;}

label.pos-left{margin-left: 6px !important;}

/*Product-opening zinsmax*/

#zinsmaxTable .inline-label {
    display: inline;
    float: left;
    padding-left: 17px;
    padding-right: 15px;
    padding-top: 3px;
    text-align: center;
}

#zinsmaxTable .inline-label.first{
    padding-left: 0px;
}

#zinsmaxTable .inline-label.prefix{
    padding-left: 0px;
    padding-top: 0px;
}

#zinsmaxTable .inline-label.postfix{
    padding-left: 6px;
    padding-top: 0px;
}

#zinsmaxTable .radiobtn-style {
    margin: 4px 8px 0 0;
}

#zinsmaxTable .input-template.onerow {
  margin-bottom: 0;
}

#zinsmaxTable .txt-template.onerow {
  margin-bottom: 0;
}

/* Order Folder Overview easybank selected orders summary area*/
table.kontostand-mrg {margin-bottom: 8px;}
span.kontostand-sum {display: inline; float: right; text-align: right; font-weight: normal; margin-right: 15px;}
td.kontostand-label {width: 400px; padding-left: 120px; height: 18px;}
td.kontostand-sum {width: 120px;}
td.kontostand-hlp-link {width: 160px;}
a.kontostand-hlp-link{padding-bottom: 2px;}


.accountStatementList #print {margin-top:40px;}
/*Product-opening zinsmax*/

#zinsmaxTable .inline-label {
    display: inline;
    float: left;
    padding-left: 17px;
    padding-right: 15px;
    padding-top: 3px;
    text-align: center;
}

#zinsmaxTable .inline-label.first{
    padding-left: 0px;
}

#zinsmaxTable .inline-label.prefix{
    padding-left: 0px;
    padding-top: 0px;
}

#zinsmaxTable .inline-label.postfix{
    padding-left: 6px;
    padding-top: 0px;
}

#zinsmaxTable .radiobtn-style {
    margin: 4px 8px 0 0;
}

#zinsmaxTable .input-template.onerow {
  margin-bottom: 0;
}

#zinsmaxTable .txt-template.onerow {
  margin-bottom: 0;
}

/* Order Folder Overview easybank selected orders summary area*/
table.kontostand-mrg {margin-bottom: 8px;}
span.kontostand-sum {display: inline; float: right; text-align: right; font-weight: normal; margin-right: 15px;}
td.kontostand-label {width: 400px; padding-left: 120px; height: 18px;}
td.kontostand-sum {width: 120px;}
td.kontostand-hlp-link {width: 160px;}
a.kontostand-hlp-link{padding-bottom: 2px;}


.accountStatementList #print {margin-top:40px;}


#productOpening tr.first td.solid_line {padding: 0 10px 10px 10px;}
#productOpening .ui-datepicker-trigger{ display: inline; float: left;}
#productOpening .inline-label { display: inline; float: left; padding-left: 8px; padding-right: 8px; padding-top: 3px; text-align: center; }
#productOpening .inline-label.first{padding-left: 0px; padding-right:8px;}
#productOpening .inline-label.radiolabel{padding-left: 6px;}
#productOpening .inline-label.last{padding-right: 0px; padding-left: 7px;}
#productOpening .radiobtn-style {margin: 4px 8px 0 0;}
#productOpening .txt-template {display: inline; float: left; margin: 0 15px 10px 0; padding: 2px 0 0; text-align: right; width: 160px;}



#productOpening .input-template {display: inline; float: left; width: 556px; padding-top: 2px;}
#productOpening .input-template p{margin-bottom:10px; margin-top: 2px;}
#productOpening  p.last {margin-bottom:0px !important; }
#productOpening .input-template .checkbox-label {padding-left: 20px;}
#productOpening .input-template .first{margin-bottom:10px;}
#productOpening .input-template .first-last{margin-bottom:0px; padding-left: 0px;}
#productOpening .input-template .radiowrap{ margin-bottom:10px; display: inline; float: left;}
#productOpening .comma {display: inline; float: left; padding: 4px 0 0; text-align: center; width: 8px;}
#productOpening .calendar { display: inline; float: left; margin-top:1px; margin-right:5px;}
#productOpening .ui-datepicker-trigger{ display: inline; float: left;}

#productOpening .select-styled-factor{display: inline; float: left;}
#productOpening .select-styled-factor.collect-date{width: 60px;}

#productOpening .input-styled-factor {display: inline; float: left;}
#productOpening .input-styled-factor.account{width: 100px; text-align: left;}
#productOpening .input-styled-factor.account.inactive{text-align: center; color: #999999;}
#productOpening .input-styled-factor.bank-code{width: 40px; text-align: left;}
#productOpening .input-styled-factor.bank-code.inactive{text-align: center; color: #999999;}
#productOpening .input-styled-factor.amount{width: 90px; text-align: right;}
#productOpening .input-styled-factor.amount-cents{width: 20px; text-align: left;}
#productOpening .input-styled-factor.my-term{width: 40px}

#productOpening .content-wrap .text-teaser a{color:#177991;}
#productOpening .content-wrap .text-teaser a:hover{color:#105566;}

#productOpening #standing-order-new{width:750px; margin: auto;}
#productOpening table#productOpening{width:731px; margin: auto;}


#standing-order-new tbody td { background:#FFFFFF; font-weight: normal;  padding: 10px 0 0 0;  vertical-align: top; border-top:1px solid #f6f6f6;}
#standing-order-new tbody td.last-separator {border-top-color: #177991;}
#standing-order-new tbody tr.first td{border:none;}

#standing-order-new .ui-radio {margin:0 10px 0 0;}
#standing-order-new .ui-checkbox {margin:4px 10px 0 0;}

#productOpening .info-boxes{width: 353px; height: 101px; float: left; display: inline; margin: 0 15px 15px 0; border-top: solid #86b918 1px; border-bottom: solid #86b918 1px; padding: 10px 0 0 12px; background: #FFFFFF;}
#productOpening .info-boxes.nomargin{ margin: 0;}
#productOpening .info-txt{height: 59px; width: 274px;}

#productOpening .boxes-btn{ width: 335px; margin: 0 10px 0 0; height: 28px; float: right; display: inline;}
#productOpening .button-for-boxes{ height: 28px; cursor: pointer; float: right; display: inline;}
#productOpening .button-for-boxes.bg-one{background:  url(../../images/default/btn-portfolio.gif) no-repeat; width: 305px;}
#productOpening .button-for-boxes.bg-two{background:  url(../../images/default/btn-draw.gif) no-repeat; width: 127px;}

#productOpening .div-advice{margin: 0 5px 0 12px;}

#productOpening .txt-template{ width: 160px; float: left; display: inline; margin:2px 15px 10px 0; text-align: right; padding: 0 0 0 0;}
#productOpening .txt-template-geldmarkt{ width: 125px;}
#productOpening .txt-template.inner{ width: 160px; float: left; display: inline; margin:5px 15px 10px 0; text-align: right; padding: 0 0 0 0;}
#productOpening .input-template{ width: 556px; float: left; display: inline; margin: 0 0 11px 0;}
#productOpening .input-template-geldmarkt{ width: 605px;}
#productOpening .txt-template label{cursor: pointer;}
#productOpening.accountDetails .txt-template{ width: 170px;}
#productOpening .select-styled-template{ width:546px; float:left;}
#productOpening .select-styled-template-two {width: 375px; float:left;}
#productOpening .select-styled-template-three {width: 142px; float:left;}
#productOpening .select-styled-template-three.day {width: 141px; float:left;}
#productOpening .select-styled-template-smallday {width: 120px; float:left;}
#productOpening #sto-lastaccomplishment-day {width:86px;}
#productOpening .amount-height{padding-top:4px}

#productOpening .extrafloatdiv{ float: left; margin: 2px 10px 0 0;}
#productOpening .extrafloatdiv2{ float: left; margin: 2px 13px 0 0;}
#productOpening .widthforfloat{width: 55px;}

#productOpening .input-styled-factor{ float: left; display: inline;}
#productOpening .input-styled-factor-right{float: none;}
#productOpening .input-styled-factor.one {width: 175px;}
#productOpening .input-styled-factor.two {width: 20px; margin: 0 10px 0 0;text-align:left;}
#productOpening label.up-to-balance {margin: 0;display:inline-block;width:180px;}
#productOpening .input-styled-factor.three {width: 365px; margin: 0 10px 0 0;}
#productOpening .input-styled-factor.five {width: 52px; margin: 0 10px 0 0;}
#productOpening .input-styled-factor.seven {width: 123px; margin: 0;}
#productOpening .comma{ float: left; display: inline; width: 8px; padding: 4px 0 0 0; text-align: center;}
#productOpening .comma-sw{ display: inline; width: 8px; padding: 4px 0 0 0; text-align: center;}
#productOpening .extra-txt{ float: left; display: inline; padding: 2px 0 0 0; width: 297px;}
#productOpening .extra-txt-sw{ display: inline; padding: 2px 0 0 0; width: 297px;}
#productOpening .input-styled-factor.two-line {margin: 0 0 10px 0;}
#productOpening .dif-one{margin: 0 15px 0 0;}

#productOpening .radio-float{ float: left; display: inline; width: 220px; padding: 2px 0 0 0;}
#productOpening .radio-float.monthYear{ float: left; display: inline; width: 55px; padding: 2px 0 0 0;}
#productOpening .radio-float.balance{ float: left; display: inline; width: 55px; padding: 2px 0 0 0;}
#productOpening .radiobtn-style{margin: 1px 8px 0 0;}
#productOpening #up_to_balance{margin-top: 3px;}
#productOpening .radiowordwrap{width: 555px; margin: 0 0 10px 0;}

#productOpening .radio-float { cursor: pointer; padding-left:3px;}

#productOpening .calender{ float: left; display: inline; width: 23px; margin: 0 15px 0 0;}
#productOpening .checkbox-charges{float: left; display: inline; margin: 5px 10px 0 0;}
#productOpening .transfer-lbl{float: left; display: inline; padding: 5px 0 0 0; cursor: pointer;}

#productOpening #overlay-content-1 {display:none;}

#productOpening a.fontblack{color: #4a4a4a;}
#productOpening a.fontblack:hover {color: #86B918;}

#productOpening .small-box-content .nomargin{margin:0;}

#productOpening .gray{color:gray;}

div.currencyWithText {
    display: inline;
    float: left;
    margin-left: -10px;
    margin-right: 10px;
    margin-top: 3px;
}

.second .radio-float{margin-bottom:5px}
input.reklamationTxt-wide {width: 444px; margin-right: 10px; float: left; display: inline;}

.reset-search-button {width: 160px!important;}
.search-button {margin-left:85px!important;}
.reset-search-button a {text-align:center!important;}

.size5 .reset-search-button {width: 175px!important;}
.size5 .search-button {margin-left:100px!important;}

.sort-header-new {padding: 5px 0 0 0!important;}
.symbol-new {display:inline; padding: 0 0 0 17px;}
.sort-header-new .symbol-new {background:url(../images/base/sort-btn.gif) no-repeat right 2px;width:10px;height:13px;margin-top:3px;}
.headerSortUp .symbol-new {background-position:right -38px;}
.headerSortDown .symbol-new {background-position:right -18px;}
.symbol-inline {display:inline;margin: 0 10px 0 0;}

/*Security Fund Saving*/
.right-column-vertical-align{float: right;padding-top: 5px;}

/*js tooltip*/
#tooltip { position: absolute; }

.totalPortfolioBalanceHelpHintBody .listHolder {margin-left: 20px;}
.totalPortfolioBalanceHelpHintBody .listHolder .disc, .totalPortfolioBalanceHelpHintBody .listHolder .circle {display:list-item;}
.totalPortfolioBalanceHelpHintBody .listHolder .disc {list-style-type:disc;}
.totalPortfolioBalanceHelpHintBody .listHolder .circle {margin-left: 20px;list-style-type:circle;}

/* mailtext make ul, li and table work again */
div[id^='mailbody'] {width: 97%}
div[id^='mailbody'] ul {margin: 0px 0 16px 25px;}
div[id^='mailbody'] ol {margin: 0px 0 16px 25px;}
div[id^='mailbody'] ul li {list-style-type: disc;}
div[id^='mailbody'] td  {border: none; background-image: none; padding: 0;}

/* dyninfo message */
.dyn_message { font-size: 1em; }
.dyn_message table { width: 100% }
.dyn_message td  {border: none; background-image: none; padding: 0; }
.dyn_message ul li { margin-left: 20px; list-style-type: disc; }

/* iban fields */
.ibanmask {width:175px !important;}

a.suspensioncontrol {
  background: url(/InternetBanking/easybank/images/base/bg-suspension-control.gif) no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 551px;
  height: 101px;
}

.disabled_text{
  color: #8C8C8C;
}

.enabled_text{
  color: #4a4a4a;
}

/* credit installment suspension control */
img.monthsx {
  position:absolute;
  margin: -52px 0px 0px -21px;
}

div.hiddenlabel {
  visibility: hidden !important;
}

div.suspensioncontrolmonth {
  display: inline-block;
  margin-top: 26px;
}

.disablecreditsuspension {
  color:#8C8C8C !important;
}

div.suspensionmonthlabel{
  margin-top: 3px;
  width: 36px;
  padding-top: 2px;
  height: 16px;
  color:#FFFFFF;
  position: absolute;
  font-size: 0.8em;
  font-weight: bold;
  background: #8db717 url(../images/base/suspension-month-label.gif) no-repeat top right !important;
}

/* credit installment suspension control */
img.monthsx {
  position:absolute;
  margin: -52px 0px 0px -21px;
}

#mailMaike div.mail-attachment {
  float: left;
  margin-left: 25px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
}

em {
  font-style: italic;
}

/* mailbody paragraph spacing */
div[id|=mailbody] p {
  padding-bottom: 16px;
}

/* ordered list decimal style type */
div[id|=mailbody] ol li{
  list-style-type: decimal;
}

div[id|=mailbody] blockquote {
  font-family: "Georgia";
  font-style: italic;
  margin: 1em 40px;
}

div[id^='mailbody'] ul { padding: 16px 0 16px 0 !important;}
div[id^='mailbody'] table { border-collapse: collapse !important;}
div[id^='mailbody'] td { padding: 5px !important; 
					   border:1px solid !important;}
div[id^='mailbody'] th { font-size: 1em !important; 
					   font-weight: bold !important; 
					   border: 1px solid !important; 
					   padding: 5px !important; 
					   background-color: #F6F6F6 !important;}
div[id^='mailbody'] .floatleft { float: left !important;}

.finoverviewcategory {word-wrap: break-word;word-break: break-all;}
.finoverviewfrom{word-wrap: break-word;width:150px !important;}
.finoverviewfrom-inbox{word-wrap: break-word;width:100px !important;word-break: break-word;}
.finoverviewsubject{word-wrap: break-word;width:300px;}

.header-confirm {
  color: #666;
  display: inline;
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin: 0 0 15px;
}

div.margin-bar {
  background:url(../images/base/bg-slider-bar-png-data.png) repeat-x; height:22px;
  clear: left;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-bottom: 14px;
  margin-top: 10px;
}

.dark .content-box-top-sign {
  background:url(../images/base/content-box-top-dark-sign.png) no-repeat;
  background-size: 564px;
  background-position: 0 -35px;
  height:24px;
  font-size:1em;
  padding:10px 0 0 57px;
  line-height:1em;
  width:693px;
}

.dark .content-box-top-sign.disabled {
  background:url(../images/base/content-box-top-dark-sign.png) no-repeat;
  background-size: 564px;
  background-position: 0 -105px;
  height:25px;
  font-size:1em;
  padding:10px 0 0 57px;
  line-height:1em;
  width:693px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .dark .content-box-top-sign.disabled {
    background-position: 0 -104px;
  }
}

.content-box-top-sign.disabled  > h2 {
  color: #9c9c9c !important;
  margin-top: -1px;
}

/* Bankomatkarte Administration */
.aca-table-header{
    color: #4a4a4a;
    font-size: 1em;
    height: 40px;
    line-height: 17px;
    vertical-align: bottom;
}

.aca-table-row{
    border-top: 1px solid #f6f6f6;
    font-size: 1em;
    height:50px;
    line-height: 1.3em;
    vertical-align: top;
}

/* PIN-NACHBESTELLUNG */
.pin-info-box1 {
    font-size: 0.80em;
    font-weight: normal;
    width: 690px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 0px;
    font-size: 1em;
    vertical-align: middle;
}
.pin-info-box2 {
    font-size: 0.80em;
    font-weight: normal;
    width: 690px;
    margin: 0 auto 14px auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    font-size: 1em;
    vertical-align: middle;
    border-top: 1px solid #f6f6f6;
}
.pin-dRow {
    display: table-row;
    height: 25px;
}
.template-container {
  display: table-cell; 
  vertical-align: middle; 
}
.txt-template-centered {
  display: inline-block; 
  height: auto; 
  vertical-align: middle; 
  margin-bottom: 0px; 
  padding-bottom: 0px; 
  width: 160px; 
  text-align: right; 
  padding-right: 15px;
}
.input-template-centered {
  display: inline-block; 
  height: auto; 
  vertical-align: middle; 
  margin-bottom: 0px;
  line-height: 1.6em;
}
.individualinfo-refresh {line-height: 17px; margin: 0 0 5px 0;}
.warn-hint {float:right;width:75%;margin-top:6px;color:#C10607;font-size:0.83em;}

/* SCA */
.text-padding-style-sca p {padding-top: 10px; padding-bottom: 10px;}
.portfolio-done-sca {margin-bottom: 10px;}
.dynamic-button-sca {position: inherit; float: left; margin-top: 30px; margin-left: 11px;}
.login-input-sca {margin-left:2px; margin-bottom: 18px; width: 770px; float: left; display:inline;}
.login-input-pinchange-sca {margin-top:30px;}
.tan-selection-sca-second {margin-bottom: 10px;}
.tan-selection-sca-third {margin-bottom: 25px;}

/* KLAR-SIGNING AD */
.ks_ad_qr_image { width:130px; height: 130px; padding: 3px; border: 1px solid #ccc; margin-top: 5px; }
#ks_ad_column1 { float: left; width: 130px; text-align: center; text-align: center; padding-top: 16px; }
#ks_ad_column2 { float: left; width: 600px; padding-right: 0px !important; padding-top: 16px; padding-bottom:16px; line-height: 1.4rem; font-size: 0.85rem;}
#ks_ad_column2 h2 { font-weight: bold !important; margin-top: 0px !important; margin-bottom: 15px !important; font-size: 1.2em !important;}

#ks_ad_column3 { float: left; width: 180px; text-align: center; padding-top: 16px; padding-bottom: 16px; }

#polling_cancel a, #signing_cancel a {
  color: black !important;
}

/* forein selection */
.infomsg {
  margin: 15px 2px 25px 2px;
}
.infomsg__content {
  display: flex;
  padding: 14px 10px 5px 10px;
  border-radius: 5px;
}
.infomsg__img { 
  margin-right: 8px;;
}
.infomsg h3 {
  font-size: .9rem;
  line-height: normal;
  padding: 0;
  margin: 0 0 5px 0;
}

/* instant payment stuff */
.ip_check {
  border-radius: 4px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  min-height: 90px;
  width: 364px;
  margin-bottom: 15px;
  padding: 8px 8px 8px 5px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.ip_check[disabled] {
  opacity: 0.6;
  box-shadow: none;
}

#column-wide fieldset .ip_check .ip_check__label {
  height: 100%;
  width: 100%;
}

.ip_check .ip_check__info {
  margin-top: 8px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: baseline;
}

.ip_check .ip_check__checkbox {
  padding-left: 9px;
  width: 30px;
  height: 11px;
  text-align: center;
}

.ip_check h2 {
  margin-left: 8px;
  margin-top: 4px;
  font-weight: normal;
  font-size: 1.1em;
}

.ip_check .ip_check__text {
  width: 100%;
  line-height: 1.3;
}

.ip--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* Temporary style hint */
#hint_ip_text,
#ip_error {
  border-radius: 7px;
  padding: 3px 8px;
  font-size: 0.95em;
}

.easyfont_enlarge {
  font-size: 1.4em;
}

/* cause of the fixed size is set for all(*) elements */
small {
  font-size: 0.83em;
}

.ip_disabled {
  display: none;
}

#pincheck  {list-style-type:none; margin-top: 10px; margin-left: 10px; margin-bottom: 20px;}
#pincheck li {min-height: 18px;}
#pincheck li.ok::before {content:"\2714\0020"; color:#428500;}
#pincheck li.none::before {content: "\2212\0020"; min-width: 13px; display: inline-block; padding-top: 1px;}
#pincheck li.nok::before {content:"\2716\0020"; color:#e20f00;}

#fraudmessagebox { background-color: #FCFCF5; border: 1px solid #8B9015; border-radius: 6px; padding: 12px 12px 8px 12px; margin-bottom: 16px; min-height: 60px; }
#fraudmessageicon { float: left; padding-right: 12px;}
#fraudmessagetext { font-size: 1.1em; overflow: auto; }
#fraudmessagetext .fraudmessageheader { display: block; font-size: 1.1em; font-weight: 600; margin-bottom: 6px; }
#fraudmessagetext a { text-decoration: underline !important;}

  .login-box-link {
    list-style: none;
	margin-top: 10px;
  }	
  
  .login-box-link li {
	background: url(../images/base/submenu-bullet.gif) no-repeat 0 5px;
	background-repeat: no-repeat;
    background-position-y: center;
    line-height: 15px;	
  }
  
  .login-box-link li a {	
	font-size: 1em;
    color: #4a4a4a;
    text-decoration: none;
    padding: 11px 0 8px 16px;
    display: block;
    line-height: 15px;
    min-height: 15px;  
    overflow: hidden;
  }

  .login-box-link li a:hover {
	font-weight: bold;
  }

    /* app login changes */  
	#login_tabs { overflow: auto; margin-top: 16px; }
  	#login_tab_disposer { float: left; }	
	#login_tab_app { float: right; }		
	#tab_app_info { display: block; padding: 16px 8px 16px 0; }	
	#tab_code_info { display: block; padding: 16px 8px 16px 0; }	
	#tab_disposer_info { height: 30px; }		
	
	#tab_polling_info {
		padding: 16px 0 32px 0;
		text-align: center;
	}
	
	#tab_polling_info img {
		width: 75px;
	}
		
	#tab_polling_info p {
		display: block;
		margin-top: 6px;
		margin-bottom: 12px;
	}	
	
	#tab_polling_info a {
		color: #4a4a4a;
		text-decoration: underline;
	}
	
	.app_cancel {
		margin-top: 16px;
		display: inline-block;
	}
	
	.app_cancel a {
		color: #4a4a4a;
		text-decoration: underline;
	}
		
	#tab_polling_info a:hover {
		font-weight: bold;
	}
				
	.login_tab {
		display: block;
		width: 50%;
		text-align: center;
		height: 20px;
	}	
	
	a .login_tab_active { color: #177991; font-weight: bold; }
	
	.login_tab_active {
		border-bottom: 2px solid #177991;
		font-weight: bold;
	}
	
	a .login_tab_inactive { color: #4a4a4a; }
	
	.login_tab_inactive {
		border-bottom: 1px solid #4a4a4a;
		font-weight: normal;
	}
	
	#tab_code > .submit-button {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}

	#tab_code #code {
		font-size: 1.5em;
		height: 20px;
	}

	#tab_code label {
		padding-top: 4px;
	}

/*DEM1527-3202 Introduce css style class for app only content in postbox messages */
.app_only {
	visibility: hidden;
	display: none;
}

/* DEM1527-3341 easybank ePFN: Styling */
a.broadcast_message_button {
    background-color: #8db717;
    color: #fff;
    display: inline;
    text-decoration: none !important;
    font-size: 1.0em;
    font-weight: normal;
    float: right;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.dleft {
    display: inline-block;
    width: 100%;
}


/* DEM1527-3471 Warning when choosing "Fraud" for credit card */
.cc_fraud_warn {
    background-image: url(../../content_images/misc-warning.png);
    background-repeat: no-repeat;
    background-color: #f0aa001a;
    background-position: 3px 3px;
	background-size: 32px;
	padding: 12px 0 8px 35px !important; 
	display: block; 
	background-color: #f0aa001a;
    border: 1px solid #f4c34a;
}

.cc_fraud_warn ul {
	padding-left: 20px;
	padding-top: 5px;
}

.cc_fraud_warn ul li {
	list-style-type: disc;
}

/* DEM1635-35 new LossCompensation */
.loss_comp_table {
	margin: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 725px;
}

.loss_comp_table td, .loss_comp_table th {
	border: 1px solid #d8d8d8;
	padding: 3px !important;
}



/* DEM1527-4479 */
#image_productopening {
	float: left;
    padding:  0 5px 0 0;
}

#productopening_outer_span {
    float: left;
    width: 100px;
    height: 90px;
    display: inline-flex;
    align-items: center;
}

#productopening_inner_span {
    color: #177991;
    font-weight: bold;
}

#productopening_inner_span_link {
	font-weight: normal;
}


/* DEM1527-4240 Implemented Resest Logout Timer button */
.reset-timer-span {
  float: right;
  display: flex;
  align-items: center;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #177991;
}

.reset-timer-span.img {
  color: #105566;
}

.reset-timer-span.disabled, .reset-timer-span.disabled.img {
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
  color: #9e9e9e;
}

/* DEM1527-4550 redesign */
.content-box-header { 
	display: block; 
	margin-bottom: 10px; 
	font-weight: bold; 
}

.content-box-error { 
	border: 1px solid #720404; 
	border-radius: 6px;
	background-color: #FFF5F5;
}

.box-error-icon { width: 16px; height: 16px; }	

.content-box-verify {
	border: 1px solid #51B4AE;
	border-radius: 6px;
	background-color: #F2FCFA;	
}

.box-verify-icon { width: 16px; height: 16px; }	

.content-box-info {
	border: 1px solid #75B8D9;
	border-radius: 6px;
	background-color: #F5FAFC;
	margin-bottom: 10px;
}

.box-info-icon { width: 16px; height: 16px; }	

.content-box-warning {
	border: 1px solid #8B9015;
	border-radius: 6px;
	background-color: #FCFCF5;
}

.box-warning-icon { width: 16px; height: 16px; }

/* cta button ??? */
.content-information {
	margin: 10px;
}

.cta-button--primary {
    background-color: #177991;
	border: 2px solid #177991;
    color: #fff;
}

.cta-button {
    appearance: none;
    cursor: pointer;
    line-height: 1.15rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 0.5rem 1.125rem 0.5rem 0.875rem;
    font-size: 16px;
    background-color: #177991;
    border-radius: 5px;
    border: 2px solid #177991;
    color: #fff;
    transition: background-color .3s ease-out;
    min-width: 195px;
}
.cta {
	display: flex;
	align-items: center;
    justify-content: space-between;
	margin-top: 35px;
}