@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Light-webfont.woff') format('woff'),url('fonts/Roboto-Light-webfont.ttf') format('truetype'),url('fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Regular-webfont.woff') format('woff'),url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),url('fonts/Roboto-Regular-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'FontArtMetro';
	src:url('fonts/FontArtMetro.eot?smr018');
	src:url('fonts/FontArtMetro.eot?#iefixsmr018') format('embedded-opentype'),url('fonts/FontArtMetro.woff?smr018') format('woff'),url('fonts/FontArtMetro.ttf?smr018') format('truetype'),url('fonts/FontArtMetro.svg?smr018#FontArtMetro') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

.art-body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 75%; /* 12px */
    display: flex;
    flex-direction: column;
    height: 100%;
}
.art-body > form {
    flex-grow: 1;
}
.art-body > footer {
    
}
/* All elements/classes that should have "site width" and being centered */
.site-width,
.RadMenu_Artologik_Top .rmRootGroup,
.RadMenu_Artologik_SingleTop .rmRootGroup,
.RadMenu_Artologik_Sub .rmRootGroup,
#site-body.start > .siteCSS,
#site-body.start .cnp > .siteCSS,
#site-body.start .cnpBtm2Col,
#site-body #s3slider,
.nav-toggler {
    margin: 0 auto;
	width: 984px;
    box-sizing:border-box;
}

#site-body.start .cnpBtm2Col > .siteCSS {
    padding: 0;
    width: 48%;
}
/* Special case for ".siteCSS.theme21" -> "Artologik - Full browser width" */
.browser-width,
#site-body .cnp > .siteCSS.theme21 {
    padding: 0;
    margin: 0;
    max-width: none; /* Reset ".site-width" */
    width: 100%; /* Reset ".site-width" */
}
/* Special case for ".siteCSS" insiede ".cnpBtm2Col" that only uses half the page width */
#site-body .cnpBtm2Col > .siteCSS {
    float: left;
    width: 48.17073170731707%; /* 474 / 984 */
}
#site-body .cnpBtm2Col > .siteCSS:first-child + .siteCSS, /* For IE8 */
#site-body .cnpBtm2Col > .siteCSS + .siteCSS:nth-child(odd) {
    float: right;
}
/* Navigation : Basic layout for navigation */
ul.nav,
ul.nav li,
.nav ul,
.nav ul li {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}
ul.nav.horizontal:before,
ul.nav.horizontal:after,
.nav.horizontal > ul:before,
.nav.horizontal > ul:after { content: ""; display: table; }
ul.nav.horizontal:after,
.nav.horizontal > ul:after { clear: both; }
ul.nav.horizontal,
.nav.horizontal > ul { zoom: 1; }
ul.nav.horizontal > li,
.nav.horizontal > ul > li {
    float: left;
}
/*
* MasterPage features / COMMON
*/
.site-context-menu {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.skip a {
	background: #000;
	color: #fff;
	left: -999em;
	padding: 1.5em;
	position: absolute;
	top: -999em;
	z-index: 3;
}
.skip a:hover, .skip a:focus, .skip a:active {
	left: 0;
	top: 0;
}
.art-body .structural {
    position: absolute; 
}
/* HELPER Classes */
.clickable { cursor:pointer !important; }
/* COMMON : Forms */
.inpWrp { padding-right: 5px; }
.inpWrp input { diplay:block; width: 100%; }
/* input(100%) + Btn on the same row */
table.inp-w-btn td {
    vertical-align: top;
}
.inp-w-btn .btn,
.inp-w-btn input.btn {
    margin-left: 1em;
}
/* Buttons */
.btn,
.siteCSS a.btn {
    border-style: solid;
    border-width: 1px;
    -moz-box-sizing:border-box; /* Firefox */
        box-sizing: border-box;
}
/* Button animation : START */
.text-ind-anim{
    overflow: hidden;
    cursor: wait !important;
    -webkit-animation:TextIndent 2s infinite; /* Safari and Chrome */
    animation:TextIndent 2s infinite;
}
@keyframes TextIndent {
    0%   {text-indent: -200px;}
    50%  {text-indent: 0;}
    100% {text-indent: 200px;}
}
@-webkit-keyframes TextIndent { /* Safari and Chrome */
    0%   {text-indent: -200px;}
    50%  {text-indent: 0;}
    100% {text-indent: 200px;}
}
/* Button animation : START */

/* COMMON : Custom select box */
.custom-select {
	display: inline-block; /* Reminder : Changed from "block" when implementing sticky header */
	position: relative;
	z-index: 1000; /* Must lower than 'modal windows' */
}
.custom-select select {
	border: 0;
	filter: alpha(opacity=0);
	margin: 0;
	opacity: 0;
	position: relative;
	width: 100%;
	z-index: 1002;
    margin-top: 2px;
    padding: 0 0.3em;
}
.custom-select .fake-select {
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1001;
    border-bottom: 1px solid #bababc;
}
.custom-select .fake-select > span {
	background: transparent url('../../documents/artologik/images/m-lang-select.png') no-repeat 100% 0%;
	color: #9a9b9f;
	display: block;
	font-weight: bold;
	padding: 0 16px 3px 0; /* Make room for the DropDown Icon */
	text-align: center;
    position:relative;
}
.custom-select .fake-select > span:after {
	content: "";
    display: block;
    position:absolute;
    right: 13px;
    top: 0;
    bottom: -1px;
    width: 1px;
    border-left: 4px solid #fff;
    background-color: transparent;
}
.custom-select .fake-select span span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    padding: 0.05em 0.7em 0 0.6em;
}
/* COMMON : Clickable Modal Images */
a.modalImg {
    cursor: help;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}
a.modalImg img {
    -webkit-box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.7);
	   -moz-box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.7);
	        box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.7);
}
/* COMMON : Mobile Phone links */
a[href^='tel'],
a.m-tel {
    text-decoration: none !important;
    cursor: text !important;
}
/* COMMON : Base css for all definitions using FontArtMetro Icon (fontafter) */
.art15-01 .cnp .newsWrp .custom1 a:before,
.st-4col-h2-p .grid-unit > h2:before,
.ig-itm > div:before,
.ig-itm > div:after,
.ig-sa:before,
.ig-i:before,
.ig-bnr > a:before,
.ig-bnr > a:after,
.i-wrp a:before, /* "artologik-start-shortcuts", "artologik-c-try-site", "artologik-c-try-site-compact" */
.allow-cookies .siteCSS.theme0 p:before,
.ct-cust-ref > .cr-text > a.link1:after,
.RadMenu_Artologik_SingleTop.navExpanded .rmItem > .rmLink:before,
.RadMenu_Artologik_SingleTop .rmItem > .rmLink > .rmBtnTgl:after,
.RadMenu_Artologik_SingleTop.navExpanded .rmItem.rmCurrentParent > .rmLink > .rmText:after,
.RadRespMenuTop.navExpanded .rmItem > .rmLink:before,
.RadRespMenuTop.navExpanded .rmItem > .rmLink:after,
.RadRespMenuTop .rmItem > .rmLink > .rmBtnTgl:before,
.RadRespMenuTop .rmItem > .rmLink > .rmBtnTgl:after,
.RadRespMenuTop.navExpanded .rmItem.rmCurrentParent > .rmLink > .rmText:after,
.product-selection.nav.horizontal > li.artologik > a:hover:after,
.artologik .product-selection.nav.horizontal > li.artologik > a:after,
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li > a:after,
.product-selection.nav.horizontal > li > a:before,
.arto .custom-select .fake-select > span > span:after,
#header-product-name > a:before,
.video-item-img:before,
.video-item.highlight-video-onload:after,
.footer-template .search-form #search-btn::before,
.artisan-start-products .read-more::after {
    font-family: 'FontArtMetro';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: left;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    text-decoration: none !important;
}
.i-wrp a:hover:before {
    text-decoration:none !important;
}
/* COMMON : Layout for table (using the class ".table") */
.table {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background: transparent;
    margin-bottom:1.5em;
}
.table > tbody > tr > th,
.table > tbody > tr > td {
    padding: 8px;
    line-height:1.357142857142857; /* <p> -> 14 / 19 */
    vertical-align: top;
    border-top: 1px solid #ddd;
}
/* - Specific Table : .table-checklist */
.table.table-checklist > tbody.thead > tr > td,
.table.table-checklist > tbody.thead > tr > td * {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
    text-align: center !important;
    border-top: none !important;
    margin-bottom: 0 !important;
}
.table.table-checklist > tbody > tr > td,
.table.table-checklist > tbody > tr > td * { margin:0 !important; }
.table.table-checklist > tbody > tr > td * { padding:0 !important;}
.table.table-checklist > tbody > tr > td:not(:first-child) { width:1%; }
.table.table-checklist > tbody > tr > td:nth-child(even),
.table.table-checklist > tbody > tr > td + td + td:nth-child(even) { background-color:#f2f2f2; }
.table.table-checklist > tbody > tr > td:last-child { background-color:transparent; } /* Avoid the "Header rows" with only two cells */
/* -- "Header"-cell (asuming the first cell is using <b> or <strong>) */
.table.table-checklist > tbody > tr > td:first-child b,
.table.table-checklist > tbody > tr > td:first-child strong {
    display:inline-block;
    margin-top:1em !important;
}
/* -- Cells containing the "Check"-symbol */
.table.table-checklist > tbody:not(.thead) > tr > td:not(:first-child),
.table.table-checklist > tbody:not(.thead) > tr > td:not(:first-child) * {
    font-weight: bold !important;
    font-size: 16px !important;
    color: #19A026 !important;
    text-shadow: 1px 0px 0px rgba(23, 147, 35, 1);
}
/* -- Hovering rows */
.table.table-checklist > tbody:not(.thead) > tr:hover { background:#f2f2f2; }
.table.table-checklist > tbody:not(.thead) > tr:hover > td:nth-child(even),
.table.table-checklist > tbody:not(.thead) > tr:hover > td + td + td:nth-child(even) { background-color:#e7e7e7; }
.table.table-checklist > tbody:not(.thead) > tr:hover > td:last-child { background-color:#f2f2f2; } /* Avoid the "Header rows" with only two cells */

/* COMMON : Responsive table (E.g. "artologik-start-h2-txt-img-dyn-width.htm") */
.resp-tbl {
    display:table;
}
.resp-tbl .resp-tbl-cell {
    display:table-cell;
    vertical-align:top;
}

/*
* Header 
*/
#site-header {
	background: #ffffff none no-repeat 50% 0%;
    z-index: 1;
}
#site-header-inner {
    background: #ffffff none no-repeat 0% 0%;
    position: relative;
}
/* - Site header tools (Only Artologik site) */
#site-header-tools {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index:10; /* Higher than #site-header-img-fade */
}
.arto #site-header-tools {
    border-bottom:solid 1px #8a8b8e;
    border-bottom-width:0;
}
.arto #site-header:before {
    content:"";
    display:block;
    position:relative;
    top:31px;
    right:0;
    left:0;
    height:1px;
    background-color:#8a8b8e;
    margin-top:-1px;
}
/* - "Go to top"-link only visible in "stuck" header */
.arto #go-to-top {
    display:none;
    opacity: 0;
    margin-right: 1.5em;
    text-decoration: none;
    margin-top:-1px;
    position: relative;
    top: -1px;
    font-size:13px;
    font-weight:bold;
}
.arto .is-stuck #go-to-top { display: inline-block; opacity: 0.8; }
.arto #go-to-top:hover {
    opacity: 1;
}
.arto #go-to-top:after {
    content: "";
    background: transparent url('../../documents/artologik/images/go-to-top-sprites.png') no-repeat 0 0;
    display: inline-block;
    width: 10px;
    height: 9px;
    vertical-align: middle;
    margin:0 0 0 0.7em;
}
.helpdesk #go-to-top:after        { background-position: 0 -9px; } /* Product-Specific */
.surveyandreport #go-to-top:after { background-position: 0 -18px; }
.ezbooking #go-to-top:after       { background-position: 0 -27px; }
.projectmanager #go-to-top:after  { background-position: 0 -36px; }
.time #go-to-top:after            { background-position: 0 -45px; }
.webpublish #go-to-top:after      { background-position: 0 -54px; }
/* "Go-to-top"-link on Artisan/Astrakan */
.artisan #go-to-top,
.astrakan #go-to-top {
    display: inline-block;
    display: none;
    color: #a1a1a1;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: -2.8em;
    text-decoration: none;
}
.artisan #go-to-top:hover,
.astrakan #go-to-top:hover {
    opacity: 1;
}
.artisan #go-to-top:after,
.astrakan #go-to-top:after {
    content: "";
    background: transparent url('../../documents/artologik/images/go-to-top.png') no-repeat 0% 0%;
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: middle;
    margin: 0 0 -0.2em 0.3em;
}
/* - Language selection */
.language-selection.ddl,
.language-selection.nav.horizontal {
    float: right;
    height: 16%;
    padding-top: 0.5em;
    padding-right: 0.8em;
    padding-bottom: 1.05em;
}
.language-selection.ddl {
    display: none; 
    padding-right: 0;
}
.language-selection.nav.horizontal > li {
    display: inline;
    float: none;
    margin: auto 0.3em; 
}
.language-selection.nav.horizontal > li.first {
    margin-left: 0; 
}
.language-selection.nav.horizontal > li.last {
    margin-right: 0; 
}
.language-selection.nav.horizontal > li > a {
    border-bottom: solid 1px #d6d6d6;
    color: #c4c4c4;
    display: inline-block;
    font-size: 0.92em;
    padding: 0 0.5em 0.3em 0.5em;
    text-decoration: none;
}
.language-selection.nav.horizontal > li > a:hover,
.language-selection.nav.horizontal > li > a.selected {
    border-bottom-color: #bababc;
    color: #9a9b9f;
}
.artisan .is-stuck .language-selection,
.astrakan .is-stuck .language-selection {
    display: none !important;
}
/* - Product selection */
.product-selection.nav.horizontal {
    border-bottom:solid 1px #8a8b8e;
    background-color:#fff;
}
.product-selection.nav.horizontal {
    float:left;
    position:relative;
}
.arto .language-selection.ddl {
    display:block;
    height:auto;
    padding:0;
}
.product-selection.nav.horizontal > li {
    position:relative;
}
.product-selection.nav.horizontal > li > a,
.arto .custom-select .fake-select span span,
.arto .custom-select .fake-select > span > span:after,
.arto .custom-select select {
    font-size:13px;
    font-weight:normal;
    padding:0;
    margin:0;
    line-height: 30px;
    height: 30px;
}
.product-selection.nav.horizontal > li > a,
.arto .custom-select .fake-select span span {
    display: inline-block;
    text-align:center;
    text-decoration: none;
}
.arto .custom-select .fake-select span span {
    font-weight:bold;
    padding-left:4px;
}
.arto.artologik .custom-select .fake-select span span {
    font-weight:normal;
}
.arto.artologik .is-stuck .custom-select .fake-select span span {
    font-weight:bold;
}
.product-selection.nav.horizontal > li > a {
    color: #c9c9c9;
    border:solid 0 #e8e8e8;
    border-width:0 0 0 1px;
    position:relative;
}
.product-selection.nav.horizontal > li:last-child > a {
    border-right-width:1px;
}
.product-selection.nav.horizontal > li > a > span {
    text-indent: -9999px;
    display:inline-block;
}
.product-selection.nav.horizontal > li > a:before {
    content: " ";
    display: inline-block;
    width: 43px;
    text-align: center;
    vertical-align: -3px;
    font-size: 15px;
}
/* - Product specific */
.product-selection.nav.horizontal > li.artologik > a                { background:transparent url('../../documents/artologik/images/header16/logo-artologik-76px.png') no-repeat 50% 5px; }
.product-selection.nav.horizontal > li.artologik > a:before         { content: ""; font-family:Arial; font-weight:700; width:101px; }
.product-selection.nav.horizontal > li.helpdesk > a:before          { content: "\e623"; }
.product-selection.nav.horizontal > li.surveyandreport > a:before   { content: "\e624"; text-indent:4px; }
.product-selection.nav.horizontal > li.ezbooking > a:before         { content: "\e625"; }
.product-selection.nav.horizontal > li.projectmanager > a:before    { content: "\e09b"; }
.product-selection.nav.horizontal > li.time > a:before              { content: "\e626"; }
.product-selection.nav.horizontal > li.webpublish > a:before        { content: "\e627"; }

.product-selection.nav.horizontal > li > a:hover,
.artologik .product-selection.nav.horizontal > li.artologik > a,
.helpdesk .product-selection.nav.horizontal > li.helpdesk > a,
.surveyandreport .product-selection.nav.horizontal > li.surveyandreport > a,
.ezbooking .product-selection.nav.horizontal > li.ezbooking > a,
.projectmanager .product-selection.nav.horizontal > li.projectmanager > a,
.time .product-selection.nav.horizontal > li.time > a,
.webpublish .product-selection.nav.horizontal > li.webpublish > a {
    color:#fff;
}
/* - Faded header-tools bottom border */
.product-selection.nav.horizontal > li:last-child:after,
.arto .custom-select .fake-select:before {
    content:"";
    position:absolute;
    bottom:-1px;
    display:block;
    height:1px;
    background:transparent url('../../documents/artologik/images/header16/header-tools-btm-brd-long.png') no-repeat 100% 0%;
}
.product-selection.nav.horizontal > li:last-child:after {
    left:43px; /* Same as ... "li > a:before"-width */
    width:180px;
}
.arto .custom-select .fake-select:before {
    background-image: url('../../documents/artologik/images/header16/header-tools-btm-brd-short.png');
    background-position:100% 0%;
    right:0;
    width:75px;
}

.helpdesk .product-selection.nav.horizontal > li:last-child:after           { background-position:100% -1px; }
.surveyandreport .product-selection.nav.horizontal > li:last-child:after    { background-position:100% -2px; }
.ezbooking .product-selection.nav.horizontal > li:last-child:after          { background-position:100% -3px; }
.projectmanager .product-selection.nav.horizontal > li:last-child:after     { background-position:100% -4px; }
.time .product-selection.nav.horizontal > li:last-child:after               { background-position:100% -5px; }
.webpublish .product-selection.nav.horizontal > li:last-child:after         { background-position:100% -6px; }

.helpdesk.arto .custom-select .fake-select:before           { background-position:100% -1px; }
.surveyandreport.arto .custom-select .fake-select:before    { background-position:100% -2px; }
.ezbooking.arto .custom-select .fake-select:before          { background-position:100% -3px; }
.projectmanager.arto .custom-select .fake-select:before     { background-position:100% -4px; }
.time.arto .custom-select .fake-select:before               { background-position:100% -5px; }
.webpublish.arto .custom-select .fake-select:before         { background-position:100% -6px; }

.product-selection.nav.horizontal > li.artologik > a:hover:after,
.artologik .product-selection.nav.horizontal > li.artologik > a:after,
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li > a:after {
    content:"\e3b4";
    display:block;
    position:absolute;
    left:50%;
    bottom:-6px;
    font-size: 16px;
    margin-left:-8px;
    color:#8a8b8e;
}
.helpdesk #site-header .product-selection.nav.horizontal > li.helpdesk > a:after,
.surveyandreport #site-header .product-selection.nav.horizontal > li.surveyandreport > a:after,
.ezbooking #site-header .product-selection.nav.horizontal > li.ezbooking > a:after,
.projectmanager #site-header .product-selection.nav.horizontal > li.projectmanager > a:after,
.time #site-header .product-selection.nav.horizontal > li.time > a:after,
.webpublish #site-header .product-selection.nav.horizontal > li.webpublish > a:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:-1px;
    bottom:0;
    width:0;
    z-index:2;
    border-right: solid 1px #7b7b7b;
}
.arto .custom-select select {
    margin-top:0;
    width:78px; /* Length for English which is default */
}
/* - Language specific - To get correct "right-padding" for each selected language in the fake-select */
.arto.fr .custom-select select { width:84px; }
.arto.de .custom-select select { width:80px; }
.arto.es .custom-select select { width:81px; }
.arto.se .custom-select select { width:83px; }

.arto .is-stuck .custom-select select { width:73px; } /* -5px in "stuck" header */
.arto.fr .is-stuck .custom-select select { width:79px; }
.arto.de .is-stuck .custom-select select { width:75px; }
.arto.es .is-stuck .custom-select select { width:76px; }
.arto.se .is-stuck .custom-select select { width:78px; }

/* - Reset ".fake-select" default definitions, made for the other web sites */
.arto .custom-select .fake-select {
    border-bottom: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    padding:0;
    bottom:0;
}
.arto .custom-select .fake-select > span {
    background: transparent none no-repeat 100% 0%;
    display: block;
    font-weight: bold;
    padding: 0;
    text-align: left;
    position: relative;
}
.arto .custom-select .fake-select > span:after {
    display: none;
}
.arto .custom-select .fake-select > span > span:after {
    content: "\e3b6";
    color:#fff;
    display: inline-block;
    background-color: #8a8b8e;
    position: absolute;
    right: 0;
    width: 19px;
    text-align: center;
}
/* - Product selection - INSIDE RESPONSIVE NAV (Overriding defualt values for Product selection inside #site-header-tools) */
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal {
    float:none;
    display:none;
    border-bottom:none !important;
}
.product-selection.nav.horizontal > li.product-selection-header{
    display:block;
    float:none;
    background-color: #999999;
    border:solid 0 #555555;
    border-width:1px 0;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    color: #4a4a4a;
    padding: 5px;
}
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li             { width:13%; } /* 13% x 5 products */
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.artologik   { width:35%; }
.se .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li             { width:12%; } /* 12% x 6 products */
.se .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.artologik   { width:28%; }
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.product-selection-header {
    width:auto;
}
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li > a {
    border-color:#969696;
    line-height:45px; /* Same as total height of RESP NAV Item height */
    height:45px;
    display: inline-block;
    width: 100%;
}
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.product-selection-header > a {
    border-width:0;
}
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.artologik > a {
    background-position:50% 12px;
    border-left-width:0;
}
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li:last-child > a {
    border-right-width:0;
}
/* - Product icon */
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li > a:before {
    width:100%;
    color:#eaeaea; /* Make the icons look the same as the "white" bg-image used for Artologik-link */
}
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.artologik > a,
.artologik .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.artologik > a {
    background-image:url('../../documents/artologik/images/header16/logo-artologik-76px-white.png');
}
/* - Little arrow up (selected/hover) */
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li > a:after {
    bottom:-6px;
    color:#fff !important;
    display:none;
}
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li > a:hover:after,
.artologik .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.artologik > a:after,
.helpdesk .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.helpdesk > a:after,
.surveyandreport .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.surveyandreport > a:after,
.ezbooking .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.ezbooking > a:after,
.projectmanager .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.projectmanager > a:after,
.time .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.time > a:after,
.webpublish .RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li.webpublish > a:after {
    display:block;
}
/* - Header image */
.arto #site-header-img {
    padding-top:0;
    opacity:1;
    padding-left:340px; /* Adjusted för PM Name and Image */
}
.arto #site-header-img img {
    float:right;
}
/* - Header image - Special case: Survey&Report, diving-girl-hands */
#site-header-img > span {
    float:right;
    line-height: 0;
    font-size: 0;
    position: relative;
    float: right;
}
.surveyandreport #site-header-img > span:after {
    content: "";
    position: absolute;
    top: 6.6666666666%;
    bottom: -6.6666666666%;
    left: 0;
    right: 0;
    background: transparent url('../../../documents/artologik/images/header16/header-images/diving-girl-hands.png') no-repeat 100% 100%;
    background-size: cover;
    z-index:9999;
    
}
.arto #site-header-img img,
#site-header-img > span,
.surveyandreport #site-header-img > span:after {
    pointer-events:none;
}

/* - Site logo and Home-link */
.arto.artologik #site-header-logo {
    background:transparent url('../../documents/artologik/images/header16/logo-artologik-sprite.png?v=161205') no-repeat 0% 0%;
    position:absolute;
    right:0;
    top:32.77777777%; /* 59 / 180 */
    display:inline-block;
    width:302px;
    height:86px
}
a#home-link {
    display: block;
    padding-bottom: 1.2em; /*3.2%; */
}
.astrakan .is-stuck a#home-link {
    padding-bottom: 0.6em;
    padding-top: 0.6em;
}
.astrakan .is-stuck a#home-link img {
    height: 43px;
}
/* Header product name */
#header-product-name {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden; /* Hide "#header-product-name > a:after"-fade */
}
#header-product-name > a {
    position:absolute;
    top:50%;
    left:0;
    text-decoration:none;
    white-space:nowrap;
    font-family:Arial;
    font-weight:bold;
    font-size:50px;
    letter-spacing: -1px;
    margin-top:-0.5em;
    z-index:9; /* Less than #site-header-tool, but higher than #site-header-img-fade */
}

#header-product-name > a:before {
    content:"";
    position:relative;
    display:inline-block;
    color: #fff;
    text-align: center;
    font-size: 0.56em; /* Based on #header-product-name > a: 50px  */
    width: 1.678571em;
    height: 1.678571em;
    line-height: 1.678571em;
    vertical-align: 0.25em;
    margin-right: 0.214286em;
    padding-right: 0.05em;
    z-index:9; /* Less than #site-header-tool, but higher than #site-header-img-fade */
}
.helpdesk #header-product-name > a:before       { content:"\e623"; }
.surveyandreport #header-product-name > a:before{ content:"\e624"; text-indent:5px; }
.ezbooking #header-product-name > a:before      { content:"\e625"; }
.projectmanager #header-product-name > a:before { content:"\e09b"; }
.time #header-product-name > a:before           { content:"\e626"; }
.webpublish #header-product-name > a:before     { content:"\e627"; }

#header-product-name > a > em {
    position: absolute;
    display: inline-block;
    color: #b5b5b5;
    text-align: right;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0px;
    font-size: 0.32em; /* 16 */
    right: 0;
    bottom: -1.375em; /* -22 */
}
.ezbooking #header-product-name > a > em      { right: 0.25em; /* 4 */ }
.projectmanager #header-product-name > a > em { right: 0.5625em; /* 9 */ }
.time #header-product-name > a > em           { right: 0; letter-spacing: -0.4px; }
.webpublish #header-product-name > a > em     { right: 0.0625em; /* 1 */ bottom:-1.125em; /* -18 */ }

#header-product-name > a:after {
    content:"";
    background:transparent url('../../documents/artologik/images/header16/header-img-fade-left.png') repeat-y 100% 0%;
    position: absolute;
    display: block;
    left:0;
    right:-100px; /* The last 107px of bg-image is the white fade to transparent */
    top: -1.5em;
    bottom: -2em;
    z-index:-1;
    pointer-events:none;
}

/* ARTISAN */
.artisan #site-header {
    background-image: none;
}
.artisan #site-header-inner {
    background-image: none;
    background-size:auto;
    height:auto;
    padding-left: 19px;
}
.artisan #site-header-logo {
    position:relative;
    float: none;
    clear: both;
    width: 78.658536%; /* 774 / 984 */
    height: auto;
    text-align: left;
    z-index:1;
}
.artisan .language-selection.ddl,
.artisan .language-selection.nav.horizontal {
    padding-bottom: 0.75em;
    z-index:1;
}
.artisan a#home-link {
    padding: 2.5% 2.5% 2.5% 0;
}
.artisan a#home-link > img {
    width: 650px;
}
/* ARTISAN - StickyHeader */
.artisan .is-stuck a#home-link {
    padding: 0.8em 0.8em 0.8em 0;
}
    .artisan .is-stuck a#home-link > img {
        width: 230px;
    }


/* ASTRAKAN */
.astrakan #site-header {
	background: #ffffff url('../../documents/artologik/images/header-html-bg-ART.png') no-repeat 50% 0%;
}
.astrakan #site-header-inner {
    background: #ffffff url('../../documents/artologik/images/header-bg-horizon-ART.png') no-repeat 0% 0%;
    overflow: hidden;
    background-size: cover;
}
.astrakan .not-stuck #site-header-inner {
    height: 146px;
}

.astrakan #site-header-logo {
    float: right;
    clear: right;
    position: relative;
    width: 45%;
    height: 70%;
    text-align: right;
}

/* Header Home-link : Product pages */
.site-header-bg-link {
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    left: 0;
    z-index: 10;
}
.helpdesk           .site-header-bg-link,
.surveyandreport    .site-header-bg-link,
.ezbooking          .site-header-bg-link,
.projectmanager     .site-header-bg-link,
.time               .site-header-bg-link,
.webpublish         .site-header-bg-link { top: 2px; }
/* Header Home-link : Special case for Artologik pages */
.artologik .site-header-bg-link         { 
    width: auto;
    height: auto;
    top: 36.66666666%; /* 66 / 180 */
    background: transparent none no-repeat 0% 0%;
    backface-visibility: hidden;
    transform: translateZ(0);

    transition: all .15s ease-in-out;
}
.artologik .site-header-bg-link:hover   { transform: scale(1.1); }
.site-header-bg-link.n1         { left: 1.219512%;  }      /*  12px */
.site-header-bg-link.n2         { left: 10.670731%; }      /* 105px */
.site-header-bg-link.n3         { left: 20.223577%; }      /* 199px */
.site-header-bg-link.n4         { left: 29.573170%; }      /* 291px */
.site-header-bg-link.n5         { left: 39.126016%; }      /* 385px */
.site-header-bg-link.n6         { left: 48.577235%; }      /* 478px */

/* ASTRAKAN */
.site-header-bg-link.astrakan                   { width:79px; height:auto; bottom:0; left:1.9%;  }
.site-header-bg-link.astrakan.cubes-on-ground   { width:151px; }
.astrakan-courseplan #site-header       { background-image: url('../../documents/astrakan/images/header-html-bg-CP.png'); }
.astrakan-courseplan #site-header-inner { background-image: url('../../documents/astrakan/images/header-bg-CP.png'); }

.astrakan .is-stuck .site-header-bg-link.astrakan.cubes-on-ground {
    width: 60px;
}
/*
* RadMenu - Horizontal TOP navigation, is also sharing some value in code above 
*/
#top-navigation {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}

.RadMenu_Artologik_Top,
.RadMenu_Artologik_Top .rmRootGroup {
    background: transparent url('../../documents/artologik/images/nav-top-bg.png') repeat 0% 0%;
}
/* ARTISAN */
.artisan .RadMenu_Artologik_Top,
.artisan .RadMenu_Artologik_Top .rmRootGroup { 
    background: transparent url('../../documents/artisan/images/nav-top-bg.png') repeat 0% 0%;
}
.RadMenu_Artologik_Top .rmItem,
.RadMenu_Artologik_Top .rmLink {
    -moz-box-sizing:border-box; /* Firefox */
         box-sizing:border-box;
}
.RadMenu_Artologik_Top .rmHorizontal > .rmItem.rmFirst {
    border-left: solid 1px #494949;
}
.RadMenu_Artologik_Top .rmHorizontal > .rmItem.rmLast {
    border-right: solid 1px #6b6b6b;
}
.RadMenu_Artologik_Top .rmLink:link,
.RadMenu_Artologik_Top .rmLink:visited,
.RadMenu_Artologik_Top .rmLink:hover,
.RadMenu_Artologik_Top .rmLink:active {
    background: transparent none no-repeat 0% 0%;
    border-left: solid 1px #6b6b6b;
    border-right: solid 1px #494949;
    color: #ffffff;
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 41px;
    line-height: 41px;
    text-decoration:none !important;
}
/* ASTRAKAN & ARTISAN */
.astrakan .RadMenu_Artologik_Top .rmLink:link,
.astrakan .RadMenu_Artologik_Top .rmLink:visited,
.astrakan .RadMenu_Artologik_Top .rmLink:hover,
.astrakan .RadMenu_Artologik_Top .rmLink:active,
.artisan .RadMenu_Artologik_Top .rmLink:link,
.artisan .RadMenu_Artologik_Top .rmLink:visited,
.artisan .RadMenu_Artologik_Top .rmLink:hover,
.artisan .RadMenu_Artologik_Top .rmLink:active  {
    line-height: 1 !important;
}
.artisan .RadMenu_Artologik_Top .rmItem.rmFirst {
    border-left-color:#242424;
}
.artisan .RadMenu_Artologik_Top .rmItem.rmLast {
    border-right-color:#616161;
}
.artisan .RadMenu_Artologik_Top .rmLink:link,
.artisan .RadMenu_Artologik_Top .rmLink:visited,
.artisan .RadMenu_Artologik_Top .rmLink:hover,
.artisan .RadMenu_Artologik_Top .rmLink:active {
    border-left-color:#616161;
    border-right-color:#242424;
}
.RadMenu_Artologik_Top .rmLink.rmFocused:link,
.RadMenu_Artologik_Top .rmLink.rmFocused:visited,
.RadMenu_Artologik_Top .rmLink.rmFocused:hover,
.RadMenu_Artologik_Top .rmLink.rmFocused:active {
    border-top-style: solid;
    border-top-width: 1px;
    border-left: none;
    border-right: none;
    padding-top:0;
}
.astrakan .RadMenu_Artologik_Top .rmLink.rmFocused:link,
.astrakan .RadMenu_Artologik_Top .rmLink.rmFocused:visited,
.astrakan .RadMenu_Artologik_Top .rmLink.rmFocused:hover,
.astrakan .RadMenu_Artologik_Top .rmLink.rmFocused:active,
.artisan .RadMenu_Artologik_Top .rmLink.rmFocused:link,
.artisan .RadMenu_Artologik_Top .rmLink.rmFocused:visited,
.artisan .RadMenu_Artologik_Top .rmLink.rmFocused:hover,
.artisan .RadMenu_Artologik_Top .rmLink.rmFocused:active {
    padding-left:1px; /* Add padding, when borders are hidden for .rmFocused, so the menu item do not "jumps around" - DONT use on artologik.com */
    padding-right:1px;
}
.RadMenu_Artologik_Top .rmLink:before {
    background: transparent none no-repeat 0% 50%;
    background-size: 100%;
    content: "";
    display: block;
    width: 21px;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: nearest-neighbor;
}
.astrakan .RadMenu_Artologik_Top .rmLink:before{
    display:none !important;
}
.artisan .RadMenu_Artologik_Top .rmLink:before {
    /* font-size:1.6em;
    padding: 0 0.5em 0 0.6em;
    vertical-align: text-bottom;
    
    Reset Artologik-values
    position:static;
    width:auto;
    display:inline-block; */
    /* Look further down for what font-icon is set for what menu item */
}
.RadMenu_Artologik_Top .rmLink .rmText {
    background: transparent none no-repeat 50% 50%;
    font-size: 1.5em; /* 75% -> 18px */
    line-height: 2.3em;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999em;
    white-space: nowrap;
    display:block;
    width: auto;
    position: absolute;
    left: -9999px;
}
.astrakan .RadMenu_Artologik_Top .rmLink .rmText,
.artisan .RadMenu_Artologik_Top .rmLink .rmText { /* ASTRAKAN & ARTISAN */
	padding: 1px 1em 0;
    display:inline-block;
    line-height: 2.26;
    width: auto;
	overflow: visible;
	text-indent: 0;
    position: static;
    left: 0;
}

/* ASTRAKAN & ARTISAN */
.astrakan .RadMenu_Artologik_Top .rmItem,
.astrakan .RadMenu_Artologik_Top .rmLink,
.artisan .RadMenu_Artologik_Top .rmItem,
.artisan .RadMenu_Artologik_Top .rmLink {
	width: auto !important;
	padding: 0;
}
.astrakan .RadMenu_Artologik_Sub,
.artisan .RadMenu_Artologik_Sub {
    min-height: 4px;
}

/* 
* RadMenu - Horizontal SUB navigation, is also sharing some value in code above 
*/

.RadMenu_Artologik_SingleTop,
.RadMenu_Artologik_Sub { 
    /* Set "Artologik" as default color */
    background: #8a8b8e none repeat 0% 0%;
    border-bottom: solid 1px #7b7b7b;
}
.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink,
.RadMenu_Artologik_Sub .rmLink:link,
.RadMenu_Artologik_Sub .rmLink:visited,
.RadMenu_Artologik_Sub .rmLink:hover,
.RadMenu_Artologik_Sub .rmLink:active {
    color: #ffffff;
    display: inline-block;
    padding: 0.5em 1.48em;
    text-decoration: none;
}
.RadMenu_Artologik_Sub .rmLink .rmText {
    font-size: 1.08em; /* 75% -> 13px */
    line-height: 1.5em;
}

.RadMenu_Artologik_Sub .rmLink:hover,
.RadMenu_Artologik_Sub .rmLink.rmFocused,
.RadMenu_Artologik_Sub .rmLink.rmFocused:hover,
.RadMenu_Artologik_Sub .rmLink.rmFocused.leftNavSelected:hover {
    background: transparent url('../../documents/artologik/images/nav-top-sub-arrow.png') no-repeat 0.45em 0.95em;
}

.RadMenu_Artologik_Sub .rmLink.rmFocused.leftNavSelected{
    background-image: url('../../documents/artologik/images/nav-top-sub-arrow-down-semitransp.png');
    background-position:0.45em 1.1em;
}
/* - SingleTop-Specific */
.RadMenu_Artologik_SingleTop:before,
.nav-toggler-wrp-st:before{
    content:"";
    display:block;
    width:100%;
    height:6px;
    background:#333 url('../../documents/artologik/images/header16/header-brd-6px.png') repeat-x 0 0;
}
.nav-toggler-wrp-st:before {
    background-image:none;
    border-bottom:solid 1px #555;
}
.nav-toggler-wrp-st{
    border-bottom:solid 1px #3b3b3b;
}

.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink {
    padding: 0.65em 1.5em; /* This is "Max"-paddding for both Products and Artologik */
    position:relative;
}


.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink .rmText {
    font-size: 1.166667em; /* 75% -> 14px */
    line-height: 21px; /* 1.5em */
}

.RadMenu_Artologik_SingleTop .rmLink:hover,
.RadMenu_Artologik_SingleTop .product-selection.nav.horizontal > li > a:hover { /* Match ALL links, even responsive sub items */
    background-color:rgba(255,255,255,0.3);
}

.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused:after {
    content: "";
    position:absolute;
    bottom:-2px;
    left:0;
    right:0;
    height:2px;
    background-color:#fff;
}

.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused .rmText,
.RadMenu_Artologik_SingleTop .rmHorizontal > .rmItem > .rmLink.rmFocused.leftNavSelected .rmText {
    color:#242424;
}

/* RadMenu TOP Items & SUB background & "Product-Specific-Classes" : Product specific (bgspec) */
/* ##########----------          BG : background-color - DEFAULT          ----------########## */
.ct-docs .sec-1 > ul > li > a { background-color: #EEEEEE; } /* Default : So it is visible in WP */

.RadMenu_Artologik_Top .rmLink.helpdesk.rmFocused,
.helpdesk .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
.helpdesk .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded,
.helpdesk .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused:hover,
.helpdesk .RadMenu_Artologik_SingleTop,
.helpdesk .nav-toggler-wrp-st:before,
.helpdesk .RadMenu_Artologik_Sub,
.helpdesk .pr-bg-color,
.st-products .sec-1 > .h2-wrp,
#site-header .product-selection.nav.horizontal > li.helpdesk > a:hover,
.helpdesk #site-header .product-selection.nav.horizontal > li.helpdesk > a,
.helpdesk.arto .custom-select .fake-select > span > span:after,
.helpdesk.arto #site-header:before,
.helpdesk #header-product-name > a:before,
.helpdesk .ct-docs .sec-1 > ul > li > a:before,
.helpdesk .ct-docs .sec-1 > ul > li > a:hover,
.helpdesk .ct-docs .sec-1 > ul > li > a:hover:after,
.helpdesk .mdl-dlg-footer .btn                         { background-color: #794d63; }
.helpdesk #site-header .product-selection.nav.horizontal > li.artologik > a:hover:after,
.helpdesk .sp-bbl.pr-bg-color > span:before            { color: #794d63; }

.RadMenu_Artologik_Top .rmLink.surveyandreport.rmFocused,
.surveyandreport .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
.surveyandreport .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded,
.surveyandreport .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused:hover,
.surveyandreport .RadMenu_Artologik_SingleTop,
.surveyandreport .nav-toggler-wrp-st:before,
.surveyandreport .RadMenu_Artologik_Sub,
.surveyandreport .pr-bg-color,
.st-products .sec-2 > .h2-wrp,
#site-header .product-selection.nav.horizontal > li.surveyandreport > a:hover,
.surveyandreport #site-header .product-selection.nav.horizontal > li.surveyandreport > a,
.surveyandreport.arto .custom-select .fake-select > span > span:after,
.surveyandreport.arto #site-header:before,
.surveyandreport #header-product-name > a:before,
.surveyandreport .ct-docs .sec-1 > ul > li > a:before,
.surveyandreport .ct-docs .sec-1 > ul > li > a:hover,
.surveyandreport .ct-docs .sec-1 > ul > li > a:hover:after,
.surveyandreport .mdl-dlg-footer .btn                       { background-color: #9a8247; }
.surveyandreport #site-header .product-selection.nav.horizontal > li.artologik > a:hover:after,
.surveyandreport .sp-bbl.pr-bg-color > span:before          { color: #9a8247; }

.RadMenu_Artologik_Top .rmLink.ezbooking.rmFocused,
.ezbooking .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
.ezbooking .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded,
.ezbooking .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused:hover,
.ezbooking .RadMenu_Artologik_SingleTop,
.ezbooking .nav-toggler-wrp-st:before,
.ezbooking .RadMenu_Artologik_Sub,
.ezbooking .pr-bg-color,
.st-products .sec-3 > .h2-wrp,
#site-header .product-selection.nav.horizontal > li.ezbooking > a:hover,
.ezbooking #site-header .product-selection.nav.horizontal > li.ezbooking > a,
.ezbooking.arto .custom-select .fake-select > span > span:after,
.ezbooking.arto #site-header:before,
.ezbooking #header-product-name > a:before,
.ezbooking .ct-docs .sec-1 > ul > li > a:before,
.ezbooking .ct-docs .sec-1 > ul > li > a:hover,
.ezbooking .ct-docs .sec-1 > ul > li > a:hover:after,
.ezbooking .mdl-dlg-footer .btn                       { background-color: #c7a82b; }
.ezbooking #site-header .product-selection.nav.horizontal > li.artologik > a:hover:after,
.ezbooking .sp-bbl.pr-bg-color > span:before          { color: #c7a82b; }

.RadMenu_Artologik_Top .rmLink.projectmanager.rmFocused,
.projectmanager .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
.projectmanager .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded,
.projectmanager .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused:hover,
.projectmanager .RadMenu_Artologik_SingleTop,
.projectmanager .nav-toggler-wrp-st:before,
.projectmanager .RadMenu_Artologik_Sub,
.projectmanager .pr-bg-color,
.st-products .sec-4 > .h2-wrp,
#site-header .product-selection.nav.horizontal > li.projectmanager > a:hover,
.projectmanager #site-header .product-selection.nav.horizontal > li.projectmanager > a,
.projectmanager.arto .custom-select .fake-select > span > span:after,
.projectmanager.arto #site-header:before,
.projectmanager #header-product-name > a:before,
.projectmanager .ct-docs .sec-1 > ul > li > a:before,
.projectmanager .ct-docs .sec-1 > ul > li > a:hover,
.projectmanager .ct-docs .sec-1 > ul > li > a:hover:after,
.projectmanager .mdl-dlg-footer .btn                       { background-color: #5c7e55; }
.projectmanager #site-header .product-selection.nav.horizontal > li.artologik > a:hover:after,
.projectmanager .sp-bbl.pr-bg-color > span:before          { color: #5c7e55; }

.RadMenu_Artologik_Top .rmLink.time.rmFocused,
.time .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
.time .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded,
.time .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused:hover,
.time .RadMenu_Artologik_SingleTop,
.time .nav-toggler-wrp-st:before,
.time .RadMenu_Artologik_Sub,
.time .pr-bg-color,
.st-products .sec-5 > .h2-wrp,
#site-header .product-selection.nav.horizontal > li.time > a:hover,
.time #site-header .product-selection.nav.horizontal > li.time > a,
.time.arto .custom-select .fake-select > span > span:after,
.time.arto #site-header:before,
.time #header-product-name > a:before,
.time .ct-docs .sec-1 > ul > li > a:before,
.time .ct-docs .sec-1 > ul > li > a:hover,
.time .ct-docs .sec-1 > ul > li > a:hover:after,
.time .mdl-dlg-footer .btn                       { background-color: #aba63d; }
.time #site-header .product-selection.nav.horizontal > li.artologik > a:hover:after,
.time .sp-bbl.pr-bg-color > span:before          { color: #aba63d; }

.RadMenu_Artologik_Top .rmLink.webpublish.rmFocused,
.webpublish .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
.webpublish .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded,
.webpublish .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused:hover,
.webpublish .RadMenu_Artologik_SingleTop,
.webpublish .nav-toggler-wrp-st:before,
.webpublish .RadMenu_Artologik_Sub,
.webpublish .pr-bg-color,
.st-products .sec-6 > .h2-wrp,
#site-header .product-selection.nav.horizontal > li.webpublish > a:hover,
.webpublish #site-header .product-selection.nav.horizontal > li.webpublish > a,
.webpublish.arto .custom-select .fake-select > span > span:after,
.webpublish.arto #site-header:before,
.webpublish #header-product-name > a:before,
.webpublish .ct-docs .sec-1 > ul > li > a:before,
.webpublish .ct-docs .sec-1 > ul > li > a:hover,
.webpublish .ct-docs .sec-1 > ul > li > a:hover:after,
.webpublish .mdl-dlg-footer .btn                       { background-color: #af5753; }
.webpublish #site-header .product-selection.nav.horizontal > li.artologik > a:hover:after,
.webpublish .sp-bbl.pr-bg-color > span:before          { color: #af5753; }

.RadMenu_Artologik_Top .rmLink.artologik.rmFocused,
.artologik .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused,
.artologik .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmExpanded,
.artologik .RadMenu_Artologik_SingleTop.navExpanded .rmHorizontal > .rmItem > .rmLink.rmFocused:hover,
.artologik .RadMenu_Artologik_SingleTop,
.artologik .nav-toggler-wrp-st:before,
.artologik .RadMenu_Artologik_Sub,
.artologik .pr-bg-color,
.ct-docs .sec-1 > ul > li > a.link2:before,
.ct-docs .sec-1 > ul > li > a.link2:hover,
.ct-docs .sec-1 > ul > li > a.link2:hover:after    { background-color: #8a8b8e; }
.artologik .sp-bbl.pr-bg-color > span:before        { color: #8a8b8e; }

.art-bg-compl { background-color: #eee; }

/* ASTRAKAN */
.astrakan .RadMenu_Artologik_Top .rmLink.rmFocused,
.astrakan .RadMenu_Artologik_SingleTop,
.astrakan .RadMenu_Artologik_Sub,
.astrakan .pr-bg-color,
.astrakan .ct-docs .sec-1 > ul > li > a:before,
.astrakan .ct-docs .sec-1 > ul > li > a:hover,
.astrakan .ct-docs .sec-1 > ul > li > a:hover:after   { background-color: #599ef0 !important; }
.astrakan .sp-bbl.pr-bg-color > span:before            { color: #599ef0; }

/* ARTISAN */
.RadMenu_Artologik_Top .rmHorizontal > .rmItem > .rmFocused + .rmSlide:before,
.RadMenu_Artologik_Top .rmHorizontal > .rmItem > .rmFocused + .rmSlide:after,
.artisan .RadMenu_Artologik_Top > .rmHorizontal > .rmItem > .rmLink.rmFocused,
.artisan .RadMenu_Artologik_Top .rmHorizontal > .rmItem > .rmFocused + .rmSlide,
.artisan .RadMenu_Artologik_SingleTop,
.artisan .RadMenu_Artologik_Sub,
.artisan .pr-bg-color,
.artisan .ct-docs .sec-1 > ul > li > a:before,
.artisan .ct-docs .sec-1 > ul > li > a:hover,
.artisan .ct-docs .sec-1 > ul > li > a:hover:after {
    background-color: #CF2C1A !important;
}
.artisan .sp-bbl.pr-bg-color > span:before             { color: #CF2C1A; }

/* ##########----------          BG : background-color - PRODUCT BRIGHT          ----------########## */
.helpdesk .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1    { background-color:#ddd2d8; }

.surveyandreport .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1    { background-color:#e6e0d1; }

.ezbooking .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1    { background-color:#f1e9ca; }

.projectmanager .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1    { background-color:#d6dfd4; }

.time .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1    { background-color:#eae9ce; }

.webpublish .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1    { background-color:#ebd5d4; }

.artologik .RadMenu.RadMenu_Artologik_SingleTop .rmLevel1    { background-color:#e2e2e3; }

/* ##########----------          BG : background-color - COMPLEMENT COLOR          ----------########## */

.artologik .pr-bg-c-color-1,
.artologik .st-shortcuts ul.nav > li > span > a,
.artologik .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.artologik .custom1 ul.IR_navigation > li > a.link2             { background-color: #9d4e7c; }
.artologik .sp-bbl.pr-bg-c-color-1 > span:before                           { color: #9d4e7c; }

.helpdesk .pr-bg-c-color-1,
.helpdesk .st-shortcuts ul.nav > li > span > a,
.helpdesk .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.helpdesk .custom1 ul.IR_navigation > li > a.link2              { background-color: #3e6389; }
.helpdesk .sp-bbl.pr-bg-c-color-1 > span:before                            { color: #3e6389; }

.surveyandreport .pr-bg-c-color-1,
.surveyandreport .st-shortcuts ul.nav > li > span > a,
.surveyandreport .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.surveyandreport .custom1 ul.IR_navigation > li > a.link2       { background-color: #399c92; }
.surveyandreport .sp-bbl.pr-bg-c-color-1 > span:before                     { color: #399c92; }

.ezbooking .pr-bg-c-color-1,
.ezbooking .st-shortcuts ul.nav > li > span > a,
.ezbooking .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.ezbooking .custom1 ul.IR_navigation > li > a.link2             { background-color: #5074aa; }
.ezbooking .sp-bbl.pr-bg-c-color-1 > span:before                           { color: #5074aa; }

.projectmanager .pr-bg-c-color-1,
.projectmanager .st-shortcuts ul.nav > li > span > a,
.projectmanager .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.projectmanager .custom1 ul.IR_navigation > li > a.link2        { background-color: #835a66; }
.projectmanager .sp-bbl.pr-bg-c-color-1 > span:before                      { color: #835a66; }

.time .pr-bg-c-color-1,
.time .st-shortcuts ul.nav > li > span > a,        
.time .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.time .custom1 ul.IR_navigation > li > a.link2                  { background-color: #5f638f; }
.time .sp-bbl.pr-bg-c-color-1 > span:before                                { color: #5f638f; }

.webpublish .pr-bg-c-color-1,
.webpublish .st-shortcuts ul.nav > li > span > a,
.webpublish .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.webpublish .custom1 ul.IR_navigation > li > a.link2            { background-color: #55a0a4; }
.webpublish .sp-bbl.pr-bg-c-color-1 > span:before                          { color: #55a0a4; }

/* ASTRAKAN */
.astrakan .pr-bg-c-color-1,
.astrakan .st-shortcuts ul.nav > li > span > a,
.astrakan .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.astrakan .st-contact .st-sec > div,
.astrakan .custom1 ul.IR_navigation > li > a.link2              { background-color: #118855; }
.astrakan .sp-bbl.pr-bg-c-color-1 > span:before                            { color: #118855; }

/* ARTISAN */
.artisan .pr-bg-c-color-1,
.artisan .st-shortcuts ul.nav > li > span > a,
.artisan .pr-bg-c-color-1 .mdl-dlg-header.pr-bg-color,
.artisan .st-contact .st-sec > div,
.artisan .custom1 ul.IR_navigation > li > a.link2              { background-color: #4D5F85; }
.artisan .sp-bbl.pr-bg-c-color-1 > span:before                            { color: #4D5F85; }

/* §§§§§§§§§§==========          BRD : border-color - DEFAULT (brdspec)         ==========§§§§§§§§§§ */
.RadMenu_Artologik_Top .rmLink.artologik.rmFocused,
.artologik .RadMenu_Artologik_SingleTop,
.artologik .RadMenu_Artologik_Sub,

.artologik .pr-brd-color       { border-color: #7b7b7b; }

.RadMenu_Artologik_Top .rmLink.helpdesk.rmFocused,
.helpdesk .RadMenu_Artologik_SingleTop,
.helpdesk .RadMenu_Artologik_Sub,
.helpdesk.arto #site-header-tools,
.helpdesk.arto .language-selection.ddl,
.helpdesk #site-header .product-selection.nav.horizontal,
.helpdesk #site-header .product-selection.nav.horizontal > li.helpdesk > a,
#site-header .product-selection.nav.horizontal > li.helpdesk > a:hover:after,
.helpdesk #site-header .product-selection.nav.horizontal > li.helpdesk > a:after,
.helpdesk .pr-brd-color        { border-color: #674154; }

.RadMenu_Artologik_Top .rmLink.surveyandreport.rmFocused,
.surveyandreport .RadMenu_Artologik_SingleTop,
.surveyandreport .RadMenu_Artologik_Sub,
.surveyandreport.arto #site-header-tools,
.surveyandreport.arto .language-selection.ddl,
.surveyandreport #site-header .product-selection.nav.horizontal,
.surveyandreport #site-header .product-selection.nav.horizontal > li.surveyandreport > a,
#site-header .product-selection.nav.horizontal > li.surveyandreport > a:hover:after,
.surveyandreport #site-header .product-selection.nav.horizontal > li.surveyandreport > a:after,
.surveyandreport .pr-brd-color { border-color: #897645; }

.RadMenu_Artologik_Top .rmLink.ezbooking.rmFocused,
.ezbooking .RadMenu_Artologik_SingleTop,
.ezbooking .RadMenu_Artologik_Sub,
.ezbooking.arto #site-header-tools,
.ezbooking.arto .language-selection.ddl,
.ezbooking #site-header .product-selection.nav.horizontal,
.ezbooking #site-header .product-selection.nav.horizontal > li.ezbooking > a,
#site-header .product-selection.nav.horizontal > li.ezbooking > a:hover:after,
.ezbooking #site-header .product-selection.nav.horizontal > li.ezbooking > a:after,
.ezbooking .pr-brd-color       { border-color: #b39b3f; }

.RadMenu_Artologik_Top .rmLink.projectmanager.rmFocused,
.projectmanager .RadMenu_Artologik_SingleTop,
.projectmanager .RadMenu_Artologik_Sub,
.projectmanager.arto #site-header-tools,
.projectmanager.arto .language-selection.ddl,
.projectmanager #site-header .product-selection.nav.horizontal,
.projectmanager #site-header .product-selection.nav.horizontal > li.projectmanager > a,
#site-header .product-selection.nav.horizontal > li.projectmanager > a:hover:after,
.projectmanager #site-header .product-selection.nav.horizontal > li.projectmanager > a:after,
.projectmanager .pr-brd-color  { border-color: #55714f; }

.RadMenu_Artologik_Top .rmLink.time.rmFocused,
.time .RadMenu_Artologik_SingleTop,
.time .RadMenu_Artologik_Sub,
.time.arto #site-header-tools,
.time.arto .language-selection.ddl,
.time #site-header .product-selection.nav.horizontal,
.time #site-header .product-selection.nav.horizontal > li.time > a,
#site-header .product-selection.nav.horizontal > li.time > a:hover:after,
.time #site-header .product-selection.nav.horizontal > li.time > a:after,
.time .pr-brd-color            { border-color: #9a9644; }

.RadMenu_Artologik_Top .rmLink.webpublish.rmFocused,
.webpublish .RadMenu_Artologik_SingleTop,
.webpublish .RadMenu_Artologik_Sub,
.webpublish.arto #site-header-tools,
.webpublish.arto .language-selection.ddl,
.webpublish #site-header .product-selection.nav.horizontal,
.webpublish #site-header .product-selection.nav.horizontal > li.webpublish > a,
#site-header .product-selection.nav.horizontal > li.webpublish > a:hover:after,
.webpublish #site-header .product-selection.nav.horizontal > li.webpublish > a:after,
.webpublish .pr-brd-color      { border-color: #9a5350; }

/* ASTRAKAN */
.astrakan .RadMenu_Artologik_Top .rmLink.rmFocused,
.astrakan .RadMenu_Artologik_SingleTop,
.astrakan .RadMenu_Artologik_Sub,
.astrakan .pr-brd-color      { border-color: #7297C5; }

/* ARTISAN */
.artisan .RadMenu_Artologik_Top .rmLink.rmFocused,
.artisan .RadMenu_Artologik_SingleTop,
.artisan .RadMenu_Artologik_Sub,
.artisan .pr-brd-color  { border-color: #BB2413; }

/* %%%%%%%%%%~~~~~~~~~~          FONT COLOR : color - Product Specific Color (colorspec)          ~~~~~~~~~~%%%%%%%%%% */

.artologik .pr-color,
.artologik .ig-sa:before            { color: #8a8b8e; }

.helpdesk .pr-color,
.helpdesk #header-product-name > a,
.helpdesk .ig-sa:before,
.helpdesk .ig-itm > div:after,
.helpdesk .ig-bnr > a:after                         { color: #794d63; }
.helpdesk .ig-sa.ig-alt:before,
.helpdesk .ig-itm.ig-alt > div:after                { color: #DDCFD7; } /* Brighter Alt. */

.surveyandreport .pr-color,
.surveyandreport #header-product-name > a,
.surveyandreport .ig-sa:before      { color: #9a8247; }

.ezbooking .pr-color,
.ezbooking #header-product-name > a,
.ezbooking .ig-sa:before            { color: #c7a82b; }

.projectmanager .pr-color,
.projectmanager #header-product-name > a,
.projectmanager .ig-sa:before       { color: #5c7e55; }

.time .pr-color,
.time #header-product-name > a,
.time .ig-sa:before                 { color: #aba63d; }

.webpublish .pr-color,
.webpublish #header-product-name > a,
.webpublish .ig-sa:before           { color: #af5753; }

/* FONT COLOR : As Product Complement Color */

.artologik .pr-txt-c-color-1,
.artologik .ig-itm > div:before,
.artologik .st-4col-h2-p .grid-unit > h2:before         { color: #9d4e7c; }

.helpdesk .pr-txt-c-color-1,
.helpdesk .ig-itm > div:before,
.helpdesk .ig-i:before,
.helpdesk .st-4col-h2-p .grid-unit > h2:before,
.helpdesk [class^="fi-"],
.helpdesk [class*=" fi-"],
.helpdesk .ig-bnr:not(.ig-small) > a:before             { color: #3e6389; }
.helpdesk .ig-itm.ig-alt > div:before                   { color: #7C91A8; } /* Brighter Alt. */

.surveyandreport .pr-txt-c-color-1,
.surveyandreport .ig-itm > div:before,
.surveyandreport .st-4col-h2-p .grid-unit > h2:before,
.surveyandreport [class^="fi-"],
.surveyandreport [class*=" fi-"]						{ color: #399c92; }

.ezbooking .pr-txt-c-color-1,
.ezbooking .ig-itm > div:before,
.ezbooking .st-4col-h2-p .grid-unit > h2:before,
.ezbooking [class^="fi-"],
.ezbooking [class*=" fi-"]								{ color: #5074aa; }

.projectmanager .pr-txt-c-color-1,
.projectmanager .ig-itm > div:before,
.projectmanager .st-4col-h2-p .grid-unit > h2:before,
.projectmanager [class^="fi-"],
.projectmanager [class*=" fi-"]							{ color: #835a66; }

.time .pr-txt-c-color-1,
.time .ig-itm > div:before,
.time .st-4col-h2-p .grid-unit > h2:before,
.time [class^="fi-"],
.time [class*=" fi-"]									{ color: #5f638f; }

.webpublish .pr-txt-c-color-1,
.webpublish .ig-itm > div:before,
.webpublish .st-4col-h2-p .grid-unit > h2:before,
.webpublish [class^="fi-"],
.webpublish [class*=" fi-"]								{ color: #55a0a4; }

/* ASTRAKAN */
.astrakan .pr-txt-c-color-1,
.astrakan .st-4col-h2-p .grid-unit > h2:before              { color: #118855; }

/* ARTISAN */
.artisan .pr-txt-c-color-1,
.artisan .st-4col-h2-p .grid-unit > h2:before               { color: #4D5F85; }

/* BRD : BG complement color #1 - border-color */
.artologik .pr-bg-c-color-1 .pr-brd-color       { border-color: #944a75; } /* Color not "confirmed"... */
.helpdesk .pr-bg-c-color-1 .pr-brd-color        { border-color: #314f6d; }
.surveyandreport .pr-bg-c-color-1 .pr-brd-color { border-color: #348580; }
.ezbooking .pr-bg-c-color-1 .pr-brd-color       { border-color: #4b649a; }
.projectmanager .pr-bg-c-color-1 .pr-brd-color  { border-color: #724c5b; }
.time .pr-bg-c-color-1 .pr-brd-color            { border-color: #4e5277; }
.webpublish .pr-bg-c-color-1 .pr-brd-color      { border-color: #49888d; }

/* SPLIT : Vertical */
.pr-v-split                     { background-repeat: repeat-y; }
.helpdesk           .pr-v-split { background-image: url('../../documents/artologik/images/v-split-HD.png'); }
.surveyandreport    .pr-v-split { background-image: url('../../documents/artologik/images/v-split-SR.png'); }
.ezbooking          .pr-v-split { background-image: url('../../documents/artologik/images/v-split-EZ.png'); }
.projectmanager     .pr-v-split { background-image: url('../../documents/artologik/images/v-split-PM.png'); }
.time               .pr-v-split { background-image: url('../../documents/artologik/images/v-split-TIME.png'); }
.webpublish         .pr-v-split { background-image: url('../../documents/artologik/images/v-split-WP.png'); }
/* SPLIT : Horizontal */
.pr-h-split                     { background-repeat: repeat-x; }
.helpdesk           .pr-h-split { background-image: url('../../documents/artologik/images/h-split-HD.png'); }
.surveyandreport    .pr-h-split { background-image: url('../../documents/artologik/images/h-split-SR.png'); }
.ezbooking          .pr-h-split { background-image: url('../../documents/artologik/images/h-split-EZ.png'); }
.projectmanager     .pr-h-split { background-image: url('../../documents/artologik/images/h-split-PM.png'); }
.time               .pr-h-split { background-image: url('../../documents/artologik/images/h-split-TIME.png'); }
.webpublish         .pr-h-split { background-image: url('../../documents/artologik/images/h-split-WP.png'); }


/* RadMenuSub - Responsive toggler */
.nav-toggler,
.nav-toggler-st {
    background: transparent url('../../documents/artologik/images/nav-top-sub-arrow.png') no-repeat 0.75em 1.20em;
    position: relative;
    height: 3.2em;
    display:none;
    padding: 0 1em;
    -moz-box-sizing:border-box;
        box-sizing: border-box;
}
.active .nav-toggler {
    background-image: url('../../documents/artologik/images/nav-top-sub-arrow-down.png'); /* -arrow-down also used for */
    background-position: 0.45em 1.45em;
}
.nav-toggler > a {
    background: transparent  url('../../documents/artologik/images/nav-ico-resp.png') no-repeat 100% 50%;
    border: none;
    color: #fff;
    display: block;
    text-align: left;
    text-decoration: none !important;
    height: 3.2em;
    line-height: 3.2em;
    -moz-box-sizing:border-box;
        box-sizing: border-box;
}
.nav-toggler > a.nav-tgl-main {
    padding-left: 0.8em;
    margin-right: 4.7em;
}
.nav-toggler > a.nav-tgl-sub {
    background-image: url('../../documents/artologik/images/nav-ico-sub-nav-resp.png');
    background-position: 0% 50%;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 1em;
    width: 27px;
}
.nav-toggler > .pr-v-split {
    position: absolute;
    right: 4.3em;
    top: 0.5em;
    width: 2px;
    height: 2.2em;
}
/* RadMenuSub - Responsive toggler - When no third(left menu) navigation exists */
.hasNoThirdNav .nav-toggler > a.nav-tgl-sub,
.hasNoThirdNav .nav-toggler > .pr-v-split {
    display: none !important;
}
.hasNoThirdNav .nav-toggler > a.nav-tgl-main {
    margin-right: 0;
}
/* Artologik RadMenu SingleTop */
.nav-toggler-st {
    background-image:none;
    margin: 0 auto;
    padding: 0;
    box-sizing:border-box;
    border:none;
    text-align:left;
    color:#fff;
    font-size: 1.166667em;
    height:45px; /* Same total height as ".RadMenu.RadMenu_Artologik_SingleTop .rmVertical > .rmItem > .rmLink" */
    width:100%;
}
.nav-toggler-st:focus,
.nav-toggler-st:active,
.rmBtnTgl:focus,
.rmBtnTgl:active {
    outline:none;
}
.nav-toggler-st.navExpanded > .nav-toggler-text-st {
    opacity:0.4;
}
.nav-bars {
    float:right;
    display:inline-block;
}
.nav-bars > span {
    display: block;
    clear: both;
    width: 23px;
    height: 3px;
    margin-bottom: 3px;
    background-color: #fff;
}
.nav-bars > span:last-child {
    margin-bottom:0;
}
/* 
* Web_NavigationControl - Left menu styles 
*/
.NavNodeContainer ul,
.NavNodeContainer ul li{
    margin: 0;
    padding: 0;
	list-style-type: none;
}
.NavGroupLevel1 a{
	display:block; 
    color: #1e1e1e;
	font-size: 1.08em;
	padding: 0.5em 0.6em 0.5em 2.6em;
	text-decoration:none;
    position: relative;
}
.NavGroupLevel1 a:hover{
    background: #ececec url('../../documents/artologik/images/nav-left-brd-fade.png') repeat-y 100% 0%;
}
.arto .NavGroupLevel1 a:hover{
    background: #f5f5f5 none repeat-y 100% 0%;
}
a.NavSelectedNodeLevel:before,
a.NavSelectedNodeLevel1:before,
a.NavSelectedNodeLevel2:before,
a.NavSelectedNodeLevel3:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 8px;
    background: transparent url('../../documents/artologik/images/nav-left-arrow.png') no-repeat 0% 0%;
    position: absolute;
    left: 1.1em;
    top: 1em;
}
/* Level 0 - Selected page in Top Sub menu */
ul.NavGroupLevel0 > li > a,
ul.NavGroupLevel0 > li > .h2  {
    display: none;
}
ul.NavGroupLevel0 > li > .h2 > span {
    background: #fff url('../../documents/artologik/images/nav-ico-sub-nav-resp-gray.png') no-repeat 100% 50%;
    display: inline-block;
    float: right;
    position: relative;
    bottom: -3px;
    height: 14px;
    width: 27px;
    z-index: 2;
    padding: 12px 0 0px 12px; 
}
.hasNoThirdNav ul.NavGroupLevel0 {
    display: none !important;
}
/* Level 1 */
ul.NavGroupLevel1 {
	padding-left:4px;
}
.arto ul.NavGroupLevel1 {
	padding-right:15px;
}
ul.NavGroupLevel1 > li > a {
	border-bottom:solid 1px #c8c8c8;
    font-size: 1.13em;
    padding: 0.9em 1.0em 0.9em 1.15em;
}
.arto ul.NavGroupLevel1 > li > a,
.arto ul.NavGroupLevel2 {
	border-bottom-color:#949494;
}
a.NavSelectedNodeLevel1:before {
    left: 0;
    top: 1.15em;
}

/* Level 2 */
ul.NavGroupLevel2 {
    border-bottom:solid 1px #c8c8c8;
}
ul.NavGroupLevel2 > li > a {
    padding: 0.6em 0.6em 0.6em 2.2em;
}
ul.NavGroupLevel2 > li:first-child > a { padding-top: 1em; }
ul.NavGroupLevel2 > li:first-child > a.NavSelectedNodeLevel2:before { top: 1.3em; }
ul.NavGroupLevel2 > li:last-child > a { padding-bottom: 1.4em; }
/* Level 3 */
ul.NavGroupLevel3 > li > a {
    padding: 0.5em 0.6em 0.5em 2.6em;
}

/* Fade bottom border */
ul.NavGroupLevel2 {
	position: relative;
}
ul.NavGroupLevel1 > li > a:after,
ul.NavGroupLevel2:after {
	background: transparent url('../../documents/artologik/images/nav-left-brd-fade.png') no-repeat 100% 0%;
    content: "";
    display: inline-block;
    width: 19.396551%; /* 45 / 232 */
    height: 1px;
    position: absolute;
    right: 0;
    bottom: -1px;
}

.arto ul.NavGroupLevel1 > li > a:after,
.arto ul.NavGroupLevel2:after {
    display: none;
}

/*
*  Main area
*/
#main-container {
    /* Is used together with "body.bg-color" so that the content area is whilte while as the area below the footer(if visible) is dark gray */
    background-color: #fff;
    overflow: hidden;
}

/*
* Hängrännor - in left & right column
*/
#leftNav .cnp > .siteCSS,
#sidebar .cnp > .siteCSS {
    margin-bottom: 18px;
}

/*
* Content / Body
*/
#site-body {
    min-height: 400px;
}

/*
* Content / Body : Start specific
*/
#site-body.start {
    margin-bottom: 4em;
    margin-top: 1.4em;
}
.art15-01 #site-body.start  { 
    margin-top:2.2em;
}
#site-body.start .cnpBottom > .siteCSS              { margin-top: 0.9em; }
.art15-01 #site-body.start .cnpBottom > .siteCSS    { margin-top:0; }
.artologik #site-body.start .cnpBottom > .siteCSS,
.astrakan  #site-body.start .cnpBottom > .siteCSS,
.artisan  #site-body.start .cnpBottom > .siteCSS   { margin-top: 2.3em;   }
/* Adjust when "5 fast facts"-puff is located/connected right after the intro text on the product landing page */
.helpdesk           #site-body.start .cnpBottom > .siteCSS .st-fff,
.surveyandreport    #site-body.start .cnpBottom > .siteCSS .st-fff,
.ezbooking          #site-body.start .cnpBottom > .siteCSS .st-fff,
.projectmanager     #site-body.start .cnpBottom > .siteCSS .st-fff,
.time               #site-body.start .cnpBottom > .siteCSS .st-fff,
.webpublish         #site-body.start .cnpBottom > .siteCSS .st-fff { margin-top: -0.3em; }

/*
* Content / Body : Content specific
*/
#site-content {
    margin-top: 2.6em; /* When NO breadcrumb is used */
    margin-bottom: 4em;
}
.artisan #site-content,
.astrakan #site-content {
    margin-top: 0;
}
#breadcrumb {
    margin: 0.7em 0em 1.3em 1.5em;
}
.breadCrumb,
a.breadCrumb,
.breadCrumbCurrent {
    font-family: Arial;
    font-size: 1.08em;
    color: #ababab;
}
span.breadCrumb {
    padding-left: 0.4em;
    padding-right: 0.4em;
}
#site-body.content {
    float: right;
    width: 70.122211%; /* 690px */
}
#site-body.content.fullwidth {
    float: none;
    width: 100%;
}
.NavNodeContainer,
#sidebar {
    float: left;
    width: 25.578017%;
}

/*
* Footer 
*/
#extra-footer .site-width {
    position: relative;
}
#site-footer-inner {
	background-position: 0% 0%;
    position: relative;
    /*min-height: 242px;*/
}
/* ARTISAN */
#site-footer::before,
#site-footer::after {
    content: '';
    display: block;
    height: 44px;
    background-image: url('../../documents/artologik/images/footer-bg-250623.png');
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
}
#site-footer::after {
    height: 1.3em;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.33);
}

/*
* Footer template("artologik-footer.htm")
*/
.footer-template {
    padding-top: 3.1em;
    padding-bottom: 4.1em;
}
.footer-template .footer-navigation {
    float: left;
    width: 73%;
}
.footer-template .search-and-about {
    float: right;
    width: 24%;
}
.footer-template .footer-section {
    float: left;
}
.footer-template .footer-section.sec-1,
.footer-template .footer-section.sec-2 {
    margin-right: 6.3%;
}
/* Footer navigation */
.footer-template .footer-section.sec-1 {
    width: 33.0%;
}
.footer-template .footer-section.sec-1 .nav-2 {
    display:none;
}
/* Our programs */
.footer-template .footer-section.sec-2 {
    width: 17.3%;
}
.footer-template .footer-section.sec-2 ul.nav > li > a {
    font-size: 1.1em;
}
/* Contact us */
.footer-template .footer-section.sec-3 {
    width: 33.0%;
}
.footer-template .footer-section.sec-3 .contact-1 {
    float: left;
    width: 44%;
}
.footer-template .footer-section.sec-3 .contact-2 {
    float: left;
    width: 56%;
    text-align: right;
}
.footer-template .footer-section.sec-3 .contact-1 br,
.footer-template .footer-section.sec-3 .contact-2 br {
    line-height: 2.2em;
}
.footer-template .footer-section.sec-3 .contact-3 {
    clear: both;
    text-align: right;
    padding-top: 2.5em;
	margin-bottom:1em;
}
/* Artologik.com */
.footer-template .footer-section.sec-4 {
    float: none;
    text-align: right;
}
.footer-template .footer-section.sec-4 ul.nav > li {
    text-align: right;
}
/* Artologik.com - Search form */
.footer-template .footer-section.sec-4 .search-form {

}
.footer-template .footer-section.sec-4 .search-form > p {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin: 0 0 1.9em; /* Align with "Ytterligare kontaktinformation" in middle column */
}
.footer-template .footer-section.sec-4 .search-form input {
    
}
.footer-template .footer-section.sec-4 .search-form input#search,
.footer-template .footer-section.sec-4 .search-form #search-btn {
    border: solid 1px #b7b7b7;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.footer-template .footer-section.sec-4 .search-form input#search {
    flex-grow: 1;
    text-indent: 0.4em;
    border-right: none;
}
.footer-template .search-form #search-btn::before {
    content: '\E1B7'; /* search glass */
}
.footer-template .footer-section.sec-4 .search-form #search-btn {
    width: 2.7em;
    background: #fff;
    color: #5b5b5b;
}
    .footer-template .footer-section.sec-4 .search-form #search-btn:hover,
    .footer-template .footer-section.sec-4 .search-form #search-btn:focus,
    .footer-template .footer-section.sec-4 .search-form #search-btn:active {
        color: #fff;
        background: #464646;
        border-color: #464646;
    }
.footer-template .footer-section.sec-4 #search::-webkit-input-placeholder   { opacity: 0.55; } /* WebKit browsers */
.footer-template .footer-section.sec-4 #search:-moz-placeholder             { opacity: 0.55; } /* Mozilla Firefox 4 to 18 */
.footer-template .footer-section.sec-4 #search::-moz-placeholder            { opacity: 0.55; } /* Mozilla Firefox 19+ */
.footer-template .footer-section.sec-4 #search:-ms-input-placeholder        { opacity: 0.55; } /* Internet Explorer 10+ */
/* Seacrh result page (/Documents/Artologik/Pages/Search.aspx) */
table.search-result {
    border: solid 1px #f0f0f0;
    width:100%;
}
table.search-result > tbody > tr > td {
    padding:4px;
}
table.search-result > tbody > tr > td:first-child,
table.search-result > tbody > tr > td:first-child + td + td + td{
    white-space:nowrap;
}
table.search-result > tbody > tr.alt-1 > td {
    background-color: #f3f3f3
}
table.search-result > tbody > tr > td:first-child {
    padding-right:0;
}
table.search-result > tbody > tr > td:first-child + td {
    padding-left:1px;
}
table.search-result > tbody > tr > td > img {
    max-width:none;
}


/* Footer template - Common : Navigational bullet list margins */
.footer-template .footer-section.sec-2 ul.nav > li {
    margin-bottom: 0.7em;
    margin-top: 0.7em;
}
.footer-template .footer-section.sec-1 ul.nav > li,
.footer-template .footer-section.sec-4 ul.nav > li {
    margin-bottom: 0.7em;
    margin-top: 0.4em;
}
.footer-template .footer-section.sec-2 ul.nav > li.first,
.footer-template .footer-section.sec-1 ul.nav > li.first,
.footer-template .footer-section.sec-4 ul.nav > li.first {
    margin-top: 0;
    margin-bottom: 0;
}

/* Footer template - Common : Language & Product Specific */
/* se - Swedish */
.se.artologik .footer-template .footer-section.sec-1 .nav-1 { width: 60%; }
.se.artologik .footer-template .footer-section.sec-1 .nav-2 { width: 40%; }

/*
* Theme "Artologik - Footer"(theme20)
*/

.siteCSS.theme20 a:hover,
.siteCSS.theme20 a:active {
    text-decoration: underline;
    color: #4271b3;
}

/*
* START - Mallverktygsmall : Bildspel 852x260
*/
.nbt-i-25-1 {
    margin-bottom: 1.8em;
}

/*
* START - Introduction template("artologik-start-intro.htm") & Intro & Plugin("artologik-start-intro-and-plugin.htm")
*/
.start-intro  {
    margin: 0 0 1.6em 0;
}
.start-intro .section {
    float:left;
}
.start-intro .sec-1 {
    width: 62.703252%;
}
.start-intro .sec-2 {
    background: transparent none no-repeat 100% 100%;
    width: 37.296748%;
    position: relative;
}
.start-intro .sec-2 blockquote {
    padding: 0;
    margin: 0 auto;
    width: 80%;
}
.start-intro .sec-2 blockquote p {
    color: #9e9e9e;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 0em;
}
.start-intro .sec-2 blockquote div:first-child p:before { content: "\201C"; }
.start-intro .sec-2 blockquote div:first-child p:after { content: "\201D"; }
.start-intro .sec-2 blockquote div + div p {
    color: #b3b3b3;
    text-align: right;
    margin-bottom: 0.4em;
    margin-top: -0.2em;
}
#site-body .start-intro .sec-2 figure {
    display: block;
    clear: left;
    padding: 1.2em 3% 1.2em 29%;
}
#site-body .start-intro .sec-2 figure img {
    display: block;
    margin: 0 auto;
}
/* : Product specific */
.helpdesk           .start-intro .sec-2 { background-image: url('../../documents/artologik/images/start-intro-tiles-bg-HD.png'); }
.surveyandreport    .start-intro .sec-2 { background-image: url('../../documents/artologik/images/start-intro-tiles-bg-SR.png'); }
.ezbooking          .start-intro .sec-2 { background-image: url('../../documents/artologik/images/start-intro-tiles-bg-EZ.png'); }
.projectmanager     .start-intro .sec-2 { background-image: url('../../documents/artologik/images/start-intro-tiles-bg-PM.png'); }
.time               .start-intro .sec-2 { background-image: url('../../documents/artologik/images/start-intro-tiles-bg-TIME.png'); }
.webpublish         .start-intro .sec-2 { background-image: url('../../documents/artologik/images/start-intro-tiles-bg-WP.png'); }
.start-intro.st-plugin .sec-2           { background-image: none; }
/* ASTRAKAN */
.astrakan-courseplan .start-intro .sec-2 { background-image: url('../../documents/astrakan/images/start-intro-tiles-bg-CP.png'); }
.astrakan-courseplan #site-body .start-intro .sec-2 figure img {
    width: 100px;
}

/* Introduction template("artologik-start-intro.htm") - Artologik start specific */
.artologik #site-body .start-intro .sec-2 {
    background-image: none;
    text-align: right;
}
/* Artologik & ARTISAN */
.artologik #site-body .start-intro .sec-2 blockquote,
.artisan #site-body .start-intro .sec-2 blockquote {
    display: none;
}
/* ARTOLOGIK & ARTISAN */
.artologik #site-body .start-intro .sec-2 figure,
.artisan #site-body .start-intro .sec-2 figure {
    padding: 0;
}
.artologik #site-body .start-intro .sec-2 figure img,
.artisan #site-body .start-intro .sec-2 figure img {
    display: inline;
    margin: 0.4em 0 0 0;
}

/* 
* "2 Column Nowrap Table" - First cell is left aligned and second is right aligned
*/
.nw-2col {
    overflow:hidden;
}
.nw-2col > * {
    float: left;
    text-align: left;
    white-space: nowrap;
}
.nw-2col > *:first-child + * {
    float: right;
    text-align: right;
}
.nw-2col > *:first-child + * {
    margin-left: 0.6em;
}
/* 
* Toggle Object 
*/
.tgl-wrp .tgl-btn.tgl-min,
.tgl-wrp.toggled .tgl-btn.tgl-max {
    display: none;
}
.tgl-wrp.toggled .tgl-btn.tgl-min {
    display: inline-block;
}
.tgl-wrp {
    overflow: hidden;
}
.tgl-wrp .tgl-elm {
    overflow: hidden;
    max-height: 0;
}
.tgl-wrp.toggled .tgl-elm {
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-timing-function: ease-in;
       -moz-transition-timing-function: ease-in;
         -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    max-height: 1000px;
    overflow: hidden;
}

/*
* START - "Call Us and Demo"-puff
*/
.call-us-puff,
.demo-puff {
    padding: 0 1em 0.6em 1em;
    margin-bottom: 3px;
    position: relative; /* Is needed for simpleModal error message */
}
.call-us-and-demo .h2,
.call-us-and-demo h3,
.call-us-and-demo p,
.call-us-puff ul.tgl-elm li,
.call-us-and-demo a {
    color: #fff !important;
    display: block;
}
.call-us-and-demo .h2{
    font-size: 1.8em !important;
    line-height: 1.4em !important;
    padding: 0.25em 0 0em 0!important;
}
.call-us-and-demo p {
    margin-bottom: 0 !important;
}
.call-us-puff .tgl-btn,
.demo-puff p {
    opacity: 0.75;
    text-decoration: none !important;
}
.call-us-and-demo .form.complete-msg h3 {
    margin-top: 1.2em; 
}
/* Call Us - Specific */
.call-us-puff .h2 {
    text-align: right !important;
}
.call-us-puff.ez-core .h2 {
    text-align: left !important;
}
.call-us-puff p {
    margin-top: 1em !important;
}
.call-us-puff.has-more-numbers p {
    margin-top: 0 !important;
}
.call-us-puff.ez-core p {
    margin-top: 0.2em !important;
}
.call-us-puff .tgl-btn {
    float: right;
}
.call-us-puff .form {
    margin-top: 0.4em;
}
/* Demo - Specific */
.demo-puff .h2 {
    padding-bottom: 0 !important;
    line-height: 1.3em !important;
}
.demo-puff .form {
    margin-top: 1.5em;
}
/* Call Us - As Single Contact Form */
.call-us-and-demo.sngl-form .call-us-puff.pr-bg-c-color-1 {
    background-color:transparent;
    padding:0;
}
.call-us-and-demo.sngl-form .call-us-puff .h2 {
    text-align: left !important;
}
.call-us-and-demo.sngl-form  .h2,
.call-us-and-demo.sngl-form  h3,
.call-us-and-demo.sngl-form  p,
.call-us-and-demo.sngl-form  a {
    color: inherit !important;
}
.call-us-and-demo.sngl-form  .h2 {
    font-size: 20px !important;
    line-height: 23px !important;
    padding: 0.25em 0 0em 0!important;
}
.call-us-and-demo.sngl-form  p{
    margin-top: 0.3em !important;
}
.call-us-and-demo.sngl-form  p,
.call-us-and-demo.sngl-form  a {
    color: #666 !important;
    font-size:13px;
    line-height:19px;
}
.call-us-and-demo.sngl-form .puff.pr-bg-c-color-1 .form-discrete .tbx {
    border-color:#aaaaaa;
    font-size:13px;
    padding-top:0.3em;
    padding-bottom:0.3em;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.call-us-and-demo.sngl-form .puff.pr-bg-c-color-1 .form-discrete .tbx.watermark {
    background-color:transparent;
    color: #B8B8B8;
    border-color:#C5C5C5;
}

/*
* START - Shortcuts template("artologik-start-shortcuts.htm")
*/
.st-shortcuts ul.nav{
    float: left;
    width: 50%;
    margin-top:6px;
}
.st-shortcuts ul.nav > li {
    margin: 6px 0;
}
.st-shortcuts ul.nav > li.first {
    margin-top: 0;
}
.st-shortcuts ul.nav > li.last {
    margin-bottom: 0;
}
.st-shortcuts ul.nav > li span {
    display:block;
}
.st-shortcuts ul.nav.nav-1 > li > span { padding-right: 5.063291%; }
.st-shortcuts ul.nav.nav-2 > li > span {  padding-left: 5.063291%; }
.content .st-shortcuts ul.nav.nav-1 > li > span { padding-right: 5.072463%; }
.content .st-shortcuts ul.nav.nav-2 > li > span {  padding-left: 5.072463%; }
.st-shortcuts ul.nav > li > span > a:link,
.st-shortcuts ul.nav > li > span > a:visited,
.st-shortcuts ul.nav > li > span > a:hover,
.st-shortcuts ul.nav > li > span > a:active {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0.95em 50%;
    
    color: #fff;
    font-size: 1.04em;
    font-weight: bold;
    display: block;
    line-height: 1.50em;
    padding: 1.06em 0.7em 1.1em 4.6em;
    position: relative;
    text-align: left;
    text-decoration: none;
}
.st-shortcuts ul.nav > li > span > a {
    background-color:#8a8b8e; /* Default overridden by Product specific complement color, look further up... */
}
.st-shortcuts ul.nav > li > span > a:hover {
    opacity: 0.85;
}
.st-shortcuts ul.nav > li > span > a:after {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3.45em;
    width: 3px;
}
/* Shortcut link icon : Link order specific */
.st-shortcuts ul.nav > li > span > a:before {
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 22px;
    margin-top: -12px;
}
.i-try-site a:before{
    content:"\e622" /* star-outlined */
}
.i-about a:before,
.i-prices a:before,
.i-mail a:before {
    font-family: Arial;
    font-weight: bold;
    font-size: 26px;
}
.i-about a:before {
    content: "?";
    font-weight: bold;
    padding-left: 3px;
}
.art-body.fr .st-shortcuts ul.nav.nav-1 > li.first > span > a,
.art-body.de .st-shortcuts ul.nav.nav-1 > li.first + li > span > a{
    letter-spacing: -1px;
}
.i-docs a:before{
    content:"\e349"; /* stack-list */
}
.i-prices a:before{
    content: "$\a0";
    font-weight: normal;
    padding-left: 4px;
    margin-top: -13px;
}
.i-call a:before{
    content:"\e0da"; /* phone */
}
.i-mail a:before{
    content: "@";
    font-weight: normal;
    font-size: 21px;
}
.i-screens a:before{
    content:"\e120"; /* screen */
}
.i-videos a:before{
    content:"\e623"; /* helpdesk (will link to Support until Videos are live and kicking... ) */
    font-size: 15px !important;
    margin-top: -8px !important;
    left: 2px !important;
}
/* NavAsShortcutsControl - Using the shortcuts layout for presenting shortcuts to sub pages for a certain "root page" */
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:link,
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:visited,
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:hover,
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:active {
    background-image: url('../../documents/artologik/images/document-plug-in-link-bg.png');
    background-position: right -39px top 0;
    background-repeat: no-repeat;
}
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:after {
    display:none;
}
.st-shortcuts ul.nav > li > span > a > em {
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.2;
    padding: 0.6em 0 0.4em;
}
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a > em {
    min-height:42px;
}
/* ###### ART15-01 ###### */
.art15-01 .st-shortcuts {
    padding-top:0.8em;
    margin-top:-4px;
}
.st-shortcuts.plugin-shortcuts,
.art15-01 .st-shortcuts.plugin-shortcuts {
    padding-top:0.8em;
    padding-bottom:1.5em;
}
.art15-01 .st-shortcuts ul.nav > li > span > a:link,
.art15-01 .st-shortcuts ul.nav > li > span > a:visited,
.art15-01 .st-shortcuts ul.nav > li > span > a:hover,
.art15-01 .st-shortcuts ul.nav > li > span > a:active,
.st-shortcuts.ct-shortcuts ul.nav > li > span > a:link,
.st-shortcuts.ct-shortcuts ul.nav > li > span > a:visited,
.st-shortcuts.ct-shortcuts ul.nav > li > span > a:hover,
.st-shortcuts.ct-shortcuts ul.nav > li > span > a:active {
    font-size:13px;
    line-height: 1;
    padding: 0.923077em 0.7em 0.846154em 3.769231em;
}
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:link,
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:visited,
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:hover,
.st-shortcuts.plugin-shortcuts ul.nav > li > span > a:active,
.art15-01 .st-shortcuts.plugin-shortcuts ul.nav > li > span > a:link,
.art15-01 .st-shortcuts.plugin-shortcuts ul.nav > li > span > a:visited,
.art15-01 .st-shortcuts.plugin-shortcuts ul.nav > li > span > a:hover,
.art15-01 .st-shortcuts.plugin-shortcuts ul.nav > li > span > a:active {
    font-size:16px;
    font-weight:normal;
    padding: 0.923077em 1.0em 0.846154em;
}
.art15-01 .st-shortcuts ul.nav > li > span > a:after,
.st-shortcuts.ct-shortcuts ul.nav > li > span > a:after {
    left:2.769231em; /* 36 */
    width:2px;
}
/* - Shortcut link icon : Link order specific */
.art15-01 .st-shortcuts ul.nav > li > span > a:before {
    left: 10px;
    font-size: 18px;
    margin-top: -10px;
}
.art15-01 .st-shortcuts ul.nav.nav-1 > li.first + li > span > a:before{ /* ? */
    font-size: 20px;
}
.art15-01 .st-shortcuts ul.nav.nav-1 > li.last > span > a:before{ /* Docs */
    font-size: 16px;
    margin-top: -9px;
}
.art15-01 .st-shortcuts ul.nav.nav-2 > li.first > span > a:before{ /* $ */
    padding-left: 3px;
    margin-top: -10px;
    font-size: 20px;
}
.art15-01 .st-shortcuts ul.nav.nav-2 > li.last > span > a:before{ /* @ */
    font-size: 17px;
}
/* - Shortcut for CONTENT page where you can set own custom icons for each shortcut/link  */
.st-shortcuts.ct-shortcuts ul.nav.nav-1 > li > span { padding-right: 1.1em; }
.st-shortcuts.ct-shortcuts ul.nav.nav-2 > li > span { padding-left:  1.1em; }
.st-shortcuts.ct-shortcuts ul.nav > li > span {
    position:relative;
}
.st-shortcuts.ct-shortcuts ul.nav > li > span > [class^="fi-"] {
    position:absolute;
    top:50%;
    left: 0.53em;
    font-size: 18px;
    margin-top: -10px;
    color: #fff;
    z-index:1;
}

/*
* SPECCH-BUBBLE-Banner
*/
.sp-bbl-wrp {
    position:relative;
}
.sp-bbl {
    position:absolute;
    z-index:100;
}
.sp-bbl > span {
    font-family:RobotoLight;
    font-size:19px;
    line-height:1;
    padding:12px 18px 13px; /* em wont work... */
    color:#fff;
    display:inline-block;
    position:relative;

    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
       -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
            box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4);
}
.sp-bbl > span:before {
    content:"";
    background:transparent none;
    display:inline-block;
    font-family:Arial;
    font-size:32px;
    position:absolute;
}
.sp-btm-rgt > span:before {
    content:"◤";
    bottom:-24px;
    right:0.6em;
    text-shadow:3px 1px 3px rgba(0,0,0,0.3);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  /* IE10+ */  
    .sp-btm-rgt > span {
        margin-bottom:1px;
    }
   .sp-btm-rgt > span:before {
        bottom:-23px;
    }
}

/*
* START - Contact us template("artologik-start-contact.htm")
*/
.st-contact .st-sec {
    float: left;
    width: 50%;
}
.st-contact .st-sec > div{
    background-color: #9d4e7c;
    min-height: 162px;
}
/*.astrakan .st-contact .st-sec > div { background-color: #118855; }*/
.st-contact .sec-1 > div{
    margin-right: 5.063291%;
}
.st-contact .sec-2 > div{
    margin-left: 5.063291%;
}
.st-contact .sec-1 .contact-1{
    float: left;
    width: 44%;
}
.st-contact .sec-1 .contact-2{
    float: left;
    width: 56%;
    text-align: right;
}
.st-contact .sec-1 .contact-1,
.st-contact .sec-1 .contact-2{
    padding-top: 0.7em;
}
.st-contact .sec-1 .contact-1,
.st-contact .sec-1 .contact-2,
.st-contact .sec-2 .contact-2{
    padding-bottom: 0.9em;
}
.st-contact .sec-2 .contact-1{
    padding-top: 1em;
}
.st-contact .sec-2 .contact-2{
    padding-top: 1.2em;
}
/* Contact us template : Font layout */
.st-contact .st-sec h3,
.st-contact .st-sec h4,
.st-contact .st-sec p,
.st-contact .st-sec a:link,
.st-contact .st-sec a:visited{
    font-family: Arial;
    color: #fff;
    margin: 0;
    padding: 0 13px;
    display: block;
}
.st-contact .st-sec .contact-2 p {
    padding-left: 0;
}
.st-contact .st-sec h3 {
    background: transparent url('../../documents/artologik/images/shortcut-ico-phone.png') no-repeat 13px 50%;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    padding: 1em 0 1em 3.6em;
    border-bottom: solid 1px #fff;
    margin: 0;
}
.st-contact .st-sec.sec-2 h3 {
    background-image: url('../../documents/artologik/images/shortcut-ico-email.png');
}
.st-contact .st-sec h4 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
}
.st-contact .st-sec p,
.st-contact .st-sec a{
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
}
.st-contact .st-sec p br{
    line-height: 2.2em;
}

/*
* START / CONNECTED PAGE - Connected pages News Control
*/
.cnp .newsWrp p.preamble,
.cnp .newsWrp div.custom1 {
    /* Do not show date/time or "Show all news"-link */
    display: none; 
}
.cnp .newsWrp .news-item a:link,
.cnp .newsWrp .news-item a:visited,
.cnp .newsWrp .news-item a:hover,
.cnp .newsWrp .news-item a:active,
.cnp .newsWrp .news-item p {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
}
.cnp .newsWrp .news-item a:hover{
    text-decoration: underline;
}
.cnp .newsWrp .news-item p {
    font-weight: normal;
    margin-bottom: 9px;
}
/* ###### ART15-01 ###### */
.art15-01 .start .cnp .newsWrp div.custom1 {
    display: block;
    clear: right;
    text-align: right;
    padding-top: 4px;
}
.art15-01 .cnp .newsWrp .news-items-list {
    float:left;
    width:46.8%;
}
.art15-01 .cnp .newsWrp .news-items-list + .news-items-list {
    float:right;
}
.art15-01 .cnp .newsWrp .news-item a:link,
.art15-01 .cnp .newsWrp .news-item a:visited,
.art15-01 .cnp .newsWrp .news-item a:hover,
.art15-01 .cnp .newsWrp .news-item a:active {
    font-family:RobotoRegular;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    color:#414141;
    text-decoration: none;
}
.art15-01 .cnp .newsWrp .news-item a:hover{
    text-decoration: underline;
}
.art15-01 .cnp .newsWrp .news-item p {
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
    color:#717171;
    margin-top: 3px;
    margin-bottom: 15px;
}
/* - Links: "Show all news" and "Read our newsletter" */
.art15-01 .cnp .newsWrp .custom1 a:link,
.art15-01 .cnp .newsWrp .custom1 a:visited,
.art15-01 .cnp .newsWrp .custom1 a:hover,
.art15-01 .cnp .newsWrp .custom1 a:active {
    font-family:RobotoRegular;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color:#878787;
    text-decoration: none;
    display:inline-block;
    margin-left:23px;
    margin-bottom: 1.1em;
}
.art15-01 .cnp .newsWrp .custom1 a:hover {
    text-decoration: underline;
}
.art15-01 .cnp .newsWrp .custom1 a:last-child {
    margin-bottom: 0 !important;
}
.art15-01 .cnp .newsWrp .custom1 a:before {
    font-size:11px; 
    margin-right: 7px;
    color:#999;
}
.art15-01 .cnp .newsWrp .custom1 a:before {
    content:"\e299";
}
.art15-01 .cnp .newsWrp .custom1 a.news-letter:before {
    content:"\e0ee";
    font-size: 15px;
    margin-right: 6px;
}
.art15-01 .cnp .newsWrp .custom1 a:hover,
.art15-01 .cnp .newsWrp .custom1 a:hover:before {
    color:#414141;
}
/*
* START - "Get try site"-template("artologik-start-try-site.htm") 
    & CONTENT - "Extra Footer Get try site"-template("artologik-c-try-site.htm")
    & CONTENT - Compact "Extra Footer Get try site"-template("artologik-c-try-site-compact.htm")
*/
.browser-width > .start-template.t-try-site {
    padding: 0.8em 0 2em 0;
    margin-bottom: 3.3em;
}
.start-template.t-try-site {
    position: relative;
}
.content-template.t-try-site {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
.browser-width > .start-template.t-try-site:before,
.browser-width > .start-template.t-try-site:after {
    background: transparent none no-repeat 0% 0%;
    content: "";
    display: block;
    position: absolute;
    bottom: -7px;
    height: 7px;
    width: 100%;
    background-size: 100% 100%;
}
/*.browser-width > .start-template.t-try-site:before {
    background-image: url('../../documents/artologik/images/try-site-puff-shdw-top-HD.png');
    top: -7px;
}
.browser-width > .start-template.t-try-site:after {
    background-image: url('../../documents/artologik/images/try-site-puff-shdw-btm-HD.png');
    bottom: -7px;
}*/
.t-try-site .sec-1 {
    float: left;
    width: 51%;
}
.t-try-site .sec-2 {
    float: right;
    width: 49%;
}
.t-try-site .ct-sec.sec-1 {
    width: 28.4%;
}
.t-try-site .ct-sec.sec-2 {
    width: 71.5%;
}
.t-try-site h2,
.t-try-site h3,
.t-try-site .read-more,
.t-try-site ul * {
    color: #fff !important;
}
.t-try-site h2 {
    padding-right: 3% !important;
}
.ct-try-site .t-try-site h2 {
    font-size: 1.5em;
    line-height: 1.7em;
    padding: 0;
}
.form.try-site-input h3 {
    font-size: 1.4em;
    line-height: 1.7em;
    padding: 0;
    margin: 0.80em 0 0.2em 0;
}
.ct-try-site .t-try-site h3 {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0.45em 0 0 0;
}
.form.complete-msg h3,
.frmContactUs.complete-msg h3 {
    margin-top: 1.8em;
    margin-bottom: 0.4em;
    text-align: center;
}
.t-try-site ul {
    list-style-type: none;
    margin: 0;
    padding: 0 5% 0 0;
    position:relative; /* Used by li.try-site-banner */
}

.t-try-site ul li {
    /* Most li attributes is found/edited in WP => "Artologik Full browser width"(.theme21) */
    background: transparent url('../../documents/artologik/images/bullet-5px-white.png') no-repeat 0% 0.42em;
}
.ct-try-site .t-try-site ul li {
    background-position: 0% 0.28em;
}
.t-try-site ul li a {
    font-size: inherit !important;
    line-height: inherit !important;
}
.ct-try-site .t-try-site ul li {
    font-size: 1em;
    line-height: 1.1em;
    margin: 0.5em 0;
}
.t-try-site .mouse-pointer-3d {
    position: absolute;
    bottom: -38px;
    left: 35%; /* 49%; */
    z-index: 5;
}
.ct-try-site .t-try-site .mouse-pointer-3d {
    bottom: -46px;
    left: 42.5%; /* 45.5%; */
}
/* Form - Get try site */
.form.try-site {
    padding-left: 0; /* 20%; */
}
.page-form {
    padding-right: 20%;
}
.page-form.try-site {
    padding-left: 0;
}
.ct-try-site .form.try-site {
    padding-left: 10%;
    padding-right: 0;
}
.form.try-site > .inpWrp {
    position: relative; /* So that simpleModal dialog is positioned correct */
    padding-right: 2px;
    padding-top: 0.4em;
    padding-bottom: 0.3em;
}
.form.try-site .lbl {
    display: none;
}
.page-form.try-site .lbl {
    display: block;
}
.form.try-site .tbx,
.page-form .tbx,
.puff .form .tbx {
    border-width: 1px;
    border-style: solid;
    font-size: 1.25em;
    line-height: 1;
    padding-top: 0.23em;
    padding-bottom: 0.2em;
    margin-bottom: 0.5em;
    text-indent: 0.5em;
    
    -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;

    -webkit-box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.5) inset;
	        box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.5) inset;
}
.puff .form-discrete .tbx {
    -webkit-box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.4) inset;
	   -moz-box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.4) inset;
	        box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.4) inset;
}
.astrakan .pr-bg-color .form.try-site .tbx,
.astrakan .pr-bg-color.puff .form-discrete .tbx {
    -webkit-box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0.04em 0.08em 0.2em rgba(0, 0, 0, 0.2) inset;
}
.ct-try-site .form.try-site .tbx {
    font-size: 1.0em;
    margin-bottom: 0.3em;
}
.page-form.try-site .tbx,
.page-form .tbx {
    border: solid 1px #aaaaaa;
    font-size: 1.25em;
    line-height: 1.42em;
    margin-bottom: 0.5em;
    text-indent: 0.5em;
    width:100%;

    -webkit-border-radius: 0;
     -khtml-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

    -webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.puff .form-narrow .tbx,
.puff .form-narrow .btn {
    font-size: 1em;
    line-height: 1;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
.puff .form-narrow .btn {
    padding: 0.3em 0.8em;
}
.form.try-site p {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    opacity: 1.0;
    padding: 0 0.3em;
    margin-bottom: 0.5em;
    margin-top: 0.1em;
}
.cnp .form.try-site p.more-info {
    opacity: 0.6;
    margin-bottom: 0.6em;
    font-size: 11px;
    padding-left: 4px;
}
.cnp .form.try-site p.more-info.not-used {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 11px;
}
.form.try-site span.more-info > input {
    margin-right: 0.3em;
    vertical-align: text-bottom;
}
.page-form.try-site p {
    color: #767676;
    opacity: 1.0;
    font-size: 1em;
    line-height: 1.3em;
    margin-top: 0.2em;
    margin-bottom: 0.6em;
}
.page-form.try-site p.more-info {
    opacity: 0.7;
    font-size: 0.9em;
    margin-bottom: 1.3em;
}
.page-form.try-site p.more-info.not-used {
    margin-bottom: 0;
}
.page-form.try-site span.more-info > input {
    margin-bottom: 0.15em;
}
.ct-try-site .form.try-site p {
    margin-bottom: 0.7em;
    font-size: 11px;
    line-height: 15px;
}
.form.try-site .read-more {
    display: inline-block;
    margin-top: 0.7em;
    float: left;
    opacity: 0.4;
}
.page-form.form.try-site .read-more {
    opacity: 0.5;
}
.ct-try-site .form.try-site .read-more {
    font-size: 0.9em !important;
}
.form.try-site .read-more:hover {
    opacity: 0.8;
}

.btn,
.siteCSS a.btn,
#site-content .siteCSS.theme0 .ct-1 a.link1:link, /* Also check Web_CustomerSpecific.css for more definitions/inheritance for ".theme0 a.link1" */
#site-content .siteCSS.theme0 .ct-1 a.link1:visited,
#site-content .siteCSS.theme0 .ct-1 a.link1:hover,
#site-content .siteCSS.theme0 .ct-1 a.link1:active {
    padding: 0.2em 1.5em;

    -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}
.btn,
.siteCSS a.btn {
    background-color: #8a8b8e;
    border-color: #a7a8aa #848487 #7f8083 #9a9a9d;
    color: #fff;
    font-size: 1.19em;
    line-height: 1.25em;
    letter-spacing: 1px;
    /* Art15-01 - So thath "Go to Try Site"-link-button will be shown as a button */
    display:inline-block;
    text-decoration:none !important;
}
.btn:hover { opacity:0.85; }
[class*="pr-bg-"] .btn:hover { opacity:1; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.25); }
.btn:active,
.btn:focus {
    outline:none;
}
.siteCSS a.btn {
    color: #fff !important; /* override ":visited" and so on */
}
.form.try-site .btn {
    float: right;
}
.ct-try-site .form.try-site .btn {
    font-size: 1.05em;
    line-height: 1.25em;
}
.plBtnBar.pl .btn {
    font-size: 1.0em; /* PriceListControl --> "Create order" */
}
.btn[disabled],
.btn[disabled]:hover {
    cursor:not-allowed;
    pointer-events:none;
    opacity:0.35;
}
/* Product Color */
.helpdesk           .t-try-site .btn,
.helpdesk           .puff.pr-bg-color .btn  { background-color: #6b4558; border-color: #967786 #5e3c4d #513442 #866173; }
.helpdesk           .mdl-dlg-footer .btn    { border-color:#5e3c4d; }
.surveyandreport    .form.try-site .btn,
.surveyandreport    .puff.pr-bg-color .btn  { background-color: #8e7647; border-color: #b8a06f #826c41 #74613a #ac9058; }
.surveyandreport    .mdl-dlg-footer .btn    { border-color:#826c41; }
.ezbooking          .form.try-site .btn,
.ezbooking          .puff.pr-bg-color .btn  { background-color: #ac9225; border-color: #d9bd4c #9b8321 #8c761e #d3b330; }
.ezbooking          .mdl-dlg-footer .btn    { border-color:#9b8321; }
.projectmanager     .form.try-site .btn,
.projectmanager     .puff.pr-bg-color .btn  { background-color: #55724c; border-color: #7fa274 #4c6544 #42583b #6b9060; }
.projectmanager     .mdl-dlg-footer .btn    { border-color:#4c6544; }
.time               .form.try-site .btn,
.time               .puff.pr-bg-color .btn  { background-color: #9d9638; border-color: #c7c060 #908933 #817b2e #beb646; }
.time               .mdl-dlg-footer .btn    { border-color:#908933; }
.webpublish         .form.try-site .btn,
.webpublish         .puff.pr-bg-color .btn  { background-color: #a44e4e; border-color: #c17c7c #994949 #8d4343 #b76767; }
.webpublish         .mdl-dlg-footer .btn    { border-color:#994949; }
/* Product Complement Color */
.helpdesk           .puff.pr-bg-c-color-1 .btn { background-color: #345373; border-color: #657b92 #28415a #23384e #4c6681; }
.surveyandreport    .puff.pr-bg-c-color-1 .btn { background-color: #318680; border-color: #46bcb4 #286d68 #235f5b #3aa099; }
.ezbooking          .puff.pr-bg-c-color-1 .btn { background-color: #4d679e; border-color: #7c8daf #435a8b #3f5582 #5b76b0; }
.projectmanager     .puff.pr-bg-c-color-1 .btn { background-color: #734d5c; border-color: #9a7584 #60404d #563a45 #895c6e; }
.time               .puff.pr-bg-c-color-1 .btn { background-color: #54587f; border-color: #7d80a0 #484b6d #414463 #616593; }
.webpublish         .puff.pr-bg-c-color-1 .btn { background-color: #4d8f94; border-color: #7faaae #437c80 #3e7377 #58a3a9; }
/* ASTRAKAN */
.astrakan         .form.try-site .btn,
.astrakan         .puff.pr-bg-color .btn { background-color: #3b82d8; border-color: #7daeeb #317cd8 #2574d7 #5590d9; }
/* ASTRAKAN - Product Complement Color */
.astrakan         .puff.pr-bg-c-color-1 .btn { background-color: #197048; border-color: #41976f #145939 #114c31 #1f8a58; }
/* Buttonbar - May be used outside a form */
.btn-bar {
    padding-top: 1.4em;
    text-align: right; 
}
/* Form - Labels */
.page-form .lbl,
.data-table tr > th,
.formWrapper .formRow > .formCol1 {
    color: #5d5d5d !important;
    font-weight: bold !important;
    text-align: left !important;
}
.data-table tr > th {
    padding-right: 0.5em !important;
}
/* Form - Get try site : Watermark */
.helpdesk           .form.try-site .tbx.watermark { color: #c19daf; }
.surveyandreport    .form.try-site .tbx.watermark { color: #ccbb98; }
.ezbooking          .form.try-site .tbx.watermark { color: #e2cd78; }
.projectmanager     .form.try-site .tbx.watermark { color: #a4bd9d; }
.time               .form.try-site .tbx.watermark { color: #d7d28e; }
.webpublish         .form.try-site .tbx.watermark { color: #d6a9a9; }
/* ASTRAKAN */
.astrakan           .form.try-site .tbx.watermark { color: #a7cbf7; }
                    .page-form .tbx.watermark { color: #b5b5b5 !important; }

/* Puff - Form discrete watermark - Product Color */
.helpdesk           .puff.pr-bg-color .form-discrete .tbx.watermark { background-color: #a08291; color: #cac0c5; }
.surveyandreport    .puff.pr-bg-color .form-discrete .tbx.watermark { background-color: #b6a27c; color: #ddd3c0; }
.ezbooking          .puff.pr-bg-color .form-discrete .tbx.watermark { background-color: #c7b56e; color: #e5dfc8; }
.projectmanager     .puff.pr-bg-color .form-discrete .tbx.watermark { background-color: #83997c; color: #bcc2ba; }
.time               .puff.pr-bg-color .form-discrete .tbx.watermark { background-color: #bfba7e; color: #dedcc5; }
.webpublish         .puff.pr-bg-color .form-discrete .tbx.watermark { background-color: #be8888; color: #d9c7c7; }
/* Puff - Form discrete watermark - Product Complement Color */
.helpdesk           .puff.pr-bg-c-color-1 .form-discrete .tbx.watermark { background-color: #5c7da0; color: #adb8c4; }
.surveyandreport    .puff.pr-bg-c-color-1 .form-discrete .tbx.watermark { background-color: #6ba8a3; color: #bed5d4; }
.ezbooking          .puff.pr-bg-c-color-1 .form-discrete .tbx.watermark { background-color: #8090b1; color: #BDC1CC; }
.projectmanager     .puff.pr-bg-c-color-1 .form-discrete .tbx.watermark { background-color: #9d7987; color: #C5BCC0; }
.time               .puff.pr-bg-c-color-1 .form-discrete .tbx.watermark { background-color: #8083a2; color: #BEBEC5; }
.webpublish         .puff.pr-bg-c-color-1 .form-discrete .tbx.watermark { background-color: #82acaf; color: #C7D5D6; }

/* Form - Get try site -> BANNER, showing temporary message like "We are now doing the final work woth our new version of PM/TIME... " */
.form.try-site p.try-site-banner,
li.try-site-banner > p.try-site-banner {
    padding:0.8em;

    border-radius: 10px;
    color:#fff;
}
/* Form - Get try site -> BANNER, When moved above bullet list */
.t-try-site .sec-1 ul > li.try-site-banner {
    position:absolute;
    top:0.5em;
    left:0;
    background:transparent none !important;
    list-style-type:none !important;
    padding:0;
    margin:0;
}
.t-try-site .sec-1 li.try-site-banner > p.try-site-banner{
    width:91%;
    padding: 1.2em;
    box-sizing: border-box;
    border-width: 3px;
    border-style: solid;
    font-size:0.9em;
    line-height: 1.4;
    letter-spacing: 1px;

    -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,.6);
            box-shadow: 0px 0px 9px 1px rgba(0,0,0,.6);

    -webkit-transform: rotate(352deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(352deg);  /* IE 9 */
            transform: rotate(352deg);  /* Firefox 16+, IE 10+, Opera */

    writing-mode:lr-tb;
}
.t-try-site .sec-1 li.try-site-banner > p.try-site-banner:hover{
    opacity:0.1;
}
/* Form - Get try site -> BANNER, inside bottom cnp */
.ct-try-site .sec-1 li.try-site-banner > p.try-site-banner {
    width:98%;
}

/* Call Us nad Demo - Phone Country Code Textbox */
.tbx-phone-cc {
    width: 3em;
}
/* Form - Get try site : Phone number with country code */
.form .inp-phone-cc {
    position: relative;
}
.form.try-site .inp-phone-cc .tbx {
    margin-bottom: 0;
}
.form.try-site .inp-phone-cc .tbx.phone-cc {
    width: 3em;
    padding-right: 0.2em;
    text-align: right;
    text-indent: 0;
}
.form.try-site .inp-phone-cc .tbx.phone-cc.watermark {
    width: 3em;
    padding-right: 0.2em;
    text-align: left;
    text-indent: 0.5em;
}
.form.try-site .inp-phone-cc .tbx.phone-nb {
    position: absolute;
    left: 3.4em;
    right: 0;
    width: auto;
}
/* Form - Get try site : Phone Contry Code ComboBox */
.form .cmbx-phone-cc {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 2.1em;
    border-style: solid;
    border-width: 1px;
    z-index: 20;
}
.form.form-narrow .cmbx-phone-cc {
    top: -0.4em;
}
.form .cmbx-phone-cc > input.tbx{
    background: #fff none no-repeat 98.4% 49%;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #ccc;
    text-indent: 0.5em;
    font-size: 1em;
    line-height: 1.5em;

    -webkit-border-radius: 0px;
     -khtml-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;

    -webkit-box-shadow: 0.15em 0.15em 0.2em rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0.15em 0.15em 0.2em rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0.15em 0.15em 0.2em rgba(0, 0, 0, 0.2) inset;
}
.form .cmbx-phone-cc > input.watermark{
    background-position: 0.35em 49%;
    text-indent: 1.6em;
}
.form .cmbx-phone-cc > ul,
.form .cmbx-phone-cc > ul > li {
    background-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.form .cmbx-phone-cc > ul{
    height: 10em;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.5em 0 0 0;
}
.form .cmbx-phone-cc > ul > li {
    color:#545454 !important;
    font-size: 1em;
    padding: 0.1em 0.2em;
    cursor: default;
}
.form .cmbx-phone-cc > ul > li:hover {
    background-color: Highlight;
}
.form .cmbx-phone-cc > ul > li.split {
    border-bottom: dashed 1px #ccc;
    margin: 12em 0em;
    line-height:1px;
    font-size:1px;
}
.form .cmbx-phone-cc > input.tbx {
    background-color: #fff !important;
}
.helpdesk           .form .cmbx-phone-cc > input.tbx { background-image: url('../../documents/artologik/images/try-site-magnifier-HD.png'); }
.surveyandreport    .form .cmbx-phone-cc > input.tbx { background-image: url('../../documents/artologik/images/try-site-magnifier-SR.png'); }
.ezbooking          .form .cmbx-phone-cc > input.tbx { background-image: url('../../documents/artologik/images/try-site-magnifier-EZ.png'); }
.projectmanager     .form .cmbx-phone-cc > input.tbx { background-image: url('../../documents/artologik/images/try-site-magnifier-PM.png'); }
.time               .form .cmbx-phone-cc > input.tbx { background-image: url('../../documents/artologik/images/try-site-magnifier-TIME.png'); }
.webpublish         .form .cmbx-phone-cc > input.tbx { background-image: url('../../documents/artologik/images/try-site-magnifier-WP.png'); }
/* Form - Confirm automatically created try site */
.confirm-trysite .enter-code .page-form {
    margin-top: 2em;
    padding-right: 0;
}
.confirm-trysite #confirmTestSiteWrapper > .grid {
    margin-top: 1em;
}
.confirm-trysite #confirmTestSiteWrapper > .btn-bar {
    padding-top: 0;
}
.captchaImg {
    min-height: 58px;
}
.captchaImg > img {
    height: 55px;
    width: 183px;
}
.captchaTbx {
    float: left;
    margin-right: 1px;
}
/* Puff Form - Table input form */
table.input {
    width: 100%;
    box-sizing: border-box;
}
table.input > tbody > tr > td {
    vertical-align: top;
}
.puff table.input > tbody > tr > td {
    padding: 0 1px;
}


/* CONTENT-SPECIFIC - "Extra Footer Get try site"-template("artologik-c-try-site.htm" and "artologik-c-try-site-compact.htm") */
.ct-try-site.browser-width.pr-brd-color {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.ct-try-site .t-try-site > .pr-v-split {
    background-color: transparent;
    background-position: 26.1% 0%;
}
.ct-try-site .ct-sec.sec-1 {
    padding-top: 0.4em;
}
.ct-try-site .t-try-site ul.nav {
    padding: 0 15% 0 0;
}
.ct-try-site .t-try-site ul.nav > li {
    font-size: 1em;
    line-height: 1;
    margin:0;
    padding:0;
    background:transparent none;
}
.ct-try-site .t-try-site ul.nav > li > a {
    position:relative;
    display: inline-block;
    text-decoration: none;
    font-size: 0.9em !important;
    margin: 0.45em 0 0.2em;
    padding: 0.25em 0 0.3em 36px;
    white-space:nowrap;
}
.ct-try-site .t-try-site ul.nav > li > a:before {
    position: absolute;
    top: 50%;
    left: 1px;
    font-size: 18px;
    margin-top: -10px;
}
/* Look above for the icons used for li:before, shares definitions with ".st-shortcuts ul.nav.nav-1 > li.first > span > a:before" */
.ct-try-site .t-try-site ul.nav li a:hover{
    text-decoration: none;
    text-shadow: 0 0 6px rgba(255,255,255,1);
}
/* 
* Compact Extra Program Footer ("artologik-c-try-site-compact.htm") 
*/
.ct-try-site.ct-try-site-compact .t-try-site > .pr-v-split {
    background-position:50% 0%;
}
.ct-try-site-compact > h2 {
    text-indent:-9999px;
    height:0;
    width:0;
    margin:0 !important;
    padding:0 !important;
}
.ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-1 {
    width:47%;
    float:right;
    padding-top:0;
}
.ct-try-site.ct-try-site-compact .t-try-site .ct-sec.sec-2 {
    background:transparent none repeat-x 0 0;
    float:left;
    width:53%;
    padding-top:1px;
}
/*  - bullet list, make room for "Start testing"-button */
.ct-try-site.ct-try-site-compact .sec-1 .t-try-site ul > li + li {
    margin-right:140px;
}
/*  - Shortcuts list */
.ct-try-site.ct-try-site-compact .t-try-site ul.nav {
    padding: 0 8.5% 0 0;
    margin-bottom:-1.1em;
}
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li {
    float: left;
}
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-videos,
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices           { width: 27%; }
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-screens,
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-about            { width: 42%; }
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-docs,
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail             { width: 31%; }

.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-prices > a:before {
    padding-left:3px;
}
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.i-mail > a:before {
    padding-left:2px;
}

.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li.nav-split {
    float: none;
    width: 100%;
    clear:both;
    height:0;
}
.ct-try-site.ct-try-site-compact .t-try-site ul.nav > li > a {
    margin-bottom:1.1em;
}
/* - "Go to try site"-button */
.ct-try-site.ct-try-site-compact .sec-1 .btn {
    position:absolute;
    right:0;
    bottom:0;
}
/* - Speech bubble for "Try the program for free" */
.ct-try-site.ct-try-site-compact .sp-bbl {
    right:0;
    top:-4.3em;
}

/*
* START - "Five fast facts"-template("artologik-start-five-fast-facts.htm") & "Our products"-template("artologik-start-products.htm")
*/
.st-fff > .h2,
.st-fff.st-products > .h2,
.st-products > .h2 {
    display: block;
    margin-bottom: 0.6em;
}
.st-fff .st-sec,
.st-products .st-sec  {
    background-color: #eeeeee; /* #e9e9e9 */
    float: left;
    margin-bottom: 2.5em;
    width: 30.894308%;
    position: relative;
}
.st-fff .st-sec.clickable:hover .h2-wrp,
.st-products .st-sec.clickable:hover .h2-wrp  {
    opacity:0.7;
}
.st-fff .st-sec:before,
.st-products .st-sec:before  {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 48px;
    width: 3px;
    opacity: 1;
    z-index: 2;
}
.st-fff .st-sec .h2-wrp > h2,
.st-products .st-sec .h2-wrp > h2 {
    /* H2 - More definitions can be found in SiteCss.css */
    font-size: 1.7em !important;
    line-height: 1.4em !important;
    margin: 0;
    padding-bottom: 0.29em;
    padding-top: 0.35em;
    border-bottom: solid 3px #fff;
    min-height: 48px;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
.artologik .st-fff .st-sec .h2-wrp > h2,
.artologik .st-products .st-sec .h2-wrp > h2 {
    font-size: 1.9em !important;
    line-height: 1.3em !important;
}
.st-products.st-products-only .st-sec .h2-wrp > h2 {
    color: #fff;
    padding-top: 0.33em;
}
.st-fff .st-sec .h2-wrp > h2,
.st-fff .st-sec div > p,
.st-products .st-sec .h2-wrp > h2,
.st-products .st-sec div > p {
    padding-left: 61px;
    padding-right: 12px;
}
.st-fff .st-sec div > p,
.st-products .st-sec div > p {
    line-height: 18px;
    margin: 0.5em 0 1em 0;
}
.st-fff .sec-1,
.st-fff .sec-2 {
    width: 48.170731%;
}
.st-fff .sec-2,
.st-fff .sec-5,
.st-products .sec-3,
.st-products .sec-6 {
    float:right;
}
.st-fff.st-products .sec-3{
    float:left;
}
.st-fff .sec-3,
.st-fff.st-products .sec-3,
.st-products .sec-4 {
    clear: left;
}
.st-fff.st-products .sec-4 {
    clear: none;
}
.st-fff .sec-4,
.st-products .sec-2,
.st-products .sec-5 {
    margin-left: 3.658536%;
    margin-right: 3.658536%;
}
.st-fff.st-products .sec-2,
.st-fff.st-products .sec-5 {
    margin-left: 0;
    margin-right: 0;
}
.st-fff .sec-3,
.st-fff .sec-4,
.st-fff .sec-5,
.st-products .sec-4,
.st-products .sec-5,
.st-products .sec-6 {
    margin-bottom: 0;
}
.st-fff .st-sec .h2-wrp,
.st-products .st-sec .h2-wrp {
    background-repeat: no-repeat;
    background-position: 0% 0%;
}
.st-sff.st-products .st-sec > .h2-wrp {
    background-color: transparent;
}
/* Numbers : Default */
.st-fff .sec-1 > .h2-wrp,
.st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-gray-nb-1-high.png'); }
.st-fff .sec-2 > .h2-wrp,
.st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-gray-nb-2-high.png'); }
.st-fff .sec-3 > .h2-wrp,
.st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-gray-nb-3-high.png'); }
.st-fff .sec-4 > .h2-wrp,
.st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-gray-nb-4-high.png'); }
.st-fff .sec-5 > .h2-wrp,
.st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-gray-nb-5-high.png'); }
.st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-gray-nb-6-high.png'); }
/* Numbers : Product specific */
.helpdesk           .cnpBottom.upper > .siteCSS:first-child .st-fff > .h2, 
.surveyandreport    .cnpBottom.upper > .siteCSS:first-child .st-fff > .h2, 
.ezbooking          .cnpBottom.upper > .siteCSS:first-child .st-fff > .h2, 
.projectmanager     .cnpBottom.upper > .siteCSS:first-child .st-fff > .h2, 
.time               .cnpBottom.upper > .siteCSS:first-child .st-fff > .h2, 
.webpublish         .cnpBottom.upper > .siteCSS:first-child .st-fff > .h2 {
    display: none;
}

.helpdesk .st-fff .sec-1 > .h2-wrp,
.helpdesk .st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-1-high-HD.png'); }
.helpdesk .st-fff .sec-2 > .h2-wrp,
.helpdesk .st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-2-high-HD.png'); }
.helpdesk .st-fff .sec-3 > .h2-wrp,
.helpdesk .st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-3-high-HD.png'); }
.helpdesk .st-fff .sec-4 > .h2-wrp,
.helpdesk .st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-4-high-HD.png'); }
.helpdesk .st-fff .sec-5 > .h2-wrp,
.helpdesk .st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-5-high-HD.png'); }
.helpdesk .st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-6-high-HD.png'); }

.surveyandreport .st-fff .sec-1 > .h2-wrp,
.surveyandreport .st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-1-high-SR.png'); }
.surveyandreport .st-fff .sec-2 > .h2-wrp,
.surveyandreport .st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-2-high-SR.png'); }
.surveyandreport .st-fff .sec-3 > .h2-wrp,
.surveyandreport .st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-3-high-SR.png'); }
.surveyandreport .st-fff .sec-4 > .h2-wrp,
.surveyandreport .st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-4-high-SR.png'); }
.surveyandreport .st-fff .sec-5 > .h2-wrp,
.surveyandreport .st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-5-high-SR.png'); }
.surveyandreport .st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-6-high-SR.png'); }

.ezbooking .st-fff .sec-1 > .h2-wrp,
.ezbooking .st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-1-high-EZ.png'); }
.ezbooking .st-fff .sec-2 > .h2-wrp,
.ezbooking .st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-2-high-EZ.png'); }
.ezbooking .st-fff .sec-3 > .h2-wrp,
.ezbooking .st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-3-high-EZ.png'); }
.ezbooking .st-fff .sec-4 > .h2-wrp,
.ezbooking .st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-4-high-EZ.png'); }
.ezbooking .st-fff .sec-5 > .h2-wrp,
.ezbooking .st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-5-high-EZ.png'); }
.ezbooking .st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-6-high-EZ.png'); }

.projectmanager .st-fff .sec-1 > .h2-wrp,
.projectmanager .st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-1-high-PM.png'); }
.projectmanager .st-fff .sec-2 > .h2-wrp,
.projectmanager .st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-2-high-PM.png'); }
.projectmanager .st-fff .sec-3 > .h2-wrp,
.projectmanager .st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-3-high-PM.png'); }
.projectmanager .st-fff .sec-4 > .h2-wrp,
.projectmanager .st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-4-high-PM.png'); }
.projectmanager .st-fff .sec-5 > .h2-wrp,
.projectmanager .st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-5-high-PM.png'); }
.projectmanager .st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-6-high-PM.png'); }

.time .st-fff .sec-1 > .h2-wrp,
.time .st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-1-high-TIME.png'); }
.time .st-fff .sec-2 > .h2-wrp,
.time .st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-2-high-TIME.png'); }
.time .st-fff .sec-3 > .h2-wrp,
.time .st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-3-high-TIME.png'); }
.time .st-fff .sec-4 > .h2-wrp,
.time .st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-4-high-TIME.png'); }
.time .st-fff .sec-5 > .h2-wrp,
.time .st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-5-high-TIME.png'); }
.time .st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-6-high-TIME.png'); }

.webpublish .st-fff .sec-1 > .h2-wrp,
.webpublish .st-fff .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-1-high-WP.png'); }
.webpublish .st-fff .sec-2 > .h2-wrp,
.webpublish .st-fff .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-2-high-WP.png'); }
.webpublish .st-fff .sec-3 > .h2-wrp,
.webpublish .st-fff .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-3-high-WP.png'); }
.webpublish .st-fff .sec-4 > .h2-wrp,
.webpublish .st-fff .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-4-high-WP.png'); }
.webpublish .st-fff .sec-5 > .h2-wrp,
.webpublish .st-fff .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-5-high-WP.png'); }
.webpublish .st-fff .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-nb-6-high-WP.png'); }

/* ASTRAKAN - Colored numbers in Five facts */
.astrakan .st-fff .sec-1 > .h2-wrp,
.astrakan .st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/astrakan/images/ico-nb-1-high-AST.png'); }
.astrakan .st-fff .sec-2 > .h2-wrp,
.astrakan .st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/astrakan/images/ico-nb-2-high-AST.png'); }
.astrakan .st-fff .sec-3 > .h2-wrp,
.astrakan .st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/astrakan/images/ico-nb-3-high-AST.png'); }
.astrakan .st-fff .sec-4 > .h2-wrp,
.astrakan .st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/astrakan/images/ico-nb-4-high-AST.png'); }
.astrakan .st-fff .sec-5 > .h2-wrp,
.astrakan .st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/astrakan/images/ico-nb-5-high-AST.png'); }
.astrakan .st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/astrakan/images/ico-nb-6-high-AST.png'); }

/* ARTISAN - Colored numbers in Five facts */
.artisan .st-fff .sec-1 > .h2-wrp,
.artisan .st-sff .sec-1 > .h2-wrp { background-image: url('../../documents/artisan/images/ico-nb-1-high-ATI.png'); }
.artisan .st-fff .sec-2 > .h2-wrp,
.artisan .st-sff .sec-2 > .h2-wrp { background-image: url('../../documents/artisan/images/ico-nb-2-high-ATI.png'); }
.artisan .st-fff .sec-3 > .h2-wrp,
.artisan .st-sff .sec-3 > .h2-wrp { background-image: url('../../documents/artisan/images/ico-nb-3-high-ATI.png'); }
.artisan .st-fff .sec-4 > .h2-wrp,
.artisan .st-sff .sec-4 > .h2-wrp { background-image: url('../../documents/artisan/images/ico-nb-4-high-ATI.png'); }
.artisan .st-fff .sec-5 > .h2-wrp,
.artisan .st-sff .sec-5 > .h2-wrp { background-image: url('../../documents/artisan/images/ico-nb-5-high-ATI.png'); }
.artisan .st-sff .sec-6 > .h2-wrp { background-image: url('../../documents/artisan/images/ico-nb-6-high-ATI.png'); }

/*
* START - Screenshot gallery
*/
.st-gallery {
    margin-bottom: 2em;
    margin-top: 1.5em;
}
.content .st-gallery { /* EZ - Core Facility Management (CFM) */
    margin-bottom: 0.8em;
    margin-top: 1.4em;
}

/*
* START - "Our products"-template("artologik-start-products.htm"), also see above for shared attributes with "Five fast facts"-template
*/
.st-products .st-sec > a {
    float: right;
    display: inline-block;
    margin: 0 1em 0.7em 0;
}
.st-products .st-sec div > p {
    margin-bottom: 0.4em;
}
.st-products.st-products-only .sec-1 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-pr-48-HD.png'); }
.st-products.st-products-only .sec-2 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-pr-48-SR.png'); }
.st-products.st-products-only .sec-3 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-pr-48-EZ.png'); }
.st-products.st-products-only .sec-4 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-pr-48-PM.png'); }
.st-products.st-products-only .sec-5 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-pr-48-TIME.png'); }
.st-products.st-products-only .sec-6 > .h2-wrp { background-image: url('../../documents/artologik/images/ico-pr-48-WP.png'); }

/*
* START - "Reference/Customer logotypes"-template("artologik-start-ref-logos.htm")
*/
.st-ref-logos .sec-1 {
    padding-bottom: 2.5em;
    padding-top: 1.8em;
    text-align: center;
}
.content .st-ref-logos .sec-1 { /* EZ - CFM */
    padding-top: 0;
}
.st-ref-logos .sec-1 > a,
.st-ref-logos .sec-1 > img {
    display: inline-block;
    margin-left: 1.5em;
    margin-right: 1.5em;
    padding: 1em 0;
    opacity: 1;
}
.st-ref-logos .sec-1 > a:first-child,
.st-ref-logos .sec-1 > img:first-child {
    margin-left: 0;
}
.st-ref-logos .sec-1 > a:last-child,
.st-ref-logos .sec-1 > img:last-child {
    margin-right: 0;
}
.st-ref-logos .sec-1 > a:hover {
    opacity: 0.7;
}

/*
* START - "4 Columns with h2 and text (used after landing intro-text)" ("artologik-start-4col-h2-p.htm")
*/
.st-4col-h2-p.grid {
    margin-bottom:1.4em;
}
.st-4col-h2-p .grid-unit {
    margin-bottom:1em;
}
.st-4col-h2-p .grid-unit > div {
    clear:both;
}
.st-4col-h2-p .grid-unit > a:link,
.st-4col-h2-p .grid-unit > a:visited,
.st-4col-h2-p .grid-unit > a:hover,
.st-4col-h2-p .grid-unit > a:active {
    display: inline-block;
    float:right;
    font-size:13px;
    color:#999;
    text-decoration:none;
}
.st-4col-h2-p .grid-unit > a:hover {
    color:inherit;
    text-decoration:underline;
}
.st-4col-h2-p .grid-unit > a:after {
    content:"»";
    display: inline-block;
    font-size:15px;
    padding-left:3px;
}
/* - 4 Columns Header Icons */
.st-4col-h2-p .grid-unit > h2:before {
    display: block;
    text-align:center;
    font-size: 38px;
    margin: 12px;
}
/* - 4 Columns Header Icons : Product specific */
.helpdesk           .st-4col-h2-p .grid-unit:first-child > h2:before                                        { content:"\e61b"; }
.helpdesk           .st-4col-h2-p .grid-unit:first-child + .grid-unit > h2:before                           { content:"\e0ed"; }
.helpdesk           .st-4col-h2-p .grid-unit:first-child + .grid-unit + .grid-unit > h2:before              { content:"\e207"; }
.helpdesk           .st-4col-h2-p .grid-unit:first-child + .grid-unit + .grid-unit + .grid-unit > h2:before { content:"\e11b"; }

/*
* START - Two columns, 50/50, for plugins ("artologik-start-h2-2col-plugins.htm")
*/
.st-2col-plugins > .grid > .grid-unit:first-child > * {
    margin-bottom: 1.1em;
}
/* - Speech bubble for "Free personal demo" */
.art15-01 .start .st-2col-plugins > .grid > .grid-unit + .grid-unit {
    position:relative;
}
.art15-01 .start .st-2col-plugins > .grid > .grid-unit + .grid-unit .sp-bbl {
    right: 0.5em;
    top: -2.9em;
}
/* ARTISAN - Is using the ".st-2col-plugins"-template on the site start page */
.artisan-start-products .art-prod-img {
    display: block;
    margin: auto auto;
}
.siteCSS.theme0 .artisan-start-products a.read-more {
    display: block;
    color: #fff;
    background: #4071b3;
    text-align: center;
    padding: 0.8em 11.2px;
    border-radius: 2px;
    text-decoration: none;
    text-shadow: 1px 0 2px rgba(0, 0, 0, 0.6);
}
.siteCSS.theme0 .artisan-start-products a.read-more:hover {
    background: #294a8f;
    text-decoration: underline;
}
    .artisan-start-products .read-more::after {
        content: '\E90C';
        transform: rotate(90deg);
        margin-left: 0.5em;
        display: inline-block;
        vertical-align: middle;
    }
/* Astrakan-column */
.siteCSS.theme0 .artisan-start-products.astrakan a.read-more {
    background: #599ef0;
}
    .siteCSS.theme0 .artisan-start-products.astrakan a.read-more:hover {
        background: #3b82d8;
    }

/*
* START - Single citation, to be used inside a rotating connected pages location on the landing page ("artologik-start-citation.htm")
*/
.st-cust-citat {
    position: relative;
    text-align: right;
    overflow: hidden;
}
.st-cust-citat > img {
    max-width:none !important;
    float:right;              
}
.cc-citation {
    /* For all citations */
    position:absolute;
    text-align:left;
    left:3.789473684210526%; /* 18/475 */
    /* Citation specific */
    top:10%;
    width:50%;              
}
#site-body.start .siteCSS .cc-citation p.imagetext {
    font-family:Arial;
    font-size:12px;
    font-style:italic;
    line-height:19px;
    text-align:left;
    padding:0;              
    margin:1em 0 0.6em;
    color:#565656;
}
#site-body.start .siteCSS .cc-citation p.imagetext + p.imagetext{
    color:#999999;
    margin-top:0;
    line-height:16px;
}
/* - Language, Product and Citation specific */
/* -- Siemens */
.helpdesk .cc-siemens + .cc-citation                { top:15%; width:52%; }
.helpdesk .cc-siemens + .cc-citation > img          { margin-top:-9px; } /* OBS! Half of image/logo height */
/* -- Cosworth */
.helpdesk .cc-cosworth + .cc-citation               { top:17%; width:48%; }
.helpdesk .cc-cosworth + .cc-citation > img         { margin-top:-9px; }
.de.helpdesk .cc-cosworth + .cc-citation            { width:48%; }
/* -- Les-mousquetaires */
.helpdesk .cc-les-mousquetaires + .cc-citation          { top:23%; width:53%; }
.helpdesk .cc-les-mousquetaires + .cc-citation > img    { margin-top:-40px; }
.de.helpdesk .cc-les-mousquetaires + .cc-citation,
.fr.helpdesk .cc-les-mousquetaires + .cc-citation       { top:21%; width:62%; }
.de.helpdesk .cc-les-mousquetaires + .cc-citation > img,
.fr.helpdesk .cc-les-mousquetaires + .cc-citation > img { max-width:103px; margin-top:-33px; }


/* -- Scania */
.helpdesk .cc-scania + .cc-citation                		{ top:8.3%; width:54%; }
.helpdesk .cc-scania + .cc-citation > img + p.imagetext	{ margin-top:1.2em; }

/* - TOOL MODE */
#tblEditArea .start-template.st-cust-citat                                                      { width:475px; padding-top:50px; overflow:visible;}
#tblEditArea .start-template.st-cust-citat > .cc-citation                                       { margin-top:50px; }
#tblEditArea .start-template.st-cust-citat > .cc-citation textarea:not(:last-child)             { min-height:80px; }
#tblEditArea .start-template.st-cust-citat > div[id$='_pnlImage']								{ padding-bottom:185px; }
#tblEditArea .start-template.st-cust-citat > div[id$='_pnlImage'] + .editDescription,
#tblEditArea .start-template.st-cust-citat > div[id$='_pnlImage'] + .editDescription + input    { position:absolute; left:0; top:0;}
#tblEditArea .start-template.st-cust-citat > div[id$='_pnlImage'] + .editDescription + input    { top:17px; }

/*
* Navigation for Image/"Connected Pages"-Rotator (Primarly used for Citation rotation)
*/
.start-intro .IR_container {
    min-height:0 !important;
}
.IR_container div.con-rotator-item {
    left:0;
    right:0;
}
.IR_container > .IR_navigation > .custom1 {
    margin:0 0 -7px 0;
    padding:0 1px 0 0;
}
.custom1 ul.IR_navigation > li {
    padding:0;
    margin:0;
}
.custom1 ul.IR_navigation > li > a.link1,
.custom1 ul.IR_navigation > li > a.link2 {
    text-indent:-9999px;
    display:inline-block;
    width:13px;
    height:13px;
    border:solid 1px #fff;
    background-color:#c5d0db;
    padding:0;
    margin:0 9px 0 0;
    line-height:1;
}
.custom1 ul.IR_navigation > li > a.link1:hover,
.custom1 ul.IR_navigation > li > a.link2:hover {
    border-radius:50%;
}
/* - Product Specific ("Active-color"/".link2" is the same as ".pr-bg-c-color-1", look further up) */
.artologik .custom1 ul.IR_navigation > li > a.link1         { background-color:#c5d0db; }
.helpdesk .custom1 ul.IR_navigation > li > a.link1          { background-color:#c5d0db; } /* TODO : Set the correct color for all but this! */
.surveyandreport .custom1 ul.IR_navigation > li > a.link1   { background-color:#c5d0db; }
.ezbooking .custom1 ul.IR_navigation > li > a.link1         { background-color:#c5d0db; }
.projectmanager .custom1 ul.IR_navigation > li > a.link1    { background-color:#c5d0db; }
.time .custom1 ul.IR_navigation > li > a.link1              { background-color:#c5d0db; }
.webpublish .custom1 ul.IR_navigation > li > a.link1        { background-color:#c5d0db; }

.astrakan .custom1 ul.IR_navigation > li > a.link1 { background-color:#c5d0db; }

.artisan .custom1 ul.IR_navigation > li > a.link1 { background-color:#c5d0db; }

/*
* START - Two columns with dynamic width, for plugins ("artologik-start-h2-txt-img-dyn-width.htm")
*/
.st-2col-txt-img-dyn-width {
    margin-bottom:2.4em;
}
.content-template .st-2col-txt-img-dyn-width { /* When inserted as section-content inside another template (e.g. Artologik-landing page) */
    margin-bottom:0;
}
.st-2col-txt-img-dyn-width .right-cell {
    text-align:right;
}
.st-2col-txt-img-dyn-width .right-cell > a {
    display:inline-block; /* A-tag for a linked image */
}
/* - EDIT(-Only) MODE */
#divEPEditPageWrapper .st-2col-txt-img-dyn-width { overflow:hidden; background-color:#eef4fd !important; padding: 0 12px 12px 0; }
#divEPEditPageWrapper .st-2col-txt-img-dyn-width .NBTTextField.EditorToolHeading2 { width:100% !important; box-sizing:border-box; }
#divEPEditPageWrapper .st-2col-txt-img-dyn-width .resp-tbl       { position:relative; padding-top:40px; }
#divEPEditPageWrapper .st-2col-txt-img-dyn-width .nbt-edit-ddl   { position:absolute; top:0; right:0; text-align:right; } /* ddl for right cell width */

/*
* CONTENT 1 - Introduction template("artologik-c1-intro-and-img-every-other-side.htm")
*/
/* H2 - More definitions can be found in SiteCss.css */
.ct-1 h2 > hr:first-child {
    /* For faking a 'clear:both' in the template, add a '<hr>' before writing any text */
    clear: both;
    border: none;
    display: block;
    width: 0;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    padding: 0;
    margin: 0;
    visibility: hidden;
}
/*.ct-1 .ct-sec.even h2,
.ct-1 .ct-sec.even input.EditorToolHeading2 {
    text-align: right !important;
}*/
/* Images */
.ct-1 .ct-sec img {
    margin-bottom: 1em;
    margin-top: 0.3em;
}
.ct-1 .ct-sec.odd img {
    float: left;
    margin-right: 2em;
}
.ct-1 .ct-sec.even img {
    float: right;
    margin-left: 2em;
}
@media screen\0 { /* Target IE8, IE9 & IE10 */
    .ct-1 .ct-sec > img + div ul,
    .ct-1 .ct-sec > a + div ul {
        list-style-position:inside;
    }
}
/* CONTENT 1 - Template EDIT Mode */
#tblEditArea .ct-1 .ct-sec .editDescription {
    display:none;
}
#tblEditArea .ct-1 .ct-sec .editDescription:first-child,
#tblEditArea .ct-1 .ct-sec .NBTEditor + .editDescription {
    display:block;
    clear:both;
}
#tblEditArea .ct-1 .ct-sec .editDescription:first-child {
    margin-top:20px !important;
}
#tblEditArea .ct-1 .ct-sec .NBTTextField.EditorToolHeading2 {
    margin-bottom:10px !important;
}
#tblEditArea .ct-1 .ct-sec [id$="pnlImage"]    { width:25%; }
#tblEditArea .ct-1 .ct-sec .NBTEditorContainer { width:75%; }
#tblEditArea .ct-1 .ct-sec [id$="pnlImage"] > img[id$="imgChoosenImage"] + div {
    clear:both; /* The Remove-image-link */
}
/* odd/even <-> left/right */
#tblEditArea .ct-1 .ct-sec.odd [id$="pnlImage"],
#tblEditArea .ct-1 .ct-sec.even .NBTEditorContainer {
    float:left;
}
#tblEditArea .ct-1 .ct-sec.odd .NBTEditorContainer,
#tblEditArea .ct-1 .ct-sec.even [id$="pnlImage"] {
    float:right;
}

/*
* CONTENT - Documents template("artologik-c-documents.htm")
*/
.faux-col-wrp {
    position: relative;
}
.faux-col {
    position: absolute;
    top: 0;
    bottom: 0;
}
.ct-docs .sec-1 {
    padding-right: 40%;
}
.ct-docs .sec-1 > ul,
.ct-docs .sec-1 > ul > li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ct-docs .sec-1 > ul {
    margin-bottom: 0.3em;
}
.ct-docs .sec-1 > ul > li {
    margin-bottom: 6px;
    position: relative;
}
.ct-docs .sec-1 > ul > li > a,
.ct-docs .sec-1 > ul > li > a.link1,
.ct-docs .sec-1 > ul > li > a.link2 {
    position: relative;
    display: block;
    color: #3d3d3d !important;
    font-size: 18px !important;
    line-height: 21px !important;
    text-decoration: none;
    padding: 6px 48px 28px 50px;    /* #Con.Value#  */ /* #Con.Value_2_#  */
    z-index: 1;
}
.ct-docs .sec-1 > ul > li > a.link1 {
    background-image: url('../../documents/artologik/images/document-plug-in-link-bg.png');
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
.ct-docs .sec-1 > ul > li > a > .file-size,
.ct-docs .sec-1 > ul > li > a > .file-type {
    color:#626262;                    
}
/* - Document link - HOVER */
.ct-docs .sec-1 > ul > li > a:hover { color:#fff !important; }
.ct-docs .sec-1 > ul > li > a:hover > .file-size,
.ct-docs .sec-1 > ul > li > a:hover > .file-type { color:#fff; }
.ct-docs .sec-1 > ul > li > a:hover:after { opacity: 1.0; background-image:url('../../documents/artologik/images/ico-downloadH.png'); }
/* - Product icon */
.ct-docs .sec-1 > ul > li > a:before {
    background: transparent none no-repeat 0% 0%;
    border-right: solid 2px #fff;   /* #Con.Value_2_#  */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 42px;                    /* #Con.Value#  */
    z-index: 2;
}
/* - Download icon */
.ct-docs .sec-1 > ul > li > a:after {
    background: transparent url('../../documents/artologik/images/ico-download.png?rnd=1605031109') no-repeat 50% 100%;
    border-left: solid 2px #fff;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 38px;
    z-index: 2;
    opacity:0.5;
}
.ct-docs .sec-1 > ul > li > a > .file-ext,
.ct-docs .sec-1 > ul > li > a > .file-size,
.ct-docs .sec-1 > ul > li > a > .file-type {
    position: absolute;
    z-index: 3;
    display: inline-block;
    font-size: 11px !important;
    line-height: 13px !important;
    text-align: right;
}
.ct-docs .sec-1 > ul > li > a > .file-ext {
    left: 0;
    bottom: 5px;
    color:#fff;
    background-color: #707173; /* Dark "Artologik"-gray */
    width: 38px;                     /* #Con.Value#  */
    font-size: 10px !important;
    font-weight: bold;
    padding: 0 4px 1px 0;
    letter-spacing: 1px;
}

.ct-docs .sec-1 > ul > li > a > .file-size {
    bottom: 6px;
    right: 48px;                    
}
.ct-docs .sec-1 > ul > li > a > .file-type {
    bottom: 6px;
    left: 50px;                      /* #Con.Value#  */ /* #Con.Value_2_#  */
}
.ct-docs .sec-2.faux-col {
    background-color: #eeeeee;
    top: 38px;
    right: 0;
    width: 33%;
}
.ct-docs .sec-2 .ct-sec {
    padding: 0.75em 1em 1em 1em;
    background-color: #eeeeee;
}
/* When using PlugIn-GUID for SectionContent */
#site-body .siteCSS[class*="theme"] .ct-docs .sec-2 .ct-sec.plugin-guid > div + h2 {
    margin-top:2em;
}
/* Documents template : Product specific */
.helpdesk           .ct-docs .sec-1 > ul > li > a:before { background-image: url('../../documents/artologik/images/ico-pr-38-HD.png'); }
.helpdesk           .ct-docs .sec-1 > ul > li > a > .file-ext   { background-color: #674154; }
.surveyandreport    .ct-docs .sec-1 > ul > li > a:before { background-image: url('../../documents/artologik/images/ico-pr-38-SR.png'); }
.surveyandreport    .ct-docs .sec-1 > ul > li > a > .file-ext   { background-color: #87723e; }
.ezbooking          .ct-docs .sec-1 > ul > li > a:before { background-image: url('../../documents/artologik/images/ico-pr-38-EZ.png'); }
.ezbooking          .ct-docs .sec-1 > ul > li > a > .file-ext   { background-color: #b59928; }
.projectmanager     .ct-docs .sec-1 > ul > li > a:before { background-image: url('../../documents/artologik/images/ico-pr-38-PM.png'); }
.projectmanager     .ct-docs .sec-1 > ul > li > a > .file-ext   { background-color: #4e6b48; }
.time               .ct-docs .sec-1 > ul > li > a:before { background-image: url('../../documents/artologik/images/ico-pr-38-TIME.png'); }
.time               .ct-docs .sec-1 > ul > li > a > .file-ext   { background-color: #999437; }
.webpublish         .ct-docs .sec-1 > ul > li > a:before { background-image: url('../../documents/artologik/images/ico-pr-38-WP.png'); }
.webpublish         .ct-docs .sec-1 > ul > li > a > .file-ext   { background-color: #9e4e4a; }
.artologik          .ct-docs .sec-1 > ul > li > a:before,
                    .ct-docs .sec-1 > ul > li > a.link2:before  { background-image: none; }
.artologik          .ct-docs .sec-1 > ul > li > a.link2 > .file-ext,
.ct-docs .sec-1 > ul > li > a.link2 > .file-ext                 { background-color: #707173; }

/* ASTRAKAN */
.astrakan           .ct-docs .sec-1 > ul > li > a:before { background-image: url('../../documents/astrakan/images/ico-pr-38-CP.png'); }
.astrakan           .ct-docs .sec-1 > ul > li > a > .file-ext   { background-color: #4289DE; }


/* Simple Modal Dialog - jquery.simpleModal.js - Used for Error reporting */
#mdl-dlg-overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.mdl-dlg {
    max-width: 100%;
    display: none;
    background: #FFF;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
       -moz-box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
            box-shadow: 0.5em 0.5em 1em rgba(0,0,0,0.5);
}
.mdl-dlg-inner {
    
}
.mdl-dlg-header,
.mdl-dlg-body,
.mdl-dlg-footer {
    padding: 0.4em 1em;
}
.mdl-dlg-header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.mdl-dlg-header > h2,
.mdl-dlg-header .mdl-dlg-close{
    color: #fff !important;
    text-decoration: none !important;
}
.mdl-dlg-header > h2 {
    margin: 0 !important;
    padding: 0.1em 0 !important;
}
.mdl-dlg-header .mdl-dlg-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    z-index: 2;
    text-decoration: none;
}
.mdl-dlg-body {
    padding-bottom: 1.1em;
    padding-top: 1.1em;
}
.mdl-dlg-body p {
    color: #0e0e0e !important;
    font-size: 1em !important;
    line-height: 1.1em !important;
    opacity: 1.0 !important;
    padding: 0 !important;
}
.mdl-dlg-footer {
    overflow: hidden;
    text-align: right;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding-top:0.6em;
    padding-bottom:0.6em;
}
.mdl-dlg-footer .btn + .btn {
    margin-left:0.3em;
}
/* Simple Modal Dialog : Error Dialog */
.mdl-dlg.error-dlg .mdl-dlg-body p {
    color: #cf2525 !important;
}
.try-site.form .inpWrp .mdl-dlg.error-dlg .mdl-dlg-body p span,
.puff .mdl-dlg.error-dlg .mdl-dlg-body p span {
    display: block;
}

/*
* CONTENT - "Artologik - Artologik:System requirements"-template("Created in WP")
*/
.nbt-i-32-4-r .i2 a,
.nbt-i-32-9-r .i2 a,
.nbt-i-32-14-r .i2 a,
.nbt-i-32-19-r .i2 a,
.nbt-i-32-24-r .i2 a,
.nbt-i-32-29-r .i2 a {
    display: inline-block;
    font-size: 1.8em !important;
    margin-top: 3.2em !important;
    color: #3C3C3C !important;
    text-decoration: none !important;
}
.nbt-i-32-4-r .i2 a:hover,
.nbt-i-32-9-r .i2 a:hover,
.nbt-i-32-14-r .i2 a:hover,
.nbt-i-32-19-r .i2 a:hover,
.nbt-i-32-24-r .i2 a:hover,
.nbt-i-32-29-r .i2 a:hover {
    text-decoration: underline !important;
}
/*
* CONTENT - Artologik content template with two columns of text("artologik-c-2-column-text.htm")
*/
.ct-2-col-text > .grid > .grid-unit.w-50 ul {
    margin: 0;
    padding: 0.5em 0 0.5em 20px;
}
.ct-2-col-text > .grid > .grid-unit.w-50 ul > li {
    list-style-position: outside;
    margin: 0 0 1.2em 0;
    padding: 0;
}
/* List-style-image : Product specific */
.helpdesk           .ct-2-col-text > .grid > .grid-unit.w-50 ul li { list-style-image: url('../../documents/artologik/images/bullet-11px-checkmark-compl-HD.png'); }
.surveyandreport    .ct-2-col-text > .grid > .grid-unit.w-50 ul li { list-style-image: url('../../documents/artologik/images/bullet-11px-checkmark-compl-SR.png'); }
.ezbooking          .ct-2-col-text > .grid > .grid-unit.w-50 ul li { list-style-image: url('../../documents/artologik/images/bullet-11px-checkmark-compl-EZ.png'); }
.projectmanager     .ct-2-col-text > .grid > .grid-unit.w-50 ul li { list-style-image: url('../../documents/artologik/images/bullet-11px-checkmark-compl-PM.png'); }
.time               .ct-2-col-text > .grid > .grid-unit.w-50 ul li { list-style-image: url('../../documents/artologik/images/bullet-11px-checkmark-compl-TIME.png'); }
.webpublish         .ct-2-col-text > .grid > .grid-unit.w-50 ul li { list-style-image: url('../../documents/artologik/images/bullet-11px-checkmark-compl-WP.png'); }

/* 
* ALL TEMPLATES : TOOL MODE 
*/
#tblEditArea .start-template,
#tblEditArea .footer-template,
#tblEditArea .start-intro,
#tblEditArea .st-fff,
#tblEditArea .t-try-site {
    background-color: #fff;
    width: 984px;
}
#tblEditArea .start-template.grid {
    width:1018px; /* Make room for the negative margin of the ".grid-item":s */
}
#tblEditArea .footer-template,
#tblEditArea .t-try-site,
#tblEditArea .t-try-site * {
    background-color: #494949 !important;
}
#tblEditArea .t-try-site * {
    color: #fff !important;
}
#tblEditArea .t-try-site a:before {
    font-size:inherit;
    padding-right:0.2em;
}
#tblEditArea .t-try-site #RemoveLink:before,
#tblEditArea .t-try-site a:after {
    display:none;
}
/* st-contact */
#tblEditArea .st-contact {
    width: 474px;
}
#tblEditArea .st-contact .EditorToolNormal {
    background-color: #9d4e7c !important;
}
#tblEditArea .st-contact .st-sec > div {
    height: auto;
}

/*
* CONTENT - My Newsdesk RSS Feed
*/
.mynewsdesk .rssWrapper {
    border-bottom: 1px solid #c8c8c8;
    padding: 0.4em 0 0.4em 0;
    margin: 0.6em 0 0.8em 0;
}
.mynewsdesk .rssItem > p {
    font-size: 0.9em;
    margin: 0.1em 0 1em 0;
}
.mynewsdesk .rssItem > p > .rssDate {
    font-size: 0.9em;
    font-style: italic;
    padding-left: 0.4em;
}
.mynewsdesk .rssItem > p.preamble {
    font-size: 1em;
    margin: 0;
}
.mynewsdesk .mynewsdesk-footer {
    padding-bottom: 1em;
}
.mynewsdesk .mynewsdesk-footer > .mynewsdesk-follow-button {
    margin-bottom: 0.9em;
}
.mynewsdesk .mynewsdesk-footer > a.mynewsdesk-pressroom {
    display: inline-block;
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.6em;
}
/*
* CONTENT / CONTROL - VideoAssetList.ascx
*/
.video-thumbs > .grid > .grid-unit > a.video-item {
    line-height:1 !important;
    display:block;
    margin-bottom: 2em;
}
.video-thumbs > .grid:last-child > .grid-unit:last-child > a.video-item,
.video-thumbs > .grid:last-child > .grid-unit:only-child > a.video-item,
.video-thumbs > .grid:only-child > .grid-unit:last-child > a.video-item,
.video-thumbs > .grid:only-child > .grid-unit:only-child > a.video-item {
    margin-bottom: 0;
}
.video-thumbs > .grid > .grid-unit > a.video-item:hover,
.siteCSS[class*="theme"] a.video-link-see-more:hover {
    background-color:#F4F4F4;
}
.video-item .grid-unit > .wrapper {
    margin-bottom:0;
}
.video-item .grid-unit > .wrapper > h2 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.1;
    margin-top:0;
    padding-top:0;
	text-shadow: none;
}
.video-item .grid-unit > .wrapper > p {
    margin: 0.5em 0 0;
    padding:0;
	color:#777;
}
/* - Thumbnail image */
.video-item-img {
    position:relative;
    overflow:hidden;
}
.video-item-img:before {
    content:"\e90d"; /* fi-play-bold */
    display:inline-block;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    font-size: 64px;
    margin-top: -32px;
    text-align: center;
    color:#fff;
    text-shadow: -1px -1px 0 #cacaca, 1px -1px 0 #cacaca, -1px 1px 0 #cacaca, 1px 1px 0 #cacaca;
    opacity: 0;
}
a.video-item:hover .video-item-img:before {
    opacity: 0.6;
}
.video-item-img img {
    margin-bottom:-1px;
}
/* - "See more"-link */
div.video-link-see-more {
    text-align:right;
    margin-top:1em;
}
.siteCSS[class*="theme"] a.video-link-see-more{
    display:inline-block;
}
/* - video-thums inside "Content 1"-template */
.ct-1 .video-thumbs {
	padding-top: 1em;
}
/* - when the "openVideo"-parameter is used (VideoAssetList.ascx.cs), on a mobile device */
@keyframes video-item-pulse {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.video-item.highlight-video-onload .video-item-img:before {
    transition: opacity 1s ease-in-out;
	z-index: 10;
    opacity: 1;
    background-color: #667bb4;
    border: solid 2px #667bb4;
    border-radius: 50%;
    text-shadow: none;
    box-sizing: border-box;
    width: 68px;
    height: 68px;
    left: 50%;
    right: auto;
    margin-left: -34px;

    transform: perspective(1px) translateZ(0);
    animation-name: video-item-pulse;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: 12;
    animation-direction: alternate;
}
/* - START - Showing the first 2 videos (PM) */
.siteCSS[class*="theme"] .video-thumbs > .grid > .grid-unit > a.video-item.start-page {
    text-decoration:none;
}
.video-item.start-page .grid-unit > .wrapper > p.video-item-title {
    margin: 0 0 0;
    color: inherit;
    font-weight: 400;
    font-family: RobotoRegular;
    font-size: 16px;
}
.video-item.start-page .grid-unit > .wrapper > p.video-item-description {
    margin: 0.3em 0 0;
    color: #545454;
}
.video-thumbs > .grid > .grid-unit > a.video-item.start-page img {
    max-width:100%;
}
/* Layout - As long as screen width is larger than : */
@media only screen and (min-width: 801px) {
	.video-item:not(.start-page) .grid-unit > .wrapper > h2,
	.video-item:not(.start-page) .grid-unit > .wrapper > p{
		font-size: 13px;
	}
    .video-item:not(.start-page) .grid-unit > .wrapper > p {
        font-size: 0.94em;
        line-height: 1.2;
		color:#868686;
    }
    
}
@media only screen and (min-width: 481px) {
    .video-thumbs > .grid > .grid-unit > a.video-item,
    .siteCSS[class*="theme"] a.video-link-see-more {
        padding:0.5em;
        border:1px solid #cdcdcd;
    }
    .siteCSS[class*="theme"] a.video-link-see-more {
        padding:0.36em 0.8em;
        text-decoration:none;
    }
    .video-item .grid-unit + .grid-unit {
        padding-left: 0.8em;
    }
    /* - START - Showing the first 2 videos (PM) */
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page {
        display:table;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page .grid {
        display:table-row;
        margin-left: 0;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page .grid:before,
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page .grid:after {
        display:none;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page .grid > .grid-unit {
        display:table-cell;
        padding-left:0;
        float:none;
        width:auto;
        vertical-align:top;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page .grid > .grid-unit:first-child {
        width:1%;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page .grid > .grid-unit:first-child + .grid-unit {
        width:99%;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page .grid-unit + .grid-unit .wrapper {
        padding-left:0.8em;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page img {
        max-width:270px;
    }
    /* - START - Showing the first 2 videos (PM) */
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page {
        margin-bottom: 1em;
    }
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page,
    .start .siteCSS[class*="theme"] a.video-link-see-more {
        border-color:#d2d2d2;
    }
    /* Footer - Contact us */
	.footer-template .footer-section.sec-3 {
		min-width:207px;
	}
    /* - START - Showing the first 2 videos (PM) */
    .video-thumbs > .grid > .grid-unit > a.video-item.start-page img {
        max-width:174px;
    }
}
/* Layout - When screen width is "this" or smaller than : */
@media only screen and (max-width: 480px) {
    .video-item .grid-unit + .grid-unit > .wrapper {
        padding-top: 0.4em;
        font-size:1.1em;
    }
}

/* ARTISAN - ContactControl.ascx */
.page-form .formHeader {
    padding-bottom:0.4em;
}
.page-form .formRow {
    margin-bottom:0.5em; /* "Moving" margin-bottom from "tbx" to "row" because of "errorMessage" */
}
.page-form .formRow .tbx,
.page-form .formHeader + .formRow {
    margin-bottom:0;
}
.page-form .formRow .errorMessage {
    padding-top:0.1em;
}
.page-form .buttonWrapper {
    text-align:right;
}

/*
* CONTENT - Single Customer Reference ("artologik-c-cust-ref.htm") - Also used for PlugIns
*/
.ct-cust-ref {
    margin-bottom: 1.6em;
    margin-top: 0.4em;
    position:relative;
}
.siteCSS[class*="theme"] .ct-cust-ref > h2 {
    margin-bottom:0.3em;
    line-height:29px;
}
.ct-cust-ref > .cr-logo {
    float:right;
    width:37%;
    text-align:center;
}
.ct-cust-ref > .cr-logo > span {
    padding-left:2em;
}
.ct-cust-ref > .cr-logo > span,
.ct-cust-ref > .cr-logo > span > span {
    display:block;
}
.ct-cust-ref > .cr-text {
    float:left;
    width:63%;
}
.ct-cust-ref > .cr-text > a:link,
.ct-cust-ref > .cr-text > a:visited,
.ct-cust-ref > .cr-text > a:hover,
.ct-cust-ref > .cr-text > a:active {
    /* Using same as in theme0 p.imagetext */
    color: #5d5d5d;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 15px;
}
.ct-cust-ref > .cr-text > a.link1:link,
.ct-cust-ref > .cr-text > a.link1:visited,
.ct-cust-ref > .cr-text > a.link1:hover,
.ct-cust-ref > .cr-text > a.link1:active {
    font-style: normal;
    font-weight: normal;
    color: #343434;
    font-family: Arial;
    font-size: 13px;
    line-height: 15px;
}
.ct-cust-ref > .cr-text a.link1:after { /* .ct-cust-ref > .cr-text > a.link1:after */
    text-decoration:underline !important; /* Override "FontArtMetro"-base definition */
    content: "\00a0»";
    font-size: 17px;
    /* text-indent: -4px; */
	font-family:'Times New Roman'
}
.ct-cust-ref > .cr-text a.link1:hover,
.ct-cust-ref > .cr-text a.link1:hover:after {
    text-decoration:none !important;
}
/* - PlugIn Icons */
.ct-cust-ref > span[class^="fi-"],
.ct-cust-ref > span[class*=" fi-"] {
    position:absolute;
    top:45%;
    right:18.5%; /* Half of right column (37%) */
    margin-top:-33px;
    margin-right:-33px;
    text-align:center;
    font-size:64px;
}
.ct-cust-ref > span.fi-lock:before { margin-right:-11px; }

/*
* CONTENT - INFOGRAPH - Common css for all infograph-templates (specific css is found inside template)
*/
.siteCSS .ig-wrp *,
.siteCSS .ig-bnr * {
    font-size:13px;
}
.ig-wrp h2  {
    text-indent:-9999px;
    height:0px;
}
.ig-sec {
    background:transparent url('../../documents/artologik/images/infograph/ig-sec-bg-HD.png') repeat-x 0 0;
    padding:1.769231em 0.923077em 1.538462em; /* 23px 12px 20px */
    position:relative;
}
.siteCSS .ig-wrp h3,
.siteCSS .ig-bnr-wrp h2,
.siteCSS .ig-bnr h2{
    color:#1e1e1e;
    font-family:'RobotoRegular';
    font-size:14px;
    line-height:1.461538em;
    padding:0;
    margin:0 0 0.2em 0;
    text-indent:0; 
    height:auto;
}
.siteCSS .ig-bnr-wrp h2{
    font-size:13px;
    margin-bottom: 0.5em;
}
.siteCSS .ig-wrp p,
.siteCSS .ig-wrp a:link,
.siteCSS .ig-wrp a:visited,
.siteCSS .ig-wrp a:hover,
.siteCSS .ig-wrp a:active,
.siteCSS .ig-bnr p,
.siteCSS .ig-bnr a:link,
.siteCSS .ig-bnr a:visited,
.siteCSS .ig-bnr a:hover,
.siteCSS .ig-bnr a:active {
    color:#5c5c5c;
    font-size:13px; /* Use "px" font "font-size" since IE is mongo! */
    line-height:1.307695em;
    padding:0;
    margin:0;
}
/* "Alternative route" */
.siteCSS .ig-itm.ig-alt h3          { color:#6F6F6F; }
.siteCSS .ig-itm.ig-alt p,
.siteCSS .ig-itm.ig-alt a:link,
.siteCSS .ig-itm.ig-alt a:visited,
.siteCSS .ig-itm.ig-alt a:hover,
.siteCSS .ig-itm.ig-alt a:active    { color:#878787; }
/* Infograph - Icon & Arrow */
.ig-itm > div {
    margin-top:1.5em;
    margin-bottom:2.5em;
    position:relative;
}
.ig-itm > div:before,
.ig-itm > div:after,
.ig-sa:before,
.ig-i:before,
.ig-bnr > a:before,
.ig-bnr > a:after {
    font-size:44px; 
    display:block;
}
.ig-i:before {
    display:inline-block;
}
.ig-itm > div:before { /* Icon */
    margin-bottom:0.1em;
}
/* Arrow pointing TOWARDS the item */
.ig-itm > div:after,
.ig-bnr > a:after { 
    position:absolute;
}
/* - Section Arrow */
.ig-itm.ig-sec-first > div:after,
.ig-bnr > a:after {
    top:-1.42em;
    content:"\e416";
}
/* - Icon LEFT */
.ig-itm > div.ig-i-lft {
    padding-left:4.846154em;  /* 63px */
}
.ig-itm > div.ig-i-lft:before {
    position:absolute;
    top:0;
    left:0;
}

/* - SMALL ITEM */
.siteCSS .ig-bnr.ig-small h3    { font-size:13px; margin-bottom:0.1em; }
.siteCSS .ig-small p,
.siteCSS .ig-small a:link,
.siteCSS .ig-small a:visited,
.siteCSS .ig-small a:hover,
.siteCSS .ig-small a:active     { font-size:12px; }
.ig-itm.ig-small > div:before   { font-size:32px; }
.ig-itm.ig-small > div:after    { font-size:28px; }
.ig-bnr.ig-small > a:before     { font-size:24px; }

/* Infograph banners */
.siteCSS .ig-bnr > a:link,
.siteCSS .ig-bnr > a:visited,
.siteCSS .ig-bnr > a:hover,
.siteCSS .ig-bnr > a:active {
    text-decoration:none;
    display:inline-block;
    border:1px solid #d9e1e8;
    padding:0.923077em; /* 12 */
    position:relative;
}
.siteCSS .ig-bnr > a:hover > h2,
.siteCSS .ig-bnr > a:hover > h3 {
    text-decoration:underline;
}
/* - ONLY BIG Banner */
.ig-bnr:not(.ig-small) {
    margin-top: 3.4em;
    margin-bottom: 2em;
}
.ig-bnr > a:after {
    left:40%;
}
.ig-bnr:not(.ig-small) > a:before {
    content:"»";
    position:absolute;
    top:0.05em; 
    right:12px; /* Same as .ig-bnr:padding */
}
.ig-bnr > a > [class^="fi-"]:before,
.ig-bnr > a > [class*=" fi-"]:before {
    font-size:44px;
    display:block;
    text-align: center;
    margin-bottom: 0.25em;
}
/* - SMALL Banner */
.siteCSS .ig-bnr.ig-small  > a:link,
.siteCSS .ig-bnr.ig-small  > a:visited,
.siteCSS .ig-bnr.ig-small  > a:hover,
.siteCSS .ig-bnr.ig-small  > a:active {
    padding:0.615385em 0.615385em 0.615385em 3.692308em; /* 8 ... 48 */
    margin:0 0 0.692308em; /* 9 */
}
.ig-bnr.ig-small  > a:before {
    position:absolute;
    top:0.5em; /* 24px -> 0.5em -> 12px  */
    left:0.416667em; /* 10 */
}
.ig-bnr.ig-small > a:after {
    display:none;
}

/* - Infograf Product Specific */
.helpdesk .siteCSS .ig-bnr > a:link,
.helpdesk .siteCSS .ig-bnr > a:visited,
.helpdesk .siteCSS .ig-bnr > a:hover,
.helpdesk .siteCSS .ig-bnr > a:active { background-color:#f1f4f7; border-color:#d9e1e8; }
.helpdesk .siteCSS .ig-bnr > a:hover { background-color:rgba(241, 244, 247, 0.4); border-color:#B6C4D0;  }

/* - Common responsive layout for Infograf */
@media (max-width:850px) and (min-width:801px), (max-width:601px) { /* Between 801 <-> 850 OR Less than < 601 */
    .ig-itm > div.ig-i-lft:not(.ig-i-lft-fixed) { padding-left: 0; }
    .ig-itm:not(.ig-sec-first) > div.ig-i-lft:not(.ig-i-lft-fixed) { margin-top: -3.384615em; /* Height of big Icon */ }
    .ig-itm > div.ig-i-lft:not(.ig-i-lft-fixed):before { position: static; text-align: center; }
    .ig-itm.ig-sec-first > div.ig-i-lft:after { left:50% !important; margin-left:-22px !important; }
}
@media (max-width:530px) { /* ig-m -> Infograph-MEDIUM */
    .ig-itm.ig-m-ra { position:relative; padding-left:0 !important;  padding-top: 50% !important; }
    .ig-itm.ig-m-ra > div { width:33% !important; position: absolute; top: 0; right: 0.923077em; }

    /* Plugins */
    #ig-bnr-plugins-wrp { width: 100% !important; position: static !important; overflow: hidden; clear: both; padding-top: 2em; padding-bottom: 1em; }
    #ig-bnr-plugins-wrp > section > .ig-bnr { width:50%; float:left; }
    #ig-bnr-plugins-wrp > section > .ig-bnr:nth-child(even)  { clear:left; }

    #ig-bnr-plugins-wrp > section > h2 + .ig-bnr > a,
    #ig-bnr-plugins-wrp > section > h2 + .ig-bnr + .ig-bnr > a { margin-bottom:6%; }
    #ig-bnr-plugins-wrp > section > .ig-bnr:nth-child(even) > a { margin-right:3%; }
    #ig-bnr-plugins-wrp > section > .ig-bnr:nth-child(odd) > a { margin-left:3%; }
}
@media (max-width:480px) {
    .ig-itm.ig-m-ra { position:relative; padding-left:0 !important;  padding-top: 50% !important; }
    .ig-itm.ig-m-ra > div { width:33% !important; position: absolute; top: 0; right: 0.923077em; }

    /* Plugins */
    /*#ig-bnr-plugins-wrp { width: 100%; position: static; overflow: hidden; clear: both; padding-top: 2em; padding-bottom: 1em; }*/
    #ig-bnr-plugins-wrp > section > .ig-bnr { width:100%; float:none; clear:both !important; }
    #ig-bnr-plugins-wrp > section > .ig-bnr > a { margin-bottom:0.577em !important; margin-left:0 !important; margin-right:0 !important;  display: block !important;}

    /* - ONLY BIG Banner */
    .ig-bnr:not(.ig-small) { margin-top:0; margin-bottom:0.8em; }
    .ig-bnr:not(.ig-small):first-child { margin-top: 3.4em; }

    .ig-bnr:not(.ig-small) > a:after { display:none; }
    .ig-bnr:not(.ig-small):first-child > a:after { display:block; left:50%; margin-left:-22px; }
}
@media (max-width:430px) { /* ig-m -> Infograph-SMALL */
    .ig-itm.ig-alt > div:before { font-size:32px; }
    .ig-itm.ig-alt:not(.ig-small):not(.ig-sec-first) > div:after { font-size:33px !important; }
    .siteCSS .ig-itm.ig-alt h3,
    .siteCSS .ig-itm.ig-alt.ig-small h3 { font-size:13px; }
    .siteCSS .ig-itm.ig-alt p { font-size:12px; } /* Same as ".ig-small", see above */

    .ig-itm > div.ig-i-lft { padding-left:0; }
    .ig-itm > div.ig-i-lft:before { position: static; text-align: center; }

    .ig-itm.ig-m-ra { padding-top: 45% !important; }
    .ig-itm.ig-s-la { padding-left:0 !important; padding-right:0 !important; }
    .ig-itm.ig-m-ra > div,
    .ig-itm.ig-s-la > div { width: 45% !important; margin-left: 0 !important; margin-right: 0 !important; }
}

/*
* CONTENT - INFOGRAPH - 3 Banners ("artologik-c-3col-infograph-bnrs.htm")
*/
.grid.ct-3col-ig-bnrs {
    margin-left:-1em; /* siteCSS.theme0 : 14px -> 1em */
}
.grid.ct-3col-ig-bnrs > .grid-unit {
    padding-left:1em;
}

/*
* AllowCookiesControl.ascx
*/
.allow-cookies:not(a) {
    background-color:#494949;
    padding:1.3em 0 1.9em;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index: 9999;
}
.allow-cookies .site-width {
    position:relative;
}
.allow-cookies .siteCSS.theme0 p,
.allow-cookies .siteCSS.theme0 a:link,
.allow-cookies .siteCSS.theme0 a:visited,
.allow-cookies .siteCSS.theme0 a:hover,
.allow-cookies .siteCSS.theme0 a:active{
    color:#fff;
}
.allow-cookies .siteCSS.theme0{
    display:table;
}
.allow-cookies .siteCSS.theme0 p,
.allow-cookies .siteCSS.theme0 p + span{
    padding:0 0.8em 1em;
    display:table-cell;
}
.allow-cookies .siteCSS.theme0 p{
    margin:0;
    padding-left:61px;
}
.allow-cookies .siteCSS.theme0 p:before {
    content:"\e363";
    position:absolute;
    top:50%;
    left:9px;
    margin-top: -25px;
    font-size: 36px;
}
.allow-cookies .siteCSS.theme0 p + span{
    padding-right:9px;
    padding-bottom:0;
    vertical-align: bottom;
}
.allow-cookies .siteCSS.theme0 a.btn {
    background-color: #FFFFFF;
    border-color: #D6D6D6 #3A3A3A #3C3C3C #C7C7C7;
    font-size: 1em;
    font-weight:bold;
    color:#5A5A5A !important;
    line-height:1.55em;
    letter-spacing:0;
    display: inline-block;
    text-decoration: none !important;
    white-space:nowrap;
}
.allow-cookies .siteCSS.theme0 a.btn:hover {
    background-color: #A9A9A9;
    border-color: #CACACA #313131 #383838 #B7B3B3;
    color: #fff !important;
}
/* - PURPLE */
.allow-cookies.purple {
    background-color:#9d4e7c;
    border-bottom: solid 1px #8E4971;
}
.allow-cookies.purple .siteCSS.theme0 a.btn {
    background-color: #BB789F;
    border-color: #E6A8CC #9E487A #8A3667 #D294B8;
}

/*
* CONTENT - 1 & 2 Columns with Text and link fields a field for a font icon ("artologik-c-1col-Ico-puff.htm" and "artologik-c-2col-Ico-puff.htm")
*/
.ct-ico-puff .ico-puff {
    margin-top: 1em;
}
.ct-ico-puff .ico-puff [class^="fi-"],
.ct-ico-puff .ico-puff [class*=" fi-"] {
    font-size:25px;
    display: inline-block;
    text-align: center;
    padding: 0.2em;
    background-color: #5074aa;
    color: #fff;
    border-radius: 2px;
    margin-top:3px;
}
.siteCSS.theme0 .ct-ico-puff h3 {
    color: #262626;
    text-shadow: none;
    font-family: RobotoRegular;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin:0;
    padding:0;
}
¨/* Fake table to fix the alignment of ico and header */
.ct-ico-puff .ico-puff .ico-hdr { 
    display:table-row;
}
.ct-ico-puff .ico-puff .ico-hdr + div { 
    margin-top:0.6em;
}
.ct-ico-puff .ico-puff .ico-hdr > * {
    display:table-cell;
    vertical-align:top;
}
.ct-ico-puff .ico-puff .ico-hdr > *:last-child {
    vertical-align:bottom;
    padding-left:0.6em;
}

/* Extra icon to be used on the "artologik-c-2col-Ico-puff.htm"-pages (EZbooking as Core Facility Managament) */
.fi-masterpages-dollar {
    font-family: Arial !important;
    font-weight: normal !important;
}
.fi-masterpages-dollar:before {
    content: "$";
    padding: 0 0.232em;
}
.st-shortcuts ul.nav > li > span > .fi-masterpages-dollar,
.st-shortcuts.ct-shortcuts ul.nav > li > span > .fi-masterpages-dollar {
    font-size: 20px;
    left: 0.5em !important;
}

/* Live - Artologik live streaming (www.artologik.com/live.aspx) */
.livestream-start {
    text-align: center;
}
.livestream-start > a {
    display:inline-block;
	border: solid 1px #c7c7c7 !important;
}
.livestream-start > a:hover {
	border-color: #565656 !important;
}
.livestream-start > a:focus {
	outline: none !important;
}
.livestream-start > a,
.livestream-start > a > img {
    border-radius: 6px;
}

/* Common class for Error - Added last so it wont be overrided by another value - OBS! PUT LAST IN FILE */
.error {
    color: #cf2525 !important;
}


@media print {
    header[role="banner"],
    .site-header-bg-link,
    #top-navigation,
    #third-navigation,
    .NavNodeContainer,
    .cnpExtraFooter .ct-try-site,
    footer,
    .site-footer {
        display:none;
    }

    #site-body.content {
        float:none;
        width:100%;
    }
    #breadcrumb {
        margin-left: 0;
    }
}