/*****************************************************
 ** Basics */

th, td {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

form, fieldset, input, textarea, select {
    font-size: 100%;
}

input {
    margin: 0px;
}

td {
    vertical-align: top;
}

/*** Special settings for FPPS reports... */
input[type="checkbox"][name="NT_S_consolidate_CS_ASCG_CONSOLIDATE_CE"] {
    margin: 0 73px;

}


/*****************************************************
 ** Clearing floats */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

* html .clearfix {
    height: 1px;
}

.clear {
    clear: both;
}

/*****************************************************
 ** Lists */

ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 15px;
    list-style-type: square;
}

dl {
    margin: 0 0 15px 0;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin: 0 0 0 15px;
}

/*****************************************************
 ** Typography */

/* Headings */

h1 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

h2 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

p {
    margin: 0 0 15px 0;
}

/* Links */

a {
    color: #339;
}

strong {
    font-weight: bold;
}

/*****************************************************
** Forms */

fieldset {
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}

legend {
    display: none;
}

/*****************************************************
 ** globally usable classes */

/* date and time */

.titleDate {
    margin: -5px 0 15px 0;
    font-size: 11px;
}

.mutedText {
    font-style: italic;
    color: #aaa;
}

/*****************************************************
 ** Main layout */

/* Page layout */

#container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

/* Fuld bredde containers */

.full {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}


.noSubNav #subNav {
    display: none;
}

/*****************************************************
 ** Context navigation */

ul.contextNav {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

ul.contextNav li {
    display: inline;
    margin: 0 10px 0 0;
}



/*****************************************************
 ** Content area */

#content {
    float: right;
    width: 795px;
}

.noSubNav #content {
    width: 960px;
}

#double #content, #triple #content {
    width: 765px;
    padding: 19px 14px;
    border: 1px solid #ccc;
    background: #fcfcfc;
}

#double.noSubNav #content,
#triple.noSubNav #content {
    float: none;
    width: 930px;
}

/*****************************************************
 ** Article: primary content area */

/* double */

#double #article {
    width: 375px;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
}

#double.noSubNav #article {
    width: 460px;
}

/* triple */

#triple #article {
    width: 765px;
    padding: 0;
    border: 0;
    background: transparent;
}

#triple.noSubNav #article {
    width: 100%;
}

/* wide */

/*****************************************************
 ** Aside: secondary content area */

/* double */

#double #aside {
    width: 375px;
    padding: 0;
    border: 0;
}

#double #aside .section {
    border: 0;
    background: none;
    padding: 0;
}

#double.noSubNav #aside {
    width: 455px;
}

/* wide */

#wide #aside {
    width: 810px;
    margin-left: -20px;
}

#wide.noSubNav #aside {
    width: 980px;
    margin-left: -15px;
    float: left;
}

#wide #aside .section {
    float: left;
    display: inline;
    width: 235px;
    margin: 0 0 20px 15px;
}

#wide.noSubNav #aside .section {
    width: 290px;
    margin: 0 0 20px 15px;
}

/* triple */

#triple #aside {
    width: 780px;
    margin-left: -15px;
    position: relative;
}

#triple.noSubNav #aside {
    width: 980px;
    margin-left: -15px;
    float: left;
}

#triple #aside .section {
    float: left;
    display: inline;
    width: 245px;
    padding: 0;
    border: 0;
    background: none;
    margin: 0 0 20px 15px;
}

#triple.noSubNav #aside .section {
    width: 299px;
    margin: 0 0 20px 15px;
}

/*****************************************************
 ** Footer */

#footer {
    width: 960px;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    color: #666;
}

#footer address {
    font-style: normal;
}

/*****************************************************
** Log ind side
*/

#login #serviceNav {
    right: 0;
}

#login .nav {
    border-top: 0;
}

#login #content {
    border: 0;
    padding: 0;
    width: 795px;
}

#login #content {
    float: none;
    width: 960px;
}

#login #article {
    width: 946px;
    border: 1px solid #dadada;
    padding: 5px;
    margin-top: 24px;
}

/* Faner */
#login ul.tabs {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    position: absolute;
    margin-top: -1px;
}

/* "nulstiller" cmds p tag */
#login ul.tabs li p {
    float: left;
    margin: 0;
}

/* ikke-valgt fane */
#login ul.tabs li {
    float: left;
    margin-right: 4px;
    border-bottom: 1px solid #dadada;
}

#login ul.tabs li a {
    display: block;
    float: left;
    padding: 5px 10px 4px 20px;
    background: #f0f0f0;
    color: #666;
    font-weight: bold;
}

#login ul.tabs li span {
    display: block;
    float: left;
    background: #f0f0f0;
    width: 10px;
    height: 25px;
}

/* valgt fane */
#login ul.tabs li.selected {
    float: left;
    margin-right: 4px;
    border-bottom: 1px solid #e6e6e6;
}

#login ul.tabs li.selected a {
    background: #e6e6e6;
    color: #000;
}

#login ul.tabs li.selected span {
    background: #e6e6e6;
}

/* loginkassen */
#login #article .loginBox {
    padding-bottom: 10px;
    background: #fff;
}

#login #article .formBox {
    float: left;
    padding: 13px 10px 6px 20px;
    width: 580px;
}

#login.wideAside #article .formBox {
    width: 280px;
}

/* forskellige bredder på indhold i loginkassen */
#login #aside {
    width: auto;
    margin-top: 10px;
    width: 300px;
    padding: 0 10px;
}

#login.wideAside #aside {
    border-left: 1px solid #ddd;
    padding: 10px 10px 0 20px;
}

#login #aside .section {
    margin-top: 0px;
    background: none;
    width: 300px;
    margin-right: 10px;
    border: 0;
    padding-top: 0;
}

#login.wideAside #aside .section {
    margin-top: 0px;
    background: none;
    width: 600px;
    margin-right: 10px;
    border: 0;
    padding-top: 0;
}

/*****************************************************
** Portlet tables */

/* forms */

table.form {
    border-spacing:0;
    border-collapse:collapse;
}

.form label, .form input {
    padding-right: 5px;
}

.form tr td {
    padding-right: 10px;
}

table.form tr td.titel {
    padding-left: 0;
}

/* data lists */

.main td.tblLine img {
    display: none;
}

.main td.tblLine {
    height: 2px;
}

.main tr td {
    line-height: 19px;
}

.main tr.oddrowno, .main tr.evenrowno {
    background: #f9f9f9;
    padding: 0 7px;
}

.main tr.oddrowno td, .main tr.evenrowno td {
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
    padding: 0 7px;
}

.main tr.oddrowno img, .main tr.evenrowno img {
    vertical-align: middle;
}

.main tr td.tblColumnHd, .main tr td.tblColumnHd_small,
.main tr td.tblColumnHd a, .main tr td.tblColumnHd_small a,
.main thead th a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.main tr td.tblColumnHd img,
.main thead th img {
    vertical-align: middle;
}

.main tr td.tblColumnHd,
.main thead th {
    background: #eee;
    line-height: 21px;
    border-bottom: 1px solid #cecece;
    padding: 0 7px;
    font-weight: bold;
}

.SOuterTable {
    width: 100%;
}

.main table tr.combineRows td {
    border-bottom: none;
    padding-bottom: 0;
}

/*****************************************************
** Legacy style */

/* Legacy */
.overskrift,
.subtitle {
    font-weight: bold;
}

/* Links på tabeller */
.ftext, .ftext_small {
}

A.ftext:hover, A.ftext_small:hover {
}

/* Hjælp */
.table_boarder {
    border-color: #212c6b;
}

/* */
.dropdown, .textbox {
}

.dropdown_disabled, .textbox_disabled {
    background-color: #c0c0c0;
}

/* */
.underr, .underl, .underc {
    background-color: #ccc;
}

.underr {
    text-align: right;
}

.underc {
    text-align: center;
}

/* */
.eletterline,
.couriertext {
    font-size: 12px;
    font-family: 'Courier New';
}

.couriertext10px,
.couriertextsmall {
    font-size: 10px;
    font-family: 'Courier New';
}

/* */
.negnumber,
.classnegnumbers {
    color: red;
    white-space:nowrap;
}

.classposnumbers {
    color: green;
}

.classnulnumbers {
    color: blue;
}

.classrowcoloreven {
    background-color: #e6e6e6;
}

.classrowcolorodd {
}

/* */
.classerrormsg {
    color: red;
}

/* */
.tblTop {
    background-color: #369
}

.selectbox {
    width: 110px;
}

.selectboxbroad {
    width: 155px;
}

.paycardlabel {
    font-weight: bold;
    color: #767676;
}

.paycardlabelbill {
    font-size: 10px;
    color: #767676;
    font-family: "Courier New";
}

/*****************************************************
** FPPS rapporter
*/
#report table th {background-color:transparent; border:none;}
tr.S0-FirmName { font-size: 11pt; font-family: "Times New Roman"; font-weight: normal; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }
tr.S0-RepTitle { font-size: 14pt; font-family: "Times New Roman"; font-weight: normal; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }
tr.S0-PortName { font-size: 12pt; font-family: "Times New Roman"; font-weight: bold; font-style: italic; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }
tr.S0-Date { font-size: 10pt; font-family: "Times New Roman"; font-weight: normal; font-style: italic; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }
tr.S0-ColHeader { font-size: 8pt; font-family: "Times New Roman"; font-weight: bold; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }
tr.S0-SectHeader { font-size: 8pt; font-family: "Times New Roman"; font-weight: bold; font-style: normal; text-decoration: none; page-break-before: auto; page-break-after: avoid; }
tr.S0-Header { font-size: 10pt; font-family: "Times New Roman"; font-weight: bold; font-style: normal; text-decoration: none; page-break-before: auto; page-break-after: avoid; }
tr.S0-Detail { font-size: 8pt; font-family: "Times New Roman"; font-weight: normal; font-style: normal; text-decoration: none; page-break-before: auto; page-break-after: auto; }
tr.S0-GlueLine { font-size: 8pt; font-family: "Times New Roman"; font-weight: normal; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: auto; }
tr.S0-UnderLine { line-height: 0%; page-break-before: avoid; page-break-after: avoid; }
tr.S0-SectSubtotal { font-size: 8pt; font-family: "Times New Roman"; font-weight: normal; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: auto; }
tr.S0-GrandTotal { font-size: 8pt; font-family: "Times New Roman"; font-weight: bold; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: auto; }
tr.S0-Warning { font-size: 8pt; font-family: "Times New Roman"; font-weight: bold; font-style: italic; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }
tr.S0-Footnote { font-size: 8pt; font-family: "Times New Roman"; font-weight: normal; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }
tr.S0-Footer { font-size: 8pt; font-family: "Times New Roman"; font-weight: normal; font-style: normal; text-decoration: none; page-break-before: avoid; page-break-after: avoid; }


.basket span {
    position: relative;
    text-align: center;
    padding: 1px 10px 1px 10px;
    width: 24px;
    margin-left: 0px;
    height: 18px;
    color: #fff;
    font-weight: bold;
    background: url(../gfx/counterbadge.gif) no-repeat 2px 0px;
}

.basket a span {
    cursor: pointer;
}

/*****************************************************
** Login page
*/

#login.wideAside #article .formBox {
    width: 200px;
}

#login.wideAside #aside {
    width: 680px;
}

#login.wideAside #aside .section {
    margin-top: 0px;
    background: none;
    width: 680px;
    margin-right: 10px;
    border: 0;
    padding-top: 0;
}

#login #asideCenter {
    display: none;
}
#login.wideAside #asideCenter {
    float: left;
    width: 430px;
    display: block;
}
#login.wideAside #asideCenter .section {
    width: 430px;
}
#login.wideAside #asideRight {
    float: right;
    width: 220px;
}

#login.wideAside #asideRight .section{
    width: 220px;
}

/*****************************************************
** Bankadvisor */

.bankadvisorImage,
.bankadvisorImage img,
.bankadvisorImage input {
    width: 100%;
}

.bankadvisorImage {
    float: right;
    border: 1px solid #666;
}

.bankadvisorName {
    margin-bottom: 20px;
    line-height: 16px;
}

/*****************************************************
** Usermessage */

.usermessage {
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 20px;
    padding: 15px 15px 15px 50px;
}

.usermessage-approved {
    background: #dfd url(/package/pi/sdcbank/external/redtemplate/gfx/ok.png) no-repeat scroll 10px 10px;
    border: 1px solid #aca;
}

.usermessage-warning {
    background: #ff8 url(/package/pi/sdcbank/external/redtemplate/gfx/warning.png) no-repeat scroll 10px 10px;
    border: 1px solid #dda;
}

.usermessage-warning-small {
    background: url(/package/pi/sdcbank/external/redtemplate/gfx/warning-small.png) no-repeat scroll;
    padding-left: 25px;
    background-position: 2px 3px;
}

.usermessage-error {
    background: #e99 url(/package/pi/sdcbank/external/redtemplate/gfx/error.png) no-repeat scroll 10px 10px;
    border: 1px solid #a66;
}

.usermessage-info {
    background: rgb(255,255,203) url(/package/pi/sdcbank/external/redtemplate/gfx/warning.png) no-repeat scroll 10px 10px;
    border: 1px solid #dda;
}

.cardboard-sign {
    width:180px;
    padding:10px;
}

.usermessage-header {
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0px 15px auto;
}

/***********************************************************************************************/
/*** data table */

table.dataTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border-collapse: collapse;         }

table.dataTable th {
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    border-color: #ddd #aaa #aaa #ddd;
    background: #eee url(/package/pi/sdcbank/external/redtemplate/gfx/table_header_background.png) 0 0 repeat-x;
    vertical-align: middle;
    padding:0;
}
table.dataTable th div {
    margin-right:6px;
    height:100%;
}
table.dataTable th div span,
table.dataTable th div a {
    padding: 3px 0px 3px 6px;
    display:inline-block;
    width:100%;
    height:100%;
    text-align: left;
}

table.dataTable th.sortable {

}
table.dataTable th.sortable div {
    background: transparent url(/package/pi/sdcbank/external/redtemplate/gfx/table_sort_unsorted.png) center right no-repeat;
}

table.dataTable th.sortable.sortedAsc div {
    background: transparent url(/package/pi/sdcbank/external/redtemplate/gfx/table_sort_asc.png) center right no-repeat;
}

table.dataTable th.sortable.sortedDesc div {
    background: transparent url(/package/pi/sdcbank/external/redtemplate/gfx/table_sort_desc.png) center right no-repeat;

}

table td.right {
    text-align: right;
}

table td.center {
     text-align: center;
}

table td.italic {
    font-style: italic;
}

/***********************************************************************************************/

div.transIcon {
    overflow: hidden;
    position: relative;
    width: 24px;
    height: 18px;
    margin: auto;
}

div.transIcon img {
    position: relative;
}

img.transKTO { left: -24px; }
img.transKORT { left: -48px; }
img.transVISA { left: -72px; }
img.transFAST { left: -96px; }
img.transGIK { left: -120px; }
img.transEKORT { left: -144px; }
img.transBS { left: -168px; }
img.transCHK { left: -192px; }
img.transDBKT { left: -216px; }
img.transVSEL { left: -240px; }
img.transMC { left: -264px; }
img.transMCG { left: -264px; }
img.transLOEN { left: -288px; }
img.transUDL,
img.transUDLM { left: -312px; }
img.transSEBB { left: -336px; }
img.transSEBC { left: -360px; }
img.transFOND { left: -24px; }
img.transBSMS { left: -384px; }

.checkmark {
    cursor: pointer;
    padding: 0 3px 3px;
}

/*
* This style disables the iframe from autologoff. Otherwise it would destroy the layout in IE.
*/
#outputframe {display:none;}



/*
* this style disables the iframe from autologoff. otherwise it would destroy the layout in ie.
*/
#outputframe {display:none;}

/*
* This style is used in the date component
* BEGIN
*
*/


.dateFromToComponent .fromdate {
    float: left;
}

.periodDateComponent .periodrow{
    margin-top: 10px;
}

.periodDateComponent .periodText {
    float:left;

}

input.datecomponent {
    width:80px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    font-weight: bold;
    opacity: 1;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #CFCEC4;
    border: 1px solid #AAAAAA;
    color: #363636;
}

.ui-tabs-nav .tabs-selected {
    background: transparent;
    border: 1px solid #D3D3D3;
    color: #212121;
    font-weight: bold;
}

.ui-tabs-nav {
    background: transparent;
    border-bottom: 1px solid #D3D3D3;
    border-left: none;
    border-right: none;
    border-top: none;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0 3px 1px 0;
}

.ui-tabs {
    border: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em 0 0 0;
}

.ui-tabs .ui-tabs-nav {
    padding: 0 0 0 0;
}

.ui-widget {
    font: 12px Arial, Helvetica, Garuda, sans-serif;
}
/* Used in the CommunicationRoom.Inbox.Unread messages */
.unread {
    font-weight: bold;
}

/****************************************************************
* Accounactivities styling of periodetag
*********************************************/

.accountactivities_input_row {
    width: 555px;
    height: 25px;
    margin-top: 5px;
    display: inline-block
}

.accountactivities_input_row .label{
    line-height: 20px;
    float: left;
    width: 90px;
}

.accountactivities_input_row .input {
    float: left;
}

.accountactivities_input_row  .period {
    width: 100%;
}

.accountactivities_input_row .periodDateComponent {
    height: 25px;
}

.accountactivities_input_row  .periodrow {
    float: left;
    margin-top: 0px;
}

.accountactivities_input_row  .selectedPeriod {
    float: left;
}

.accountactivities_input_row  .periodText {
    float: left;
    line-height: 20px;
    width: 90px;
}

.accountactivities_input_row  .dateFromTo {
    display:none;
}

.accountactivities_input_row .dateFromToComponent {
    float: left;
    margin-top: 0px;
}

.accountactivities_input_row .fromdate {
    float: left;
}

.accountactivities_input_row .todate {
    float: left;
}

.accountactivities_input_row .dateComponent {
    float: left;
}

.accountactivities_input_row .datecomponent_label {
    float: left;
    line-height: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.accountactivities_input_row .datecomponent.textbox {
    float: left;
    width: 70px;
}

.nofloat {
    clear: both;
}

.firstFormColumn {
    float:left;
    width: 130px;
}

/****************************************************************
* Accounactivities styling of periodetag END
*********************************************/

/****************************************************************
* Styling of dynamic articles for pusmessageservice BEGIN
*********************************************/
.afviste_betalinger_DK_bottom{
    border: 1px solid #CCCCCC;
    margin-top: 20px;
    padding-top: 14px;

}
.kontobevaegelser_DK_top  {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
}
.e-kort_DK_bottom {
    border: 1px solid #CCCCCC;
    margin-top: 20px;
    padding-top: 14px;
}

.afviste_betalinger_FO_bottom {
    border: 1px solid #CCCCCC;
    margin-top: 20px;
    padding-top: 14px;

}
.kontobevaegelser_FO_top  {
    border: 1px solid #CCCCCC;margin-bottom: 20px;
}

/****************************************************************
* Styling of dynamic articles for pusmessageservice END
*********************************************/

/****************************************************************
    STYLE TIL UI-SDC-INLINEEDIT (WIDGET)
    pt. implementeret i "Kontooversigt", "Kontoindstillinger" og "Depotoversigt" og "BS-aftaler"
*********************************************/

.sdc-inlineedit{
    padding: 2px 36px 2px 2px;
}

.sdc-inlineedit.sdc-inlineedit-edit{
    padding: 2px 0px 2px 2px;
}

.sdc-inlineedit.sdc-inlineedit-hover {
    background: #ddd url('/package/pi/sdcbank/external/image/pencil.png') top right no-repeat;
    cursor: pointer;
}

.sdc-inlineedit.sdc-inlineedit-edit.sdc-inlineedit-hover {
    background-image: none;
    background-color: inherit;
}

.sdc-inlineedit .sdc-inlineedit-okbutton, .sdc-button-small {
    background-image: url('/package/pi/sdcbank/external/image/button_small_left.gif');
    padding-right: 3px;
    background-repeat: no-repeat;
    background-position: top left;
    display: inline-block;
    vertical-align: top;
    height: 19px;
}

.sdc-inlineedit .sdc-inlineedit-okbutton span, .sdc-button-small .sdc-button-small-inner {
    background-image: url('/package/pi/sdcbank/external/image/button_small_right.gif');
    margin-left: 3px;
    padding-left: 1px;
    padding-right: 4px;
    background-repeat: no-repeat;
    background-position: top right;
    display: inline-block;
    line-height: 18px;
    height: 19px;
    vertical-align: middle;
    font-size: 11px;
}

/* Input felt i "Kontooversigt" */
#accountlist .sdc-inlineedit-input {
    width: 150px;
}

/* Input felt i "Kontoindstillinger" */
#accountpropertiesTable .sdc-inlineedit-input {
    width: 120px;
}


/****************************************************************
    Style for TABLETS
    #overlay, #closebox, #closebox-img also used by the DIALOG
*********************************************/

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6100;
    display: none;
    background: #000;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

#closebox {
    position: fixed !important;
    position: absolute; /*ie6 and above*/
    width: 29px;
    height: 29px;
    cursor: pointer;
    z-index: 6103;
    display: none;
}

#closebox-img {
    border: 0
}

.helpbox {
    position: fixed !important;
    position: absolute; /*ie6 and above*/
    padding: 7px;
    outline: none;
    overflow: auto;
    z-index: 6102;
    border: 13px solid white;
    display: none;
    width: 550px;
    min-height: 100px;
    max-height: 500px;
    background: #FFF;
    text-align: left;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* IE6, IE7, IE8 */
.box-ie .box-bg {
    background: transparent !important;
}
/*********************************************/*

                                               #trade_timeouttext {
                                                   background-color: rgb(255, 255, 170);
                                                   border: 2px solid rgb(204, 204, 204);
                                                   padding: 10px;
                                               }

.flag a {
    text-decoration: none;
}

.flagtext {
    position: relative;
    bottom: 2px;
    color: #5b5b5b;
}

#addBookmarkScreen {
    z-index:9990;
    margin-bottom: 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 15px;
    background-image: -moz-linear-gradient(
            top, #fff, #ddd
    );
    background-image: -webkit-gradient(
            linear, left top, left bottom,
            color-stop(0, #fff),
            color-stop(1, #ddd)
    );
    background-image: linear-gradient(
            top, #fff, #ddd
    );
    -moz-box-shadow: 5px 5px 5px #ddd;
    -webkit-box-shadow: 5px 5px 5px #ddd;
    -o-box-shadow: 5px 5px 5px #ddd;
    box-shadow: 5px 5px 5px #ddd;
    display: none;
    width: 268px;
    position: absolute;
}

.addBookmarkIpad {
    top: 10px;
    left: 10px;
}

.addBookmarkAndroid {
    top: 10px;
    right: 10px;
}

.addIPadShare {
    display:inline-block;
    width:18px;
    height:15px;
    background-repeat:no-repeat;
    background-image: url('/package/pi/sdcbank/external/image/ipad_share.png');
    background-size:18px 15px;
    text-indent:-9999em;
    overflow:hidden;
}

.addAndroidShare {
    display:inline-block;
    width:18px;
    height:15px;
    background-repeat:no-repeat;
    background-image: url('/package/pi/sdcbank/external/image/android_bookmark.png');
    background-size:18px 15px;
    text-indent:-9999em;
    overflow:hidden;
}
/****************************************************************
    Style for TABLETS END
*********************************************/

/****************************************************************
    Style for DIALOG
*********************************************/
.dialogbox {
    position: fixed !important;
    position: absolute; /*ie6 and above*/
    padding: 7px;
    outline: none;
    overflow: auto;
    z-index: 6102;
    border: 1px solid #333;
    display: none;
    width: 555px;
    min-height: 100px;
    max-height: 600px;
    background: #FFF;
    text-align: left;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.ul-dialog-list {
    list-style-type: none;
    margin: 15px 30px 30px 30px;
    padding: 0 0 0 0;
}

.ul-dialog-list li {
    padding: 10px 0px 10px 0px;
}

.dialogHeadline {
    display: block !important;
    min-height: 28px;
}

.dialogHeadline2 {
    font-size: 14px;
    min-height: 24px;
    font-weight: bold;
}

.dialogHeadInfo {
    /*display: none;*/
}

span.dialogHeadInfoSpan {
    display: block;
    float: left;
    min-width: 100px;
}

.dialogListItem {
    border-top: 1px solid #c4c4c4;
    background: url('/package/pi/sdcbank/external/image/dialog_navigate_right.jpg') no-repeat center right;
    font-size: 14px;
    cursor: pointer;
}

.dialogListItemLast {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    background: url('/package/pi/sdcbank/external/image/dialog_navigate_right.jpg') no-repeat center right;
    font-size: 14px;
    cursor: pointer;
}

.dialogInfoItem {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px;
}

.dialogInfoItemAsLink {
    margin-top: 20px;
    font-size: 12px;
    line-height: 24px;
    cursor: pointer;
}

.dialogInfoImage {
    background: url('/package/pi/sdcbank/external/image/dialog_info_icon.jpg') no-repeat center right;
    padding-right: 20px;
}

.dialogbox ul li a {
    text-decoration: none;
}

#dbutton {
    display: block;
    height: 100%;
    margin: 0 auto;
    width: 100px;
}
/********************************************
    Style for DIALOG END
*********************************************/

table td.nowrap {
    white-space:nowrap;
}

/********************************************
            Style for TRAFFIC LIGHT START
*********************************************/
#light {
    background-color: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, .8);
    overflow: hidden;
    padding: 0 0 4px;
    width: 24px;
    margin: 10px;
}

#light span {
    border-radius: 50px;
    display: block;
    height: 13px;
    margin: 4px auto 0;
    opacity: .4;
    width: 13px;
}

/*! Light colours */
#red {
    background-color: red;
}

#orange {
    background-color: #fff900;
}

#green {
    background-color: #59ff00;
}

/*! Active states */
#light span.active {
    opacity: 1;
}

#light #red.active {
    box-shadow: 0 0 10px red;
}

#light #orange.active {
    box-shadow: 0 0 10px #fff900;
}

#light #green.active {
    box-shadow: 0 0 10px #59ff00;
}

#lightDeprecated {
    margin: 10px;
    background-repeat: no-repeat;
    width: 26px; /*or your image's width*/
    height: 60px; /*or your image's height*/
    padding: 0;
}

#lightDeprecated.ok {
    background-image: url("/package/sdc/external/image/ok.png");
}

#lightDeprecated.warn {
    background-image: url("/package/sdc/external/image/warn.png");
}

#lightDeprecated.error {
    background-image: url("/package/sdc/external/image/error.png");
}

/********************************************
    Style for TRAFFIC LIGHT END
*********************************************/

/********************************************
            Style for NEMID JS START
*********************************************/
#nemid_login_article1 {
    position: absolute;
    left:220px;top:70px;
    width: 304px;
    height: 244px;
    background-color: white;
    overflow: hidden;
    padding: 4px;
}

#nemid_login_article2 {
    position: absolute;
    left:10px;top:330px;
    width: 514px;
    height: 180px;
    background-color: white;
    padding: 4px;
}
#nemid_login_article3 {
    position: absolute;
    left: 220px;
    top: 330px;
    width: 304px;
    height: 180px;
    z-index: -100;
    padding: 4px;
    overflow: hidden;
    background-color: white;
}

#nemid_login_error{
    position:absolute;left:10px;top:330px;width:500px;height:190px;z-index:0;
}

#nemid_login_top {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 540px;
    height: 30px;
    z-index: -1;
    background-color: #dadada;
}

#nemid_container #nemid_login_top h1 {
    margin-top: 5px;
    margin-left: 5px;
    color: #4d4d4d;
}

div#nemid_container {
    position: absolute !important;
    width: 550px; min-height: 530px;
}
div#closebox {
    position: absolute !important;
}
span#nemid_actions ul li a {
    text-decoration: underline;
}

#nemid_actions{
    position:absolute;left:10px;top:40px;width:540px;height:20px;z-index:-1;
}

#nemid_actionbuttons{
    display: inline-block;
    padding-left: 2px;
}

#nemid_actionbuttons li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 10px;
    float: left;
}

#nemid_actions_small{
    position:relative;
    width:200px;height:40px;
}

#nemid_actions_small ul{
    width: 200px;
}

#nemid_actions_small_menu{
    position:relative; display:block;
    left: 175px; top: -28px;
    width:200px;height:0px;
}

#nemid_actions_small #nemid_actionbuttons li:nth-child(odd){
    float:right;
}


.shareOverview .ms-AdvancedTable td+td+td+td+td+td+td+td+td+td{display: none }
.shareOverview .ms-AdvancedTable th+th+th+th+th+th+th+th+th+th{display: none }
.fundOverview .ms-AdvancedTable td+td+td+td+td+td+td+td+td+td+td{display: none }
.fundOverview .ms-AdvancedTable th+th+th+th+th+th+th+th+th+th+th{display: none }
.bondOverview .ms-AdvancedTable td+td+td+td+td+td+td+td+td+td+td{display: none }
.bondOverview .ms-AdvancedTable th+th+th+th+th+th+th+th+th+th+th{display: none }

/********************************************  #shareOverview #shareOverview
            Style for NEMID JS END
*********************************************/

/* STYLES FOR TRANSACTION DETAILS (detailed specification of OPPDRAG and EDIFACT) */
.detailed-spec-container {
    float: left;
}
.detailed-spec-title {
    font-weight: bold;
    margin-bottom: 10px;
}
.detailed-spec-table {
    display: table;
}
.detailed-spec-row {
    display: table-row;
}
.detailed-spec-cell {
    display: table-cell;
    padding-right: 10px;
    border: 0;
}