/*Titillium Web Regular*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Regular.eot') format('eot');
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
       local('Titillium Web'),
       local('TitilliumWeb-Regular'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.svg') format('svg'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.ttf') format('truetype'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.woff2') format('woff2'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.woff') format('woff');
}

/*Titillium Web Bold*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Bold.eot') format('eot');
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
       local('Titillium Web'),
       local('TitilliumWeb-Bold'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Bold.svg') format('svg'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Bold.ttf') format('truetype'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/OpenSans/OpenSans-Regular.eot') format('eot');
  src: url('/fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
      local('Open Sans'),
      local('OpenSans'),
      url('/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
      url('/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
      url('/fonts/OpenSans/OpenSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
    src: url('/fonts/OpenSans/OpenSans-Bold-webfont.eot');
    src: url('/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),
         url('/fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
}

@font-face {
  font-family: 'lcs_iconset';
  src: url('/fonts/lcs_icons/lcs_iconset.eot?9136176');
  src: url('/fonts/lcs_icons/lcs_iconset.eot?9136176#iefix') format('embedded-opentype'),
       url('/fonts/lcs_icons/lcs_iconset.woff?9136176') format('woff'),
       url('/fonts/lcs_icons/lcs_iconset.ttf?9136176') format('truetype'),
       url('/fonts/lcs_icons/lcs_iconset.svg?9136176#lcs_iconset') format('svg');
  font-weight: normal;
  font-style: normal;
}


.maincontent #bottomblock_menu {
   margin-top: 0;
}

#container {
   min-height: 100%;
}
/*
#bottomblock_1 #bottomblock .bottomcontent {
   padding: 15px;
   width: 930px;
}

#bottomblock_1 .content {
   margin: 0;
   position: relative;
   width: 100%;
}
*/
#bottomblock_1 div.downloadWrapper {
/*   background-color: #eff3f4;*/
   color: #555555;
   font-size: 12px;
   padding: 0;/*10px 0 0 0;/*10px 0 24px 0;*/
}
#bottomblock_1 div.downloadWrapper,
#bottomblock_1 div.downloadWrapper input {
   font-family: "Open Sans",sans-serif;
}

#bottomblock_1 div.tableWrapper {
/*   border-top: 1px solid #cccccc;*/
}

#bottomblock_1 div.downloadWrapper div.tableWrapper {
   clear: both;
   margin: 0;
   width: 100%;
}

/* LIST OF DOWNLOADS */
table.list {
   background: none;
   border-color: #c8c8c8;
   border-style: none solid solid solid;
   border-width: 0 1px 1px 1px;
   border-spacing:0;
   font-family: "Open Sans",sans-serif;
   margin: 0;
   padding: 0;
   width: 100%;
   max-height: 100%;
}
table.list thead, table.list tfoot { z-index: 1; }
table.list tbody { z-index: 0; }
table.list thead tr, table.list tbody tr.headline, table.list tbody tr.headline:hover {
   background: #ffffff;
   height: 32px;/*50px;*/
}
table.list th,
table.list td {
   color: #555555;
   font-family: "Open Sans",sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   height: 30px;
/*   padding: 8px 24px;*/
   padding: 0 24px;
   text-align: left;
   vertical-align: middle;
}

/* thead */
table.contenttable thead tr th {
   padding: 15px 10px;
}
table.list thead th,
table.list tbody td.headcell {
   border-top: 1px solid #ccc;
   font-family: "Titillium Web";
   font-size: 18px;
   position: relative;
   text-align: left;
   vertical-align: middle;
}
table.list thead th span.sortHeader,
table.list tbody td.headcell span.sortHeader {
   padding: 0 4px 0 0;
}
table.list thead th a.sort,
table.list tbody td.headcell a.sort {
/*   margin: 0 0 0 4px;*/
   margin: 0;
   padding: 0;
}
table.list thead th.sortCell {
   height: 22px;
   line-height: 1em;
   vertical-align: middle;
}
table.list thead th.sortCell span.sortHeader {
   display: inline-block;
   height: 17px;
   margin: 0;
   padding: 5px 4px 0 0;
   vertical-align: middle;
}
table.list thead th.sortCell i,
table.list tbody td.sortCell i {
   font-size: 20px;
   height: 22px;
   vertical-align: bottom;
}
/*
table.list thead tr th:first-child,
table.list tbody tr.headline td:first-child {
   padding: 0 15px 0 60px;
}
*/
table.list thead tr th:first-child,
table.list tbody tr.headline td:first-child {
   height: 40px;
   padding: 0 0 0 24px;
}
table.list tbody tr.headline td.headcell {
   border-top: 1px solid #888888;
   border-bottom: 1px solid #cccccc;
}
table.list thead tr.filter {
   background-color: #3b80c2;
   font-size: 10pt;
   font-weight: bold;
   height: 50px;
}

/* tbody */
table.list tbody td.headcell {
   border-top: 1px solid #c8c8c8;
}
table.list tbody td {
   border-top: 1px solid #ccc;
   height: 30px;
   position: relative;
}
/* tfoot */
table.list tfoot td {
   border-top: 1px solid #3b80c2;
   border-left: 0px none;
   background-color: #c8c8c8;
   padding: 3px 6px;
}
/* tbody */
table.list tbody tr {
   background-color: #ffffff;
   cursor: pointer;
}
table.list tbody tr:hover td {
   border-color: #65c0fe;
   border-style: solid none solid none;
/*   border-width: 1px 0 1px 0;*/
   border-width: 2px 0 2px 0;
   height: 28px;
/*   padding: 7px 24px 6px 24px;*/
}
table.list tbody tr:hover td:first-child {
   border-left: 2px solid #65c0fe;
   padding-left: 23px;
}
table.list tbody tr:hover td:last-child {
   border-right: 2px solid #65c0fe;
}
table.list tbody tr.headline:hover td {
   border-color: #cccccc;/*#888888*/
   border-style: solid none none none;
   border-width: 1px 0 0 0;
   padding: 0 0 0 24px;
}
table.list tbody  td .remark {
   /* display: inline-block; */
   /* float: right; */
   max-width: 720px;
   position: relative;
   right: 0;
   /* text-align: right; */
   width: auto;
   white-space: initial;
}
table.list tbody  td .remark,
table.list tbody  td .remark ul,
table.list tbody  td .remark li {
   /* color: #805555; */
   font-size: 12px;
   font-style: italic;
   font-weight: initial;
}
table.list tbody  td .swRemark {
   color: #d00000;
   font-size: 90%;
   height: auto;
   line-height: 1.2em;
   margin: -4px 0 0 0;
   max-width: 720px;
   padding: 0;
   text-align: left;
   vertical-align: top;
}
/*
table.list thead tr.state th,
table.list thead tr.state th:hover,
table.list tbody tr.state th,
table.list tbody tr.state th:hover {
   background-color: #ffffff;
}
table.list tbody tr.state.odd th,
table.list tbody tr.state.odd th:hover {
   background-color: #f2f2f2;
}
*/
table.list thead tr.state th,
table.list tbody tr.state th {
   font-size: 16px;
   height: 28px;
   padding: 4px 0 4px 24px;
   position: relative;
   text-align: left;
   vertical-align: middle;
}
table.list thead tr.state th div.dlbtn,
table.list tbody tr.state th div.dlbtn {
   position: absolute;
   right: 8px;
   top: 1px;
}
table.list thead tr.state.even th,
table.list tbody tr.state.even th {
   cursor: pointer;
}
table.list thead tr.state.even th,
table.list tbody tr.state.even.first th {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
table.list tbody tr.state.even th {
   border-top: 1px solid #888888;
}
table.list tbody tr td.flag {
   text-align: right;
   width: 86px;
}
table.list tbody tr td.flag div {
   display: inline-block;
   height: 1em;
   line-height: 1em;
   text-align: left;
   width: 84px;
}

table.list #current,
table.list #eol {
   height: 100px;
}
table.list #current {
   -webkit-transition: display 2s; /* Safari */
   transition: display 2s;
   -webkit-transition: height 2s; /* Safari */
   transition: height 2s;
}


table.list tbody tr td div {
   height: 22px;
   line-height: 22px;
   vertical-align: middle;
}
table.list tbody tr td:first-child {
   width: 300px;
/*   padding: 0 0 0 15px;*/
}

table.list tbody tr td.action div.detail {
   padding-right: 15px;
}

table.list tbody tr td.remark {
   padding: 8px 24px;
}







#bottomblock_1 div.downloadWrapper .lcsDLmessage {
   border: 1px solid #3b80c2;
   border-radius: 8px;
   margin: 24px;
   padding: 16px;
}
#bottomblock_1 div.downloadWrapper input,
#bottomblock_1 div.downloadWrapper select {
   color: #555555;
   font-size: 12px;
}
#bottomblock_1 div.downloadWrapper input {
   background-color: #f2f2f2;/*eff3f4;*/
}
#bottomblock_1 div.downloadWrapper select option {
   background-color: #f2f2f2;/*eff3f4;*/
   border-color: #ff8888;
   border-style: dotted none none none;
   border-width: 1px 0 0 0;
}
#bottomblock_1 div.downloadWrapper select option:first-child {
   border: 0px none;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper,
/*#bottomblock_1 div.downloadWrapper div.lcsDlBack,*/
#bottomblock_1 div.downloadWrapper div.typeWrapper,
#bottomblock_1 div.downloadWrapper div.languageWrapper {
   border: 1px solid #3b80c2;/*9dc0e1;*/
   border-radius: 3px;
   padding: 10px 15px;
   position: relative;
}
#bottomblock_1 div.downloadWrapper div.typeWrapper select {
}
#bottomblock_1 div.downloadWrapper div.searchWrapper {
   height: 32px;
   margin: 0 10px 10px 10px;
   padding: 0;
   width: 400px;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.searchInput,
#bottomblock_1 div.downloadWrapper div.searchWrapper div.searchOk {
   bottom: 0;
   position: absolute;
   top: 0;
   width: auto;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.searchInput {
   left: 32px;
   padding: 5px 15px 11px 0px;
   right: 10px;
   vertical-align: middle;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.searchInput input {
   color: #666666;
   font-size: 10pt;/*14px;*/
   font-style: italic;
   width: 100%;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.autoCompletion {
   background-color: #ebf2f9;
/*   border: 1px dotted #9dc0e1;*/
   border-color: #c8c8c8;
   border-style: none solid solid solid;
   border-width: 1px;
   border-radius: 0 0 8px 8px;
   display: none;
   line-height: 133%;
   left: 42px;
   opacity: 0.9;
   padding: 0 10px 10px 10px;
   position: absolute;
   top: 37px;
   z-index: 999;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.autoCompletion a {
   color: #666666;
   display: block;
   font-size: 14px;
   padding: 2px 4px;
   width: 200px;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.autoCompletion a.current,
#bottomblock_1 div.downloadWrapper div.searchWrapper div.autoCompletion a:hover {
   background-color: #3b80c2;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.autoCompletion a.current {
   color: #ffff88;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.autoCompletion a:hover {
   color: #ffffff;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper div.searchOk {
   background: url("/images/application/download/magnifier32.gif") no-repeat top left;
   cursor: pointer;
   height: 32px;
   left: 0;
   top: 0;
   width: 32px;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper input,
#bottomblock_1 div.downloadWrapper div.typeWrapper select,
#bottomblock_1 div.downloadWrapper div.languageWrapper select {
   border: 0px none;
   padding: 0;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper input {
   border-radius: 3px;
   padding: 2px 0 2px 6px;
}
#bottomblock_1 div.downloadWrapper div.lcsDlBack {
   display: inline-block;
   line-height: 22px;
   margin: 0 0 0 10px;
   padding: 0 0 24px 0;
}
#bottomblock_1 div.downloadWrapper div.lcsDlBack a.buttonback {
   margin: 0;
   padding: 0;
}
#bottomblock_1 div.downloadWrapper div.lcsDlBack a.naviLeft {
   background: url('/images/application/arrowl.gif') center left no-repeat;
   color: #3b80c2;
   font-size: 12px;
   padding: 0 0 1px 17px;
}

#bottomblock_1 div.downloadWrapper div.headerWrapper {
   padding: 10px 0 0 0;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper,
#bottomblock_1 div.downloadWrapper div.languageWrapper {
   display: inline-block;
}
#bottomblock_1 div.downloadWrapper div.searchWrapper {
   float: left;
   margin: 0 auto 20px 10px;
}
#bottomblock_1 div.downloadWrapper div.languageWrapper {
   float: right;
   margin: 0 10px 20px auto;
   width: 322px;
}
#bottomblock_1 div.downloadWrapper div.languageWrapper,
#bottomblock_1 div.downloadWrapper div.languageWrapper select {
}
#bottomblock_1 div.downloadWrapper div.languageWrapper select {
   background-color: #f2f2f2;
   border: 1px dotted #c8c8c8;
}
#bottomblock_1 div.downloadWrapper div.languageWrapper select option {
}

#bottomblock_1 div.downloadWrapper div.tableWrapper select {
   margin: 0 0 0 0;
}
#bottomblock_1 div.downloadWrapper div.tableWrapper select option:checked,
#bottomblock_1 div.downloadWrapper div.tableWrapper select option:active {
   color: #3b80c2;
   font-weight: bold;
}
#bottomblock_1 div.downloadWrapper div.tableWrapper select option:disabled {
   color: #c8c8c8;
   font-style: italic;
}
#bottomblock_1 div.downloadWrapper div.tableWrapper thead th.filter select {
   background-color: #ffffff;
   border: 1px solid #f2f2f2;
   border-radius: 3px;
   font-weight: bold;
   padding: 3px 6px;
}
#bottomblock_1 div.downloadWrapper div.tableWrapper thead th.filter select option {
   background-color: #ffffff;
}



div.dlbtn {
   background-color: #c8c8c8;
   border-radius: 4px;
   color: #ffffff;
   cursor: pointer;
   display: inline-block;
   margin: 0;
   padding: 5px 15px;
}
div.dlbtn.22 {
   font-size: 22px;
   height: 22px;
}

/* DETAILS OF DOWNLOADS */
#bottomblock_1 .bottomcontent .content .header {
   background-color: #3b80c2;
   height: 34px;
   margin: 0;
   padding: 16px 15px 0 15px;
   vertical-align: middle;
   width: 900px;
}
#bottomblock_1 .content .header,
#bottomblock_1 .content .header h1 {
   clear: both;
   color: #ffffff;
   font-size: 10pt;
   font-weight: bold;
}
#bottomblock_1 .content .header h1 {
   float: left;
}
#bottomblock_1 .content .header .languagePicker {
   float: right;
   white-space: nowrap;
}
#bottomblock_1 .content .header .languagePicker .languageForm {
   display: inline-block;
   margin: 0 0 0 15px;
}

#bottomblock_1 .content div.backbutton {
   margin: 30px 0 0 0;
}

#bottomblock_1 .content a.buttonback {
   margin: 0 0 0 15px;
}

#bottomblock_1 .downloadWrapper .lcsDLmessage {
   font-size: 14px;
}