@font-face {
    font-family: 'win_system';
    src: url('FSEX300.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

/*@font-face {
    font-family: 'win_icon1';
    src: url('pixearg_-webfont.woff2') format('woff2'),
         url('pixearg_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'win_icon3';
    src: url('cc_red_alert_lan-webfont.woff2') format('woff2'),
         url('cc_red_alert_lan-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'win_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.win31 * {
    font-family: 'win_system';
}

body.win31 {
    background-color: #4fa9a9;
}

body.win31 #app {
    top: 54px /*58px*/;
    height: calc(100vh - 54px) /*calc(100vh - 63px)*/;
}

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

body.win31 div#WebsiteManager div.winC2 {
    width: 100vw;
}

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

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

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

body.win31 div.titleBar {
    position: relative;
    display: block;
    width: calc(100% - 2px);
    height: 27px;
    border: 1px solid #000;
    border-bottom: none;
    overflow: hidden;
    background-color: #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.win31 div.titleLeftMenu,
body.win31 div.title,
body.win31 div.titleRightMenu {
    position: absolute;
    top: 0;
    height: 27px;
    border: none;
}

body.win31 div.titleLeftMenu {
    left: 0;
    width: 27px;
    background-color: #c3c7cb;
    border-right: 1px solid #000;
}

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

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

body.win31 div.titleRightMenu {
    right: 0;
    width: 27px;
    background-color: #c3c7cb;
    border-left: 1px solid #000;
}

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

body.win31 div.titleRightMenu:nth-child(4) {
    right: 28px;
}

body.win31 div.titleRightMenu:last-child {
    display: none;
}

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

body.win31 div.winIcon,
body.win31 div.winIcon span {
    display: none;
    font-family: 'win_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.win31 table.titleBar {
    width: 100%;
    height: 30px;
}

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

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

body.win31 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.win31 table.titleBar td.titleRightMenu {
    min-width: 30px;
    border-right: 1px solid #000;
}

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

body.win31 .statusBar {
    display: none;
}

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

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

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

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

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

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

body.win31 div.windowMinimised div.winIcon span {
    display: inline-block;
}

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

body.win31 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.win31 div.titleRightMenu a {
    background: url('../img/win_maximise.gif') no-repeat center center;
}

body.win31 div.titleRightMenu:nth-child(4) a {
    background: url('../img/win_minimise.gif') no-repeat center center;
}

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

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

body.win31 div.active .titleBar div.title {
    background: #00a;
    color: #fff;
}

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

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

body.win31 div.windowNoMenu .windowContainer {
    height: calc(100% - 36px);
}

/* Window borders */
body.win31 div.winC1,
body.win31 div.winC3 {
    position: relative;
    display: inline-block;
    width: 3px;
    height: 100%;
    vertical-align: top;
}

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

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

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

body.win31 div.winTL,
body.win31 div.winTR {
    top: 0;
    left: 0;
    border-bottom: 1px solid #000;
}

body.win31 div.winBL,
body.win31 div.winBR {
    bottom: 0;
    left: 0;
    border-top: 1px solid #000;
    cursor: 'se-resize';
}

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

body.win31 div.winM {
    position: relative;
    width: 100%;
    height: 3px;
    /*top: 0 !important;*/
}

body.win31 div.winML {
    position: absolute;
    width: 28px;
    height: 3px;
    top: 0;
    left: 0;
    border-right: 1px solid #000;
}

body.win31 div.winMR {
    position: absolute;
    width: 28px;
    height: 3px;
    top: 0;
    right: 0;
    border-left: 1px solid #000;
}

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

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

body.win31 div.winTL,
body.win31 div.winTR,
body.win31 div.winML,
body.win31 div.winMR,
body.win31 div.winBL,
body.win31 div.winBR {
    background-color: #c3c7cb;
}

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

/* Nav menu's */
body.win31 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.win31 nav ul li {
    display: inline-block;
    position: relative;
}

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

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

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

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

body.win31 .menuBar nav ul li[data-command='WinControls'] > a {
    display: block;
    width: 27px;
    height: 27px;
    padding: 0;
    background: url('../img/win_winmenu.gif') no-repeat center center;
}

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

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

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

body.win31 .menuBar nav ul li[data-command='WinControls']:hover {
    background-color: #c3c7cb;
}

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

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

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

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

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

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

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

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

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

/* Windows */
body.win31 div.text {
    padding: 5px;
    text-align: left;
}

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

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

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

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

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

body.win31 .modal .titleBar {
    height: 28px;
    border-color: #fff;
}

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

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

body.win31 .modal .modalContents {
    /*width: 100%;
    height: 100%;*/
    padding: 10px;
    background-color: #fff;
}

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

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

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

body.win31 .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.win31 .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.win31 .modalContainer table.fileList {
    border: 1px solid #000;
    min-width: 300px;
}

body.win31 .modalContainer table.fileList thead {
    display: none;
}

body.win31 .modalContainer table.fileList tbody tr td:nth-child(1),
body.win31 .modalContainer table.fileList tbody tr td:nth-child(3) {
    display: none;
}

body.win31 .modalContainer table.fileList tbody tr.selected td {
    background-color: #00a;
    color: #fff;
}

body.win31 .modalContainer table.fileList th,
body.win31 .modalContainer table.fileList td {
    /*font-family: sans-serif;*/
    font-size: 15px;
    font-weight: normal;
    padding: 3px;
}

/* Config tables (in modals), forms etc */
body.win31 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.win31 div.button {
    width: auto;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #c3c7cb;
}

body.win31 div.button div {
    padding: 3px 10px;
    border-top: 2px solid #f7f7f7;
    border-right: 2px solid #7b7b7b;
    border-bottom: 2px solid #7b7b7b;
    border-left: 2px solid #f7f7f7;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

body.win31 input {
    font-size: 16px;
}

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

body.win31 ul.icons > li {
    float: left;
    width: 66px;
    margin: 5px;
    padding: 5px;
    height: 70px;
    font-family: 'win_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.win31 ul.icons > li img {
    margin-bottom: 7px;
}*/

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

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

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

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

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

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

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

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

/* 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.win31 .jspContainer {
    overflow: hidden;
    position: relative;
}

body.win31 .jspPane {
    position: absolute;
}

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

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

body.win31 .jspCap {
    display: none;
}

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

body.win31 .jspTrack {
    background-color: #c3c7cb;
    position: relative;
}

body.win31 .jspDrag {
    background-color: #c3c7cb;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
}

body.win31 .jspVerticalBar .jspDrag {
    margin-top: -1px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

body.win31 .jspHorizontalBar .jspDrag {
    margin-left: -1px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

body.win31 .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.win31 .jspHorizontalBar .jspTrack,
body.win31 .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

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

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

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

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

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

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

body.win31 .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.win31 .jspDisabled {
    background-color: #c3c7cb;
    cursor: default;
}

body.win31 .jspVerticalBar .jspArrow {
    height: 21px;
}

body.win31 .jspHorizontalBar .jspArrow {
    float: left;
    height: 21px;
    width: 21px;
}

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

body.win31 .jspCorner {
    background-color: #c3c7cb;
    float: left;
    /*height: 100%;*/
    width: 20px;
    height: 21px;
    border-left: 1px solid #000;
    /*border-top: 1px solid #000;*/
}

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

/* Website explorer */
body.win31 div[data-div='_winWebsiteExplorer'] div.menuBar {
    background-color: #c3c7cb;
}

body.win31 div[data-div='_winWebsiteExplorer'] div.windowContainer {
    border-top-color: #c3c7cb;
}

body.win31 div[data-div='_winWebsiteExplorer'] div.statusOptions {
    width: 100%;
    height: 25px;
    text-align: left;
    border-bottom: 1px solid #000;
    background-color: #c3c7cb;
}

body.win31 div[data-div='_winWebsiteExplorer'] div.windowStatus {
    width: 100%;
    height: 30px;
    text-align: left;
    border-top: 1px solid #000;
    background-color: #c3c7cb;
}

body.win31 div[data-div='_winWebsiteExplorer'] div.windowStatus div {
    display: inline-block;
    width: calc(50% - 29px);
    height: 15px;
    margin: 2px 0 2px 7px;
    padding: 3px 4px 1px 4px;
    font-family: sans-serif;
    font-size: 12px;
    overflow: hidden;
    border-top: 2px solid #7b7b7b;
    border-right: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
    border-left: 2px solid #7b7b7b;
}

body.win31 div[data-div='_winWebsiteExplorer'] nav > ul > li, body.win31 div[data-div='_winWebsiteExplorer'] nav > ul > li:hover {
    background: none;
}

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

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

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

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

body.win31 div.icon_textfile {
    background: url('../img/win_textfile.gif');
}

body.win31 div.icon_notepad {
    background: url('../img/win_notepad.gif');
}

body.win31 div.icon_imagefile {
    background: url('../img/win_imagefile.gif');
}

body.win31 div.icon_clock {
    background: url('../img/win_clock.gif');
}

body.win31 div.icon_calculator {
    background: url('../img/win_calculator.gif');
}

body.win31 div.icon_minesweeper {
    background: url('../img/win_minesweeper.gif');
}

body.win31 img.icon_fileexplorer {
    content: url('../img/win_fileexplorer.gif');
}

body.win31 img.icon_folder {
    content: url('../img/win_folder.gif');
}

body.win31 img.icon_textfile {
    content: url('../img/win_write.gif');
}

body.win31 img.icon_notepad {
    content: url('../img/win_notepad.gif');
}

body.win31 img.icon_imageviewer {
    content: url('../img/win_paintbrush.gif');
}

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

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