html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size : 12px;
  line-height : 18px;
  vertical-align: baseline;
  background: transparent;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
sup {
  font-size : 20px;
  vertical-align : bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol {
  margin-bottom:24px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 24px;
}

td.key{
  vertical-align: top;
}

input.text,
td.value{
  font-size : 12px;
}

/* Utilities */
.hidden {
  display : none;
}
.d-flex {
  display: flex;
}

#page {
  margin : 0px;
  border-width : 0px;
  overflow : hidden;
}

body.layout-01 #page #workspace {
  margin-left : 192px;
}

body.layout-01 #page #workspace div.appboxwrap ,
body.layout-01 #page #workspace div.iconbox ,
body.layout-01 #page #workspace div.iconboxLarge {
  margin-right : 192px;
}

* html body.layout-01 #page #workspace {
  position : relative;
  left : -3px;
}

body.layout-01 #page #workspace ,
body.layout-02 #page #workspace {
  padding-top : 12px;
  padding-bottom : 24px;
  padding-left : 12px;
  padding-right : 12px;
}

body.layout-01 #page #workspace,
body.layout-02 #page #workspace {
  min-height : 480px;
} /* IE6 ignores min-height, but handles height like min-height. */
* html body.layout-01 #page #workspace,
* html body.layout-02 #page #workspace {
  height : 480px;
}

body.layout-02 #page #workspace-c1 ,
body.layout-02 #page #workspace-c1 #workspace-c5 {
  background-image	:	url(sprite-v.png);
}

body.layout-02.borderless #page #workspace-c1 #workspace-c5 {
  margin-left : 0px;
}
body.layout-02 #page #workspace-c1 #workspace-c5 {
  margin-left : 12px;
}

body.layout-02.borderless #page #workspace-c1 #workspace-c5 #workspace {
  margin-right : 0px;
}
body.layout-02 #page #workspace-c1 #workspace-c5 #workspace {
  margin-right : 12px;
}

body.layout-02 #page #workspace-c1 {
  background-position	: -12px 0px;
}

body.layout-02 #page #workspace-c5 {
  background-position	: right 0px;
}

body.layout-01 ,
body.layout-02 {
  min-width : 1092px;
}

/* IE6 hack */
* html body.layout-01 #page ,
* html body.layout-02 #page {
  /* important: keep the difference of 1px, IE6 crashes otherwise */
  width : expression( document.body.clientWidth < 1001 ? "1000px" : "100%" );
}

body.layout-box {
  width:624px;
  margin:auto;
  margin-top : 48px;
}

body.layout-box #header, body.layout-box #header div {
  height:96px;
}
body.layout-box.compact #header, body.layout-box.compact #header div {
  height:70px;
}
body.layout-box #header {
  background-position	:0px  0px;
}
body.layout-box #header .c1 {
  background-position	: 0px   0px;
}
body.layout-box #header .c2 {
  background-position	:-216px   0px;
}
body.layout-box #header .c4 {
  background-position :-600px   0px;
}
body.layout-box #header .c5 {
  background-position	:-792px   0px;
}
body.layout-box #margin ,
body.layout-box #margin #page {
  overflow : hidden;
  background-image	:	url(box-v.png);
  background-position	: 0px 0px;
}
body.layout-box #margin #page {
  margin-left : 24px;
  background-position	: -408px  0px;
  padding-right : 24px;
}
body.layout-box #page #workspace {
  padding-top : 6px;
}
body.layout-box #page #workspace form {
  padding-left : 96px;
  margin-top : 0px;
  padding-right : 96px;
  margin-bottom : 0px;
}

body.layout-box #footer .c1 {
  background-position	: 0px   -696px;
}

body.layout-box #footer .c5 {
  background-position	:-792px   -696px;
}

#screen-layout-01 ,
#screen-layout-02 {
  background-image	:	url(sprite-a.png)	;
  width : 192px;
  height : 120px;
  display : block;
  float : left;
  text-align : center;
  line-height : 118px;
  border-width : 2px;
  border-style : solid;
  margin-top : 6px;
  margin-bottom : 6px;
  margin-left : 10px;
  font-size : 12px;
}

#screen-layout-01::-moz-focus-inner ,
#screen-layout-02::-moz-focus-inner {
  padding : 0;
}

#screen-layout-01.active ,
#screen-layout-02.active {
  font-weight : bold;
}

#screen-layout-01 {
  background-position	:-216px   -564px;
}

#screen-layout-02 {
  background-position	:-216px   -444px;
}

#ctx {
  float : right;
}

#ctx .c21 .c23 .c22 a {
  display : block;
}

#ctx .c11 .c13 .c12 .title ,
#ctx .c21 .c23 .c22 a {
  line-height : 24px;
}

#ctx	{
  width	:	168px	;
}
#ctx div	,
#ctx div div	,
#ctx div div div	{
  overflow	:	hidden	;
}
#ctx .c11	,
#ctx .c11 .c13	,
#ctx .c11 .c13 .c12	,
#ctx .c21	,
#ctx .c21 .c23	,
#ctx .c21 .c23 .c22	,
#ctx .c31	,
#ctx .c31 .c33	,
#ctx .c31 .c33 .c32	{
  background-image	:	url(sprite-a.png)	;
}

#ctx .c11	,
#ctx .c11 .c13	,
#ctx .c11 .c13 .c12	{
  height	:	24px	;
}
#ctx .c11 .c13	,
#ctx .c21 .c23	,
#ctx .c31 .c33	{
  margin-left	:	12px	;
}
#ctx .c11 .c13 .c12	,
#ctx .c21 .c23 .c22	,
#ctx .c31 .c33 .c32	{
  margin-right	:	12px	;
}
#ctx .c31	,
#ctx .c31 .c33	,
#ctx .c31 .c33 .c32	{
  height	:	2px	;
}
#ctx .c11	{
  background-position	:	-36px -336px	;
}
#ctx .c11 .c13 .c12	{
  background-position	:	-48px -336px	;
}
#ctx .c11 .c13	{
  background-position	:	-48px -336px	;
}
#ctx .c21	{
  background-position	:	-36px -360px	;
}
#ctx .c21 .c23 .c22	{
  background-position	:	-48px -360px	;
}
#ctx .c21 .c23	{
  background-position	:	-48px -360px	;
}
#ctx .c31	{
  background-position	:	-36px -670px	;
}
#ctx .c31 .c33 .c32	{
  background-position	:	-48px -670px	;
}
#ctx .c31 .c33	{
  background-position	:	-48px -670px	;
}

table.dlg tr td.c11 ,
table.dlg tr td.c21 ,
table.dlg tr td.c31 ,
table.dlg tr td.c13 ,
table.dlg tr td.c23 ,
table.dlg tr td.c33 {
  width : 12px;
}

table.dlg tr td.c11 ,
table.dlg tr td.c12 ,
table.dlg tr td.c13 {
  height : 24px;
}

table.dlg.title tr td.c11 ,
table.dlg.title tr td.c12 ,
table.dlg.title tr td.c13 {
  height : 21px;
}

table.dlg tr td.c12 a ,
table.dlg tr td.c12 span {
  line-height : 21px;
}

table.dlg tr td.c31 ,
table.dlg tr td.c32 ,
table.dlg tr td.c33 {
  line-height : 12px;
}

table.dlg tr td.c11 ,
table.dlg tr td.c13 ,
table.dlg tr td.c31 ,
table.dlg tr td.c33 {
  background-image  :   url(dlg-a.png)  ;
}

table.dlg tr td.c12 ,
table.dlg tr td.c32 {
  background-image  :   url(dlg-h.png)  ;
}

table.dlg tr td.c21 ,
table.dlg tr td.c23 {
  background-image  :   url(dlg-v.png)  ;
}

table.dlg tr td.c11 ,
table.dlg tr td.c21 {
  background-position	:	0px 0px	;
}

table.dlg tr td.c13 ,
table.dlg tr td.c23 {
  background-position	:	right 0px	;
}

table.dlg tr td.c31	{
  background-position	:	0px -60px	;
}
table.dlg tr td.c32	{
  background-position	:	-12px -60px	;
}
table.dlg tr td.c33	{
  background-position	:	right -60px	;
}

table.dlg tr td.c12 {
  vertical-align : top;
  font-weight : bold;
}

table.dlg tr td.c22 {
  padding-top : 6px;
  padding-bottom : 12px;
}


/******************************************************************************/

table.pnl {
  margin-top : 6px;
}

table.pnl tr td.c11 ,
table.pnl tr td.c13 ,
table.pnl tr td.c31 ,
table.pnl tr td.c33 {
  background-image  :   url(pnl-a.png)  ;
}

table.pnl tr td.c12 ,
table.pnl tr td.c32 {
  background-image  :   url(pnl-h.png)  ;
}

table.pnl tr td.c21 ,
table.pnl tr td.c23 {
  background-image  :   url(pnl-v.png)  ;
}

table.pnl tr td.c11 ,
table.pnl tr td.c21 {
  background-position	:	0 0	;
}

table.pnl tr td.c13 ,
table.pnl tr td.c23 {
  background-position	:	right 0	;
}

table.pnl tr td.c31	{
  background-position	:	0 -33px	;
}
table.pnl tr td.c32	{
  background-position	:	-3px -33px	;
}
table.pnl tr td.c33	{
  background-position	:	right -33px	;
}

table.pnl tr td.c12 {
  position: relative;
}

table.pnl tr td.c12 > span {
  position: absolute;
  top : -3px;
  left : 6px;
  padding: 0 6px 0 6px;
  font-weight: normal;
}


/* Speech Box */
td.sbx11 ,
td.sbx13 ,
td.sbx31 ,
td.sbx33 {
  background-color : #ffff00;
  background-image  : url(sprite-a.png)  ;
}

td.sbx11 {
  background-position :-798px -306px;
}

td.sbx12  {
  background-position :0px -216px;
}

td.sbx13 {
  background-position :-846px -306px;
}

td.sbx21 {
  background-position: -798px 0px;
}

td.sbx22 {
  background-color : #ffea80;
  color : #444;
}

td.sbx23 {
  background-position: -846px 0px;
}

td.sbx31 {
  background-position: -798px -342px;
}

td.sbx32 {
  background-position: 0px -252px;
}

td.sbx33 {
  background-position: -846px -342px;
}

td.sbx12 ,
td.sbx32 {
  background-image  : url(sprite-h.png)  ;
}

td.sbx21 ,
td.sbx23 {
  background-image  : url(sprite-v.png)  ;
}

td.sbx11 ,
td.sbx21 ,
td.sbx31 ,
td.sbx13 ,
td.sbx23 ,
td.sbx33 {
  width : 12px;
}

td.sbx11 ,
td.sbx12 ,
td.sbx13 {
  height : 12px;
}

td.sbx31 ,
td.sbx32 ,
td.sbx33 {
  height : 24px;
}

div.sbx {
  width : 24px;
  height : 24px;
  overflow: hidden;
  background-image  : url(sprite-a.png)  ;
  background-position: -810px -342px;
}

div.login form table.pnl {
  width : 384px;
}
div.login form table.pnl tr td.c12 {
  padding : 0px;
  text-align : center;
}

table.pnl tr td.c22 {
  padding-top : 3px;
  padding-left : 9px;
  padding-right : 9px;
  padding-bottom : 6px;
}

table.pnl tr td.c11 ,
table.pnl tr td.c21 ,
table.pnl tr td.c31 ,
table.pnl tr td.c13 ,
table.pnl tr td.c23 ,
table.pnl tr td.c33 {
  width : 3px;
}

table.pnl tr td.c11 ,
table.pnl tr td.c12 ,
table.pnl tr td.c13 {
  height : 12px;
}

table.pnl tr td.c31 ,
table.pnl tr td.c32 ,
table.pnl tr td.c33 {
  height : 3px;
}

tr.confirm td,
tr.input td {
  padding-left : 9px;
}

tr.input td {
  padding-top : 3px;
  padding-bottom : 3px;
}

tr.action td {
  padding-top : 5px;
  padding-bottom : 5px;
}

tr.confirm td.key,
tr.input td.key {
  text-align : right;
}

td.detail div table tbody tr.confirm td {
  border : 0px;
  line-height : 18px;
  font-weight : normal;
}

body.layout-01 #page #msg-bar {
  margin-left  : 192px;
}

body.layout-02 #page #msg-bar {
  margin-right : 12px;
}

body #page #msg-bar {
  text-align : center;
}

#msg-bar .r1 ,
#msg-bar .r3 {
  height : 24px;
  background-image	:	url(sprite-h.png)	;
}
#msg-bar .r1 {
  background-position	:	0px   -276px	;
}
#msg-bar .r3 {
  background-position	:	0px   -372px	;
}

#msg-bar .r2 .c21 .c23 .c22 .title ,
#msg-bar .r2 .c21 .c23 .c22 .text {
  text-align : left;
}

#msg-bar .r2 .c21 .c23 .c22 .admonition-f0 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f1 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f2 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f3 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f4 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f5 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f6 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f7 ,
#msg-bar .r2 .c21 .c23 .c22 .admonition-f8 {
  float : left;
  width : 48px;
  height : 48px;
  background-image	:	url(admonition.png)	;
  background-repeat	:	no-repeat	;
  margin-right : 12px;
}


#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f0 {
  background-position	:	-12px   -12px	;
}

#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f1 {
  background-position	:	-72px   -12px	;
}

#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f2 {
  background-position	:	-132px   -12px	;
}

#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f3 {
  background-position	:	-192px   -12px	;
}

#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f4 {
  background-position	:	-252px   -12px	;
}

#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f5 {
  background-position	:	-312px   -12px	;
}

#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f6 {
  background-position	:	-372px   -12px	;
}

#msg-bar.error .r2 .c21 .c23 .c22 .admonition-f7 {
  background-position	:	-432px   -12px	;
}



#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f0 {
  background-position	:	-12px   -72px	;
}

#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f1 {
  background-position	:	-72px   -72px	;
}

#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f2 {
  background-position	:	-132px   -72px	;
}

#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f3 {
  background-position	:	-192px   -72px	;
}

#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f4 {
  background-position	:	-252px   -72px	;
}

#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f5 {
  background-position	:	-312px   -72px	;
}

#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f6 {
  background-position	:	-372px   -72px	;
}

#msg-bar.success .r2 .c21 .c23 .c22 .admonition-f7 {
  background-position	:	-432px   -72px	;
}



#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f0 {
  background-position : -12px   -132px ;
}

#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f1 {
  background-position : -72px   -132px ;
}

#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f2 {
  background-position : -132px   -132px  ;
}

#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f3 {
  background-position : -192px   -132px  ;
}

#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f4 {
  background-position : -252px   -132px  ;
}

#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f5 {
  background-position : -312px   -132px  ;
}

#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f6 {
  background-position : -372px   -132px  ;
}

#msg-bar.warn .r2 .c21 .c23 .c22 .admonition-f7 {
  background-position : -432px   -132px  ;
}



#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f0 {
  background-position : -12px   -192px ;
}

#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f1 {
  background-position : -72px   -192px ;
}

#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f2 {
  background-position : -132px   -192px  ;
}

#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f3 {
  background-position : -192px   -192px  ;
}

#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f4 {
  background-position : -252px   -192px  ;
}

#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f5 {
  background-position : -312px   -192px  ;
}

#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f6 {
  background-position : -372px   -192px  ;
}

#msg-bar.fatal .r2 .c21 .c23 .c22 .admonition-f7 {
  background-position : -432px   -192px  ;
}



#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f0 {
  background-position : -12px   -252px ;
}

#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f1 {
  background-position : -72px   -252px ;
}

#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f2 {
  background-position : -132px   -252px  ;
}

#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f3 {
  background-position : -192px   -252px  ;
}

#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f4 {
  background-position : -252px   -252px  ;
}

#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f5 {
  background-position : -312px   -252px  ;
}

#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f6 {
  background-position : -372px   -252px  ;
}

#msg-bar.info .r2 .c21 .c23 .c22 .admonition-f7 {
  background-position : -432px   -252px  ;
}



#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f0 {
  background-position : -12px   -312px ;
}

#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f1 {
  background-position : -72px   -312px ;
}

#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f2 {
  background-position : -132px   -312px  ;
}

#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f3 {
  background-position : -192px   -312px  ;
}

#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f4 {
  background-position : -252px   -312px  ;
}

#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f5 {
  background-position : -312px   -312px  ;
}

#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f6 {
  background-position : -372px   -312px  ;
}

#msg-bar.validation .r2 .c21 .c23 .c22 .admonition-f7 {
  background-position : -432px   -312px  ;
}



#msg-bar .r2 .c21 .c23 .c22 .message {
  width : 393px;
  padding-bottom : 12px; /* keep it for IE6 */
}

#msg-bar .r2	{
  width	:	480px	;
  margin-left : auto;
  margin-right : auto;
}
#msg-bar .r2 div	,
#msg-bar .r2 div div	,
#msg-bar .r2 div div div	{
  overflow	:	hidden	;
}
#msg-bar .r2 .c11	,
#msg-bar .r2 .c11 .c13	,
#msg-bar .r2 .c11 .c13 .c12	,
#msg-bar .r2 .c31	,
#msg-bar .r2 .c31 .c33	,
#msg-bar .r2 .c31 .c33 .c32	{
  background-image	:	url(sprite-a.png)	;
}

#msg-bar .r2 .c21	,
#msg-bar .r2 .c21 .c23	,
#msg-bar .r2 .c21 .c23 .c22	{
  background-image	:	url(sprite-v.png)	;
}

#msg-bar .r2 .c11	,
#msg-bar .r2 .c11 .c13	,
#msg-bar .r2 .c11 .c13 .c12	{
  height	:	12px	;
}
#msg-bar .r2 .c11 .c13	,
#msg-bar .r2 .c21 .c23	,
#msg-bar .r2 .c31 .c33	{
  margin-left	:	12px	;
}
#msg-bar .r2 .c11 .c13 .c12	,
#msg-bar .r2 .c21 .c23 .c22	,
#msg-bar .r2 .c31 .c33 .c32	{
  margin-right	:	12px	;
}
#msg-bar .r2 .c31	,
#msg-bar .r2 .c31 .c33	,
#msg-bar .r2 .c31 .c33 .c32	{
  height	:	12px	;
}
#msg-bar .r2 .c11	{
  background-position	:	-240px -300px	;
}
#msg-bar .r2 .c11 .c13 .c12	{
  background-position	:	-252px -300px	;
}
#msg-bar .r2 .c11 .c13	{
  background-position	:	-252px -300px	;
}
#msg-bar .r2 .c21	{
  background-position	:	-240px -312px	;
}
#msg-bar .r2 .c21 .c23 .c22	{
  background-position	:	-252px -312px	;
}
#msg-bar .r2 .c21 .c23	{
  background-position	:	-252px -312px	;
}
#msg-bar .r2 .c31	{
  background-position	:	-240px -360px	;
}
#msg-bar .r2 .c31 .c33 .c32	{
  background-position	:	-252px -360px	;
}
#msg-bar .r2 .c31 .c33	{
  background-position	:	-252px -360px	;
}

#menucol {
  background-image	:     url(sprite-v.png);
  background-position	:  	-24px   0px;
  overflow : hidden;
}

#menulist {
  float : left;
  clear : both;
}

#menulist a, #menulist .bottom {
  line-height : 24px;
  /* consider unification */
  background-image	:	url(sprite-a.png);
}

#menulist ,
#menulist .bottom {
  width : 192px;
}


#menulist .bottom {
  height : 24px;
  background-position	:-24px   -660px;
}

#menulist a {
  width : 162px;
  display : block;
}

#menulist a.item-l1,
#menulist a.item-l1-active {
  width : 162px;
}

#menulist a.item-l1 {
  padding-left : 30px;
  background-position	:-24px   -372px;
}

#menulist a.item-l1-active {
  padding-left : 30px;
  background-position	:-24px   -420px;
}

#menulist a.item-l1:focus, #menulist a.item-l1-active:focus ,
#menulist a.item-l1:hover, #menulist a.item-l1-active:hover {
  background-position	:-24px   -468px;
}

#menulist a.item-l2,
#menulist a.item-l2-active {
  width : 138px;
}

#menulist a.item-l2 {
  padding-left : 54px;
  background-position	:-24px   -516px;
}

#menulist a.item-l2-active {
  padding-left : 54px;
  background-position	:-24px   -564px;
}

#menulist a.item-l2:focus, #menulist a.item-l2-active:focus ,
#menulist a.item-l2:hover, #menulist a.item-l2-active:hover {
  background-position	:-24px   -612px;
}

#header .c1 ,
#header .c2 ,
#header .c4 ,
#header .c5 {
  /* consider unification */
  background-image	:	url(sprite-a.png);
}
#header .c1 ,
#header .c2 ,
#header .c4 ,
#header .c5 {
  width : 192px;
}

body.layout-02.compact #page #header .c2 {
  width : 576px;
}

body.layout-02 #page #header .c1 ,
body.layout-02 #page #header .c5 {
  width : 204px;
}

body.layout-02.borderless #page #header .c1 ,
body.layout-02.borderless #page #header .c5 {
  width : 192px;
}

body.layout-box #header .c1 ,
body.layout-box #header .c5 ,
body.layout-box #footer .c1 ,
body.layout-box #footer .c5 {
  width : 216px;
}

body.layout-02.borderless #header .c1 a {
  margin-top : 0px;
  margin-left : 0px;
}

#header .c1 a {
  display : block;
}

#header .c1 a {
  height : 72px;
}

body.compact #header .c1 a {
  height : 46px;
}

#header .c1 a:hover {
  background : #ffffff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#header .c1 ,
#header .c2 {
  float:left;
}

#header .c4 ,
#header .c5 {
  float:right;
}

#header {
  background-image	:	url(tile-header.png);
  background-repeat : repeat-x;
}

.appIconHeader {
  background-repeat : no-repeat ;
  width : 46px;
  height : 46px;
  float : left;
}

.appIconHeaderCaption {
  float : left;
  font-family : helvetica, "Liberation Sans", arial;
  display:block;
  color : #0018A0;
  height : 40px;
  line-height : 46px;
  font-size : 30px;
}

/* header for layout-01 */
body.layout-01 #page #header, body.layout-01 #page #header div {
  height:72px;
}

body.layout-01 #page #header .c1 {
  background-position	:-24px   -24px;
}
body.layout-01 #page #header .c2 {
  background-position	:-216px   -24px;
}

body.layout-01 #page #header {
  background-position	:0px   -24px;
}

body.layout-01 #page #header .c4 {
  background-position	:-600px   -24px;
}

body.layout-01 #page #header .c5 {
  background-position	:-792px   -24px;
}

/* header for layout-02 */
body.layout-02 #page #header, body.layout-02 #page #header div {
  height:78px;
}
body.layout-02.borderless #page #header, body.layout-02.borderless #page #header div {
  height:72px;
}

body.layout-01.compact #page #header, body.layout-01.compact #page #header div ,
body.layout-02.compact #page #header, body.layout-02.compact #page #header div {
  height:46px;
}

body.layout-02 #page #header .c1 {
  background-position	:-12px   -18px;
}
body.layout-02.borderless #page #header .c1 {
  background-position	:-24px   -24px;
}

body.layout-02 #page #header .c2 {
  background-position	:-216px   -18px;
}
body.layout-02.borderless #page #header .c2 {
  background-position	:-216px   -24px;
}

body.layout-02 #page #header {
  background-position	:12px   -18px;
}
body.layout-02.borderless #page #header {
  background-position	:12px   -24px;
}

body.layout-02 #page #header .c4 {
  background-position	:-600px   -18px;
}
body.layout-02.borderless #page #header .c4 {
  background-position	:-600px   -24px;
}

body.layout-02 #page #header .c5 {
  background-position	:-792px   -18px;
}

body.layout-02.borderless #page #header .c5 {
  background-position	:-792px   -24px;
}

#footer {
  clear:both;
}

#footer .c1 .text ,
#footer .c1 .shadow {
  text-align:left;
  margin-left:36px;
}

#footer, #footer div {
  height:72px;
}

#footer .c1 ,
#footer .c5 {
  background-image	:	url(sprite-a.png);
  width : 192px;
}

#footer .c1 {
  float:left;
}

#footer .c5 {
  float:right;
}

#footer {
  background-image	:	url(sprite-h.png);
  background-position	:0px   -696px;
  background-repeat : repeat-x;
  text-align : center;
}

body.layout-01 #page #footer .c1 {
  background-position	:-24px   -696px;
}

body.layout-02 #page #footer .c1 {
  background-position	:-12px   -696px;
}

body.layout-02.borderless #page #footer .c1 {
  background-position	:-24px   -696px;
}

body.layout-01 #page #footer .c5 {
  background-position	:-792px   -696px;
}

body.layout-02 #page #footer .c5 {
  background-position	:-804px   -696px;
}

body.layout-02 #page #footer .c5 {
  background-position	:-792px   -696px;
}


body.layout-02 #page #menubar-l1 .c1,
body.layout-02 #page #menubar-l1 .c5,
body.layout-02 #page #menubar-l2 .c1,
body.layout-02 #page #menubar-l2 .c5 {
  width : 12px;
  background-image	:	url(sprite-a.png);
}

body.layout-02.borderless #page #menubar-l1 .c1,
body.layout-02.borderless #page #menubar-l1 .c5,
body.layout-02.borderless #page #menubar-l2 .c1,
body.layout-02.borderless #page #menubar-l2 .c5 {
  width : 0px;
}

body.layout-02 #page #menubar-l1 .c1 ,
body.layout-02 #page #menubar-l2 .c1 {
  float : left;
}

body.layout-02 #page #menubar-l1 .c5 ,
body.layout-02 #page #menubar-l2 .c5 {
  float : right;
}

body.layout-02 #page #menubar-l1 .c1 {
  background-position	: -12px -96px;
}

body.layout-02 #page #menubar-l1 .c5 {
  background-position	: -984px -96px;
}

body.layout-02 #page #menubar-l2 .c1 {
  background-position	: -12px -120px;
}

body.layout-02 #page #menubar-l2 .c5 {
  background-position	: -984px -120px;
}


#menubar-l1,
#menubar-l1 div,
#menubar-l2,
#menubar-l2 div,
#menubar-l1 a,
#menubar-l2 a {
  height : 24px;
  line-height : 24px;
}

a.home {
  position:relative;
  left:48%;
  display:block;
  width : 48px;
  height : 24px;
  padding : 0px;
  background-image	:	url(sprite-a.png);
  background-repeat : no-repeat;
  margin-bottom : -24px;
}

body.layout-01 a.home {
  top:72px;
}

body.layout-02 a.home {
  top:78px;
}

body.borderless a.home {
  top:72px;
}

body.compact a.home {
  top:46px;
}

a.home ,
a.home:active ,
a.home:visited ,
a.home:link ,
a.home:focus {
  background-position : -600px -96px;
}

a.home:hover {
  background-position : -648px -96px;
}

#menubar-l1 a span.logout,
#menubar-l1 a span.prefs,
#menubar-l1 a span.info,
#menubar-l1 a span.layout,
#menubar-l1 .flag-de ,
#menubar-l1 .flag-at ,
#menubar-l1 .flag-ch ,
#menubar-l1 .flag-gb ,
#menubar-l1 .flag-fr ,
#menubar-l1 .flag-it ,
#menubar-l1 .flag-nl,
#menubar-l1 .flag-be {
  background-image  : url(sprite-a.png);
  width : 24px;
  float : left;
  margin-right : 6px;
  height : 24px;
}

#menubar-l1 a.item-l1.static {
  padding-left : 0;
}

#menubar-l1 a.help {
  background-image  : url(sprite-a.png);
  /* override background settings of pseudo classes */
  background-position : -696px -96px!important;
  width : 24px;
  margin-right : 6px;
  padding-left : 0;
  padding-right : 0;
  float : right;
}

#menubar-l1 .logout {
  background-position : -720px -96px;
}

#menubar-l1 .info ,
#menubar-l1 .prefs {
  background-position : -744px -96px;
}

#menubar-l1 .layout {
  background-position : -768px -96px;
}

#menubar-l1 .flag-de {
  background-position : -792px -96px;
}

#menubar-l1 .flag-at {
  background-position : -816px -96px;
}

#menubar-l1 .flag-ch {
  background-position : -840px -96px;
}

#menubar-l1 .flag-gb {
  background-position : -864px -96px;
}

#menubar-l1 .flag-fr {
  background-position : -888px -96px;
}

#menubar-l1 .flag-it {
  background-position : -912px -96px;
}

#menubar-l1 .flag-nl {
  background-position : -936px -96px;
}

#menubar-l1 .flag-be {
  background-position : -960px -96px;
}

#l10n div {
  clear : both;
  height : 24px;
  width : 196px;
  padding-top : 3px;
  padding-bottom : 9px;
  margin-left : auto;
  margin-right : auto;
}

div.l10n-list {
  width : 390px;
  margin-left : 9px;
  padding-left : 6px;
  padding-top : 3px;
  padding-right : 6px;
  padding-bottom : 3px;
}

div.l10n-list form div ,
div.l10n-list form div input,
div.l10n-list form div div {
  line-height : 24px;
  height : 24px;
}

div.l10n-list form div div.active {
  font-weight : bold;
}

div.l10n-list form div div {
  float : left;
}

div.l10n-list div a.active {
  font-weight : bold;
}

.flag-de ,
.flag-at ,
.flag-ch ,
.flag-gb ,
.flag-fr ,
.flag-it ,
.flag-nl,
.flag-be {
  width : 24px;
  height : 24px;
  background-image	:	url(sprite-a.png);
  display : block;
  float:left;
}

.flag-de {
  background-position : -792px -144px;
}

.flag-at {
  background-position : -816px -144px;
}

.flag-ch {
  background-position : -840px -144px;
}

.flag-gb {
  background-position : -864px -144px;
}

.flag-fr {
  background-position : -888px -144px;
}

.flag-it {
  background-position : -912px -144px;
}

.flag-nl {
  background-position : -936px -144px;
}

.flag-be {
  background-position : -960px -144px;
}

#menubar-l1 .static {
  float : right;
}

#menubar-l1, #menubar-l2 {
  background-image	:	url(sprite-h.png);
  background-repeat : repeat-x;
}

#menubar-l1 {
  background-position	:0px   -96px;
}

#menubar-l2 {
  background-position	:0px   -120px;
}

#menubar-l1 a, #menubar-l2 a {
  padding-left : 6px;
  padding-right : 6px;
}

#menubar-l1 .static {
  padding-left : 3px;
  padding-right : 6px;
}

#menubar-l1 a, #menubar-l2 a {
  float : left;
  text-decoration : none;
  background-image	:	url(sprite-a.png);
}

#menubar-l1 a {
  background-position	: -24px   -96px;
}

#menubar-l1 a.active {
  background-position	: -216px   -96px;
}

#menubar-l1 a:focus, #menubar-l1 a.active:focus,
#menubar-l1 a:hover, #menubar-l1 a.active:hover {
  background-position	: -408px   -96px;
}

#menubar-l2 a {
  background-position	: -24px   -120px;
}

#menubar-l2 a.active {
  background-position	: -216px   -120px;
}
#menubar-l2 a:focus, #menubar-l2 a.active:focus ,
#menubar-l2 a:hover, #menubar-l2 a.active:hover {
  background-position	: -408px   -120px;
}


#breadcrumb {
  overflow:hidden;
  margin-bottom:12px;
  width : 100%;
}

#breadcrumb div ,
#breadcrumb a {
  background-image:	url(sprite-a.png)	;
  float:left;
  line-height:22px;
  height:24px;
}

#breadcrumb a {
  display : block;
}

#breadcrumb a.cross {
  width : 18px;
  background-position : -822px -168px;
}

#breadcrumb div.separator {
  width:24px;
  overflow:hidden;
  background-position : -804px -168px;
}

#breadcrumb a.item ,
#breadcrumb div.item {
  background-image	:	url(sprite-h.png)	;
  background-position : 0 -168px;
}

#breadcrumb div.separator.first ,
#breadcrumb div.separator.last {
  width:12px;
}

#breadcrumb div.separator.first {
  background-position : -792px -168px;
}

#breadcrumb div.separator.last {
  background-position : -840px -168px;
}

#breadcrumb div.minifig {
  float : right;
  width : 18px;
  background-position : -864px -168px;
}

#breadcrumb div.right {
  float : right;
  background-image : none;
}


input.button-href {
  background:transparent;
  font-size : 12px;
  border: 0px;
  height: 18px;
  line-height: 18px;
  padding: 0px;
  margin : 0px;
  overflow: visible; /* IE ignores padding without this */
  float : left;
  display : block;
  text-decoration : underline;
}

input.button-href::-moz-focus-inner {
  padding : 0;
  border : none;
}

input.button-hidden {
  background: transparent;
  border: none;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
}

.switch-hide-on,
.switch-hide-off,
.switch-show-on,
.switch-show-off {
  background-image	:	url(sprite-a.png)	;
  font-size : 12px;
  width : 24px;
  height : 24px;
  border : 0px solid transparent;
  float:right;
  text-decoration : none;
  cursor: pointer;
}

.switch-hide-on {
  background-position : -936px -456px;
}

.switch-hide-off {
  background-position : -936px -492px;
}

.switch-show-on {
  background-position : -960px -492px;
}

.switch-show-off {
  background-position : -960px -456px;
}

a.button-xs ,
a.button-s ,
a.button-m ,
a.button-l ,
a.button-xl ,
div.button-xxl div div a {
  text-decoration : none;
}

input.button-xs ,
input.button-s ,
input.button-m ,
input.button-l ,
input.button-xl {
  padding-bottom : 4px;
}

.button-xs ,
.button-s ,
.button-m ,
.button-l ,
.button-xl {
  background-image	:	url(sprite-a.png)	;
  font-size : 12px;
  height : 24px;
  border : 0 solid transparent;
  float:left;
  margin-right : 3px;
  margin-bottom : 3px;
  text-decoration : none;
  text-align : center;
  display : block;
}

.toggle {
  margin-left:auto;
  margin-right:auto;
}

.toggle div ,
.toggle div div ,
.toggle div div div ,
.button-xxl ,
.button-xxl div ,
.button-xxl div div {
  background-image : url(sprite-h.png) ;
  height : 24px;
}

.toggle div div div input ,
.button-xxl div div input {
  font-weight : normal;
  font-size : 12px;
  line-height: 20px;
  border : 0 solid transparent;
  text-decoration : none;
  text-align : center;
  display : inline;
  background : transparent;
}

.button-xxl.nl {
  clear:left;
}

.button-xxl {
  margin-right : 3px;
}

.toggle div ,
.button-xxl {
  float:left;
}

.toggle div div ,
.button-xxl div {
  margin-right : 9px;
}

.toggle div div div ,
.button-xxl div div {
  margin-right : 0px;
  margin-left : 9px;
}

.button-xxl {
  background-position : right -516px;
}

.button-xxl div {
  background-position : left -420px;
}

.button-xxl div div {
  background-position : 0px -468px;
}

.button-xxl div div a {
  line-height : 22px;
}

/* toggle unselected */

.toggle div {
  background-position : right -612px;
}

.toggle div div {
  background-position : left -564px;
}

.toggle div.first div div  ,
.toggle div.last div div  ,
.toggle div div div  {
  background-position : 0px -468px;
}

.toggle div.first div {
  background-position : left -420px;
}

.toggle div.last {
  background-position : right -516px;
}

/* toggle selected */

.toggle div.selected div div input {
  text-shadow: 0px 1px 0px rgba(0,0,0, 0.2);
}

.toggle div.selected {
  background-position : right -636px;
}

.toggle div.selected div {
  background-position : left -588px;
}

.toggle div.first.selected div div  ,
.toggle div.last.selected div div  ,
.toggle div.selected div div  {
  background-position : 0px -492px;
}

.toggle div.first.selected div {
  background-position : left -444px;
}

.toggle div.last.selected {
  background-position : right -540px;
}

.button-mini-play ,
.button-mini-plus ,
.button-mini-minus ,
.button-mini-empty ,
.button-mini-right ,
.button-mini-left ,
.button-mini-down ,
.button-mini-up,
.button-mini-down ,
.button-mini-up,
.button-mini-play {
  background-image	:	url(sprite-a.png)	;
  font-size : 4px;
  border : 0px solid transparent;
  margin : 0px;
  padding : 0px;
  width : 24px;
  height : 24px;
  float : left;
  cursor : pointer;
}

tr.odd td .button-mini-play {
  background-position : -792px -588px;
}

tr.even td .button-mini-play {
  background-position : -792px -612px;
}

tr.odd td input.button-mini-plus {
  background-position : -816px -588px;
}

tr.even td input.button-mini-plus {
  background-position : -816px -612px;
}

tr.odd td input.button-mini-minus {
  background-position : -840px -588px;
}

tr.even td input.button-mini-minus {
  background-position : -840px -612px;
}

tr.odd td input.button-mini-empty {
  background-position : -864px -588px;
}

tr.even td input.button-mini-empty {
  background-position : -864px -612px;
}

tr.odd td input.button-mini-right {
  background-position : -888px -588px;
}

tr.even td input.button-mini-right {
  background-position : -888px -612px;
}

tr.odd td input.button-mini-left {
  background-position : -912px -588px;
}

tr.even td input.button-mini-left {
  background-position : -912px -612px;
}

tr.odd td input.button-mini-down,
tr.odd td .button-mini-down {
  background-position : -936px -588px;
}

tr.even td input.button-mini-down,
tr.even td .button-mini-down {
  background-position : -936px -612px;
}

tr.odd td input.button-mini-up,
tr.odd td .button-mini-up {
  background-position : -960px -588px;
}

tr.even td input.button-mini-up,
tr.even td .button-mini-up {
  background-position : -960px -612px;
}

.button-xs {
  width : 48px;
  background-position : -876px -456px;
}

.button-s {
  width : 72px;
  background-position : -792px -456px;
}

.button-m {
  width : 96px;
  background-position : -792px -492px;
}

.button-l {
  width : 120px;
  background-position : -792px -528px;
}

.button-xl {
  width : 144px;
  background-position : -792px -564px;
}

.scroller td {
  padding-top : 6px;
  padding-bottom : 6px;
}
.scroller td a ,
.scroller td span {
  height : 24px;
  line-height : 22px;
  background-image	:	url(sprite-a.png)	;
  text-decoration : none;
  display : block;
}

.scroller td a.prev ,
.scroller td a.next {
  width : 24px;
}

.scroller td .firstdeco ,
.scroller td .lastdeco {
  width : 12px;
}

.scroller td a.prev {
  background-position : -792px -636px;
  margin-right : 6px;
}

.scroller td a.next {
  background-position : -960px -636px;
  margin-left : 6px;
}

.scroller td .firstdeco {
  background-position : -828px -636px;
}

.scroller td .lastdeco {
  background-position : -936px -636px;
}

.scroller td a.last ,
.scroller td a.pagenumber ,
.scroller td span.pagenumber {
  padding-left : 3px;
}

.scroller td a.first ,
.scroller td a.pagenumber ,
.scroller td span.pagenumber {
  padding-right : 3px;
}

.scroller td a.first ,
.scroller td a.pageprev ,
.scroller td span ,
.scroller td a.pagenumber ,
.scroller td a.pagenext ,
.scroller td a.last {
  background-position : -840px -636px;
}

.scroller-pagesize {
  float:right;
  margin-top:-30px;
}
.scroller-pagesize-noPaging {
  margin-top:5px;
  float:right;
}

div.login form table.pnl tbody tr td div.labeledinput-ok ,
div.login form table tbody tr td div.labeledinput-fail {
  padding-left : 60px;
  float : none;
}

div.login form table.pnl tbody tr td div.buttonrow {
  padding-left:83px;
}

div.labeledinput-ok ,
div.labeledinput-fail {
  float : left ;
}

div.cross {
  width:24px;
  height:24px;
  background-image	:	url(sprite-a.png);
  background-repeat : no-repeat;
  background-position : -912px -528px;
}

div.labeledinput-fail div.cross {
  margin-bottom:-24px;
}

div.labeledcheckbox div.cross {
  float : left;
  margin-right : -24px;
}

td div.cross {
  float : left;
}

div.labeledcheckbox input {
  float : left;
  margin-left : 24px;
}

div.labeledinput-ok ,
div.labeledinput-fail ,
div.buttonrow {
  padding-bottom : 6px;
}

div.buttonrow {
  clear : both;
  padding-top : 12px;
  height : 36px;
}

div.labeledinput-ok div.caption ,
div.labeledinput-fail div.caption {
  padding-left : 24px;
  text-align : left;
}

div.input,
div.list_of_errors {
  margin-left : 24px;
}

div.input.text.confirm {
  border-width : 1px;
  border-style : solid;
  height : 20px;
  line-height : 20px;
  margin-left : 26px;
  margin-top : 1px;
  overflow : hidden;
  padding-left : 2px;
  padding-right : 2px;
}

div.input.text.readonly {
  margin-left : 24px;
  margin-bottom: 6px;
  float:left;
}

div.list_of_errors {
  clear : left;
}

div.inline_error {
  width : 16px;
  float : left;
  font-weight : bold;
  text-align : right;
}

div.input.time.spin {
  margin-left : 3px;
}

div.labeledcheckbox div.list_of_errors {
  position:relative;
  top : -6px;
  clear : left;
}

div.list_of_errors div {
  margin-right : 6px;
  font-size : 11px;
}

div.indent {
  clear:both;
  padding-left : 24px;
}

div.buttonrow {
  overflow: hidden;
}

table.grid tr td table.pnl ,
table.grid tr td form table.pnl ,
table.grid tr td table.datawrap {
  margin-left : 24px;
}

table.data ,
table.data thead tr td ,
table.data thead tr td a,
table.data thead tr td span ,
table.data tbody tr td {
  border-style : solid;
}

table.data ,
table.data tbody tr td {
  border-style : solid;
  line-height : 24px;
}

table.data thead tr td ,
table.data thead tr td a,
table.data thead tr td span {
  line-height : 18px;
}

table.data {
  margin-top : 6px;
}

table.data {
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-collapse : separate;
}

table.data thead tr td {
  border-top-width : 1px;
  border-left-width : 1px;
  border-bottom-width : 1px;
}

table.data tbody tr td {
  border-left-width : 1px;
}

table.data.detail tbody tr td {
  border-top-width : 1px;
}

table.data thead tr td ,
table.data tbody tr td {
  vertical-align : middle;
}

table.data tbody tr td div {
  line-height:24px;
  float : left;
}

table.data tbody tr td div.row-spacer {
  height : 18px;
}

table.data tbody tr.highlight td {
  border-top-width : 2px;
  border-bottom-width : 2px;
  font-weight : bold;
}

table.data tbody tr.highlight td.firstcol {
  border-left-width : 2px;
}

table.data tbody tr.highlight td.lastcol {
  border-right-width : 2px;
}

table.data thead tr td ,
table.data tbody tr td {
  padding-left : 6px;
  padding-right : 6px;
  line-height: 24px;
  white-space: nowrap;
}

table.data thead tr td {
  background-image	:	url(sprite-a.png);
  background-position : -216px -144px;
}

table.data thead tr.search td {
  padding-left : 3px;
  background-image : none;
  width : 384px;
  height : 48px;
  vertical-align : middle;
  border-bottom-width : 0px;
}

table.data thead tr.search td input {
  float : left;
}

table.data thead tr td a {
  display : block;
  width:100%;
}

table.data thead tr td.sorted,
table.data thead tr td:hover,
table.data thead tr td.sortable:hover {
  background-position : -216px -168px;
}

table.data thead tr td.sortable ,
table.data tbody tr td.sortable {
  cursor:pointer;
}

table.data thead tr td a ,
table.data thead tr td a:link ,
table.data thead tr td a:visited ,
table.data thead tr td a:hover ,
table.data thead tr td a:active ,
table.data thead tr td a:focus  {
  text-decoration : none;
}

table.data tbody tr.odd td.detail ,
table.data tbody tr.even td.detail {
  font-weight : normal;
  text-decoration : none;
  border-top-width : 1px;
  padding : 0px;
}

table.data tbody tr.odd.highlight td.detail ,
table.data tbody tr.even.highlight td.detail {
  font-weight : normal;
  text-decoration : none;
  border-top-width : 0px;
  padding : 0px;
}

table.data tbody tr.odd td.detail div ,
table.data tbody tr.even td.detail div ,
table.data tbody tr.highlight.odd td.detail div ,
table.data tbody tr.highlight.even td.detail div {
  padding-left : 12px;
  overflow: hidden;
  position: static;
  transition-property: height, border-bottom-width;
  transition-duration: 400ms;
  transition-timing-function: ease-in-out;
}

table.data tbody tr.odd td.detail.collapse ,
table.data tbody tr.even td.detail.collapse ,
table.data tbody tr.highlight.odd td.detail.collapse ,
table.data tbody tr.highlight.even td.detail.collapse {
  border-bottom-width: 0;
  transition-delay: 400ms;
}

table.data tbody tr td.lastrow {
  border-top-width : 1px;
}

.w12,
.w11,
.w10,
.w9,
.w8,
.w7,
.w6,
.w5,
.w4,
.w3,
.w2,
.w1 {
  overflow : hidden;
}

div.r {
  text-align : right;
}

div.c {
  text-align : center;
}

.w12 {
  width : 552px;
}

.w11 {
  width : 528px;
}

.w10 {
  width : 480px;
}

.w9 {
  width : 432px;
}

.w8 {
  width : 384px;
}

.w7 {
  width : 336px;
}

.w6 {
  width : 288px;
}

.w5 {
  width : 240px;
}

.w4 {
  width : 192px;
}

.w3 {
  width : 144px;
}

.w2 {
  width : 96px;
}

.w1 {
  width : 48px;
}

div.bar {
  height : 9px;
}

/* tx icons */
table.data tbody tr td.icon {
  text-align:center;
  overflow : hidden;
  padding-left : 0px;
  padding-right : 0px;
}

table.data tbody tr.reversed td {
  text-decoration : line-through;
}

td.txicon {
  background-image	:	url(sprite-a.png);
  background-repeat : no-repeat;
}

div.txicon ,
div.qficon {
  height : 24px;
  line-height : 24px;
  vertical-align : middle;
  background-image	:	url(sprite-a.png)	;
  background-repeat	:	no-repeat	;
  float:left;
  padding:0;
}

div.txicon {
  width : 24px;
}

div.qficon {
  width : 48px;
}


/* gray */
tr.odd td div.txicon {
  background-position : -480px -444px;
}

tr.even td div.txicon {
  background-position : -480px -468px;
}

tr.odd td div.txicon.initfailed ,
tr.odd td div.txicon.reversalfailed ,
tr.odd td div.txicon.scoringfailed ,
tr.odd td div.txicon.error ,
tr.odd td div.txicon.failed {
  background-position : -576px -444px;
}

tr.even td div.txicon.initfailed ,
tr.even td div.txicon.reversalfailed ,
tr.even td div.txicon.scoringfailed ,
tr.even td div.txicon.error ,
tr.even td div.txicon.failed {
  background-position : -576px -468px;
}

/* green */
tr.odd td div.txicon.capture ,
tr.odd td div.txicon.authorization {
  background-position : -456px -444px;
}

tr.even td div.txicon.capture ,
tr.even td div.txicon.authorization {
  background-position : -456px -468px;
}

tr.odd td div.txicon.capturefailed ,
tr.odd td div.txicon.authorizationfailed {
  background-position : -552px -444px;
}

tr.even td div.txicon.capturefailed ,
tr.even td div.txicon.authorizationfailed {
  background-position : -552px -468px;
}

/* yellow */
tr.odd td div.txicon.preauthorization ,
tr.odd td div.txicon.preauthorization-copy ,
tr.odd td div.txicon.configuration {
  background-position : -432px -444px;
}

tr.even td div.txicon.preauthorization ,
tr.even td div.txicon.preauthorization-copy ,
tr.even td div.txicon.configuration {
  background-position : -432px -468px;
}

tr.odd td div.txicon.preauthorizationfailed ,
tr.odd td div.txicon.preauthorization-copyfailed ,
tr.odd td div.txicon.configurationfailed {
  background-position : -528px -444px;
}

tr.even td div.txicon.preauthorizationfailed ,
tr.even td div.txicon.preauthorization-copyfailed ,
tr.even td div.txicon.configurationfailed {
  background-position : -528px -468px;
}

/* red */
tr.odd td div.txicon.credit ,
tr.odd td div.txicon.refund {
  background-position : -408px -444px;
}

tr.even td div.txicon.credit ,
tr.even td div.txicon.refund {
  background-position : -408px -468px;
}

tr.odd td div.txicon.creditfailed ,
tr.odd td div.txicon.refundfailed {
  background-position : -504px -444px;
}

tr.even td div.txicon.creditfailed ,
tr.even td div.txicon.refundfailed {
  background-position : -504px -468px;
}

/* uparrow */
tr.odd td div.txicon.uparrow {
  background-position			:	-528px	-540px	;
}

tr.even td div.txicon.uparrow {
  background-position			:	-528px	-564px	;
}

tr.odd td.sorted div.txicon.uparrow {
  background-position			:	-720px	-540px	;
}

tr.even td.sorted div.txicon.uparrow {
  background-position			:	-720px	-564px	;
}

/* indent */
tr.odd td div.txicon.indent {
  background-position			:	-504px	-540px	;
}

tr.even td div.txicon.indent {
  background-position			:	-504px	-564px	;
}

tr.odd td.sorted div.txicon.indent {
  background-position			:	-696px	-540px	;
}

tr.even td.sorted div.txicon.indent {
  background-position			:	-696px	-564px	;
}

/* qualifier icons */
tr.odd td div.qficon {
  background-position			:	-504px	-492px	;
}

tr.even td div.qficon {
  background-position			:	-504px	-516px	;
}

/* girocard */
tr.odd td div.qficon.girocard {
  background-position	:	-408px   -396px;
}

tr.even td div.qficon.girocard {
  background-position	:	-408px   -420px;
}

/* visa standard */
tr.odd td div.qficon.visa {
  background-position	:	-408px   -492px;
}

tr.even td div.qficon.visa {
  background-position	:	-408px   -516px;
}

/* visa 3ds attempt */
tr.odd td div.qficon.visa_tds_attempt {
  background-position	:	-408px   -540px;
}

tr.even td div.qficon.visa_tds_attempt {
  background-position	:	-408px   -564px;
}

/* visa 3ds full */
tr.odd td div.qficon.visa_tds_full {
  background-position	:	-408px   -588px;
}

tr.even td div.qficon.visa_tds_full {
  background-position	:	-408px   -612px;
}

/* mastercard standard */
tr.odd td div.qficon.mastercard {
  background-position	:	-456px   -492px;
}

tr.even td div.qficon.mastercard {
  background-position	:	-456px   -516px;
}

/* mastercard 3ds attempt */
tr.odd td div.qficon.mastercard_tds_attempt {
  background-position	:	-456px   -540px;
}

tr.even td div.qficon.mastercard_tds_attempt {
  background-position	:	-456px   -564px;
}

/* mastercard 3ds full */
tr.odd td div.qficon.mastercard_tds_full {
  background-position	:	-456px   -588px;
}

tr.even td div.qficon.mastercard_tds_full {
  background-position	:	-456px   -612px;
}

/* amex standard */
tr.odd td div.qficon.amex {
  background-position	:	-408px   -636px;
}

tr.even td div.qficon.amex {
  background-position	:	-408px   -660px;
}

/* amex 3ds attempt */
tr.odd td div.qficon.amex_tds_attempt {
  background-position	:	-648px   -540px;
}

tr.even td div.qficon.amex_tds_attempt {
  background-position	:	-648px   -564px;
}

/* amex 3ds full */
tr.odd td div.qficon.amex_tds_full {
  background-position	:	-648px   -588px;
}

tr.even td div.qficon.amex_tds_full {
  background-position	:	-648px   -612px;
}

/* diners */
tr.odd td div.qficon.diners {
  background-position	:	-456px   -636px;
}

tr.even td div.qficon.diners {
  background-position	:	-456px   -660px;
}

/* direct debit */
tr.odd td div.qficon.directdebit {
  background-position	:	-552px   -492px;
}

tr.even td div.qficon.directdebit {
  background-position	:	-552px   -516px;
}

/* maestro */
tr.odd td div.qficon.maestro {
  background-position			:	-552px	-540px	;
}

tr.even td div.qficon.maestro {
  background-position			:	-552px	-564px	;
}

/* giropay */
tr.odd td div.qficon.giropay {
  background-position			:	-552px	-588px	;
}

tr.even td div.qficon.giropay {
  background-position			:	-552px	-612px	;
}

/* geldkarte */
tr.odd td div.qficon.geldkarte {
  background-position			:	-504px	-588px	;
}

tr.even td div.qficon.geldkarte {
  background-position			:	-504px	-612px	;
}

/* avs */
tr.odd td div.qficon.avs {
  background-position			:	-504px	-636px	;
}

tr.even td div.qficon.avs {
  background-position			:	-504px	-660px	;
}

/* cashandgo */
tr.odd td div.qficon.cashandgo {
  background-position			:	-552px	-636px	;
}

tr.even td div.qficon.cashandgo {
  background-position			:	-552px	-660px	;
}

/* buergel */
tr.odd td div.qficon.buergel {
  background-position : -552px   -396px;
}

tr.even td div.qficon.buergel {
  background-position : -552px   -420px;
}

/* escore */
tr.odd td div.qficon.escore {
  background-position : -600px   -396px;
}

tr.even td div.qficon.escore {
  background-position : -600px   -420px;
}

/* paypal */
tr.odd td div.qficon.paypal {
  background-position : -648px   -396px;
}

tr.even td div.qficon.paypal {
  background-position : -648px   -420px;
}

/* blacklist */
tr.odd td div.qficon.blacklist {
  background-position : -600px   -444px;
}

tr.even td div.qficon.blacklist {
  background-position : -600px   -468px;
}

/* intercard scoring for giro-warranty */
tr.odd td div.qficon.intercard {
  background-position : -600px   -492px;
}

tr.even td div.qficon.intercard {
  background-position : -600px   -516px;
}

/* intercard giro-warranty */
tr.odd td div.qficon.giro-warranty {
  background-position : -600px   -540px;
}

tr.even td div.qficon.giro-warranty {
  background-position : -600px   -564px;
}

/* cartes bancaires */
tr.odd td div.qficon.cb {
  background-position : -600px   -588px;
}

tr.even td div.qficon.cb {
  background-position : -600px   -612px;
}

/* jcb */
tr.odd td div.qficon.jcb {
  background-position : -600px   -636px;
}

tr.even td div.qficon.jcb {
  background-position : -600px   -660px;
}

/* paydirekt */
tr.odd td div.qficon.paydirekt {
  background-position : -648px   -444px;
}

tr.even td div.qficon.paydirekt {
  background-position : -648px   -468px;
}

/* sofortueberweisung */
tr.odd td div.qficon.sofortueberweisung {
  background-position : -648px   -492px;
}

tr.even td div.qficon.sofortueberweisung {
  background-position : -648px   -516px;
}

/* address verification supplement  */
tr.odd td div.supplement.avs {
  background-position : -504px   -396px;
}

tr.even td div.supplement.avs {
  background-position : -504px   -420px;
}

/* recurring tx supplement  */
tr.odd td div.supplement.recurring {
  background-position : -456px   -396px;
}

tr.even td div.supplement.recurring {
  background-position : -456px   -420px;
}


div.iconCrud {
  width : 24px;
  height : 24px;
  background-image  : url(sprite-a.png) ;
}

tr.even div.iconCrud {
  background-position : -504px -564px;
}

tr.odd div.iconCrud {
  background-position : -504px -540px;
}

tr.even div.iconCrud.c {
  background-position : -600px -420px;
}

tr.odd div.iconCrud.c {
  background-position : -600px -396px;
}

tr.even div.iconCrud.r {
  background-position : -624px -420px;
}

tr.odd div.iconCrud.r {
  background-position : -624px -396px;
}

tr.even div.iconCrud.u {
  background-position : -648px -420px;
}

tr.odd div.iconCrud.u {
  background-position : -648px -396px;
}

tr.even div.iconCrud.d {
  background-position : -672px -420px;
}

tr.odd div.iconCrud.d {
  background-position : -672px -396px;
}




div.heading {
  padding-top : 12px;
  font-size : 17px;
  line-height : 24px;
  font-weight : bold;
}


div.iconText {
}

div.iconDiv {
  float: left;
  border: 0px solid black;
  margin: 20px;
}

div.iconMini {
  background-image	:	url(sprite-a.png)	;
  background-repeat	:	no-repeat	;
  width: 20px;
  height: 14px;
  float: right;
  margin: 5px;
  margin-bottom: 0px;
}

#Edit.iconMini {
  background-position : -794px -101px;
}

#Delete.iconMini {
  background-position : -818px -101px;
}

#Selection.iconMini {
  background-position : -866px -101px;
}

/* app box and icon box definitions */
div.appboxwrap,
div.appboxwrap div.appbox,
div.appboxwrap div.appbox table,
div.iconbox table ,
div.iconboxLarge table {
  margin-left : auto;
  margin-right : auto;
}

div.appbox {
  width : 584px;
  height : 576px;
  background-image  : url(app-back.jpg)  ;
}

div.appbox table {
  width : 584px;
}

div.appbox table tr td.c1 ,
div.appbox table tr td.c3 ,
div.iconbox table tr td.c1 ,
div.iconbox table tr td.c3 {
  width : 3px;
}

div.iconbox table tr td.c1 ,
div.iconbox table tr td.c3 {
  background-image	:	url(iconbox.png)	;
}

div.iconbox table tr td.c2 {
  background-image	:	url(iconbox.png)	;
}

div.iconbox table tr.first td.c1 {
  background-position : 0px 0px;
}

div.iconbox table tr.first td.c2 {
  background-position : 0px -288px;
}

div.iconbox table tr.first td.c3 {
  background-position : right 0px;
}

div.iconbox table tr td.c1 {
  background-position : 0px -96px;
}

div.iconbox table tr td.c2 {
  background-position : 0px -384px;
}

div.iconbox table tr td.c3 {
  background-position : right -96px;
}

div.iconbox table tr.last td.c1 {
  background-position : 0px -192px;
}

div.iconbox table tr.last td.c2 {
  background-position : 0px -480px;
}

div.iconbox table tr.last td.c3 {
  background-position : right -192px;
}

div.iconbox table tr td.c2 div.heading {
  width : 567px;
  padding-left : 9px;
  padding-top : 3px;
  font-weight : bold;
  font-size : 12px;
  line-height : 18px;
}

div.appbox table tr td.c2 div.bound {
  background-image  : url(app-shadow.png);
}

div.appbox table tr td.c2 div.bound ,
div.iconbox table tr td.c2 div.bound {
  width : 96px;
  float : left;
  display : block;
  text-decoration : none;
}

div.appbox table tr td.c2 div.bound a.caption ,
div.appbox table tr td.c2 div.bound div.caption-shade ,
div.iconbox table tr td.c2 div.bound a.caption {
  display : block;
  padding-top : 0px;
  padding-bottom : 9px;
  font-size : 11px;
  line-height : 12px;
  height : 18px;
  text-align : center;
  text-decoration : none;
  overflow : hidden;
}

div.appbox table tr td.c2 div.bound a.caption ,
div.appbox table tr td.c2 div.bound div.caption-shade {
  font-weight : bold;
}

div.appbox table tr td.c2 div.bound a.caption {
  margin-top : -28px;
}

div.appbox table tbody tr {
  height : 96px;
}


div.appbox table tr td.c2 div.bound div.caption-shade {
  margin-top : 2px;
}

div.appbox table tr td.c2 div.bound a.icon ,
div.iconbox table tr td.c2 div.bound a.icon {
  display : block;
  margin-left : auto;
  margin-right : auto;
}

/* icon */
a.icon {
  background-repeat : no-repeat ;
  width: 48px;
  height: 48px;
}

div.appbox table tr td.c2 div.bound a.icon {
  margin-top : 12px;
  background-image  : url(app-icons.png)  ;
}

div.iconbox table tr td.c2 div.bound a.icon {
  background-image	:	url(icons.png)	;
}

a.icon ,
a.icon.x0y0 {
  background-position	:	0px   0px	;
}

a.icon.x1y0 {
  background-position	:	-48px   0px	;
}

a.icon.x2y0 {
  background-position	:	-96px   0px	;
}

a.icon.x3y0 {
  background-position	:	-144px   0px	;
}

a.icon.x4y0 {
  background-position	:	-192px   0px	;
}

a.icon.x5y0 {
  background-position	:	-240px   0px	;
}

a.icon.x6y0 {
  background-position	:	-288px   0px	;
}

a.icon.x7y0 {
  background-position	:	-336px   0px	;
}

a.icon.x0y1 {
  background-position	:	0px   -48px;
}

a.icon.x1y1 {
  background-position	:	-48px   -48px;
}

a.icon.x2y1 {
  background-position	:	-96px   -48px;
}

a.icon.x3y1 {
  background-position	:	-144px   -48px;
}

a.icon.x4y1 {
  background-position	:	-192px   -48px;
}

a.icon.x5y1 {
  background-position	:	-240px   -48px;
}

a.icon.x6y1 {
  background-position	:	-288px   -48px;
}

a.icon.x7y1 {
  background-position	:	-336px   -48px;
}

a.icon.x0y2 {
  background-position	:	0px   -96px;
}

a.icon.x1y2 {
  background-position	:	-48px   -96px;
}

a.icon.x2y2 {
  background-position	:	-96px   -96px;
}

a.icon.x3y2 {
  background-position	:	-144px   -96px;
}

a.icon.x4y2 {
  background-position	:	-192px   -96px;
}

a.icon.x5y2 {
  background-position	:	-240px   -96px;
}

a.icon.x6y2 {
  background-position	:	-288px   -96px;
}

a.icon.x7y2 {
  background-position	:	-336px   -96px;
}

a.icon.x0y3 {
  background-position : 0px   -144px;
}

a.icon.x1y3 {
  background-position : -48px   -144px;
}

a.icon.x2y3 {
  background-position : -96px   -144px;
}

a.icon.x3y3 {
  background-position : -144px   -144px;
}

a.icon.x4y3 {
  background-position : -192px   -144px;
}

a.icon.x5y3 {
  background-position : -240px   -144px;
}

a.icon.x6y3 {
  background-position : -288px   -144px;
}

a.icon.x7y3 {
  background-position : -336px   -144px;
}

a.icon.x0y4 {
  background-position : 0px   -192px;
}

a.icon.x1y4 {
  background-position : -48px   -192px;
}

a.icon.x2y4 {
  background-position : -96px   -192px;
}

a.icon.x3y4 {
  background-position : -144px   -192px;
}

a.icon.x4y4 {
  background-position : -192px   -192px;
}

a.icon.x5y4 {
  background-position : -240px   -192px;
}

a.icon.x6y4 {
  background-position : -288px   -192px;
}

a.icon.x7y4 {
  background-position : -336px   -192px;
}

a.icon.x0y5 {
  background-position : 0px   -240px;
}

a.icon.x1y5 {
  background-position : -48px   -240px;
}

a.icon.x2y5 {
  background-position : -96px   -240px;
}

a.icon.x3y5 {
  background-position : -144px   -240px;
}

a.icon.x4y5 {
  background-position : -192px   -240px;
}

a.icon.x5y5 {
  background-position : -240px   -240px;
}

a.icon.x6y5 {
  background-position : -288px   -240px;
}

a.icon.x7y5 {
  background-position : -336px   -240px;
}

td.wrap div.c1,
td.wrap div.c1 div.c2,
td.wrap div.c1 div.c2 div.c3,
div.c3 div.gap {
  height: 120px;
  background-image: url(iconbox-large.png);
}

td.wrap div.c1 div.c2 {
  margin-left: 3px;
}

td.wrap div.c1 div.c2 div.c3 {
  margin-right: 12px;
}

div.c3 div.gap,div.c3 div.group {
  float: left;
}

div.first div.c2 div.c3 div.gap {
  background-position: -14px 0px;
}

div.c2 div.c3 div.gap {
  background-position: -14px -120px;
}

div.last div.c2 div.c3 div.gap {
  background-position: -14px -240px;
}

div.first div.c2 div.c3 div.gap.seperator {
  background-position: -8px 0px;
}

div.c2 div.c3 div.gap.seperator {
  background-position: -8px -120px;
}

div.last div.c2 div.c3 div.gap.seperator {
  background-position: -8px -240px;
}

td.wrap div.c1.first {
  background-position: 0px 0px;
}

td.wrap div.c1.first div.c2 {
  background-position: right 0px;
}

td.wrap div.c1.first div.c2 div.c3 {
  background-position: 0px -360px;
}

td.wrap div.c1 {
  background-position: 0px -120px;
}

td.wrap div.c1 div.c2 {
  background-position: right -120px;
}

td.wrap div.c1 div.c2 div.c3 {
  background-position: 0px -480px;
}

div.iconboxLarge table tr.last td.c1 {
  background-position: 0px -240px;
}

div.iconboxLarge table tr.last td.c2 {
  background-position: 0px -600px;
}

div.iconboxLarge table tr.last td.c3 {
  background-position: right -240px;
}




div.c3 div.heading {
  padding-top: 0px;
  margin-top : 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}

div.c3 div.gap {
  width: 9px;
}

div.c3 div.bound {
  width: 96px;
  float: left;
  margin-left : 9px; /* same as gap width*/
  display: block;
  text-decoration: none;
}

div.c3 div.bound.first {
  margin-left : 0px;
}

div.bound a.caption {
  display: block;
  padding-top: 0px;
  padding-bottom: 9px;
  font-size: 11px;
  line-height: 12px;
  height: 18px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}

a.iconLarge {
  background-image: url(iconsLarge.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


a.iconLarge ,
a.iconLarge.x0y0 { background-position: -0px -0px ; }
a.iconLarge.x1y0 { background-position: -64px -0px ; }
a.iconLarge.x2y0 { background-position: -128px -0px ; }
a.iconLarge.x3y0 { background-position: -192px -0px ; }
a.iconLarge.x4y0 { background-position: -256px -0px ; }
a.iconLarge.x5y0 { background-position: -320px -0px ; }
a.iconLarge.x6y0 { background-position: -384px -0px ; }
a.iconLarge.x7y0 { background-position: -448px -0px ; }
a.iconLarge.x8y0 { background-position: -512px -0px ; }
a.iconLarge.x9y0 { background-position: -576px -0px ; }
a.iconLarge.x0y1 { background-position: -0px -64px ; }
a.iconLarge.x1y1 { background-position: -64px -64px ; }
a.iconLarge.x2y1 { background-position: -128px -64px ; }
a.iconLarge.x3y1 { background-position: -192px -64px ; }
a.iconLarge.x4y1 { background-position: -256px -64px ; }
a.iconLarge.x5y1 { background-position: -320px -64px ; }
a.iconLarge.x6y1 { background-position: -384px -64px ; }
a.iconLarge.x7y1 { background-position: -448px -64px ; }
a.iconLarge.x8y1 { background-position: -512px -64px ; }
a.iconLarge.x9y1 { background-position: -576px -64px ; }
a.iconLarge.x0y2 { background-position: -0px -128px ; }
a.iconLarge.x1y2 { background-position: -64px -128px ; }
a.iconLarge.x2y2 { background-position: -128px -128px ; }
a.iconLarge.x3y2 { background-position: -192px -128px ; }
a.iconLarge.x4y2 { background-position: -256px -128px ; }
a.iconLarge.x5y2 { background-position: -320px -128px ; }
a.iconLarge.x6y2 { background-position: -384px -128px ; }
a.iconLarge.x7y2 { background-position: -448px -128px ; }
a.iconLarge.x8y2 { background-position: -512px -128px ; }
a.iconLarge.x9y2 { background-position: -576px -128px ; }
a.iconLarge.x0y3 { background-position: -0px -192px ; }
a.iconLarge.x1y3 { background-position: -64px -192px ; }
a.iconLarge.x2y3 { background-position: -128px -192px ; }
a.iconLarge.x3y3 { background-position: -192px -192px ; }
a.iconLarge.x4y3 { background-position: -256px -192px ; }
a.iconLarge.x5y3 { background-position: -320px -192px ; }
a.iconLarge.x6y3 { background-position: -384px -192px ; }
a.iconLarge.x7y3 { background-position: -448px -192px ; }
a.iconLarge.x8y3 { background-position: -512px -192px ; }
a.iconLarge.x9y3 { background-position: -576px -192px ; }
a.iconLarge.x0y4 { background-position: -0px -256px ; }
a.iconLarge.x1y4 { background-position: -64px -256px ; }
a.iconLarge.x2y4 { background-position: -128px -256px ; }
a.iconLarge.x3y4 { background-position: -192px -256px ; }
a.iconLarge.x4y4 { background-position: -256px -256px ; }
a.iconLarge.x5y4 { background-position: -320px -256px ; }
a.iconLarge.x6y4 { background-position: -384px -256px ; }
a.iconLarge.x7y4 { background-position: -448px -256px ; }
a.iconLarge.x8y4 { background-position: -512px -256px ; }
a.iconLarge.x9y4 { background-position: -576px -256px ; }
a.iconLarge.x0y5 { background-position: -0px -320px ; }
a.iconLarge.x1y5 { background-position: -64px -320px ; }
a.iconLarge.x2y5 { background-position: -128px -320px ; }
a.iconLarge.x3y5 { background-position: -192px -320px ; }
a.iconLarge.x4y5 { background-position: -256px -320px ; }
a.iconLarge.x5y5 { background-position: -320px -320px ; }
a.iconLarge.x6y5 { background-position: -384px -320px ; }
a.iconLarge.x7y5 { background-position: -448px -320px ; }
a.iconLarge.x8y5 { background-position: -512px -320px ; }
a.iconLarge.x9y5 { background-position: -576px -320px ; }
a.iconLarge.x0y6 { background-position: -0px -384px ; }
a.iconLarge.x1y6 { background-position: -64px -384px ; }
a.iconLarge.x2y6 { background-position: -128px -384px ; }
a.iconLarge.x3y6 { background-position: -192px -384px ; }
a.iconLarge.x4y6 { background-position: -256px -384px ; }
a.iconLarge.x5y6 { background-position: -320px -384px ; }
a.iconLarge.x6y6 { background-position: -384px -384px ; }
a.iconLarge.x7y6 { background-position: -448px -384px ; }
a.iconLarge.x8y6 { background-position: -512px -384px ; }
a.iconLarge.x9y6 { background-position: -576px -384px ; }
a.iconLarge.x0y7 { background-position: -0px -448px ; }
a.iconLarge.x1y7 { background-position: -64px -448px ; }
a.iconLarge.x2y7 { background-position: -128px -448px ; }
a.iconLarge.x3y7 { background-position: -192px -448px ; }
a.iconLarge.x4y7 { background-position: -256px -448px ; }
a.iconLarge.x5y7 { background-position: -320px -448px ; }
a.iconLarge.x6y7 { background-position: -384px -448px ; }
a.iconLarge.x7y7 { background-position: -448px -448px ; }
a.iconLarge.x8y7 { background-position: -512px -448px ; }
a.iconLarge.x9y7 { background-position: -576px -448px ; }
a.iconLarge.x0y8 { background-position: -0px -512px ; }
a.iconLarge.x1y8 { background-position: -64px -512px ; }
a.iconLarge.x2y8 { background-position: -128px -512px ; }
a.iconLarge.x3y8 { background-position: -192px -512px ; }
a.iconLarge.x4y8 { background-position: -256px -512px ; }
a.iconLarge.x5y8 { background-position: -320px -512px ; }
a.iconLarge.x6y8 { background-position: -384px -512px ; }
a.iconLarge.x7y8 { background-position: -448px -512px ; }
a.iconLarge.x8y8 { background-position: -512px -512px ; }
a.iconLarge.x9y8 { background-position: -576px -512px ; }
a.iconLarge.x0y9 { background-position: -0px -576px ; }
a.iconLarge.x1y9 { background-position: -64px -576px ; }
a.iconLarge.x2y9 { background-position: -128px -576px ; }
a.iconLarge.x3y9 { background-position: -192px -576px ; }
a.iconLarge.x4y9 { background-position: -256px -576px ; }
a.iconLarge.x5y9 { background-position: -320px -576px ; }
a.iconLarge.x6y9 { background-position: -384px -576px ; }
a.iconLarge.x7y9 { background-position: -448px -576px ; }
a.iconLarge.x8y9 { background-position: -512px -576px ; }
a.iconLarge.x9y9 { background-position: -576px -576px ; }

input[type='text'],
input[type='password'],
select {
  box-sizing: border-box;
  height: 22px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2) inset;
  border: 1px solid #000000;
  border-radius: 3px;
}

select.multiple {
  height: unset;
}

input[type='text'][disabled],
input[type='password'][disabled],
select[disabled] {
  background-color: #e0e0e0;
  box-shadow: none;
}

input.dashboard,
select.dashboard {
  width: 149px;
}

.pq-datepicker {
  display: inline-block;
  position: relative;
}

.pq-datepicker .pq-datepicker-input {
  margin-top: 1px;
}

.pq-datepicker .pq-datepicker-button {
  position: absolute;
  top: 0;
  right: 0;
}

.pq-timespin {
  display: flex;
  align-items: center;
}

.pq-timespin input {
  width: 24px;
  height: 22px;
  text-align: center;
}

.pq-timespin .pq-timespin-buttons {
  display: flex;
  flex-direction: column;
}

.calbutton {
  background: url(sprite-a.png);
  background-position: -960px -528px;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 24px;
  width: 24px;
}

.plusbutton {
  background: url(sprite-a.png);
  background-position: -936px -528px;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 12px;
  width: 24px;
}

.minusbutton {
  background: url(sprite-a.png);
  background-position: -936px -540px;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 12px;
  width: 24px;
}


div.checkmark,
div.onoff ,
div.onoff div {
  float : left;
  background: url(widgets.png);
  border: 0;
  cursor: pointer;
  height: 24px;
}

div.checkmark {
  width: 24px;
}

div.onoff ,
div.onoff div {
  width: 44px;
}


div.onoff ,
div.onoff.off {
  background-position: -20px 0px;
}

div.onoff.on {
  background-position: 0px 0px;
}

div.onoff div.cover {
  background-position: 0px -24px;
}

tr.odd div.onoff div.cover {
  background-position: -48px -24px;
}

tr.even div.onoff div.cover {
  background-position: -96px -24px;
}

div.checkmark,
div.checkmark.off {
  background-position: 0px -50px;
}

div.checkmark.on {
  background-position: -24px -50px;
}

label.checkmarklabel ,
div.checkmarklabel {
  cursor : pointer;
  display : block;
  height : 24px;
}

label.checkmarklabel {
  margin-top : -19px;
  margin-left : 24px;
}

div.dashboard {
  background: url(calendar.png);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  width: 156px;
  height: 144px;
}

div.dashboard div {
  padding-top: 8px;
  width: 156px;
  height: 140px;
}

div.dashboard div table caption {
  width: 140px;
}

div.dashboard div {
  cursor: move;
  overflow: hidden;
  position: relative;
}

div.dashboard * {
  margin: 0;
  padding: 0;
}

div.dashboard caption {
  text-align: center;
  margin : auto;
}

div.dashboard caption a {
  cursor: pointer;
  display: block;
  height: 16px;
  overflow: hidden;
  position: absolute;
  text-indent: -156px;
  top: 8px;
  width: 20px;
}
div.dashboard caption a.prev {
  left: 8px;
}
div.dashboard caption a.next {
  right: 8px;
}
div.dashboard caption a:hover {
  background-position: 0 11px;
}
div.dashboard caption ,
div.dashboard caption span {
  height: 16px;
  line-height: 16px;
}

div.dashboard caption span.month {
  padding-right: 4px;
}

div.dashboard table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  cursor: default;
  margin: 0 auto;
  overflow: hidden;
  width: 140px;
}

div.dashboard div table thead tr th ,
div.dashboard div table tbody tr td {
  line-height: 16px;
  font-size: 11px;
  font-weight : normal;
  padding-right: 3px;
  text-align: right;
  width: 17px;
}

div.dashboard td.valid {
  cursor: pointer;
}

div.dashboard td.active,
div.dashboard td.hover {
  cursor: pointer;
}

table.tripleselect tr th.col-select ,
table.tripleselect tr td.col-select {
  width:240px;
}

table.tripleselect tr th.col-buttons ,
table.tripleselect tr td.col-buttons {
  width:60px;
}

table.tripleselect tr th {
  font-weight : bold;
}

table.tripleselect tr th ,
table.tripleselect tr td {
  vertical-align : middle;
  text-align : center;
}

table.tripleselect tr th select ,
table.tripleselect tr td select {
  width:234px;
  margin-bottom : 3px;
}

table.tripleselect tr td input {
  margin-left: auto;
  margin-right: auto;
  clear : both;
  float : none;
}

div.square {
  float:left;
  margin-left:10px;
  border-width:1px;
  border-style:solid;
  width:20px;
  height:20px;
}

#footer .shadow {
  height:18px;
  padding-top:10px;
}

#footer .text {
  height:18px;
  margin-top:-19px;
}

form.inline,
form.inline input,
form.inline select {
  float:left;
}

form.inline div {
  padding-right:1px;
  padding-left:1px;
}

form.inline div.first {
  padding-left:0px;
}

.inactive {
  opacity : 0.8;
  filter: alpha(opacity=80); /* for IE8 and earlier */
}
.ibanFormat, table.pnl tr td span.ibanFormat{
  display: inline !important;
  padding: 0 3px 0 0 !important;
}
.ibanFormat.last{
  padding: 0 !important;
}

/* Adapted from vanillajs-datepicker */

:root {
  --pq-datepicker-color-fg: rgba(var(--pq-datepicker-color-fg-rgb), 1.0);
  --pq-datepicker-color-fg-dow: rgba(var(--pq-datepicker-color-fg-rgb), 0.6);
  --pq-datepicker-color-fg-dim: rgba(var(--pq-datepicker-color-fg-rgb), 0.4);

  --pq-datepicker-color-bg-hover: rgba(var(--pq-datepicker-color-fg-rgb), 0.2);
  --pq-datepicker-color-bg-today: var(--pq-datepicker-color-accent);

  --pq-datepicker-font-size: 11px;
  --pq-datepicker-height-cell: 16px;
}

.datepicker {
  width: min-content;
  border-radius: 9px;
  overflow: clip;
  background-color: var(--pq-datepicker-color-bg);
  box-shadow: 0 1.5px 9px 0 #000000, inset 0 0 2px 0 #000000, inset 0 0 0 4px var(--pq-datepicker-color-fg);
}

.datepicker:not(.active) {
  display: none;
}

.datepicker-dropdown {
  position: absolute;
  z-index: 20;
  padding-top: 4px;
}

.datepicker-dropdown.datepicker-orient-top {
  padding-top: 0;
  padding-bottom: 2px;
}

.datepicker-picker {
  display: flex;
  flex-direction: column;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.datepicker-main {
  flex: auto;
  padding-top: 2px;
  padding-bottom: 8px;
}

.datepicker-footer {
  /*box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);*/
  /*background-color: hsl(0, 0%, 96%);*/
}

.datepicker-title {
  /*box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);*/
  /*background-color: hsl(0, 0%, 96%);*/
  padding: 0.375rem 0.75rem;
  text-align: center;
  font-weight: 700;
}

.datepicker-controls {
  display: flex;
}

.datepicker-header .datepicker-controls {
  width: 100%;
  padding: 4px 4px 0 0;
}

.datepicker-controls .button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid gainsboro;
  border-radius: 4px;
  box-shadow: none;
  background-color: transparent;
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 16px;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: var(--pq-datepicker-color-fg);
}

.datepicker-controls .button:focus,
.datepicker-controls .button:active {
  outline: none;
}

.datepicker-controls .button:hover {
  border-color: transparent;
  color: var(--pq-datepicker-color-fg);
}

.datepicker-controls .button:focus {
  /*border-color: hsl(217, 71%, 53%);*/
  /*color: hsl(0, 0%, 21%);*/
}

.datepicker-controls .button:focus:not(:active) {
  /*box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);*/
}

.datepicker-controls .button:active {
  border-color: #474747;
  color: hsl(0, 0%, 21%);
}

.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}

.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: normal;
}

.datepicker-header .datepicker-controls .button:hover {
  background-color: var(--pq-datepicker-color-bg-hover);
}

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2;
}

.datepicker-footer .datepicker-controls .button {
  flex: auto;
  margin: calc(0.375rem - 1px) 0.375rem;
  border-radius: 2px;
}

.datepicker-controls .view-switch {
  flex: auto;
  color: var(--pq-datepicker-color-accent);
  font-size: var(--pq-datepicker-font-size);
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.datepicker-controls .prev-button:before {
  border-right: 8px solid #ffffff;
  margin-left: 4px;
  margin-right: -4px;
}

.datepicker-controls .next-button:after {
  border-left: 8px solid #ffffff;
  margin-right: 4px;
  margin-left: -4px;
}

.datepicker-controls .prev-button:before ,
.datepicker-controls .next-button:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.datepicker-controls .prev-button:hover,
.datepicker-controls .next-button:hover {
  color: transparent;
}

.datepicker-controls .prev-button,
.datepicker-controls .next-button {
  padding-right: 0;
  padding-left: 0;
  flex: 0 0 14.2857142857%;
  color: transparent;
}

.datepicker-controls .prev-button.disabled,
.datepicker-controls .next-button.disabled {
  visibility: hidden;
}

.datepicker-view,
.datepicker-grid {
  display: flex;
}

.datepicker-view {
  align-items: stretch;
  width: 135px;
}

.datepicker-grid {
  flex-wrap: wrap;
  flex: auto;
}

.datepicker .days {
  display: flex;
  flex-direction: column;
  flex: auto;
}

.datepicker .days-of-week {
  display: flex;
}

.datepicker .week-numbers {
  display: flex;
  flex-direction: column;
  flex: 0 0 9.6774193548%;
}

.datepicker .weeks {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: auto;
}

.datepicker span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker .dow {
  height: var(--pq-datepicker-height-cell);
  color: var(--pq-datepicker-color-fg-dow);
  font-weight: normal;
}

.datepicker .week {
  flex: auto;
  color: #b8b8b8;
}

.datepicker-cell,
.datepicker .days .dow {
  flex-basis: 14.2857142857%;
  font-size: var(--pq-datepicker-font-size);
}

.datepicker-cell {
  font-weight: normal;
  color: var(--pq-datepicker-color-fg);
  height: var(--pq-datepicker-height-cell);
}

.datepicker-cell:not(.day) {
  flex-basis: 25%;
  height: 3.125rem;
}

.datepicker-cell:not(.disabled):hover {
  background-color: var(--pq-datepicker-color-bg-hover);
  cursor: pointer;
}

.datepicker-cell.focused:not(.selected) {
  background-color: rgba(255,255,255,0.0);
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
  background-color: var(--pq-datepicker-color-fg);
  color: var(--pq-datepicker-color-bg);
}

.datepicker-cell.disabled {
  color: gainsboro;
}

.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
  color: var(--pq-datepicker-color-fg-dim);
}

.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
  color: #e6e6e6;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: hsl(0, 0%, 96%);
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: var(--pq-datepicker-color-bg-hover);
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e9e9e9;
}

.datepicker-cell.today:not(.selected) {
  background-color: var(--pq-datepicker-color-bg-today);
}

.datepicker-cell.today:not(.selected):not(.disabled) {
  color: var(--pq-datepicker-color-bg);
}

.datepicker-cell.today.focused:not(.selected) {
  background-color: var(--pq-datepicker-color-bg-today);
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
  background-color: #b8b8b8;
  color: #fff;
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
  background-color: #b3b3b3;
}

.datepicker-cell.range-start:not(.range-end) {
  border-radius: 4px 0 0 4px;
}

.datepicker-cell.range-end:not(.range-start) {
  border-radius: 0 4px 4px 0;
}

.datepicker-cell.range {
  border-radius: 0;
  background-color: gainsboro;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: var(--pq-datepicker-color-bg-hover);
}

.datepicker-cell.range.disabled {
  color: #c6c6c6;
}

.datepicker-cell.range.focused {
  background-color: #d1d1d1;
}

.datepicker-input.in-edit {
  border-color: #276bda;
}

.datepicker-input.in-edit:focus,
.datepicker-input.in-edit:active {
  box-shadow: 0 0 0.25em 0.25em rgba(39, 107, 218, 0.2);
}