/*[fmt]1000-010A-3*/
/*
#-----------------------------------------------
# Ålandsbanken - Master Css
#------------------------------------------------
#
# TABLE OF CONTENT
#
# - Reset
#
# - Grid
# - - width-x
# - - before-x
# - - after-x
# - - left-x (Content first layout)
# - - content-x (Content first layout)
#
# - Typography
# - - Global
# - - Headers
# - - Links
#
# - Redefined standard elements
#
# - Layout
# - - Content First Containers
# - - Skinning
#
# - Content
# - - Header
# - - Navigation
# - - Bread crumbs
# - - Pagination
# - - Bottom
# - - Common boxes
# - - - Message listing classes
# - - - Payments/transfers to confirm classes
# - Common Elements ------
# - - Accordion
# - - Backgrounds
# - - Borders
# - - Boxes
# - - Buttons & Links
# - - Colors
# - - Forms
# - - Lists
# - - Tables
# - - Step indicator
# - - Icons
# - - Heading icons
#
# - Misc ------------------
# - - Display
# - - Text
# - - Floats
# - - Positioning
# - - Clearing
# - - Font sizes
# - - Z-index
# - - Margins
# - - Paddings
#
#----------------------------------------------
# Colors
#
# Background: #f6f5f5
# Logo: #fff
# Headers: #000
# Text: #333
# Links: #3c8a2e
#
#----------------------------------------------
---------------------------------------------
################## Reset ####################
---------------------------------------------
Eric Meyers Global Reset +-*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, textarea, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
/*Remember to define focus styles!*/
html {overflow:auto;}
body {line-height:1; color:#000; background:#fff;}
ol, ul {list-style:none;}
/*Tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
/*---------------------------------------------
################## Grid ######################
-------------------------------------------------
* Page width: 920 px
* Number of columns: 3
* Column width: 300 px
* Margin width: 10 px
-----------------------------------------------
Sets up basic grid floating and positioning*/
.width-1, .width-2, .width-full {float:left; position:relative; margin:0 10px 0 0;}
/*ie fix
Use these classes to set the width of a column*/
.width-1 {width:300px;}
.width-2 {width:610px;}
.width-full {width:920px; margin-right:0;}
/*-- widths inside boxes --*/
.boxV1 .width-full {width:890px;}
.boxV1 .width-2 {width:580px;}
.boxV1 .width-1 {width:270px;}
.boxV1.width-2 .width-2 {width:578px;}
.boxV1.width-2 .width-1 {width:284px;}
.boxV1.width-1 .width-1 {width:268px;}
/*Add these to column for empty space before the column*/
.before-1 {padding-left:310px;}
.before-2 {padding-left:620px;}
/*Add these to column for empty space after the column*/
.after-1 {padding-right:310px;}
.after-2 {padding-right:620px;}
/*Left column placement*/
.left-1 {left:-300px;}
.left-2 {left:-610px;}
/*The Content first container placement*/
.content-0 {left:0;}
.content-1 {left:310px;}
.content-2 {left:620px;}
/*To avoid menu over footer*/
.cf-container {min-height:520px;}
/*The last column in a row needs this class except width-full*/
div.last, span.last, .last {margin-right:0;}
/*The first column in a row may need this class depending on your markup*/
div.first, .first.last, .first {margin-left:0;}
/*---------------------------------------------
############### Typography ##################
---------------------------------------------
Global*/
.cbs-version {position:absolute; left:10px; top:0px; color:#999999; font-size:10px; }
em {font-style:italic;}
body {font-family:"FFMiloWebProRegular",Arial, Helvetica, Verdana, sans-serif; font-style: normal;line-height:1.4; /*Unitless for proper inheritance*/
color:#606060; font-size:16px;}
select, input {font-family:Arial, Helvetica, Verdana, sans-serif;}
/*Font-size 11px*/
.acco-content, .pagination, .cf-bottom, .boxV1 .bottom, .boxV1 .content .txt, .boxV1 .content .explanation, table.data, .back-link, .print-link, .fwd-link, .update-link, .popup {font-size:11px;}
/*Font-size 12px*/
.breadcrumbs li a, .breadcrumbs li span, .navigation .mega, .navigation ul.level-3 li a, .navigation ul.level-1 li .mega .addSpot .txt, input, select, textarea {font-size:12px;}
/*Font-size 13px*/
.accordion a.acco, .navigation {font-size:13px;}
/*Trebuschet MS - Special font*/
.breadcrumbs li a, .breadcrumbs li span, .navigation a {font-family:"FFMiloWebProRegular", Arial, Helvetica, Verdana, sans-serif;}
/*Custom font styling*/
.description {line-height:1.3em; padding:0; margin-bottom:25px; width:610px; clear:both;}
.dimmed {color:#999;}
pre {font-family:Monaco, Lucida Console, Courier New; word-wrap: break-word; white-space: pre-wrap;}
.help-link, .close-link, .settings-link, .update-link, .help-date {/*text-align:right; margin-top:-50px; margin-bottom:26px;*/ float:right;}
.italic {font-style:italic;}
/*- - Headers -*/
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:1em; color:#000; font-family:Arial, Helvetica, Verdana, sans-serif;}
h1 {font-family:"FFMiloWebProRegular", Arial, Helvetica, Verdana, sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {font-size:22px; margin:0 0 14px;}
h2 {font-size:14px; margin-bottom:10px;}
h3 {font-size:13px;}
h4 {font-size:12px; margin:1em 0 0.5em;}
h5 {font-size:11px;}
h6 {font-size:10px;}
h1 {line-height:1.2em; margin:0; color: #444444 }
/*- - Links -
LoVe/HAte-order*/
button .back {color:#3c8a2e; text-decoration:underline;} /*-- added fix for def-table May-11 --*/
.link, button.fwd-link, .def-table tr th a, a {color:#737373; text-decoration:none;}
a:link {}
a:visited {}
.link:hover, button.fwd-link:hover, .index td a:hover, .def-table tr th a:hover, a:hover {color:#00693C; text-decoration:none;} /*-- added fix for def-table May-11 --*/
a:active {}
a:focus {}
.ui-widget-content .margin a {color:#737373;} /* MKS 63423 */
/*---------------------------------------------
######## Redefined standard elements #######
---------------------------------------------*/
body.default-skin,
body.premium-skin,
body.private-skin {background-color:#fff;}
p {padding:0 0 1em;}
strong {font-weight:bold;}
blockquote {font-style:italic;}
/*---------------------------------------------
################## Layout ###################
---------------------------------------------*/
hr {border:0; color:#E0E0E0; background-color:#E0E0E0; height:1px; margin:10px 0; width:100%;}
.w45 {width:45% !important;}
.wrapper {background:#fff; width:100%;}
/*- - Content first holders -*/
.cf-container {/* width:960px; position:relative; */margin:0 auto; text-align:left; background:#FFF;}
.cf-header {position:absolute; top:0; left:0; height:124px; width:auto; background:url(../img/misc/bgBodyTopGreen_def.jpg) repeat-x;}
.cf-content {/* width:920px; float:left; position:relative; padding:30px 20px 60px;*/ background:#FFF;}
.cf-bottom {width:100%; height:100px; border-top: 1px solid #F3F1EF;}
/*cfSp = Content first spacer
Setting the placement to the main container from the top (cf-content)*/
.cfSp {margin-top:20px;}
.subhead {overflow:hidden; width:100%;}
.subhead h2 {float:left; padding:2px 0 3px;}
.subhead .back-link {width:auto; margin:0 1px 0 0; float:right;}
.subhead .fwd-link {float:right; padding:0 0 0.5em;}
.subhead .settings-link {float:right; padding:0 0 0.5em; width:auto;}
.popup#headLinks {margin-bottom:1em;}
/*---------------------------------------------
################## Content ##################
---------------------------------------------*/
.shadowTL, .shadowTR, .shadowBL, .shadowBR {position:absolute; width:13px; height:108px;}
.shadowTL {/*top:120px;*/ left:-13px; background:url(../img/misc/spriteShadows.gif) no-repeat left top;}
.shadowTR {/*top:120px;*/ right:-13px; background:url(../img/misc/spriteShadows.gif) no-repeat right top;}
.shadowBL {bottom:0; left:-13px; background:url(../img/misc/spriteShadows.gif) no-repeat left bottom;}
.shadowBR {bottom:0; right:-13px; background:url(../img/misc/spriteShadows.gif) no-repeat right bottom;}
/*- - Header -*/
.cf-header .content {margin-left:50px; display: flex; justify-content: space-between;}
.cf-header .logo {height:100%; width:250px; border-right: 1px solid #F3F1EF; padding: 15px;}
.premium-skin .cf-header .logo,
.private-skin .cf-header .logo {top:21px;}
.optium-customer .cf-header .logo {top:2px; }
.cf-header .logo a {height:27px; width:253px; display:block; overflow:hidden;}
body .cf-header {/*height:134px !important;*/ z-index:100; position:relative; }
/*- - Navigation -*/
.cf-header .navigation-new {position:absolute; top:79px; left:5px; height:auto; width:960px; z-index:3;}
.cf-header .notification {height:21px; position:absolute; right:0; /*top:40px;*/ z-index:999;}
#topMenu {height:38px; padding: 0 8px; background: url(../img/icons/menu/topmenu_elements.png) 0 -104px no-repeat; list-style: none;}
#topMenu li.lv1 {background: url(../img/icons/menu/topmenu_elements.png) no-repeat 100% -156px; float: left; padding:0 12px 0 0; margin-right:2px; margin-left:-13px; height:38px; positioN: relative;}
#topMenu .lastItem {float:right; padding:0 1px 0 12px; margin:0; background: url(../img/icons/menu/topmenu_elements.png) no-repeat 0 -156px;}
#topMenu li.lv1 a.lv1 {background: url(../img/icons/menu/topmenu_elements.png) no-repeat 0 -212px; color: #fff; display: block; font-weight: bold; height:38px; padding-left:3px; font: bold 12px /*"Lucida Grande","FFMiloWebProRegular",Ubuntu,*/Arial,sans-serif; text-shadow: 0px 1px 2px #333; text-decoration: none;}
#topMenu li.lv1 a.lv1 span {background: url(../img/icons/menu/topmenu_elements.png) no-repeat 100% -212px; display: block; height: 38px; padding-right:16px; padding-left:13px; text-align:center; white-space:nowrap; line-height: 38px; cursor: pointer;}
#topMenu li.lv1 a.lv1:hover {background: url(../img/icons/menu/topmenu_elements.png) no-repeat 0 -368px;}
#topMenu li.lv1 a.lv1:hover span {background: url(../img/icons/menu/topmenu_elements.png) no-repeat 100% -368px;}
#topMenu li.lv1 a.lv1:active, #topMenu li.lv1.current a.lv1 {background: url(../img/icons/menu/topmenu_elements.png) no-repeat 0 -524px !important; color:#999; text-shadow: none;}
#topMenu li.lv1 a.lv1:active span, #topMenu li.lv1.current a.lv1 span {background: url(../img/icons/menu/topmenu_elements.png) no-repeat 100% -524px !important;}
#topMenu li.lv1.current a.lv1:hover {color:#666;}
#topMenu li.lv1 a.lv1 span span, #topMenu li.lv1 a.lv1:active span span, #topMenu li.lv1.current a.lv1 span span {background: url(../img/icons/menu/arrow_down_white.png) no-repeat 100% 6px !important; padding:0 15px 0 0; margin:0; height:auto; display:inline;}
#topMenu li.lv1 a.lv1:active span span, #topMenu li.lv1.current a.lv1 span span {background: url(../img/icons/menu/arrow_down_dark.png) no-repeat 100% 6px !important;}
#topMenu li.lv1.open a.lv1 span span {background: url(../img/icons/menu/arrow_up_dark.png) no-repeat 100% 6px !important;}
#topMenu li.lv1.mybank_mnu_myoverview a.lv1 span span, #topMenu li.lv1.mybank_mnu_myoverview a.lv1:active span span {background: url(../img/icons/menu/home.png) no-repeat 0 50% !important; height:38px; width:13px; display: block; padding:0;}
#topMenu li.lv1.mybank_mnu_myoverview a.lv1:active span span, #topMenu li.lv1.mybank_mnu_myoverview.current a.lv1 span span {background: url(../img/icons/menu/home_current.png) no-repeat 0 50% !important;}
.navigation-new ul#topMenu.level-1 li.lv1 {margin-right:3px; }
.navigation-new ul li {float:left; position:relative; width:auto; display:inline;/*why did we have z-index 8 here, it causes problem when we put the new notification icons on top-level navigation items*//*z-index:8;*/}
.navigation-new ul li.lv1>.icon.notification {z-index:10; position:absolute;}
.navigation-new ul#topMenu li .mega {display:none;}
.navigation-new ul#topMenu li .mega li {display:block; width:100%;}
.navigation-new .mega.mega-1 {width:187px;}
.navigation-new .mega.mega-2 {width:384px;}
.navigation-new .mega.mega-3 {width:574px;}
.navigation-new .mega.mega-4 {width:769px;} /*Background image needs to be wider with this width */
body.no-js .navigation-new ul#topMenu li:hover .mega { /*display:inline-block; #Kommenterade bort denna så menyn ska funka, martin*/}
.navigation-new ul#topMenu li .mega { position:absolute; top:38px; left:0px; z-index:101; margin:0 4px 0 0; background:url(../img/misc/spriteDropdown.png) no-repeat left bottom;}
/* --------------------------------------------------- */
.navigation-new ul#topMenu .megaDynamic {display:block; padding:17px 0px 24px; margin:0 0 0 4px; background:#fff url(../img/misc/spriteDropdown.png) no-repeat right bottom;}
.navigation-new ul#topMenu .megaColLines {display:block; background:url(../img/misc/spriteDropdown.png) no-repeat left top;}
.navigation-new ul#topMenu li .fastLinks, .navigation-new ul.level-1 li .megaLinks {display:inline-block; width:187px; float:left; margin:0 1px 0 0;}
.navigation-new ul#topMenu li .fastLinks li, .navigation-new ul.level-1 li .megaLinks li {width:186px;}
.navigation-new ul#topMenu li:hover .mega a span {padding:0; margin:0; height:auto; background:none;}
.navigation-new ul#topMenu li .fastLinks li a {color:#3c8a2e; text-decoration:none; display:block; font-weight:bold; cursor:pointer; margin:0; margin:0 12px 0 9px; padding:3px 0 7px 12px; line-height:1.2em; background:#FFF url(../img/misc/spriteMenuMegaTop_def.gif) no-repeat left -117px;}
.navigation-new ul#topMenu li .fastLinks li a:hover {text-decoration:underline;}
.navigation-new ul#topMenu li .fastLinks .act a {color:#173312;}
.navigation-new ul#topMenu li .fastLinks .act:hover a {color:#173312;}
.navigation-new ul#topMenu li .megaLinks li a {color:#3c8a2e; text-decoration:none; display:block; font-weight:bold; cursor:pointer; margin:0; margin:0 12px 3px 9px; padding:3px 0 0 12px; line-height:1.2em; background:#FFF url(../img/misc/spriteMenuMegaTop_def.gif) no-repeat left 2px;}
.navigation-new ul#topMenu li .megaLinks li a:hover {text-decoration:underline;}
.navigation-new ul#topMenu .megaLinks .act a {display:inline-block; margin:0 12px 5px 9px; padding:0; width:170px; background:url(../img/misc/spriteDropdownExtra_def.gif) no-repeat left top;}
.navigation-new ul#topMenu .megaLinks .act a span {display:block; padding:2px 9px 2px 12px!important; cursor:pointer; color:#FFF; background:url(../img/misc/spriteDropdownExtra_def.gif) no-repeat right bottom!important;}
.navigation-new ul#topMenu .megaLinks .act a:hover {text-decoration:none;}
.navigation-new ul#topMenu li .megaLinks ul.sub {display:inline-block; padding:0 0 8px;}
.navigation-new ul#topMenu li .megaLinks ul.sub li a {color:#333; text-decoration:none; display:block; font-weight:normal; width:150px; cursor:pointer; margin:0; margin:0 12px 2px 17px; padding:2px 0 0 12px; background:#FFF url(../img/misc/spriteMenuMegaTop_def.gif) no-repeat left -56px;}
.navigation-new ul#topMenu li .megaLinks ul.sub li a span {color:#333; padding:0 !important; margin:0 !important; background:none !important; height:auto !important;}
.navigation-new ul#topMenu li .megaLinks ul.sub li a:hover {text-decoration:underline;}
.navigation-new ul#topMenu li .megaLinks ul.sub .act a {font-weight:bold;}
.navigation-new ul#topMenu li .megaLinks ul.sub .act:hover a {font-weight:bold;}
.navigation-new ul#topMenu li .mega .addSpot {display:inline-block; width:137px; margin:0 0 0 13px; text-align:center;}
.navigation-new ul#topMenu li .mega .addSpot .txt {font-weight:bold; display:block; padding:0 0 7px; color:#666; line-height:1.2em;}
.navigation-new ul#topMenu li .mega .addSpot a {background:none; text-decoration:underline; padding:10px 0 0; margin:0;}
/* Menu-skinning for premium */
/* Remember to copy changes in premium skin to lifestyle/style.css */
.premium-skin ul#topMenu {background-position:0 0px;}
.premium-skin ul#topMenu li.lv1 a.lv1 {background-position:0 -264px;}
.premium-skin ul#topMenu li.lv1 a.lv1 span {background-position:100% -264px;}
.premium-skin ul#topMenu li.lv1 a.lv1:hover {background-position:0 -421px;}
/*.premium-skin ul#topMenu li.lv1 a.lv1:hover {background-position:0 -421px; color:#fff; text-shadow:0px 1px 2px #333;}*/
.premium-skin ul#topMenu li.lv1 a.lv1:hover span {background-position: 100% -421px;}
#topMenu li.lifestyle_and_secure a.lv1{color: #fef0c2;}
.premium-skin ul#topMenu li.lv1.open a.lv1 span span {color:#666; text-shadow:none;}
.premium-skin ul#topMenu .megaLinks .act a {background-image:url(../img/misc/spriteDropdownExtra_prm.gif);}
.premium-skin ul#topMenu .megaLinks .act a span {background-image:url(../img/misc/spriteDropdownExtra_prm.gif)!important;}
.premium-skin ul#topMenu li .megaLinks ul.sub li a {color:#3c8a2e; background-image:url(../img/misc/spriteMenuMegaTop_prm.gif);}
.premium-skin ul#topMenu li .mega .addSpot .txt {color:#3c8a2e;}
/* Menu-skinning for private */
.private-skin ul#topMenu {background-position:0 51px;}
.private-skin ul#topMenu li.lv1 a.lv1 {background-position: 0 -315px;}
.private-skin ul#topMenu li.lv1 a.lv1 span {background-position: 100% -315px;}
.private-skin ul#topMenu li.lv1 a.lv1:hover {background-position: 0 -471px; text-shadow:none;}
.private-skin ul#topMenu li.lv1 a.lv1:hover span {background-position: 100% -471px;}
.private-skin ul#topMenu .megaLinks .act a {background-image: url(../img/misc/spriteDropdownExtra_prv.gif);}
.private-skin ul#topMenu .megaLinks .act a span {background-image:url(../img/misc/spriteDropdownExtra_prv.gif)!important;}
.private-skin ul#topMenu li .megaLinks ul.sub li a {color:#3c8a2e; background-image: (../img/misc/spriteMenuMegaTop_prv.gif);}
.private-skin ul#topMenu li .mega .addSpot .txt {color:#3c8a2e;}
/* Sets arrow down color to dark in private */
.private-skin ul#topMenu li.lv1 a.lv1:hover span span {background:url(../img/icons/menu/arrow_down_dark.png) no-repeat 100% 6px !important;}
/* Sets the arrow to up and dark at all open tabs to avoid above :hover to overrule. */
.private-skin ul#topMenu li.lv1.open a.lv1 span span {background: url(../img/icons/menu/arrow_up_dark.png) no-repeat 100% 6px !important;}
/* Needed for home icon not to be affected by :hover */
.private-skin ul#topMenu li.lv1.mybank_mnu_myoverview a.lv1 span span, .private-skin #topMenu li.lv1.mybank_mnu_myoverview a.lv1:active span span {background: url(../img/icons/menu/home.png) no-repeat 0 50% !important; height:38px; width:13px; display: block; padding:0;}
.private-skin ul#topMenu li.lv1.mybank_mnu_myoverview a.lv1:active span span, .private-skin #topMenu li.lv1.mybank_mnu_myoverview.current a.lv1 span span {background: url(../img/icons/menu/home_current.png) no-repeat 0 50% !important;}
/*- - Skinning -*/
/*- - Skinning box -*/
.boxV1 .header {background:url(../img/misc/boxV1_def.gif) no-repeat left top;}
.private-skin .boxV1 .header {background:url(../img/misc/boxV1_prv.gif) no-repeat left top;}
.premium-skin .boxV1 .header {background:url(../img/misc/boxV1_prm.gif) no-repeat left top;}
.boxV1 .header div {background:url(../img/misc/boxV1_def.gif) no-repeat right top;}
.private-skin .boxV1 .header div {background:url(../img/misc/boxV1_prv.gif) no-repeat right top;}
.premium-skin .boxV1 .header div {background:url(../img/misc/boxV1_prm.gif) no-repeat right top;}
/*- - Skinning header -*/
.cf-header {background:#fff; border-bottom: 1px solid #F3F1EF;}
.private-skin .cf-header {background-image:url(../img/misc/bgBodyTopGreen_prv.jpg) ;}
.premium-skin .cf-header {background-image:url(../img/misc/bgBodyTopGreen_prm.jpg) ;}
.cf-header {position:relative; top:0; left:0; height:67px; width:100%; background-position:left 0; background-repeat:repeat-x;}
/* defined higher up already body {background-image:url(../img/misc/bgBodyTopGreen_def.jpg);}
body.private-skin {background:url(../img/misc/bgBodyTopGreen_prv.jpg) repeat-x scroll 0 0 #EFEEEE;}
body.premium-skin {background:url(../img/misc/bgBodyTopGreen_prm.jpg) repeat-x scroll 0 0 #EFEEEE;}*/
.cf-header .logo a {margin: 10px 0 0 0;}
.private-customer .cf-header .logo a {background-image:url("../img/misc/logoAlandsbanken_prv.gif");height:40px;}
.premium-customer .cf-header .logo a {background-image:url("../img/misc/logoAlandsbanken_prm.gif");height:40px;}
.optium-customer.fi .cf-header .logo a {background-image:url("../img/misc/optium_logo_fi.png");height:70px; width:331px; position:absolute; top:2px;}
.optium-customer.sv .cf-header .logo a {background-image:url("../img/misc/optium_logo_sv.png");height:70px; width:331px; position:absolute; top:2px;}
/*- - Skinning breadcrumbs -*/
/*- - Skinning datepicker -*/
/* Needed for datepicker hovering of next/previous month */
.premium-skin a.ui-datepicker-next-hover, .premium-skin a.ui-datepicker-prev-hover {background:#3C8E2D !important; box-shadow:0 0 3px 1px #00673B;}
.private-skin a.ui-datepicker-next-hover, .private-skin a.ui-datepicker-prev-hover {background:#3C8E2D !important; box-shadow:0 0 3px 1px #00673B;}
/*- - Tabing -*/
.tabs {padding:0 0 10px;float:none;}
.tabs .top-line {height:5px; border-top:1px solid #E3E3E3; width:100%; display:block;position:relative; top:-4px;}
.boxV1.width-full div .tabs.width-full, div .tabs.width-full {width:919px;}
.boxV1.width-2 div .tabs.width-2, div .tabs.width-2 {width:609px;}
.boxV1.width-1 div .tabs.width-1, div .tabs.width-1 {width:299px;}
.tabs .tabContent {position:relative; top:-4px; z-index:2;}
ul.tabNavigation {height:42px; margin:0; position:relative; z-index:4;}
ul.tabNavigation li {display:inline; margin:0;}
ul.tabNavigation li.first {margin-left:15px;}
ul.tabNavigation li a {color:#3c8a2e; text-decoration:none; padding:0 0 0 32px; display:inline-block; height:39px; background:url(../img/misc/tab.png) no-repeat left -84px;}
ul.tabNavigation li a span {padding:10px 6px 0 3px; height:29px; display:inline-block; font-size:11px; font-weight:bold; cursor:pointer; background:url(../img/misc/tab.png) no-repeat right -122px;}
ul.tabNavigation li a:hover {background-position: left -159px;}
ul.tabNavigation li a:hover span {background-position: right -197px;}
ul.tabNavigation li a.selected {padding:0 0 0 32px; display:inline-block; height:39px; background:url(../img/misc/tab.png) no-repeat left top;}
ul.tabNavigation li a.selected span {display:inline-block; padding:10px 6px 0 3px; height:29px; color:#333; background:url(../img/misc/tab.png) no-repeat right -42px;}
ul.tabNavigation .first a.selected {height:39px;}
ul.tabNavigation .first a.selected span {height:29px;}
ul.tabNavigation .last a.selected {height:39px; margin-left:1px;}
ul.tabNavigation .last a.selected span {height:30px;}
ul.tabNavigation li a:focus {outline:0;}
.tabHTop {padding:10px 0 0; width:280px; background:url(../img/misc/tabH.png) no-repeat left top;}
.tabHTop .tabHbot {padding:0 10px 10px; width:260px; background:url(../img/misc/tabH.png) no-repeat left bottom;}
.tabHTop .headingTxt {font-size:1.1em; font-weight:bold; padding:0 0 6px; display:block;}
/*Tabs in diffrent widths*/
.boxV1 .tabs.width-1, .tabs.width-1 {width:298px;}
.width-full .tabHTop {padding:5px 0 0; width:880px; background:url(../img/misc/tabH.png) no-repeat left top;}
.width-full .tabHTop .tabHMid {padding:0 10px; width:860px; background:url(../img/misc/tabH.png) repeat-y -1740px top;}
.width-full .tabHTop .tabHBot {padding:0 0 5px; width:880px; background:url(../img/misc/tabH.png) no-repeat left -5px;}
.width-2 .tabHTop {width:580px; background:url(../img/misc/tabH.png) no-repeat left -10px;}
.width-2 .tabHTop .tabHMid {width:560px; background:url(../img/misc/tabH.png) repeat-y -1160px top;}
.width-2 .tabHTop .tabHBot {padding:0 0 5px; width:580px; background:url(../img/misc/tabH.png) no-repeat left -15px;}
.width-1 .tabHTop {width:280px; background:url(../img/misc/tabH.png) no-repeat left -20px;}
.width-1 .tabHTop .tabHMid {width:260px; background:url(../img/misc/tabH.png) repeat-y -880px top;}
.width-1 .tabHTop .tabHBot {padding:0 0 5px; width:280px; background:url(../img/misc/tabH.png) no-repeat left -25px;}
/*Fix for IE*/
.tabHBot {height:0;}
/*The new tab-box layout*/
.top-left-corner, .top-right-corner, .bottom-left-corner, .bottom-right-corner {height:6px; width:6px;}
.tab-box {position:relative; top:-4px;}
.tab-box .top-left-corner {background:url(../img/misc/tabBox.png) no-repeat -1px -1px; float:left;}
.tab-box .top-right-corner {background:url(../img/misc/tabBox.png) no-repeat -7px -1px; float:right;}
.tab-box .bottom-left-corner {background:url(../img/misc/tabBox.png) no-repeat -1px -7px; float:left;}
.tab-box .bottom-right-corner {background:url(../img/misc/tabBox.png) no-repeat -7px -7px; float:right;}
.tab-box .top-line {height:5px; border-top:1px solid #E3E3E3; width:100%; display:block;}
.tab-box .bottom-line {height:5px; border-bottom:1px solid #E3E3E3;}
.tab-content {padding:10px; border-left:1px solid #E3E3E3; border-right:1px solid #E3E3E3; clear:both;}
/*Putting the tab navigation under megameny*/
ul.tabNavigation {z-index:1;}
/* - - Things that we hide - */
.navi-trail, .dupl { display:none;}
/* - - Bread crumbs - */
body.default-skin .breadcrumbs { height: auto; position: absolute; top:117px; width: 960px; padding: 8px 20px 18px 18px; background: url(../img/misc/spriteMenuMegaTop_def.gif) left -308px no-repeat;}
body.default-skin .breadcrumbs li { background: #3c8a2e url(../img/misc/breadcrumbs_def.gif) right 0 no-repeat; float: left; height: 19px;}
body.default-skin .breadcrumbs li.first a { background: url(../img/misc/breadcrumbs_def.gif) left -38px no-repeat; padding-left: 9px;}
body.default-skin .breadcrumbs li.last { background-position: right -19px;}
body.default-skin .breadcrumbs li.active { background: none;}
body.default-skin .breadcrumbs li.active span { padding-left: 4px;}
body.default-skin .breadcrumbs li a {color: #fff; text-decoration: none}
body.default-skin .breadcrumbs li a:hover { text-decoration: underline;}
body.default-skin .breadcrumbs li a, .breadcrumbs li span { float: left; height: 17px; padding: 2px 16px 0 5px; font-weight: bold;}
body.private-skin .breadcrumbs { height: auto; position: absolute; top: 117px; width: 960px; padding: 8px 20px 18px 18px; background: url(../img/misc/spriteMenuMegaTop_prv.gif) left -308px no-repeat;}
body.private-skin .breadcrumbs li { background: #333 url(../img/misc/breadcrumbs_prv.gif) right 0 no-repeat; float: left; height: 19px;}
body.private-skin .breadcrumbs li.first a { background: url(../img/misc/breadcrumbs_prv.gif) left -38px no-repeat; padding-left: 9px;}
body.private-skin .breadcrumbs li.last { background-position: right -19px;}
body.private-skin .breadcrumbs li.active { background: none;}
body.private-skin .breadcrumbs li.active span { padding-left: 4px;}
body.private-skin .breadcrumbs li a {color: #fff; text-decoration: none}
body.private-skin .breadcrumbs li a:hover { text-decoration: underline;}
body.private-skin .breadcrumbs li a, .breadcrumbs li span { float: left; height: 17px; padding: 2px 16px 0 5px; font-weight: bold;}
body.premium-skin .breadcrumbs {height:auto; position:absolute; top:117px; width:960px; padding:8px 20px 18px 18px; background: url(../img/misc/spriteMenuMegaTop_prm.gif) left -308px no-repeat;}
body.premium-skin .breadcrumbs li { background: #7b7567 url(../img/misc/breadcrumbs_prm.gif) right 0 no-repeat; float: left; height: 19px;}
body.premium-skin .breadcrumbs li.first a { background: url(../img/misc/breadcrumbs_prm.gif) left -38px no-repeat; padding-left: 9px;}
body.premium-skin .breadcrumbs li.last { background-position: right -19px;}
body.premium-skin .breadcrumbs li.active { background: none;}
body.premium-skin .breadcrumbs li.active span { padding-left: 4px;}
body.premium-skin .breadcrumbs li a {color: #fff; text-decoration: none}
body.premium-skin .breadcrumbs li a:hover { text-decoration: underline;}
body.premium-skin .breadcrumbs li a, .breadcrumbs li span { float: left; height: 17px; padding: 2px 16px 0 5px; font-weight: bold;}
/* - - Skinning of pop-ups - - */
/* - - - - - - - - - - - - - - - */
body.premium-skin .ui-widget-header { border: 1px solid #877A62; background: #877A62 url("../img/misc/premium/ui-bg_highlight-soft_25_brown_1x100.png") 50% 50% repeat-x; color: #fff; font-weight: bold;}
body.private-skin .ui-widget-header { border: 1px solid #4d4d4d; background: #4d4d4d url("../img/misc/private/ui-bg_highlight-soft_25_black_1x100.png") 50% 50% repeat-x; color: #fff; font-weight: bold;}
/* - - - Dialogrutans skugga - - */
body.premium-skin .ui-dialog {border: medium none; box-shadow: 0 0 3px 1px #61605e; padding: 0;}
body.premium-skin .ui-dialog.wait-layer {padding: 18px;}
/* - Stängknappens hover-state - */
body.premium-skin .ui-widget-header .ui-state-hover, body.premium-skin .ui-widget-header .ui-state-focus {border: none; background: #A79471 none; color: #fff; -moz-box-shadow: 0 0 3px 1px #767676; -webkit-box-shadow: 0 0 3px 1px #767676; box-shadow: 0 0 3px 1px #767676;}
body.private-skin .ui-widget-header .ui-state-hover, body.private-skin .ui-widget-header .ui-state-focus {border: none; background: #585858 none; color: #fff; -moz-box-shadow: 0 0 3px 1px #4d4d4d; -webkit-box-shadow: 0 0 3px 1px #4d4d4d; box-shadow: 0 0 3px 1px #4d4d4d;}
/* - - - - Datepicker - - - - - */
body .ui-widget-header.ui-datepicker-header { background: url("images/ui-bg_highlight-soft_25_00683b_1x100.png") repeat-x scroll 50% 50% #00683B; border: 1px solid #00683B; color: #fff; font-weight: bold;}
/* - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - */
/* - - Pagination - */
.pagination {width: 100%; text-align: center; clear:both;}
.pagination .pages {margin: 0 10px 0 9px;}
.pagination .pages a { position: relative; top: 1px; margin-left: 1px; height: 22px; font-weight: bold; text-decoration: none; background: url(../img/misc/pagination.gif) left -23px no-repeat; display: inline-block; text-decoration: none;}
.pagination .pages span { cursor: pointer; min-width: 12px; background: url(../img/misc/pagination.gif) right -23px no-repeat; display: block; height: 19px; margin: 0 0 0 4px; padding: 3px 4px 0 0; text-align: center;}
.pagination .pages a:hover { color: #fff; background: url(../img/misc/pagination.gif) left 0 no-repeat}
.pagination .pages a:hover span {background: url(../img/misc/pagination.gif) right 0 no-repeat;}
.pagination .pages a.active, .pagination .pages a.active span {background: none}
.pagination .pages a.active:hover {color: #3c8a2e;}
.pagination-sandbag {padding-right: 33px;}
.pagination a img {padding-top:14px;vertical-align:bottom;}
/*- - Bottom -*/
.cf-bottom .content {margin:0 auto; padding:15px 20px 0;}
/*- - Common boxes - -
- - Message listing classes -*/
.advisorModule ul {padding:0; margin:0;}
.advisorModule li {width:100%; padding:14px 0; margin:0; display:inline-block; border-bottom:1px dotted #00803E; font-size:1.1em; word-wrap:break-word;}
.advisorModule li.last {border-bottom:none; padding-bottom:0;}
.advisorModule li span {display:block;}
.advisorModule li .bold a {text-decoration:none; font-weight:bold;}
.advisorModule li .bold a:hover {text-decoration:underline;}
.advisorModule img {border:1px solid #ccc; float:left; padding:3px; margin:0 !important;}
.advisorModule.message li {padding: 7px 0 7px;}
/*- - Payments/transfers to confirm classes - -*/
.confirm-payments-light ul.tabNavigation li a span {width: 98px;}
.confirm-payments-light ul.tabNavigation li.first {margin-left:9px;}
.confirm-payments-light td.payment-type img { margin:0; }
.confirm-invoice-item h4 , .confirm-payment h4 {margin-bottom:3px;}
.confirm-invoice-item, .confirm-payment-item {background:#EBF2EF; -moz-border-radius:3px; border-radius:3px; margin-bottom:3px; padding:4px;}
.confirm-invoice-item td , .confirm-payment-item td {padding:0; overflow:hidden; width:180px;}
.confirm-invoice-item td.right, .confirm-payment-item td.right {width:69px;vertical-align:top;}
.confirm-invoice-item p , .confirm-payment p {padding:0;}
.confirm-invoice-item label.reciver-name, .confirm-payment-item label.reciver-name, .paymentRegisterHead label {margin-left:2px; line-height: 1.8em; font-weight: bold; color: #3c8a2e;}
.confirm-invoice-item.disabled a {-moz-opacity:none; filter:none; opacity:none;}
.confirm-invoice-item.disabled {overflow:hidden;}
/*---------------------------------------------
############# Common Elements ###############
---------------------------------------------*/
.head {width:920px; margin:0 0 18px 0; float:left;}/*Floating to fix ie7 guilotinebug*/
/*- - Accordion -*/
.accordion {overflow:hidden;}
.accordion .acco {display:block; height:33px; color:#3c8a2e; padding:0 0 0 36px; position:relative; z-index:2; background:url(../img/misc/spriteMaster.png) no-repeat left 0; line-height:34px; font-weight:bold; text-decoration:none !important;}
.accordion .acco:hover {background:url(../img/misc/spriteMaster.png) no-repeat left -68px;}
.accordion a.acco.act {height:33px; color:#333; background:url(../img/misc/spriteMaster.png) no-repeat left -34px;}
.accordion a.acco.act:hover {background:url(../img/misc/spriteMaster.png) no-repeat left -102px;}
.accordion a.acco.last {height:34px;}
.accordion a.acco.act.last {height:33px;}
.accordion .accoH.last {border-bottom:1px solid #B3B3B3;}
.accordion .accoH {display:none; border-top:1px solid #B3B3B3;}
.accordion .settings-link {text-align:right; margin-top:5px; float:none;}
.accordion .bottom .fwd-link {padding-right:15px; padding-top:6px;}
.accordion a.settings {/*float:right;*/ margin-right:10px !important;}
.accordion form {padding:10px 0 10px 0;}
.boxV1.accordion .content .h {margin:0 !important; padding:0 !important;}
.boxV1.accordion.unconfirmed-payments .content .h.no-padding, .boxV1.accordion.unconfirmed-invoices .content .h.no-padding{padding: 10px 0 0 !important;}
/*.boxV1.accordion .bottom {display:none;}*/
.boxV1.accordion .accoH .bottom {display:block; height:34px; position:relative; margin:10px 0 0; z-index:1;}
body.no-js .accordion .accoH {display:block !important;}
/*- - Accordian table -*/
table .icon.expand, table .icon.collapse {width:0; padding:2px 0 2px 23px;}
table.accordians tr td {padding:2px 5px; vertical-align:middle; line-height:22px;}
table.accordians tr td p {line-height:16px;} /*used in conversation module */
table.accordians .content td.last, table.accordians .content td.first, table.accordians .content {/*background-color:#f4f7f1;*/border:none;}
table.accordians .content .highlight td{background-color:#DFEDE9;}
table.accordians .content.odd {background-color:#EBF2EF;border:none;}
/*- - Backgrounds -*/
.bgGrey {background:#CCC;}
.bgGreenLight {background:#EBF2EF;}
.bgGreen {background:#99BFB1;}
/*- - Borders -*/
.btW {border-top:1px solid #FFF !important;}
.top {border-bottom: 1px solid #e3e3e3; margin-bottom:1em;}
/*Border Top White
- - Boxes -*/
.boxV1 .bottom.no-foot {padding:0 0 0; background:url(../img/misc/boxV2.gif) no-repeat center -2964px; height:0 }
.boxV1 .bottom.no-foot .le {background:url(../img/misc/boxV2.gif) no-repeat left bottom; display:block; position:relative; -height:6px; min-height:6px;}
.boxV1 .bottom.no-foot .le .ri {min-height:6px; -height:6px; display:block; margin:0 0 0 15px; padding:0 15px 0 0; background:url(../img/misc/boxV2.gif) no-repeat right bottom; position:absolute; bottom:0; right:0;}
.boxV1, .boxV1.icon {margin-bottom:15px !important;} /*5px extra for bottom graphics*/
.boxV1 .header h2 {color:#fff; line-height:24px;}
.boxV1 .header h2 span.headingtext { color:#fff; float:right; font-size:11px; font-weight:normal; } /*ne_20120205 added row*/
.boxV1 .header {height:34px;}
.boxV1 .header div {height:25px; display:block; margin:0 0 0 15px; padding:5px 12px 0 0;}
.boxV1 .content {border-left:1px solid #E3E3E3; border-right:1px solid #E3E3E3;}
.boxV1 .content .h {display:block; margin:0 0 0 10px; padding:10px 10px 0 0; }
.boxV1 .bottom {padding:1px 0 0; background:url(../img/misc/boxV1_def.gif) no-repeat center -221px;}
.boxV1 .bottom .le {background:url(../img/misc/boxV1_def.gif) no-repeat left bottom; display:block;}
.boxV1 .bottom .le .ri {min-height:19px; -height:19px; display:block; margin:0 0 0 15px; padding:6px 15px 9px 0; background:url(../img/misc/boxV1_def.gif) no-repeat right bottom; position:relative;}
.boxV1 .bottom li {width:100%; text-align:right; height:22px;}
.boxV1 .bottom li a {float:right;}
.boxV1 .content img {margin:0 0 10px;}
.boxV1 .content .txt, .acco-content {display:block; padding:0 5px 10px;}
.boxV1 .content .explanation {display:block; text-align:right; font-style:italic; padding:12px 5px;}
.boxV1 .next {border-top:1px solid #DFDFDF;}
.boxV1 .confirm-payment-item img {margin:0;}
/*min-hight:s*/
.boxV1 .content {-height:50px;}
.boxV1 .content .h {min-height:33px; -height:50px;}
.boxV1.no-border {margin-bottom: 0 !important;}
.boxV1.no-border .content {border-left:0; border-right:0; margin-bottom: 8px;}
.boxV1.no-border .bottom { display: none !important;}
.boxV1.no-border .content .h.no-padding .txt { margin-left: 4px; margin-bottom: 0; padding-bottom: 0; padding-right: 4px;}
.boxV1.no-border.bottom-line .content { border-bottom: 1px solid #DFDFDF;}
.boxV1 .content .h.no-padding {margin:0 0 0 0; padding:10px 0 0 0;}
.boxV1 .content .h.no-padding .txt, .acco-content {margin-left:14px; padding:0 14px 10px 0; }
.acco-content p {padding:1em 0 0;}
#invoices.txt, #payments.txt {margin-left:5px; padding:0 10px 10px 0; }
/*---Elements in the top---*/
/*Put text in logout vertical middle*/
.logout-text {position:relative; display:inline; bottom:35%; margin:0 5px 0 0;padding:0 0 6px 12px; background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll -22px -1724px; top:0;}
.logout { color:#fff; display:inline; float:left; font-size:1.1em; position:absolute; right:10px; top:10px;}
.logout a.customer-name:hover, .logout a.customer-name {color:#fff;text-decoration:underline;}
.logout span span.arrow {background-position:right -1421px !important;}
.logout .btn-small span span {display:block;}
div.logout-text {vertical-align:top;}
.logout span.arrow{line-height:14px;}
.top-settings {float: right; margin-right: 10px; position:relative; top:90px; z-index:600; }
/*- - disabled items unconfirmed box - -*/
.unconfirmed-payments div.disabled, .unconfirmed-invoices div.disabled {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
.unconfirmed-payments table {width:100%; margin-bottom: 0;}
.unconfirmed-whitespace {height:3px;}
.disabled a{color:#999; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.disabled .butV1, .butV1.disabled {color:#ccc; background-position:left -412px;}
.disabled .butV1:hover span, .butV1.disabled:hover {color:#ccc; background-position:right -412px;}
.disabled .butV1:hover .arrow,.butV1.disabled:hover .arrow {background:url(../img/misc/spriteMaster.png) no-repeat right -663px;}
.confirm-invoice-item.edit, .confirm-payment-item.edit {border:1px solid #3c8a2e;}
/*- - wait-layer - -*/
/*.ui-widget-overlay {background:url("/img/misc/transparentBg.png") repeat scroll 50% 50% transparent!important; -moz-opacity: 1.0 !important; -webkit-opacity: 1.0!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; filter: alpha(opacity=100) !important; opacity: 1.0 !important;}*/
#loadingScreen {padding:18px !important; margin:0!important; min-height:30px!important;}
.ui-modal-dialog {-moz-box-shadow: 0 0 6px #333,0 0 6px #333; -webkit-box-shadow: 0 0 6px #333,0 0 6px #333; box-shadow: 0 0 6px #333,0 0 6px #333; border:solid 1px #000!important;}
.ui-dialog.wait-layer .ui-dialog-titlebar {display:none;}
.ui-dialog.wait-layer {padding: 18px;}
.ui-dialog.wait-layer p {font-size: 13px !important; font-weight: bold;padding:0;}
.ui-dialog.wait-layer img {margin-right: 26px; vertical-align:middle;}
/* TA BORT ifall det inte ska gömmas...
.ui-dialog.ui-modal-dialog .ui-widget-header {background:none; border:none; color:#000;}
.ui-dialog.ui-modal-dialog .ui-dialog-titlebar-close {display:none;}*/
/*.ui-dialog.wait-layer { -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50;}
.ui-dialog.wait-layer .ui-dialog-content { -moz-opacity:2.00; -ms-filter:"alpha(opacity=200)"; filter:alpha(opacity=200); opacity:2;}*/
/*- - Colors -*/
.grey {color:#707070;}
.down {color: #ED1C24; font-weight:bold;}
.up {color:#0099CC; font-weight:bold; /*#03A7D2;*/ }
.delayed-info {float:right; font-weight:normal;}
/*------------ =Legalinfo -------------*/
div.legal-info {border-bottom:1px solid #E3E3E3; border-top:1px solid #E3E3E3; clear:both; float:left; margin:15px 0 10px; padding:10px 0; width:100%;}
div.legal-info ul {margin:0 10px 0 0; list-style-type:none; padding:0; float:left; width:280px;}
div.legal-info li {clear:left;list-style-type:none; margin-left:0; margin-bottom:3px;}
div.legal-info.has-icon {background:none; line-height:1.7em;}
div.legal-info h2 {margin-bottom:1em;}
/*Place the button closer to the form when width-full*/
.width-full.compact-form .button-row button, .width-full .compact-form .button-row button {float:left; position:relative; bottom:4px; margin-left:10px;}
/*Place the button select button left and other buttons to right*/
.button-row .select-all {float: left; margin: 0 0 0 6px; padding: 6px 0 0;}
.button-row .select-all input {float: left; margin: 0 16px 0 0;}
.button-row .select-all label {font-size: 11px; font-weight: bold; color: #3c8a2e;}
/*- - Forms -*/
.button-row {width:100%;}
.button-row-padding { padding:0 20px 0 0; width:auto; } /*ne_20120426 Padding för knappar i dialoger */
.button-row button, .button-row button.button, .button-row a.button, .button-row div.button {float:right; margin-left:5px;}
.req-explanation {text-align:right;}
.form p.req-explanation {margin:0; text-align:right; width:100%;}
.req-explanation img {margin-bottom:0 !important;}
.width-full .confirm label.checkbox {width:875px;}
.width-2 .confirm label.checkbox {width:555px;}
.width-1 .confirm label.checkbox {width:355px;}
input, select, textarea {margin-left:0;}
textarea, input[type=text], input[type=password], input[type=email] {border:1px solid #7B9EBD; padding:1px 0 2px 1px; resize:none;}
textarea[rows="1"]{ height:34px;}
textarea[rows="2"]{ height:48px;}
textarea[rows="3"]{ height:64px;}
textarea[rows="2"].textFieldMono { height:34px;}
textarea[rows="3"].textFieldMono { height:48px;}
textarea[cols="35"].textFieldMono { width:265px;}
textarea{overflow:auto;}
.textFieldMono { font-family: Courier New,Courier,mono; font-size: 12px;}
input[type=text], input[type=password], input[type=email] {height:16px;}
select {height: 21px; border:1px solid #7B9EBD; /*-margin-right:-1px; padding: 1px;*/}
select[multiline] {height: auto;}
select[multiple] {height: auto;}
input[readonly], input[disabled], input[readonly="readonly"], input[disabled="disabled"] {background:#EFEBE7 none repeat scroll 0 0; border:1px solid #7B9EBD; color:#ADAA9C;}
input[type=radio] {margin:1px 5px auto 0; padding:0;} /*changed from margin-top:auto to 1px for a more centered look.*/
.password label {line-height:2.9em; font-weight:bold; margin-right:5px; float:left;}
.password input {margin:5px; float:left;}
#pin-code, #cbsPinCodeTagId {width:61px;}
.password {margin:15px 0 0 0;}
li table {margin-top:1em;}
/*- - Normal form - -*/
.normal-form {padding-bottom:20px; clear:left;}
.normal-form.last {padding-bottom:0;}
.normal-form h2 {margin-bottom:10px;}
.normal-form ol {width:100%;}
.normal-form li {float:left; padding:2px 0; width:100%; min-height:21px; vertical-align: middle;} /*line-height:21px; Removed because it makes to big gaps in multi line text at forms. For instance agreements.*/
.normal-form label {margin-bottom:5px; width:180px; padding-right:10px; float:left; clear:both; position:relative;} /*-- changed width from 190 to 180px and added 10px padding right instead ----*/
/*.normal-form input, .normal-form select {float:left;} (niclase 18.4.2012: Ställer till det för kendo dropdowns) */
.normal-form input.button, .normal-form button.button {float:right;}
.normal-form input.wide, .normal-form textarea.wide {width:360px !important; resize:none;}
.normal-form select.wide {width:364px !important;}
.normal-form label em.req {position:absolute; height:21px; top:0; right:2px;}
.normal-form label em.req img{margin-top:6px;}
.normal-form .right-column {margin-left:190px;}
.normal-form .right-column label {width:auto;}
.normal-form select {width:234px;}
.normal-form input.textField {width:230px;}
.normal-form input.short-field {width:110px;} /*Should be of equal length as the longest of the short fields*/
.normal-form select.short-field {width:110px;} /*Should be of equal length as the longest of the short fields*/
.normal-form input.amount-field {width:110px;}
.normal-form input.shorter-amount-field, .normal-form input.date-field {width:70px;}
.normal-form input.year-field {width:35px;}
.normal-form select.year-field {width:62px;}
.normal-form select.month-field {width:90px;}
.normal-form input.month-field {width:20px;}
.normal-form .textarea-counter {display:block; float:left; clear:both; text-align:right; width:553px; color:#999;}
.normal-form.wide input[type="text"], .normal-form.wide textarea {width: 360px;}
.normal-form.wide select {width: 364px;}
.normal-form.wide input.amount-field {width:110px;}
.normal-form.wide select.short-field {width:114px;}
.normal-form.wide select.auto-field {width:auto;}
.normal-form select.auto-field {width:auto;}
/*Fields listed in a list, fields without label*/
div.sandbag {width:144px; display:inline-block; float:left;}
/* Placement of buttons in highlight margin-big fields */
.margin-bottom-large li.button button.button, .margin-bottom-large li.button a.button {position:relative; bottom:3px;}
/*Radio buttons*/
.radio.parent {display:inline-block; width:144px;}
/*Radio buttons that chooses fields to be filled in*/
.width-2 fieldset ol li ol li {width:auto; margin-right:15px;}
.width-2 fieldset ol li ol {display:inline-block; width:596px;}
/*checkboxes*/
.confirm label.checkbox input {margin-right:10px;}
.normal-form li label.checkbox {width:410px;}
.normal-form .sub-checkbox {margin-left:30px;}
.normal-form .right-column.sub-checkbox {margin-left:220px;}
/*checkbox for confirmation*/
.confirm label.checkbox {font-style:italic; float:left; padding-left:21px; line-height:1.4em;}
.confirm input {left:2px; margin:2px 10px 0 0; position:absolute;}
/*- - Compact form - -*/
.compact-form {margin-bottom:1.5em;}
.compact-form.last {margin-bottom:0;}
.compact-form a, .compact-form div, /*.compact-form input, .compact-form img, */.compact-form li, .compact-form ol, .compact-form select {float:left;}
.compact-form label {display:block; padding-bottom:0.2em; font-weight:bold;}
.compact-form label {line-height:1.2em;}
.compact-form label.checkbox {line-height:1.6em; font-weight:normal; padding:0; margin:0;}
/*.compact-form label.checkbox input {padding:0; margin:auto 5px auto 0;}*/
.compact-form li, .compact-form h5 {padding:0.5em; margin-top:0.5em;}
.compact-form li.no-label {padding-top:17px;}
.compact-form ol {list-style:none; padding:0; margin:0 0 0.5em; width:100%;}
.compact-form select {display:inline;}
.compact-form .highlight {background-color:#DFEDE9; border:1px solid #CCC; margin-left:1em; border-radius:4px; -moz-border-radius:4px;}
.compact-form ol.highlight {margin-top:1em; width:96%;}
.compact-form .highlight li.first {width:230px;}
.compact-form ol.highlight-aligned {margin-left:1em;}
.compact-form ol.highlight-aligned li {margin:0;}
.compact-form .highlight-aligned li.first {width:222px;}
.compact-form li.button {float:left; margin-left:15px; padding:0;}
.compact-form li.button .button {margin-top:20px;}
.compact-form .textarea-counter {display:block; text-align:right; color:#999;}
/*Clearing to avoid climbing effect, see MKS 41125*/
fieldset.compact-form li label {clear:left;}
/*Width that is a most because of the rule .clear:after, see MKS 50624*/
fieldset.compact-form.highlight.clear {width:100%;}
/*margins and paddings around items in a fieldset and position of button*/
fieldset.compact-form.vertical-form {padding:5px 5px 0 5px;}
fieldset.compact-form.vertical-form {padding:5px 5px 0 5px;}
fieldset.compact-form li{padding:5px 5px 0 5px;}
fieldset.compact-form li.highlight{padding:5px;}
fieldset.compact-form.vertical-form li.button-row button {padding-top:5px; float:right;}
/*Compact form definition - a specified use off definition table in securityhandlings and tcmfunds*/
.compact-form table.def-table {width:auto; margin-right:-5px; margin-top:1px;}
.compact-form table.def-table th {width:auto; padding-right:10px; border-bottom:none; text-align:left; vertical-align:top;}
.compact-form table.def-table tbody td {text-align:left; width:auto; padding-right:10px;}
.compact-form input.amount-field {width:110px;}
.inline label, label.inline {clear:none; float:left; margin-right:10px; width:auto;}
/*Higlight form definition */
fieldset.highlight {background-color:#EBF2EF; border:1px solid #CCC; padding-bottom:0.5em; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
fieldset.highlight ol {margin:0;}
/*Big form, used with full width pages ne_20120502*/
.big-form-left { float:left; width:445px; }
.big-form-right { float:right; width:445px; }
/* ------ Error and info ------------*/
p.error.width-full, p.info.width-full {width:858px;}
p.error.width-2, p.info.width-2 {width:548px;}
p.error.width-1, p.info.width-1 {width:238px;}
.boxV1 p.error, .boxV1 p.info {float:none;}
.boxV1.width-full p.error, .boxV1.width-full p.info {width:828px;}
.boxV1.width-2 p.error, .boxV1.width-2 p.info {width:518px;}
.boxV1.width-1 p.error, .boxV1.width-1 p.info {width:208px;}
.boxV1.width-2 .h.no-padding p.info,
.boxV1.width-2 .h.no-padding p.error { margin-left:14px; } /*ne_20120426 Justera marginaler för meddelanderutor*/
.popup.width-2 p.error, .popup.width-2 p.info {width:518px;}
p.error {clear:both; font-size:1.1em; -moz-border-radius:2px; border-radius:2px; border:2px solid #bc0404; padding:15px 15px 15px 45px; background-color:#ffffff; margin-bottom:25px; width:548px;position: relative;}
/* Darkblue version
p.info {clear:both; font-size:1.1em; -moz-border-radius:2px; border-radius:2px; border:1px solid #1a2867; padding:15px 15px 15px 45px; background:url(../img/icons/info-dark-blue.png) no-repeat scroll 7px 16px; background-color:#e9f3f8; margin-bottom:25px; float:left; width:548px;}*/
p.error a {color:#333; text-decoration:underline;}
/* Lightblue version */
p.info {clear:both; font-size:1.1em; -moz-border-radius:2px; border-radius:2px; border:2px solid #1da56c; padding:15px 15px 15px 45px; background-color:#ffffff; margin-bottom:25px; width:548px;position: relative;}
p.info a {color:#03a7d2; text-decoration:underline;}
p.error.width-full {width:858px;}
p.info.width-full {width:858px;}
.error{color:#333;}
p.error::before {content: "\f101"; font-family: Ionicons; font-size: 16px; position: absolute; top: 1.6rem; transform: translateY(-50%); left: 1.5rem; color: #bc0404; }
p.info::before {content: "\f149"; font-family: Ionicons; font-size: 16px; position: absolute; top: 1.6rem; transform: translateY(-50%); left: 1.1rem; color: #1da56c; }
/*- - Lists -
Horizontal*/
ul.horizontal {display:inline-block; width:100%; text-align: right;}
ul.horizontal li {display:inline-block; padding:0 40px 0 0;}
.horizontal .top-link {float:right; padding:0; position:relative; top:-4px;}
/*- - Table:s -
Default header (caption)*/
table {margin-bottom:10px;}
table.details {clear:left;}
table caption {text-align: left; border-bottom:1px solid #E0E0E0; background-color:transparent; color:#000; font-weight:bold; font-size:1.4em;}
caption.caption-small {border-bottom:1px solid #E0E0E0; background-color: transparent;color:black; font-weight:bold;font-size:1.1em;}
/*Padding:0 so that caption in def-table and regular tables look the same in IE7*/
table.def-table caption {padding:0;}
.bgTableHead td {border-bottom:1px solid #CCC; font-weight:bold;}
table.data th a {color:#000; text-decoration:none;}
table.data {border-collapse:collapse;}
table.data .num-right, .num-right {text-align:right; padding-right:2em;}
table.data {width:100%;}
table.data td, table.data th {line-height:17px; margin:0; padding:2px 5px; vertical-align:top;}
table.data.break-word td, table.data.break-word th {overflow-wrap: anywhere;}
table.data {border-bottom:1px solid #DCDCDC;}
table.data.nozebra {border-bottom:none;}
table.data .sum {border-bottom:none;}
table.has-icon td {padding:5px 2px 5px 2px; vertical-align:middle;}
table.def-table tbody th {border-bottom:none; font-weight:normal; padding:0; text-align:left; vertical-align:top;}
table.def-table tbody td {text-align:right; font-weight:bold; vertical-align:top;}
table.def-table {width:100%; margin-bottom:15px;}
table.def-table tr.odd {background:#fff;}
table.def-table tr.even {background:#fff;}
/*this doesn't look good when we start to use datatables
table tbody tr.last td {border-bottom:1px solid #DCDCDC;}*/
table.data tfoot td, table.data tr.sum td {border-top:1px solid #DCDCDC;}
table tfoot {font-weight:bold;}
table .bgTableHead td, table th, table thead th, table.data thead th {font-weight:bold; border-bottom:1px solid #DCDCDC; text-align:left; padding:12px 5px 4px; vertical-align:bottom; color:#000;}
table td.last {text-align:right; border:none;}
table th.last {border-bottom:none; text-align:right; border-bottom:1px solid #DCDCDC;}
/*this doesn't look good when we start to use datatables
table tr.last td {border-bottom:1px solid #FFF;}
*/
table.funds-info tbody th {border-bottom:none; font-weight:bold; padding:0; text-align:left; vertical-align:top; border:none; background:#fff;}
table.funds-info tbody td {padding:0 0 15px 20px; text-align:left; font-weight:normal;vertical-align:top; border:none; background:#fff;}
table.funds-info {width:100%; margin-bottom:0;}
/*table row backgrounds*/
.odd, .bgOdd {background:#EBF2EF none repeat scroll 0 0;}
.even, .bgEven {background-color:transparent;}
/*.bgEven td, .bgOdd td {border-top:1px solid #fff !important;}*/
/*-- 2-col forms and deflist --*/
.form-2col fieldset {width:49%;float:right;}
.form-2col fieldset.first {float:left;}
/*Normal form is being cleared, remove left clear*/
.form-2col fieldset.last {clear:right;}
/*--Button in Table--*/
.data td.button-cell {padding-left:0; padding-right:0;}
/*-- Tables in tabs --*/
.boxV1 .width-1 {width:285px;} /*285px för att passa värdepappersinformation*/
/*-- VOXPOLL --*/
#answerTextId {width:266px;}
fieldset.normal-form.last ul.inline li.margin-both {margin-top:0.5em; margin-bottom:0.5em;}
ol.vox-legend, ol.vox-result {margin-left:15px;}
ol.vox-result {border-left:1px solid #999; padding-top:4px;}
div.vox-ruler {position:relative; left:16px;}
ol.vox-result li {height:24px;}
ol.vox-result li img {position:relative; top:6px;}
ol.vox-legend li, ol.vox-result li {width:250px;}
ol.vox-result .vox-bar-text {position:relative; top:4px; left:4px; float:right; width:32px;}
div.vox-legend-bar {float:left; width:10px; height:10px;}
.vox-legend-text {position:relative; top:-3px; left:5px; float:left;}
.boxV1.width-1.icon.bars p.poll-question {padding-top:21px;}
/*-- deflist --*/
.width-1 dl,.width-2 dl,.width-full dl{font-size:11px;}
.width-1 dl, .width-1 dl dt, .width-1 dl dd {float:left; margin-bottom:10px;}
.width-2 div.form-2col dl, .width-2 div.form-2col dl dt, .width-2 div.form-2col dl dd {margin-bottom:0;}
.width-1 dl dt {clear:left; text-align:left; width:190px; padding:0; } /*--- IKF2.0 JLP replaced min-height:21px; margin:0; with margin-bottom, now same space between labels when a label is more than one row long ---*/
.width-1 dl dd {font-weight:bold; margin:0; padding:0; width:130px; float:left;}
.width-2 dl, .width-2 dl dt, .width-2 dl dd {float:left; margin-bottom:10px;} /*--- IKF2.0 JLP same styling as width-1 ---*/
.width-2 dl dt {clear:left; text-align:left; width:190px; padding:0;} /*--- IKF2.0 JLP same styling as width-1 ---*/
.width-2 dl dd {font-weight:bold; padding:0; width:230px; float:left;} /*--- IKF2.0 JLP same styling as width-1 ---*/
.width-2 dl.wide-dt dt {width:260px; margin-right:20px;}
.width-2 dl.wide-dt dd {width:280px;}
.width-full dl dd {font-weight:bold; float:left; width:230px; margin: 0; padding:0;}
dl dd.right {text-align:right !important; float:right !important;}
.def dl, .def dt, .def dd {float:left;}
.def dd {font-weight:bold;}
.form dl dt {clear:left; float:left; text-align:left; width:190px; padding:0; margin-bottom:10px;} /*--- IKF2.0 JLP same styling as width-1 ---*/
.width-2 .form-2col dl dt {clear:left; float:left; clear:both; text-align:left; width:110px; padding:0; margin:0;}
.width-2 .form-2col dl dd {float:left !important; width:150px; margin:0; padding:0;}
/*------------- =Step =Indicator -----------*/
ol.step {float:left; height:50px; margin-bottom:25px; color:#444}
ol.step li {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat -1px -50px; display:block; width:auto; max-width:244px; padding:0 20px 0 40px; float:left; height:50px; position:relative; line-height:1.2em;}
ol.step li a, ol.step li a b { color:#000; } /*ne_20121115 added styling for links in the stepindicator */
ol.step li a:hover, ol.step li a:hover b { color:#999; }
ol.step span.arrow {height:50px; display:block; width:20px; float:right; position:absolute; right:-20px; top:0; z-index:1; overflow:visible;}
ol.step .active {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat -1px top; color:black;}
ol.step .visited, ol.step .first {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat 0 -50px;}
ol.step .active {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat 0 top;}
ol.step span.arrow {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat right -100px;}
ol #step1.active span.arrow {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat right -150px;}
ol .visited span.arrow {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat right -200px;}
ol.step .active span.arrow {background:transparent url(../img/misc/spriteStepIndicator2.png) no-repeat right -150px;}
ol.step b {margin:10px 0 0; display:block; color:black;}
ol.step a, ol.step a:visited, ol.step a:active {color:black;}
ol.step #step1 {padding-left:20px;}
ol.step a {text-decoration:none;}
ol.step span.underline {text-decoration:underline;}
.five-items #step1 {width:50px;}
.five-items #step2 {width:50px;}
.five-items #step3 {width:75px;}
.five-items #step4 {width:50px;}
.five-items #step5 {width:90px;} /*ne_20120530 added five-step indicator*/
.four-items #step1 {width:60px;}
.four-items #step2 {width:90px;}
.four-items #step3 {width:90px;}
.four-items #step4 {width:95px;}
.three-items #step1 {width:145px;}
.three-items #step2 {width:145px;}
.three-items #step3 {width:145px;}
.two-items #step1 {width:305px;}
.two-items #step2 {width:305px;}
/*- - Icons -*/
.normal-form label em.req img {margin-top:6px; background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll right -1700px; width: 6px; height:15px;}
.req-explanation img {margin-bottom:0 !important; background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll right -1700px; width: 6px; height:8px;}
.open .toggle.icon {background-position:left -1250px; margin: 3px 5px 0 !important;}
.closed .toggle.icon {background-position:left -1200px; margin: 3px 5px 0 !important;}
.icon.collapse {background-position:left -1244px; margin: 3px 5px 0 !important;}
.icon.payments-attention {background-position:left -2650px;}
.link.icon, a.icon, button.icon, button.fwd-link { font-weight:bold;} /*So that all links with icons is bolded*/
.icon-sprite {background-color:transparent; background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll; padding:0;}
.cf-bottom .content ul .top-link .icon-sprite {padding:23px 0 0 23px; background-position:right -750px;}
.cf-bottom .content ul .top-link .icon-sprite:hover {background-position:right -775px;}
.print-link a {background:url(../img/icons/spriteIcons.png) no-repeat -7px -600px; font-weight:bold; padding:2px 0 5px 27px; position:absolute; top:-30px;}
.print-link a:hover {background-position:-7px -625px;}
.print-icon-box {font-weight:bold; padding:2px 0 5px 27px; text-align:right;} /*ne_20120430 Container för skriv ut-ikon*/
.close-link a {background:url(../img/icons/exit.png) no-repeat top right; font-weight:bold; padding:0 22px 5px 0;}
.close-link a img {display:none;}
.calc-link a {background:url(../img/icons/spriteIcons.png) no-repeat right -50px; font-weight:normal; padding:3px 27px 5px 0; margin-top: 22px; color:#FFF; float:right;}
.calc-link:hover a {background-position:right -75px;}
.help-link a {background:url(../img/icons/spriteIcons.png) no-repeat right -1100px; font-weight:bold; padding:0 22px 5px 0;}
.help-link a:hover {background-position:right -1125px;}
.ui-datepicker-trigger {background:url(../img/icons/spriteIcons.png) no-repeat right 1px; padding:20px 23px 0 0; margin:0 0 0 3px !important; float:left;}
.normal-form .ui-datepicker-trigger {float:left;}
.ui-datepicker-trigger:hover {background-position:right -24px;}
input.textfield.hasDatepicker, input.textfield.datepicker {width:70px;}
#ui-datepicker-div {z-index:200 !important;}
.has-icon li {line-height:22px;}
.icon {background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll 0 0; padding:3px 25px 5px 0; margin:3px 0 0 0 !important; /*line-height needs to be set on the specific icon*/ }
.icon.towhat {background-position:right -1394px; height:14px; width:8px; margin:0 5px !important; padding:0;}
.icon.no-txt {height:20px; width:21px; padding:0; margin:0 3px 0 0; display:inline-block;}
.icon.gear.no-txt,.icon.search.no-txt,.icon.calc.no-txt{width:23px;}
.icon.date {background-position:right 0;}
.icon.calc {background-position:right -50px;}
.icon.settings {background-position:right -100px; font-weight:bold; line-height:20px;}
.icon.update {background-position:right -200px; font-weight:bold;}
.icon.delete {background-position:right -250px;}
.icon.delete-small {background-position:right -300px;}
.icon.edit {background-position:right -350px;}
.icon.edit-small {background-position:right -400px;}
.icon.gear {background-position:right -450px;}
.icon.copy {background-position:right -500px;}
.icon.copy-small {background-position:right -550px;}
.icon.print {background-position:right -600px;}
.icon.search {background-position:right -650px;}
.icon.download {background-position:right -700px;}
/* .icon.piechart {background-position:right -700px;} ne_20120510 spriteIcons.png at this position was empty. */
.icon.top {background-position:right -750px; border-bottom:none;} /*-- for ikf2.0 removed border-bottom line --*/
.icon.back {background-position:left -800px; padding-right:0;padding-left:30px;} /*cant set height here or the rule .pagination a img{} cant override without !important*/
.icon.fwd {background-position:right -850px; padding-right:30px; font-weight:bold;}
.icon.pdf {background-position:right -1925px; padding-right:20px;}
.icon.doc {background-position:right -2000px; padding-right:20px;}
.icon.expand {background-position:left -1194px; padding-right:20px;}
.icon.collapse {background-position:left -1244px; padding-right:20px;}
.icon.add {background-position:right -900px; /*padding-right:20px;*/ }
.icon.add-small {background-position:right -950px; padding-right:20px;}
.icon.star{background-position: 100% -1775px; display:inline-block; height:10px; margin: 0 !important; padding: 0; width: 12px;}
.icon.replay{background-position: 100% -1750px; display:inline-block; height:12px; margin: 0 !important; padding: 0; width: 15px;}
.icon.directdeb {background:url(../img/icons/directdeb.gif) no-repeat; display:inline-block; height:7px; margin: 0 !important; padding: 0; width: 15px;}
.icon.einvoice {background:url(../img/icons/e-invoice.gif) no-repeat; display:inline-block; height:12px; margin: 0 !important; padding: 0; width: 12px;}
.icon.attention-green-square {background-position:left -3100px;}
.icon.attention-red-square {background-position:left -3150px;}
.icon.attention-green-circle {background-position:left -3200px;}
.icon.attention-red-circle {background-position:left -3250px;}
.icon.attention-green {background-position:-3px -3302px; display:inline-block; height:12px; margin: 0 !important; padding: 0; width: 15px;}
.icon.attention-red {background-position:-3px -3352px; display:inline-block; height:12px; margin: 0 !important; padding: 0; width: 15px;}
.icon.date:hover {background-position:right -25px;}
.icon.calc:hover {background-position:right -75px;}
.icon.settings:hover {background-position:right -125px;}
.icon.update:hover {background-position:right -225px;}
.icon.delete:hover {background-position:right -275px;}
.icon.delete-small:hover, .disabled.icon.delete-small {background-position:right -325px;}
.icon.edit:hover {background-position:right -375px;}
.icon.edit-small:hover, .disabled.icon.edit-small {background-position:right -425px;}
.icon.gear:hover {background-position:right -475px;}
.icon.copy:hover {background-position:right -525px;}
.icon.copy-small:hover, .disabled.icon.copy-small {background-position:right -575px;}
.icon.print:hover {background-position:right -625px;}
.icon.search:hover {background-position:right -675px;}
.icon.download:hover {background-position:right -725px;}
/*.icon.piechart:hover {background-position:right -725px;} ne_20120510 spriteIcons.png at this position was empty. */
.icon.top:hover {background-position:right -775px;}
.icon.back:hover {background-position:left -825px;}
.icon.fwd:hover {background-position:right -875px;}
.icon.pdf:hover {background-position:right -1925px; padding-right:20px;}
.icon.doc:hover {background-position:right -1975px; padding-right:25px;}
.icon.expand:hover {background-position:left -1219px;}
.icon.collapse:hover {background-position:left -1269px;}
.icon.add:hover {background-position:right -925px; /*padding-right:20px;*/ }
.icon.add-small:hover {background-position:right -975px; padding-right:20px;}
.icon.attention-green-square:hover {background-position:left -3125px;}
.icon.attention-red-square:hover {background-position:left -3175px;}
/* adding underline on links with icons */
a.icon.back, a.icon.fwd {text-decoration:underline;}
/*.icon.attention-green-circle:hover {background-position:left -3225px;}
.icon.attention-red-circle:hover {background-position:left -3275px;}*/
/*-- icons for notification badges --*/
li.lv1>.icon.notification {background-position:left -3050px;/*-3440px;*/ display:block; height:0; margin:0 !important; padding:0 20px 20px 0; position:absolute; right:6px; top:-4px; width:0; z-index:10;}
li.icon.notification {background-position:left -3050px;/*-3440px;*/ display:block; height:0; margin:0 !important; padding:0 20px 20px 0; position:absolute; right:6px; top:-4px; width:0; z-index:10;}
li.lv1>.icon.notification span.nr {color:#3c8a2e; display:block; font-weight:bold; font-size:11px; line-height:20px; text-align:center; width:19px; }
.megaLinks>li>.icon.notification {display:block;background-position:-8px -1070px; height:0px; width:0px;}
.mega .icon.notification {background-position:left /*-1070px*/-1018px; display:block; height:0; margin:0 !important; padding:0 20px 20px 0; position:absolute; left:-3px; top:-2px; width:10px;}
/* Additional icons */
.icon.wrench-small {background-position:right -3500px;}
.icon.wrench-small:hover {background-position:right -3525px;}
.icon.pdf2 {background-position:right -1900px; }
.icon.pdf2:hover {background-position:right -1875px; }
.icon.payinvoice {background-position:right -3550px;}
.icon.payinvoice:hover {background-position:right -3575px;}
.icon.fwd2 {background-position:right -3600px;}
.icon.fwd2:hover {background-position:right -3625px;}
.icon.sendtoarchive {background-position:right -3650px;}
.icon.sendtoarchive:hover {background-position:right -3675px;}
.icon.empty {background-position:right 9999px;}
.icon.ictxt {background-position-y:-2700px; background-position-x: 7px }
.icon.ictxt:hover {background-position-y:-2475px; background-position-x: 5px }
/*cbsBox Title icons*/
.boxV1.icon {background:none; margin:0 10px 15px 0 !important; padding:0;}
.boxV1.icon .header h2 { background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll 0 0; padding-left:30px;}
.ui-dialog-title > .icon.calc-big, .icon.calc-big .header h2 {background-position:left -2500px;}
.icon.inbox .header h2 {background-position:left -2525px;}
.icon.inbox-new .header h2 {background-position:left -2550px;}
.icon.outbox .header h2 {background-position:left -2575px;}
.icon.my-economy .header h2 {background-position:left -2600px;}
.icon.piechart-green .header h2 {background-position:left -2625px;}
.icon.invoices-attention .header h2 {background-position:left -2550px;}
.icon.payments-attention .header h2 {background-position:left -2650px;}
.icon.payments-confirm .header h2 {background-position:left -2675px;}
.icon.letter .header h2 {background-position:left -2700px;}
.icon.my-summary .header h2 {background-position:left -2725px;}
.icon.piechart-white .header h2 {background-position:left -2750px;}
.icon.advisor .header h2 {background-position:left -2775px;}
.icon.winner .header h2 {background-position:left -2800px;}
.icon.bars .header h2 {background-position:left -2825px;}
.icon.news .header h2 {background-position:left -2850px;}
.icon.index .header h2 {background-position:left -2875px;}
.icon.vault .header h2 {background-position:left -2900px;}
.icon.returned .header h2 {background-position:left -2925px;}
.theme-button {background:transparent url(../img/misc/themeButtons.png) no-repeat scroll 0 0; padding:37px 37px 0 0; margin:0px 0 0 16px !important; cursor:pointer; }
.theme-button.private {background-position:left -0px;}
.theme-button.private:hover {background-position:left -37px;}
.theme-button.premium {background-position:-42px -0px;}
.theme-button.premium:hover {background-position:-42px -37px;}
.theme-button.default {background-position:-86px -0px;}
.theme-button.default:hover {background-position:-86px -37px;}
.hand {cursor:pointer;}
td.right div img.icon.tooltip-trigger{float:right; width:5px; height:5px;}
.tooltip-trigger {background-position:right -1098px; float:left; padding:18px 18px 0 0;}
h2 .tooltip-trigger {float:none; padding-right:21px; position:relative; top:4px;}
/*- - Flags country code is assigned according to language code- -*/
.flag {background-image:url(../img/icons/spriteIcons.png); margin:0 !important;border-top:3px solid transparent;}
.flag.sv, .flag.se {background-position:right -2200px;}
.flag.fi {background-position:right -2220px;}
.flag.no {background-position:right -2240px;}
.flag.da {background-position:right -2260px;}
.flag.is {background-position:right -2280px;}
.flag.us {background-position:right -2300px;}
.flag.ca {background-position:right -2320px;}
/*- - Heading Icons -*/
.ball .header div, .kontakta .header div, .depot .header div, .arrowCircle .header div, .transactions .header div, .contact .header div, .contact2 .header div {margin:0 0 0 8px;}
.ball .header h2, .kontakta .header h2, .depot .header h2, .arrowCircle .header h2, .transactions .header h2, .contact .header h2, .contact2 .header h2 {background-image:url(../img/icons/spriteHeadingsIcons.gif); background-repeat:no-repeat; padding-left:28px;}
.ball .header h2 {background-position:left -4px;}
.contact .header h2 {background-position:left -39px;}
.depot .header h2 {background-position:left -179px;}
.arrowCircle .header h2 {background-position:left -144px;}
.transactions .header h2 {background-position:left -109px;}
.contact2 .header h2 {background-position:left -75px;}
/*- - Buttons and Links - -
Link Version 1 - Text with boxed arrow on the right side*/
button.fwd-link, .fwd-link a {background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll right -850px; display:inline-block; font-weight:bold; height:21px; line-height:18px; padding:1px 31px 0 0;}
button.fwd-link:hover, .fwd-link a:hover {background-position:right -875px;}
ol.fwd-link, ul.fwd-link {margin:15px 0 10px;}
.bottom ol.fwd-link, .bottom ul.fwd-link {margin:0;}
.bottom .fwd-link {padding-right:15px; padding-top:6px;text-align:right;} /*ne_20120510 added padding*/
/*Back link in order to get to previus page*/
.back-link {height:20px; clear:both;}
.back-link a {background:url(../img/icons/spriteIcons.png) no-repeat 0 -800px; font-weight:bold; padding:3px 0 5px 30px;}
.back-link a:hover {background-position:0 -825px;}
/*Links to customization pages*/
.settings.fwd-link a {background-position:left -150px; padding:1px 0 0 27px;}
.settings.fwd-link a:hover {background-position:left -175px;}
.settings.fwd-link li {margin-top:15px;}
/*Links for creating new items*/
.add.fwd-link a {background-position:-7px -500px; padding:1px 0 0 27px;}
.add.fwd-link a:hover {background-position:-7px -525px;}
.add.fwd-link li {text-align:left;}
/*----Buttons-----*/
/*Button-tag - reset button look*/
button::-moz-focus-inner {padding:0; border:none;}
/*remove padding in FF*/
.menu-button, button {margin:0; background:transparent none; border:medium none #000; padding:0; /*display:inline-block;*/}
/*Button reset*/
.btn-wide, .btn-big, .btn-normal, .btn-small, .btn-highlighted, .ui-dialog .ui-dialog-buttonpane button {background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll left -412px; border:medium none #000; color:#3c8a2e; padding:0; display:inline-block;}
.btn-wide span, .btn-big span, .btn-normal span, .btn-small span, .btn-highlighted span, .ui-dialog .ui-dialog-buttonpane button span {background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll right -412px; display:block;}
.btn-wide span span, .btn-big span span, .btn-normal span span, .btn-small span span, .btn-highlighted span span {background:none; display:inline-block; white-space:nowrap; line-height:1.4em;}
span span.arrow {background:transparent url(../img/icons/spriteIcons.png) no-repeat scroll right 1396px !important; padding:0 11px 0 0 !important;}
.button, button, .butV1 {text-decoration:none; cursor:pointer;}
a.button-link {text-decoration: none;}
.ui-dialog .ui-button-text-only .ui-button-text {padding:0.4em 13px 0.4em 3px; height:23px;}
/*- - Wide and big - -*/
.disabled .btn-wide:hover, .disabled button:hover span.btn-wide,span.btn-wide {background-position:left -412px; width:273px;}
.disabled .btn-wide:hover span, .disabled button:hover .btn-wide span, .btn-wide span {background-position:right -412px; height:36px; margin-left:20px; padding:0 20px 0 0; text-align:center;}
.btn-wide span span {display:inline-block; font-size:14px; font-weight:bold; height:18px; line-height:1em; margin:9px 0 0; padding:0;}
/*- - Big - -*/
span.btn-big {background-position:left -412px;}
.btn-big span {background-position:right -412px; height:36px; margin-left:20px; padding:0 19px 0 0;}
.btn-big span span {font-size:14px; font-weight:bold; height:18px; line-height:1em; margin:10px 0 0; padding:0;}
span.btn-normal, .ui-dialog .ui-dialog-buttonpane button {background-position:left -504px;}
.btn-normal span span.arrow {background-position:right -1420px !important; padding:0 9px 0 0 !important;}
.btn-normal span {padding:5px 12px 0 0;}
.btn-normal span, .ui-dialog .ui-dialog-buttonpane button span {background-position:right -504px; margin-left:10px;}
.ui-dialog .ui-dialog-buttonpane button {white-space:nowrap; height:28px;}
span.btn-normal span span, .btn-highlighted span span {height:23px; margin:0; padding:0;}
span.btn-normal span span, .btn-highlighted span span, .ui-dialog .ui-dialog-buttonpane button span {font-size:12px; font-weight:bold;}
span.btn-highlighted {color:#FFF; background-position:left -580px; text-shadow:0px 1px 2px #988f7d;}
.btn-highlighted span span.arrow {background-position:right -1445px !important; padding:0 9px 0 0 !important;}
.btn-highlighted span {background-position:right -580px; margin-left:10px; padding:5px 12px 0 0;}
span.btn-small {background-position:left -656px;}
.btn-small span span {font-size:11px; font-weight:bold; height:20px; margin:0; padding:0;}
.btn-small span span.arrow {background-position:right -1420px !important; padding:0 9px 0 0 !important;}
.btn-small span {background-position:right -656px; margin-left:7px; padding:1px 9px 0 0;}
/*- - Hover effects - -*/
.button:hover {text-decoration:none;}
/*- - Button as link - -*/
button:hover a{color:#878176;}
button:hover a.fwd.icon{background-position:right -875px;}
button:hover a.back.icon{background-position:left -825px;}
/*- - Wide and big - -*/
button:hover .btn-wide, button:focus .btn-wide, button:hover .btn-big {background-position:left -458px;}
button:hover .btn-wide span, button:focus .btn-wide span, button:hover .btn-big span, button:focus .btn-big span {background-position:right -458px;}
.btn-wide:hover, .btn-wide:focus, .btn-big:hover, .btn-big:focus {background-position:left -458px;}
.btn-wide:hover span, .btn-wide:focus span, .btn-big:hover span, .btn-big:focus span {background-position:right -458px;}
/*- - Normal - -*/
button:hover .btn-normal, button:focus .btn-normal, .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus {background-position:left -542px;}
button:hover .btn-normal span, button:focus .btn-normal span {background-position:right -542px;}
.btn-normal:hover, .btn-normal:focus, .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus {background-position:left -542px;}
.btn-normal:hover span, .btn-normal:focus span, .ui-dialog .ui-dialog-buttonpane button:hover span, .ui-dialog .ui-dialog-buttonpane button:focus span {background-position:right -542px;}
/*- - Highlighted - -*/
button:hover .btn-highlighted, button:focus .btn-highlighted {background-position:left -618px;}
button:hover .btn-highlighted span, button:focus .btn-highlighted span {background-position:right -618px;}
.btn-highlighted:hover, .btn-highlighted:focus {background-position:left -618px; color:#FFF;}
.btn-highlighted:hover span, .btn-highlighted:focus span {background-position:right -618px; color:#FFF;}
/*- - Small - -*/
button:hover .btn-small, button:focus .btn-small {background-position:left -686px;}
button:hover .btn-small span, button:focus .btn-small span {background-position:right -686px;}
.btn-small:hover, .btn-focus:hover {background-position:left -686px;}
.btn-small:hover span, .btn-small:focus span {background-position:right -686px;}
/*- - Menu button - -*/
.menu-button-holder {position: relative;display: inline-block;height: 16px;}
.menu-button { text-align:left !important; line-height:1.4em !important;}
.menu-button span.top{cursor:default; background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll left -900px; border:medium none #000; color:#3c8a2e; padding:0; display:block;/*display:inline-block; changed to block*/ margin-bottom:0; /*width removed, width:100%;*/ z-index:10;}
.menu-button span.top span{background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll right -900px; display:block; padding:1px 25px 0 0; margin-left:7px;}
.menu-button span.top span span{background:none; display:block;/*display:inline-block; changed to block*/ white-space:nowrap; line-height:16px; font-size:11px; font-weight:bold; height:20px; margin:0; padding:0;}
.menu-button span.bottom ,.menu-button .links{display:block; width:auto;/*width added, position removed position:relative;*/}
.menu-button.opened span.bottom ,.menu-button.opened .links{visibility:visible;}
.menu-button.closed span.bottom ,.menu-button.closed .links{visibility:hidden;}
.menu-button.opened span.bottom {background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll left -947px; display:block; height:8px; padding:0;z-index:9;}
.menu-button.opened span.bottom span {background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll right -947px; display:block; height:8px; margin-left:7px;}
.menu-button ul,.menu-button ol{height:0;border-left:1px solid #b0b0b0; border-right:1px solid transparent /*color changed from #e0e0e0 to transparent z-index:10;*/; width:auto;/*width:auto; added, position:relative; removed*/}
.menu-button li{height:auto;visibility:hidden; border-right:1px solid #b0b0b0; padding:0 5px; float:none; min-height:0; /*width:auto; removed*/}
.menu-button.opened ul,.menu-button.opened ol{ height:auto;}
.menu-button.opened li{background-color:#eee; height:auto; visibility:visible;}
.menu-button.opened li a { display:block; margin:0 3px; padding:3px 0; }
.menu-button.normal span.top {background-position:left -975px;}
.menu-button.normal span.top span{background-position:right -975px; margin-left:10px; padding:5px 30px 0 0;}
.menu-button.normal span.top span span{font-size:12px; font-weight:bold; height:25px; margin:0; padding:0;}
.menu-button.normal.opened span.top{background-position:left -1025px;}
.menu-button.normal.opened span.top span{background-position:right -1025px;}
.menu-button.small span.top {background-position:left -900px;}
.menu-button.small span.top span{background-position:right -900px; margin-left:7px; padding:1px 25px 0 0;}
.menu-button.small span.top span span{font-size:12px; font-weight:bold; height:20px; margin:0; padding:0;}
.menu-button.small.opened span.top{background-position:left -925px;}
.menu-button.small.opened span.top span{background-position:right -925px;}
.disabled button, .disabled .button {cursor:default;}
/* Menu button container */
div.shop-button {min-height:21px;}
td.shop-button {min-width:68px;}
.fi td.shop-button {min-width:78px;}
/* No JavaScript */
.no-js #showFundDomestic td.left {min-width:80px;}
.no-js #showFundDomestic td.left div {min-height:77px;}
.no-js #showFundDomestic .menu-button.closed span.bottom, .no-js .menu-button.closed .links {visibility: visible;}
.no-js #showFundDomestic .menu-button li {visibility: visible;}
.no-js #showFundDomestic .menu-button.closed ul, .no-js #showFundDomestic .menu-button.closed ol{ height:auto;}
.no-js #showFundDomestic .menu-button.closed li{background-color:#eee; height:auto; visibility:visible;}
.no-js #showFundDomestic .menu-button.small.closed span.top{background-position:left -925px;}
.no-js #showFundDomestic .menu-button.small.closed span.top span{background-position:right -925px;}
.no-js #showFundDomestic .menu-button.closed span.bottom {background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll left -947px; display:block; height:8px; padding:0;z-index:9;}
.no-js #showFundDomestic .menu-button.closed span.bottom span {background:transparent url(../img/misc/spriteMaster.png) no-repeat scroll right -947px; display:block; height:8px; margin-left:7px;}
/* new css for the notification links, icons and links are different, but the button looks the same otherwise */
.notification .menu-button .links {background:transparent;display:block;}
.notification .menu-button .links li a {background:url(../img/icons/spriteIcons.png) no-repeat scroll -26px -1468px; color:#3c8a2e; cursor:pointer; display:inline-block; font-weight:bold; line-height:1.2em; margin:0 12px 3px 9px; padding:3px 0 0 12px; text-decoration:none;}
.notification .menu-button .links li a:hover { color:#000; }
.notification .menu-button span.top span.nrL {background:url(../img/icons/notification-rounded-bg.png) no-repeat scroll left; display:inline-block; height:16px; width:auto; color:#fff; left:6px; position:relative; width:auto;}
.notification .menu-button span.top span.nrR {background:url(../img/icons/notification-rounded-bg.png) no-repeat scroll right; display:inline-block; height:16px; padding: 0 5px 0 0; left:6px; position:relative; width:auto;}
.notification .menu-button span.top span.text {display:inline; padding-left:10px; /*padding-left:22px;*/ position:relative;}
/* top right information, logged in user, company etc */
.userinfo { position:absolute; right:0; top:10px; width:270px; z-index:10; }
.userinfo-row {}
.userinfo-column { color:#000; float:right; height:23px; width:120px; }
.userinfo-column.wide { text-align:right; width:150px; }
/*---------------------------------------------
############## Miscellaneous ################
---------------------------------------------
- - General Classes -*/
.indentH10 {display:block; padding:0 11px;}
.fx {float:left; margin:0.2em 1.5em 0 0.3em;}
.sum {font-weight:bold;}
.nobr, .nowrap {white-space:nowrap !important;}
/*- Word-breaking -*/
.confirm-invoice-item .break-all div , .confirm-payment-item .break-all div {width:260px;} /*ie7 needs to reset this width*/
.break-all {word-break:break-all;}
.break-all div {word-wrap:break-word; display:block;} /*for ff the div also needs inline width in px*/
/*- Floats -*/
.float-left {float:left!important;}
.float-right {float:right!important;}
.float-none {float:none;}
/*- - Text-aligns - -*/
.right, .date-col {text-align:right!important;}
.center {text-align:center!important;}
.left {text-align:left!important;}
/*- Clearing - http://www.positioniseverything.net/easyclearing.html*/
.clear:after,
.txt:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clear {display:block; clear:both;}
.boxV1 .content .txt {display:block; clear:both; padding:0 5px 10px;}
.no-clear {clear:none;}
/*- Padding , Margin, Space -*/
.pt10 {padding-top:10px;}
.space-right {margin-right:1em;}
.space-left {margin-left:1.5em;}
.space {margin-left:0.2em;}
.margin-bottom-small {margin-bottom:0.5em;}
.margin-bottom {margin-bottom:1em;}
.margin-bottom-large {margin-bottom:1.5em;}
.margin-top-small {margin-top:0.5em;}
.margin-top {margin-top:1em;}
.margin-top-large {margin-top:1.5em;}
.padding-right-small {padding-right:0.5em;}
.padding-right {padding-right:1em;}
.padding-right-large {padding-right:1.5em;}
/*- - News classes-*/
.news-time {float:right;line-height:20px;padding:2px 0 3px 0;margin:3px 0 0;width:90px;}
.news-title {font-weight:bold;padding:2px 0 3px 0;margin:3px 0 0;line-height:20px;float:left;clear:left;}
.news-title-read {font-weight: normal;}
table.data td.date {width:60px;}
/*Confirm agreement checkbox and lable*/
li.confirm {margin-top:10px; font-style:italic;}
/*Phone nr*/
/*Places the description on top of the field*/
label.on-top {margin-top:1.2em;}
label.on-top span {position:absolute; top:-1.2em; left:0;}
ol li label.phone-nr {margin-right:0; margin-left:0;}
/*links in top of the popup should be on its own line.*/
div.popup {clear:both;width:100%;}
/*Temporary rules to remove icons*/
.settings.icon img, .help-link a img, .help-link img, .print-link a img, .settings-link img {display:none;}
/*For popupLayout from stylesheetLink*/
body.margin {margin:0 10px 0 20px; background:none;}
/* For poll popup */
div.popup.query, div.popup.query {overflow:hidden; font-family:"FFMiloWebProRegular",Arial,Helvetica,Verdana,sans-serif; font-style:normal; font-size:13px; color:#000; width:515px;}
div.popup.query .head {width:515px;}
div.popup.query td, form.popup.query {font-size:13px;}
div.popup.query p.info, body.margin div.popup.query p.error {width:440px;}
div.popup-buttons {position:relative; left:30px; width:400px;}
/* Special poll popup rules for solving button positioning in IE7 */
div.ie7-popup-buttons div.popup-buttons {position:relative; left:16px;}
div.ie7-popup-buttons span.ie7-special {position:relative; left:0;}
div.ie7-popup-buttons span.ie7-special2 {position:relative; left:-30px;}
/* Adding new classes here */
.popup-content {height: 500px; overflow: auto;}
.popup-content .head {width: 600px;}
#common-dialog {overflow: hidden !important;}
.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default;}
button.fwd-link a{background:none; padding:0;}
form#sepa div.boxV1.width-2 div.legal-info {border-bottom:none;}
.a-wrapper p.info {margin:10px 0px 2px 5px;}
/* - unconfirmed-payments sidebox rules (from style.css /aab/src/main/webapp/sepapayment */
.unconfirmed-payments .order {display:none;}
.unconfirmed-payments .nOrder {display:inherit;}
.unconfirmed-payments dt, .unconfirmed-payments dd { min-height:15px!important; padding:2px 0 !important; color:black;}
.unconfirmed-payments dt {width:100px !important;}
.unconfirmed-payments dl {padding:0 0 0 20px;}
.unconfirmed-payments dd {width:127px !important; word-wrap:break-word;}
.unconfirmed-payments .date {margin-top:5px;}
.unconfirmed-payments .confirm-payment-item label.reciver-name {margin-left:2px;}
.confirm-payment-item .search{position:absolute; left:19px;margin:0!important;}
.unconfirmed-payments .icon.expand {background-position: left -1198px;}
.unconfirmed-payments .icon.collapse {background-position: left -1248px;}
.unconfirmed-payments .icon.expand:hover {background-position: left -1223px;}
.unconfirmed-payments .icon.collapse:hover {background-position: left -1273px;}
.unconfirmed-payments .search-link a {margin:5px 0; float:right;}
.unconfirmed-payments .ellipsis.ellipsis-ff {margin-top:1px; width:145px;}
.confirm-invoice-item .ellipsis.ellipsis-ff {width: 165px;}
/*.confirm-invoice-item .ellipsis. {width: 180px;} */
.confirm-payment-item .ellipsis {width: 145px;}
#payments .sum div {width:63px; word-wrap:break-word;}
/* MKS 65554 - Add more forms here if button-row floats incorrectly. */
form[name="transactionDetailsForm"] .button-row {clear:both;}
/* - currency calculator (popup)-*/
.ui-dialog .boxV1.curr-calc > .header, .ui-dialog .boxV1.curr-calc > .bottom {display:none;}
.ui-dialog .boxV1.curr-calc > .content {border:none;}
.ui-dialog .boxV1.curr-calc {width:310px;}
/* MKS 67029 - right box unconfirmed e-faktura*/
/*.boxV1.width-1.last.confirm-payments-light.icon.payments-attention div#invoices table.data a {word-wrap:break-word; width:142px; display:inline-block; overflow:hidden;}
.boxV1.width-1.last.confirm-payments-light.icon.payments-attention div#invoices table.data td.right.sum {word-wrap:break-word; width:54px; display:inline-block; padding-left:3px;}*/
/*Browser message, this is currently shown only for IE6 users with conditional comments on the loginpage. */
.browsers {width:880px; background: url("/theme/img/icons/info-light-blue.png") no-repeat scroll 16px 16px #E9F3F8; border: 1px solid #03A7D2; border-radius: 2px 2px 2px 2px; clear: both; float: left; font-size: 1.1em; padding:15px 15px 15px 70px;}
.browsers p {width:630px; padding:0;}
.browsers a {color: #03A7D2; text-decoration: underline;}
.browsers .col {float:left;}
.browsers .first {margin-right:20px;}
.browsers img {height:48px; width:48px; border:none;}
/*
body.logged-in .cf-header {height:107px;}
body.logged-in .cf-header .logo {top:21px; width:253px;}
body.logged-in .cf-header .navigation-new {top:69px;}
body.logged-in .breadcrumbs {top:109px;}
*/
body.no-js #pinCodeAcco{display:none;}
#codeConfirmationDialog {min-height:125px;}
/*------ Data tables sorting icons, more css is founde in jquery-ui css files but overridden here -------*/
.dataTable .ui-icon {background-image: url("../aab-theme/images/ui-icons_333333_256x240.png"); color:#000; display:inline-block; height:13px; width:13px; }
.dataTables_wrapper .fg-toolbar {display:none; }
table.dataTable th {background:#fff;}
table.dataTable td, table.dataTable th {border:medium none; }
tr.odd td.sorting_1 {background-color:/*#d5dbd8;*/#e1e7e4;}
tr.even td.sorting_1 {background-color:/*#e6e6e6;*/#f3f3f3;}
.dataTables_empty {display:none; }
.DataTables_sortable_column {cursor: pointer; cursor: hand;}
.save-receiver-box {width: 250px;}
.save-receiver-box label {}
.save-receiver-box div {margin-left: 30px}
.save-receiver-box li {min-height: 0}
.save-receiver-box label {margin-bottom: 0}
p.message.warning {font-weight: bold}
.message-box .bread-content { all: initial; font-family:'Arial', Courier, monospace; font-size: 12px; color: #333;}
.message-box .bread-content * { all: revert; }
.message-box .bread-content table { width: 100%; }
.head-text {height: 220px; display: flex; flex-direction: column; justify-content: space-between;}
.footer {display: flex; justify-content: space-between; font-size: 12px;}
.left-footer {max-width: 500px;width:auto}
.right-footer {max-width: 800px;width:auto}
.m-5 {margin: 50px;}
.mr-5 {margin-right: 50px;}
.ml-5 {margin-left: 50px;}
.mb-2 {margin-bottom: 20px;}
.mb-5 {margin-bottom: 50px;}
.mt-5 {margin-top: 50px;}
.bt-1 {border-top: 1px solid #F3F1EF}
.w-5 {width: 50%}
.txt-c {text-align: center;}
.flex-j-c {justify-content: center;}
a {color: #606060}
table.new-table {border: 1px solid #f1f1f1; width: 100% }
table.new-table thead, table tbody, table tfoot {border: 1px solid #f1f1f1;background-color: #fefefe;}
table tbody th, table tbody td {padding: 0.5rem 0.625rem 0.625rem;}
table.new-table tbody tr:nth-child(even) {border-bottom: 0;background-color: #f1f1f1;}
table tbody th, table tbody td a.link-active {color: #00693C}
.flex-container {display: flex;}
.flex-container.space {justify-content: space-between;}
.flex-box {width: 50%; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center;}
.flex-box h1 {padding: 40px 0 30px 0;text-align: center;font-size:32px; line-height:1.2em; margin:0; }
.flex-box.flex-box-w-1 {width: 100%;}
.grey-box {background: #F3F1EF; min-height: 500px;}
.box-w-1 {width: 100%}
.new-button {background-color: #188848; border: 1px solid #188848; border-radius: 2px; padding: 20px 0;color: #fff; font-size: 14px; width: 100%; text-align: center;}
.new-button:focus {border-color: #1da557; background-color: #0e582e;}
.new-button:hover { border-color: #0e582e; background-color: #0e582e;}
.new-button.secondary {background: linear-gradient(0deg,#e1ddde,#f0efee); border: 1px solid #e1ddde; color:#136e42;}
.new-button.secondary:focus {border: 1px solid #e1ddde; background-color: #f2f2f2;}
.new-button.secondary:hover {border: 1px solid #e1ddde; background-color: #f2f2f2;}
.new-button:disabled {background-color: #18884846; border: 1px solid #18884844;}
a.new-button:hover {color: #fff}
.duration-200 {-webkit-transition-duration: .2s;transition-duration: .2s;}
.infobox {display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;padding:50px 0;margin: 0 20px;gap: 30px}
.infobox .background-image-register {background: url("../../theme/img/misc/Register.png") 40% 0% no-repeat; width: 100%; height: 300px;background-size: cover;}
.infobox .background-image-news {background: url("../../theme/img/misc/news.png") 40% 0% no-repeat; width: 100%; height: 300px;background-size: cover;}
.infobox-news {background-color: #fff; height: 568px; width:40%;min-width:300px;max-width:320px; /* margin: 0 0 26px 26px; */display: flex; flex-direction: column;}
.infobox-news .infobox-content {margin: 20px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.infobox-news .infobox-header {font-size: 24px; }
.infobox-news a {display: inline-block;}
.head-loader {width: 100%;}
.head-text.news-head { width: 400px; margin: 0 auto}
.head-text.news-head h1 {text-align: left;}
.news-box {width: 400px; margin: 0px auto;padding-bottom: 50px;}
.news-message-box { margin: 20px 0;}
.news-back-link {float:left;padding-top:10px;width: 400px;}
.news-back-link div { width: 400px;margin: 0px auto;}
.infobox-faq {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; flex-wrap: wrap;padding:50px 0;margin: 0 70px;}
.infobox-faq-item {}
.infobox-faq-item .description {width: 26.25rem;}
.infobox-faq-item .head-2 {font-size:24px;}
/* Misc styling */
#languages { width:120px; padding: 23px 50px ; border-left: 1px solid #F3F1EF; }
/* Login form and OTP */
#frmLogin { padding:15px 0 0; }
.form-row { overflow:hidden; padding:0 0px 15px; }
.form-row.last-row { padding-top:10px; }
.form-row label { display:block; }
.form-row input { height:auto; line-height:normal; padding:2px; width: 100%;}
.form-row input[type=checkbox] {width:unset; display:inline-block}
#tabLoginContainer { height:50px; display: flex;}
#tabLoginContainer .tabLogin { border-bottom:10px solid #AFAFAF; width: 50%; background-color: #F6F5F5; height:100%; cursor: pointer; display: flex; justify-content: center; align-items: center;text-align: center;}
#tabLoginContainer .tabLogin:hover { border-bottom:10px solid #AFAFAF; background-color: #F6F5F5; }
#tabLoginContainer .tabLogin.active { border-bottom:10px solid #188848; background-color: white; cursor: auto;}
#tabLoginContainer .tabLogin span { vertical-align: middle;display: inline-block;}
#stepContainer { height:50px; display: flex; justify-content: space-around; align-items: center;justify-content: space-between; margin: 0;}
#stepContainer .step {color:#fff;width: 31px;}
#stepContainer .step.active {color: #444444}
#stepContainer .step .circle {border: 4px solid #fff;border-radius: 22px; margin: 0px;background: #707070;display: block;text-align: center;vertical-align: middle;line-height: 22px;}
#stepContainer .step.active .circle {background: #188848;color:#fff}
#stepContainer .step .text {position: relative; top: -25px; left: 28px; text-align: center;color:#333; display: inline-block;width: 92px;}
.login-box {width: 400px;margin: auto;}
.login-message-box { margin: 20px 0;}
.login-message-box .error,.login-message-box .info {width: unset;color: #222;}
input.k-textbox {font-size: 16px;padding: 2px 0.5em;height: 2.75rem;line-height: 1.6em;}
input.k-textbox:focus {border: 2px solid #1da56c; box-shadow: 0 0 5px #cacaca;outline: none;}
.invalid input.k-textbox {padding-left:30px;}
.invalid input.k-textbox:focus { border: 3px solid #bc0404;}
.invalid input.k-textbox:hover { border: 3px solid #bc0404;}
.invalid input {border: 1px solid #bc0404; position:relative}
.invalid label::after {content: "\f101"; font-family: Ionicons; font-size: 16px; position: absolute; top: 2.7rem; transform: translateY(-50%); left: 1rem; color: #bc0404; z-index: 5; }
.invalid label {color: #bc0404; position: relative; }
.center-text {display: flex; align-items: center;}
.showPasswordDiv {display: flex;margin:0 0 0 0px; overflow:hidden; padding:20px 0 40px;}
.list-ellipsis {max-height: 185px; overflow: hidden;text-overflow: ellipsis;white-space: initial;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;/* all: initial; font-family:'Arial', Courier, monospace; font-size: 12px; color: #333; */}
.list-ellipsis * {display: contents; all: revert;}
.list-ellipsis li {border:unset;}
.list-ellipsis *:after {/* content: "\A";white-space:pre; */ }
#loadingInProgress {position:unset !important; float: right;
padding-right: 5px;
padding-top: 5px;
display: none;}
@media only screen and (max-width: 1024px) {
.flex-container {display: block;}
.flex-box {width: 100%;}
.flex-box.right-box { border: 2px solid #F3F1EF;}
.flex-box.right-box .head-text {max-height:100px}
.infobox-news {width:254px;}
.grey-box {min-height: unset;}
.head-loader {width: 400px; margin: 0 auto;}
.news-back-link div { width:100%;}
.news-back-link div { width: 400px;margin: 0px auto;}
}
@media only screen and (max-width: 768px) {
.footer {display: flex; flex-direction: column;align-items: flex-start;}
.left-footer {width: 500px; margin-bottom: 20px;}
.right-footer {width: 100%;}
ul.horizontal {text-align: left;}
.flex-container {display: block;}
.flex-box {width: 100%;display: block;}
.flex-box.right-box { border: 2px solid #F3F1EF;}
.flex-box.right-box .head-text {max-height:100px}
.infobox-news {margin: 0 0 26px 26px;}
.head-loader {width: 100%; margin: 0 auto;}
.head-text.news-head { margin: 0 10px;}
.news-box {width: 100%; margin: 0px 10px;}
.news-message-box { margin: 20px 0;}
.news-back-link {float:left;padding-top:10px}
.news-back-link div { width: 400px;;margin: 0px 10px;}
.infobox-faq {margin: 0 10px}
.infobox-faq-item .description {width: 100%;}
}
@media only screen and (max-width: 375px) {
.footer {display: flex; flex-direction: column;align-items: flex-start;}
.left-footer {width: unset; margin-bottom: 20px;}
.right-footer {width: unset;}
ul.horizontal {text-align: left;}
.flex-container {display: block;}
.flex-box {width: 100%;display: block;}
.flex-box.right-box { border: 2px solid #F3F1EF;}
.flex-box.right-box .head-text {max-height:100px}
.infobox {display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 50px 0;
align-content: center;}
.infobox-news {margin: 0 0 26px 0;}
.login-box {width: calc(100% - 40px); margin: 0 20px 0 20px;}
.frmContainer {width: 100%;}
.form-row input {width: 100%;}
.head-loader {width: 100%; margin: 0 auto;}
.head-text.news-head { margin: 0 10px;}
.news-box {width: 100%; margin: 0px 10px;}
.news-message-box { margin: 20px 0;}
.news-back-link {float:left;padding-top:10px;}
.news-back-link div { width: 400px;;margin: 0px 10px;}
.infobox-faq {margin: 0 10px}
.infobox-faq-item .description {width: 100%;}
}