@font-face {
    font-family: 'mac_system';
    src: url('chicagoflf-webfont.woff2') format('woff2'),
         url('chicagoflf-webfont.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'mac_icon';
    src: url('px_sans_nouveaux.woff2') format('woff2'), /*px_sans_nouveaux, aprilsans-regular, exepixelperfect, pixel-unicode*/
         url('px_sans_nouveaux.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body.mac6 * {
    font-family: 'mac_system';
}

body.mac6 {
    background-image: url('../img/bg_mac6.gif');
}

body.mac6 #app {
    top: 29px;
    height: calc(100vh - 29px);
}

body.mac6 div.window {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-top: none;
}

body.mac6 .windowNoResize {
    border: 1px solid #000;
}

body.mac6 div#WebsiteManager {
    width: 100vw /*calc(100vw - 2px)*/ !important;
    height: 28px/*calc(100vh - 2px)*/ !important;
    border: none;
    border-bottom: 1px solid #000;
}

body.mac6 div#WebsiteManager * {
    font-size: 12.5px;
}

body.mac6 div#WebsiteManager div.titleBar {
    display: none;
}

body.mac6 div#WebsiteManager div.menuBar {
    height: 24px;
    border-top: none;
}

body.mac6 div#WebsiteManager div.winC2 {
    width: 100vw;
    background: #fff url('../img/mac_win_tr.gif') no-repeat top right;
}

body.mac6 div#WebsiteManager div.winC1,
body.mac6 div#WebsiteManager div.winC2 div.winM,
body.mac6 div#WebsiteManager div.winC2 div.windowContainer,
body.mac6 div#WebsiteManager div.winC3 {
    display: none !important;
}

body.mac6 .windowNoResize div.winC2 {
    width: 100%;
    height: calc(100% + 6px);
}

body.mac6 .windowNoResize div.winC1,
body.mac6 .windowNoResize div.winC2 div.winM,
body.mac6 .windowNoResize div.winC3 {
    display: none;
}

body.mac6 div.titleBar {
    position: relative;
    display: block;
    width: calc(100% - 0px);
    height: 27px;
    border: none /*1px solid #000*/;
    border-bottom: none;
    overflow: hidden;
    background-color: #fff; /*#c3c7cb;*/
    cursor: pointer;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

body.mac6 div.titleLeftMenu,
body.mac6 div.title,
body.mac6 div.titleRightMenu {
    position: absolute;
    top: 0;
    height: 27px;
    border: none;
}

body.mac6 .titleBar div.title span {
    padding: 3px 7px;
    background: #fff;
    color: #000;
}

body.mac6 div.titleLeftMenu {
    left: 0;
    width: 27px;
    background-color: #fff;
}

body.mac6 div.title {
    left: 27px;
    width: calc(100% - 54px);
    height: 22px;
    padding: 5px 0 0 0;
    font-size: 14px;
    text-align: center;
    color: #000;
    white-space: nowrap;
    background-color: #fff;
}

body.mac6 .windowNoResize div.title {
    width: calc(100% - 56px);
}

body.mac6 div.titleRightMenu {
    right: 0;
    width: 27px;
    background-color: #fff;
}

body.mac6 .windowNoResize div.titleRightMenu {
    display: none;
}

/*body.mac6 div.titleRightMenu:last-child {
    display: none;
}
body.mac6 div.titleBar div:nth-child(3),
body.mac6 div.titleBar div:nth-child(4) {
    display: none;
}*/

body.mac6 div.titleRightMenu a {
    /*display: none !important;*/
}

body.mac6 .windowNoResize div.titleRightMenu:last-child {
    display: inline-block;
    right: 0;
}

body.mac6 div.winIcon,
body.mac6 div.winIcon span {
    display: none;
    font-family: 'mac_icon';
    font-size: 8px;
    text-align: center;
    -webkit-font-smoothing: none;
    font-smooth: never;
    -moz-font-smooth: never;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

body.mac6 table.titleBar {
    width: 100%;
    height: 30px;
}

body.mac6 table.titleBar td {
    margin: 0;
    padding: 0;
    border: 0;
    width: 30px;
    height: 30px;
    border-top: 1px solid #000;
    background-color: #c3c7cb;
}

body.mac6 table.titleBar td.titleLeftMenu {
    min-width: 30px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

body.mac6 table.titleBar td.title {
    width: auto;
    padding-right: 3px;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;
    border-right: 1px solid #000;
    background-color: #fff;
}

body.mac6 table.titleBar td.titleRightMenu {
    min-width: 30px;
    border-right: 1px solid #000;
}

body.mac6 .menuBar {
    display: none;
    width: calc(100% - 6px);
    height: 20px;
    margin-bottom: 1px;
    padding: 4px 3px 0 3px;
    border: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: none;
    border-right: none;
    font-size: 15px;
    overflow: visible;
    background: #fff;
    color: #000;
    white-space: nowrap;
    text-align: left;
}

body.mac6 div#WebsiteManager .menuBar {
    background: url('../img/mac_win_tl.gif') no-repeat top left;
    display: block;
    width: calc(100% - 63px);
    padding-left: 20px;
    padding-top: 6px;
    border: none;
}

body.mac6 div.application .menuBar,
body.mac6 div.application .menuBar nav {
    display: block;
}

body.mac6 div.application .menuBar nav ul li[data-command='WinControls'] {
    display: none;
}

body.mac6 .statusBar {
    display: block;
    width: calc(100% - 6px);
    height: 20px;
    margin-bottom: 1px;
    padding: 4px 3px 0 3px;
    border: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: none;
    border-right: none;
    font-size: 15px;
    overflow: visible;
    background: #fff;
}

body.mac6 div#WebsiteManager .statusBar,
body.mac6 div.application .statusBar {
    display: none;
}

body.mac6 .statusBar table {
    visibility: hidden;
    width: 90%;
    margin: auto auto;
}

body.mac6 div.active .statusBar table {
    visibility: visible;
}

body.mac6 .statusBar table tr td {
    width: 33%;
    font-family: 'mac_icon';
    font-size: 7.5px;
    color: #000;
    white-space: nowrap;
}

body.mac6 .statusBar table tr td:nth-child(1) {
    text-align: left;
}

body.mac6 .statusBar table tr td:nth-child(2) {
    text-align: center;
}

body.mac6 .statusBar table tr td:nth-child(3) {
    text-align: right;
}

body.mac6 div.windowMinimised {
    border: none;
    overflow: hidden;
}

body.mac6 div.windowMinimised div.menuBar,
body.mac6 div.windowMinimised div.windowContainer {
    display: none;
}

body.mac6 div.windowMinimised div.titleBar {
    border-bottom: 1px solid #000;
}

body.mac6 div.windowMinimised.windowNoMenu div.titleBar {
    /*border-bottom: none;*/
}

body.mac6 div.windowMinimised.windowNoMenu div.windowContainer {
    border-top: none;
}

body.mac6 div.windowMinimised div.winIcon {
    display: block;
    width: 100%;
    height: 30px;
    padding-top: 70px;
    background-position: center center;
    background-repeat: no-repeat;
}

body.mac6 div.windowMinimised div.winIcon span {
    display: inline-block;
    padding: 1px 5px;
    background: #fff;
}

body.mac6 div.windowMinimised div.titleBar,
body.mac6 div.windowMinimised div.titleLeftMenu,
body.mac6 div.windowMinimised div.titleRightMenu {
    /*height: 30px;???*/
}

body.mac6 div.titleRightMenu a {
    display: block;
    width: 23px;
    height: 23px;
    /*border-top: 2px solid #f7f7f7;
    border-right: 2px solid #7b7b7b;
    border-bottom: 2px solid #7b7b7b;
    border-left: 2px solid #f7f7f7;*/
}

body.mac6 div.active div.titleBar div:nth-child(3) {
    display: block;
}

body.mac6 div.active div.titleBar div:nth-child(4),
body.mac6 div.active div.titleBar div:nth-child(5) {
    display: none;
}

body.mac6 div.windowLocked div.titleBar div:nth-child(3),
body.mac6 div.windowLocked div.titleBar div:nth-child(4) {
    display: none;
}

body.mac6 div.windowLocked div.titleBar div:nth-child(5) {
    display: block;
}

body.mac6 div.active div.titleLeftMenu {
    background: #fff url('../img/mac_minimise.gif') no-repeat center center;
}

body.mac6 div.active div.titleRightMenu a {
    background: #fff url('../img/mac_restore.gif') no-repeat center center;
}

body.mac6 div.windowMinimised div._winM {
    margin-top: -1px;
    border-top: 1px solid #000;
}

body.mac6 div.windowNoMenu .menuBar {
    padding: 0;
    margin: 0;
    height: 0;
    min-height: 0;
    max-height: 0;
    border: 0;
}

body.mac6 div.active .titleBar div.titleLeftMenu {
    /*background-image: url('../img/mac_minimise.gif');
    background-color: #fff;*/
}

body.mac6 div.active .titleBar div.titleRightMenu {
    /*background-image: url('../img/mac_restore.gif');
    background-color: #fff;*/
}

body.mac6 div.active .titleBar div.title {
    background-image: url('../img/mac_title.gif');
    color: #fff;
}

body.mac6 div.windowMinimised .titleBar div.title {
    background: #777;
    color: #fff;
}

body.mac6 .windowContainer,
body.mac6 div.windowNoMenu .windowContainer {
    width: calc(100% - 0px);
    height: calc(100% - 57px);
    border-top: 1px solid #000;
    overflow: hidden;
    background-color: #fff;
}

body.mac6 div.windowNoMenu .windowContainer {
    /*height: calc(100% - 30px);*/
}

/* Window borders */
body.mac6 div.winC1,
body.mac6 div.winC3 {
    position: relative;
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: top;
    border-left: 1px solid #000;
}

body.mac6 div.winC2 {
    position: relative;
    display: inline-block;
    width: calc(100% - 2px);
    height: 100%;
    vertical-align: top;
}

body.mac6 div.winC3 {
    /*right: 0 !important;*/
}

body.mac6 div.winTL,
body.mac6 div.winTR,
body.mac6 div.winR,
body.mac6 div.winBL,
body.mac6 div.winBR {
    position: absolute;
    width: 5px;
    height: 31px
}

body.mac6 div.winTL,
body.mac6 div.winTR {
    top: 0;
    left: 0;
    border-bottom: none;
}

body.mac6 div.winBL,
body.mac6 div.winBR {
    bottom: 0;
    left: 0;
    border-top: none;
    cursor: 'se-resize';
}

body.mac6 div.winR {
    height: calc(100% - 50px);
    left: 0;
    top: 20px;
    cursor: 'e-resize';
}

body.mac6 div.winM {
    position: relative;
    display: block;
    width: 100%;
    height: 0px;
    /*top: 0 !important;*/
    border-bottom: 1px solid #000;
}

body.mac6 div.winML {
    position: absolute;
    width: 28px;
    height: 0px;
    top: 0;
    left: 0;
    border-right: none;
}

body.mac6 div.winMR {
    position: absolute;
    width: 28px;
    height: 5px;
    top: 0;
    right: 0;
    border-left: none;
}

body.mac6 div.winSE {
    cursor: se-resize;
}

body.mac6 div.winB {
    width: calc(100% - 40px);
    left: 20px;
    top: 0;
    cursor: 's-resize';
}

body.mac6 div.winC1,
body.mac6 div.winC3,
body.mac6 div.winM {
    background-color: #c3c7cb;
}

body.mac6 div.winTL,
body.mac6 div.winTR,
body.mac6 div.winML,
body.mac6 div.winMR,
body.mac6 div.winBL,
body.mac6 div.winBR {
    background-color: none;
}

body.mac6 div.windowMinimised div.winBL,
body.mac6 div.windowMinimised div.winBR {
    border-color: #c3c7cb;
}

/* Nav menu's */
body.mac6 nav {
    display: none;
}

body.mac6 div#WebsiteManager nav {
    display: block;
}

body.mac6 nav ul {
    font-size: 0;
    margin: 0;
    padding: 0;
    z-index: 99;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

body.mac6 nav ul li {
    display: inline-block;
    position: relative;
}

body.mac6 nav ul li[data-command='WinControls'] {
    position: absolute;
    width: 27px;
    height: 27px;
    margin-top: -32px;
    margin-left: -3px;
}

body.mac6 div#base nav ul li[data-command='WinControls'] ul {
    display: none !important;
}

body.mac6 div.windowNoMenu .menuBar nav ul li[data-command='WinControls'] {
    margin-top: -27px;
    margin-left: 1px;
}

body.mac6 .menuBar nav ul li[data-command='WinControls'] ul {
    margin: -6px 0 0 -1px;
}

body.mac6 .menuBar nav ul li[data-command='WinControls'] > a {
    display: block;
    width: 27px;
    height: 27px;
    padding: 0;
    background: none;
}

body.mac6 nav ul li a {
    display: block;
    font-size: 12px;
    padding: 0 25px 0 0;
    color: #000;
    transition: 0.3s linear;
    text-decoration: none;
}

body.mac6 nav ul li a[data-disabled='true'] {
    color: #aaa;
}

body.mac6 nav ul li:hover {
    background: #fff;
}

body.mac6 .menuBar nav ul li[data-command='WinControls']:hover {
    background: none;
}

body.mac6 nav ul li ul {
    display: none;
    position: absolute;
    margin: 2px/*.5px*/ 0 0 -4px;
    padding-top: 6px;
    width: auto;
}

body.mac6 nav ul li ul li {
    display: block;
    padding: 5px 10px;
    border: 1px solid #111;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
}

body.mac6 nav ul li ul li:hover,
body.mac6 nav ul li ul li[data-active='true'] {
    background-color: #c3c7cb;
}

body.mac6 nav ul li ul li:first-child {
    border-top: 1px solid #111;
}

body.mac6 nav ul li ul li:last-child {
    border-bottom: 1px solid #111;
}

body.mac6 nav ul li ul li a {
    display: block;
}

body.mac6 div.window nav ul li ul li a.defaultDisabled {
    color: #aaa;
}

body.mac6 div.windowLocked nav ul li ul li a.defaultDisabled {
    color: #000;
}

body.mac6 nav ul li ul li a:hover {
    /*background: #126d9b;*/
}

body.mac6 nav ul li[data-command='System'] {
    margin-right: 20px;
    background: url('../img/icon_mac.gif') no-repeat center center;
}

body.mac6 nav ul li[data-command='System']  >  a:first-child {
    /*text-indent: -9999px;*/
    color: #fff;
}

body.mac6 span.underline {
    text-decoration: underline;
}

/* Windows */
body.mac6 div.text {
    width: calc(100% - 32px);
    min-height: 100%;
    padding: 7px 7px 2px 7px;
    text-align: left;
}

body.mac6 div.text,
body.mac6 div.text * {
    font-family: sans-serif;
    line-height: 130%;
}

body.mac6 div.text:focus, input:focus {
    outline: none;
}

body.mac6 div.text p {
    margin-bottom: 15px;;
    text-align: left;
}

/* Modals */
body.mac6 #modalMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 9998;
}

body.mac6 .modalContainer {
    display: none;
    width: auto;
}

body.mac6 .modal {
    display: none;
    position: absolute;
    min-width: 24px;
    min-height: 77px;
    border: 1px solid #000;
    padding: 3px;
    background-color: #fff;
    z-index: 9999;
}

body.mac6 .modal .titleBar {
    display: none;
}

/*body.mac6 .modal .titleBar .titleLeftMenu {
    background: url('../img/win_winmenu.gif') no-repeat center center;
    border-bottom: 1px solid #000;
}

body.mac6 .modal .titleBar .title {
    width: calc(100% - 28px);
    height: 28px;
    background: #00a;
    color: #fff;
}*/

body.mac6 .modal .modalContents {
    /*width: 100%;
    height: 100%;*/
    padding: 10px;
    background-color: #fff;
    font-size: 12px;
    border: 2px solid #000;
}

body.mac6 .modal .modalContents div {
    display: inline-block !important;
}

body.mac6 .modal input {
    width: calc(100% - 9px);
    padding: 3px;
}

body.mac6 .modal input[type='checkbox'] {
    /*display: none;*/
    margin-right: 10px;
    border: 1px solid #000;
    background: #fff;
    width: 15px;
    height: 15px;
}

body.mac6 .modal input[type='_checkbox'] + label:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #000;
}

body.mac6 .modal input[type='_checkbox']:checked + label:before {
    content: '\2714'; /* Tick */
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center;
    line-height: 15px;
    text-shadow: 0px 0px 3px #eee;
}

body.mac6 .modalContainer table.fileList {
    border: 1px solid #000;
    border-collapse: separate;
    border-spacing: 0px 1px;
    min-width: 300px;
}

body.mac6 .modalContainer table.fileList thead tr th {
    border-bottom: 1px solid #000;
}

body.mac6 .modalContainer table.fileList tbody tr:nth-child(1) td {
    border-top: 1px solid #000;
}

body.mac6 .modalContainer table.fileList tbody tr td:nth-child(2) {
    font-weight: bold;
}

body.mac6 .modalContainer table.fileList tbody tr.selected td {
    background-color: #000;
    color: #fff;
}

body.mac6 .modalContainer table.fileList th {
    font-weight: bold;
}

body.mac6 .modalContainer table.fileList th,
body.mac6 .modalContainer table.fileList td {
    font-family: sans-serif;
    padding: 3px;
}

/* Config tables (in modals), forms etc */
body.mac6 table.tableConfig td {
    padding: 5px;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

body.mac6 div.button {
    width: auto;
    border: 1px solid #000;
    border-radius: 6px;
    background-color: #fff;
}

body.mac6 div.button div {
    padding: 8px 15px;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

body.mac6 input {
    font-size: 15px;
    font-family: sans-serif;
}

/* Window icons */
body.mac6 ul.icons {
    list-style-type: none;
    display: block;
    /*width: 100vw;*/
    background: none;
    padding: 0;
}

body.mac6 ul.icons > li {
    float: left;
    width: 66px;
    margin: 5px;
    padding: 5px;
    height: 70px;
    font-family: 'mac_icon';
    font-size: 8px;
    text-align: center;
    -webkit-font-smoothing: none;
    font-smooth: never;
    -moz-font-smooth: never;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

/*body.mac6 ul.icons > li img {
    margin-bottom: 7px;
}*/

body.mac6 div.icons > p {
    margin: 10px;
    padding: 5px;
    width: calc(100% - 50px);
    font-family: 'mac_icon';
    font-size: 8px;
    text-align: left;
    border: 1px solid #000;
}

body.mac6 ul.icons > li div {
    height: 40px;
    margin: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

body.mac6 ul.foldericons > li div {
    height: 55px;
}

body.mac6 ul.foldericons > li div img {
    width: 50px;
    height: 50px;
}

body.mac6 ul.icons > li p {
    height: 12px;
    margin: 0;
    font-family: monospace /*'mac_icon'*/;
    font-size: 11px /*8px*/;
    text-align: center;
    -webkit-font-smoothing: none;
    font-smooth: never;
    -moz-font-smooth: never;
}

body.mac6 ul.icons > li p > span {
    display: none;
    font-family: monospace /*'mac_icon'*/;
    font-size: 11px /*8px*/;
    text-align: right;
    -webkit-font-smoothing: none;
    font-smooth: never;
    -moz-font-smooth: never;
}

/* Scrollbars */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
 body.mac6 .jspContainer {
    overflow: hidden;
    position: relative;
}

body.mac6 .jspPane {
    position: absolute;
}

body.mac6 .jspVerticalBar {
    background: #c3c7cb;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 17px; /*21px;*/
    border-left: 1px solid #000;
}

body.mac6 .jspHorizontalBar {
    background: #c3c7cb;
    bottom: 0;
    height: 17px; /*21px;*/
    left: 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid #000;
}

body.mac6 .jspCap {
    display: none;
}

body.mac6 .jspHorizontalBar .jspCap {
    float: left;
}

body.mac6 .jspTrack {
    background: #fff url('../img/mac_scrollbg.gif');
    position: relative;
}

body.mac6 .jspDrag {
    background-color: #fff;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
    max-height: 100%;
}

body.mac6 .jspVerticalBar .jspDrag {
    margin-top: -1px;
    max-height: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

body.mac6 .jspHorizontalBar .jspDrag {
    margin-left: -1px;
    max-width: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

body.mac6 .jspDrag:after {
    content: '';
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    /*border-top: 2px solid #f7f7f7;
    border-right: 2px solid #7b7b7b;
    border-bottom: 2px solid #7b7b7b;
    border-left: 2px solid #f7f7f7;*/
}

body.mac6 .jspHorizontalBar .jspTrack,
body.mac6 .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

body.mac6 .jspVerticalBar .jspTrack {
    margin-top: 1px;
}

body.mac6 .jspArrow {
    background-color: #fff;
    cursor: pointer;
    direction: ltr;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px;
}

body.mac6 .jspArrow.jspArrowLeft {
    border-right: 1px solid #000;
    background: #fff url('../img/mac_scrollleft.gif') no-repeat center center;
}

body.mac6 .jspArrow.jspArrowRight {
    border-left: 1px solid #000;
    /*border-right: 1px solid #000;*/
    background: #fff url('../img/mac_scrollright.gif') no-repeat center center;
}

body.mac6 .jspArrow.jspArrowUp {
    border-bottom: 1px solid #000;
    background: #fff url('../img/mac_scrollup.gif') no-repeat center center;
}

body.mac6 .jspArrow.jspArrowDown {
    border-top: 1px solid #000;
    background: #fff url('../img/mac_scrolldown.gif') no-repeat center center;
}

body.mac6 .jspArrow:after {
    content: '';
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    /*border-top: 2px solid #f7f7f7;
    border-right: 2px solid #7b7b7b;
    border-bottom: 2px solid #7b7b7b;
    border-left: 2px solid #f7f7f7;*/
}

body.mac6 .jspDisabled {
    background-color: #fff;
    cursor: default;
}

body.mac6 .jspVerticalBar .jspArrow {
    height: 17px; /*21px;*/
}

body.mac6 .jspHorizontalBar .jspArrow {
    float: left;
    height: 17px; /*21px;*/
    width: 17px; /*21px;*/
}

body.mac6 .jspVerticalBar .jspArrow:focus {
    border: 1px solid #fff;
    outline: none;
}

body.mac6 .jspCorner {
    float: left;
    /*height: 100%;*/
    width: 20px;
    height: 17px; /*21px;*/
    border-left: 1px solid #000;
    background: #fff url('../img/mac_scrollcorner.gif') no-repeat center center;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

/* Website explorer */
body.mac6 div[data-div='_winWebsiteExplorer'] div.statusOptions {
    display: none;
}

/* Icons */
body.mac6 div.icon_programgroup {
    background: url('../img/mac_programgroup.gif');
}

body.mac6 div.icon_websitemanager {
    background: url('../img/mac_fileexplorer.gif');
}

body.mac6 img.icon_fileexplorer {
    content: url('../img/mac_fileexplorer.gif');
}

body.mac6 img.icon_folder {
    content: url('../img/mac_folder.gif');
}

body.mac6 img.icon_textfile {
    content: url('../img/mac_textfile.gif');
}

body.mac6 img.icon_notepad {
    content: url('../img/mac_write.gif');
}

body.mac6 img.icon_imageviewer {
    content: url('../img/mac_paintbrush.gif');
}

/* Control Panel */
div.winMacControlPanel, div.winMacControlPanel * {
    margin: 0;
    padding: 0;
    font-family: 'mac_icon';
    font-size: 7.5px;
}

div.winMacControlPanel, div.winMacControlPanel div {
    display: inline-block;
    vertical-align: top;
}

div.winMacControlPanel div.inner {
    background: #fff; border-top: 3px solid #000; border-left: 3px solid #000;
}

div.winMacControlPanel div.inner.right {
    border-right: 3px solid #000;
}

div.winMacControlPanel div.inner.bottom {
    border-bottom: 3px solid #000;
}

[data-div='_winMacControlPanel'] div.titleBar {
    /*border: 1px solid #000 !important;
    border-bottom: none !important;
    width: calc(100% - 2px) !important;*/
}

[data-div='_winMacControlPanel'] div.windowContainer {
    height: 239px !important;
}

[data-div='_winMacControlPanel'] div.winC2 {
    height: calc(100% + 13px) !important;
}

body.mac6 input[type='radio'] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

body.mac6 input[type='radio'] + img {
    width: 11px;
    height: 11px;
    margin-right: 3px !important;
    background: url('../img/mac_radio_off.gif') no-repeat;
    cursor: pointer;
}

body.mac6 input[type='radio']:checked + img {
    background: url('../img/mac_radio_on.gif') no-repeat;
}

div#mac_cp_vol {
    width: 30px;
    height: 121px;
    background: url('../img/mac_cp_vol_bg.gif') no-repeat;
    border: none;
}

div#mac_cp_vol div.slider-vertical {
    width: 30px;
    height: 107px;
    margin-top: 8px;
    background: none;
    border: none;
}

div#mac_cp_vol div.slider-vertical div.ui-slider-range {
    color: unset;
    background: none;
    border: none;
    border-color: transparent;
}

div#mac_cp_vol div.slider-vertical a.ui-slider-handle,
div#mac_cp_vol div.slider-vertical a.ui-state-active,
div#mac_cp_vol div.slider-vertical a.ui-state-hover,
div#mac_cp_vol div.slider-vertical a.ui-state-focus,
div#mac_cp_vol div.slider-vertical a.ui-corner-all {
    width: 23px;
    height: 11px;
    margin-left: 14px;
    color: unset;
    background: transparent url('../img/mac_cp_vol_slider.gif') no-repeat;
    border: none;
    border-color: transparent;
    border-radius: unset;
}

/* Scrapbook */
[data-div='_winMacScrapbook'] div.windowContainer {
    height: calc(100% - 34px) !important;
}

[data-div='_winMacScrapbook'] div.windowContainer div {
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
}

[data-div='_winMacScrapbook'] div.windowContainer div.winMacScrapbook {
    padding: 6px;
}

/* Terminal */
body.mac6 div[data-div='_winTerminal'] .windowContainer {
    background: #000;
    color: #fff;
    text-align: left;
}

body.mac6 span.terminalCursor {
    display: inline-block;
    width: 12px;
    height: 20px;
    background-color: #fff;
    animation: blinking 1s linear infinite;
}
@keyframes blinking {
    from,
    49.9% {
      opacity: 0;
    }
    50%,
    to {
      opacity: 1;
    }
}

body.mac6 div.imgL {
    background-image: url('../img/mac_imgl.gif');
}

body.mac6 div.imgR {
    background-image: url('../img/mac_imgr.gif');
}

/* Folder menu */
body.mac6 ul.easytree-container li {
    background-image: url('../img/tree_vline_mac.gif');
}

body.mac6 span.easytree-empty,
body.mac6 span.easytree-vline,
body.mac6 span.easytree-expander,
body.mac6 span.easytree-icon,
body.mac6 span.easytree-checkbox,
body.mac6 span.easytree-radio,
body.mac6 span.easytree-drag-helper-img,
body.mac6 #easytree-drop-marker {
    background-image: url('../img/tree_icons_mac.gif');
}