/* 1. Base CSS */

BODY { border: 0 solid; }

.nomenu #box02 { padding-top: 0; }

#notsupported { display: none; }

BODY, HTML { background: #505050; padding: 0; margin: 0; text-align: center; }
BODY { padding: 0; font-size: 15px; line-height: 21px; }
.web BODY,
.web #TB_window { font-size: 16px; line-height: 22px; }
TABLE { font-size: 15px; line-height: 18px; }
.web TABLE,
.web TABLE TH,
.web TABLE TD { font-size: 16px; line-height: 22px; }
.web TABLE.news TD { border: none; }
.web TABLE.news TD.w100p { font-weight: 600; }
.web TABLE.news TR:hover { background-color: transparent !important; }

.desktop-indent { padding-left: 1em; }
.cosite, .cosite BODY { background: #fff; }

.pl-d-7 { padding-left: 7px !important; }
.pd-16-8 { padding: 16px 8px !important; }

.desktop-wauto { width: auto; }
.desktop-w1p { width: 1%; }
.desktop-w10p { width: 10%; }
.desktop-w20p { width: 20%; }
.desktop-w30p { width: 30%; }
.desktop-w40p { width: 40%; }
.desktop-w50p { width: 50%; }
.desktop-w60p { width: 60%; }
.desktop-w70p { width: 70%; }
.desktop-w80p { width: 80%; }
.desktop-w90p { width: 90%; }
.desktop-w100p { width: 100%; }

.desktop-f-left { float: left; }
.desktop-f-right { float: right; }

.desktop-hide { display: none !important; }
.desktop-show { display: block !important; }

.desktop-f-right { float: right; }
.desktop-f-left { float: left; }
.desktop-nowrap { white-space: nowrap; }

/* Text formatting */

UL { padding: 0 0 0 1em; margin: 1em 0 0 0; list-style: none; }
UL > LI { padding: 0 0 0 1.2em; background: url(dot04.png) 0 .4em no-repeat; }
UL LI OL,
UL LI UL { padding-top: 0; padding-bottom: 0; margin-top: 1em; margin-bottom: 1em; }
UL LI OL:first-child,
UL LI UL:first-child { margin-top: 0; }
UL LI OL:last-child,
UL LI UL:last-child { margin-bottom: 0; }

UL.in2col LI { float: left; width: 49%; *width: 49.5%; box-sizing: border-box; }
UL.in3col LI { float: left; width: 33.333%; *width: 33%; box-sizing: border-box; }
UL.in4col LI { float: left; width: 25%; *width: 24.5%; box-sizing: border-box; }

OL { padding-top: 0; padding-bottom: 0; }
OL LI { }
OL LI OL,
OL LI UL { padding-top: 0; padding-bottom: 0; margin-top: 1em; margin-bottom: 1em; }
OL LI OL:first-child,
OL LI UL:first-child { margin-top: 0; }
OL LI OL:last-child,
OL LI UL:last-child { margin-bottom: 0; }

H1 { font-size: 36px; margin: 35px 0 -5px 0; line-height: 38px; }
H1 + P.nomargin { margin-top: 5px !important; }
H1.big { font-size: 40px; line-height: 42px; }
H2 { font-size: 25px; margin: 20px 0 0 0; }
H3 { font-size: 21px; margin: 20px 0 0 0; }

P.h1tagline { margin: 1em 0 0 0; font-size: 16px; }
P.h1tagline + H1 { margin: -5px 0 0 0; }

P.pageinfo { font-size: 12px; color: #aaa; margin: 20px 0 -20px 0; }
P.pageinfo A,
P.pageinfo B { color: #48a917; font-weight: bold; text-decoration: none; }

P.img-right { float: right; width: 250px; margin: 1em 0 0 1em; }
P.img-right IMG { width: 250px; }

/* Header */

#header02 DIV.b { display: none; }
.hasbanner #header02 DIV.b { display: block; }
.hasbanner #header02 P.sitename { color: #fff; font-size: 30px; text-shadow: 0 0 10px rgba(0,0,0,0.7); top: 245px; }
.web .hasbanner #header02 P.sitename { display: none; }
.hasbanner #header02 UL.dots { position: absolute; left: 50%; bottom: 20px; width: 300px; padding: 0; margin: 0 0 0 -150px; z-index: 100; text-align: center; }
.web .hasbanner #header02 UL.dots { bottom: 60px; left: 0; right: 0; width: 100%; margin: 0; }
.hasbanner #header02 UL.dots LI { display: inline; padding: 0; margin: 0 2px; background: transparent; }
.hasbanner #header02 UL.dots LI A { display: inline-block; background: #fff; width: 16px; height: 16px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); }
.hasbanner #header02 UL.dots LI A.active { background: #5cc914; }
.hasbanner #header02 UL.dots LI A SPAN { display: none; }
.hasbanner #header02 UL.dots LI.next { display: none; }
.hasbanner #header02 #slideprev,
.hasbanner #header02 #slidenext,
.hasbanner #header02 #slideclose { background: url(rgba0_70.png); background: rgba(0,0,0,0.7); width: 40px; height: 40px; border-radius: 20px; color: #fff; position: absolute; margin: -20px 0 0; text-align: center; line-height: 40px; z-index: 101; }
.hasbanner #header02 #slideprev:before { content: "\e608"; font-family: "sebicons"; font-size: 20px; }
.nofontface .hasbanner #header02 #slideprev:before { content: "\2003"; background-image: url(../fonts/icons_white/arrowleft.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.hasbanner #header02 #slidenext:before { content: "\e607"; font-family: "sebicons"; font-size: 20px; }
.nofontface .hasbanner #header02 #slidenext:before { content: "\2003"; background-image: url(../fonts/icons_white/arrow.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.hasbanner #header02 #slideprev:hover,
.hasbanner #header02 #slidenext:hover { text-decoration: none; background: #000; }
.hasbanner #header02 #slideprev { left: 20px; top: 50%; }
.hasbanner #header02 #slidenext { right: 20px; top: 50%; }

.notouch #header02 DIV.b #slideprev,
.notouch #header02 DIV.b #slidenext { display: none; }
.notouch #header02 DIV.b:hover #slideprev,
.notouch #header02 DIV.b:hover #slidenext { display: block; }
.hasbanner #header02 #slideclose { right: 20px; top: 20px; margin: 0; width: 30px; height: 30px; border-radius: 15px; line-height: 30px; }
.hasbanner #header02 #slideclose:before { content: "\e606"; font-family: "sebicons"; font-size: 30px; color: #fff; }
.nofontface .hasbanner #header02 #slideclose:before { content: "\2003"; background-image: url(../fonts/icons_white/close.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.hasbanner #header02 #slideclose:hover { text-decoration: none; background: #000; }
.hasbanner #header02 DIV.slide { position: absolute !important; left: 0; right: 0; bottom: 0; top: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

.hasbanner #header02 DIV.c { max-width: 1180px; padding: 0; height: 300px; margin: auto; position: relative; text-align: center; }
.hasbanner #header02 DIV.d { position: absolute; left: 110px; right: 110px; bottom: 56px; }
.web .hasbanner #header02 DIV.d { position: absolute; left: 145px; right: 145px; bottom: 56px; }
.hasbanner #header02 DIV.c P.tagline { color: #fff; padding: 16px 20px; display: inline-block; background: url(rgba0_50.png); font-size: 42px; line-height: 1.1em; font-weight: bold; margin: 0; }
.hasbanner #header02 DIV.c P.tagline A { color: #fff; text-decoration: none; }
.hasbanner #header02 DIV.c P A.button_small { margin: auto; float: none; display: inline-block; }

/* 5. Primary buttons */

UL.actions01.desktop-f-left LI { padding: 0 5px 0 0; }
UL.actions01.desktop-f-left LI.separator { margin: 9px 5px 9px 0; }
UL.actions01 LI A.d-noborder SPAN { padding: 0; border: none; border-radius: 0; min-width: auto; }
UL.actions01 LI A.d-noborder:hover SPAN,
UL.actions01 LI A.d-noborder:focus SPAN,
UL.actions01 LI A.d-noborder:active SPAN { background-color: transparent; color: #0D4B6C; text-decoration: underline; }

.col02 UL.actions01 LI { float: left; padding: 0 5px 0 0; }
.col02 UL.actions01 A,
.col02 UL.actions01 INPUT { min-width: 0 !important; }

DIV.form01 UL.actions01.clear.a-left { float: left; }

/* 8. Lists */

.col02 .box01 UL.list03 { border-top: 2px solid #fff; margin: 15px -15px 0 -15px; padding: 15px 15px 0 15px; }
.col02 .box01 UL.list03:first-child { border-top: none; padding: 0; margin: 15px 0 0 0; }
.col02 .box01 DL.list03 { margin: 0 -15px 0 -15px; padding: 0 15px 0 15px; }
.col02 .box01 DL.list03 DT { border-top: 2px solid #fff; padding: 15px 15px 10px 15px; margin: 15px -15px 0 -15px; }
.col02 .box01 DL.list03:first-child DT:first-child { border-top: none; margin-top: 0; }

/* 10. Main content listing */

UL.list02 LI DIV.b { position: relative; }
UL.list02 LI DIV.c { float: left; width: 100%; margin-left: -33.333%; }
UL.list02in2col LI DIV.b { width: 100px !important; }
UL.list02in2col LI DIV.c { margin-left: 0 !important; padding-left: 0 !important; }
UL.list02b LI.item DIV.a { padding: 0 0 20px 0; border-bottom: 1px solid #e0e0e0; margin-right: 20px; }
UL.list02b LI.item:last-child DIV.a { border-bottom: none; padding: 0 0 0 0; }

.col01 UL.list02 LI DIV.b { width: 34%; }
.col01 UL.list02 LI DIV.c { margin-left: -34%; padding-left: 34%; }

UL.list02 DIV.form01.readonly H3 { font-size: 18px; padding-bottom: 10px; font-weight: 600; }
UL.list02 DIV.form01.readonly DIV.row LABEL,
UL.list02 DIV.form01.readonly DIV.row .label { text-align: left; }

/* 12. Progress indication */

OL.progress01 { padding: 0; margin: 20px 0 0 0; line-height: 18px; font-size: 16px; position: relative; list-style: none; background: #f2f2f2; }
OL.progress01 * { float: left; }
OL.progress01 LI { margin: 0; padding: 0 2px 0 18px; position: relative; z-index: 1; }
OL.progress01 LI A,
OL.progress01 LI DIV { color: #000; text-decoration: none; padding: 9px 2px 9px 8px; }
OL.progress01 LI A:before,
OL.progress01 LI DIV:before { float: none; width: 2px; height: 0; position: absolute; left: -2px; top: 0; content: " "; border-style: solid; border-width: 18px 0 18px 18px; border-color: #fff #fff #fff transparent; }
OL.progress01 LI A:after,
OL.progress01 LI DIV:after { float: none; width: 0; height: 0; position: absolute; left: 0; top: 0; content: " "; border-style: solid; border-width: 18px 0 18px 18px; border-color: #f2f2f2 #f2f2f2 #f2f2f2 transparent; }
OL.progress01 LI SPAN.no { margin: 0 10px 0 0; }
OL.progress01 LI SPAN.no:before { float: none; width: 0; height: 0; position: absolute; right: -16px; top: 0; content: " "; border-style: solid; border-width: 18px 0 18px 18px; border-color: transparent transparent transparent #f2f2f2; }
OL.progress01 LI SPAN.label { }
OL.progress01 LI:first-child { padding-left: 0; }
OL.progress01 LI:first-child A:before,
OL.progress01 LI:first-child DIV:before { display: none; }
OL.progress01 LI:first-child A:after,
OL.progress01 LI:first-child DIV:after { display: none; }
OL.progress01 LI:first-child A,
OL.progress01 LI:first-child DIV { padding-left: 15px; }
OL.progress01 LI .active { background: #58c50f; color: #fff; }
OL.progress01 LI .active:after { border-color: #58c50f #58c50f #58c50f transparent; }
OL.progress01 LI .active SPAN.no:before { border-color: transparent transparent transparent #58c50f; }
OL.progress01 LI .error { background: #d42e25; color: #fff; }
OL.progress01 LI .error:after { border-color: #d42e25 #d42e25 #d42e25 transparent; }
OL.progress01 LI .error SPAN.no:before { border-color: transparent transparent transparent #d42e25; }
OL.progress01 LI A:hover SPAN.label { text-decoration: underline; }

OL.progress01vertical { padding: 0; margin: 13px 0 0 0; border: none; background: transparent; }
OL.progress01vertical LI { padding: 0; margin: 0; width: 100%; clear: both; }
OL.progress01vertical LI A,
OL.progress01vertical LI DIV { position: relative; padding: 7px 0 7px 34px !important; background: transparent !important; }
OL.progress01vertical LI A:before,
OL.progress01vertical LI A:after,
OL.progress01vertical LI DIV:before,
OL.progress01vertical LI DIV:after { display: none; }
OL.progress01vertical LI A SPAN:before,
OL.progress01vertical LI A SPAN:after,
OL.progress01vertical LI DIV SPAN:before,
OL.progress01vertical LI DIV SPAN:after { display: none; }
OL.progress01vertical LI .active { color: #000; }
OL.progress01vertical LI .active SPAN.no { background: #58c50f; color: #fff; }
OL.progress01vertical LI .error { color: #000; }
OL.progress01vertical LI .error SPAN.no { background: #d42e25; color: #fff; }
OL.progress01vertical SPAN.no { position: absolute; left: 0; top: 4px; font-weight: bold; background: #e6e6e6; padding: 3px; min-width: 18px; text-align: center; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }

/* 17. Basic filtering */

.filter01.desktop-f-right { margin: .9em -0.5em -0.8em 0; position: relative; }
.filter01 .row { float: left; }


/* 21. Generic info display */

UL.genericinfo01 LI { float: left; margin: 20px 10px 0 0; padding: 0; background: transparent; min-width: 150px; }

/* 23. Content boxes */
DIV.box01 { position: relative; margin: 20px 0 0 0;  }

.col01 DIV.box01 .mainheading,
#content01 > DIV.box01 > .mainheading { font-size: 30px; padding: 0; margin: 0; background: transparent; }
.col01 DIV.box01,
#content01 > DIV.box01 { background: transparent; border-left: none; }

.frontblocks01 DIV.box01 .mainheading,
DIV.box01 .mainheading,
.col01 .col02 DIV.box01 .mainheading { padding: 11px 0; margin: 0 15px; font-size: 18px; color: #000; border-bottom: 1px solid #fff; font-weight: 600; position: relative; }
DIV.box01 .mainheading I { font-style: normal; }
DIV.box01 .mainheading A.notification { position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; }
DIV.box01 .mainheading A.notification:before { content: "\e00b"; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: #fff; color: #000; font-size: 24px; line-height: 24px; text-align: center; overflow: hidden; display: block; border-radius: 50%; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.nofontface DIV.box01 .mainheading A.notification:before { content: "\2003"; background-image: url(../fonts/icons/message.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
DIV.box01 .mainheading A.notification:after { content: "\e009"; position: absolute; right: -4px; top: -3px; width: 16px; height: 16px; background: #e50000; color: #fff; font-size: 16px; line-height: 16px; text-align: center; overflow: hidden; display: block; border-radius: 50%; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.nofontface DIV.box01 .mainheading A.notification:after { content: "\2003"; background-image: url(../fonts/icons_white/notification.svg); background-size: 16px 16px; width: 1em; height: 1em; vertical-align: middle; }
DIV.box01a { padding: 0; position: relative; }
DIV.box01 DIV.box01a:first-child { border-width: 2px; }
DIV.box01a P { margin-top: 12px; }
.col02 DIV.box01a { border-width: 0; padding: 0 15px 15px 15px; background: #f3f3f3; }
.col02 DIV.box01a .separator01,
.col02 DIV.box01a .separator02 { background: #fff; }
.col02 DIV.box01transparent { background: transparent; }
.col02 DIV.box01transparent DIV.box01a {  background: transparent; padding: 0 0 15px; }

DIV.box01green { background: #f3f3f3 !important; border-left: 5px solid #45b400 !important; }
DIV.box01blue { background: #f3f3f3 !important; border-left: 5px solid #007ac7 !important;}
DIV.box01lightblue { background: #f3f3f3 !important; border-left: 5px solid #66cae1 !important; }
DIV.box01gray { background: #f3f3f3 !important; border-left: 5px solid #8c8c8c !important; }
DIV.box01tintgreen { background: #f3f3f3 !important; border-left: 5px solid #e6f4dc !important; }
DIV.box01petrol { background: #f3f3f3 !important; border-left: 5px solid #3f2588 !important; }
DIV.box01capri { background: #f3f3f3 !important; border-left: 5px solid #007ac7 !important; }
DIV.box01lightcapri { background: #f3f3f3 !important; border-left: 5px solid #cce9f9 !important; }
DIV.box01purple { background: #f3f3f3 !important; border-left: 5px solid #bb000d !important; }
DIV.box01wisteria { background: #f3f3f3 !important; border-left: 5px solid #f8a000 !important; }
DIV.box01tintwisteria { background: #f3f3f3 !important; border-left: 5px solid #e6e6e6 /*#dfd3e0*/ !important; }
DIV.box01darkgray { background: #f3f3f3 !important; border-left: 5px solid #333333 !important; }
DIV.box01tintgray { background: #f3f3f3 !important; border-left: 5px solid #e6e6e6 !important; }
DIV.box01transparent { border-left: none !important; }
DIV.box01transparent .mainheading { border-bottom: 1px solid #e6e6e6; padding: 11px 0 !important; margin: 0; }

DIV.box01green { background: #f3f3f3 !important; border-left: 5px solid #60cd18 !important; }
DIV.box01darkgreen1 { background: #f3f3f3 !important; border-left: 5px solid #45b400 !important; }
DIV.box01darkgreen2 { background: #f3f3f3 !important; border-left: 5px solid #379d00 !important; }
DIV.box01yellow { background: #f3f3f3 !important; border-left: 5px solid #ffc500 !important; }
DIV.box01darkyellow1 { background: #f3f3f3 !important; border-left: 5px solid #ffb400 !important; }
DIV.box01darkyellow2 { background: #f3f3f3 !important; border-left: 5px solid #f8a000 !important; }
DIV.box01purple { background: #f3f3f3 !important; border-left: 5px solid #673ab6 !important; }
DIV.box01darkpurple1 { background: #f3f3f3 !important; border-left: 5px solid #4f2c99 !important; }
DIV.box01darkpurple2 { background: #f3f3f3 !important; border-left: 5px solid #3f2587 !important; }
DIV.box01red { background: #f3f3f3 !important; border-left: 5px solid #f03529 !important; }
DIV.box01darkred1 { background: #f3f3f3 !important; border-left: 5px solid #d81a1a !important; }
DIV.box01darkred2 { background: #f3f3f3 !important; border-left: 5px solid #bb000c !important; }
DIV.box01blue { background: #f3f3f3 !important; border-left: 5px solid #41b0ee !important; }
DIV.box01darkblue1 { background: #f3f3f3 !important; border-left: 5px solid #0092e1 !important; }
DIV.box01darkblue2 { background: #f3f3f3 !important; border-left: 5px solid #007ac7 !important; }

.web DIV.box01green { background: #f3f3f3 !important; border-left: 5px solid #45b400 !important; }

DIV.box02 H2.mainheading { margin: 20px 0 0 0; padding: 0; font-size: 18px; }
DIV.box02 H2.mainheading:first-child { margin: 10px 0 0 0; }
DIV.box02 DIV.expander H2.mainheading { margin: 20px 0 0 0; }
DIV.box02 DIV.expander:first-child H2.mainheading { margin: 10px 0 0 0; }
DIV.box02 DIV.box01a { border: none; }

UL.box01actions { padding: 8px 15px 13px 15px; margin: 15px -15px -15px -15px; border-top: 2px solid #fff; list-style: none; font-size: 16px; }
UL.box01actions LI { float: none; display: block; background: transparent; padding: 0; margin: 5px 0 0 0; }

UL.box01bactions { padding: 8px 15px 13px 15px; margin: 0 -15px -15px -15px; list-style: none; font-size: 16px; }
UL.box01bactions LI { float: none; display: block; background: transparent; padding: 0; margin: 5px 0 0 0; }

DIV.box01b.relative { position: relative; }
DIV.box01b.relative H3 { padding-right: 40px; }
DIV.box01b.relative .tb_rm_btn { position: absolute; top: 0; right: 0; }

.v11 .col02 .block01-a { background: #f3f3f3; margin: 20px 0 0 0; }
.v11 .col02 .block01-b { padding: 0 15px 15px 15px; }
.v11 .col02 .block01 .mainheading { padding: 11px 15px; font-size: 18px; color: #000; background: #e6e6e6; font-weight: 600; position: relative; margin: 0; }
.v11 .col02 .block01 .mainheading I { font-style: normal; }
.v11 .col02 .block01 .mainheading A.notification { position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; }
.v11 .col02 .block01 .mainheading A.notification:before { content: "\e00b"; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: #fff; border-radius: 50%; color: #000; font-size: 24px; line-height: 24px; text-align: center; overflow: hidden; display: block; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.nofontface .v11 .col02 .block01 .mainheading A.notification:before { content: "\2003"; background-image: url(../fonts/icons/message.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.v11 .col02 .block01 .mainheading A.notification:after { content: "\e009"; position: absolute; right: -4px; top: -3px; width: 16px; height: 16px; background: #e50000; border-radius: 50%; color: #fff; font-size: 16px; line-height: 16px; text-align: center; overflow: hidden; display: block; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.nofontface .v11 .col02 .block01 .mainheading A.notification:after { content: "\2003"; background-image: url(../fonts/icons_white/notification.svg); background-size: 16px 16px; width: 1em; height: 1em; vertical-align: middle; }
.v11 .col02 .block01-d UL.list07{ list-style: none; padding: 0; }
.v11 .col02 .block01-d UL.list07 > LI { background: transparent; position: relative; padding: 0 0 0 20px; }
.v11 .col02 .block01-d UL.list07 > LI:before { position: absolute; left: 0; top: 0; content: "\e607"; font-family: "sebicons"; font-style: normal; font-size: 14px; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; color: #007ac7; }
.nofontface .v11 .col02 .block01-d UL.list07 > LI:before { content: "\2003"; background-image: url(../fonts/icons_blue/arrow.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.v11 .col02 .block01 SELECT.max,
.v11 .col02 .block01 INPUT.max { width: 100%; }
/*.v11 .col02 .block01-d UL.actions01 > LI { padding-left: 0; }
.v11 .col02 .block01-d UL.actions01 > LI:before { display: none; }
.v11 .col02 .block01-d UL.list07 > LI { padding-left: 20px; }*/

.v11 UL.list09 { padding: 0; margin: 0 -20px 0 0; }
.v11 UL.list09 LI.item { padding: 0 20px 0 0; margin: 0; float: left; width: 33.333%; background: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.v11 DIV.w250 { width: 250px; position: relative; z-index: 1; }
.v11 DIV.w250 + DIV.w660 { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 270px; margin-left: -250px; }

/* 27. Basic regular form */

DIV.form01 { margin: 10px -20px 0 0; line-height: 16px !important; text-align: left; font-size: 15px; }
DIV.form01.mr0 { margin-right: 0 !important; }
DIV.form01.lh21 { line-height: 21px !important; }
.col02 DIV.form01 { font-size: inherit; line-height: inherit !important; }
.col02 DIV.form01 INPUT,
.col02 DIV.form01 SELECT,
.col02 DIV.form01 TEXTAREA { font-size: inherit; line-height: inherit !important; }
DIV.form01 + DIV.form01 { margin-top: 0; }
DIV.form01.f-right { margin: 10px 0 0 0; }
DIV.form01 DIV.row { padding: 0 0 10px 0; position: relative; }
.notouch DIV.form01 DIV.row { padding-bottom: 5px; }
DIV.form01 DIV.row .label,
DIV.form01 DIV.row LABEL { float: left; width: 25%; font-weight: bold; text-align: right; padding: 20px 20px 10px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.notouch DIV.form01 DIV.row .label,
.notouch DIV.form01 DIV.row LABEL { padding-top: 16px; padding-bottom: 6px; }
DIV.form01 DIV.row SPAN.text { float: left; padding: 20px 2% 10px 0; margin: 0; word-wrap: break-word; max-width: 90%; text-align: left; }
.notouch DIV.form01 DIV.row SPAN.text { padding-top: 16px; padding-bottom: 6px; }
DIV.form01 DIV.row .quickset { float: left; padding: 16px 2% 0 0; margin: 0; word-wrap: break-word; max-width: 90%; clear: both; }
.notouch DIV.form01 DIV.row .quickset { padding-top: 12px; }
DIV.form01 DIV.row DIV.items { float: left; width: 75%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 20px; }
.col01 DIV.form01 DIV.row .label,
.col01 DIV.form01 DIV.row LABEL { width: 33.333%; }
.col01 DIV.form01 DIV.row DIV.items { width: 66.666%; }
DIV.form01 A.help01 { position: absolute; right: 20px; top: 10px; width: 20px; height: 20px; }
DIV.form01.readonly A.help01,
DIV.form01 DIV.row.readonly A.help01 { top: 0; }
DIV.form01 A.help02 { float: left; margin: 18px 2% 0 0; }
.notouch DIV.form01 A.help02 { margin-top: 14px; }
DIV.form01 A.help04 { float: left; margin: 18px 2% 0 0; }
.notouch DIV.form01 A.help04 { margin-top: 14px; }
DIV.form01 DIV.row > LABEL A.help02,
DIV.form01 DIV.row > SPAN.label A.help02 { float: none; margin: 8px; }
.notouch DIV .form01 .quickset A.help02 { float: none; margin-top: 0; margin-left: 5px; }


DIV.form01 DIV.items A.help01 { margin: 8px; }

DIV.form01 H3 { margin: 20px 20px 10px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e0e0e0; }
DIV.form01 H3 I,
DIV.form01 H3 EM { font-style: normal; font-size: 15px; font-weight: normal; display: block; }
DIV.form01 P.h3tools { float: right; margin: -2.6em 20px 0 0; padding: 0; }
DIV.form01 P.h3tools SPAN { color: #aaa; margin: 0 5px; }
DIV.form01 P.h3tools I { font-style: normal; }
DIV.form01 .items .max { width: 77%; }
DIV.form01 .items .default { width: 43%; }
DIV.form01 .items .min { width: 28%; }
DIV.form01 .items .min2x { width: 58%; }
DIV.form01 .pickdatewrapper { float: left; position: relative; margin: 10px 2% 0 0; z-index: 0; }
DIV.form01 .pickdatewrapper A { position: absolute; right: 0; top: 0; }
DIV.form01 .pickdatewrapper INPUT { margin: 0 !important; }
DIV.form01 P.desc { margin: 0; padding: .5em 0; clear: both; font-size: 13px; }
DIV.form01 P.longtext { margin: 10px 0; }
DIV.form01 TEXTAREA,
DIV.form01 INPUT[type="file"], DIV.form01 INPUT[type="date"], DIV.form01 INPUT[type="datetime"], DIV.form01 INPUT[type="datetime-local"], DIV.form01 INPUT[type="email"], DIV.form01 INPUT[type="month"], DIV.form01 INPUT[type="number"], DIV.form01 INPUT[type="password"], DIV.form01 INPUT[type="search"], DIV.form01 INPUT[type="tel"], DIV.form01 INPUT[type="text"], DIV.form01 INPUT[type="time"], DIV.form01 INPUT[type="url"], DIV.form01 INPUT[type="week"],
DIV.form01 SELECT { float: left; margin: 10px 2% 0 0; }
DIV.form01 INPUT[type="checkbox"],
DIV.form01 INPUT[type="radio"] { float: left; width: 16px; height: 16px; margin: 20px 10px 10px 10px; padding: 0; }
.notouch DIV.form01 INPUT[type="checkbox"],
.notouch DIV.form01 INPUT[type="radio"] { margin-top: 16px; margin-bottom: 6px; }
DIV.form01 SPAN.dynselect01 { float: left; margin: 10px 2% 0 0; position: relative; }
DIV.form01 SPAN.dynselect01 SELECT { margin: 0; }
DIV.form01 IMG.specialcard01 { float: left; margin: 10px 2% 0 0; max-width: 180px; }
DIV.form01 UL.checkboxes { padding: 0; margin: 10px 2% 0 0; float: left; }
DIV.form01 UL.checkboxes.clear.in2columns LI { width: 50%; clear: none; float: left; }
DIV.form01 UL.checkboxes.clear.in2columns LI.stripetop,
DIV.form01 UL.checkboxes.clear.in2columns LI.stripebottom { width: 100%; clear: both; float: none; }
DIV.form01 UL.checkboxes.clear.in3columns LI { width: 33%; clear: none; float: left; }
DIV.form01 UL.checkboxes.clear.in3columns LI.stripetop,
DIV.form01 UL.checkboxes.clear.in3columns LI.stripebottom { width: 100%; clear: both; float: none; }
DIV.form01 UL.checkboxes.clear.in4columns LI { width: 25%; clear: none; float: left; }
DIV.form01 UL.checkboxes.clear.in4columns LI.stripetop,
DIV.form01 UL.checkboxes.clear.in4columns LI.stripebottom { width: 100%; clear: both; float: none; }
DIV.form01 UL.checkboxes.clear { float: none; margin-right: 0; clear: both; margin-top: 0; padding-top: 10px; }
DIV.form01 UL.checkboxes LI { padding: 0; margin: 0; background: transparent; overflow: hidden; /*display: block;*/ float: left; }
DIV.form01 UL.checkboxes LI.readmore { padding: 0 0 20px 25px; display: none; font-size: 14px; }
DIV.form01 UL.checkboxes LI.readmore-toggle { padding: 10px 0 0 25px; }
DIV.form01 UL.checkboxes LI#readmore-toggle-hide { padding-top: 0; display: none; }
DIV.form01 UL.checkboxes.clear LI { clear: both; width: 100%; float: none; position: relative; }
DIV.form01 UL.checkboxes LI DIV.item { float: left; padding: 0; width: auto; }
DIV.form01 UL.checkboxes LI LABEL { padding: 10px 0 10px 36px; min-height: 36px; margin: 0 5px 0 0; float: left; width: auto !important; text-align: left; font-weight: 400; position: relative; overflow: hidden; }
DIV.form01 UL.checkboxes LI LABEL:last-child { width: 100% !important; }
.notouch DIV.form01 UL.checkboxes LI LABEL { padding-top: 6px; padding-bottom: 6px; min-height: 28px; }
DIV.form01 UL.checkboxes LI LABEL INPUT[type="checkbox"],
DIV.form01 UL.checkboxes LI LABEL INPUT[type="radio"] { margin: 0 0 0 -26px; position: absolute; }
DIV.form01 UL.checkboxes LI SELECT,
DIV.form01 UL.checkboxes LI INPUT[type="text"] { float: left; margin: 0 10px 0 0; }
DIV.form01 UL.checkboxes LI A.help02 { margin: 8px 10px 8px 5px; }
.notouch DIV.form01 UL.checkboxes LI A.help02 { margin-top: 4px; margin-bottom: 4px; }
DIV.form01 UL.checkboxes LI A.help01 { right: 0; top: 0; }
DIV.form01 UL.checkboxes LI.stripetop { border-top: 1px solid #ccc; padding-top: 5px; margin-top: 5px; }
DIV.form01 UL.checkboxes LI.stripebottom { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }
DIV.form01 UL.checkboxes LI.group { padding: 10px 0 4px 0; font-weight: bold; }
DIV.form01 UL.checkboxes LI.group.stripetop { padding-top: 15px; }
DIV.form01 UL.checkboxes DIV.clear { float: none; clear: both; }
DIV.form01 UL.checkboxes LI SPAN.text { padding: 10px 2% 10px 0; }
DIV.form01 UL.checkboxes LI SPAN.text.positive { background: url("ico_ok.png") no-repeat; background-position: left center; padding-left: 25px; }
.notouch DIV.form01 UL.checkboxes LI SPAN.text { padding-top: 6px; padding-bottom: 6px; }
DIV.form01 TABLE { margin-top: 11px; }
DIV.form01 TABLE TD.input INPUT[type="checkbox"],
DIV.form01 TABLE TD.input INPUT[type="radio"] { margin: 6px; float: none; }

DIV.form01 SPAN.code { float: left; background: #fff url(codes/codemissing.gif) 50% 50% no-repeat; margin: 0 2% 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
DIV.form01 SPAN.code SPAN { border: 2px solid #ccc; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-position: 50% 50%; background-repeat: no-repeat; }
DIV.form01 SPAN.code SPAN SPAN { width: 43px; height: 32px; overflow: hidden; border: none; }
.notouch DIV.form01 SPAN.code SPAN SPAN { height: 24px; }
DIV.form01 SPAN.code2 { float: left; margin: 10px 5px 0 0; border: 2px solid #ccc; background: #fff; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; font-size: 17px; font-weight: bold; }
.notouch DIV.form01 SPAN.code2 { padding: 4px 8px; }

DIV.form01 UL.actions01 { padding: 0; margin: 0; float: left; display: inline; }
DIV.form01 UL.actions01 LI { margin: 10px 10px 0 0; padding: 0; }
DIV.form01 UL.actions01 LI.mr0 { margin-right: 0; }
.notouch DIV.form01 UL.actions01 LI { margin-top: 6px; }
/*DIV.form01 UL.actions01 LI A,*/
DIV.form01 UL.actions01 LI DIV { margin: 0; }
DIV.form01 UL.actions01.clear { float: none; display: block; margin: 0; padding: 10px 0 0 0; clear: both; }

DIV.form01 .quickset { float: none; display: block; clear: both; width: 100%; line-height: 24px; }
DIV.form01 .quickset > SPAN { color: #ccc; margin: 0 5px; }
DIV.form01 .quickset .active { text-decoration: underline; font-weight: bold; }
DIV.form01 .separator01,
DIV.form01 .separator02 { margin: 10px 20px 10px 0; }
.notouch DIV.form01 .separator01,
.notouch DIV.form01 .separator02 { margin-top: 6px; margin-bottom: 5px; }
DIV.form01 DIV.terms01 { margin-right: 20px; }
DIV.form01 DIV.terms01 A.help01 { right: 10px; }
DIV.form01 DIV.row DIV.items UL.actions02 { margin-top: 17px; float: left; }
.notouch DIV.form01 DIV.row DIV.items UL.actions02 { margin-top: 14px; margin-right: 10px; float: left; }

DIV.form01.readonly { margin-top: 10px; }
DIV.form01.readonly DIV.row { padding-bottom: 0; }
DIV.form01.readonly DIV.row .label,
DIV.form01.readonly DIV.row LABEL,
DIV.form01.readonly DIV.row SPAN.text { padding-top: 10px; padding-bottom: 4px; }
DIV.form01.readonly DIV.terms01 { padding-bottom: 10px; margin-top: 10px; }

DIV.form01 DIV.row.readonly { padding-bottom: 0; }
DIV.form01 DIV.row.readonly SPAN.label,
DIV.form01 DIV.row.readonly LABEL,
DIV.form01 DIV.row.readonly SPAN.text { padding-top: 10px; padding-bottom: 4px; }

DIV.form01horizontal { overflow: hidden; }
DIV.form01horizontal DIV.row { float: left; width: 32%; margin: 0 1.333% 0 0; padding: 0; clear: none; overflow: hidden; }
DIV.form01horizontal DIV.row > .label,
DIV.form01horizontal DIV.row > LABEL { float: none; width: 100%; clear: both; text-align: left; margin: 1em 0 0 0; padding: 0; }
DIV.form01horizontal DIV.row DIV.items { float: none; overflow: hidden; width: auto; }
DIV.form01horizontal DIV.row.focus { background: transparent; }

DIV DIV.col02 DIV.form01 { margin: 0; }
DIV DIV.col02 DIV.form01 A.help01 { right: 0; margin: 8px 0 0 0; }
DIV DIV.col02 DIV.form01 DIV.row { padding: 0; }
DIV DIV.col02 DIV.form01 DIV.row.focus { background: transparent; padding: 0; margin: 0; }
DIV DIV.col02 DIV.form01 DIV.row .label,
DIV DIV.col02 DIV.form01 DIV.row LABEL { float: none; width: auto; display: block; padding: 20px 0 0 0; text-align: left; }
DIV DIV.col02 DIV.form01 DIV.row DIV.items { float: none; width: auto; /*overflow: hidden;*/ margin: 0 -3% 0 0; padding-right: 0; zoom: 1; }
DIV DIV.col02 DIV.form01 DIV.row DIV.items:before, DIV DIV.col02 DIV.form01 DIV.row DIV.items:after { content: " "; display: table; }
DIV DIV.col02 DIV.form01 DIV.row DIV.items:after { clear: both; }
DIV DIV.col02 DIV.form01 .max,
DIV DIV.col02 DIV.form01 .default { width: 97%; margin-right: 0; }
DIV DIV.col02 DIV.form01 .min,
DIV DIV.col02 DIV.form01 .min2x { width: 47%; margin-right: 3%; }
DIV DIV.col02 DIV.form01 H3 { margin: 10px 0 0 0; padding: 20px 0 10px 0; border-top: 2px solid #fff; border-bottom: none; }
DIV DIV.col02 DIV.form01 .pickdatewrapper { margin: 5px 3% 0 0; }
DIV DIV.col02 DIV.form01 UL.checkboxes { padding: 5px 0 0 0; margin: 0; }
DIV DIV.col02 DIV.form01 UL.checkboxes LI { padding: 0; margin: 0; background: transparent; overflow: hidden; clear: both; width: 100%; display: block; }
DIV DIV.col02 DIV.form01 UL.checkboxes LI DIV.item { float: left; padding: 0; width: auto; }
DIV DIV.col02 DIV.form01 UL.checkboxes LI LABEL { padding: 4px 0 4px 24px; margin: 0 5px 0 0; float: left; width: auto; text-align: left; font-weight: 400; position: relative; overflow: hidden; min-height: 0; }
DIV DIV.col02 DIV.form01 UL.checkboxes LI LABEL INPUT[type="checkbox"],
DIV DIV.col02 DIV.form01 UL.checkboxes LI LABEL INPUT[type="radio"] { margin: 0.45em 0; width: 24px; height: 14px; position: absolute; left: 0; top: 0; }
DIV DIV.col02 DIV.form01 TEXTAREA,
DIV DIV.col02 DIV.form01 INPUT[type="date"],
DIV DIV.col02 DIV.form01 INPUT[type="datetime"],
DIV DIV.col02 DIV.form01 INPUT[type="datetime-local"],
DIV DIV.col02 DIV.form01 INPUT[type="email"],
DIV DIV.col02 DIV.form01 INPUT[type="month"], DIV.form01 INPUT[type="number"],
DIV DIV.col02 DIV.form01 INPUT[type="password"],
DIV DIV.col02 DIV.form01 INPUT[type="search"],
DIV DIV.col02 DIV.form01 INPUT[type="tel"],
DIV DIV.col02 DIV.form01 INPUT[type="text"],
DIV DIV.col02 DIV.form01 INPUT[type="time"],
DIV DIV.col02 DIV.form01 INPUT[type="url"],
DIV DIV.col02 DIV.form01 INPUT[type="week"] { background-color: #fff !important; }

.col04 { float: left; width: 48%; }
.col04:first-child { margin-right: 4%; }
.col04 DIV.form01 DIV.row .label,
.col04 DIV.form01 DIV.row LABEL { text-align: left; width: 38%; }
.col04 DIV.form01 DIV.row DIV.items { width: 59.5%; }

.col02 DIV.form01 .fakeselect { min-width: 0; }

DIV.form01 DIV.input-adv { float: left; margin: 10px 2% 0 0; }

.form01footable DIV.form01 { padding-top: 10px; }
.form01footable DIV.form01 DIV.row { padding-bottom: 0; float: left; width: 48%; margin-right: 2%; }
.form01footable DIV.form01 DIV.row DIV.label { padding-top: 0; float: left; text-align: left; }
.form01footable DIV.form01 DIV.row SPAN.text { padding-top: 0; }

/* Wide labels form for web */

DIV.form01special H3 { margin: 20px 0 0 0; padding: 0 0 10px 0; }
DIV.form01special DIV.row { padding: 0; }
DIV.form01special DIV.row.focus { background: transparent !important; }
DIV.form01special DIV.row .label,
DIV.form01special DIV.row LABEL { float: none; width: auto !important; display: block; margin: 1.5em 0 0 0; padding: 0; text-align: left; }
DIV.form01special DIV.row DIV.items { float: none; width: auto; padding: 0; margin: 0; }
DIV.form01special DIV.row .max { width: 100%; }
DIV.form01special UL.checkboxes LI DIV.item { float: none; }
DIV.form01special DIV.terms01 DIV.row { padding: 0 1.5em; }

DIV.form01right { float: right; margin: 20px -10px 0 0; }
DIV.form01right TEXTAREA,
DIV.form01right INPUT[type="date"], DIV.form01right INPUT[type="datetime"], DIV.form01right INPUT[type="datetime-local"], DIV.form01right INPUT[type="email"], DIV.form01right INPUT[type="month"], DIV.form01right INPUT[type="number"], DIV.form01right INPUT[type="password"], DIV.form01right INPUT[type="search"], DIV.form01right INPUT[type="tel"], DIV.form01right INPUT[type="text"], DIV.form01right INPUT[type="time"], DIV.form01right INPUT[type="url"], DIV.form01right INPUT[type="week"],
DIV.form01right SELECT { float: left; margin: 0 10px 0 0; }
DIV.form01right DIV.row { padding: 0; }
DIV.form01right DIV.row LABEL { padding-top: 10px; font-weight: normal; }
.notouch DIV.form01right DIV.row LABEL { padding-top: 6px; }
DIV.form01right .fakeselect { float: left; margin: 0 10px 0 0; }
DIV.form01right .pickdatewrapper { float: left; position: relative; margin: 0 10px 0 0; }
DIV.form01right .pickdatewrapper INPUT.pickdate { margin: 0; }
DIV.form01right UL.actions01 { margin-right: 10px; }
DIV.form01right UL.actions01 LI { float: left; margin: 0; padding: 0 0 0 5px; }

DIV.terms01scrolling { border: 1px solid #ccc; overflow: auto; max-height: 200px; margin: 0 -1em -1em -1em !important; padding: 0 1em; }
DIV.terms01scrolling LABEL { margin-top: 0 !important; }
.notouch DIV.terms01scrolling { margin-bottom: -1em !important; }

DIV.tb_box01 DIV.form01 DIV.row .label,
DIV.tb_box01 DIV.form01 DIV.row LABEL { width: 35%; }
DIV.tb_box01 DIV.form01 DIV.row DIV.items { width: 65%; }

TABLE.form { border: none; margin: 10px -20px 0 0; }
TABLE.form + TABLE.form { margin-top: 0; }
TABLE.form TR,
TABLE.form TR:hover { background: transparent !important; }
TABLE.form TH { width: 25%; padding: 20px 20px 0 0 !important; margin: 0; border: none; background: transparent !important; text-align: right; vertical-align: top; }
.notouch TABLE.form TH { padding-top: 16px !important; }
TABLE.form TD { width: 75%; padding: 0 20px 10px 0 !important; margin: 0; border: none; background: transparent !important; text-align: left; vertical-align: top; }
.notouch TABLE.form TD { padding-bottom: 5px !important; }
TABLE.form TD SPAN.text { float: left; padding: 20px 2% 10px 0; margin: 0; word-wrap: break-word; max-width: 90%; text-align: left; }
.notouch TABLE.form TD SPAN.text { padding-top: 16px; padding-bottom: 6px; }
TABLE.form TD SPAN.text A.helpico01 { margin-top: 0; }
TABLE.form TD LABEL SPAN.text { padding: 0 2% 10px 0; }
TABLE.form TD > A { float: left; margin: 20px 2% 10px 0; }
TABLE.form TD .f-left.mr10 { float: none !important; margin-right: 0 !important; }
TABLE.form TD.data { padding: 20px 20px 0 0 !important; }
TABLE.form TD.data > A.f-right { float: right; margin: 0; }
TABLE.form TD.data A.helpico01,
TABLE.form TD.data A.helpico02 { margin-top: 0; margin-bottom: 0; }
TABLE.form TD LABEL { margin: 20px 0 0 0; float: left; width: 100%; }
.notouch TABLE.form TD LABEL { margin-top: 16px; }
TABLE.form TD LABEL.f-left { width: 80%; }
TABLE.form TD LABEL INPUT { margin-top: 0; }
TABLE.form TD TABLE.data { width: auto; margin: 10px 0 0 0 !important; }
TABLE.form TD TABLE.data TH { width: auto; padding: 7px !important; line-height: 16px; border: solid #e0e0e0 !important; border-width: 2px 0 1px 1px !important; background: #f2f2f2 !important; }
TABLE.form TD TABLE.data TD { width: auto; padding: 7px !important; line-height: 16px; border: solid #e0e0e0; border-width: 1px 0 1px 1px !important; }
TABLE.form TD TABLE.data TH:first-child,
TABLE.form TD TABLE.data TD:first-child { border-left: none !important; }
TABLE.form TD TABLE.data TD LABEL { margin: 0; }
TABLE.form .fakeselect,
TABLE.form .pickdatewrapper,
TABLE.form INPUT,
TABLE.form SELECT,
TABLE.form TEXTAREA { float: left; margin: 10px 2% 0 0; }
TABLE.form TD > INPUT[type="checkbox"],
TABLE.form TD > INPUT[type="radio"] { margin: 0 5px 0 0; float: none; display: inline; }
TABLE.form .max { width: 77%; }
TABLE.form .default { width: 43%; }
TABLE.form .min { width: 28%; }
TABLE.form .min2x { width: 58%; }
TABLE.form P.desc { margin: 0; padding: .5em 0; clear: both; font-size: 12px; }
TABLE.form P.longtext { margin: 10px 0; }
TABLE.form .quickset { float: left; padding: 20px 2% 0 0; margin: 0 !important; word-wrap: break-word; max-width: 90%; clear: both; }
.notouch TABLE.form .quickset { padding-top: 16px; }
TABLE.form .quickset > SPAN { color: #ccc; margin: 0 5px; }
TABLE.form .quickset + .f-left { clear: both; }
TABLE.form UL.actions01.f-left { margin-top: 10px; }
TABLE.form.r20-30b TH,
TABLE.form.r20-30 TH { width: 20%; text-align: left; }
TABLE.form.r20-30b TD,
TABLE.form.r20-30 TD { width: 30%; }
TABLE.form TR.separator01 TD { padding: 15px 0 10px 0 !important; }
.notouch TABLE.form TR.separator01 TD { padding: 11px 0 6px 0 !important; }
TABLE.form TR.separator01 TD SPAN { height: 2px; overflow: hidden; clear: both; margin: 0; background: #e6e6e6; display: block; }
TABLE.form TR.unhead TH,
TABLE.form TH.unhead,
TABLE.form TR.subheading TH,
TABLE.form TR.subheading2 TH { padding: 20px 20px 20px 0 !important; font-size: 18px; font-weight: bold; text-align: left; }
TABLE.form TR.terms01 { background: #f2f2f2 !important; }
TABLE.form TR.terms01 TD.data { padding-bottom: 20px !important; }
TABLE.form.form-confirm TH { padding: 10px 20px 4px 0 !important; }
TABLE.form.form-confirm TD { padding: 10px 20px 4px 0 !important; }
TABLE.form.form-confirm TD A { margin: 0; padding: 0; }

TABLE.form UL.options { margin-top: 0; }

TABLE.form UL.list02 { padding: 0; margin: 10px 2% 0 0; float: left; clear: both; }
TABLE.form UL.list02.clear { float: none; margin-right: 0; }
TABLE.form UL.list02 LI { padding: 0; margin: 0; background: transparent; overflow: hidden; float: left; clear: both; }
TABLE.form UL.list02 LI.showall { padding-top: 9px; }
.notouch TABLE.form UL.list02 LI.showall { padding-top: 6px; }
TABLE.form UL.list02.clear LI { clear: both; width: 100%; float: none; position: relative; }
TABLE.form UL.list02 LI DIV.item { float: left; padding: 0; width: auto; }
TABLE.form UL.list02 LI LABEL { padding: 10px 0 10px 36px; margin: 0 5px 0 0; float: left; width: auto !important; text-align: left; font-weight: 400; position: relative; overflow: hidden; }
.notouch TABLE.form UL.list02 LI LABEL { padding-top: 6px; padding-bottom: 6px; }
TABLE.form UL.list02 LI LABEL INPUT[type="checkbox"],
TABLE.form UL.list02 LI LABEL INPUT[type="radio"] { margin: 0 0 0 -26px; position: absolute; }
TABLE.form UL.list02 LI SELECT,
TABLE.form UL.list02 LI INPUT[type="text"] { float: left; margin: 0 10px 0 0; }
TABLE.form UL.list02 LI A.help02 { margin: 8px 10px 8px 5px; }
TABLE.form UL.list02 LI A.help01 { right: 0; top: 0; }
TABLE.form UL.list02 LI.stripetop { border-top: 1px solid #ccc; padding-top: 5px; margin-top: 5px; }
TABLE.form UL.list02 LI.stripebottom { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }
TABLE.form UL.list02 LI.group { padding: 10px 0 4px 0; font-weight: bold; }
TABLE.form UL.list02 LI.group.stripetop { padding-top: 15px; }
TABLE.form UL.list02 DIV.clear { float: none; clear: both; }
TABLE.form UL.list02 LI SPAN.text { padding: 10px 2% 10px 0; }
TABLE.form TR.special01 TD,
TABLE.form TR.special02 TD { background: #f2f2f2 !important; background: rgba(0,0,0,0.05) !important; padding: 0 1em 1em 1em !important; }


TABLE.form DIV.btn-group { float: left; margin: 12px 2% 0 0; }
.col01 TABLE.form TH,
.col01 TABLE.crmform TH,
.col01b TABLE.form TH,
.col01b TABLE.crmform TH { width: 33.333%; }
.col01 TABLE.form TD,
.col01 TABLE.crmform TD,
.col01b TABLE.form TD,
.col01b TABLE.crmform TD { width: 66.666%; }
.col01 TABLE.form A.helpico01,
.col01 TABLE.crmform A.helpico01,
.col01b TABLE.form A.helpico01,
.col01b TABLE.crmform A.helpico01 { float: right; }

TABLE.crmform { border: none; margin: 10px -20px 0 0; }
TABLE.crmform HR { display: none; }
/*
TABLE.crmform BR { display: none; }
*/
TABLE.crmform + TABLE.crmform { margin-top: 0; }
TABLE.crmform TR,
TABLE.crmform TR:hover { background: transparent !important; }
TABLE.crmform TH { width: 25%; padding: 16px 20px 10px 0 !important; margin: 0; border: none; background: transparent !important; text-align: right; vertical-align: top; }
TABLE.crmform TD { width: 75%; padding: 0 20px 4px 0 !important; margin: 0; border: none; background: transparent !important; text-align: left; vertical-align: top; }
TABLE.crmform TD SPAN.text { float: left; padding: 16px 10px 10px 0; margin: 0; word-wrap: break-word; max-width: 90%; text-align: left; }
TABLE.crmform TD .f-left.mr10 { float: none !important; margin-right: 0 !important; }
TABLE.crmform TD.data { padding: 20px 20px 0 0 !important; }
TABLE.crmform TD TABLE { margin: 0; width: auto !important; }
TABLE.crmform TD TABLE TD { padding: 0 !important; width: auto !important; }
TABLE.crmform TD TABLE TH { padding: 0 !important; width: auto !important; }
TABLE.crmform TD TABLE A { float: left; margin: 20px 10px 0 0; }
TABLE.crmform DIV { display: inline; }
TABLE.crmform DIV.row { overflow: hidden; clear: both; display: block; }
TABLE.crmform SPAN.text + DIV { float: left; }
TABLE.crmform DIV DIV.row { margin: 0; }
TABLE.crmform DIV.row > A { margin: 20px 10px 10px 0; float: left; }
.notouch TABLE.crmform DIV.row > A { margin-top: 14px; }
TABLE.crmform TR.plaintext TD { padding: 20px 0 !important; line-height: 18px; }
TABLE.crmform TR.unhead0 TH { padding: 20px 20px 20px 0 !important; font-size: 21px; font-weight: 600; text-align: left; }
TABLE.crmform TR.unhead TH { padding: 20px 20px 20px 0 !important; font-size: 21px; font-weight: 600; text-align: left; border-bottom: 1px solid #e0e0e0; }
TABLE.crmform TR.unhead TH:first-child:last-child { text-align: left; }
TABLE.crmform TR.unhead TD { padding: 20px 20px 20px 0 !important; }
TABLE.crmform TR.unhead DIV.row > A { margin: 0; }
TABLE.crmform TR.unhead TH:last-child { text-align: right; }
TABLE.crmform TR.unhead TH:last-child A { float: none !important; }
TABLE.crmform .pickdatewrapper,
TABLE.crmform INPUT,
TABLE.crmform SELECT,
TABLE.crmform TEXTAREA { float: left; margin: 10px 10px 0 0; }
TABLE.crmform INPUT[type="checkbox"],
TABLE.crmform INPUT[type="radio"] { margin: 20px 10px 0 0; }
TABLE.crmform .max { width: 77%; }
TABLE.crmform .default { width: 43%; }
TABLE.crmform .min { width: 28%; }
TABLE.crmform .min2x { width: 58%; }
TABLE.crmform P.desc { margin: 0; padding: .5em 0; clear: both; font-size: 12px; }
TABLE.crmform P.longtext { margin: 10px 0; }
TABLE.crmform .quickset { float: left; padding: 16px 10px 0 0; margin: 0; word-wrap: break-word; max-width: 90%; clear: both; }
TABLE.crmform .quickset > SPAN { color: #ccc; margin: 0 5px; }
TABLE.crmform EM { font-style: normal; }
TABLE.crmform SPAN.unerror { display: block; margin: 0; padding: .5em 0; clear: both; font-size: 12px; width: 100%; float: none; }
TABLE.crmform TR.level0 TH { text-align: left; font-weight: 700; }
TABLE.crmform TR.level1 TH { text-align: left; font-weight: 700; }
TABLE.crmform TR.level2 TH { text-align: left; font-weight: 600; padding-left: 20px !important; }
TABLE.crmform TR.level3 TH { text-align: left; font-weight: 400; padding-left: 40px !important; }
TABLE.crmform TR.level4 TH { text-align: left; font-weight: 400; padding-left: 60px !important; }
TABLE.crmform TR.special01 TD,
TABLE.crmform TR.special02 TD { background: #f2f2f2 !important; background: rgba(0,0,0,0.05) !important; padding: 0 1em 1em 1em !important; }
TABLE.crmform TR.terms01 { background: #f2f2f2 !important; }
TABLE.crmform TR.terms01 TD.data { padding-bottom: 20px !important; }

TABLE.crmform A[target="admhlp"] { float: left; margin: 18px 10px 0 0 !important; background: #e6e6e6; background: rgba(0,0,0,0.1); color: #4c4c4c; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; }
.notouch TABLE.crmform A[target="admhlp"] { margin-top: 14px !important; }
TABLE.crmform A[target="admhlp"]:hover { background: #4c4c4c; background: rgba(0,0,0,0.7); color: #fff; text-decoration: none; }
TABLE.crmform A[target="admhlp"]:before { content: "\e00f"; font: 20px/1 "sebicons"; }
.nofontface TABLE.crmform A[target="admhlp"]:before { content: "\2003"; background-image: url(../fonts/icons/info.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
TABLE.crmform A[target="admhlp"] IMG { display: none; }

/* Loginform */

DIV.form02 { position: relative; line-height: 16px; margin-top: 5px; }
DIV.form02 DIV.row { float: left; margin: 10px 10px 0 0; }
DIV.form02 DIV.check { padding-right: 5px; }
DIV.form02 DIV.check INPUT[type="checkbox"] { float: left; margin: 10px 0 0 0; padding: 0; outline: none; }
DIV.form02 DIV.check LABEL { float: left; padding: 9px 5px 9px 0; }
DIV.form02 UL.actions01 { float: left; margin: 10px 0 0 0; }
.notouch DIV.form02 UL.actions01 { margin-top: 6px; }
DIV.form02 UL.actions01 LI { float: left; margin: 0; padding: 0 5px 0 0; }
DIV.form02 INPUT.default { width: 150px; float: left; }
DIV.form02 INPUT.small { width: 70px; float: left; }
DIV.form02 SPAN.code { float: left; background: url(codes/codemissing.gif) 50% 50% no-repeat; margin: 0 5px 0 0; }
DIV.form02 SPAN.code SPAN { border: 2px solid #ccc; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-position: 50% 50%; background-repeat: no-repeat; }
DIV.form02 SPAN.code SPAN SPAN { width: 43px; height: 32px; overflow: hidden; border: none; }
DIV.form02 SPAN.code2 { float: left; margin: 0 3px 0 0; border: 2px solid #ccc; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 8px; font-size: 17px; font-weight: bold; }
DIV.form02.withlabels DIV.row { margin-top: 0; }
DIV.form02.withlabels LABEL { display: block; padding: 0 0 9px 0; font-weight: bold; }
DIV.form02.withlabels UL.actions01 { padding-top: 16px; }
DIV.form02 DIV.check2 { margin-top: -19px; }
DIV.form02 DIV.check2 INPUT.default { clear: both; margin-top: 4px; }
DIV.form02 DIV.separator01 { clear: both; margin: 0; height: 20px; background: transparent; }
DIV.form02 LABEL { float: left; font-weight: bold; text-align: right; padding: 7px 20px 7px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

	/* Footer */

DIV.footer01 { clear: both; background: url(bg22b.png) repeat-x; color: #fff; }
DIV.footer01 DIV.wrapper01 { max-width: 1180px; margin: auto; padding: 20px; }
DIV.footer01 P { margin: 0; }
DIV.footer01 SPAN { margin: 0 5px; color: #999; }
DIV.footer01 I,
DIV.footer01 EM { font-style: normal; float: right; }
DIV.footer01 A { color: #fff; text-decoration: underline; }

DIV.footer02 { clear: both; background: url(bg22b.png) repeat-x; color: #fff; margin: 0; padding: 0 0 20px 0; display: block; text-align: center; font-size: 18px; line-height: 20px; }
DIV.footer02 P { font-size: 15px; line-height: 18px; color: #bfbfbf; }
DIV.footer02 DIV.wrapper01 { max-width: 1180px; padding: 0 20px; margin: auto; }
DIV.footer02 DIV.wrapper01 P:after { content: " "; display: block; height: 0; overflow: hidden; border-top: 1px solid #383838; border-bottom: 1px solid #666; margin: 1em 0 0 0; }
DIV.footer02 A { color: #fff; }
DIV.footer02 A:hover { color: #fff; }
DIV.footer02 UL.path { margin: 1em 0 0 0; padding: 0 0 1em 0; font-size: 16px; line-height: 18px; position: relative; }
DIV.footer02 UL.path LI { white-space: nowrap; float: left; padding: 0 8px 0 0; margin: 3px 8px 3px 0; border-right: 1px solid #858585 }
DIV.footer02 UL.path:before { content: " "; position: absolute; left: 0; right: 0; bottom: 0; display: block; height: 0; overflow: hidden; border-top: 1px solid #383838; border-bottom: 1px solid #666; margin: 0; }
DIV.footer02 UL.path LI:last-child { margin: 3px 0; border-right: none; }
DIV.footer02 UL.links { padding: 0 0 20px 0; margin: 0 -20px 0 0; position: relative; font-size: 15px; line-height: 18px; list-style: none; position: relative; }
DIV.footer02 UL.links:before { content: " "; position: absolute; left: 0; right: 20px; bottom: 0; display: block; height: 0; overflow: hidden; border-top: 1px solid #383838; border-bottom: 1px solid #666; margin: 0; }
DIV.footer02 UL.links STRONG { font-size: 22px; }
DIV.footer02 UL.links > LI { float: left; padding: 0 20px 0 0; margin: 0; width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: transparent; }
DIV.footer02 UL.links > LI.hasico:before { text-align: center; zoom: 1; display: block; content: " "; background: #383838; color: #fff; width: 67px; height: 67px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 20px auto 10px; font-size: 35px; line-height: 67px; font-family: 'sebicons'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-shadow: inset 0 1px 0 0 #222; -moz-box-shadow: inset 0 1px 0 0 #222; -webkit-box-shadow: inset 0 1px 0 0 #222; }
DIV.footer02 UL.links > LI.ico-links:before { content: "\e60e"; }
DIV.footer02 UL.links > LI.ico-contacts:before { content: "\e000"; font-size: 55px; }
DIV.footer02 UL.links > LI.ico-legal:before { content: "\e60d"; }
DIV.footer02 UL.links > LI.ico-social:before { content: "\e60c"; }
DIV.footer02 UL.links > LI UL { padding: 0; margin: 15px 0 0 0; }
DIV.footer02 UL.links > LI UL LI { float: none; padding: 0; margin: 5px 0 0 0; background: transparent; }

DIV.footer03 { margin: 0; padding: 0 10px; position: relative; color: #bfbfbf; }
DIV.footer03 P { margin: 1em 0 0 0; font-size: 15px; line-height: 18px; }
DIV.footer03 P:last-child:after { display: none !important; }
DIV.footer03 P A { color: #fff; text-decoration: underline; }
DIV.footer03 P SPAN { margin: 0 5px; }

/* Tabs */

.tabs01 { padding: 0 0 0 10px; margin: 20px 0 0 0; font-size: 16px; font-weight: 600; border-bottom: 2px solid #e0e0e0; }
.tabs01 UL { padding: 0; margin: 0; list-style: none; float: none; }
.tabs01 UL:before, .tabs01 UL:after { content: " "; display: table; }
.tabs01 UL:after { clear: both; }
.tabs01 * { float: left; }
.tabs01 LI { margin: 0 0 -2px 0; padding: 0; background: transparent; z-index: 1; }
.tabs01 LI A { background: transparent; text-decoration: none; color: #000; padding: 12px 12px 10px 12px;}
.tabs01 LI A:hover { text-decoration: underline; }
.tabs01 LI A.hasactive { color: #45b400; }
.tabs01 LI A.active { border: solid #e0e0e0; border-width: 2px 2px 0 2px; color: #45b400; padding: 10px; background: #fff; }
.tabs01 LI.cantfit { display: none; }
.tabs01 LI.exp { display: block; position: relative; z-index: 2; margin-right: 0; }
.tabs01 LI.exp A.main:before { content: "\e011"; float: right; margin: 1px 0 -1px 3px; font-family: 'sebicons'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.nofontface .tabs01 LI.exp A.main:before { content: "\2003"; background-image: url(../fonts/icons/down.svg); background-size: 100% 100%; width: 1em; height: 1em; margin-top: 2px; margin-bottom: -2px; }
.nofontface .tabs01 LI.exp A.main.hasactive:before { background-image: url(../fonts/icons_green/down.svg); }
.tabs01 LI.exp.open { z-index: 3; }
.tabs01 LI.exp .select01drop { margin: -2px 0 0 0; left: auto; right: 0; top: 100%; z-index: 1; }
.tabs01 LI.exp .select01drop SPAN.body { border: 2px solid #e0e0e0; padding: 0; }
.tabs01 LI.exp .select01drop UL { padding-top: 5px; position: relative; }
.tabs01 LI.exp .select01drop UL LI { float: none; display: block; border: none; padding: 0; margin: 0; }
.tabs01 LI.exp .select01drop UL LI A { float: none; display: block; border: none; white-space: nowrap; }
.tabs01 LI.exp .select01drop UL LI A SPAN { float: none; display: block; border: none; }

.col02 DIV.box01 .tabs01 { margin: 0; padding: 5px 15px 0 15px; background: #f3f3f3; }
.col02 DIV.box01 .tabs01 LI A.active { background: #f3f3f3; }

.hasjs .tab-hidden, .tab-header { display: none; }

/* Product info blocks */

DIV.productinfo01 { margin-top: 10px; zoom: 1; }
DIV.productinfo01:before, DIV.productinfo01:after { content: " "; display: table; }
DIV.productinfo01:after { clear: both; }
DIV.productinfo01-a { float: left; width: 250px; font-size: 20px; line-height: normal; }
DIV.productinfo01-a IMG { width: 250px; }
DIV.productinfo01-b { padding-left: 270px; margin-left: -250px; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.web DIV.productinfo01-b P { font-size: 16px; line-height: 22px; }

DIV.productinfo01 DIV.col-a,
DIV.productinfo01 DIV.col-c,
DIV.productinfo01 DIV.col-e { float: left; width: 250px; text-align: center; }
DIV.productinfo01 DIV.col-a IMG,
DIV.productinfo01 DIV.col-e IMG { max-width: 250px; height: auto; margin: auto; }
DIV.productinfo01 DIV.col-b,
DIV.productinfo01 DIV.col-d,
DIV.productinfo01 DIV.col-f { padding-left: 280px; margin-left: -250px; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
DIV.productinfo01 DIV.col-b:first-child,
DIV.productinfo01 DIV.col-d:first-child,
DIV.productinfo01 DIV.col-f:first-child { margin-left: 0; padding-left: 0; }


DIV.productinfo02 { overflow: hidden; }
DIV.productinfo02 DIV.col-a { float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right: 10px; }
DIV.productinfo02 DIV.col-b { float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 10px; }
/*
DIV.productinfo02 { background: url(bg03.png) 100% 100% no-repeat; overflow: hidden; }
DIV.productinfo02 DIV.img { width: 250px; float: left; padding-top: 15px; }
DIV.productinfo02 DIV.img IMG { float: left; }
DIV.productinfo02 DIV.txt { float: left; width: 100%; margin: 0 -250px; background: url(bg03.png) 100% 0 no-repeat; }
DIV.productinfo02 DIV.txt-a { margin: 0 280px; }
DIV.productinfo02 DIV.sub { float: left; width: 100%; margin: 0 -250px 0 0; clear: left; }
DIV.productinfo02 DIV.sub-a { margin: 0 280px 0 0; }
DIV.productinfo02 DIV.info { width: 200px; float: right; }
DIV.productinfo02 DIV.info H3 { font-size: 20px; }
DIV.productinfo02 DIV.info H4 { color: #48a917; text-transform: uppercase; }
DIV.productinfo02 DIV.info UL { padding: 0; margin: .7em 0 0 0; }
DIV.productinfo02 DIV.info UL LI { margin: .3em 0 0 0; padding: 0; background: transparent; }
DIV.productinfo02 DIV.info UL LI P { margin: 0; }
DIV.productinfo02 DIV.moreinfo { padding: 0 240px 0 0; clear: both; overflow: hidden; }
*/

DIV.productinfo03 { overflow: hidden; position: relative; }
* HTML DIV.productinfo03 { zoom: 1; }
DIV.productinfo03 H2 { font-size: 22px; font-weight: 600; }
DIV.productinfo03 H3 { font-size: 20px; }
DIV.productinfo03-a { padding-right: 280px; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
DIV.productinfo03-b { float: right; margin-left: -250px; }
DIV.productinfo03-b IMG { width: 250px; }
DIV.productinfo03-c { padding-right: 280px; overflow: hidden; }
DIV.productinfo03-c P { font-size: 16px; line-height: 22px; margin: .5em 0 0 0; }
DIV.productinfo03-c UL.actions01 { margin-top: 15px; }

DIV.productinfo04 { display: block; padding-left: 280px; }
DIV.productinfo04-a { float: left; width: 250px; margin: 0 0 0 -280px; }
DIV.productinfo04-b { float: left; width: 100%; }
DIV.productinfo04 .default { width: 55%; }

/* Collapsible blocks */

DIV.groups01 { }
DIV.groups01 DIV.group { margin: 20px 0 0 0; }
DIV.groups01 DIV.group DIV.heading { display: block; background: #e6e6e6; padding: 0; height: 44px; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
DIV.groups01 DIV.group DIV.heading .a { margin: 0; height: 44px; }
DIV.groups01 DIV.group DIV.heading .b { margin: 0; padding: 10px; font-size: 18px !important; line-height: 24px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
DIV.groups01 DIV.group DIV.heading .b-info { float: right; margin-top: -44px; font-size: 18px !important; line-height: 24px !important; font-weight: 400; padding: 10px; display: block; }
DIV.groups01 DIV.group DIV.heading .gray01,
DIV.groups01 DIV.group DIV.heading .gray02 { color: #000; font-weight: 400; }
DIV.groups01 DIV.group.disabled { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
DIV.groups01 DIV.group.disabled * { cursor: default !important; }
DIV.groups01 TABLE.data2 { margin-top: 0; }
DIV.groups01 TABLE.data2 TR:first-child TH { border-top: none; }
.hasjs DIV.groups01 DIV.group DIV.heading { background: #e6e6e6 url(bg37.png) 10px -190px no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.hasjs DIV.groups01 DIV.group DIV.heading .b { cursor: pointer; position: relative; z-index: 1; padding-left: 40px; }
.hasjs DIV.groups01 DIV.group DIV.heading .b:hover { text-decoration: underline; color: #007ac7; }
.hasjs DIV.groups01 DIV.group.open DIV.heading { background-position: 10px 10px; }
.hasjs DIV.groups01 DIV.group DIV.groupcontent { display: none; }
.hasjs DIV.groups01 DIV.group.open DIV.groupcontent { display: block; }

/* Auth blocks */

.auth01 {}
.auth01 DIV.form01 DIV.row LABEL { padding-top: 15px; }
.auth01 LABEL.main { font-size: 25px; line-height: 30px; margin: 10px 0 0 0 !important; padding: 9px 0 !important; font-weight: bold; position: relative; }
.auth01 LABEL.main:before { content: "\e00d"; float: right; display: block; margin: 0 0 0 15px; width: 1em; height: 1em; font-size: 30px; line-height: 1em; text-align: center; overflow: hidden; border-radius: 50%; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; color: #000; background: #fff; }
.nofontface .auth01 LABEL.main:before { content: "\2003"; background-image: url(../fonts/icons/lock.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.auth01 UL.tabs { padding: 0; margin: 0; border: none; background: transparent; font-weight: 400; }
.auth01 UL.tabs LI { margin: 15px 15px 0 0; padding: 0; float: left; background: none; }
.auth01 UL.tabs LI A { display: block; padding: 0 0 0 27px; margin: 0; background: transparent; border: none; color: #000; position: relative; font-weight: inherit; line-height: 22px !important; }
.auth01 UL.tabs LI A:before { content: " "; position: absolute; left: 0; top: 0; background: #fff; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); }
.auth01 UL.tabs LI A.active:after { content: " "; position: absolute; left: 6px; top: 6px; background: #000; width: 10px; height: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }

DIV.auth02 { background: #f2f2f2; padding: 0 200px 20px 15px; overflow: hidden; margin: 20px 0 0 0; position: relative; min-height: 170px; }
DIV.auth02:before { content: "\e00d"; position: absolute; display: block; top: 20px; right: 20px; width: 150px; height: 150px; font-size: 150px; line-height: 150px; text-align: center; overflow: hidden; border-radius: 50%; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; color: #bfbfbf; background: #fff; }
.nofontface DIV.auth02:before { content: "\2003"; background-image: url(../fonts/icons/lock.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
DIV.auth02.pincalc:before { display: none; }
DIV.auth02.pincalc IMG.pincalc { position: absolute; top: 20px; right: 20px; width: 150px; height: 150px; }
DIV.auth02 H1 { margin: 0; }
DIV.auth02 P.heading { margin: 20px 0 0 0; font-size: 20px; line-height: 24px; font-weight: 600; }
DIV.auth02 P.heading SPAN.text { float: left; margin: 4px 10px 0 0; }
DIV.auth02 P.heading SPAN.code { float: left; border: 2px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 7px 0 7px; letter-spacing: 2px; font-weight: 600; background: #fff; }
DIV.auth02 UL.tabs01 { padding: 0; margin: 0; border: none; background: transparent; font-weight: 400; }
DIV.auth02 UL.tabs01 LI { margin: 20px 20px 0 0; }
DIV.auth02 UL.tabs01 LI A { padding: 3px 0 3px 27px; margin: 0; background: transparent; border: none; color: #000; position: relative; }
DIV.auth02 UL.tabs01 LI A:before { content: " "; position: absolute; left: 0; top: 0; background: #fff; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); }
DIV.auth02 UL.tabs01 LI A.active:after { content: " "; position: absolute; left: 6px; top: 6px; background: #000; width: 10px; height: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
DIV.auth02 UL.tabs01 LI.exp { display: none !important; }
DIV.auth02 UL.tabs01 LI.cantfit { display: block !important; }
DIV.auth02 DIV.form01 { margin: 0; }
DIV.auth02 DIV.form01 DIV.row { float: left; width: 33.333%; margin-right: 2%; padding: 0; min-width: 170px; }
DIV.auth02 DIV.form01 DIV.row:first-child { width: 40%; }
DIV.auth02 DIV.form01 DIV.row:first-child:nth-last-child(1) { width: 40%; }
DIV.auth02 DIV.form01 DIV.row:first-child:nth-last-child(2),
DIV.auth02 DIV.form01 DIV.row:first-child:nth-last-child(2) ~ DIV.row { width: 40%; float: left; }
DIV.auth02 DIV.form01 DIV.row:first-child:nth-last-child(3),
DIV.auth02 DIV.form01 DIV.row:first-child:nth-last-child(3) ~ DIV.row { width: 31.333%; float: left; }
DIV.auth02 #idcodeBox DIV.row { width: 31.333% !important }
DIV.auth02 DIV.form01 DIV.row.wauto { width: auto !important; min-width: 0 !important; }
DIV.auth02 DIV.form01 DIV.row LABEL { font-weight: 600; font-size: 16px; margin: 20px 0 0 0; padding: 0; width: 100%; text-align: left; clear: both; float: none; display: block; }
DIV.auth02 DIV.form01 DIV.row LABEL INPUT[type="checkbox"] + SPAN { display: block; padding-left: 25px; }
DIV.auth02 DIV.form01 DIV.row .items { padding: 0; margin: 0; width: 100%; text-align: left; }
DIV.auth02 DIV.form01 DIV.row .items LABEL { margin: 10px 0 0 0; padding: 0; font-weight: 400; float: left; width: 100%; }
DIV.auth02 DIV.form01 DIV.row .items LABEL INPUT { margin: 0 10px 0 0; padding: 0; }
DIV.auth02 DIV.form01 DIV.row INPUT { background-color: #fff; max-width: none; }
DIV.auth02 DIV.form01 DIV.row .small { width: 100px; margin-right: 0; }
DIV.auth02 DIV.form01 DIV.row .default { width: 100%; margin-right: 0; }
DIV.auth02 DIV.form01 DIV.row.wide { width: 100% !important; clear: both; }
DIV.auth02 DIV.form02 { margin-top: 10px; }
DIV.auth02pincalc { background: url(ico_60_pincalc.png) no-repeat; }

/* Ad blocks */

DIV.carousel01 { margin: 20px 0 0 0; position: relative; }
DIV.carousel01 IMG { width: 100%; }
DIV.carousel01 .hasflash { position: relative; z-index: 0; overflow: hidden; }
DIV.carousel01 .hasflash IMG { float: left; position: relative; z-index: 0; }
DIV.carousel01 .hasflash DIV.flashholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
DIV.carousel01 IMG.retina { position: absolute; left: 0; top: 0; z-index: 1; }
DIV.carousel01 DIV.slides { padding: 0; margin: 0; position: relative; }
DIV.carousel01 DIV.slides DIV.slide { padding: 0; margin: 0; left: 0; top: 0; width: 100%; height: 100%; position: relative; }
/*
DIV.ad01 .dots { position: absolute; z-index: 2; right: 10px; top: 10px; padding: 5px; margin: 0; background: url(bg01.png); background: rgba(0,0,0,0.3); font-size: 16px; line-height: 18px; font-weight: 600; border-radius: 20px; }
DIV.ad01 .dots LI { float: left; margin: 0 3px 0 0; padding: 0; background: transparent; }
DIV.ad01 .dots LI A { float: left; background: #e6e6e6; color: #000; text-decoration: none; padding: 0 10px 0 0; text-align: center; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
DIV.ad01 .dots LI A SPAN { display: block; padding: 0 0 0 10px; }
DIV.ad01 .dots LI A SPAN SPAN { background: transparent !important; padding: 4px 6px; margin: 0 -8px; min-width: 10px; }
DIV.ad01 .dots LI A:hover { background: #8c8c8c; color: #fff; }
DIV.ad01 .dots LI A.active { background: #58c50f; color: #fff; }
DIV.ad01 .dots LI.next { border-left: 1px solid #aaa; margin: 0; padding-left: 3px; font-size: 15px; }
DIV.ad01 .dots LI.next A SPAN SPAN { padding: 4px 1px 4px 0; text-align: right; width: 21px; }
DIV.ad01 .dots #slidenext SPAN SPAN { margin-right: -10px; }
*/
DIV.carousel01 .dots { position: absolute; z-index: 2; right: 0; top: 0; padding: 20px; margin: 0; text-align: center; }
DIV.carousel01 .dots LI { display: inline-block; padding: 0; margin: 0 3px; background: transparent; }
DIV.carousel01 .dots LI A { display: inline-block; background: #fff; width: 16px; height: 16px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); }
DIV.carousel01 .dots LI A.active { background: #58c50f; }
DIV.carousel01 .dots LI A SPAN { display: none; }
DIV.carousel01 .dots LI.next { display: none; }

DIV.ad02 { margin: 20px 0 0 0; position: relative; }
DIV.ad02 IMG { width: 100%; }
DIV.ad02 IMG.retina { position: absolute; left: 0; top: 0; }

/* Separated blocks */

DIV.separated01 { background: url(bg55.gif) 50% 100% no-repeat; }
DIV.separated01a { background: url(bg55.gif) 50% 0 no-repeat; }
DIV.separated01 DIV.col-a { width: 50%; float: left; }
DIV.separated01 DIV.col-a DIV.a { padding-right: 20px; }
DIV.separated01 DIV.col-b { width: 50%; float: left; }
DIV.separated01 DIV.col-b DIV.a { padding-left: 20px; }

DIV.separated02 DIV.col-a { width: 50%; float: left; }
DIV.separated02 DIV.col-a DIV.a { padding-right: 10px; }
DIV.separated02 DIV.col-b { width: 50%; float: left; }
DIV.separated02 DIV.col-b DIV.a { padding-left: 10px; }

/* Thickbox contents */

HTML.thickbox { background: #fff; }
HTML.thickbox BODY { text-align: left; background: #fff; padding: 0; }
HTML.thickbox H1 { margin: 0; }
HTML.embed H1 { margin-top: 20px; }

/* 15. Date picker */

/* Autocomplete */

.ui-autocomplete { z-index: 8 !important; width: 144px; position: absolute; background: #fff; display: none; padding: 5px; margin: 0; list-style: none; text-align: left; border: 1px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.ui-autocomplete LI { padding: 0; margin: 0; background: transparent; }
.ui-autocomplete LI A { cursor: pointer; color: #000; text-decoration: none; display: block; padding: 10px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; font-weight: 400; }
.ui-autocomplete LI A:hover,
.ui-autocomplete LI A.ui-state-hover,
.ui-autocomplete LI A.ui-state-active,
.ui-autocomplete LI A.ui-state-focus { background-color: #cce9f9; }
.ui-autocomplete LI A SPAN.line1 { display: block; overflow: hidden; text-overflow: ellipsis; line-height: 16px; font-weight: bold; }
.ui-autocomplete LI A SPAN.line2 { display: block; overflow: hidden; text-overflow: ellipsis; line-height: 16px; font-size: 12px; margin-bottom: -3px; }
.search01 .ui-autocomplete-loading { background-image: url(loader05.gif) !important; background-repeat: no-repeat !important; background-position: 150px 3px !important; }

/* 2. Tables */

TABLE TD.expandable { font-weight: bold; }
TABLE TR.details TD.container { text-align: center; }
TABLE TR.details TD.container P { text-align: left; }
TABLE TR.details-mobile {  }
TABLE TR.details-mobile > TD { background-color: #e7f7fa; }
TABLE DIV.detailcols DIV.detailcol { display: inline-block; width: 31%; margin: 0 1.333% 0 0; text-align: left; vertical-align: top; }
TABLE DIV.detailcols DIV.detailcol:first-child:nth-last-child(1) { width: 48%; }
TABLE DIV.detailcols DIV.detailcol:first-child:nth-last-child(2),
TABLE DIV.detailcols DIV.detailcol:first-child:nth-last-child(2) ~ .detailcol { width: 49%; float: left; margin-right: 2%; }
TABLE DIV.detailcols DIV.detailcol:first-child:nth-last-child(3),
TABLE DIV.detailcols DIV.detailcol:first-child:nth-last-child(3) ~ .detailcol { width: 32%; float: left; margin-right: 2%; }
TABLE DIV.detailcols DIV.detailcol:last-child { margin-right: 0 !important; }
TABLE DIV.detailcols DIV.detailcol:first-child:nth-last-child(4),
TABLE DIV.detailcols DIV.detailcol:first-child:nth-last-child(4) ~ .detailcol { width: 23.5%; float: left; margin-right: 2%; }
TABLE TD.type01 { font-weight: bold; }
TABLE TD.type01 I { font-weight: 400; font-style: normal; color: #aaa; display: inline-block; }
TABLE TD.type01 A:hover I { text-decoration: underline; }
TABLE TD.type01 DIV { font-weight: 400; }

DIV.col02 TABLE TD { border-width: 1px 0 0 0; border-color: #dadada; padding-right: 0; }
DIV.col02 TABLE TR:first-child TD { border-top: none; padding-top: 0; }
DIV.col02 TABLE TR:last-child TD { padding-bottom: 0; }
DIV.col02 TABLE TD:first-child { padding-left: 0; }
DIV.col02 TABLE TR:hover,
DIV.col02 TABLE TR { background: transparent !important; }
DIV.col02 TABLE TD.type01 I { display: block; }

.v11 .col02 TABLE TD,
.v11 .col02 TABLE TH { border-width: 1px 0 0 0; border-color: #dadada; padding-right: 0; }
.v11 .col02 TABLE TR:first-child TD,
.v11 .col02 TABLE TR:first-child TH { border-top: none; padding-top: 0; }
.v11 .col02 TABLE TR:last-child TD,
.v11 .col02 TABLE TR:last-child TH { padding-bottom: 0; border-bottom: none; }
.v11 .col02 TABLE TD:first-child { padding-left: 0; }
.v11 .col02 TABLE TR:hover,
.v11 .col02 TABLE TR { background: transparent !important; }

TABLE.responsive-table TR.d-bordert2 { border-top: 2px solid #e0e0e0; }
TABLE.responsive-table .desktop-no-expand { background-image: none; font-weight: 600 !important; cursor: text; }

/* Notifications listing */

UL.favorites02 { padding: 15px; margin: 0 -15px -15px -15px; list-style: none; line-height: 14px; max-height: 215px; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
UL.favorites02 LI { border: none; padding: 5px 0 5px 31px !important; margin: 0; display: block; background: transparent !important; overflow: hidden; position: relative; }
UL.favorites02 LI A.main { display: block; padding: 0; margin: 0; font-weight: 600; }
UL.favorites02 LI A.main.important { color: #fc3a30; }
UL.favorites02 LI A.main.important:before { color: #fff; background-color: #fc3a30; }
UL.favorites02 LI A.main:before { position: absolute; left: 0; top: 4px; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; overflow: hidden; display: block; border-radius: 50%; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; color: #fff; background: #b2b2b2; }
UL.favorites02 LI A.main SPAN { display: block; }
UL.favorites02 LI A.main SPAN.a { font-weight: 600; }
UL.favorites02 LI A.main SPAN.b { font-size: 12px; }
UL.favorites02 LI .meta { font-size: 12px; }
UL.favorites02 LI .delete { float: right; display: none; }
UL.favorites02 LI:hover .delete { display: block; }
UL.favorites02 .ico01:before { content: "\e009"; }
UL.favorites02 .ico02:before { content: "\e009"; }
UL.favorites02 .ico03:before { content: "\e009"; }
UL.favorites02 .ico04:before { content: "\e012"; }
UL.favorites02 .ico05:before { content: "\e00b"; }
UL.favorites02 .ico06:before { content: "\e016"; }
.nofontface UL.favorites02 .ico01:before { content: "\2003"; background-image: url(../fonts/icons_white/notification.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.nofontface UL.favorites02 .ico02:before { content: "\2003"; background-image: url(../fonts/icons_white/notification.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.nofontface UL.favorites02 .ico03:before { content: "\2003"; background-image: url(../fonts/icons_white/notification.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.nofontface UL.favorites02 .ico04:before { content: "\2003"; background-image: url(../fonts/icons_white/computer.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.nofontface UL.favorites02 .ico05:before { content: "\2003"; background-image: url(../fonts/icons_white/message.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.nofontface UL.favorites02 .ico06:before { content: "\2003"; background-image: url(../fonts/icons_white/calendar.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }

H2.type01,
H3.type01 { background: #f5f5f5; padding: 8px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 20px 0 0 0; font-size: 18px; }
H2.type02,
H3.type02 { overflow: hidden; line-height: normal; /*background: url(bg22.png) 0 100% repeat-x; padding-bottom: 15px;*/ border-bottom: 1px solid #eee; padding-bottom: 10px; }
H2.type02 SPAN.a,
H3.type02 SPAN.a { float: left; font-size: 34px; line-height: 34px; margin: 0 10px -5px 0; }
H2.type02 SPAN.b,
H3.type02 SPAN.b { float: left; font-size: 15px; line-height: 16px; font-weight: 600; }
H2.type03,
H3.type03 { background: #cce9f9; margin: 20px 0 0 0; font-size: 18px; font-weight: bold; color: #000; padding: 11px 15px; }

TABLE.type01 TH { border-left: none !important; border-right: none !important; }
TABLE.type01 TH:first-child { padding-left: 10px; }
TABLE.type01 TD { border-width: 1px 0 !important; padding: 5px 10px 5px 0; }
TABLE.type01 TD.input { padding: 1px; }
TABLE.type01 TD:first-child { padding-left: 10px; }
TABLE.type01 TD.type01 I { display: block; color: #888; }
TABLE.type01 TD.type02 { font-weight: 600; }
TABLE.type01 TD.type02 I { font-weight: 400; color: #888; font-style: normal; white-space: nowrap; }
TABLE.type01 TR.level2 TD { background: #f5f5f5; }
TABLE.type01 A.cards { float: right; font-weight: 400; }
TABLE.type01 A.cards:before { content: "\e015"; width: 24px; height: 24px; display: block; float: left; font-size: 24px; line-height: 24px; overflow: hidden; margin: -5px 5px -5px 0; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.nofontface TABLE.type01 A.cards:before { content: "\2003"; background-image: url(../fonts/icons_blue/card.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }

/* 27. Frontpage blocks */

DIV.frontblocks01 { margin: 0 -20px 0 0; }
DIV.frontblocks01 .mainheading { margin-top: 0; }
DIV.frontblocks01 DIV.block { float: left; width: 33.333%; padding: 20px 20px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
DIV.frontblocks01 DIV.block.preview { padding-top: 0; width: 100%; }
DIV.frontblocks01 DIV.block DIV.box01 { margin: 0; }
DIV.frontblocks01 DIV.block DIV.box01a { border: none; background: #f3f3f3; padding: 0 15px 15px 15px; }
DIV.frontblocks01 DIV.block DIV.box01b { height: 200px; }
DIV.frontblocks01 DIV.block.wide DIV.box01b { height: auto; }
DIV.frontblocks01 DIV.block H3 { margin: -15px -15px 0 -15px; padding: 11px 15px; color: #fff; background: #e6e6e6; font-weight: 600; font-size: 18px; line-height: normal; }
DIV.frontblocks01 DIV.box04 { margin: 0; }
DIV.frontblocks01 DIV.block DIV.preview { position: absolute; left: 0; right: 20px; z-index: 5; padding: 0 0 20px 0; }
DIV.frontblocks01 DIV.block DIV.preview DIV.blockcontent { background: #fff; overflow: hidden; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.9); padding: 0 14px 14px 14px; border: 1px solid #eee; }
DIV.frontblocks01 DIV.block.wide { width: 100%; }
DIV.frontblocks01 DIV.block.wide DIV.preview DIV.blockcontent TABLE { margin: 15px 0 0 0; }
DIV.frontblocks01 DIV.block.wide DIV.preview DIV.blockcontent TABLE:first-child TR:first-child TH { border-top-width: 0; }
DIV.frontblocks01 DIV.block.wide DIV.preview DIV.blockcontent TABLE TR:first-child TH { border-top-width: 1px; }

DIV.frontblocks01 P.info { font-size: 18px; }
DIV.frontblocks01 P.info SPAN.b { font-size: 12px; }
DIV.frontblocks01 P.expander { margin: 2px 0 0 0; }
DIV.frontblocks01 P.expander A { display: block; color: #000; font-weight: 600; padding: 13px 15px; text-decoration: none; background: #f2f2f2; position: relative; }
DIV.frontblocks01 P.expander A:before { content: "\e011"; width: 20px; height: 20px; display: block; float: left; color: #000; font-size: 20px; line-height: 20px; overflow: hidden; margin: -2px 5px -3px 0; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.nofontface DIV.frontblocks01 P.expander A:before { content: "\2003"; background-image: url(../fonts/icons/down.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
DIV.frontblocks01 P.expander A SPAN.b,
DIV.frontblocks01 P.expander A SPAN.c { display: none; }
DIV.frontblocks01 P.expander A.ico-loading:before { color: #aaa; }
DIV.frontblocks01 P.expander A.mediaopen:before { content: "\e001"; }
.nofontface DIV.frontblocks01 P.expander A.mediaopen:before { content: "\2003"; background-image: url(../fonts/icons/up.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
DIV.frontblocks01 P.expander A.mediaopen SPAN.a { display: none; }
DIV.frontblocks01 P.expander A.mediaopen SPAN.c { display: inline; }
DIV.frontblocks01 DIV.userpic { float: left; width: 100px; position: relative; z-index: 1; margin: 13px 0 0 0; }
DIV.frontblocks01 DIV.userpic A { display: block; position: relative; }
DIV.frontblocks01 DIV.userpic A SPAN { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; color: #fff; background: url(bg01.png); padding: 2px; text-decoration: underline; }
.notouch DIV.frontblocks01 DIV.userpic A SPAN { display: none; }
.notouch DIV.frontblocks01 DIV.userpic A:hover SPAN { display: block; }
DIV.frontblocks01 DIV.usertxt { float: left; width: 100%; padding: 0 0 0 115px; margin: 0 0 0 -100px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
DIV.frontblocks01 DIV.usertxt H1 { margin: 10px 0 0 0; }
DIV.frontblocks01 DIV.usertxt P.meta { margin: 0; }
DIV.frontblocks01 DIV.usertxt DIV.info { margin: 13px 0 0 0; font-size: 15px; line-height: 18px; }
DIV.frontblocks01 DIV.usertxt DIV.info P { margin: 0; }
DIV.frontblocks01 DIV.usertxt DIV.info P.right { font-weight: 600; }
DIV.frontblocks01 DIV.usertxt DIV.info P SPAN.f-left { padding-right: 10px; font-weight: 400; }
DIV.frontblocks01 DIV.usertxt DIV.info P.total SPAN.a { display: block; font-size: 38px; line-height: 36px; margin: 0; font-weight: 600; }
DIV.frontblocks01 DIV.usertxt DIV.info P.total SPAN.b { display: block; }
DIV.frontblocks01 DIV.usertxt DIV.info DIV.col { float: left; margin: 0; padding: 0 15px; border-left: 2px solid #fff; max-width: 40%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
DIV.frontblocks01 DIV.usertxt DIV.info DIV.col:first-child { padding-left: 0; border: none; max-width: 100%; }
DIV.frontblocks01 DIV.usertxt DIV.info DIV.chart { float: left; margin-right: 0; }
DIV.frontblocks01 DIV.usertxt DIV.info DIV.gauge { float: left; margin: 0 10px 0 0; }

.frontcol01 { float: left !important; }
.frontcol02 { float: right !important; }

/* 30. Fake selects */

DIV.select01login { margin-left: 50px !important; overflow: visible !important; }
DIV.select01login:before { content: "\e00d"; width: 24px; height: 24px; display: block; float: left; color: #000; background: #fff; font-size: 24px; line-height: 24px; overflow: hidden; margin: 2px 10px 0 -30px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; z-index: -1; text-indent: 0; }
.nofontface DIV.select01login:before{ content: "\2003"; background-image: url(../fonts/icons/lock.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }

/* Compact offers */

P.offer01 { background: #e6f4dc; padding: 8px 10px 8px 34px; border: solid #bfd1b2; border-width: 1px 0; position: relative; }
P.offer01:before { content: "\e005"; width: 16px; height: 16px; display: block; position: absolute; left: 10px; top: 9px; color: #fff; background: #262626; border-radius: 50%; font-size: 16px; line-height: 16px; overflow: hidden; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.nofontface P.offer01:before { content: "\2003"; background-image: url(../fonts/icons_white/right.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }

/* V11 styles */

DIV.msg-auth { background: #f2f2f2; padding: 0 200px 20px 15px; overflow: hidden; margin: 20px 0 0 0; position: relative; min-height: 170px; }
DIV.msg-auth:before { content: "\e00d"; position: absolute; display: block; top: 20px; right: 20px; width: 150px; height: 150px; font-size: 150px; line-height: 150px; text-align: center; overflow: hidden; border-radius: 50%; font-family: 'sebicons'; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; color: #bfbfbf; background: #fff; }
.nofontface DIV.msg-auth:before { content: "\2003"; background-image: url(../fonts/icons/lock.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
DIV.msg-auth H1 { margin: 0; }
DIV.msg-auth P.heading { margin: 20px 0 0 0; font-size: 20px; line-height: 24px; font-weight: 600; }
DIV.msg-auth P.heading SPAN.label { float: left; margin: 4px 10px 0 0; }
DIV.msg-auth P.heading INPUT.code { margin-top: 10px; float: left; background: #fff; }
DIV.msg-auth SPAN.tag2 { clear: both; float: left; background: #fff url(codes/codemissing.gif) 50% 50% no-repeat; margin: 10px 2% 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
DIV.msg-auth SPAN.tag2 SPAN { border: 2px solid #ccc; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-position: 50% 50%; background-repeat: no-repeat; }
DIV.msg-auth SPAN.tag2 SPAN SPAN { width: 43px; height: 32px; overflow: hidden; border: none; }
DIV.msg-auth-pincalc1 P.heading SPAN.label,
DIV.msg-auth-pincalc2 P.heading SPAN.label,
DIV.msg-auth-pincalc3 P.heading SPAN.label { margin: 14px 10px 0 0; }

/* 35. Breadcrumb */

UL.pathrow { margin: 20px 0 0 0; padding: 0; overflow: hidden; zoom: 1; font-size: 15px; font-weight: 600; }
UL.pathrow LI { float: left; margin: 0 10px 0 0; background: transparent; padding: 0; }
UL.pathrow LI:before { content: "/"; display: block; float: left; margin: 0 10px 0 0; color: #a6a6a6; font-weight: 400; }
UL.pathrow LI:first-child:before { display: none; }

/* Advanced calculator */

DIV.calculator02 .columns { margin: 0 -20px 0 0; position: relative; }
DIV.calculator02 DIV.col { float: left; width: 33.333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 20px 0 0; }
DIV.calculator02 DIV.col.chart { font-size: 14px; position: static; }
DIV.calculator02 DIV.col.chart .holder { position: absolute; top: 50%; transform: translateY(-50%); width: 33.333%; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
DIV.calculator02 UL.details + H2 { margin-top: 50px; }