.nav_level2_active td{
vertical-align:top !important;
line-height:1.4em;
}



body {
background:#FFFFFF;
color:#333333;
font-family:verdana,arial,sans-serif;
line-height:1.4em;
font-size: 76%;
}


a {
text-decoration:none;
}

a:link {
color:#B0242B;
text-decoration:none;
}

a:hover {
color:#B0242B;
text-decoration:underline;
}

a:visited {
color:#808080;
text-decoration:underline;
}

input {
text-align:left;
font-size:0.9em;
}
select {
text-align:left;
font-size:0.9em;

}
/* ========== HTML styles in footer (id #foo) ========== */

/* ========== HTML styles in navigation menu (id #nav) ========== */
#nav div {

}

/* ========== HTML styles in favorits menu (id #ser_fav) ========== */

/* Background color of active menu item */
#ser_fav ul ul a:hover {
        background: #666666;
        color: #fff;
}

/* Background color of inactive menu items */
#ser_fav ul ul a {
         background: #E8E8E8;
         color: #666666;
         margin-top: 1px;
}

/* height and width of menu-items */
#ser_fav ul ul {
        line-height: 25px;
        width: 300px;
}


/* width of 2'level menu items */
#ser_fav ul ul ul {
        width: 80px;
}

/* ========== Main layout divisions(div) ==========
   This part is described here globally. Each style has a short description of
   its layout part.
   Keyword:		Main layout blocks
   Summary:		The id styles are actually exclusively used for blocks of the
  				master layout
   Used in:		All pages
   Comments:	Blocks are structured with the DIV tag.
*/


/*
  Summary:  Part containing logo image identifying the bank
*/

#log {
position: absolute;
left: 220px;
top: 45px;
width: 160px;
}

/*
	Summary:	Navigation menu part
	Comments:	Entries themselves have their own classes: see classes '.nav_'.
*/

#nav {
background:#FFFFFF;
float:left;
left:13px;
position:absolute;
top:145px;
width:206px;
font-size:0.9em;
}


/*
	Summary:	Header part
*/
#hea {
color:#000000;
height:60px;
left:4px;
position:absolute;
top:10px;
width:984px;
font-size:0.9em;
}
/*
	Summary:	Inner header part
	Comments:	Nested inside is '#hea'
*/

#hea_inner {
padding-right:155px;
position:relative;
text-align:right;
top:50px;
padding-right:12px;
}


/*
	Summary:	Services part
*/
#ser {
height:35px;
left:13px;
position:absolute;
top:157px;
vertical-align:middle;
width:984px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
font-size:0.9em;
}
/*
	Summary:	Left service part
	Comments:	Nested inside is '#ser'
*/
#ser_left {
background:#FFFFFF;
float:left;
height:35px;
text-align:right;
width:820px;
}
/*
	Summary:	Right service part
	Comments:	Nested inside is '#ser'
*/
#ser_right {
background:#FFFFFF;
float:right;
height:35px;
margin-left:1px;
text-align:right;
width:154px;
}

/*
	Summary:	Contents part
*/
#con {
background:#FFFFFF;
color:#333333;
left:220px;
position:absolute;
top:195px;
font-size:0.9em;
border-left:1px solid #cccccc;
}

/*
	Summary:	Inner contents part
	Comments:	Nested inside is '#con'
*/
#con_broad {
background:#FFFFFF;
padding:0px;
}

/*
	Summary:	Footer margin part, space between content and footer
	Comments:	Nested inside is '#con'
*/
#foo_margin {
background:#ffffff;
}

/*
	Summary:	Footer part
	Comments:	Nested inside is '#con'
*/
#foo {
background:#ffffff;
font-size:0.9em;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:50px;
}

/*
	Summary:	Left footer part
	Comments:	Nested inside is '#foo'
*/
#foo_left, #foo_left table, #foo_left tr  {
height:50px;
}

#foo_left td {
vertical-align:top;
padding-top: 10px;
}

/*
	Summary:	Right footer part
	Comments:	Nested inside is '#foo'
*/
#foo_right, #foo_right table, #foo_right tr{
height:50px;
text-align:right;
}

#foo_right td {
vertical-align:top;
padding-top: 10px;
}

/*
   ===============================================================================
   Class Styles
  
   Styles defined by classes. Several elements may have the same class and an
   element may have multiple classes.
   Ex.: <td class="stylename1 stylename2">
   ===============================================================================
 */

/* ========== Navigation menu (".nav_") ==========
   Keyword:		Navigation menu
   Summary:		Navigation menu item properties
   Used in:		All pages
   Comments:	Nested in the layout block id "#nav" and its nested blocks
*/


.nav_level1_active {
padding: 3px 0px 5px 13px;
width:180px;
color: #ffffff !important;
text-decoration: none;
background-color:#666666;
text-transform: uppercase;
font-weight:bold;
}

.nav_level1_active a, .nav_level1_active a:visited {
color: #ffffff !important;
font-weight:bold;
text-decoration: none !important;
}

.nav_level1_inactive {
padding: 3px 0px 5px 13px;
width:180px;
color: #666666 !important;
text-decoration: none;
background-color: #e8e8e8;
text-transform: uppercase;
font-weight:normal;
}

.nav_level1_inactive a, .nav_level1_inactive a:visited {
color: #666666 !important;
font-weight:normal;
text-decoration: none !important;
}

.nav_level1_inactive a:hover{
color: #B0242B !important;
text-decoration: none !important;

}

.nav_level2_active {
padding: 2px 0px 2px 13px;
margin:0px;
width:180px;
background-color: #ffffff;
font-weight:bold !important;
}

.nav_level2_active a{
color:#B0242B !important;
text-decoration: none;
}

.nav_level2_inactive {
padding: 2px 0px 2px 13px;
width:180px;
text-decoration: none;
background-color: #ffffff;
}

.nav_level2_inactive a{
color: #666666 !important;
text-decoration: none !important;
}

.nav_level2_inactive a:hover{
color:#B0242B !important;
text-decoration: none !important;
}

.nav_arrow {
width:12px;
}
.nav_line {
background:#FFFFFF;
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
}

#nav div.nav_last {
border-bottom-style:none;
}



/* ========== Footer (".foo_") ==========
   Keyword:		Footer text
   Summary:		Footer text font properties
   Used in:		All pages
   Comments:	Nested in the layout block id "#foo" and its nested blocks
*/

.foo_text {
color:#999999;
}


/* ========== Services (".ser_") ==========
   Keyword:		Service link text
   Summary:		Service link text font properties
   Used in:		All pages
   Comments:	Nested in the layout block id "#ser" and its nested blocks
*/

.ser_link_font {
color:#B0242B;
line-height:30px;
}


.ser_link_font a:visited{
color:#B0242B;
text-decoration:none;
}

.ser_link_font_bold {
color:#B0242B;
font-weight:bold;
}


/* ---------- Title ----------
   Keyword:     Page title
   Summary:     Page title font layout
   Used in:     All pages
   Comments:    
*/

.con_header {
color:#666666;
font-size:22px;
line-height:25px;

}


/* ---------- Background colors ----------
   Keyword:		Background colors
   Summary:		
   Used in:		Some pages
   Comments:	
*/

/*
	Headline border
*/
.con_bg_bluedark {
background-color:#666666;
}
.con_bg_white {
background-color:#FFFFFF;
}
.con_bg_grey {
background-color:#E8E8E8;
}
.con_bg_payment_grey {
background-color:#E8E8E8;
}
.con_bg_01 {
background-color:#E8E8E8;
}
.con_bg_bar_end {
background-color:#E8E8E8;
}
.con_normal {
color:#000000;
}
.con_strong {
font-weight:bold;
}
.con_font_bold {
font-weight:bold;
}
.con_blue {
color:#1A3D77;
}
.con_red {
color:#B0242B;
}
.con_red_bold {
color:#B0242B;
font-weight:bold;
}

.con_green {
color: #00AA00; 
line-height: 14px;	
}

/* ---------- Link fonts ----------
   Keyword:		Background colors
   Summary:		
   Used in:		Some pages
   Comments:	Used in pages and renderer classes and also in server
   				responses withHTML part!!
*/

.con_link_blue {
color:#B0242B;
}
.con_link_bluebold {
color:#B0242B;
font-weight:bold;
}


/* ---------- Input buttons ("input.con_button") ----------
   Keyword:		Input button styles
   Summary:		
   Used in:		Some pages
   Comments:	
*/
input.con_button {
background-color:#ffffff;
border:1px solid #cccccc;
color:#B0242B;
text-align:center;
text-decoration:none;
}

input:hover.con_button {
background-color:#B0242B;
border:1px solid #cccccc;
color:#ffffff;
text-align:center;
text-decoration:none;
}

input.con_button_disabled {
background-color:#eaeaea;
border:1px solid #cccccc;
color:#000000;
text-align:center;
text-decoration:none;
}

/* -- For button with to long label -- */
input.con_buttonbig {
background-color:#ffffff;
border:1px solid #cccccc;
color:#B0242B;
text-align:center;
text-decoration:none;
}

input:hover.con_buttonbig {
background-color:#B0242B;
border:1px solid #cccccc;
color:#ffffff;
text-align:center;
text-decoration:none;
}
input.con_buttonbig_disabled {
background-color:#eaeaea;
border:1px solid #cccccc;
color:#000000;
text-align:center;
text-decoration:none;
}

/* ---------- Text area (".con_area") ----------
   Keyword:		Text area style
   Summary:		
   Used in:		Some pages
   Comments:	
*/
.con_area {

}

/* ---------- Radio and radio cell (".con_radio") ----------
   Keyword:     Radio button table cell style
   Summary:     To have different alignments for the radio and its label a table
                with two column was made that holds in each element in one separate
                cell. The following classes apply to this table and the radio/label.
   Used in:     Some pages
   Comments:    Most of this classes don't have to be used directly.
                They are applied automatically by the checkbox/radio renderer.
*/

/* This is for the cell surrounding the radio label. The label will have no sort of padding */
.con_radio_label-cell-nopadding {
border-width:0px;
}
.con_radio_label-cell-nolabel {
border-width:0px;
}
.con_radio-cell {
border-width:0px;
}
.con_radio {
border-width:0px;
}
.con_radio_label-cell {
border-width:0px;
}

/* ---------- Checkbox and checkbox cell (".con_checkbox") ----------
   Keyword:     Checkbox table cell style
   Summary:     To have different alignments for the checkbox and its label a table
                with two column was made that holds in each element in one separate
                cell. The following classes apply to this table and the checkbox/label.
   Used in:     Some pages
   Comments:    Most of this classes don't have to be used directly.
                They are applied automatically by the checkbox/radio renderer.
*/
/* This is for the cell surrounding the checkbox label. The label will have no sort of padding */
.con_checkbox_label-cell-nopadding {
border-width:0px;
}
.con_checkbox {
border-width:0px;
}
.con_checkbox_label-cell {
border-width:0px;
}
.con_checkbox-cell {
border-width:0px;
}

/* ---------- Data display area (".con_display_") ----------
   Keyword:		Ebanking data display fields
   Summary:		Style elements of data display field of ebanking application
   				(ex. payment confirmation)
   Used in:		Some pages
   Comments:
*/

/* Data field value font */
.con_display_field_font {
font-weight:bold;
}
.con_display_area {
background-color:#E8E8E8;
}
input.con_display_field {
background-color:#E8E8E8;
border-width:0px;
}

/* ---------- Hint box ----------
   Keyword:		Ebanking hint box
   Summary:		Style elements of hint box of ebanking application
   Used in:		Some pages
   Comments:
*/

/* Background color */
.con_hint_box {
background-color:#ffffff;
border:#cccccc 1px solid;
margin-top:15px;
padding:0px;
}


/* ----- Tabbed panes -----
   Keyword:		Ebanking tabbed pane
   Summary:		Style elements of tabbed pane of ebanking application
   Used in:		Some pages
   Comments:
*/
a.con_tabbed-pane-link {
font-weight:bold;
color:#000000;
}
a.con_tabbed-pane-link:hover {
color:#B0242B;
font-weight:bold;
}
.con_tabbed-pane-border {
background-color:#666666;
}
.con_tabbed-pane-selTab {
background-color:#FFFFFF;
}
.con_tabbed-pane-nonselTab {
background-color:#eaeaea;
}

/* ----- Message box (error, info) -----
   Keyword:		Ebanking message box
   Summary:		Style elements of message boxes of ebanking application
   Used in:		Some pages
   Comments:
*/

.table-msgBox-err {
background-color:#fdd6d6;
border:1px solid #000000;
color:#000000;
}

.table-msgBox-startWarn {
border:1px solid #CCCCCC;
}

.table-msgBox-info {
border: 1px solid #666666;
}

/* ----- Progress indicator -----
   Keyword:     Ebanking progress indicator
   Summary:     Style elements of progress indicator of ebanking application
   Used in:     Some pages
   Comments:
*/

.con_progress-inactive {
color:#999999;
font-weight:normal;
}
.con_progress-active {
color:#000000;
font-weight:normal;
}


/* ----- Error frame -----
   Keyword:     Ebanking error frame
   Summary:     Style elements of error frame of ebanking application
   Used in:     Some pages
   Comments:    Used only in domUtils.js
*/
.con_error-box {
background-color:#fdd6d6;
border:1px solid #000000;
color:#000000;
}


/* ----- Table pager -----
   Keyword:		Ebanking table pager
   Summary:		Style elements of table pager of ebanking application
   Used in:		Some pages
   Comments:	
*/

.pager-table {
background-color:#E8E8E8;
height:21px;
}
.td-pager-page {
color:#1A3D77;
}
.td-pager-selectedpage {
color:#0C0C0C;
}
.td-pager-separator-image {
color:#8CAAD1;
}


/* ---------- Tables ----------
   Keyword:		Ebanking table
   Summary:		Style elements of table of ebanking application
   Used in:		Some pages
   Comments:	
*/
.td-headline {
font-weight:bold;
}
.td-subtitle {
background-color:#FFFFFF;
font-weight:bold;
}
.td-header {
border-left:1px solid;
font-weight:bold;
}
.td-header-link {
font-weight:bold;
}
.td-detail {
border-left:1px solid #cccccc;
vertical-align:top;
}
.td-radio {
border-left:1px solid #cccccc;
}
.td-strong {
font-weight:bold;
}
.td-bg-even {
background-color:#eaeaea;
}
.td-bg-odd {
background-color:#FFFFFF;
}
.td-bg-footer {
background-color:#DDDDDD;
}
.td-separator-line-header {
border-left-color:#FFFFFF;
}
.td-separator-line-columns {
border-left-color:#FFFFFF;
}
.td-separator-line-footer {
border-left-color:#FFFFFF;
}
.td-first-column {
border-left-style:none;
}

/* ---------- Calendar ----------
   Keyword:		Ebanking calendar
   Summary:		Style elements of calendar of ebanking application
   Used in:		Some pages
   Comments:	
*/

/* Title (month year)*/
.font-cal-title {
font-weight:bold;
}
.tr-cal-navig {
background-color:#CCCCCC;
border-color:#CCCCCC;
font-size:12px;
}
.table-cal-days {
border-color:#BBBBBB;
}
.tr-cal-weekdays {
background-color:#CCCCCC;
color:green;
font-weight:bold;
}
.td-cal-weekend {
background-color:#FFFFFF;
}
.font-cal-today {
color:red;
font-weight:bold;
}
.font-cal-lastdate {
color:blue;
font-weight:bold;
}
.font-cal-nextmonth {
color:gray;
}

/* ---------- Specific pages ----------
   Keyword:		Ebanking pages
   Summary:		Style elements only used in specific pages of ebanking application
   Used in:		Specific pages
   Comments:	
*/

/* -- International payment (ezsInternationalPayment.jsp) -- */

.con_label_ipi {
color:#E60040;
}
.con_input_mitt_area {
font-family:monospace;

}


/* -- Depot position details (depotPosition.jsp) --
	INFO: Use style classes under 'Data display area (".con_display_")'
	instead of these to style data display areas.

	These styles have been defined originally for depot position.
	They are only used to layout the data display field. In the meantime some of them
	are also used in other pages.
	The layout of data display field should be done with the classes under
	'Data display area (".con_display_")' and the depot position details classes
	should be replaced.
*/
.con_position_detail {
background-color:#CCCCCC;
}
.con_position_detail_second_col {
font-weight:bold;
}

/* -- Portfolio valuation (portfolioValuation.jsp) --*/
.con_row_box {
background-color:#FFFFFF;
border-color:#BBBBBB;
font-weight:bold;
}
.con_row_box_left {
border-color:#BBBBBB;
border-style:solid;
border-width:1px 0px 1px 1px;
}
.con_row_box_middle {
border-color:#BBBBBB;
border-style:solid;
border-width:1px 0px;
}
.con_row_box_right {
border-color:#BBBBBB;
border-style:solid;
border-width:1px 1px 1px 0px;
}

.con_select-custom-pfana {
background-color:#FFFFFF;
}
.con_chart {
border:1px solid #CCCCCC;
}
.con_bg_orange {
background-color:#ffefe1;
}
.con_ipi_border {
border:2px solid #CCCCCC;
}
.con_bg_lightred {
background-color:#f5cccc;
}

/*
	File upload field style
*/

input.con_upload {

}

.con_disabled_field {
background-color:#eaeaea;
border:1px solid #cccccc;
color:#000000;
}