/*	
   nordea.css		v2
	Author:			Richard Harris, BBS
	Owner:		© Copyright BBS
	Last revisions: February 2008
*/

/* *** BASIC *** */

html, body, div, form {margin: 0; padding: 0px;}
body {background-color: #d9d5be; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
code, kbd, tt, samp, pre {font-size: 100%; font-family: "Courier New", Courier, "Lucida Console", monospace;}
big, div.big {font-size: 117%; line-height: 130%}
small, sup, sub, div.small {font-size: 83%; line-height: 120%}
.cd a {color: #005284; text-decoration: underline;}
.cd a:visited {color: #660033;}
.b a {color: #000; text-decoration: none;}
p {font-size: 75%; margin: 0 0 14px; clear: both;}
.cd td p { font-size: 1em }
table {clear: both; position: relative;}
/* Brand Blue */
hr, hr.hr1 {border: none; color: #779abc; background-color: #779abc; margin: 8px 0; padding: 0; height: 1px;}
/* Dust Green */
hr.hr2 {color: #968f69; background-color: #968f69;}
/* Cool gray */
hr.hr3 {background-color: #999; color: #999;}
/* Error green */
hr.hr4, .errorbox_info hr {background-color: #a9af00; color: #a9af00; margin: 0}
hr.smallgap {background-color: #fff; color: #fff; margin: 0 !important;}

h1 {font-weight: bold; font-size: 106%; margin: 0 0 20px;}
h2 {font-weight: bold; font-size: 90%; margin: 0 0 10px;}
h3 {font-weight: bold; font-size: 81%; margin: 0;}
h4, h5, h6 {font-weight: bold; font-size: 75%; margin: 0;}
a img {border: 0;}
img {margin:0 !important; vertical-align: middle;}
img.image, .image img { width: 100% }
input { vertical-align: middle }
iframe 	{width: 100%;}
strong {font-weight: bold;}
strong.break { float:left; clear: both; padding: 4px 0 }
br { clear: both !important }

/* *** GRID *** */

table#container {width: 98%; margin: 0 auto; padding: 0; border: none;}
td.a {width: 100%; background-color: #005284; vertical-align: top;}
td.b, td.fb {background-color: #fff; width: 19%; line-height: 100%; vertical-align: top; padding-left: 11px;}
td.cd, td.fcd {background-color: #fff; width: 79%; line-height: 125%; vertical-align: top; padding-right: 15px; padding-left: 4px;}
td.b, td.cd {padding-bottom: 35px;}
td.m {width: 2%; font-size: 1%; text-align: center; background: #fff; background-image: none;}
td.m_lt {width: 2%; font-size: 1%; text-align: center; background: url(i/bLine.gif) #fff 50% 0% repeat-y scroll;}
td.m_lt div, td.m div {width: 1px; height: 380px;} /* this div ensures a minimum page-height of 500px */
td.m_login {width: 2%; font-size: 1%; text-align: center; background: url(i/none.gif) #fff 50% 0% repeat-y scroll;} /* this is for no dividing line */

div.cd-wide {width: 100%; float: left; clear: both; position:relative}
p.tiny {font-size: 10%;}

div.c {width: 68%; float: left; position: relative;}
div.c div.c {width: 100%; float: none;}
div.m {width: 3%; float: left; font-size: 1%;}
div.d {width: 29%; float: left; position: relative;}
div.d div.d {width: 100%;}
div.search {width: 67.7%;}
#header {width: 100%; text-align: left;}
#logo {width: 120px; height: 40px; background: transparent url(i/nordea_logo_inv_85x18.gif) 5px top no-repeat !important;}
#logo a img { display: none; }
#top {background: #005284 url(i/a_top_curves.gif) 34% top no-repeat;}
#title {background: transparent url(i/nettbank.gif) left 9px no-repeat; width: 200px; height: 30px;}
#title h1 { display: none; }

#mainNavigation {background: #e4e3e3 url(i/tab_bg.gif) bottom repeat-x; height: 30px; padding: 4px 0 0;_padding-top:3px}
#mainNavigation-out > #mainNavigation {height: 50%;}
#mainNavigation:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#tabs {font: 100% Arial, Helvetica, Verdana, Sans-serif; margin: 0 0 -20px 0; line-height: normal; padding: 5px 0 0 10px; position: relative;}
#padding {width: 100%; height: 15px; background: #fff;}
#top img {margin: 0;} 
#top-out {width: 100%;}
#logo-out {width: 22%;_width:21.5%; float: left;}
#title-out {width: 53%; float: left;}
#mainNavigation-out {width: 100%; clear: both;}
#toolbar-out {float: right; width:23.5em; overflow: visible; white-space: nowrap; padding-top: 1px;}
#tabs-out {float: left; width:39em;}

/* *** A AREA NAVIGATION *** */

.home img {padding: 0 2px 0 0; vertical-align: baseline;}
#tabs ul {margin: 0; padding: 0; list-style: none;}
#tabs li {float: left; background: url(i/tab_l.gif) no-repeat left top; margin: 0; padding: 0 0 0 9px; list-style-type: none;}
#tabs a {float: none; display: block; background: url(i/tab_r.gif) no-repeat right top; padding: 8px 12px 4px 2px; text-decoration: none; color: #000; white-space: nowrap;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#tabs a {float: none;}
/* End IE5-Mac hack */
#tabs a:hover {color: #000; text-decoration: underline;}
#tabs #currentSection {background-image: url(i/tab_l_on.gif); border-width: 0; font-size: 105%; font-weight: bold;}
#tabs #currentSection a {background-image: url(i/tab_r_on.gif); color:#000; padding-bottom: 4px;}
@media all and (min-width: 0px){#tabs #currentSection a {padding-bottom: 5px;}} /*for opera */
#tabs img {border: 0; margin: 0 3px 0 0;}
#tabs .home img {margin-bottom: -2px; margin-left: -3px !important; margin-right: 5px !important}

/* *** B AREA NAVIGATION *** */

ol.sublevel {margin: 0; padding: 0; list-style: none;}
ol.sublevel * {background-repeat: no-repeat !important;} /* this and all the other redundant instances of this are for Safari 1.03 */
ol.sublevel li {margin: 0; padding: 0 0 4px; list-style: none;}
ol.sublevel a {padding: 2px 4px; margin: 0px; display: block; color: #000; font-size: 12px; text-decoration: none; border: 1px solid #fff; background-color: #fff;}
ol.sublevel a:hover {border: 1px solid #779abc; background-color: #e5eaef;}
.cascadeArrow	{background: #fff url(i/arrow.gif) right top no-repeat !important; text-decoration: none !important; padding-right: 14px !important;} /* this class does not work in NS 7.01 */
.cascadeArrow:hover	{background: #e5eaef url(i/arrowover.gif) right top no-repeat !important;}
ol.sublevel .mother {color: #005284 !important; font-weight: bold !important;}
ol.sublevel .currentpage {color: #c60 !important; font-weight: bold !important;}
ol.sublevel ul {border-left: 1px solid #ccc; margin: 0 0 4px 10px; padding: 0; list-style: none;}
ol.sublevel ul li {padding-left: 6px;}


/* *** SEARCH *** */

#search input {text-align: left; margin: 0 10px 0 0; width: 8.3em; font-size: 0.9em;}
@media all and (min-width: 0px){#search input {margin: 0 5px 2px 0;}} /*for opera */
#search button {margin: 0 !important; float: none;}


/* *** TOOL BAR *** */

#toolbar {text-align: right; padding: 5px 10px 0 0;_padding-top:6px; margin: 0; font-size: 75%; height: 24px; float: right;}
#toolbar span {margin: 0; padding: 0; border-right: 1px solid #005284; float: left; clear:none; margin-right: 6px}
#toolbar a {font-size: 90%; white-space: nowrap; color: #000; text-decoration: underline; padding: 0px 7px 3px 3px; vertical-align: middle;}
#toolbar a:hover {text-decoration: none;}
#toolbar .nodivider {border: 0; padding: 0 !important; margin: 0 !important;}

/* TOOLBAR ICONS */
#toolbar .help {padding-left:10px; background: transparent url(i/icon_help.gif) left no-repeat;}
#toolbar .contact {padding-left:15px !important; background: transparent url(i/icon_contact.gif) left 1px no-repeat;}
#toolbar .e-mail {padding-left:15px !important; background: transparent url(i/icon_mail.gif) left 1px no-repeat;}
#toolbar .print {padding-left:16px !important; background: transparent url(i/icon_print.gif) left 1px no-repeat;}
/* LOGOUT BUTTON */
#toolbar span.logonButton {border: none; background:url(i/bg_button_logon.gif) top right no-repeat; padding:0 6px 0 0; vertical-align: middle; margin:-3px 0 0 3px}
#toolbar span.logonButton a {text-decoration: none; background: url(i/bg_button_logon.gif) top left no-repeat; height: 21px; padding: 3px 8px 5px 35px; display: block;}

/* *** FOOTER *** */

td.fm {background-color: #fff; text-align: center; padding: 0 0 10px;}
td.fb {font-size: 75%; text-align: right; padding: 8px 0 10px 15px;}
td.fcd {font-size: 75%; color: #999; padding: 6px 15px 10px 0;}
td.fm a img {margin: 0; padding: 8px 0 0;}
.fb a:link, .fb a:visited, .fb a:active, .fb a:hover, .fcd a:link, .fcd a:visited, .fcd a:active, .fcd a:hover {color: #005284; text-decoration: underline;}

/* *** GENERAL CLASSES *** */

.rightalign {text-align: right !important}
.floatright {float: right;}
.fullwidth {width: 100%;}
.nodisplay, .hide {display: none;}
.mandatory {color: #c60; font-weight: bold;}

/* Page numbers */
.paging {text-align: center; color: #999; float: left; clear:both; width: 100%; font-weight: normal; padding: 2px 0}
h3.paging {  }
.paging a {padding:0 1px !important}
.paging strong {color: #cc6600;padding:0 1px !important}

/* Icons */
.icon { text-align:center !important; cursor:pointer }
th.icon, td.icon { cursor:auto }
.icon2 { border: 0; background: none; }
.icons { float: left; clear: both; white-space: nowrap; margin: 10px 20px 0 0; }
td.icons { float: none; clear: none; margin: 0; text-align: center; }
.buttonGroup .icons { margin: 0 }
.icons img { margin-right: 5px }
img.icon,
input.icon { vertical-align: sub; _vertical-align:middle;*vertical-align:middle; margin: 2px; border: 1px solid #779abc; padding: 2px; position: relative; top: 2px; background-color: #e3e8ed}
a:hover img.icon { background-color: #ccd8de }
th img.icon { padding:1px; background: none; border: none; }
.legend span.icon { position: absolute; right:10px; top:-0.6em; z-index: 1000 }
.legend span.icon a { border:1px solid #779abc; padding:0 1px 2px 0;_padding: 1px 1px 2px;*padding: 1px 1px 2px 0; background: #e5eaef; }
.legend span.icon a:hover { background: #ccd8de; }

.nowrap {white-space: nowrap !important;}
a.print {padding-left: 20px; background: url(i/icon_print.gif) top left no-repeat;}
a.info {padding-left: 20px; background: url(i/i_focus_Info.gif) left no-repeat;}
a.excel {margin-left: 0 !important; padding: 2px 22px 2px 0; background: url(../gfx/icon_excel.gif) 99% 60% no-repeat;}
a.word {margin-left: 0 !important; padding: 2px 22px 2px 0; background: url(i/icon_word.gif) 99% 60% no-repeat;}
a.ppt {margin-left: 0 !important; padding: 2px 22px 2px 0; background: url(i/icon_powerpoint.gif) 99% 60% no-repeat;}
a.pdf {margin-left: 0 !important; padding: 2px 22px 2px 0; background: url(i/icon_pdf.gif) 99% 60% no-repeat;}
/* Icon after http:// links */
a.popupSmall, a.popupMedium, a.popupLarge, a.newwindow
 {margin-left: 0 !important; padding-right: 20px; background: url(i/icon_popup.gif) top right no-repeat;}
img.newwindow {padding: 0 0 0 4px; border: 0px;}


/** Informing The User (error messages) **/
.errorbox_incorrect, .errorbox_info, .errorbox_question, .errorbox_system, .helpbox
{color: #000000; border: 1px solid #a9af00; margin: 0 0 20px; min-height: 49px;_height:49px; clear: both;}
.errorbox_incorrect p, .errorbox_info p, .errorbox_question p, .errorbox_system p, .helpbox p
{margin: 6px 9px 6px 50px;}
.errorbox_info h3 { margin: 6px 9px 1px 50px; padding:0 }
.errorbox_info h4 { margin: 6px 9px 0 50px; padding:0;_margin-top:0 }
.errorbox_info ul { margin: 0 10px 6px 65px }
.errorbox_incorrect {background: #eff1cc url(i/i_Exclaim.gif) 9px 7px no-repeat;}
.errorbox_info, .helpbox {background: #eff1cc url(i/i_Info.gif) 9px 7px no-repeat;}
.errorbox_system {background: #eff1cc url(i/i_SystemFailure.gif) 9px 7px no-repeat;}

.errorfield input {background-color: #eff1cc; border: 1px solid #a9af00;}
.errorfield {background-repeat: no-repeat; min-height: 14px; width: 14px;}


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

fieldset { float: left; clear: both; width: 100%; border: 1px solid #779abc; }
legend { font-weight: bolder; color: #000;font-size: 85% }
legend span.icon { float: right; position: absolute; right: 0;_right:6px; top:-25px; _top: 10px; z-index: 3000; }
fieldset div.row { margin: 8px 0 0; float: left; clear: both; width: 100%; font-size: 80% }
select, input, textarea, option {font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;}
select, .select { margin: 0; padding: 0; width: 18em; border: 1px solid #779abc; background: #fff url(i/bg_textField.gif) no-repeat; color: #000;}
button[disabled], .disabled {background-color: #e4e3e3; border-color: #999}
input.readonly {border: 0;}
.label { padding: 4px 0 2px; }/*
fieldset div.row label { float: left; clear: none; width: 33%; text-align: right; padding-right:6px }*/
input[type=text] { width: 17.4em; }/* doesn't work in ie, so we define classes, etc below */
input.textField { width: 17.4em; border: 1px solid #779abc; background: #fff url(i/bg_textField.gif) no-repeat; padding: 2px; }
span.textField { position: relative; height: 2em; }/*
fieldset div.row span.textField { float: left; clear: none; width: 66%; height: auto; margin-bottom:6px }*/
span.textField input { width: 17.4em; border: 1px solid #779abc; background: #fff url(i/bg_textField.gif) no-repeat; padding: 2px; vertical-align: middle }
textarea { width: 17em; border: 1px solid #779abc; background: #fff url(i/bg_textField.gif) no-repeat; padding: 2px; }/*
fieldset div.row span.textField select { float: left; clear: both }*/

/* BUTTONS */
.buttonGroup,
.buttonGroup2 { float: left; clear: both; margin: 4px 0 20px; width: 100%; text-align: center; }

span.button, span.button1, span.button2, span.button3 { display:inline; padding:0; font-family: Arial, Helvetica, sans-serif; margin: 2px; float:left; }
.buttonGroup span.button, .buttonGroup span.button1 { margin:10px 0 0 14px; float:right; }
.buttonGroup span.button2, .buttonGroup span.button3 { margin:14px 0 0 14px;_margin-top:15px; float:right; font-size: 90% }
.buttonGroup2 span.button2, .buttonGroup2 span.button3 { margin:14px 14px 0 0;_margin-top:15px; float:left; font-size: 90% }
span.button, span.button1, span.button2 { border-top: 1px solid #a2bccc; border-left: 1px solid #a2bccc; border-right: 1px solid #779abc; border-bottom: 1px solid #779abc; }
span.button3 { border: 1px solid #979797; }
span.button input, span.button1 input, span.button2 input, span.button3 input,
span.button a, span.button1 a, span.button2 a, span.button3 a { float:left; margin:0; }
.inline { clear: none !important; display: inline !important; margin-top:0 !important; float: none !important; vertical-align: middle }

.buttonGroup3 { float:right; clear: both; margin:3.5em 0 0; }
.buttonGroup3 span.button3 { float:right !important; margin:0 !important; font-size: 80%; width:11.5em;_width:10.3em;*width:12.5em; white-space:nowrap }
.buttonGroup3 span.button3 a { float:right !important }

/* MAIN BUTTON */
span.button input, span.button a, span.button1 input, span.button1 a { border-top:2px double #fff; border-left:2px double #fff; border-right: 2px double #ccc; border-bottom: 2px double #ccc; background: #e5eaef url(i/th_bg.gif) bottom repeat-x; padding: 0.2em 0.8em 0.2em 0.9em;_padding:0.2em 0.2em 0.2em 0.3em; font-weight:bold; font-size: 90%; cursor:pointer; color: #000; text-decoration: none; vertical-align: middle; }
span.button a, span.button1 a { padding: 0.3em 0.9em 0.3em 1em;_padding:0.2em 0.9em 0.2em 1em; }
span.button input:hover, span.button a:hover, span.button1 input:hover, span.button1 a:hover { background-position: top; }

/* SECONDARY BUTTONS */
span.button2 input, span.button3 input, span.button2 a, span.button3 a { border-top:1px solid #fff; border-left:1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #e5eaef; padding:0.1em 0.3em;_padding: 0; font-size:80%; cursor:pointer; color: #000 !important; text-decoration: none; vertical-align: middle; }
span.button2 a, span.button3 a { padding:0.1em 0.4em;_padding: 0 6px 0 7px; font-size:80%; }
td span.button2 a, td span.button3 a { font-size:90%; }
.buttonGroup span.button2 a, .buttonGroup span.button3 a { padding:0 6px; font-size:80%; }
span.button2 input:hover, span.button2 a:hover { background-color: #ccd8de; }

span.button3 input, span.button3 a { background-color: #e2e1e1; }
span.button3 input:hover, span.button3 a:hover { background-color: #ccc; }

/* Graphic buttons */
span.excel, span.expand, span.collapse, span.printVersion { float: left !important; margin-left:0 !important; margin-right: 1em !important;}
span.excel a {background: #e2e1e1 url(i/icon_excel.gif) 5px 50% no-repeat; padding-left: 22px !important}
span.printVersion a {background: #e2e1e1 url(i/icon_print.gif) 5px 50% no-repeat; padding-left: 26px !important}
span.expand a, span.collapse a {background: #e2e1e1 url(i/icon_add.gif) 4px 50% no-repeat; padding-left:18px !important}
span.collapse a {background-image: url(i/icon_minus.gif)}

/* *** TABLES *** */
caption { display: table-caption;_display:block;*display:block; background-color: #ccd8de; padding: 2px 9px 1px; font-weight: bolder; text-align: left; font-size: 85%; position: relative; }
caption img.icon,
caption img.icon2 { float: right; padding: 2px 1px; position: relative; top: 2px; cursor: pointer }
caption img.icon2 { top: 3px; }
caption .headline { float: left; font-size: 90% }

h3.legend { position: relative; z-index: 999; margin:0; top:0em; }
h3.legend span.title { background: #fff; color: #000; float:left; padding: 0 3px; position: absolute; top:-0.8em; left: 8px; white-space: nowrap }

td.toprow, tr.toprow td { padding-top:5px }
td.bottomrow, tr.bottomrow td { padding-bottom:5px }

/* Form tables */
.form table { position: relative; border: 1px solid #779abc; }
.form caption { display: none }
.form td { padding:2px 4px }
.form td.toprow, .form tr.toprow td { padding-top:1.5em }
.form td.bottomrow, .form tr.bottomrow td { padding-bottom:1em }

.tborder .form .toprow td { padding-top:8px }

form table td, table.padded td {padding: 4px;}
td.cd tr {vertical-align: top; font-size: 75%;}
td.cd tr tr {vertical-align: top; height: 20px; font-size: 100%;}
td.cd th {font-weight: bold; text-align: left; padding: 2px 4px;}
th a img {padding: 4px 3px 0;}
div.small th a img {padding: 1px 3px 0;}
th a:link, th a:visited, th a:active {text-decoration: none; color: #000;}
th a:hover {text-decoration: underline;}
.first {padding-left: 9px !important;}
.last {padding-right: 9px !important;}

table.sortableLined tr.topFieldHeader td,
.topFieldHeader td { border:1px solid #779abc; border-width:0 0 1px !important; padding:1.5em 9px 1em !important }
.topFieldHeader label.label,
.topFieldHeader select.select { float:left; clear: none; padding:0 6px 0 0}

/* Lined tables */
.tlines { clear:both }
.tlines table { border: 1px solid #779abc; *margin: 18px 0;_margin:0;*margin:0; position: relative }
.tlines caption { background-color: #fff; border: 1px solid #779abc; border-width: 1px 1px 0; height: 18px; color: #fff; overflow: hidden; font-size: 10%; padding:0; }
.tlines th { background-color: #e5eaef }
.tlines td { border-top: 1px solid #e2e1e1; background-color: #fff; padding: 2px 5px }
.extraPadding,
.tlines td.extraPadding,
.tlines th.extraPadding { padding-left: 9px; padding-right: 9px; }

td.secondaryInfo { border-top:0;padding-top:0; font-style: italic; color: #666; font-size: 90% }

/* highlit headers */
th.highlight { background-color:#e5eaef; border-top: 1px solid #779abc; border-bottom: 1px solid #e4e3e3; }

/* Error tables or Attention tables */
.attention { padding-top:20px }
.attention table { border: 1px solid #a9af00; background-color: #eff1cc; margin: 0; }
.attention .lines td { border-top: 1px solid #d8db7f; }
.attention caption { background-color: #d8db7f; }
.attention td p { font-size:100%; margin: 5px }


/* *** SORTING COLUMNS *** */

.sortContainer {border:1px solid #779abc;border-width:1px 1px 0;}
.sortContainer h3.legend {position:absolute;top:-8px;_top:1px;left:0; font-size:1.2em}

table.sortable,
table.sortableLined   {border: 1px solid #779abc; border-collapse: separate;}
table.sortable th,
table.sortableLined th {background-color: #e5eaef; white-space: nowrap; text-align: left; vertical-align: middle;
							   padding: 2px 6px;}
th.rightBorder {border-right: 1px solid #779abc;}
table.sortable td,
table.sortableLined td {padding: 3px 6px; vertical-align: text-top;}
table.sortableLined td {border-top: 1px solid #e2e1e1;/* border-width: 1px 0 0;*/}
th.sort               {border: 1px solid #fff; border-color: #fff #779abc #779abc #fff; background: #e5eaef url(i/th_bg.gif) bottom repeat-x;}
th.sort a             {color: #000 !important; display: block; height: 100%; text-decoration: none; float: none; position: relative;}
th.sort a:hover		 {text-decoration: underline;}
th:hover.sort         {background: url(i/th_bg.gif) top repeat-x;}
th.sort a.sortDown	 {background: url(i/th_arrow_down.gif) right 4px no-repeat; padding-right: 10px;}
th.sort a.sortUp	    {background: url(i/th_arrow_up.gif) right 4px no-repeat; padding-right: 10px;}

tr.borderBottom td, tr.expandedBottom td {border-bottom: 1px solid #779abc;}
tr.borderTop td, tr.expandedTop td {border-top: 1px solid #779abc;}


/* *** BOXES *** */

h3.bar img, h3.bar1 img, h3.bar2 img, h3.bar3 img, h3.bar4 img {float: right; margin: 4px 0 0 5px;}
.tborder p, .tborder1 p, .tborder2 p, .tborder3 p, .tborder4 p {margin: 6px 10px;}
.tborder h4, .tborder1 h4, .tborder2 h4, .tborder3 h4, .tborder4 h4 {margin: 0 10px;}
.imageborder {border: 1px solid #779abc; margin: 10px 0px !important; padding: 0px;}
p .imageborder {margin: 0px 20px 10px 0px !important; padding: 0px; float: left;}
div.padded {padding: 5px 0 4px;}

/* Brand Blue */
h3.bar1,h3.bar {background-color: #ccd8de; padding: 2px 10px;}
h3.barline1,h3.barline {background-color: #ccd8de; padding: 2px 10px; border-bottom: 1px solid #779abc; margin: 0 0 2px;}
.tborder1,.tborder {color: #000; background-color: #fff; border: 1px solid #779abc;}
.linebelow1, tr.linebelow1 td {border-bottom: 1px solid #779abc;}

/* Dust Green */
h3.bar2 {background-color: #c5bc89; padding: 2px 10px;}
h3.barline2 {background-color: #c5bc89; padding: 2px 10px; border-bottom: 1px solid #968f69; margin: 0 0 2px;}
.tborder2 {color: #000; background-color: #fff; border: 1px solid #968f69;}
.linebelow2, tr.linebelow2 td {border-bottom: 1px solid #968f69;}

/* Cool Grey */
h3.bar3 {background-color: #ccc; padding: 2px 10px;}
h3.barline3 {background-color: #ccc; padding: 2px 10px; border-bottom: 1px solid #999; margin: 0 0 2px;}
.tborder3 {color: #000; background-color: #fff; border: 1px solid #999;}
.linebelow3, tr.linebelow3 td {border-bottom: 1px solid #999;}


/* *** C AREA TABS *** */

#tabsC-out {float: left; background: #fff url(i/tabC_bg.gif) bottom repeat-x; width: 100%;}
#tabsC {margin: 0; line-height: normal; padding: 5px 0 0; width: 100%;}
#tabsC ul {margin: 0; padding: 0; list-style: none; margin-left: 11px;}
#tabsC li {clear: right; float: left; background: url(i/tabC_l.gif) no-repeat left top; margin: 0; padding: 0 0 0 9px; list-style-type: none; border-bottom: 1px solid #779abc;}
#tabsC a {float: none; display: block; background: url(i/tabC_r.gif) no-repeat right top; padding: 5px 12px 5px 2px; text-decoration: none; color: #000; white-space: nowrap;}
#tabsC .notab {margin: 0; padding: 0; background: none;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#tabsC a {float: none;}
/* End IE5-Mac hack */
#tabsC a:hover {color: #000; text-decoration: underline;}
#tabsC li.current {background-image: url(i/tabC_l_on.gif); border-width: 0; font-size: 105%; font-weight: bold; border-bottom: none;}
#tabsC li.current a {background-image: url(i/tabC_r_on.gif); color:#000; padding-bottom: 4px;}
@media all and (min-width: 0px){#tabsC .current a {padding-bottom: 6px;}} /*for opera */
.tabborder {clear: both; border-right: 1px solid #779abc; border-bottom: 1px solid #779abc; border-left: 1px solid #779abc;}
.tabborder h3, .tabborder h4, .tabborder h5 {margin: 4px 10px 0;}
.tabborder p {margin: 4px 10px 10px;}
.tabborder ul, .tabborder ol {padding-left: 14px;}

/* *** LISTS *** */

ol.alpha {font-size: 75%; list-style: upper-alpha outside; margin: -3px 0 0 30px;}
ol.number, ol {font-size: 75%; list-style: decimal outside; margin: -3px 0 0 30px; white-space: normal;}
ul.disc, ul {font-size: 75%; list-style: disc; margin: -3px 0 0 17px; white-space: normal; padding: 0;}
.tborder1 ol.alpha, .tborder2 ol.alpha, .tborder3 ol.alpha {margin: -3px 10px 0 40px;}
.tborder1 ol.number, .tborder1 ol, .tborder2 ol.number, .tborder2 ol, .tborder3 ol.number, .tborder3 ol {margin: -3px 10px 0 40px;}
.tborder1 ul.disc, .tborder1 ul, .tborder2 ul.disc, .tborder2 ul, .tborder3 ul.disc, .tborder3 ul {margin: -3px 10px 0 26px;}
ol ol, ol ul, ul ul, ul ol {font-size: 100%;}


/* *** UNCONFIRMED BOX *** */

.unconfirmedPayments { display: block; border: 1px solid #938e69 /*#a9af00*/; background-color: #d6d3bc/* #eff1cc*/; }
.unconfirmedPayments a { display: block; padding: 3px 1em; font-size: 80%; text-decoration: none; color: #000; }
.unconfirmedPayments a:hover { text-decoration: underline }

/* *** AUTHENTICATION BLOCK *** */

.authenticationBlock { margin: 18px 0 0; background-color: #eff1cc; border: 1px solid #a9af00; text-align: right; padding: 8px 10px; font-size: 80%; }
.authenticationBlock input { width: 10em; border: 1px solid #a9af00; background: #fff url(i/bg_textField.gif) no-repeat; padding: 2px; vertical-align: middle }


/* *** PRINT *** */

#printTop {display: none;}
#printFooter {display: none;}
br.break {display: none;}

/* *** IE AND OPERA BUG *** */

br.iebug {line-height: 0px;}
td.cd > br.iebug {display: none;}
div.c > br.iebug {display: none;}
div.c div > br.iebug {display: none;}
@media all and (min-width: 0px){.operabug {margin-bottom: -20px;}} /*for opera */



/* *** TRACKER *** */

#tracker {margin:20px 0 20px; padding:0; width: 100%; border: 0; background-color: #fff;}
#tracker .dotpast {height: 20px; background: url('i/dotpast.gif') top no-repeat;}
#tracker .dotpresent {height: 20px; background: url('i/dotpresent.gif') top no-repeat;}
#tracker .dotfuture {height: 20px; background: url('i/dotfuture.gif') top no-repeat;}
#tracker .dotend {height: 20px; background: url('i/dotend.gif') top no-repeat;}
#tracker .dotpresent_end {height: 20px; background: url('i/dotpresentend.gif') top no-repeat;}

/* semantically correct tracker (as a numbered list) */
ol#tracker { list-style: none; float: left; margin:0 0 2em;_margin:0; width: 100%; min-width: 396px; padding: 0; }
ol#tracker li { margin:0; padding: 22px 0 0; float: left; text-align: center; }
ol.n2steps li { width: 50%; }
ol.n3steps li { width: 33.3%; }
ol.n4steps li { width: 25%;_width:24.9%;*width:24.9%; }/* IE has problems with 25% */
ol.n5steps li { width: 20%;_width:19.9%;*width:19.9%; }/* IE has problems with 20% */
ol.n6steps li { width: 16.6%; }
ol.n7steps li { width: 14.2%;_width:14%;*width:14%; }/* IE has problems with 14.2% */
ol.n8steps li { width: 12.5%; }
ol#tracker .past,
ol#tracker .present,
ol#tracker .future,
ol#tracker .dotpast,
ol#tracker .dotpresent,
ol#tracker .dotfuture,
ol#tracker .dotend,
ol#tracker .dotpresent_end {height: auto;}
ol#tracker .dotpast {font-weight: bolder; color: #779abc; white-space: nowrap; text-align: center;}
ol#tracker .dotpresent,
ol#tracker .dotpresent_end {font-weight: bolder; color: #005284; white-space: nowrap; text-align: center;}
ol#tracker .dotfuture,
ol#tracker .dotend {font-weight: bolder; color: #ccc; white-space: nowrap; text-align: center;}


/* Specific elements */
#legendBox { float:left;margin:3px 10px; _padding-bottom:4px }

/* D-area flexible banner box */
.dBanner { float: left; width: 100%; display: inline; background: #fff url(../gfx/d-banner_mob-c.gif) repeat-x; height: 120px; overflow: hidden; }
.dBannerLeft { width:39%; float: left; overflow: hidden; }
.dBannerText { float: right; width: 53%; }
.dBannerText a { color: #fff !important; text-decoration: none !important; font-size: 90%; line-height: 1.35em; font-weight:bold; margin:0; padding:28px 8px 4px 0; background: transparent url(../gfx/d-banner_mob-r.gif) top right no-repeat; float: right;  display: inline; height: 79px; width:100%; *width: 91%; }