/*Windows Whistler Watercolor/Professional theme ported to CSS by aph, Original Watercolor theme by Microsoft*/ 
@import url('assets/imports/NT5LogonBox.css');
@import url('assets/imports/NT5AbtBox.css');
@import url('assets/imports/NT5.1LogonBox.css');
@import url('assets/imports/msstylesAppearancePreview.css');
@import url('assets/iconset/whistler/iconset2.css');

/* Custom scheme vars, for custom classic themes */
:root {     
  --Background: rgb(0, 78, 152);  
  --appworkspace: rgb(128, 128, 128);
  --ButtonFace: #ebebe4;
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(212 208 200);
  --ButtonShadow: rgb(128, 128, 128);
  --ButtonDkShadow: #404040;
  --ActiveTitle: rgb(82 151 249);
  --GradientActiveTitle: rgb(53 115 214);
  --InactiveTitle: rgb(44 96 178);
  --GradientInactiveTitle: rgb(44 96 178);
  --Link: rgb(0, 0, 255);
  --HilightText: rgb(255, 255, 255);
  --ButtonText: rgb(0, 0, 0);
  --GrayText: rgb(128 128 128);
  --TitleText: rgb(255, 255, 255);
  --InactiveTitleText: rgb(122 161 255);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);
  --Hilight:  rgb(49, 106, 197);
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --Menu: rgb(255, 255, 255);
  --MenuBar: rgb(244 244 240);
}
:root {
--activebar: none;
--inactivebar: none;
--desktopbgimg: url("wallpapers/winxp/Professional.jpg");
--taskbarboxshadow: none;
--taskbarbackground: url("assets/taskbar/professional/xptaskbarmiddle.png");
--desktopbgsize: 100% 100%;
--desktopbgposition: center;
--desktopbgtile: no-repeat;
		--globaltoolbarflat: 0 0 0 1px #BBC3D7;
		--globaltoolbarflatactive: 0 0 0 1px #2160AF;
--globalfont: Tahoma, Verdana, Jomolhari, Times New Roman, sans-serif;
--buttonfont: Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;
--titlefont: var(--globalfont);
--menu-button: url('assets/taskbar/professional/buttons/xpstartbtn.png');
--menu-button-hover: url('assets/taskbar/professional/buttons/xpstartbtn.png') 0 -22px;
--menu-button-pressed: url('assets/taskbar/professional/buttons/xpstartbtn.png')0 -44px;
}

/*Theme identifier, control panel*/
#themeDropdownText:after {
content: "Windows XP - Watercolor";
}

#winAndButtonsDropdownText:after {
content: "Watercolor button style";
}

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

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

#WatercolorSchemes {
	display: block !important;
}


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

#boxText {
    position: absolute;
    left: 59px;
    top: 22px;
}

#windowcontent {
border: 4px solid transparent;
border-top: none;
border-image-source: url('assets/frames/professional/xpinactiveborderimage.png');  
border-image-slice: 4;
  border-style: solid;
  border-top-style: none;
background-color: #ebebe4;
box-shadow: none;
    width: calc(100% - 4px);
margin-left: -2px;
margin-top: 0px;
    height: calc(100% - 24px);
	    top: 0px;
}


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

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


.window {
box-shadow: none !important;
background: none;
}

.window_bar {
width: 100%;
margin: -2px 0 0px -2px !important;
padding: 0 2px;
height: 23px;
font-size: 8pt;
line-height: 23px;
text-indent: 29px;
font-family: Tahoma;
color: rgb(122 161 255);
background-image: url('assets/frames/professional/xptitlebarleft.png'), url('assets/frames/professional/xptitlebarright.png'), url('assets/frames/professional/xptitlebarmiddle.png');
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left, right, center;
background-size: 4px 46px, 141px 46px, calc(100% - 145px) 46px;
    background-position-y: -23px;
}
	
.window_bar.noIcon {
       text-indent: 11px; 
}

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

.window.current > .window_bar, .window.forceActive > .window_bar {
color: white;
background-image: url('assets/frames/professional/xptitlebarleft.png'), url('assets/frames/professional/xptitlebarright.png'), url('assets/frames/professional/xptitlebarmiddle.png');
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left, right, center;
background-size: 4px 46px, 141px 46px, calc(100% - 145px) 46px;
    background-position-y: 0px;
}

.resizeableWinBar {
 top: 0px !important;
}
.window.maximized .window_bar {
background-image: url('assets/frames/professional/maxtitlebarleft.png'), url('assets/frames/professional/maxtitlebarright.png'), url('assets/frames/professional/maxtitlebarmiddle.png');
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left, right, center;
background-size: 4px 40px, 141px 40px, calc(100% - 145px) 40px;
    border-radius: 0;
	    background-position-y: -20px;
		    height: 20px;
			    line-height: 20px;
				 top: 2px !important;
}

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

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

.window.maximized .window_bar strong {

    line-height: 20px;
}


.window.maximized .window_bar .winBarButton {
    top: 0px !important;
    height: 19px !important;
}

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


.tabbutton {
    background: rgb(219, 219, 206);
    box-shadow: none !important;
line-height: 18px;
height: 18px;
    border-radius: 0 !important;
box-shadow: none;
}

.tabbutton:not(.selected):hover {
    background: rgb(199, 220, 246);
}

.tabbutton.selected {
    background: rgb(243, 243, 239);
    border: 1px solid white;
        border-top-right-radius: 1px !important;
    border-top-left-radius: 1px !important;
    border-bottom: 1px solid rgb(243, 243, 239);
top: -1px;
}

#tabButton-1.selected {
margin: 0px -5px 0px 0px;
}

.tabcontent {
box-shadow: 2px 2px 2px #0000000f;
background: rgb(243, 243, 239);
border: 1px solid #fff;
}

.button, div[id^="mBox-button"], button {
font-family: var(--buttonfont);
background: #dee0da;
background: linear-gradient(0deg, #dee0da 0%, #f0f2ec 100%) !important;
    box-shadow: inset -1px -1px #bcbec2, inset 1px 1px #fff !important;
    border: 1px solid gray !important;
min-height: 21px;
line-height: 21px;
}

.button:hover:not(.disabled, :active), div[id^="mBox-button"]:hover:not(.disabled, :active), button:hover {
    background: #b1ceef;
background: linear-gradient(180deg, #b1ceef 0%, #9bbce5 100%) !important;
        box-shadow: inset -1px -1px #87acdd, inset 1px 1px #c7dcf6 !important;
    border: 1px solid #6f89b0 !important;
}

.button.active:not(.disabled), .button:active:not(.disabled), div[id^="mBox-button"]:active:not(.disabled), button:active {
        background: #b1ceef;
background: linear-gradient(0deg, #b1ceef 0%, #9bbce5 100%) !important;
        box-shadow: inset -1px -1px #c7dcf6, inset 1px 1px #87acdd !important;
    border: 1px solid #667ea2 !important;
}

.button.disabled, div[id^="mBox-button"]:disabled {
 color: rgb(161,161,146);
        background: #E4E6E0;
background: linear-gradient(0deg, #E4E6E0 0%, #EDEEE9 100%) !important;
        box-shadow: inset -1px -1px #E1E3DD, inset 1px 1px #F4F5F2 !important;
    border: 1px solid #c0c2be !important;
	 text-shadow: none;
}



.button:focus:not(.disabled, :hover, :active), div[id^="mBox-button"]:not(.disabled, :hover, :active), button:focus {
    box-shadow: inset 1px 1px #C7DCF6,inset -1px -1px #87ACDD !important;
    eoutline: 1px dotted #000;
    border: 1px solid #6F89B0 !important;
    outline-offset: -4px;
}

.button:focus:not(.disabled, :hover, :active)::before, div[id^="mBox-button"]:not(.disabled, :hover, :active)::before, button:focus {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
      border: 2px solid;
      border-image-source: linear-gradient(#b1ceef, #9ABCE5);
      border-image-slice: 1 !important;
}

#MenuButton {
color: black;
font-size: 8pt;
background: var(--menu-button);
box-shadow: none !important; 
}

#MenuButton:hover {
background: var(--menu-button-hover);
}

#MenuButton.pressed {
background: var(--menu-button-pressed);
}
#SearchButtonRV, #HelpButtonRV {
	background: #dee0da;
background: linear-gradient(0deg, #dee0da 0%, #f0f2ec 100%) !important;
    box-shadow: inset -1px -1px #bcbec2, inset 1px 1px #fff !important;
    border: 1px solid gray !important;
	height: 20px;
width: 21px;
top: 6px;
}

#SearchButtonRV:hover, #HelpButtonRV:hover {
	    background: #b1ceef;
background: linear-gradient(180deg, #b1ceef 0%, #9bbce5 100%) !important;
        box-shadow: inset -1px -1px #87acdd, inset 1px 1px #c7dcf6 !important;
    border: 1px solid #6f89b0 !important;
}

#SearchButtonRV:active, #HelpButtonRV:active, #SearchButtonRV.pressed, #HelpButtonRV.pressed {
	        background: #b1ceef;
background: linear-gradient(0deg, #b1ceef 0%, #9bbce5 100%) !important;
        box-shadow: inset -1px -1px #c7dcf6, inset 1px 1px #87acdd !important;
    border: 1px solid #667ea2 !important;
}

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

#MenuButton {
    top: 6px;
    margin-left: 2px;
}

#MenuButton.pressed > #MenuButtonStartText {
top: 4px;
right: 4px;
}

#MenuButtonStartText {
top: 4px;
right: 4px;
}

#MenuButtonStartIcon, #MenuButton.pressed > #MenuButtonStartIcon {
top: 3px;
left: 4px;
}

#AboutClose {
    position: absolute;
    right: 128px;
}

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

.DropdownText {
    display: inline-block;
    width: calc(100% - 14px);
    height: 13px;
    padding: 1px;
    text-indent: 0px;
    line-height: 14px;
    position: absolute;
		margin: 0;
    margin-left: -2px;
    color: var(--WindowText);
}

.DDcontainer.selected .DropdownText {
    color: var(--HilightText);
    background-color: var(--Hilight);
}

#ControlPanelContent {
    font-family: var(--buttonfont);
}

.DropdownBoxButton {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAASBAMAAAAZAcURAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURcfc9p252aGhkuvr5P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANzuMa0AAAAJcEhZcwAADsMAAA7DAcdvqGQAAABtSURBVCjPYzCGAhc0ABOHK3BgAAMWR0EwEBl2CkKBAKQARIMUgEIBpEAJCMAKTENDg0EKWENDA0AKRFxcHEEKjJSUlCFWhIZCrAAaALYCaADYCpABYAWmwRAFrAEQBSKOEAVGykMuJLEnGGNjAJRcV8tfz/G+AAAAAElFTkSuQmCC");
    background-size: 64px;
    width: 16px;
    height: 17px;
    right: -3px;
     top: -1px;
    background-position: 0 0;
    box-shadow: none;
}

.DDcontainer:hover .DropdownBoxButton {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAASBAMAAAAZAcURAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURcfc9p252aGhkuvr5P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANzuMa0AAAAJcEhZcwAADsMAAA7DAcdvqGQAAABtSURBVCjPYzCGAhc0ABOHK3BgAAMWR0EwEBl2CkKBAKQARIMUgEIBpEAJCMAKTENDg0EKWENDA0AKRFxcHEEKjJSUlCFWhIZCrAAaALYCaADYCpABYAWmwRAFrAEQBSKOEAVGykMuJLEnGGNjAJRcV8tfz/G+AAAAAElFTkSuQmCC") -16px 0;
}

.DDcontainer:active .DropdownBoxButton {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAASBAMAAAAZAcURAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURcfc9p252aGhkuvr5P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANzuMa0AAAAJcEhZcwAADsMAAA7DAcdvqGQAAABtSURBVCjPYzCGAhc0ABOHK3BgAAMWR0EwEBl2CkKBAKQARIMUgEIBpEAJCMAKTENDg0EKWENDA0AKRFxcHEEKjJSUlCFWhIZCrAAaALYCaADYCpABYAWmwRAFrAEQBSKOEAVGykMuJLEnGGNjAJRcV8tfz/G+AAAAAElFTkSuQmCC") -32px 0;
}


#Taskbar { 
height: 30px;
}

.taskband {
    bottom: 0;
    height: 22px;
    box-shadow: none;
    color: #000;
    background: url('assets/taskbar/professional/taskbands/xptaskband.png');
    background-size: 100% 100%;
	line-height: 22px;
    text-indent: 8px;
    margin: 2px 0 0 -2px;
}

#taskbandContainer {
    height: 30px;
}

.nonNativeStartPageTxt {
font-family: 'Tahoma';
font-weight: bold;
color: black;
font-size: 20pt;
}


.nonNativeStartPageBlurb {
color: black;
font-family: 'Tahoma';
font-size: 14pt;
}


.NonNativeStartScreens {
    background-color: white;
}

.taskband {
    color: #000;
    background: url('assets/taskbar/professional/taskbands/xptaskband.png');
}

.taskband:hover {
    background: url('assets/taskbar/professional/taskbands/xptaskband.png') 0 -22px;
}

.taskband:active {
    background: url('assets/taskbar/professional/taskbands/xptaskband.png') 0 -44px;
}

.taskband.current {
box-shadow: none !important;
    background: url('assets/taskbar/professional/taskbands/xptaskband.png') 0 -66px;
}

.taskband.current:hover {
box-shadow: none !important;
    background: url('assets/taskbar/professional/taskbands/xptaskband.png') 0 -22px;
}

.taskband.current:active {
box-shadow: none !important;
    background: url('assets/taskbar/professional/taskbands/xptaskband.png') 0 -44px;
}

#close::after, #maximize::after, #minimize::after, #help::after {
display: none;
}

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

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

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

.window.current > .window_bar > .winBarButton.disabled {
background-position-x: -51px;
}


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

top: 1px;
background-color: transparent;
background-position-x: -68px;
box-shadow: none;
width: 17px;
height: 21px;
}

.winBarButton:hover:not(.disabled) {
background-position-x: -85px;
}

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

.winBarButton.disabled {
background-position-x: -119px;
box-shadow: none;
}

/* disabled versions */

.window.disabled > .window_bar > .winBarButton {
background-position-x: -136px;
}

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

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

.window.disabled > .window_bar > .winBarButton.disabled {
background-position-x: -187px;
}


/* close button */
#close {
background-position-y: -42px;
		margin-right: 2px;
}

/* css for max button */

#maximize {
        background-position-y: -21px;
}



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

/* css for min button */

#minimize {
        background-position-y: 0px;
}

/* end of min */

/* css for help button */



#help {
        background-position-y: -84px;
}


/* end of help */

#Menu, .submenu {
box-shadow: 2px 2px 5px #0000007a;
background: white !important;
border: 1px solid #808080;
}

.contextmenu { 
box-shadow: 2px 2px 5px #0000007a;
background: white !important;
border: 1px solid #808080;
}

#StartSpine {
height: calc(100% - 0px);
margin: 0px;
}

#Menu .startLink {
  background: #0000 !important;
padding: 9.5px 37px;
box-shadow: inset 0 0 0 1px #0000;
}

.submenu .startLink {
	margin: 0;
}

.StartMenuSIcon {
left: 2px;	
}

.submenu {
	text-indent: 26px;
}

.contextmenuEntry {
		margin: 0px;
}

.ContextMenuContent {
margin: 2px;
}

#Menu .startLink:hover {
    color: #000;
    background: rgb(206, 211, 225) !important;
box-shadow: inset 0 0 0 1px rgb(49, 106, 197);
}

#RimetApps {
	margin-left: 18px;
}

#Menu {
padding-right: 0px;
padding-top: 1px;
padding-bottom: 0px;
}

#Menu {
	    left: 0px;
}

.startLink:hover .StartMenuArrows {
    color: var(--3d-objectstxt);
}

.contextmenu { 
box-shadow: 2px 2px 5px #0000007a;
background: white !important;
border: 1px solid #808080;
}

.contextmenuEntry {
  background: #0000 !important;
box-shadow: inset 0 0 0 1px #0000;
}

.contextmenuEntry:hover {
    color: #000;
    background: rgb(206, 211, 225) !important;
box-shadow: inset 0 0 0 1px rgb(49, 106, 197);
}


#RimetApps .StartMenuMIcon {
margin-top: -22px !important;
}

/* Systray */
#SysTray {
background: url(assets/taskbar/professional/taskbartray.png);
box-shadow: none !important;
color: black;
text-align: center;
    margin-top: 5px;
font-family: var(--globalfont);
font-weight: bold;
	    height: calc(100% - 6px);
}

#SysTrayTime {
	position: relative;
	margin-top: 5px;
    margin-bottom: 0px;
	margin-left: 10px;
		margin-right: 10px;
			white-space: nowrap;
}

/* Custom start menu icons */

#SearchStartMenuIcon {
background-image: url("assets/iconset/whistler/Find.png");
}

#HelpStartMenuIcon {
background-image: url("assets/iconset/whistler/Help.png");
}

#RunStartMenuIcon {
background-image: url("assets/iconset/whistler/Run.png");
}

#LogoffStartMenuIcon {
background-image: url("assets/iconset/whistler/Logoff.png");
}

#ShutDownStartMenuIcon {
background-image: url("assets/iconset/whistler/Shutdown.png");
}

/* desk icos */

#CPLDeskIco {
    background-image: url("assets/iconset/whistler/Control Panel.png");
}

#SearchDeskIco {
    background-image: url("assets/iconset/whistler/Find.png");
}

#SearchSmallIcon {
background-image: url('assets/iconset/whistler/Find x16.png');
}

#CPLSmallIcon {
background-image: url('assets/iconset/whistler/Control Panel x16.png');
}

/* inter browser */

#r1stbar {
box-shadow: none;
height: 22px;
}

.ToolbarSeparator {
box-shadow: inset 1px 0px #BDBDB7;
}

.rebar {
box-shadow: inset 0px 1px #808080, inset 0px 2px #fff;
}

#filemenu {
left: 2px;
top: 0px;
}

.throbber {
box-shadow: inset 1px 0px #808080, inset 2px 0px #fff;
margin: 0;
top: 0px;
}
#browserbar {
margin: 0;
}

.MenuToolbars {
	margin: 0;
}

.MenuToolbars {
	margin: 0;
}

.menubaritem:hover, .MenuItem:hover {
    background: rgb(206, 211, 225) !important;
box-shadow: inset 0 0 0 1px rgb(49, 106, 197);
}

.menubaritem:active, .MenuItem:active, .MenuItem.pressed, .menubaritem.pressed {
    background: rgb(206, 211, 225) !important;
box-shadow: inset 0 0 0 1px rgb(49, 106, 197);
}

.ToolbarButton {
    background: none;
    box-shadow: none;
}
.ToolbarButton:hover {
background-color: #D9E8FA;
box-shadow: var(--globaltoolbarflat);
}
.ToolbarButton:active {
background-color: #2469BF;
box-shadow: var(--globaltoolbarflatactive);
}
.menubarbtn {
	    background: none;
    box-shadow: none;
}
.menubarbtn:hover {
background-color: #D9E8FA;
box-shadow: var(--globaltoolbarflat);
}
.menubarbtn:active {
background-color: #2469BF;
box-shadow: var(--globaltoolbarflatactive);
}

.TaskbandIcon {
left: 2.5%;
margin-left: 0px;
top: 15%;
}

.watermark {
	bottom: 23px !important;
}

#AbtDialogBanner, #AbtDialogProgressBar {
	width: 417px !important;
	left: 0px !important;
}

.QLToolbarBtns:hover {
background-color: #D9E8FA;
box-shadow: var(--globaltoolbarflat);
}
.QLToolbarBtns:active {
background-color: #2469BF;
box-shadow: var(--globaltoolbaractiveflat);
}


.SysList {
        box-shadow: none;
		border: 1px solid #808080;
}


#ExplorerContents {
    width: 100%;
    height: 100%;
}


/* Checkboxes from 98.css */

input[type=checkbox]+label:before {
background: white;
box-shadow: 1px 1px 2px #00000073 !important;
border: 1px solid rgb(130 130 118);
    height: 11px;
    width: 11px;
}

input[type=checkbox]+label:hover:before {
background: rgb(199 220 246);
box-shadow: 1px 1px 2px #00000073 !important;
border: 1px solid rgb(111 137 176);
}

input[type=checkbox]+label:active:before {
background: rgb(157 185 217);
box-shadow: none !important;
border: 1px solid rgb(102 126 162);
}

input[type=checkbox]:disabled+label:before {
    opacity: 1;
background: transparent;
box-shadow: none !important;
border: 1px solid rgb(161 161 146);
}

input[type=checkbox]:checked+label:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNycgaGVpZ2h0PSc3JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGZpbGwtcnVsZT0nZXZlbm9kZCcgY2xpcC1ydWxlPSdldmVub2RkJyBkPSdNNyAwSDZ2MUg1djFINHYxSDN2MUgyVjNIMVYySDB2M2gxdjFoMXYxaDFWNmgxVjVoMVY0aDFWM2gxVjB6JyBmaWxsPScjMDAwJy8+PC9zdmc+);
    content: "";
    display: block;
    height: 7px;
    left: -16px;
    position: absolute;
    top: 3px;
    width: 7px;
		font-size: 0px;
}

:disabled+label {
    text-shadow: 1px 1px 0 var(--ButtonHilight);
color: var(--ButtonShadow);
}

input[type=checkbox][disabled]:checked+label:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNycgaGVpZ2h0PSc3JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGZpbGwtcnVsZT0nZXZlbm9kZCcgY2xpcC1ydWxlPSdldmVub2RkJyBkPSdNNyAwSDZ2MUg1djFINHYxSDN2MUgyVjNIMVYySDB2M2gxdjFoMXYxaDFWNmgxVjVoMVY0aDFWM2gxVjB6JyBmaWxsPSdncmF5Jy8+PC9zdmc+);
}

input[type=radio]+label:before {
box-shadow: 1px 1px 2px #00000073 !important;
border: 1px solid rgb(130 130 118);
background: white;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    left: -17px;
    top: 1px;
}

input[type=radio]+label:hover:before {
background: rgb(199 220 246);
box-shadow: 1px 1px 2px #00000073 !important;
border: 1px solid rgb(111 137 176);
}

input[type=radio]+label:active:before {
background: rgb(157 185 217);
box-shadow: none !important;
border: 1px solid rgb(102 126 162);
}

input[type=radio]:disabled+label:before { 
    opacity: 1;
background: transparent;
box-shadow: none !important;
border: 1px solid rgb(161 161 146);
}

input[type=radio]:checked+label:after {
    left: -13px;
background: black !important;
	    width: 5px;
    height: 5px;
	    top: 5px;
}
input[type=radio]:checked+label:hover:after {
        background:white!important;
}

input[type=radio][disabled]:checked+label:after {
        background:rgb(161 161 146)!important;
}


.groupbox {
		border-radius: 5px;
	background-color: #EBEBE4;
	border: 1px solid #D8D8CB;
	box-shadow: none;
}

.groupboxLabel {
		background-color: unset;
		font-family: Tahoma;
		font-weight: bold;
	color: #76A1CA;
}

/* Whistler style Start Panel */

#Menu.StartPanelMode {
   width: 360px;
   padding: 0;
   height: 440px;
    border: none;
    border: 1px solid black;
    box-sizing: border-box;

} 



.StartPanelLink > p {
color: #808080;
}

#UserPane {
   background: linear-gradient(90deg,rgb(80 150 248),rgb(48 112 208),rgb(48 112 208));
    font-family: Tahoma !important;

    font-size: 14pt;
    color: white;
    height: 40px;
margin: 0;
font-style: normal;
font-weight: bold;
}


#PlacesList {
            background-color: rgb(48 112 208);
    width: 180px;
    height: 358px; 
box-shadow: none;
    margin: 0;
    border: none;
	     padding: 8px 8px 8px 8px; 
}

#LogoffPane {
            background-color: #5096f8;
padding: 0;
    height: 40px;
	    margin: 0;
box-shadow: none;
}

#ProgList {
border-image-slice:
10 13 1 13 fill;
border-image-width:
10px 13px 1px 13px;
border-image-repeat:
stretch stretch;
border-image-source:
url(assets/startpanel/professional/ProgramsBackground.png);
    margin: 0;
     padding: 8px 8px 8px 8px; 
}

#MoreProgramsArea {
border-image-slice:
1 13 10 13 fill;
border-image-width:
1px 13px 10px 13px;
border-image-repeat:
stretch stretch;
border-image-source:
url(assets/startpanel/professional/MoreProgramsBackground.png);
height: 30px;
width: 180px; 

}


.PlacesListLink {
color: #fff;
}


.PlacesListLink:hover {
    background-color: unset !important;
color: #fff !important;
    cursor: pointer;
}

#AllProgramsLink:hover {
    background-color: unset !important;
    color: black !important;
        cursor: pointer;
    text-decoration: underline;
}

#AllProgramsLink {
		    padding-top: 5px;
                font-weight: bold;
    color: rgb(55,55,56);
}

.StartPanelLink:hover {
    background-color: unset !important;
color: #000 !important;
    cursor: pointer;
}

.StartPanelLink:active {
    background-color: var(--Hilight) !important;
    color: var(--HilightText) !important;
}

.LogoffPaneLink:hover {
    background-color: unset !important;
    color: var(--HilightText) !important;
}

#ProgListSeparator {
box-shadow: none;
    height: 1px;
   background: linear-gradient(90deg,rgb(240 240 240),rgb(0, 0, 0),rgb(240 240 240));
}

#PlacesListSeparator {
box-shadow: none;
    height: 1px;
   background: linear-gradient(90deg,rgb(48 112 208),rgb(80 150 248),rgb(48 112 208));
}


#ProgList {
    width: 180px;
    height: 328px;
}







.LogoffPaneButtonIcon {
    background-image: url(assets/startpanel/professional/PowerBtns.png) !important;
}

.LogoffPaneLink {
    color: white;
}

#ProgramsMenu {
    font-weight: normal !important;
}

.StartPanelArrow {
    font-size: 0px;
    background-image: url(assets/startpanel/professional/ProgramsArrow.png) !important;
    width: 24px;
    height: 24px;
	top: -16px;
}


#AllProgramsLink:hover .StartPanelArrow {
   background-position-y: -24px;
}

.LogoffPaneLink {
	margin-top: 0px;
}
.LogoffPaneButtonIcon {
    margin-top: 0px;
}

.StartPanelLink:hover > p {
    background-color: unset !important;
    color: unset !important;
}

#AllProgramsLink .submenu {
left: 149px;
}


.ListItem {
	width: 100%;
	padding: 0;
	padding-top: 1px;
	top: 0;
	left: 0;
	height: 16px;
}

.DropdownBoxButton::after { 
content: '';
font-size: 0px;
}







.RebarBand {
    box-shadow: inset 0px 1px var(--ButtonShadow), inset 0px 2px var(--ButtonHilight);
}

#browserbar {
    height: unset !important;
box-shadow: none;
}
.MenuBand {
    box-shadow: none;
    height: 22px;
}

#InterStandardToolbar {
    height: 26px;
}

.RebarItem {
    height: 22px;
    position: relative;
    display: inline-flex;
line-height: 22px;
    text-indent: 3px;
            left: unset !important;
        bottom: unset !important;
        top: unset !important;

        margin-top: 3px;
    margin-left: -3px;
padding-left: 4px;
padding-right: 4px;
}

.RebarBand.MenuBand > .RebarItem.RebarItemNo1 {
    margin-left: 0;
}

.RebarItemNo1 {
    margin-left: 1px;
}

label[for=addressbar] {
    position: relative;
        top: -1px !important;
}

#InterGoButton {
line-height: 22px;
    margin-left: -1px;
height: 20px;
}

.RebarBand.MenuBand > .RebarItem  {
        margin-left: -3px;
        margin-top: 0px;
    border-radius: 0px;
}

.RebarBand.MenuBand > .RebarItem  {
    height: 19px;
    position: unset !important;
    display: inline-block;
line-height: 19px;
    text-indent: 0px;
            left: unset !important;
        bottom: unset !important;
        top: unset !important;
        margin-left: -3px;
        margin-top: 0px;
    padding-left: 8px;
padding-right: 8px;
} 

.RebarItem:hover {
background-color: #D9E8FA;
box-shadow: var(--globaltoolbarflat);
}

.RebarItem:active, .RebarItem.pressed {
background-color: #2469BF;
box-shadow: var(--globaltoolbarflatactive);
}


.RebarBand.MenuBand > .RebarItem:hover {
box-shadow: none;
    color: var(--HilightText) !important;
    background: var(--Hilight) !important;
}

.RebarBand.MenuBand > .RebarItem:active, .RebarItem.pressed {
box-shadow: none;
  color: var(--HilightText) !important;
    background: var(--Hilight) !important;
}


#BrowserView {
    height: calc(100% - 72px) !important;
}




#interaddress {
            top: -1px !important;
    margin-left: 0;
}

#DesktopWPMonitor {
background-image: url("assets/PreviewMonitorXP.png");
width: 185px;
height: 163px;
top: 5%;
left: 25%;
}

#DesktopWPMonitorPreview {
width: 152px;
height: 112px;
top: 10.5%;
left: 9%;
}

/*Rimet Watercolor theme*/

/* Firefox specific little tweaks and stuff */
@supports ( -moz-appearance:none ) {
    .window_bar {
        line-height: 22px;
    }
    }
	
	
	/* by aph6000 */
/* 8/21/2024 */


::-webkit-scrollbar {
  width: 16px !important;

}
::-webkit-scrollbar:horizontal {
  height: 16px !important;

}

::-webkit-scrollbar-corner {
    background-color:#EBEBE4 !important;
}

::-webkit-scrollbar-track:vertical {
      border-right: 1px solid #fff;

    background-color:#EBEBE4;
      border-radius: 0px !important;
          width: 16px !important;
}

::-webkit-scrollbar-track:horizontal {
    background-color:#EBEBE4;
      border-radius: 0px !important;
          width: 16px !important;
      border-top: 1px solid #fff;
          height: 16px !important;
}

::-webkit-scrollbar-track-piece:active {
    background-color:#9DB9D9;
      border-radius: 0px !important;
          width: 16px !important;
}

::-webkit-scrollbar-thumb {
      width: 14px !important;
      height: 16px !important;
  background-color: white !important;
  border:1px solid #C1C1BB !important;
      border-radius: 0px !important;
}

::-webkit-scrollbar-thumb:hover {

  background-color: #9DB9D9 !important;
  border:1px solid #667EA2 !important;
          box-shadow: inset -1px -1px #7C9FCC, inset 1px 1px #B7CBE3 !important;
      border-radius: 0px !important;
}


::-webkit-scrollbar-thumb:active {
  background-color: #AAC9EB !important;
  border:1px solid #6F89B0 !important;
          box-shadow: inset -1px -1px #C7DCF6, inset 1px 1px #87ACDD !important;
      border-radius: 0px !important;
}


::-webkit-scrollbar-thumb:disabled {
  background-color: #F4F4F0 !important;
  border:1px solid #F4F4F0 !important;
      border-radius: 0px !important;
}



::-webkit-scrollbar-button {
      background-color: #ebebe4 !important;
  border:1px solid #ebebe4 !important;
    box-shadow: inset 0 0 0 1px #ebebe4 !important;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAAQCAYAAAD506FJAAAAAXNSR0IArs4c6QAAAW1JREFUeF7tWdsNgzAQuyzFDp24O7BUqlRNG0VcuYcEApu/SrHAPtshpQgvKkAFYBUosMxJnApQAWEB0ARUAFgBFgDw8EmdCrAA6AGLAlUk9baYwtdaaykl7NV1fdZleXjxqWcWkRT+KM5eUSxm4Zp7KdCM3K6oV1L4FoT3zYMF0MLf8MECuD3vvaGmhvdpwbCIJw2/c9ZibNUshO+cVfBOELrhNbwzCKMWe7y3bpnCj1pECmDUwsm7cUk9exZ/FPd/Q52D4DVACj8HwWuAOQhOA2glYNUghddKwKqBVgJJDazcexFcef5zAUQ2sUvw14aaMvDUfuPOYDIRAyBycgHCBODPaS0V4I0MmLz/bc/P0af/tpZ/X2/dALceiq/AP1cgHoHGTEC8BislAMHd1Ur3+m+LbIwKoJYgBG8WgDEF4MtSn7Su8klsmjEEZxYAeLJJH1sBFgD2/MkeXAEWALgBSB9bARYA9vzJHlyBF8me8BESEWI+AAAAAElFTkSuQmCC) !important;
          height: 16px !important;
              background-position-y: -1px !important;
}
::-webkit-scrollbar-button:hover {
      background-color: #C7DCF6 !important;
  border:1px solid #C7DCF6 !important;
  box-shadow: inset 0 0 0 1px #6F89B0 !important;
}
::-webkit-scrollbar-button:active {
      background-color: #9DB9D9 !important;
  border:1px solid #C7DCF6 !important;
  box-shadow: inset 0 0 0 1px #667EA2 !important;
}
::-webkit-scrollbar-button:disabled {
      background-color: #ebebe4 !important;
  border:1px solid #ebebe4 !important;
    box-shadow: inset 0 0 0 1px #ebebe4 !important;
}
::-webkit-scrollbar-button:horizontal:start:increment,
::-webkit-scrollbar-button:horizontal:end:decrement,
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

::-webkit-scrollbar-button:vertical:start {
    background-repeat: no-repeat !important;
    background-position-x: -1px !important;
      border-radius: 0px !important;
}

::-webkit-scrollbar-button:vertical:end {
      border-radius: 0px !important;

    background-repeat: no-repeat !important;
    background-position-x: -65px !important;
}
::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
      border-radius: 0px !important;

    background-repeat: no-repeat !important;
    background-position-x: -129px !important;
}
::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
      border-radius: 0px !important;

    background-repeat: no-repeat !important;
    background-position-x:-193px !important;
}


::-webkit-scrollbar-button:horizontal:start:disabled {
    background-position-x: -177px !important;
}

::-webkit-scrollbar-button:horizontal:end:disabled {
    background-position-x: -241px !important;
}

::-webkit-scrollbar-button:vertical:start:disabled {
    background-position-x: -17px !important;
}

::-webkit-scrollbar-button:vertical:end:disabled {
    background-position-x: -81px !important;
}

::-webkit-scrollbar-button:horizontal:start:active {
    background-position-x: -161px !important;
}

::-webkit-scrollbar-button:horizontal:end:active {
    background-position-x: -225px !important;
}

::-webkit-scrollbar-button:vertical:start:active {
    background-position-x: -33px !important;
}

::-webkit-scrollbar-button:vertical:end:active {
    background-position-x: -97px !important;
}








.StatusBar {
background: rgb(235 235 228) !important;
margin-top: 0px;
height: 22px;
}

.StatusBarPart {
padding: 3px 4px;
height: calc(100% - 2px);
}

/* normal pane type */
.StatusBarPart:not(:last-child) {
		  box-shadow:inset 4px 0px #F2F2EE, inset 0px -2px #F2F2EE, inset 0 -3px #D4D0C8, inset -1px 0px #D4D0C8 !important;
background: #F2F2EE;
}
/* Gripper pane type */
.StatusBarPart:last-child {
  	background: #0000;
	box-shadow: none !important;
}

.StatusBarPart:last-child::after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAAAXNSR0IArs4c6QAAAVBJREFUOE/tkuuKwjAQhU/SFkH7ZmKxFtQXdFkvbVesP3yovWmN2EuynICLtaAs+3M3UBKSmW/OmY743L8a/GKJfwD+Qg/O5zP8nm8nZfY0w3g8bkzNwx54roeiLJBlGYqiQBRFPwckaQKtNcIwtPv1eqhgsVhASmml3yYT1AJ0Oh2c1AmO62C1WtmkyWQCIQSSJMFwOLyvoKoq1HWN3W5nKwdBYCHr9RpGG4Sj8D6AlRjsOA4Gg8F3ZWb1+314ntcEHPJ3c+0tjmPQBpMZvFwurSIq6Xa7KMuyCVBqb2pdwxiDNEkhHYloFIF322yL/JhjOp3CdV3Mn+dtC/vDm6HXSyU2TCmFlzRFz/etEl1rbLKNrdxqIgH0XZWVrc5FNYTynpV5VkcFIYU9N+aAPaBX/rpLABPpmx9hhPDMnW8NQH78MFJIO67Xj63Am8QL5AtnKeMvL919QAAAAABJRU5ErkJggg==);
	width: 16px;
	height: 17px;
}