<!-- [dimensions] -->
<!-- # width in pixels -->

<!-- # content -->

<!-- [colors] -->

<!-- ;tabs - background of tab is made by picture -->

<!-- ; differentiality of even and odd lines in lists -->

<!-- ; list tables -->

<!-- ;elements background color of readonly elements -->

<!-- ;horizontal rule -->

<!-- ;copyright -->

<!-- ;color of error messages -->

<!-- ;popup -->

<!-- ;titles -->

<!-- ;links -->

<!-- ;blinking time colon -->

<!-- # Calendar -->

<!-- #Buttons -->


<!-- lookup box -->

table{
  /* TODO: nemazat, jinak se nenacte ".ListContent", pokud je na zacatku souboru */
}

.ListContent{
  clear: both;
}

.List .ListContent{
  padding: 1px;
  =width: auto;
  _width: 100%;
  =padding: 0px;
  overflow: auto;
}

.List .ListContent .ListPadding{
  margin-bottom: 1em;
  width: auto;
}

.ListContent table{
  border: none;
  border-spacing: 0px;
  border-collapse: separate;
  margin-bottom: 10px;
  vertical-align: middle;
  white-space: nowrap;
}

.ListContent th,
.ListContent td{
  font-size: 12px;
  white-space: nowrap;
}
.ListContent thead th{
  padding: 0px 5px;
  background-color: #E3151F;
  color: #FFFFFF;
  font-weight: bold;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.6em;
}

.ListContent tfoot th,
.ListContent tfoot td{
  background: #F5F5F5;
  padding: 5px;
  text-align: center;
  color: #666666;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
}

.ListContent tbody tr{
  background-color: #F3F3F3;
  border-top: 1px solid #FFFFFF;
  height: 25px;
}

.ListContent tbody td {
  padding: 0px 5px;
  line-height: 1.5em;
  white-space: nowrap;
  border-style: none;
  border-bottom: 1px dashed #D4D4D4;
  -moz-border-radius: 0px 0px 0px 0px;
}
.ListContent tbody td.date{
  text-align: left;
}
.ListContent .recno{
  text-align: center;
}
.ListContent thead .recno a img{
  border: none;
}
.ListContent .allRight{
  text-align: right;
}
.ListContent .topRowSpan{
  vertical-align: top;
}
.ListContent td a{
  color: #DC251D;
}
.ListContent .NoUpperCase{
  text-transform: lowercase;
}

.ListContent .OddLine td{
  background-color: #F3F3F3;
}

.ListContent .EvenLine td{
  background-color: white;
}

.ListContent table td span.negativnumber{
  color: red;
}

.ListContent .expander{
  width: 100%;
}

.noitemsfound{
  font-weight: bold;
  font-style: italic;
  margin: 1em;
}

.InfoLine{
  margin: 0em 1em 0em 0em;
}

.InfoLine .rightpart
{
  float: right;
}

.ebeddedLists .InfoLine .rightpart{
  margin-top: 1.8em;
}

div.ebeddedLists{
  margin-left: 2em;
}

.ListContent td div.numerics,
.ListContent td.numerics{
  text-align:right;
}

.List div.cancelLookupModeTop{
  margin: 1em 0 0 0.5em;
}

.List div.cancelLookupModeNodataTop{
  margin-left: 1em;
}

.List div.cancelLookupModeBottom{
  margin: 1em 0 0 0.5em;
}

.List div.cancelLookupModeNodataBottom{
  margin-left: 1em;
}

div.listCommands1,
div.listCommands2{
  float: right;
}

div.listCommands1{
  margin-top: 0.3em;
}

div.listCommands2{
  margin-top: 3.3em;
}

.ListTable .tableNavigator {
  border: none;
}
.ListTable .tableNavigator{
  padding-left: 0.3em;
  padding-right: 0.3em;
}
.ListTable .tableNavigator div{
  float: left;
  vertical-align: baseline;
  margin-left: 0em;
  margin-right: 0em;
  padding-left: 0em;
  padding-right: 0em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  line-height: 2em;
}

.List .pages a,
.List .pages a:link,
.List .pages a:visited,
.List .pages a:active,
.List .pages a:hover{
  color: black;
}

.List .navigator .pages
{
  text-align:right;
  background: #F5F5F5;
  padding: 5px;
  color: black;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

.List .navigator .pageList
{
  line-height: 22px;
}

.List .navigator .listExportButtons
{
  padding-left: 4px;
  float: right;
}

.RP .actionbuttons{
  text-align: center;
  clear: both;
}
.RP .body .column{
  width: 28em;
}
.RP .formline select,
.RP .formline input{
  left: 15em;
}

.TD_list span.commands{
   float:right;
   margin-top:0.2em;
}
.signature table .value input.button{
  vertical-align: middle;
}
.button,
.buttonInv,
.button img,
.buttonInv img{
  border: none;
}

a.button{
  text-decoration: none;
}

.calendar{
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  background-color: #FFFFFF;
  border-top: #DDDDDD solid 1px;
  border-left: #DDDDDD solid 1px;
  border-right: black solid 1px;
  border-bottom: black solid 1px;
  padding: 3px 5px 0px 5px;
  width: 198px;
}
.calendar .days{
  margin-left: auto;
  margin-right: auto;
}
.calendar .timecnt{
  margin-left: auto;
  margin-right: auto;
}
.calendar .dayname{
  text-align: center;
  width: 18px;
}
.calendar .daysrow td{
  padding: 0px;
}
.calendar .daysrow input{
  font-size: 1em;
  width: 20px;
  height: 17px;
  padding: 0px;
  border: none;
  background-color: #FFFFFF;
  text-align: right;
  cursor: pointer;
}
.calendar .om{
  color: gray;
}
.calendar .tm{
  color: black;
}
.calendar .nd{
  border: #FF8F8F8 solid 1px;
}
.calendar .td{
  border: red solid 1px;
}
.calendar .sd{
  border: #bd919a solid 1px;
}
.calendar .std{
  border: red solid 1px;
}
.calendar .hd{
  border: #D2C6C8 solid 1px;
}
.calendar .htd{
  border: red solid 1px;
}
.calendar .sd input{
  background-color: #ff8585;
}
.calendar .std input{
  background-color: #ff8585;
}
.calendar .hd input{
  background-color: #D2C6C8;
}
.calendar .htd input{
  background-color: #D2C6C8;
}
.calendar td.navbtn{
  padding: 0px;
}
.calendar input.navbtn{
  width: 20px;
  padding: 0px;
  border: 1px solid #EE1C25;
  background-color: white;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.calendar div.conbtn{
  text-align: center;
  padding: 3px 0px 3px 0px;
}
.calendar input.conbtn{
  width: 60px;
  padding: 0px;
  font-weight: bold;
  border: 1px solid #EE1C25;
  background-color: white;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.calendar .timecnt{
  padding-top: 3px;
}
.calendar .numinp,
.calendar .numinperr{
  float: left;
  width: 20px;
}
.calendar .numinperr{
  color: red;
}
.calendar .ampminp{
  width: 48px;
}
.calendar .numbtn{
  float: left;
  width: 20px;
  height: 20px;
}
.calendar .numbtn input{
  display: block;
  width: 17px;
  height: 10px;
  padding: 0px;
  border: 1px solid #EE1C25;
  background-color: white;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.calendar .numupbtn{
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/ascendingact_icon.gif');
}
.calendar .numdobtn{
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/descendingact_icon.gif');
}
.calendar .hideelem{
  display: none;
}
.calendar .month{
  text-align: center;
  height: 20px;
}
.calendar .lbtn{
  float: left;
}
.calendar .rbtn{
  float: right;
}
.calendaropenbtn{
  cursor: pointer;
}

/*======= TITLES AND CAPTIONS ============*/

.CLDetail .required{
  font-weight: bold;
}
.CLDetail .note{
  margin-bottom: 5px;
  clear: both;
}
.CLDetail .accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}
.CLDetail .title{
  position: relative;
  height: 2em;
}
.CLDetail .title .value{
  position: absolute;
  left: 11em;
}
.CLDetail .body{
  margin-left: 20px;
}
.CLDetail .controlButton{
  margin: 20px 0px 0px 180px;
}

/*======= TABLE WITH FORM ============*/

.CLDetail .formulary .title label{
  color: black;
}
.CLDetail .formulary input{
  width: 10em;
}
.CLDetail .formulary input.phpbutton{
  vertical-align: bottom;
  width: auto;
}
.CLDetail .formulary input.maxsize,
.CLDetail .formulary input.maxsize_ro{
  width: 23.8em;
}
.CLDetail .formulary .sizeA{ /* middle input */
  width: 8em;
}
.CLDetail .formulary .sizeB{ /* small input */
  width: 4em;
}
.CLDetail .formulary .sizeC{ /* small select */
  width: 10.5em;
}
.CLDetail .formulary .sizeD{ /* middle input */
  width: 6.5em;
}
.CLDetail .formline .sizeE{ /* long input */
  width: 12em;
}
.CLDetail .formulary .sizeG{ /* long input */
  width: 21.2em;
}
.CLDetail .formulary .sizeF{ /* very long input */
  width: 23.8em;
}
.CLDetail .formulary .Prefix_And_Number{
  white-space: nowrap;
}
.CLDetail .formulary input.button{
  width: auto;
  margin: 0px;
}
.CLDetail .formulary .img-line{
  padding: 0px;
}
.CLDetail .formulary .btnRecalculate input,
.CLDetail .formulary td img{
  vertical-align: bottom;
}
.CLDetail .formulary th,
.CLDetail .formulary td{
  font-size: 12px;
}
.CLDetail .formulary .title{
  padding: 0px 5px 0px 20px;
}
.CLDetail .formulary .value{
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  text-align: left;
}

/*============= CUSTOM FIELDS ==============*/

.CLDetail form{
  clear: both;
}
#CL_Detail_amount{
  text-align: right;
}
#CL_detail_accountNumberPrefix{
  width: 50px;
}
#CL_Detail_accountNumberCredit{
  text-align: right;
}
.CLDetail input.button{
  margin: 0px 2px;
}
.CLDetail div.commands{
  float: right;
}

#CL_detail_bankCodeCredit{
  vertical-align: middle;
}
.CLDetail table td.value input.button{
  vertical-align: middle;
}

.CLDetail div.template{
  margin-bottom: 1em;
}

.CLDetail div.template select{
  width: 10em;
}

.CLDetail div.template label{
  color: black;
}

.CLDetail .tempTitle{
  width: 11.5em;
  margin-top: 0.3em;
  float: left;
}

/*===========  SIGNATURE BOX  ============*/

#CL_Detail_SystemSignature{
  margin-bottom: 1em;
}
.CLDetail .signature .infoText{
  margin-bottom: 10px;
  color: red;
}
.CLDetail .signature .SI{
  margin-top: 10px;
}
.CLDetail .signature .SI .body .column{
  float: none;
}

.CLDetail .signature table td.title{
  padding-left : 20px;
}

.CLDetail div.ListContent{
  padding-bottom: 2px;
}

#CL_detail_bankName{
  margin-left: 1em;
  vertical-align: middle;
}


.CLDetail table td.value span.numericsfld input{
  text-align: right;
}

.CLList span.commands{
   float:right;
   margin-top:0.2em;
}
/* filter */
  .CLList .filter div[title] label{
    border: none;
    padding-left: 1em;
  }
  .CLList .filter .filterbutton{
    clear: both;
    margin-bottom: 10px;
  }
  .CLList .filter #CL_fcol select,
  .CLList .filter #CL_fcol input{
    left: 6em;
    width: 10em;
  }
  .CLList .filter #CL_scol input {
    left: 6em;
    width: 10em;
  }
  .CLList .filter #CL_filtercollapsebox {
    height: 2em;
    margin-bottom: 1.1em;
  }
  .CLList .CLInfo{
    color: red;
  }
  div#CL_fcol.column{
    width: 25em;
  }
/**/

.CMDetail form{
  clear: both;
}
.CMDetail .subjectsection #CM_fcol{
  width: 16em;
}


.CMDetail .required{
  font-weight: bold;
}
.CMDetail .note{
  margin-bottom: 5px;
}
.CMDetail .accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}
.CMDetail .title{
  position: relative;
  height: 2em;
}
.CMDetail .title .value{
  position: absolute;
  left: 11em;
}
.CMDetail .body{
  margin-left: 20px;
}
.CMDetail .controlButton{
  margin: 20px 0px 0px 180px;
}

.CMDetail div.commands{
  position: absolute;
  right: 60px;
  top: 190px;
}

.CMDetail .formulary .title label{
  color: black;
}
.CMDetail .formulary input{
  width: 10em;
}
.CMDetail .formulary input.phpbutton{
  vertical-align: bottom;
  width: auto;
}
.CMDetail .formulary input.maxsize,
.CMDetail .formulary input.maxsize_ro{
  width: 23.8em;
}
.CMDetail .formulary .sizeA{ /* middle input */
  width: 8em;
}
.CMDetail .formulary .sizeB{ /* small input */
  width: 4em;
}
.CMDetail .formulary .sizeC{ /* small select */
  width: 10.5em;
}
.CMDetail .formulary .sizeD{ /* middle input */
  width: 6.5em;
}
.CMDetail .formline .sizeE{ /* long input */
  width: 12em;
}
.CMDetail .formulary .sizeG{ /* long input */
  width: 21.2em;
}
.CMDetail .formulary .sizeF{ /* very long input */
  width: 23.8em;
}
.CMDetail .formulary .Prefix_And_Number{
  white-space: nowrap;
}
.CMDetail .formulary input.button{
  width: auto;
  margin: 0px;
}
.CMDetail .formulary .img-line{
  padding: 0px;
}

.CMDetail .formulary th,
.CMDetail .formulary td{
  font-size: 12px;
}
.CMDetail .formulary .title{
  padding: 0px 5px 0px 20px;
}
.CMDetail .formulary .value{
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  text-align: left;
}

.CMList tr.unread td{
  font-weight: bold;
}
.CMList .commands{
  position: absolute;
  right: 80px;
  top: 195px;
}

.CMList button{
  clear: both;
}
.CMList .action{
  margin-top: 2em;
  text-align: center;
}
/* filter */
  .CMList .filter form{
    margin-top: 1em;
  }
  .CMList .filter div.filterbuttons{
    clear: both;
  }
  .CMList .filter #CM_fcol{
    width: 22em;
  }
  .CMList .filter #CM_fcol select,
  .CMList .filter #CM_fcol input {
    left: 9em;
    width: 10em;
  }
  .CMList .filter #CM_fcol #CM_filter_unreadonly{
    width: auto;
    margin-left: 0em;
    padding-left: 0em;
  }
  .CMList .filter #CM_mcol{
    width: 23em;
  }
  .CMList .filter #CM_mcol select,
  .CMList .filter #CM_mcol input {
    left: 5em;
    width: 15em;
  }
/**/
.CMList .ListTable tr td{
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.CMList .ListTable .direction{
  text-align: center;
}
.CMList .ListTable .directionimg{
  border: none;
}

/* elements */
/*  input,
  textarea,
  select{
    border: black 1px solid;
  } */
  input,
  textarea{
    padding-left: 2px;
    padding-right: 2px;
  }
  input[disabled],
  input.readonly,
  input.maxsize_ro,
  textarea.readonly,
  textarea.maxsize_ro,
  select.readonly{
    background-color: #E5E5E5;
    color: black
  }
  {{if #FgColorLink#}}

  {{/if}}
/**/
/* classes */
  .OddLine{
    background-color: #F3F3F3;
  }
  .EvenLine{
    background-color: white;
  }
  div[title] label{
    border-bottom: dotted 1px black;
    cursor: help;
  }
  div[title] label.empty{
    border-bottom-style: none;
  }
/**/

/* sorting */
  .sortasc img,
  .sortdesc img{
    border: none;
  }
/**/
/* filter */
  .filter .collapsed{
    display: none;
  }
/**/

span.blanktextbold{
  font-weight:bold;
}

td.numericblanktext{
  text-align: right;
  padding:0px 2px 0px 10px;
}

.CHlist .filter form{
  margin-top: 1em;
}
.CHlist .filter .column{
  width: 26em;
}
.CHlist .filter .column input,
.CHlist .filter .column select{
  left: 10em;
}
.CHlist .filter .column input{
  width: 14em;
}
.CHlist .filter .column select{
  width: 14.5em;
}
.CHlist .ListTable{
  clear: both;
}
.CHlist .filterbuttons{
  clear: both;
}
.CHlist .commands{
  position: absolute;
  right: 2em;
}
.CHlist .ListTable .quantity,
.CHlist .ListTable .nominal,
.CHlist .ListTable .price,
.CHlist .ListTable .profit{
  text-align: right;
}
.CHlist span.negative{
  color: red;
}
.CHdetail .Identification input{
  left: 11em;
}
.nottopasmsg .WelcomeMsg{
  font-weight: bold;
}

.accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}

.infoText{
  height: 2em;
  font-weight: bold;
  font-size: 1em;
}

.formulary td.title span.required{
  font-weight: bold;
}

.formulary td.title label{
  color: black;
}
.formulary td.value input{
  width: 10em;
}

.formulary td.value select{
  width: 10.5em;
}

/* Set action button width. Button used when JavaScript is off */
.formulary td.value input.imginput{
 width: auto;
}

.formulary td.title {
  padding: 0px 5px 0px 20px;
}

table.formulary td.value span.numericsfld input{
  text-align: right;
}

table.formulary td.title label{
  color: black;
}

div.detailButtons{
  margin-top: 1em;
}

div.controlButton{
  margin: 20px 0 0 180px;
}

div.commandButton{
  margin-left: 0.5em;
  margin-top: 1em;
}

.commands{
  float: right;
}

#EC_detail_limitCurrency{
  width: 5em;
}

#EC_detail_periodicityUnit{
  width: 7em;
}

#EC_detail_contraAccountNumberPrefix{
  width: 4em;
}

.formulary td.value .button{
  width: auto;
  vertical-align: middle;
}

#EC_detail_bankCodeCredit{
  vertical-align: middle;
}


.ECDetail div.signedBy{
  margin-left: 20px;
}

.ECDetail div.signedByText{
  margin: 0.3em 0em;
}

.ECDetail table td.value input.button{
  vertical-align: middle;
}

.TEList .commands{
  float: right;
  margin-top:0.2em;
}

table.filter .title label{
  color: black;
}

.body .column{
  float: left;
  position: relative;
  margin-bottom: 1em;
}
.formline{
  position: relative;
  line-height: 1.8em;
}
.formline .value{
  position: absolute;
}
.formline input{
  position: absolute;
}
.formline select{
  position: absolute;
}

.formline label {
  font-weight: normal;
}

.formline label.required{
  font-weight: bold;
}
.filter .body{
  padding-top: 0.5em;
}

.formline .required{
  font-weight: bold;
}

.hiddenlabel{
  display: none;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0px;
  color: black;
  background-color: #F0F0F0;
}

form{
  margin: 0px;
}
.filter form {
  margin-bottom: 3px;
  margin-top: 0.5em;
}


/* Layout */
  #IX_content{
    height: 100%;
    background-color: #FFFFFF;
    border-left: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
	}

	#IX_LGcontainer{
    text-align: center;
  }

  #IX_header{
  	height: 98px;
    overflow:hidden;
    background-color: #F0F0F0;
  }

  #IX_header img{
    border: 0px none;
    float: left;
  }
  #IX_header table label{
    font-style: italic;
  }

  #IX_logo{
    float: left;
  }

  #logoWeb img{
    padding-left: 12px;
    padding-top: 12px;
  }

  #logoPrint{
    display: none;
  }

  #changeAccount{
    margin: 25px 20px 0px 0px;
    float: right;
  }
  #changeAccount table{
    border: none;
    background-color: transparent;
  }
  #changeAccount table td{
    font-size: 12px;
  }
  #idbuttChangeAcc{
    vertical-align: middle;
    position: relative;
    top: -0.25em;
  }
  #idbuttchangepage1{
    margin: 0px 20px 5px 15px;
  }

  #IX_copyright{
    text-align: center;
    margin: 0px;
    padding: 5px 0px 10px 0px;
    font-size: 11px;
    width: 60%;
    color: #888888;
    float: right;
  }
  #IX_copyright a,
  #IX_copyright a:link,
  #IX_copyright a:visited,
  #IX_copyright a:active,
  #IX_copyright a:hover{
    text-decoration: none;
    color: #888888;
  }

/* navigation */
  #IX_navigation {
    background: url(../img/empty.png) repeat-x;
    height: 32px;
    padding-left: 40px;
    width: auto;
  }
  #IX_navigation .buttonMenu{
    width: 1050px;
  }
  .buttonMenu a{
    margin-right: 4px;
  }
  #IX_navigation img{
    border: 0px none;
  }
  #IX_navigation .active{
    cursor : default;
  }

  #IX_navigation2 {
  	padding: 0px;
  	margin: 0px;
  	height: 39px;
  	width: 100%;
    background-image: url('../img/nav2back.png');
  }
  #IX_navigation2 img{
    border: 0px none;
  }
  #IX_navigation2w {
  	padding: 0px;
  	margin: 0px 0px 0px 28px;
  	height: 39px;
  	overflow: hidden;
  	width: 1180px;
  }

  #IX_navigation3 img{
    border: 0px none;
  }
  #line span{
    padding-right: 30px;
    padding-left: 30px;
  }

  #IX_content div.hr{
    border: none;
    width: 500px;
    margin: 0.4em 0em 0.4em 0em;
    height: 3px;
    position: relative;
    background-color: #D4D4D4;
  }
  #IX_content .hr hr{
    display: none;
  }
  h2 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #DC251D;
  }
  h4 {
    font-size: 12px;
    font-weight: normal;
    color: black;
    left: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
  	background-color: #D4D4D4;
  	width: 500px;
  	height: 20px;
  	padding-top:5px;
  	padding-left: 5px;
  }

  input {
  	border-spacing: 5px;
  	border-collapse: separate;
  	background-color: #FFF;
    white-space: nowrap;
  }
  input.button {
    padding: 0px;
    margin: 0px;
  }

  /*
  a, a:link, a:visited, a:active, a:hover{
    color: #A99966;
  }
  */

  #IX_content .agreement {
    width: 554px;
    padding-top: 15px;
  }
  #LG_loginform .button_line button{
  	font-size: 18px;
  }

/* languages */
  #GD_languages{
    float: right;
    text-align: right;
    margin-right: 10px;
    white-space: nowrap;
    color: white;
  }
  #GD_languages img{
    border: 0px none;
    margin-right: 10px;
  }
  #GD_languages a{
    background-color: transparent;
    border: 0px;
  }
  #IX_BankTime{
    padding-top: 5px;
  }

.errormsg{
  color: red;
  font-style: italic;
  margin-bottom: 1em;
}
.message{
  color: black;
  font-weight: bold;
  margin-bottom: 1em;
}
.allRight{
  text-align: right;
}
.allMiddle{
  vertical-align: middle;
}
.readOnly{
  background-color: #E5E5E5;
}

.textBold{
  font-weight: bold;
}

.negative{
  color: red;
}

.nowrap{
  white-space:nowrap;
}

.bordernone{
  border: none;
}

.body .column{
  width: 33em;
}
.body .column2{
  float: left;
}
.BasicInfoName{
  min-width: 10em;
  text-align: left;
  float:left;
}
.BasicInfoValue{
  min-width: 9em;
  text-align: right;
  font-weight: bold;
  float:left;
}
.BasicInfoCurr{
  width: 3em;
  text-align: left;
  font-weight: bold;
  margin-left: 0.5em;
  display: inline;
}
.tabBasicInfo{
  margin: 5px 0px 5px 20px;
}
.tabBasicInfo th,
.tabBasicInfo td{
  font-size:12px;
}
.tabBasicInfo .BIName{
  padding: 0px 10px 0px 0px;
  text-align: left;
}
.tabBasicInfo .BIValue{
  padding: 0px 2px 0px 10px;
  font-weight: bold;
  text-align: right;
}
.tabBasicInfo .BICurr{
  padding: 0px 100px 0px 2px;
  font-weight: bold;
  text-align: left;
}
.ModuleName{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin-left: 0px;
  height: 2em;
  color: #DC251D;
}
.ModuleName .nameAccount{
  float: left;
}
.detailNavigator .navigator{
  float: right;
  display: inline;
}

.detailNavigator .navigator img{
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.detailNavigator .navigator .context{
  margin-right: 0.5em;
}

.Title{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 0.5em;
}
.Title a,
.Title a:link,
.Title a:visited,
.Title a:active,
.Title a:hover{
  font-weight: bold;
  color: #DC251D;
}

.Title a.anchor {
  font-weight: normal;
}

.Title a.anchor .required,
.Title .required a.anchor {
  font-weight: bold;
}

.note {
  font-style: italic;
  position: relative;
  height: 1em;
  margin-bottom: 15px;
}
.note .description {
  position: absolute;
}
.note .text {
  position: absolute;
  left: 11em;
}
.HiddenSubmit{
  position: absolute;
  left: -10000px;
}

#IX_footer_Sysdate_content .time_colon_visible{
  color: black;
}

#IX_footer_Sysdate_content .time_colon_hidden{
  color: #AA9966;
}

.embeddedListSeparator{
  margin-bottom: 1em;
}

input.phpbutton{
  padding: 0px;
  margin: 0px 2px;
}


#changeAccount table td div.emptyAccList option{
  width: 10em;
}


.value .checkbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
  height: 15px;
  margin: 0px;
}
.value .readonlycheckbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
  height: 15px;
  margin: 0px;
}

#detailErrorB2LButton{
  margin-top: 1em;
}

a.whitelink{
  color: white;
}

div.hr {
  clear: both;
  border: 1px solid #DC251D;
  margin-bottom: 1em;
  margin-top: 1em;
  position: relative;
  height: 1px;s
}
div.hr span {
  position: absolute;
  font-weight: bold;
  top: -0.5em;
  left: 10%;
  padding: 0em 1em;
  color: #DC251D;
  background-color: white;
}

.LO_Detail .allCenter{
  text-align: center;
}
.LO_Detail .ListTableHead{
  font-weight: bold;
  margin-top: 10px;
  margin-left: 20px;
}
.LO_Detail .operations{
  margin-left: 20px;
}
.LO_Detail .tabBasicInfo td.title{
  padding:0px 10px 0px 0px;
}
.LO_Detail .tabBasicInfo td.value{
  padding:0px 2px 0px 10px;
}

.LO_Detail .tabBasicInfo td.actioncol{
  padding:0px 60px 0px 2px;
}

.LO-list .allRight{
  text-align: right;
}


.LG{
  text-align: center;
}

.LG label,
.LG input{
  display: block;
  width: 150px;
}

#LG_login .errormsg{
  display: block;
  text-align: center;
  color: red;
}

#LG_container{
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  position: relative;
  text-align: left;
  width: 650px;
}
#LG_warning{
  margin-top: 1em;
  margin-bottom: 1em;
  color: red;
}
#LG_intro{
  float: left;
  width: 370px;
}
#LG_text{
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: left;
}
#LG_login{
  background-color: #f0f0f0;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 230px;
  float: right;
}
#LG_login .loginform{
  margin-left: 40px;
  margin-right: 30px;
}
#LG_login form div{
  margin-top: 1.2em;
}

.LG .formline input.LG_password_char{
  width: 1em;
  float: left;
  position: relative;
  left: auto;
}
.LG  .formline input.LG_password_char_dis{
  width: 1em;
  background-color: #E5E5E5;
  color: black;
  float: left;
  position: relative;
  left: auto;
}
.LG #LG_loginbutton{
  width: auto;
  margin: 0px;
  font-family: open_sansregular;
}
#LG_loginform .button_line{
  margin-bottom: 10px;
}

#IX_LGcontainer div.errormsg{
  background-color: #F0F0F0;
  border: 1px solid #AAAAAA;
  height: 100%;
  margin: 20px;
  padding: 20px;
  text-align: left;
}

.LG_errormsg{
  color: red;
  font-style: italic;
  margin-bottom: 1em;
  text-align: center;
}

#LG_sessionTimeOutInfo{
  margin-bottom: 1em;
  color: red;
  text-align: center;
}

#LG_clear
{
clear: both;
padding-top: 10px;
padding-bottom: 10px;
}

#LG_infoText{
  padding: 6px;
  border: 2px solid #7F1B35;
  font-weight: bold;
  white-space: pre-wrap;
}

.lookupbox{
  visibility: hidden;
  position: absolute;
  padding: 2px;
  margin-left: 10px;
  margin-top: 23px;
  left: 0;
  top: 0;
  background-color: #FFF8F1;
  border-top: #DDDDDD solid 1px;
  border-left: #DDDDDD solid 1px;
  border-right: black solid 1px;
  border-bottom: black solid 1px;
  width: 198px;
  overflow: hidden;
}
.lookupbox .row,
.lookupbox .selrow{
  cursor: pointer;
  white-space: nowrap;
}
.lookupbox .row{
  background-color: #FFF8F1;
  color: black;
}
.lookupbox .selrow{
  background-color: #DC251D;
  color: white;
}
.lookupbox .inforow{
  text-align: center;
  margin-top: 1px;
  border-top: #DDDDDD solid 1px;
  background-color: #FFF8F1;
  color: black;
}

.MP .Intro, .MP .Unread {
  margin: 1em 0em;
}
.MP ul{
  margin-top: 0em;
  margin-bottom: 0em;
}
.MP .WelcomeMsg{
  font-weight: bold;
  font-size: 1.2em;
  white-space: pre-wrap;
}
.MP .PD_SpecificMessage{
  margin: 10px 0px 10px 40px;
  color: red;
}
.MP .errormsg{
  display: block;
  text-align: center;
  color: red;
}

.MP .ModuleName{
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0px;
  height: 1.2em;
}
.MP .SelectedAccount{
  margin: 0px 0px 5px 20px;
}
.MP .Balance{
  position: relative;
  height: 1.25em;
  width: 29em;
  left: 1em;
}
.MP .BalanceTitle{
  position: absolute;
  width: 13em;
  left: 0.5em;
}

.MP .Balance,
.MP .Deposits,
.MP .Loans,
.MP .CurrentHolding{
  margin-bottom: 1em;
  margin-top: 0.5em;
}


#IX_maintenance{
  font-weight: bold;
}
#IX_maintenance .image{
  text-align: center;
}

img{
  border: none;
}

#IX_work_maintenance{
  padding: 0px;
  margin-top: 100px;
}

#IX_work_maintenance #IX_workmargin{
 width: 500px;
 margin:auto;
}

#IX_work_maintenance .content{
  padding: 1em;
}

#IX_maintenance_logo {
  text-align: left;
}

/* Maintenance page */
  #IX_maintenance{
    padding: 3em;
  }
  .IX_maintenance_image{
    float:right;
  }

  .IX_maintenance_signature{
    text-align: right;
  }
  .IX_maintenance_block{
    font-weight: bold;
    text-align:left;
  }
  .IX_maintenance_text {
  margin-top: 10px;
  width: 310px;
  }
  .IX_maintenance_salutation{
    font-weight: bold;
  }

  #IX_work_maintenance #IX_copyright {
    clear:both;
  }
/**/


.navigator td{
  background-color: #F0F0F0;
  color: black;
}
.navigator .active{
  text-decoration: none;
  cursor: default;
}
.navigator img{
  border: none;
}
.navigator .button{
  vertical-align: middle;
}

span.navigator{
  float: right;
}

.note{
}
.note .title{
  background-image: url('../img/ikInfo16x16.gif');
  background-repeat: no-repeat;
  background-position: top left;  
  font-weight: bold;
  padding-left: 1.5em;
  display: block;  
}

/*======= TITLES AND CAPTIONS ============*/

.TEDetail .required{
  font-weight: bold;
}
.TEDetail .note{
  margin-bottom: 5px;
}
.TEDetail .accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}
.TEDetail .title{
  position: relative;
  height: 2em;
}
.TEDetail .title .value{
  position: absolute;
  left: 11em;
}
.TEDetail .body{
  margin-left: 20px;
}
.TEDetail .controlButton{
  margin: 20px 0px 0px 180px;
}

/*======= TABLE WITH FORM ============*/

.TEDetail .formulary .title label{
  color: black;
}
.TEDetail .formulary input{
  width: 10em;
}
.TEDetail .formulary input.phpbutton{
  vertical-align: bottom;
  width: auto;
}
.TEDetail .formulary input.maxsize,
.TEDetail .formulary input.maxsize_ro{
  width: 23.8em;
}
.TEDetail .formulary .sizeA{ /* middle input */
  width: 8em;
}
.TEDetail .formulary .sizeB{ /* small input */
  width: 4em;
}
.TEDetail .formulary .sizeC{ /* small select */
  width: 10.5em;
}
.TEDetail .formulary .sizeD{ /* middle input */
  width: 6.5em;
}
.TEDetail .formline .sizeE{ /* long input */
  width: 12em;
}
.TEDetail .formulary .sizeG{ /* long input */
  width: 21.2em;
}
.TEDetail .formulary .sizeF{ /* very long input */
  width: 23.8em;
}
.TEDetail .formulary .Prefix_And_Number{
  white-space: nowrap;
}
.TEDetail .formulary input.button{
  width: auto;
  margin: 0px;
}
.TEDetail .formulary .img-line{
  padding: 0px;
}
.TEDetail .formulary .btnRecalculate input,
.TEDetail .formulary td img{
  vertical-align: bottom;
}
.TEDetail .formulary th,
.TEDetail .formulary td{
  font-size: 12px;
  height: 25px;
}
.TEDetail .formulary .title{
  padding: 0px 5px 0px 20px;
}
.TEDetail .formulary .value{
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  text-align: left;
}

/*============= CUSTOM FIELDS ==============*/

.TEDetail form{
  clear: both;
}
#TE_Detail_amount{
  text-align: right;
}
#TE_Detail_accountNumberPrefix{
  text-align: right;
  width: 50px;
}
#TE_detailDOM_accountNumberPrefix{
  width: 50px;
}
#TE_detailCL_accountNumberPrefix{
  width: 50px;
}
#TE_Detail_accountNumberCredit{
  text-align: right;
}
.TEDetail input.button{
  margin: 0px 2px;
}
.TEDetail div.commands{
  position: absolute;
  right: 60px;
  top: 190px;
}

#TE_detailDOM_bankCodeCredit{
  vertical-align: middle;
}

#TE_detailINTL_amountCurrency{
  vertical-align: middle;
}

.TEDetail table td.value input.button{
  vertical-align: middle;
}

#TE_detailINTL_templateName{
  width: 23.8em;
}

/*===========  SIGNATURE BOX  ============*/

#TE_Detail_SystemSignature{
  margin-bottom: 1em;
}
.TEDetail .signature .infoText{
  margin-bottom: 10px;
  color: red;
}
.TEDetail .signature .SI{
  margin-top: 10px;
}
.TEDetail .signature .SI .body .column{
  float: none;
}

.TEDetail .signature table td.title{
  padding-left : 20px;
}

.TEDetail div.ListContent{
  padding-bottom: 2px;
}

.TEDetail .value input.checkbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
}
.TEDetail .value input.readonlycheckbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
}

#TE_detailDOM_priorityPO,
.TEDetail .priorityInfo{
  vertical-align: middle;
}

#TE_detailDOM_bankName,
#TE_detailCL_bankName{
  margin-left: 1em;
  vertical-align: middle;
}

.TEDetail table td.value span.numericsfld input{
  text-align: right;
}

.TE_list_commands{
  float: right;
  margin-top: 0.3em;
}

.PD .buttonupdate{
  width: 53em;
}
.PD .column1{
  float: left;
  position: relative;
  margin-bottom: 1em;
  width: 25em;
}
.PD .column2{
  float: left;
  position: relative;
  margin-bottom: 1em;
  width: 28em;
}
.PD .column1 .value{
  left: 8.5em;
}
.PD .column1 input,
.PD .column1 select{
  left: 10em;
}
.PD .column2 input{
  left: 14em;
}
.PD .detail input{
  width: 12em;
}
.PD .SI .formline input{
  left: 10em;
}
.PD #PD_PA_country,
.PD #PD_MA_country{
  left: 6em;
  width: 20.5em;
}
.PD #PD_PA_province,
.PD #PD_MA_province{
  left: 14em;
  width: 12.5em;
}
.PD #PD_CheckInfoDD{
  left: 0em;
  width: 1em;
}
.popup{
  background-color: #F0F0F0;
  border: ridge;
  float: left;
  margin: 0.5em;
  position: relative;
}
.popup .title{
  padding-left: 1em;
  background-color: #EE1C25;
  color: white;
  font-weight: bold;
}
.popup .title a,
.popup .title a:link,
.popup .title a:visited,
.popup .title a:active,
.popup .title a:hover{
  color: white;
}
.popup .btnClose{
  visibility: hidden;
  float: right;
  color: white;
  font-weight: bold;
  margin-left: 2em;
  margin-right: 5px;
  text-decoration: none;
}

/*======= TITLES AND CAPTIONS ============*/

.PODetail .required{
  font-weight: bold;
}
.PODetail .note{
  margin-bottom: 5px;
  clear: both;
}
.PODetail .accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}
.PODetail .title{
  position: relative;
  height: 2em;
}
.PODetail .title .value{
  position: absolute;
  left: 11em;
}
.PODetail .body{
  margin-left: 20px;
}
.PODetail .controlButton{
  margin: 20px 0px 0px 180px;
}

/*======= TABLE WITH FORM ============*/

.PODetail .formulary .title label{
  color: black;
}
.PODetail .formulary input{
  width: 10em;
}
.PODetail .formulary input.phpbutton{
  vertical-align: bottom;
  width: auto;
}
.PODetail .formulary input.maxsize,
.PODetail .formulary input.maxsize_ro{
  width: 23.8em;
}
.PODetail .formulary .sizeA{ /* middle input */
  width: 8em;
}
.PODetail .formulary .sizeB{ /* small input */
  width: 4em;
}
.PODetail .formulary .sizeC{ /* small select */
  width: 10.5em;
}
.PODetail .formulary .sizeD{ /* middle input */
  width: 6.5em;
}
.PODetail .formline .sizeE{ /* long input */
  width: 12em;
}
.PODetail .formulary .sizeG{ /* long input */
  width: 21.2em;
}
.PODetail .formulary .sizeF{ /* very long input */
  width: 23.8em;
}
.PODetail .formulary .Prefix_And_Number{
  white-space: nowrap;
}
.PODetail .formulary input.button{
  width: auto;
  margin: 0px;
}
.PODetail .formulary .img-line{
  padding: 0px;
}
.PODetail .formulary .btnRecalculate input,
.PODetail .formulary td img{
  vertical-align: bottom;
}
.PODetail .formulary th,
.PODetail .formulary td{
  font-size: 12px;
}
.PODetail .formulary .title{
  padding: 0px 5px 0px 20px;
}
.PODetail .formulary .value{
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  text-align: left;
}

/*============= CUSTOM FIELDS ==============*/

.PODetail form{
  clear: both;
}
#PO_Detail_amount{
  text-align: right;
}
#PO_Detail_accountNumberPrefix{
  text-align: right;
}
#PO_Detail_accountNumberCredit{
  text-align: right;
}
.PODetail input.button{
  margin: 0px 2px;
}
.PODetail div.commands{
  float: right;
}

#PO_detailDOM_bankCodeCredit{
  vertical-align: middle;
}

#PO_detailINTL_amountCurrency{
  vertical-align: middle;
}

.PODetail table td.value input.button{
  vertical-align: middle;
}

.PODetail div.template{
  margin-bottom: 1em;
}

.PODetail div.template select{
  width: 10em;
}

.PODetail div.template label{
  color: black;
}

.PODetail .tempTitle{
  width: 11.5em;
  margin-top: 0.3em;
  float: left;
}

/*===========  SIGNATURE BOX  ============*/

#PO_Detail_SystemSignature{
  margin-bottom: 1em;
}
.PODetail .signature .infoText{
  margin-bottom: 10px;
  color: red;
}
.PODetail .signature .SI{
  margin-top: 10px;
}
.PODetail .signature .SI .body .column{
  float: none;
}

.PODetail .signature table td.title{
  padding-left : 20px;
}

.PODetail div.ListContent{
  padding-bottom: 2px;
}

.PODetail .value input.checkbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
}
.PODetail .value input.readonlycheckbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
}

#PO_detailDOM_accountNumberPrefix{
  width: 50px;
}

#PO_detailDOM_priorityPO,
.PODetail .priorityInfo{
  vertical-align: middle;
}

#PO_detailDOM_bankName{
  margin-left: 1em;
  vertical-align: middle;
}

.PODetail table td.value span.numericsfld input{
  text-align: right;
}

.PODetail .importLink{
  margin: 1em 0em 1em 1.7em;
}

.PODetail .importLink a{
  color: black;
}

.POList span.commands{
   float:right;
   margin-top:0.2em;
}
/* filter */
  .POList .filter div[title] label{
    border: none;
    padding-left: 1em;
  }
  .POList .filter .filterbutton{
    clear: both;
    margin-bottom: 10px;
  }
  .POList .filter #PO_fcol select,
  .POList .filter #PO_fcol input{
    left: 6em;
    width: 10em;
  }
  .POList .filter #PO_scol input {
    left: 6em;
    width: 10em;
  }
  .POList .filter #PO_filtercollapsebox {
    height: 2em;
    margin-bottom: 1.1em;
  }
  .POList .POInfo{
    color: red;
  }
  div#PO_fcol.column{
    width: 25em;
  }
/**/

.POList .renderStatus{
  vertical-align: top;
}

.PF .preferences{
}
.PF table{
  margin: 0px 0px 15px 20px;
}
.PF table td.title{
  width: 13em;
}
.PF table td.title label{
  color: black;
}
.PF table td.value select,
.PF table td.value input{
  width: 10em;
  vertical-align: middle;
}
.PF .buttonupdate{
  margin-left: 180px;
  clear: both;
}

.PF .signature table {
  margin-left: 0px;
}

.PF table td.title span.required{
  font-weight: bold;
}

.PF table td.value input.button{
  width: auto;
}

.PF div.pwdNedded{
  color: red;
  font-weight: bold;
}


@media print{
  span.print, span.close{
        display:none;
  }
}

.ListPrintHeader .Logo {
float:left;
}

.ListPrintHeader .Title {
line-height:10px;
height: 90px;
}

.ListPrintHeader .Caption {
font-size:200%;
font-weight:bold;
margin-bottom:1em;
padding-left:350px;
padding-top:38px;
}

.ListPrintHeader .print, .ListPrintHeader .close, .ListPrintHeader .back {
float:right;
margin-left:3px;
font-size: 1.05em;
}

.ListPrintHeader .print img, .ListPrintHeader .close img, .ListPrintHeader .back img {
border:1px solid #205AA7;
}

.ListPrintHeader .underline {
height:2em;
}

.ListPrintHeader .underline .user {
float:left;
}

.ListPrintHeader .underline .timestamp {
float:right;
}

.ListPrintHeader .headerrule {
background-color:gray;
border:medium none;
color:gray;
height:1px;
}

.ListPrintHeader .contentrule {
background-color:gray;
border:medium none;
color:gray;
height:3px;
}

body.ListPrint {
margin:8px;
}

.ListPrint table {
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
}

.ListPrint table th {
padding:0 5px;
text-align:left;
white-space:nowrap;
}

.ListPrint table td {
border-top:1px solid black;
padding:0 5px;
white-space:nowrap;
}

.ListPrint table tr.firstrow td, .ListPrint table tr.firstrow th {
border-bottom:medium none;
}

.ListPrint table tr.lastrow td, .ListPrint table tr.lastrow th {
border-top:medium none;
}

.ListPrint table td.longtext, .ListPrint table th.longtext {
white-space:normal;
}

.ListPrint table td.statuscolumn, .ListPrint table th.statuscolumn {
text-align:center;
vertical-align:middle;
}

.ListPrint table form {
margin:0;
padding:0;
}

.ListPrint table td img {
margin-right:5px;
vertical-align:middle;
}

.ListPrint .actualpageno {
font-weight:bold;
}

.ListPrint .navigatorskipdots {
margin:0 5px;
}

.ListPrint .navigator {
margin:0 1em;
text-align:right;
}

.ListPrint table td.recno {
text-align:right;
}

.ListPrint table th.recno {
text-align:center;
vertical-align:middle;
}

.ListPrint table select {
margin-bottom:2px;
margin-top:2px;
}

.ListPrint table .numerics {
text-align:right;
}

.ListPrint table input.readonly {
background-color:#EEEEEE;
}

.ListPrint .reccount {
float:left;
}

.ListPrint table.ListPrintSum {
margin-bottom:20px;
width:auto;
}

.ListPrint table.ListPrintSum td {
padding: 6px 5px 6px 5px;
white-space:nowrap;
}

.ListPrint .title
{
  font-weight: bold;
  padding-right: 10px;
}

.ListPrint .bottomrule {
background-color:gray;
border:medium none;
color:gray;
height:3px;
}

.RCDetail div.commands{
  text-align: right;
}
.RCDetail .body .column{
  width: 23em;
  float: left;
  margin-bottom: 1em;
}
.RCDetail .formline{
  position: relative;
  line-height: 1.8em;
}
.RCDetail .formline input{
  position: absolute;
  top: 0.1em;
  left: 10em;
  width: 10em;
}
.RCDetail div.action{
  text-align: center;
  clear: both;
}

.RCList span.commands{
  position: absolute;
  right: 10em;
}
.RCList .filter form{
  margin-top: 0.5em;
}
.RCList .filter .formline input{
  left: 9em;
}
.RCList .filter .body .column{
  width: 26em;
  float: left;
  margin-bottom: 1em;
}
.RCList .filter .body{
  clear: both;
}

/* History - Realized Statement */
.HS span.commands {
  position:absolute;
  right:40px;
  top: 140px;
}
/* filter */
  .HS .filter .body{
    margin-bottom: 1.4em;
  }
  .HS .filter .body input{
    left: 6em;
    width: 10em;
  }
  .HS .filter div[title] label{
    border: none;
    padding-left: 1em;
  }

  .HS table.ListTable {
    width: 500px;
  }
  .HS table.ListTable td.statmFormat{
    text-align: center;
  }


.RTList span.commands {
  float: right;
}
/* filter */
  .RT .filter #RT_fcol input {
    left: 6em;
    width: 10em;
  }
  .RT .filter #RT_scol input {
    left: 6em;
    width: 10em;
  }
  .RT .filter #RT_filtercollapsebox {
    height: 3em;
  }
  .RT .filter div[title] label{
    border: none;
    padding-left: 1em;
  }
  div#RT_fcol.column{
    width: 25em;
  }
/**/

.RTList .tabBasicInfo td.title{
  font-weight: bold;
  padding:0px 10px 0px 0px;
}
.RTList .tabBasicInfo td.value{
  text-align: right;
  padding:0px 2px 0px 10px;
}

.formline input.SI_password_char_dis,
.formline input.SI_password_char{
  width: 1em;
  padding: 0px;
  text-align: center;
}
#SI_password_char1{
  left: 10em;
}
#SI_password_char2{
  left: 11.5em;
}
#SI_password_char3{
  left: 13em;
}
#SI_password_char4{
  left: 14.5em;
}
#SI_password_char5{
  left: 16em;
}
#SI_password_char6{
  left: 17.5em;
}


div.signature table td.title a{
  color: black;
  font-weight: bold;
}

.signatureInput{
  width: 10em;
  vertical-align: middle;
}

.signature table td.title{
  padding: 0px 5px 0px 20px;
}

.signature .value .button{
  vertical-align: middle;
}

.SIDetail .accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}

.SIDetail .formulary .title label{
  color: black;
}
.SIDetail .formulary input{
  width: 10em;
}

.SIDetail div.ListContent{
  padding-bottom: 2px;
}

.SIDetail .formulary .title {
  padding: 0px 5px 0px 20px;
}

.SIDetail table td.value span.numericsfld input{
  text-align: right;
}

.SIDetail table.formulary td.title label{
  color: black;
}

.SIDetail div.buttons{
  margin-top: 1em;
}

#SI_sipo_isAllowed_allowed,
#SI_sipo_isAllowed_notAllowed,
#SI_sipoX_isAllowed_allowed,
#SI_sipoX_isAllowed_notAllowed{
  width: 2em;
  height: 1.2em;
  vertical-align: middle;
}

#SI_allowedBlock{
  margin: 0.3em 0em;
}

.SIDetail .required{
  font-weight: bold;
}

.SIDetail .limitCurrency,
.SIDetail .limitPeriodicity{
  margin: 0em 0.5em;
}

.SIDetail div.signedBy{
  margin-left: 20px;
}

.SIDetail div.signedByText{
  margin: 0.3em 0em;
}

#SI_sipo_sendOTP,
#SI_sipo_cancelOTP{
  vertical-align: middle;
}

.thsort{
  position: relative;
}
.thsort_text{
  position: relative;
  text-align: left;
  margin-right: 35px;
  white-space: nowrap;
}
.thsort_value{
  position: absolute;
  right: 0px;
}

/*======= TITLES AND CAPTIONS ============*/

.SODetail .required{
  font-weight: bold;
}
.SODetail .note{
  margin-bottom: 5px;
  clear: both;
}
.SODetail .accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}
.SODetail .title{
  position: relative;
  height: 2em;
}
.SODetail .title .value{
  position: absolute;
  left: 11em;
}
.SODetail .body{
  margin-left: 20px;
}
.SODetail .controlButton{
  margin: 20px 0px 0px 180px;
}

/*======= TABLE WITH FORM ============*/

.SODetail .formulary .title label{
  color: black;
}
.SODetail .formulary input{
  width: 10em;
}

.SODetail .formulary input.radio {
  width: 10px;
}

.SODetail .formulary input.phpbutton{
  vertical-align: bottom;
  width: auto;
}
.SODetail .formulary input.maxsize,
.SODetail .formulary input.maxsize_ro{
  width: 23.8em;
}
.SODetail .formulary .sizeA{ /* middle input */
  width: 8em;
}
.SODetail .formulary .sizeB{ /* small input */
  width: 4em;
}
.SODetail .formulary .sizeC{ /* small select */
  width: 10.5em;
}
.SODetail .formulary .sizeD{ /* middle input */
  width: 6.5em;
}
.SODetail .formline .sizeE{ /* long input */
  width: 12em;
}
.SODetail .formulary .sizeG{ /* long input */
  width: 21.2em;
}
.SODetail .formulary .sizeF{ /* very long input */
  width: 23.8em;
}
.SODetail .formulary .Prefix_And_Number{
  white-space: nowrap;
}
.SODetail .formulary input.button{
  width: auto;
  margin: 0px;
}
.SODetail .formulary .img-line{
  padding: 0px;
}
.SODetail .formulary .btnRecalculate input,
.SODetail .formulary td img{
  vertical-align: bottom;
}
.SODetail .formulary th,
.SODetail .formulary td{
  font-size: 12px;
}
.SODetail .formulary .title{
  padding: 0px 5px 0px 20px;
}
.SODetail .formulary .value{
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  text-align: left;
}

/*============= CUSTOM FIELDS ==============*/

.SODetail form{
  clear: both;
}
#PO_Detail_amount{
  text-align: right;
}
#PO_Detail_accountNumberPrefix{
  text-align: right;
}
#PO_Detail_accountNumberCredit{
  text-align: right;
}
.SODetail input.button{
  margin: 0px 2px;
}
.SODetail div.commands{
  float: right;
}

#PO_detailDOM_bankCodeCredit{
  vertical-align: middle;
}

#PO_detailINTL_amountCurrency{
  vertical-align: middle;
}

.SODetail table td.value input.button{
  vertical-align: middle;
}

.SODetail div.template{
  margin-bottom: 1em;
}

.SODetail div.template select{
  width: 10em;
}

.SODetail div.template label{
  color: black;
}

.SODetail .tempTitle{
  width: 11.5em;
  margin-top: 0.3em;
  float: left;
}

/*===========  SIGNATURE BOX  ============*/

#PO_Detail_SystemSignature{
  margin-bottom: 1em;
}
.SODetail .signature .infoText{
  margin-bottom: 10px;
  color: red;
}
.SODetail .signature .SI{
  margin-top: 10px;
}
.SODetail .signature .SI .body .column{
  float: none;
}

.SODetail .signature table td.title{
  padding-left : 20px;
}

.SODetail div.ListContent{
  padding-bottom: 2px;
}

.SODetail .value input.checkbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
}
.SODetail .value input.readonlycheckbox{/*nesmie byt spolu s input[type=...], inak to IE 6 ignoruje*/
  width: 15px;
}

#PO_detailDOM_accountNumberPrefix{
  width: 50px;
}

#PO_detailDOM_priorityPO,
.SODetail .priorityInfo{
  vertical-align: middle;
}

#PO_detailDOM_bankName{
  margin-left: 1em;
  vertical-align: middle;
}

.SODetail table td.value span.numericsfld input{
  text-align: right;
}

#SO_detail_accountNumberPrefix{
  width: 50px;
}

.SO_list .commands{
  float: right;
}

/* -- studioart start -- */
/* main page - login */

}
html, body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
header, section, footer, #line, #contacts {
  width: 100%;
  overflow: hidden;
}
h3 {
  font-size: 14px;
  margin-bottom: 5px;
}
img {
  border: 0;
}
a {
  color: #e31e26;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.inline {
  display: inline-block;
}

#wrapper {
  width: 950px;
  margin: 0 auto;
}

#logo {
  width: 305px;
  height: 85px;
}
#logo a {
  
}
#logo img {
  margin-top: 30px; 
}
#rightside {
  width: 67%;
  vertical-align: top;
}

#flags {
  width: 100%;
  height: 25px; 
  text-align: right;  
}
#flags > div {
  margin-top: 10px; 
  display: inline-block;
}
#contacts {
  text-align: right;
  padding-top: 10px;
}
#contacts > div {

}
#contacts > div > div {
  display: inline-block; 
  padding-left: 30px;
}
#contacts > div > div:first-child {
  padding-left: 0;
}
#contacts i {
  width: 37px;
  height: 34px;
  display: inline-block;
  margin-right: 10px;
}
#contacts a, #contacts span {
  display: inline-block;
  vertical-align: top;
  padding-top: 13px;
  color: #e31e26;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.icon_mail {
  background: url(../img/main/icon_mail.png) no-repeat center center;
}
.icon_phone {
  background: url(../img/main/icon_phone.png) no-repeat center center;
}
.icon_web {
  background: url(../img/main/icon_home.png) no-repeat center center;
}
#motto {
  text-align: left;
}
#motto h1 {
  font-weight: normal;
  font-size: 24px;
  color: #b2b2b2;
}
#line {
  height: 33px;
  margin-bottom: 15px;
}
#form {
  width: 60%;
  vertical-align: top;
  text-align: right;
}
#form .inline {
  width: 49%;
}
#form input, #form button {
  margin-bottom: 15px;
  margin-right: 10px;
}
#form input[type="text"], #form input[type="number"], #form input[type="password"] {
  width: 227px;
  padding: 15px 20px 15px 20px;  
  text-align: center;
  border: 1px solid #bdbdbd;
  background: transparent;
  color: #626262;
}
#form input[type="submit"], #form .button, #form button {
  color: #626262;
  border: 0px;
  cursor: pointer;
  background: #dddddd;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
}
#form input[type="submit"]:hover, #form button:hover {
  background: #e31e26;
  color: #fff;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: #e31c23!important;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #e31c23;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #e31c23;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #e31c23;
}
#form .send {
  padding: 10px 20px 10px 20px;
}
#form .login {
  width: 181px;
  padding: 15px 20px 15px 20px;
  font-size: 16px;    
  font-weight: bold;                
}

#notices {
  width: 26%;
  vertical-align: top;  
  border-left: 1px solid #dddddd;
  margin-left: 15px;
  padding-left: 25px;
  padding-right: 30px;
}
#notices p {
  margin: 0;
  padding-bottom: 10px;
}

#help .headline {
  width: 150px;
  text-align: center;
}
#help .headline h3 {
  margin: 0;
  padding-bottom: 5px;
  padding-top: 5px;  
  margin-bottom: -5px;
  color: #ffffff;
  background: #e31e26;   
  text-align: center;
  font-style: italic;
  font-size: 14px;  
}
#help .triangle {
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: 15px 12.5px 0 12.5px;
  border-color: #e31e26 transparent transparent transparent;
  line-height: 0px;
  _border-color: #e31e26 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#e31e26');
}
#help h3 {
  margin-top: 0;
  display: block;
}
#help .list {
}
#help .list .c_red {
  width: 15px;
  text-align: left;
  color: #e31e26; 
  font-weight: bold;
}
#security {
  border-top: 1px solid #dddddd;
}
#security h3 {
  margin: 0;
}
footer {
  padding-bottom: 15px;
}
#security, footer #wrapper  {
  margin-top: 15px;
  padding-top: 15px;  
}
footer #wrapper {
  border-top: 1px solid #dddddd;
  font-size: 12px;
}
footer #links {
  width: 30%;
}
footer #links a {
  margin-right: 15px;
}
footer #copyright {
  width: 69%;
  text-align: right; 
  font-size: 12px;
}

html {
  background: #f0f0f0;
}
header {
  background: #ffffff;
}

#line .message.error {
  background: #e31e26;
}

#line .message {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  font-style: italic;
  font-size: 14px; 
  font-weight: bold;
}
/* -- studioart end -- */

.TD_Detail .name{
  padding: 0px 0px 0px 50px;
}
.TD_Detail .name input{
  margin-bottom: 2px;
}
.TD_Detail .allRight{
  text-align: right;
}
.TD_Detail .allCenter{
  text-align: center;
}
.TD_Detail .operations{
  margin-left: 20px;
}

.TD_Detail .tabBasicInfo td.title{
  padding:0px 10px 0px 0px;
}

.TD_Detail .tabBasicInfo td.value{
  padding:0px 2px 0px 10px;
}

.TD_Detail .tabBasicInfo td.actioncol{
  padding:0px 60px 0px 2px;
}

.TDList .allRight{
  text-align: right;
}
.TDList button{
  clear: both;
}
.TDList .action{
  margin-top: 1em;
}
.TDList .interestRates{
  margin: 10px 0px 5px 15px;
}

.interestRateButton{
  margin-bottom: 1em;
}

.interestRateComboBox {
  margin: 1em -2em;
}
.TDNewTerm .formulary td.value select{
  width: 13.5em;
}
.TH .filter form{
  margin-top: 1em;
}
.TH .filter .column{
  width: 21em;
}
.TH .filter .column input{
  left: 9em;
  width: 9em;
}
.TH .filter #TH_filter_column1{
  width: 26em;
}
.TH .filter #TH_filter_column1 input,
.TH .filter #TH_filter_column1 select{
  left: 9em;
}
.TH .filter #TH_filter_column1 input{
  width: 14em;
}
#TH_filter_column1 select{
  width: 14.5em;
}
.TH .ListTable{
  clear: both;
}
.TH .filterbuttons{
  clear: both;
}
.TH .commands{
  text-align: right;
  margin-bottom: 1em;
}
.TH .ListTable .quantity,
.TH .ListTable .nominal,
.TH .ListTable .pricepaid,
.TH .ListTable .fee{
  text-align: right;
}
.TH span.negative{
  color: red;
}

.TI span.commands{
  float: right;
  margin-top: 0.2em;
}

.TI div.buttons{
  margin-top: 1em;
}

.TIDetail .accountTitle,
.TIImport .accountTitle{
  height: 2em;
  font-weight: bold;
  font-size: 1.2em;
}


.TIDetail .formulary .title label{
  color: black;
}
.TIDetail .formulary input{
  width: 10em;
}

.TIDetail div.ListContent{
  padding-bottom: 2px;
}

.TIDetail .formulary .title {
  padding: 0px 5px 0px 20px;
}

.TIDetail table td.value span.numericsfld input{
  text-align: right;
}

.TIImport table.formulary td.title label{
  color: black;
}


.TIImport table.formulary td.title{
  padding:0px 10px 0px 0px;
}

#infoText{
  margin-bottom: 1em;
}

.TIDetail .newcommand{
  float: right;
}


#TI_imports_upload{
  width: 40em;
}

#TI_detail_fileName{
  width: 98%;
}

#TI_excelFile{
  vertical-align: middle;
}

.TIImport div.fileNameWarrning{
  margin: 0.5em 0em;
}

.TIImport div.fileNameWarrning img,
.TIImport div.fileNameWarrning span{
  vertical-align: middle;
}

#TI_excelFileAnchor{
  color: black;
  vertical-align: middle;
}

#TI_detail_sendOTP,
#TI_detail_cancelOTP{
  vertical-align: middle;
}

#IX_header {
  height: 120px;
}