@import url(plex.css);

:root {     
  --Background: rgb(43 82 134);
  --AppWorkspace: rgb(128, 128, 128);
  --ButtonFace: rgb(216 230 245);
  --ButtonHilight: rgb(236 243 250);
  --ButtonLight: rgb(241 239 226);
  --ButtonShadow: rgb(177 205 235);
  --ButtonDkShadow: rgb(106 106 106);
  --ActiveTitle: rgb(77 133 212);
  --GradientActiveTitle: rgb(114 178 245);
  --InactiveTitle: rgb(77 88 186);
  --GradientInactiveTitle: rgb(103 161 221);
  --Link: rgb(0, 0, 255);
  --HilightText: rgb(255, 255, 255);
  --ButtonText: rgb(0, 0, 0);
  --GrayText: rgb(232 243 253);
  --TitleText: rgb(255, 255, 255);
  --InactiveTitleText: rgb(206 225 241);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);
  --Hilight:  rgb(131 182 234);
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --Menu: rgb(58 106 170);
  --MenuBar: rgb(76 132 198);
  --MenuText: rgb(255, 255, 255);
}

:root {
--activebar: none;
--inactivebar: none;
--desktopbgimg: url("wallpapers/lh/BlissM6.png");
--taskbarboxshadow: none;
--taskbarbackground: url("assets/taskbar/plex/xptaskbarmiddle.png");
--desktopbgsize: 100% 100%;
--desktopbgposition: center;
--desktopbgtile: no-repeat;
--globalfont: Tahoma, Verdana, Jomolhari, Times New Roman, sans-serif;
--buttonfont: Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;
--menu-button: url('assets/taskbar/plex/buttons/xpstartbtn.png');
--menu-button-hover: url('assets/taskbar/plex/buttons/xpstartbtnhover.png');
--menu-button-pressed: url('assets/taskbar/plex/buttons/xpstartbtnpressed.png');
}

/*Theme identifier, control panel*/
#themeDropdownText:after {
content: "Windows Vista M6 - Plex";
}

#winAndButtonsDropdownText:after {
content: "Plex (M6) style";
}

#colorSchemeDropdownText:after {
	content: "Default";
}

 .dropdownlink.scheme {
	display: none !important;
}

#PlexSchemes {
	display: none !important;
}

#PlexM6Schemes {
	display: block !important;
}

input[type="text"], textarea, .ListBox, #searchResults, input[type="password"], .SysList {
	border: 1px solid #6E8295;
        box-shadow: none !important;
}


.resizeableWinBar ~ #windowcontent {
    border-width: 4px;
    margin: 0;
	border-image-slice: 4;
    margin-left: -2px;
    top: 0px;
    width: calc(100% - 4px);
    height: calc(100% - 23px);
}



#windowcontent {
border: 3px solid transparent;
border-top: none;
border-image-source: url('assets/frames/plexm6/xpinactiveborderimage.png');  
border-image-repeat: stretch;
border-image-slice: 3;
  border-style: solid;
  border-top-style: none;
background-color: var(--ButtonFace);
box-shadow: none;

    margin: 0;
    margin-left: -2px;
    top: 0px;
    width: calc(100% - 2px);
    height: calc(100% - 23px);
}

.window.current > #windowcontent, .window.forceActive > #windowcontent {
border-image-source: url('assets/frames/plexm6/xpborderimage.png'); 
}

.window_bar {
border-radius:11px 11px 0 0;
height: 29px;
font-size: 11px;
line-height: 32px;
text-indent: 24px;
text-align: unset;
font-family: Tahoma;
background-image: url('assets/frames/plexm6/xptitlebarleft.png'), url('assets/frames/plexm6/xptitlebarright.png'), url('assets/frames/plexm6/xptitlebarmiddle.png');
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left, right, center;
background-size: 31px 58px, 34px 58px, calc(100% - 65px) 58px;
	    background-position-y: -29px;
}

.window_bar strong {
font-weight: normal !important;

}

.window_bar.noIcon {
       text-indent: 6px; 
}

.WindowBarIcon {
left: 6px;
bottom: 5px;
}

.LameButton {
display: block;
	color: #5BABF5;
	margin-right: 7px;
}

.window.current > .window_bar, .window.forceActive > .window_bar {
text-shadow: 1px 1px 2px rgb(35 41 137);
background-image: url('assets/frames/plexm6/xptitlebarleft.png'), url('assets/frames/plexm6/xptitlebarright.png'), url('assets/frames/plexm6/xptitlebarmiddle.png');
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left, right, center;
background-size: 31px 58px, 34px 58px, calc(100% - 65px) 58px;
	    background-position-y: 0px;

}

.window.maximized .window_bar {
background-image: url('assets/frames/plexm6/maxtitlebarleft.png'), url('assets/frames/plexm6/maxtitlebarright.png'), url('assets/frames/plexm6/maxtitlebarmiddle.png') !important;
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left, right, center;
background-size: 31px 52px, 34px 52px, calc(100% - 65px) 52px;
    border-radius: 0;
		    background-position-y: -26px;
		    height: 26px;
			    line-height: 26px;
}

.window.maximized.current > .window_bar {
    background-position-y: 0px;
}

.window.maximized .window_bar .WindowBarIcon {
    bottom: 4px;
}

.window.maximized .window_bar strong {

    line-height: 26px;
}


.window.maximized .window_bar .winBarButton {
    top: 2px !important;
}
.window.maximized #windowcontent {
    border: none;
	    margin: 0;
		    margin-left: -2px;
    top: 0px;
    width: 100%;
    height: calc(100% - 29px);
}

.tabbutton {
background: linear-gradient(180deg,#fff,#fafaf9 26%,#f0f0ea 95%,#ecebe5);
border-radius: 0;
border: 1px solid #9DB1BA;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
line-height: 17px;
height: 21px;
box-shadow: none;
margin: 0;
margin-right: -3px;
}

.tabbutton:not(.selected):hover {
border-top: 1px solid #2F548F;
box-shadow: inset 0 2px #4F88D6;
border-image: unset !important;
border: 1px solid #9DB1BA!important;
padding: 0 6px;
}

.tabbutton.selected {
background: #fcfcfe;
border-color: #2F548F;
border-bottom: 1px solid transparent;
border-top: 1px solid #2F548F;
box-shadow: inset 0 2px #4F88D6;
top: -3px;
}

.tabbutton.selected:first-of-type {
margin: 0px -5px 0px 0px;
}

.tabbutton.selected:first-of-type {
border-left: 1px solid #d8d8d1;
}

.tabcontent {
background: #fff;
border: 1px solid #D8D8D1;
border-top: 1px solid #4F88D6;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: inset 0 1px #2F548F, 1px 1px 3px #00000057;
}


.button, div[id^="mBox-button"], button {

    border: 1px solid transparent !important;
border-image-source: url('assets/comctl/plexm6/pushbutton/Normal.png') !important;
	border-image-repeat: stretch !important;
    border-image-outset: 0 !important;
border-image-slice: 11 14 11 15 fill !important;
    border-image-width: auto !important;

font-family: var(--buttonfont);
box-shadow: none !important;
min-height: 21px;
line-height: 21px;
    image-rendering: pixelated;
    color: rgb(0, 0, 0);
}




.button:hover:not(.disabled, :active), div[id^="mBox-button"]:hover:not(.disabled, :active), button:hover {
border-image-source: url('assets/comctl/plexm6/pushbutton/Hover.png') !important;
}

.button.active:not(.disabled), .button:active:not(.disabled), div[id^="mBox-button"]:active:not(.disabled), button:active {
border-image-source: url('assets/comctl/plexm6/pushbutton/Pushed.png') !important;
}

.button.disabled, div[id^="mBox-button"]:disabled, button:disabled {
border-image-source: url('assets/comctl/plexm6/pushbutton/Disabled.png') !important;
color: rgb(161 161 161);
text-shadow: none;
}

.button:focus:not(.disabled, :hover, :active), div[id^="mBox-button"]:not(.disabled, :hover, :active), button:focus {
border-image-source: url('assets/comctl/plexm6/pushbutton/Focused.png') !important;
}

#AboutClose:active {
box-shadow: none;
}

#mBox-button-OK {
	font-family: var(--globalfont);
}


#MenuButton {
    font-size: 14pt;
font-style: unset;
    color: white;
background: var(--menu-button);
box-shadow: none !important; 
}

#MenuButtonStartIcon {
width: 25px;
height: 20px;
top: 4px !important;
left: 7px !important;
position: absolute;
background-image: url(assets/rimetxp.png);
}

#MenuButtonStartText {
    font-family: "arial";
font-weight: bold;
    text-transform: lowercase;
        text-shadow: 1px 1px 3px rgb(48 95 165);
top: 10% !important;
right: 20px !important;
position: absolute;
}

.DropdownBox {
height: 15px;
border: 1px solid #6E8295;
box-shadow: none;
background: #FFF !important;
}


.DropdownBoxButton {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAAXNSR0IArs4c6QAAAhJJREFUOE+tlE1PE1EUht/7MZU6tgNji1oiqS5I+AkuXcjKD1RCoiJiJJqIyqKQiEgag01MtAnG2IUxtopuTBu/WOkPIXGhDQbQUlunZQZsqWPutHRqUMcET+bm5M7c89z3nMk5xDRNEwAuRxPC/ZPdCw1Y54YnYyACIIKjw33Ifis6AnzNHoTuPoWAWIBLd+Lm9bNH0eKRUTBWHAHerW7kizpuxl+AGkYVMH6mGy2KjFK54ghwSQx5TUfk8csGwEA3FI8Mt0tyBKyUytCKOiKJ/wm4MdgDVdnmePv6gZy2jPDDpJ3C1f7DaPOruDKVBAFACAGjYlFQVvUSZ5Yvr1Vw4cg+3Hry2gaMnj6E9tbt6D83jYxSBCUEEq8GieXiHE1NHIwy8ALFyNB+3J5+sxGgLRvonYhbSjmj4IxBEl6AJAZjtYRUZBBzma+/AkKnDiK404dcQbeCT4QTtTSoJZtzgrXKDyTG+6B6ZaQ/ZxF9NmMruHj8ADqDbcjkCvVCjoy+qqdDKcGjsZPWt1bVi9n0PGKpdxsBn77kQUQVa3ZtbAb6lu+YCh+rv9u9Q/0doAudwQA+zC/B+g1/sb0BP2bTC4il3jYq2CRgqKcLHe27sJjVAGJ1t21iK1SZ1oOArxnv5xZxP9mgQAD2BPzQdOduVGQ3Pi4s2YD1eTB5vhe12fLHClRgghOKiQfP7Xmw2Yn0E1niEe8pqkuJAAAAAElFTkSuQmCC");
    background-size: 16px;
    width: 16px;
    height: 19px;
    right: -4px;
     top: -2px;
    background-position: 0 0;
    box-shadow: none;
}

.DDcontainer:hover .DropdownBoxButton {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAAAAXNSR0IArs4c6QAAAjxJREFUOE+tlE9IFFEcxz/vzczuqvvH/hAUdNhuaYEYshtopwpN+kcEBdVJaPRg1w51qYPHiMgEISJDulQYhCFdQg8tkgjVRh28BEVQtLv+23V334v3dsQOKYENvPnNDO/z/f7ezPuO0FprgCs3B035p+P29T47TxjYgHUX+nAEiA1w41LVsPxoECMg+m/c1Vsu+sSEIiQ00ij+RcCACljRgnkt+TUyVIMT5y+TrIOkt4K7gbVxnSuHWFaKTw+Ga3DknM/eBtgtijTHnHUb/zBf5YuO8HERio8D503B82d6aYoKUg1lOrZ56zpP/iyTWfTILmhiT+7V2v5xupd9UUFsZhKEsC9MmCpA2iqQsva8qjSvk2m2Pwvgryd89scln0dH7URHSjxXEnJNdQi5DpGwR8RzKZWrZFuPsOt5sOZVOB0p8vD+UyvgOhLPDFfiOg4hz6FcqbK1+xTvCmoNnuv2aUlI0uElDsY1/XfGbJumAyNihkZz/Owx3pTqmc0r9rwInLNdPq0JScpdoD1htgJcuzVBsb6CFOBIwUBPF1N5SaYSZSavaBoP4NmjPgcaJW0yT0cAG4Grw+NWaKCn09apgsO0SvA2p2iZCODMYZ82A4sc7fHyup9qquAxrRuZzilSr/4HnD/p0xzV7BAVwlIjNOhgj5vr1aSUlOC7dnm/IGgcC5xfHuplZ1gTd7DBqHE25sG5tpKKhkJF8K0EnZNDa3keSffhSWNpN5mt1v3PexNJJbiUCfK8mT/Jb1/QDc9YS5cBAAAAAElFTkSuQmCC");
}

.DDcontainer:active .DropdownBoxButton {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAAAAXNSR0IArs4c6QAAAe1JREFUOE+llG9ozVEYxz/nz+9KhLjCsiajG3P34m6ySVbbUFuNRUTKKyNC1JTiDWohL9BWeKVokeLuxSKbosXE7gvzp9X2gqmLVmtqebF779H53T+/ra391D1vTs8553O+z/Oc5znCGGMATl1qs9N/jRsXjrnnhIUteO1cE8lEKgdrJUkkPTu7obSkueUO9gJx8mKr2bIxzM7aSp68eOOr3LhtM9Gut/S8758E11QS+zLoC0fWryHaPRkuD9NQW8FwfMQXLlwRpKOrl54PWeV84IqyEvbXVTH4PZ5TzjzCNE/WFhXQ3vmK3r7P6Zg3RUo4UF/F+dvRWd1OJVOkjKF01RLexTJwJBzi0K4aqo9cASFQQqKURGuF1hKtFIGAQ0BrJiYSbC9fTax/IK2cha3bu5vbEELgKAsqHMfOmjkBBxvKs1unufe0ezo8/GvUdbv+xHWUTCvaotBKI5XgweUmCpctnhke+vE7F3PjmZtIKVFSoZSgveWoLUiKVy6dGR749nNKwvaebXXtR1eP59ZDRcunwmWlIQ42VBMfGfNg4faLNwzYlYLgIu53vKTvYyZhecP76rYyNv7XtzwXzpvLw87XnvKGdcUc3rOD0T/js8JJDMEF87n7+Dmfvg55/ZxtcF/pzMfh9nM+P8k/Z0zxwNySFugAAAAASUVORK5CYII=");
}

#close::after, #maximize::after, #minimize::after, #help::after {
	bottom: unset !important;
	right: unset !important;
    left: unset !important;
}

/* active versions */
.window.current > .window_bar > .winBarButton {
background-position-y: 0px;
}

.window.current > .window_bar > .winBarButton:hover:not(.disabled) {
background-position-y: -21px !important;
}

.window.current > .window_bar > .winBarButton:active:not(.disabled) {
background-position-y: -42px !important;
}

.window.current > .window_bar > .winBarButton.disabled {
background-position-y: -63px;
}

.window.current > .window_bar > .winBarButton::after {
background-position-y: 0px;
}

.window.current > .window_bar > .winBarButton:hover:not(.disabled)::after {
background-position-y: -13px;
}

.window.current > .window_bar > .winBarButton:active:not(.disabled)::after {
background-position-y: -26px;
}

.window.current > .window_bar > .winBarButton.disabled::after {
background-position-y: -39px;
}


/* inactive versions */
.winBarButton {
/* Link to spritesheet image */
background-image: url('assets/frames/plexm6/xpcaptionbuttons.png');

top: 5px;
background-position-x: -21px;
background-color: transparent;
background-position-y: -84px;
box-shadow: none;
width: 21px;
height: 21px;
}

.winBarButton:hover:not(.disabled) {
background-position-y: -105px;
}

.winBarButton:active:not(.disabled) {
background-position-y: -126px;
box-shadow: none;
}

.winBarButton.disabled {
background-position-y: -147px;
box-shadow: none;
}




.winBarButton::after {
    display: inherit;
    content: "" !important;
    background-image: url(assets/frames/plexm6/xpcaptionbuttons.png);
        background-position-y: -52px;
    width: 13px;
height: 13px;
    margin-left: 4px;
    margin-top: 4px;
}

.winBarButton:hover:not(.disabled)::after {
background-position-y: -65px;
}

.winBarButton:active:not(.disabled)::after {
background-position-y: -78px;
}

.winBarButton.disabled::after {
background-position-y: -91px;
}




/* close button */
#close {
background-position-x: 0px;
margin-right: 4px;
}

#close::after {
        background-position-x: -68px;
}


/* css for max button */

#maximize::after {
        background-position-x: -55px;
}



/* css for restore button */
.window.maximized .window_bar #maximize::after {
        background-position-x: -81px !important;
}

/* css for min button */

#minimize {
right: 2px;
}

#minimize::after {
        background-position-x: -42px;
}

/* end of min */

/* css for help button */



#help::after {
        background-position-x: -94px;
}


/* end of help */


#Menu, .submenu {
box-shadow: 2px 2px 2px #00000088;
background: linear-gradient(0deg, #395B84 0%, #67A5E7 70%) !important;
border: 1px solid #3b5774;
}


.contextmenu { 
box-shadow: 2px 2px 2px #00000088;
background: linear-gradient(0deg, #395B84 0%, #67A5E7 70%) !important;
border: 1px solid #3b5774;
}

#StartSpine {
height: calc(100% - 0px);
margin: 0px;
    background-color: #029EFB;
background-image: url("assets/rimetmIIStartSpineLH.png");
}

.watermark > strong {
font-family: Tahoma !important;
font-size: 11px !important;
font-weight: normal !important;
color: #fff !important;
}
.watermark > p > span, .watermark > p {
font-family: var(--globalfont);
font-size: 8pt;
color: #fff;
}

#browserbar {
margin: 0;
   box-shadow: none;
background: url(assets/comctl/plexm6/rebar/rebar.png);
background-repeat: no-repeat;
background-size: 100% 100%;
color: white;
}


.MenuBar {
background-color: #4F88D6;
background-image: url('assets/comctl/plexm6/menu/barbackgroundleft.png'), url('assets/comctl/plexm6/menu/barbackgroundright.png');
background-repeat: no-repeat, no-repeat;
background-position: left, right;
background-size: 31px 38px, 34px 38px;
	    background-position-y: -19px;
	height: 19px;
	border-bottom: 0px solid #3A6AAA;
}

.window.current > #windowcontent > .MenuToolbars > .MenuBar {
    background-color: #70B0F3;
	    background-position-y: 0px;
}

.MenuItem {
	height: 19px;
	padding-left: 8px !important;
	padding-right: 7px !important;
	
		border-image-repeat: stretch;
    border-image-outset: 0;
border-image-slice: 4 3 4 3 fill;
    border-image-width: auto;
}

.MenuItem:first-of-type {
	margin-left: 0px;
}
/* Checkboxes from 98.css */
/* This is also a good example on how to use image based checkboxes!! (from an msstyles for instance) */

input[type=checkbox], input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0;
    border: none;
    margin: 0;
    opacity: 0;
}

input[type=checkbox]+label:before {
background-color: var(--Window);
    box-shadow: var(--field);
    content: "";
    display: inline-block;
    height: 13px;
    left: -19px;
    margin-right: 6px;
    position: absolute;
    width: 13px;
	top: 0px;
}
input[type=checkbox]+label:before {
background: url(assets/comctl/plexm6/checkbox/Checkbox.png) !important;
    box-shadow: none !important;
    border: none !important;
}

input[type=checkbox]+label:hover:before {
background-position-y: -13px !important;
}

input[type=checkbox]+label:active:before {
background-position-y: -26px !important;
}

input[type=checkbox]:disabled+label:before { 
background-position-y: -39px !important;
}

input[type=checkbox]:checked+label:before {
background: url(assets/comctl/plexm6/checkbox/Checkbox.png) !important;
background-position-y: -52px !important;
	font-size: 0px;
}

input[type=checkbox]:checked+label:hover:before {
background-position-y: -65px !important;
}

input[type=checkbox]:checked+label:active:before {
background-position-y: -78px !important;
}

input[type=checkbox][disabled]:checked+label:before { 
background-position-y: -91px !important;
	font-size: 0px;
}


input[type=checkbox]:checked+label:after {
      font-size: 0px !important;  
}

input[type=checkbox]:checked+label:after {
    background: none;
}

:disabled+label {
color: rgb(161 161 146);
}

input[type=checkbox][disabled]:checked+label:after {
    background: none;
}
/* This is also a good example on how to use image based radio buttons!! (from an msstyles for instance) */


input[type=radio]+label:before {
background: url(assets/comctl/plexm6/radiobutton/radio.png);
    box-shadow: none;
	height: 13px;
	width: 13px;
}

input[type=radio]+label:hover:before {
background-position-y: -13px;
}

input[type=radio]+label:active:before {
background-position-y: -26px;
}

input[type=radio]:disabled+label:before { 
background-position-y: -39px;
}

input[type=radio]:checked+label:before {
background-position-y: -52px;
}

input[type=radio]:checked+label:hover:before {
background-position-y: -65px;
}

input[type=radio]:checked+label:active:before {
background-position-y: -78px;
}

input[type=radio][disabled]:checked+label:before { 
background-position-y: -91px;
}


input[type=radio]:checked+label:after {
      display: none !important;  
}

.groupbox {
	border-radius: 3px;
	border: 1px solid #C8D4E7;
}

.groupboxLabel {
	background-color: unset;
	color: rgb(109 139 228);
}


#UserPane {
    font-family: "Tahoma" !important;
text-shadow: 2px 2px 2px rgb(77 125 183);
    font-size: 17pt;
    color: white;
}