.slickplan, .slickplan * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.slickplan-utils:after,
.slickplan-sitemap:after {
    content: "";
    display: block;
    clear: both;
}

.slickplan {
    padding: 40px 20px;
    min-width: 1000px;
    margin: 0 auto;
}

.slickplan-logo {
    float: left;
    margin-left: 50px;
}

.slickplan-vertical .slickplan-logo {
    margin-left: 0;
}

.slickplan-utils {
    float: right;
    width: auto;
    max-width: 68%;
    margin: 20px 5px 0 0;
}

.slickplan-with-home .slickplan-utils {
    max-width: 38%;
}

.slickplan-utils.slickplan-footer {
    float: none;
    clear: both;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding-top: 40px;
}

.slickplan li {
    display: block;
    position: relative;
    min-width: 60px;
}

.slickplan-utils li {
    float: left;
    margin-right: 5px;
}

.slickplan-utils.slickplan-footer li {
    float: none;
    display: inline-block;
    margin-right: 5px;
}

.slickplan-sitemap {
    clear: both;
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
}

.slickplan-with-home .slickplan-sitemap {
    padding-top: 0;
}

.slickplan-vertical.slickplan-with-home > .slickplan-logo + .slickplan-utils + .slickplan-sitemap,
.slickplan-vertical.slickplan-with-home > .slickplan-logo + .slickplan-sitemap {
    padding-top: 40px;
}

.slickplan ul {
    list-style: none;
}

.slickplan-sitemap > ul {
    margin: 0 auto;
}

.slickplan-with-home .slickplan-utils + .slickplan-sitemap > ul {
    top: -50px;
    position: relative;
}

.slickplan li > div {
    border: 1px solid #a7a7a7;
    position: relative;
    margin: 0 3px 2px;
    background: #d5d5d5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.slickplan.slickplan-gradient li > div {
    background: #d5d5d5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAjCAYAAABVcWC0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNo8jtkNwDAIQy32H63rRMqJaxc1PxE+8gCttScAngD1EFhBcttbgcSUl8tyOpjq5aipJNjVswd+wbiVbqiDvIFlKiAKZYpSQItEMU8XJP9J+O1vvgrnFWAAWk5l2OTWSRYAAAAASUVORK5CYII=') 0 0 repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .6)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(top, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, 0) 100%);
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #d1d1d1;
}

.slickplan li > div,
.slickplan li > div a,
.slickplan li > div p {
    text-align: center;
    color: #595959;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
    font: bold 12px/1.5 Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration: none;
    display: block;
}

.slickplan li > div a,
.slickplan li > div p {
    padding: 9px;
}

.slickplan-utils li > div > p,
.slickplan-utils li > div > a {
    padding: 5px 25px;
}

.slickplan li > div {
    background-color: #d5d5d5;
}

.slickplan li.slickplan-parent > div:before {
    content: "";
    display: block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAgklEQVR4Xt2KsQnDMBREPwFvkGkMHsCjeKRMICQVQrhzpUmkRr93J6xG+ScSJ4FA+hwc9/+7o1LKAIcQrt772Tm3IPE/uz6SYrbWsngT3x7J4H0kx2iMOXLO7V34waWfSGu9xhjbN6WUGnpSSu211g6Z+TQEjp7kPv05evEL/dafj+5rRKvNiqNQkwAAAABJRU5ErkJggg==') 0 0 no-repeat;
    position: absolute;
    left: 50%;
    bottom: -9px;
    width: 9px;
    height: 13px;
    margin-left: -4.5px;
    z-index: 10;
}

.slickplan-utils li > div {
    white-space: nowrap;
}

.slickplan li.slickplan-home > div {
    margin: 0;
}

.slickplan li.slickplan-home,
.slickplan-level-1 > li {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAGUlEQVR4Xm3GIQEAAACDsPfvSY8rHFMbqh1qdhgo+trDyAAAAABJRU5ErkJggg==') center 0 repeat-y;
    z-index: 2;
}

.slickplan li.slickplan-home {
    float: none;
    margin: 0 auto;
    width: 230px !important;
    z-index: 2;
    padding-bottom: 70px;
    z-index: 1;
}

.slickplan-level-1 > li {
    float: left;
    background-position: 0 17px;
    background-repeat: repeat-x;
    overflow: hidden;
    width: 300px;
}

.slickplan-with-home .slickplan-level-1 > li + li {
    margin-top: -20px;
}

.slickplan ul ul {
    margin-right: 21px;
}

.slickplan-level-2 {
    margin-left: 6px;
}

.slickplan-level-1 > li.slickplan-first > div {
    margin-left: 0 !important;
}

.slickplan-level-1 > li.slickplan-last > div {
    margin-right: 0 !important;
}

.slickplan-parent div {
    margin-right: 4px !important;
}

.slickplan-level-1 > li:first-child > div {
    margin-left: 0;
}

.slickplan-parent > ul {
    border-top: 3px solid #e5e5e5;
    border-right: 3px solid #e5e5e5;
    margin-top: 5px;
    margin-bottom: 10px;
}

.slickplan-parent > ul > li.slickplan-first {
    margin-top: 4px;
}

.slickplan-parent > ul > li:after {
    content: "";
    display: block;
    width: 7px;
    height: 3px;
    background: #e5e5e5;
    position: absolute;
    top: 17px;
    right: -3px;
}

.slickplan-parent > ul > li.slickplan-last:after {
    border-bottom: 20000px solid #fff;
}

.slickplan-parent > div:after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    background: #fff;
    border-left: 5px solid #fff;
    height: 10px;
    bottom: -12px;
    left: -5px;
}

.slickplan li > div > span.slickplan-archetype,
.slickplan li > div > a.slickplan-section {
    width: 100%;
    display: block;
    padding: 4px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    text-shadow: 0 0 0 #282828;
    margin: 0 0 7px;
    overflow: hidden;
    white-space: nowrap;
    background: #282828 0 0 no-repeat;
    -webkit-box-shadow: 1px 0 0 #5A5A5A, -1px 0 0 #5A5A5A;
    -moz-box-shadow: 1px 0 0 #5A5A5A, -1px 0 0 #5A5A5A;
    box-shadow: 1px 0 0 #5A5A5A, -1px 0 0 #5A5A5A;
}

.slickplan .slickplan-utils li > div > span.slickplan-archetype,
.slickplan .slickplan-utils li > div > a.slickplan-section {
    margin-bottom: 5px;
}

.slickplan li > div > span.slickplan-archetype + a.slickplan-section,
.slickplan li > div > a.slickplan-section + span.slickplan-archetype {
    margin-top: -6px;
}

.slickplan .slickplan-utils li > div > span.slickplan-archetype + a.slickplan-section,
.slickplan .slickplan-utils li > div > a.slickplan-section + span.slickplan-archetype {
    margin-top: -4px;
}

.slickplan li > div > a.slickplan-section {
    text-shadow: 0 0 0 #069;
    background-color: #069;
    -webkit-box-shadow: 1px 0 0 #4183A4, -1px 0 0 #4183A4;
    -moz-box-shadow: 1px 0 0 #4183A4, -1px 0 0 #4183A4;
    box-shadow: 1px 0 0 #4183A4, -1px 0 0 #4183A4;
}

.slickplan li > div > span.slickplan-archetype > span,
.slickplan li > div > a.slickplan-section > span {
    background-color: #282828;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    padding-left: 20px;
    width: auto;
}

.slickplan li > div > span.slickplan-archetype-custom > span {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    padding-left: 0;
    padding-right: 5px;
}

.slickplan li > div > a.slickplan-section > span {
    background: #069 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAA4ElEQVR4Xu0dA2AjQGy2bdu2bdu2bZtv27Zt27Zto7bdITnbBitL1kwW4oANSEkzaqIofr4h/P/MrBJ3Q3xGU+y09pcFAk0DxcNRtutzvUT4uDCNss4/ehNoFE31wdvPodN3XXj8FsXVh+8+t245i6y04cKDhcdvifByo9nnaNkMMuesJeuiJQd3EqiIM1pAZ+BKKbbaKuKCyIaAcUUYXXDsFjxkwDgBYwb0BCKen+ySbAuJTNZMCBEpmX/+0Zv/GABUBGoBDSCy4MO3X65Dm4FRBArgKkApUBGiQquMJRoAgvtkd2tPBbIAAAAASUVORK5CYII=') 0 0 no-repeat;
}

.slickplan-with-home.slickplan-vertical .slickplan-utils + .slickplan-sitemap > ul {
    top: 0;
}

.slickplan-vertical .slickplan-utils {
    margin: 0;
    max-width: 70%;
}

.slickplan-vertical .slickplan-footer {
    margin: 25px 0 0;
    text-align: left;
}

.slickplan-vertical .sitemap-footer > li {
    float: left;
    display: block;
}

.slickplan-vertical .sitemap-logo {
    margin: 0;
}

.slickplan-vertical .slickplan-sitemap > ul {
    clear: both;
    overflow: hidden;
}

.slickplan-vertical .slickplan-sitemap > ul li {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
    background: transparent;
}

.slickplan-vertical .slickplan-sitemap > ul ul {
    width: 100%;
}

.slickplan-vertical .slickplan-sitemap > ul li > div {
    min-width: 100px;
    max-width: 400px;
    width: auto;
    margin: 4px 0 2px !important;
}

.slickplan-vertical .slickplan-sitemap > ul ul,
.slickplan-vertical .slickplan-sitemap > ul ul li {
    background: transparent !important;
    border: 0 !important;
}

.slickplan-vertical .slickplan-sitemap ul > li.slickplan-first:after {
    width: 9px;
    height: 6px;
    background-position: right top;
    left: -16px;
    top: -16px;
}

.slickplan-vertical .slickplan-parent > ul > li.slickplan-last:after {
    display: none !important;
}

.slickplan-vertical li.slickplan-home > div:before,
.slickplan-vertical li.slickplan-parent > div:before {
    left: 22px;
    margin-left: 0;
}

.slickplan-vertical .slickplan-sitemap > ul li.slickplan-parent,
.slickplan-vertical .slickplan-sitemap > ul,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-home {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAGUlEQVR4Xm3GIQEAAACDsPfvSY8rHFMbqh1qdhgo+trDyAAAAABJRU5ErkJggg==') 26px 0 repeat-y !important;
    margin-top: 4px !important;
}

.slickplan-vertical .slickplan-sitemap > ul,
.slickplan-vertical .slickplan-sitemap > ul li.slickplan-parent > div,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-home,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-home > div {
    margin-top: 0 !important;
}

.slickplan-vertical .slickplan-sitemap > ul li.slickplan-parent > ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.slickplan-vertical .slickplan-sitemap > ul li.slickplan-parent > ul > li > div {
    margin: 1px 0;
}

.slickplan-vertical .slickplan-sitemap > ul ul,
.slickplan-vertical .slickplan-sitemap > ul > li {
    margin-left: 39px !important;
}

.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-home {
    margin-left: 0 !important;
}

.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-home {
    padding: 0 !important;
}

.slickplan-vertical .slickplan-sitemap > ul li.slickplan-home + li {
    margin-top: 10px !important;
}

.slickplan-vertical .slickplan-level-1 > li {
    overflow: visible;
}

.slickplan-vertical .slickplan-sitemap li.slickplan-parent > ul > li > div:after,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-parent > div:after,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-first > div:after,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-last > div:after {
    content: " ";
    border-width: 0 2px;
    background: #e5e5e5;
    width: 3px;
    height: 1px;
    position: absolute;
    top: -6px;
    bottom: auto;
    left: -16px;
    right: auto;
    display: block !important;
}

.slickplan-vertical .slickplan-sitemap li.slickplan-parent > ul > li > div:after,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-parent > div:after,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-first > div:after,
.slickplan-vertical .slickplan-sitemap > ul > li.slickplan-last > div:after {
    border: 0;
    width: 13px;
    height: 3px;
    top: 50%;
    left: -14px;
    margin-top: -1px;
}

.slickplan-vertical .slickplan-sitemap li.slickplan-parent > ul > li.slickplan-last > div:after,
.slickplan-vertical .slickplan-sitemap li.slickplan-last > div:after {
    border-bottom: 20000px solid #fff !important;
}

.slickplan-vertical.slickplan-no-home .slickplan-level-1 > li.slickplan-first:after {
    background: #fff;
    content: "";
    display: block;
    height: 100px;
    left: -13px;
    position: absolute;
    top: -82px;
    width: 3px;
}

.slickplan-vertical .slickplan-level-1 > li > div:after {
    background: #e5e5e5;
    border: 0;
    content: " ";
    display: block !important;
    position: absolute;
    height: 3px;
    left: -14px;
    margin-top: -1px;
    top: 50%;
    width: 13px;
}

.slickplan-archetype-form {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAJ0lEQVQoz2P4TzRgAGINIgBUKbGmahANSFE6TL2F6SZiHUAbpXgAAJ4aNyPKL6+vAAAAAElFTkSuQmCC');
}

.slickplan-archetype-listing {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAHklEQVQokWPQIBowkKD0PwxA+P9xA1KUjrp1CLkVAFamEViHGOvtAAAAAElFTkSuQmCC');
}

.slickplan-archetype-portal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAH0lEQVQoz2PQIBow/IcBCP8/bjCUlZIQAiMwsIhPLgCcg5lmjZk8OgAAAABJRU5ErkJggg==');
}

.slickplan-archetype-consumption {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAKUlEQVQokWPQIBowkKD0PyqAiP7HBihWSoID6OlWEgKLUqUkOICObgUAcfgRWP+aBC0AAAAASUVORK5CYII=');
}

.slickplan-archetype-consumptionstack {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUoKCj////aEfuSAAAAH0lEQVQIW2P4wcDQAEZz/oCQDAMY/QEhCJD/A0IMDADj5QnHhqYo3gAAAABJRU5ErkJggg==');
}

.slickplan-archetype-gallery {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAHElEQVQokWPQIBowkKz0PyrAKjhYlI6GAJVDAAC+ZCWAg4ozkgAAAABJRU5ErkJggg==');
}

.slickplan-archetype-dialog {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUoKCj////aEfuSAAAAGElEQVQIW2NggIH/UxgaOkAklPsHimAAAMfqCiBED7xuAAAAAElFTkSuQmCC');
}

.slickplan-archetype-interactive {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAADFBMVEUoKCiGhobl5eX///9nfsjwAAAAIElEQVQIW2NggIP///9/QCLQAA+b4wQGe+6mBxAWKgAAtYgPOk9klWMAAAAASUVORK5CYII=');
}

.slickplan-archetype-file {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAK0lEQVQoz2PQIBowUKT0PwwMXqX/cQMspuJRh8UBuNRR7C2IamrHFhWUAgD6U7kansC5vgAAAABJRU5ErkJggg==');
}

.slickplan-archetype-fragment {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAKUlEQVQokWPQIBow/CcO0E4pCW4dSt4iWSmQhSyKyYYqhfsRP5s24QoAk6pkfX/BI6YAAAAASUVORK5CYII=');
}

.slickplan-archetype-external {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAAAAAA6I3INAAAAUklEQVQIW2PQQAEMGFy9qQ9fb3KAc3f8B4LnFlBuwH8wWL9ujimIW/IfBnYCuabb4NwfswwZDv5HAlsZ/iBzPzDcROaeYfA89REOjjpjugoPFwBioWo20dc/wwAAAABJRU5ErkJggg==');
}

.slickplan-0 li > div {
    background-color: #d5d5d5;
}