﻿HTML, BODY /*, FORM*/
{
    /* height: 100%;  */
    padding: 0;
    margin: 0;
    font-family: Arial, Verdana, Helvetica;
    font-size: 10pt;
    color: Black;
    background: white;
     height: 100%; 
     
}

form
{
    margin-bottom: 0;
    margin-top: 0;
}

#headercontent
{
    background: url(images/bg.jpg) 0 0 white;
    width: 985px;
    height: 142px; /* border: solid #da2128; */ /*border-width: 0 0 20px 0; */
    text-align: center;
    margin: 0px 0 2px 0;
    margin: white;
}

div#headercontent div.title
{
    float: left;
    width: 40%;
    height: 74px;
    font-size: 2.75em;
    font-weight: bold;
    padding: .6em;
    vertical-align: middle;
    color: #da2128;
}



div#headercontent div.logoleft
{
    position: relative;
    float: left;
    vertical-align: top;
    padding:15px 0 0 0;
}

div#headercontent div.logoright
{
    position: relative;
    float: right;
    vertical-align: top;
    padding:15px 0 0 0;
}

div#headercontent div.logon
{
    clear:left;
    position: relative;
 /*    bottom: 1px; */
    left: 4px; 
  /*  top: 123px; */
    float: left;
  /*    vertical-align: text-bottom; */
    font-size: 10pt;
    font-weight: normal;
    color: white;
    padding: 15px 5px 0 0;
    
}

div#headercontent div.logout
{
    position: relative;
 /*    bottom: 1px; */
    left: 0px; 
 /*   top: 123px; */
    float: right;
  /*    vertical-align: text-bottom; */
    font-size: 10pt;
    font-weight: normal;
    color: white;
    padding: 15px 5px 0 0;
    clear:right;
}


div#transactionDetails div
{
    margin: 0 ; padding: 1px; border: 0; outline: 0; text-decoration: none; list-style: none;
}

a.WhiteLink:visited, a.WhiteLink:Link
{
    color:White;
    text-decoration:underline;
}


div#headercontent div.logon a:visited
{
    color: white;
    text-decoration: none;
}


div#headercontent div.procreditLogo
{
    float: right;
    width: 50%;
    height: 90px;
    padding-right: 0px;
    padding-top: 0px;
    background-image: url('images/ProCreditLogo.jpg');
    background-position: right;
    background-repeat: no-repeat;
}

#main-content
{
    /*  float :left; */
    width: 985px;
    min-height: 650px;
    /*background-color: #EAEAEA; */
    margin-bottom: 10px;
    display: inline-block;
    overflow: hidden;    

}

#leftcontent
{
    height: 100%;
    float: left;
    padding: 0px;
    width: 240px;
    background-color: #eaeaea; /* grey */ /* #FFFFAA; yellow */
    border-bottom: 0px solid black;
    margin: 0 0px 0 0;
    text-align: left;
    padding-bottom:2000px;
    margin-bottom: -2000px;
}
#tree
{
    width: 100%;
    height: 100%;
    padding-left: 0px;
}

#right-content-outer
{
    float: left;
    width: 735px;
    height: 100%;
    min-height: 650px;
    background-color: White;
    padding: 0 0 10px 0;
    border-left: solid 10px white;
    text-align: left; /*border-left : solid 1px #da2128; */
    padding-bottom:1000px;
    margin-bottom: -1000px;
}

table .div-right-content-login
{
    /* padding: 6px 12px 0px 10px; */
    /* padding-left:12px; */
	/* padding-right:12px; */
	
    background-color: #eaeaea;
    border-bottom: solid 1px #d4021d;
    width: 400px;
	 /* border-left:solid 10px #eaeaea; 
     border-right:solid 10px #eaeaea; */
	    
}

#right-content-inner
{
    padding: 20px;
    height: 100%;
}

#Colorbar
{
    clear: both; /*border: solid 1px black;*/
    width: 985px;
    height: 6px;
    margin-bottom:4px;
    z-index: 100;
}

a:link
{
    color: #000000;
    text-decoration: underline;
}
a:visited
{
    color: #000000;
    text-decoration: underline;
}
a.LinkAsButton /* ,a.LinkLongTextAsButton */
{
    text-decoration: none;
    padding:2px 8px 2px 8px;
    background: url(/content/images/cancelbg.jpg) no-repeat top left;
    color:White;
    height:22px;
    line-height:22px;
}
/*
a.LinkLongTextAsButton
{

    background: url(content/images/cancelbg.jpg) repeat;
} */

a.LinkAsTd
{
    text-decoration: none;
    /*height:100%;
    width:100%;*/
    display: block;
}
/*
a:hover
{
	color: #1d60ff;
	text-decoration: none;
}
a:active
{
	color: #12eb87;
}
*/
/*a.special
{
	font-weight: bold;
	color: #FC0082; /*font-size: 1.5em;*/
/*}*/

p
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

 ul
 {
     margin-top:0px;
     margin-bottom:5px;
     margin-left:0px;
     line-height: 1.6em;
     padding-left:0;
     list-style-position:inside;
 }

li
{
    list-style-position:inside;
    line-height:15pt;
    /* float:left; */
    /* clear:both; */
    /* white-space:nowrap;  */
}
ul.validation-summary-errors  li
{
    list-style-position:inside;
    /* float:left; */
    clear:both; 
    white-space:pre-wrap;
}

ul.validation-summary-errors 
 {
     margin-top:0px;
     margin-bottom:5px;
     margin-left:0px;
     line-height: 1.6em;
     padding-left:0;
     list-style: none;
     list-style-position:inside;
     list-style-type:none;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

/*h1
{
	font-size: 2em;
	padding-bottom: 0;
	margin-bottom: 0;
}*/
h2
{
    color: #0063DC;
    padding: 0 0 10px 0;
}
/*h3
{
	font-size: 1.2em;
}*/
/*h4
{
	font-size: 1.1em;
}*/
/*h5, h6
{
	font-size: 1em;
}*/
/*
div#header div.title, div.item h3, div.item h4, div.pager a
{
	font: bold 1em;
}

div#header
{
	border-bottom: 2px solid #111;
	color: #DA2128;
	height: 110px;
}

div#header div.title
{
	font-size: 2.75em;
	font-weight: bold;
	padding: .6em;
	vertical-align: middle;
}

div#header span.logon
{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: Black;
	vertical-align: middle;
}

div#content
{
	border-left: 2px solid gray;
	margin-left: 15em;
	padding: 1em;
}

div#menu
{
	float: left;
	width: 15em;
	padding: .3em;
}

div#footer
{
	text-align: right;
	border-top: 2px solid gray;
	padding-top: .7em;
	margin-top: 1em;
}

div#footerColours
{
	width: 100%;
	height: 8px;
}
*/
/* MISC  
----------------------------------------------------------*/

/*input[type="text"]
{
    border: #949596;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}*/



.disabled_textbox
{
    background-color: #D5D5D5;
}

input[type="password"]
{
    /* 	border-top-color: #abadb3; 	border-bottom-color: #e3e9ef; 	border-right-color: #dbdfe6; 	border-left-color: #e2e3ea;     */
    border: #949596;
    border-style: solid;
    border-width: 1px;
    font-size: 10pt;
}

select
{
    border: #949596;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

label
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 15pt;
}

label.colorGray
{
	color:#6a696a;
}
label.Graylabel
{
    color: red;
}


/* ----------------------- */

/* page main title */
#titleMain
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    color: #D4021d;
    padding: 6px 0px 3px 4px;
    text-align: left;
    height:26px;
}

/* header */
#headerMain
{
    /* 	border-top: solid 2px #DA2128; 	border-bottom: solid 1px #999; 	border-left: solid 1px #efefef; 	border-right: solid 1px #efefef;  	font-size: 14px; 	font-weight: bold; 	background-color: #efefef; 	width: 610px; 	margin-bottom: 5px; 	padding-left: 2px; 	clear:both; 	*/
    font-size: 10pt;
    font-weight: bold;
    background-color: #efefef;
    /* margin-bottom: 5px; */
    height: 26px;
    text-align: left;
    color: Black;
    line-height: 26px;
    padding-left:4px;
    border-top: 1px dotted #949596;
}

.headerSummary
{
    border-top: solid 2px #DA2128;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 5px;
    padding-left: 2px;
    clear: both;
}

/* header text */
.headerText
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12pt;
    /* letter-spacing: 4px; */
    color: #999;
    padding: 0px 0px 4px 4px;
}

/* table in main area */
div.tableRow, div.tableRowH, div.tableRowHP
{
    clear: both;
    text-align: left;
    width: 731px;
    padding-top: 4px;
    padding-left: 4px;
}

div.tableRowH, div.tableRowHP
{
    height: 20px;
}
div.tableRowHP
{
    padding-top:6px;
}
div.tableRowWithTextarea {
    height: 80px !important;
}
tr.tableRow td
{
    padding-left: 4px;
}

Label.leftColumn
{
    color: #949596;
}
/* left column in main area */
div.leftColumn, div.leftColumnLeftWider
{
    border: none;
    float: left;
    margin: 0;
    padding: 0;
}
/* left column in main area */
div.leftColumn
{
    width: 200px;
}
/* left column in main area which is wider */
div.leftColumnLeftWider
{
   width: 438px;
}
div.Left3Columns {
    float:left;
    width: 285px;

}
div.Middle3Columns {
    float:left;
    width: 291px;
    padding-left: 15px;
}
div.Right3Columns {
    width: 139px; float: right; background-color: white; padding-top: 20px; height: 33px; padding-right: 5px;
}
div.Right3Columns input{
    cursor:pointer;font-weight:normal;float:right;
}
/* right column in main area */
div.rightColumn, div.rightColumnLeftWider
{
    border: none;
    float: right;
    margin: 0;
    padding: 0;
}
div.rightColumn label {
    display: inline-block;
    word-wrap: break-word;
    width: 100%;
}
div.inlineElements label {
    display: inline;
}
/* right column in main area which left is wider*/
div.rightColumnLeftWider
{
    width: 293px; 
}
div.rightColumn
{
    width: 525px;
}
div.rightColumn textarea
{
    margin: 0px;
    resize: none;
    border: #949596;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

/* only for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    div.rightColumn textarea
    {
        margin: 0px;
    }
}

div.rightColumn textarea[readonly] {
	border-color:transparent;
	background-color: transparent;
}
div.backgroundLightGray
{
    background-color: #f7f7f7;
}

div.colorGray
{
    color: #6a696a;
}

div.backgroundLightGrayWithBorder
{
	/*background-color: #f7f7f7;*/
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #efefef;
	border-right: solid 1px #efefef;
	background-color: #efefef;
}

div.subHeaderGray
{
    /*font-size: 10pt;*/
    font-weight: bold;
    background-color: #D0D0D0;    
    height: 26px;
    text-align: left;
    color: Black;
    /*line-height: 26px;*/
    padding-left:4px;
}

/* color of the data entered by the user on the next screen (where he cannot edit it without going back) */
div.enteredDataColor
{
    color: #4f4f4f;
}
/*
input, textarea
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
}
*/
/* TABLES  
----------------------------------------------------------*/



.tableLastOrdersHeader1 {
    width: 100%;
    border-collapse: collapse; border-spacing: 0;
}

.tableLastOrdersHeader1 th, .tableLastOrdersHeader1 td{
    padding: 2px;
}
.divLastOrdersHeader2 {
    border-bottom: solid 2px #da2128;
    width: 732px;
    height: 20px;
    padding-bottom:0px;
    border-spacing: 0;
    color: black;
    background-color: #efefef;
    padding: 5px 0px 5px 0px;
}
div.blankSpace {
        padding: 10px 0px 10px 0px;
}

.divLastOrdersHeader2 div{
        display:inline;
}


.tableLastOrders {
    border-collapse: collapse; border-spacing: 0;
    width: 100%;
    border-bottom: solid 2px #da2128;
    padding-top: 10px;
}
.tableLastOrders thead{
    background-color: #efefef;
    border-bottom: solid 2px #da2128;
}
.tableLastOrdersGermany {
    border-bottom: none;
}
.tableLastOrdersGermany thead{
    border-bottom: none;
}
.tableLastOrders thead tr {
    height:26px;
}
.table-withoutBottom
{
    /* border-bottom: solid 2px #da2128; */
    padding-bottom:4px;
    width: 100%;
    border-spacing:0px;
}
.table-fixed {
    table-layout:fixed;
}
.table-fixed th, .table-fixed td {

    overflow:hidden;
    word-wrap:break-word;
}
.table-withoutBottom tr.left th {
    text-align: left;
}
.table-withoutBottom tr.center {
    text-align: center;
}
div#lastOrdersFilterListTable {
    /*padding-top: 10px;*/
}

.table-row-batch-preview
{
    font-size: 8pt;
}

.table-horizontal-th, .table-horizontal-th-gray, .table-horizontal-th-dark-gray
{
    /*background-image: url(Images/TableHeaderHorizontalBackground.png); 	background-color: #efefef; 	background-repeat: repeat-x; 	border-top: solid 2px #DA2128; 	border-bottom: solid 1px #999; 	border-left: solid 1px #efefef; 	border-right: solid 1px #efefef; /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
    height: 26px;
    text-align: left;
    margin-left:4px;
}

.table-horizontal-th
{
    background-color: #efefef;
    color: Black;
    vertical-align:top;
}
.table-horizontal-th-gray
{
    background-color: #949596;
    color: white;
    vertical-align:top;
}

.table-horizontal-th-dark-gray
{
    background-color: #D0D0D0;
    color: black;
    vertical-align:middle;
}


.table-td
{
    vertical-align:  middle;
}

.table-H
{
    text-align:left;
    height:24px;
}

.table-odd_row	   /* actually it uses main(original) style for row */
{
}

.table-even_row	   /*  greyed row */
{
	border-style: none;
	border-color: #f0f0f0;
	background-color: #f0f0f0;
}

.table-odd_row-bold	   /* actually it uses main(original) style for row */
{
    font-weight : bold;
}

.table-even_row-bold	   /*  greyed row */
{
    font-weight : bold;
	border-style: none;
	border-color: #f0f0f0;
	background-color: #f0f0f0;
}
/* TABLES  
----------------------------------------------------------*/
/*
ul.listing 
{
	list-style-type: none;
	margin-left: 0;
}

ul.listing li
{
	margin-top: 10px;
	background-color: #f5f5f5;
	border-bottom: 1px dotted #686868;
}
*/
.row
{
    /* background-color: #efefef; */
    width: 100%;
    margin-bottom: 5px;
    padding-left: 6px;
}

input[type=submit]
{
    height: 20px;
    background-color: #949596;
    font-family: Arial;
   /* font-weight: bold; */
    color: White;
    border: 0;
    text-align:center;
    cursor:pointer;
    -webkit-appearance: none;
}

input[type=button],input[type=button].linkbutton
{
    height: 20px;
    background-color: #949596;
    font-family: Arial;
    color: White;
    border: 0;
    text-align:center;
    cursor:pointer;
    -webkit-appearance: none;
}
input[type=button]
{
    font-weight: bold;
}
input[type=button].linkbutton
{
    font-weight: normal;
}


input[type=submit].buttonAsLink
{
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0px;
    color: #000000;
    text-decoration: underline;
    text-align: left;
    cursor: hand;
    padding:0;
    cursor:pointer;
}

input[type=submit].buttonAsLinkRed
{    
    background-color: #f7f7f7;
    border-style: solid;
    border-width: 0px;
    color: #D4021D;
    text-decoration: underline;
    text-align: left;
    cursor: hand;
    padding:0;
    cursor:pointer;
}

input[type=submit].linkButton, a.linkButton
{
    background-color: #E0E0E0;
    border-style: solid;
    border-width: 1px;
    border-top-color: #d0d0d0;
    border-left-color: #d0d0d0;
    border-bottom-color: Gray;
    border-right-color: Gray;
    color: #00000F;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: block;
    padding: 2px;
}

input[type=submit]:hover.linkButton, a:hover.linkButton
{
    background-color: #d7e7ff; /*border-bottom-color:#d0d0d0;     border-right-color:#d0d0d0;     border-top-color: Gray;     border-left-color:Gray;*/
}
input[type=submit]:active.linkButton, a:active.linkButton
{
    background-color: #d7d7d7;
    border-bottom-color: #d0d0d0;
    border-right-color: #d0d0d0;
    border-top-color: Gray;
    border-left-color: Gray;
}
DIV.pager
{
    text-align: left;
    border-top: 2px solid #da2128;
    padding: .5em 0 0 0;
    margin-top: 1em;
}

DIV.pager A
{
    font-size: 1.1em;
    color: #666;
    text-decoration: none;
    padding: 0 .4em 0 .4em;
}

DIV.pager A:hover
{
    font-weight: bold;
}

DIV.pager A.selected
{
    font-size: 1.3em;
    font-weight: bold;
    color: #DA2128;
}

span.pager a
{
    font-size: 1.1em;
    color: #666;
    text-decoration: none;
    padding: 0 .4em 0 .4em;
}

span.pager a:hover
{
    font-weight: bold;
}

span.pager a.selected
{
    font-size: 1.3em;
    font-weight: bold;
    color: #DA2128;
}

input[type="text"].standard
{
    width: 380px;
}

input[type="text"].bic
{
    width: 158px;
}

.textarea-readonly {
    margin-top: 5px;
    outline: none;
    color: dimgrey;
}

textarea.standard
{
    width: 376px;
}

select.standard
{
    width: 95%; /*384px;*/
}
select.colorGray
{
    color: #6a696a;
}

.selectedMenu, a.selectedMenu
{
    position: relative;
    font-size: 10pt;
    font-weight: bold;
    color: #DA2128;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 0;
}

a.selectedMenu
{
	text-decoration:none;
}

.menuParentText
{
    position: relative;
    line-height: 26px;
    font-size: 10pt;
    font-weight: bold;
    color: white;
}

.menuParent
{
    border-bottom: 1px;
    border-bottom-style: dotted;
    border-bottom-color: Black;
    font-size: 10pt;
    font-weight: bold;
    color: Black;
    height: 26px;
    background-color: #949596;
    vertical-align: middle;
    padding: 0 0 0px 4px;
    position: relative;
}
.menuChild
{
    height: 26px;
    padding-left: 25px;
    font-size: 10pt;
    height: 26px;
    border-bottom: 1px;
    border-bottom-style: dotted;
    border-bottom-color: Black;
    clear: both;
}
A.menuLinkStyle
{
    position: relative;
    font-size: 10pt;
    font-weight: bold;
    color: #6a696a;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
}

.transferAmount
{
    text-align: right;
}

.transferAmountDecimalDigits
{
    width: 20px;
}

.dateDefault input
{
    width: 85px;
}

.dateDefault input.text-box
{
    text-align: center;
}

.beneficiaryBankInfo
{
    background-color: #efefef;
    /*border-top-color: #DA2128;
    border-top-style: solid;
    border-top-width: 1px;
    */
    clear:both;
    margin-top:10px;
}

.alignRight
{
    text-align: right;
}

.printLabelInsteadDropDownList, .printLabelInsteadTextBox
{
    display: none;
}

div.rightColumn label.printLabelInsteadDropDownList, div.rightColumn label.printLabelInsteadTextBox
{
    display: none;
}

.disclaimer
{
    font-size: 10px;
    color: Gray;
}

.clear
{
    clear: both;
}

.summaryInformation {
    border: 2px solid #da2128;
    margin: 20px 0px 0px 0px;
    padding: 5px;
}

.table-row-alternative
{
    background-color: #f0f0f0;
}

input#username,input#password , input#token, input.password, input.token
{
 /*   width: 220px;*/
}

input#btnlogin
{
    width: 130px;
    background: url('images/arrow-right3.png');
    background-repeat: no-repeat;
    background-position: right;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    background-color: #949596;
    font-family: Arial;
    font-weight: bold;
    color: White;
    /*line-height: 20px;*/
    text-align: center;
    background-size: 16px;
}

input#btnlogout
{
    width: 110px;
    background: url('images/arrow-right3.png');
    background-repeat: no-repeat;
    background-position: right;
    vertical-align: middle;
    display: block;
    text-decoration: none;
    background-color: #D4021D;
    font-family: Arial;
    color: White;
    line-height: 20px;
    text-align: center;
    cursor:pointer;
    height:22px;
}

select#language
{
    width: 120px;
    white-space: nowrap;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
}

input#ChangeLanguage
{
    width: 130px;
    white-space: nowrap;
}

.mainTableTD
{
    margin-top: 5;
    margin-bottom: 5;
    margin-left: 10;
    margin-right: 10;
}

input[type="text"]:focus, input[type="password"]:focus
{
    background: #FFFFCC;
}

#Footer {
border-bottom:1px solid #D1D1D1;
display:block;
overflow:hidden;
width: 985px;
height:1px;
}

#FooterText {
width: 985px;
}

#FootertextLeft 
{
  font-size: 8pt;
  color: #6a696a;
  text-align:left;
  width: 800px;
  float:left;
}

#FootertextRight
{
  font-size: 8pt;
  color: #6a696a;
  text-align:right;
  width: 185px;
  float:right;
}

div#AccountDetailsResultDiv,div#LoanDetailsResultDiv,div#BeneficiaryDetailsResultDiv
{
    /*background-color:#F7F7F7;
    margin-bottom:12px;
    color: #6a696a;*/
}

span.elementwidth
{
    width:140px;
    display: inline; 
    float: left;
    padding-left:0;
}
div.comment
{
    color:Gray;
}

.auxiliaryInfo
{
    color:Gray;

}

.auxiliaryInfoMark
{
    color:Blue;
}

div.colorbar  
{ 
	background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAeAB4AAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAACAt8DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9OKKKK/wvP6MCiiigAooooAKKKKACiiigAooooAKKKKAEbqfpXyX+1x/yWq6/69YP/QTRRX6Z4Wf8jaX+F/mj7Dgb/kZ/9uv80eaUUUV/Rh+yBRRRQAUUUUAFFFFABRRRQAUUUUAFFFFAHl37W3/JN9P/AOwtF/6IuK+fKKK/XeDf+Rcv8TPt8h/3VerCiiivqz2QooooAKKKKACiiigAooooAKKKKACnQ/62P/eH86KK2w38aPqvzPE4l/5FGK/69z/9JZ0VFFFf0hD4Uf8AMziv48/V/mFFFFUYBRRRQAUUUUAFFFFABRRRQAUUUUAFcp4m/wCRguPov/oIoorOrsf2B9DD/kssR/14l/6XApUUUVzn+oAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQBXveg+tV6KK/o/w9/5EsPV/mz/AC2+k5/yXmJ/ww/9JQUUUV9qfz4FFFFABRRRQAUUUUAFFFFABRRRQAUUUUAf/9k=) no-repeat scroll center bottom transparent;
    clear: both;
    margin: 0 auto 0;
    min-height: 2px;
    width: 100%;
    height:2px;
    /* TODO: move to CSS3 */
    /* background-size: 100%; */
}

div.redbar
{
    clear:both;
    border-top: 2px solid #DA2128;
    z-index:100;
    width:100%;
    height:2px;
}

/*
.table-colorbar
{
	background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAeAB4AAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAACAt8DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9OKKKK/wvP6MCiiigAooooAKKKKACiiigAooooAKKKKAEbqfpXyX+1x/yWq6/69YP/QTRRX6Z4Wf8jaX+F/mj7Dgb/kZ/9uv80eaUUUV/Rh+yBRRRQAUUUUAFFFFABRRRQAUUUUAFFFFAHl37W3/JN9P/AOwtF/6IuK+fKKK/XeDf+Rcv8TPt8h/3VerCiiivqz2QooooAKKKKACiiigAooooAKKKKACnQ/62P/eH86KK2w38aPqvzPE4l/5FGK/69z/9JZ0VFFFf0hD4Uf8AMziv48/V/mFFFFUYBRRRQAUUUUAFFFFABRRRQAUUUUAFcp4m/wCRguPov/oIoorOrsf2B9DD/kssR/14l/6XApUUUVzn+oAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQBXveg+tV6KK/o/w9/5EsPV/mz/AC2+k5/yXmJ/ww/9JQUUUV9qfz4FFFFABRRRQAUUUUAFFFFABRRRQAUUUUAf/9k=) no-repeat scroll center bottom transparent;
    padding-bottom:4px;
    width: 100%;
}*/

table .div-right-content-login-colorbar
{
    background-color: #eaeaea;
    width: 400px;
}

a.RedLink:visited, a.RedLink:link
{
    color:#D4021D;
    text-decoration:underline;
}

a.GrayLink:visited, a.GrayLink:link
{
    color:#6A696A;
    text-decoration:none;
}

#headerMainGray
{
    /* 	border-top: solid 2px #DA2128; 	border-bottom: solid 1px #999; 	border-left: solid 1px #efefef; 	border-right: solid 1px #efefef;  	font-size: 14px; 	font-weight: bold; 	background-color: #efefef; 	width: 610px; 	margin-bottom: 5px; 	padding-left: 2px; 	clear:both; 	*/
    font-size: 10pt;
    font-weight: bold;
    background-color: #D0D0D0;
    /* margin-bottom: 5px; */
    height: 26px;
    text-align: left;
    color: Black;
    line-height: 26px;
    padding-left:4px;
    
}
/*
.infoButtonText
{
    border:#D0D0D0 solid;
    border-width:1px;
    width:300px;
    background-color:#FFF;
	position: absolute;
} */
.infoButtonLink
{	
	display:inline;
}
/*
.infoButtonFrame
{
    display:none;
}
*/

div.p10
{
	padding-top:10px;
}

div.errorMsg
{
	font-size: 1.0em; 
	font-family: Arial, Helvetica, sans-serif; 
	/*color: #0063DC;  */
	color:Red;
	padding: 0 0 10px 0;
}

div.submitButtons
{
    float:right;
    padding-left:6px;
}

.hidden {
    display: none;
}

div.spinner {
    float: right;
    height: 0px;
}

table#resultsSwiftBanks input.bankNameSearch {
    width: 100%;    
}
table a.imageUse {
    background: url(../Content/Images/icon_transfer.gif) no-repeat top left;
     display: inline-block;
     width: 12px;
     height: 12px;
     text-indent: -9999px; /* hides the link text */
}

/**Beneficiaries**/

input.internationalBankCode {
    width: 95px;
}

input.beneficiaryBudgetBank {
    width: 50px;
}

input.beneficiaryNationalBank {
    width: 75px;
}

input.beneficiaryName {
    width: 225px;
}

input.beneficiaryBankCode {
    width: 30px;
}

input.depositAmount,select.depositConditions
{
    width:155px;
    text-align: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*Last Orders filter box*/
div.lastOrdersFilterSection1 {
    height: 50px;
    margin-top: 10px;
}
div.lastOrdersFilterSection2 {
    height: 50px;
    padding-bottom:5px;
}
div.lastOrdersFilterSection3 {
    height: 50px;
}
div.lastOrdersFilter {
 background-color: #efefef;
 width: 601px;
 padding: 0px 0px 3px 5px;
}
div.lastOrdersFilter label.floatLeft {
 padding: 5px 0px 0px 5px;
 float:left;
}
div.lastOrdersFilterSection1 select{
    width:280px;
}
div.lastOrdersFilter div.header label{
    font-weight:bold;
}
div.lastOrdersFilter div.leftColumn {
 background-color: #efefef; 
 float: left; 
 width: 291px;
}

div.lastOrdersFilter div.rightColumn {
 float: right;
 width: 291px;
}
div.lastOrdersFilterSection2 input[type="text"] {
    width: 111px;
}
div.lastOrdersFilterSection2 div.inline {
    display:inline;
}
table#lastOrdersListTable input[type="text"], table#lastOrdersListTable select{
    width:125px;
    padding-left: 1px;
}
table#lastOrdersListTable th {
    padding:5px;
}
tbody.tableOddEven2 tr:nth-child(4n) td,
tbody.tableOddEven2 tr:nth-child(4n + 1) td {
	border-style: none;
	border-color: #f0f0f0;
	background-color: #f0f0f0;
}
tbody.tableOddEven tr:nth-child(even) td
{
	border-style: none;
	border-color: #f0f0f0;
	background-color: #f0f0f0;
}
.btnNext,.btnCancel,.btnClose, .btnDelete, .btnDetails, .btnBack, .btnFinish, .btnCreate, .btnSave, .btnUpdate, .btnSearch, .btnPrint , .btnReject, .btnDetails , .imgBtnDetails, .btnRight, .btnDown, .btnUpload
{
    padding-left: 22px;
    padding-right: 8px;
    /*margin-left: 10px;*/
    background: url("images/icons/greyicons-v.png") no-repeat scroll left center #949596;
    background-size: 20px;
    color: red;
}
.imgBtnDetails
{
    padding-left: 11px;
    padding-right: 11px;
}
.btnNext
{
    background-position: 0px -40px;
}

.btnCancel, .btnClose
{
    background-position: 0px -100px;
}

.btnDelete, .btnReject
{
    background-position: 0px -120px;
}

.btnBack
{
    background-position: 0px 0px;
}

.btnFinish
{
    background-position: 0px -280px;
}

.btnCreate
{
    background-position: 0px -80px;
}
.btnSave
{
    background-position: 0px -240px;
}
.btnUpdate
{
    background-position: 0px -300px;
}
.btnSearch
{
    background-position: 0px -260px;
}
.btnRight
{
    background-position: 0px -360px;
}
.btnDown
{
    background-position: 0px -180px;
}
.btnPrint
{
    background-position: 0px -220px;
}
.btnDetails , .imgBtnDetails
{
    background-position: 0px -140px;
}
.btnUpload
{
    background-position: 0px -320px;
}
.imgUseInTransfer, .imgEdit, .imgDelete, .imgShowDetails, .imgAccountDetails
{
    border: 0;
    background:url("images/icons/redicons-h.png");
    background-size:100px;
    width: 20px;
    height: 20px;
}
.imgShowDetails {
    background-position:-80px 0px;
}
.imgUseInTransfer {
    background-position:-60px 0px;
}
.imgEdit {

    background-position:-40px 0px;
}
.imgDelete {
    background-position:-20px 0px;
}
.imgAccountDetails
{
    cursor:pointer; 
    background-position:0px 0px;
}

.imgBankPhone, .imgBankEmail, .imgBankWeb {
    padding-left: 22px;
    padding-right: 8px;
    background: url("images/icons/redBankicons-v.png") no-repeat scroll left center ;
    background-size: 30px;
}
.imgBankEmail{
    background-position: 0 0 !important;
}

.imgBankWeb{
    background-position: 0 -24px !important;
}

.imgBankPhone{
    background-position: 0 -48px !important;
}