/* Red Velvet theme for Nightmoon */
@import url('assets/imports/RevertLogonBox.css');
@import url('assets/imports/ChicagoAbtBox.css');
@import url('assets/imports/msstylesAppearancePreview.css');
@import url('assets/iconset/4BPPDefault/iconset.css');

:root {     
  --Background: rgb(29, 101, 193);; 
  --appworkspace: rgb(128, 128, 128);
  --ButtonFace: #fff;
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(255, 255, 255);
  --ButtonShadow: rgb(198, 198, 198);
  --ButtonDkShadow: rgb(168, 168, 168);
  --ActiveTitle: #fa4700;
  --GradientActiveTitle: #fbbe0d;
  --InactiveTitle: rgb(128, 128, 128);
  --GradientInactiveTitle: rgb(192, 192, 192);
  --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: #aaa;
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);
  --Hilight: #4027f9;
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --Menu: rgb(255, 255, 255);
  --MenuBar: #eee;
}

:root {
--activebar: #222;
		--inactivebar: #333;
--desktopbgimg: url('wallpapers/rimet/always_redvelvet.png');
--desktopbgsize: initial;
--desktopbgposition: initial;
		--taskbarbackground: #222;
		--taskbarboxshadow: none;
                --field: none;
		--globalfont: Tahoma, Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;
		--buttonfont: var(--globalfont);
		--titlefont: Tahoma, Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;

        }

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

/*Theme identifier, control panel*/
#themeDropdownText:after {
content: "Velvet";
}

#winAndButtonsDropdownText:after {
content: "Velvet style";
}

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

#RedVelvetSchemes {
	display: block !important;
}

.resizeableWinBar {
 top: 0px !important;
}

.window_bar {
width: 100%;
margin: -2px 0 0px -2px !important;
padding: 0 2px;
height: 24px;
line-height: 23px;
font-weight: bold;
font-family: trebuchet ms;
font-size: 8pt;
               text-indent: 24px; 
                      text-indent: 0px; 
               text-align: center;
}

.WindowBarIcon {
left: 7px;
bottom: 2px;
display: none;
}
.window_bar.noIcon {
       text-indent: 0px; 
}

 #close {
 margin-left: 0px;
 width: 30px;
 top: 0;
 right: 0;
 background: #df4848;
 color: white;
 box-shadow: none;
 }
 
 #close {
    float: left;
    right: 0px;
    background-image: none;
	margin-right: 0;
}

 #close:hover {
 background: #f45656;
 color: white;
 }
 
 #close:active {
 background: #ac3e3e;
 color: white;
 }
 
 #close.disabled {
 background: #ffffff2a;
 color: white;
 }
 
.winBarButton {
width: 25px;
height: 14px;
position: relative;
float: right;
right: 0px;
top: 0px;
background: #ffffff1d;
border-radius: 0;
    box-shadow: none !important;
text-indent: 0px;
}

.winBarButton:hover {
 background: #ffffff30;
 color: white;
 }
 
.winBarButton:active {
 background: #ffffff12;
 color: white;
  box-shadow: none;
 }
 
.winBarButton.disabled {
 background: #ffffff0a;
 color: white;
 }
 
.winBarButton::after {
    font-family: MarlettR, Marlett;
        font-weight: normal;
    font-size: 10px;
    color: white;
    right: 0px;
    bottom: 3px;
    text-shadow: none;
    position: relative;
}

.winBarButton.disabled::after {
color: #ffffff2f;
text-shadow: none;
}

.window {
box-shadow: none;
}

.button, div[id^="mBox-button"], button {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #ddd;
    border-radius: 0px;

}

.menubarbtn {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: unset;
    border-radius: 0px;
}




.button:hover:not(.disabled, :active), div[id^="mBox-button"]:hover:not(.disabled, :active), button:hover {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #bbb;
    border-radius: 0px;
}

.menubarbtn:hover {
    box-shadow: none !important;
border: 0px solid #fff0!important;
background: #0000001a !important;
    border-radius: 0px;
}

.button.active:not(.disabled), .button:active:not(.disabled), div[id^="mBox-button"]:active:not(.disabled), button:active {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #000;
    color: white;
    border-radius: 0px;
}

.menubarbtn:active {
    box-shadow: none !important;
border: 0px solid #fff0!important;
background: #0000002a !important;
    border-radius: 0px;
}

.button:focus:not(.disabled, :hover, :active), div[id^="mBox-button"]:focus:not(.disabled, :hover, :active), button:focus {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: var(--Hilight);
    color: white;
    border-radius: 0px;
outline: none;
} 

.button.disabled, div[id^="mBox-button"]:disabled, button:disabled {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #fdfdfd;
    border-radius: 0px;
    text-shadow: none;
    color: #ccc;
}


.tabcontent {
    box-shadow: none !important;
        border: 1px solid #eee;


    background: #eee;
;
}

.tabbutton {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #ddd;
line-height: 18px;
height: 21px;
border-radius: 0px !important;
}

.tabbutton:hover {
box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #bbb;
border-radius: 0px !important;
}

.tabbutton.selected {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #eee;
    border-bottom: 0px solid #ffebdb00;
top: -3px;
}

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

.DropdownBox {
height: 15px;
box-shadow: none;
}

.DropdownText {
	margin-top: 0px;
}

.DropdownBoxButton {
width: 16px;
height: 19px;
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #ddd;
    border-radius: 0px;
top: -2px;
right: -4px;
}

.DropdownBoxButton:hover {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #bbb;
    border-radius: 0px;
}

.DropdownBoxButton:active {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #000;
    color: white;
    border-radius: 0px;
}


.DropdownBoxButton::after {
    top: 3px;
    color: inherit;
}

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

.winBarButton { 
right: 0px;
top: 0px;
}


#windowcontent {
border: 2px solid #222;
border-style: solid;
border-top: none !important;
  border-top-style: none !important;
box-shadow: none;
  border-image-slice: 2;
    margin: 0;
    margin-left: -2px;
    top: 0px;
    width: calc(100% + 0px);
    height: calc(100% - 23px);
    
    
    
    


}

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


#Taskbar {
    box-shadow: none !important;
}

input[type="text"], textarea, #searchResults, input[type="password"] {
        box-shadow: inset 0 0 0 1px #bbb !important;
}

#MenuButton, #SearchButtonRV, #HelpButtonRV  {
font-family: var(--buttonfont);
background: #ffffff1a !important;
    box-shadow: none!important;
    border: 0px solid #000 !important;
    color: white;
    top: 3px;
}

#MenuButton:hover, #SearchButtonRV:hover, #HelpButtonRV:hover {
background: #ffffff2a !important;
}

#MenuButton:active, #MenuButton.pressed, #SearchButtonRV:active, #HelpButtonRV:active, #SearchButtonRV.pressed, #HelpButtonRV.pressed {
background: #ffffff0a !important;
}

.taskband {
font-family: var(--buttonfont);
background: #ffffff1a !important;
    box-shadow: none!important;
    border: 0px solid #000 !important;
    color: white;
    bottom: 2px;
}

.taskband:hover {
background: #ffffff2a !important;
}

.taskband:active {
background: #ffffff0a !important;
}

.taskband.flash {
background: #ffffff1a !important;
}

.taskband.current {
background: #ffffff0e !important;
}

.taskband.current:hover {
background: #ffffff1e !important;
}

.taskband.current:active {
background: #ffffff0a !important;
}


#taskbandContainer {
    height: 26px;
	margin-top: 3px;
}


.QLToolbarBtns:hover {
border: 0px solid #fff0!important;
background: #ffffff1a !important;
box-shadow: none !important;
    color: #fff !important;
}

.QLToolbarBtns:active {
border: 0px solid #fff0!important;
background: #ffffff2a !important;
box-shadow: none !important;
    color: #fff !important;
}

  .ui-tooltip {
    padding: 4px;
    background-color: #fff;
    color: rgb(0, 0, 0);
	font-family: Tahoma;
	font-size: 8pt;
    font-weight: bold;
    	border: 2px solid #bbb;
    border-radius: 0px;
  }
  
  
  .groupbox {
	padding: 5px;
	margin: 0px;
	margin-left: 8px;
	margin-right: 11px;
	position: absolute;
border: 1px solid #bbb;
	box-shadow: none;
}

.groupboxLabel {
font-weight: bold;
	background-color: transparent;
}

  .ProgressBar.segment {
	    box-shadow: none;
	    background-color: var(--ButtonFace);
		height: 18px;
		position: absolute;
		    box-sizing: border-box;
    padding: 0px;
}
.ProgressBarProgress.segment {
	    background-color: var(--Hilight);
		height: 100%;
  }
  
.ProgressBar {
	    box-shadow: none;
	    background-color: var(--ButtonFace);
		height: 18px;
		position: absolute;
		    box-sizing: border-box;
    padding: 0px;
}

.ProgressBarProgress {
	    background-color: var(--Hilight);
		height: 100%;
}


.StatusBar {
      box-shadow: none;
background: #eee !important;
margin-top: 0px;
height: 22px;
}

.StatusBarPart {
padding: 3px 4px;
height: calc(100% - 2px);
}
/* normal pane type */
.StatusBarPart:not(:last-child) {
  box-shadow: inset -1px 0px #bbb !important;
background: transparent;
}
/* Gripper pane type */
.StatusBarPart:last-child {
	background: transparent;
  box-shadow: none !important;
}

/* Checkboxes from 98.css */

input[type=checkbox]+label:before {
background: white;
}

input[type=checkbox]+label:hover:before {
background: #bbb;
}

input[type=checkbox]+label:active:before {
background: rgb(0, 0, 0);
}

input[type=checkbox]:disabled+label:before {
background: rgb(255, 255, 255);
}

input[type=checkbox]:checked+label:after {
    content: "a";
	font-size: 18px;
	color: var(--WindowText);
    height: 7px;
    left: -21px;
    top: -3px;
    width: 7px;
}

input[type=checkbox]:active+label:after {
color: #fff;
}

input[type=checkbox][disabled]:checked+label:after {
color: #bbb;
}

:disabled+label {
    text-shadow: none;
color: var(--ButtonShadow);
}


input[type=radio]+label:before {
box-shadow: none !important;
background: white;
}

input[type=radio]+label:hover:before {
background: #bbb;
}

input[type=radio]+label:active:before {
background: rgb(0, 0, 0);
}

input[type=radio]:disabled+label:before { 
background: rgb(255, 255, 255);
}

input[type=radio]:checked+label:after {
    content: "";
    width: 6px;
    height: 6px;
    top: 3px;
    left: -16px;
    background: var(--ButtonText);
}

input[type=radio]:active+label:after {
background: #fff;
}

input[type=radio][disabled]:checked+label:after {
background: #bbb;
}

/* Systray */
#SysTray {
box-shadow: none !important;
color: white;
font-weight: bold;
text-align: center;
font-family: var(--globalfont);
}


.RebarBand {
    box-shadow: none;
}

#browserbar {
    height: unset !important;
    padding-bottom: 0;
    box-shadow: none;
background: #eee;

}
.MenuBand {
    box-shadow: none;
    height: 22px;
}

#InterStandardToolbar {
    height: 24px;
}


.RebarItem:first-of-type {
    margin-left: 3px;
}

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

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

.throbber {
box-shadow: none;
margin: 0;
top: 0px;
}

.RebarItem {
    border: 0px solid transparent;
}



.RebarItem:hover:not(.pressed, :active), .audioplayer-playpause:hover, .audioplayer-volume-button:hover, .window.current > #windowcontent > .MenuToolbars > .MenuBar > .MenuItem:hover {
border: 0px solid #fff0!important;
background: #0000001a !important;
box-shadow: none !important;
}

.RebarItem:active, .RebarItem.pressed, .audioplayer-playpause:active, 
.window.current > #windowcontent > .MenuToolbars > .MenuBar > .MenuItem:active, 
.window.current > #windowcontent > .MenuToolbars > .MenuBar > .MenuItem.pressed {
border: 0px solid #fff0!important;
background: #0000002a !important;
box-shadow: none !important;
}

.RebarItem.disabled:hover:not(.pressed, :active), .MenuItem:hover {
border: 0px solid #fff0!important;
background: #0000000a !important;
box-shadow: none !important;
}

.RebarItem.disabled:active, .MenuItem:active, .MenuItem.pressed {
border: 0px solid #fff0!important;
background: #0000000d !important;
box-shadow: none !important;
}



.Toolbars {
    box-shadow: none;
    	background-color: var(--MenuBar);
}


#Menu, .submenu, .contextmenu {
    background-color: #fff;
    color: rgb(0, 0, 0);
	font-family: Tahoma;
	font-size: 8pt;
    font-weight: bold;
    box-shadow: none;
    	border: 2px solid #bbb;
    border-radius: 0px;
}

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

#MenuButtonStartIcon {
background-image: url(assets/nmhicolor16x16.png);
}

#Menu .startLink, .contextmenuEntry, .menubaritem {
  background: #0000 !important;
border: 0px solid transparent;
color: var(--MenuText);
}

#Menu .startLink:hover, .contextmenuEntry:hover, .menubaritem:hover  {
border: 0px solid #fff0!important;
background: #0000001a !important;
box-shadow: none !important;
color: unset;
}

.contextmenuEntry.disabled {
 color: var(--GrayText);
 text-shadow: none;
}


.contextmenuEntry.disabled:hover {
border: 0px solid #fff0!important;
background: #0000000a !important;
box-shadow: none !important;
color: unset;
}




/* syslist */

.SysListIcon {
border: 0px solid transparent;

border-radius: 0px;
}

.ListIconText {
	background-color: unset!important;
   outline: none!important;
    outline-offset: 0px!important;
}

.SysListIcon:hover {

border: 0px solid #fff0!important;
background: #0000001a !important;
}

.SysListIcon:hover > .ListIconText {
    color: #000 !important;
}

.SysListIcon:hover.current, .window.current > #windowcontent > .SysList > .SysListIcon:hover.current {

border: 0px solid #fff0!important;
background: #0000001b !important;
}

.SysListIcon:hover.current > .ListIconText, .window.current > #windowcontent > .SysList > .SysListIcon:hover.current > .ListIconText{
    color: #000 !important;
}

.window.current > #windowcontent > .SysList > .SysListIcon.current {

border: 0px solid #fff0!important;
background: #0000002a !important;
}

.window.current > #windowcontent > .SysList > .SysListIcon.current > .ListIconText {
    color: #000 !important;
}

.SysListIcon.current {
border: 0px solid #fff0!important;
background: #0000001d !important;
}

.SysListIcon.current > .ListIconText {
     color: #000 !important;
}


/* desktop styles */
#DesktopContents .SysListIcon:hover {

border: 0px solid #fff0!important;
background: #ffffff1a !important;
}

#DesktopContents .SysListIcon:hover > .ListIconText {
    color: #fff !important;
}

#DesktopContents .SysListIcon:hover.current {
border: 0px solid #fff0!important;
background: #ffffff3a !important;
}

#DesktopContents .SysListIcon:hover.current > .ListIconText {
    color: #fff !important;
}

#DesktopContents .SysListIcon.current {
border: 0px solid #fff0!important;
background: #ffffff2a !important;
}

#DesktopContents > .SysListIcon.current > .ListIconText {
    color: #fff !important;
}

.SysList.SysListView4 > .SysListIcon, .SysList.SysListView3 > .SysListIcon {
padding: 0;
}











/* XP style Start Panel */
#Menu.StartPanelMode {
   width: 406px;
   padding: 0;
   height: 440px;
    border: none;
            font-family: Tahoma !important;
} 

.StartPanelLink {
color: rgb(40, 40, 40);
            font-family: Tahoma !important;
    font-size: 8pt !important;
}

.StartPanelLink > span {
color: rgb(90, 90, 90);
}

#UserPane {
background: none;
width: 100%;
position: absolute;
    height: 64px;
margin: 0;
}

#ProgList {
box-shadow: inset 8px 8px 0 0px #222;
background: #fff;
    margin: 0;
    width: 261px;
    height: 373px;
     padding: 11px 2px 0px 9px; 
                     border-radius: 0px 0px 0 0;
}

#MoreProgramsArea {
box-shadow: inset 8px -0px 0 0px #222;
background: #fff;
height: 30px;
width: 261px; 
padding: 3px 4px 4px 11px; 

}

#PlacesList {
box-shadow: none;
background: #222;
    margin: 0;
    width: 145px;
    height: 440px;
 padding: 75px 4px 0px 5px; 
                 border-radius: 0px 0px 0 0;
                 z-index: 1;
}

#LogoffPane { 
padding: 2px 2px 6px 5px; 

box-shadow: none;
background: #222;
    height: 37px;
    margin: 0;
}

#ProgListSeparator {
background: #0000001a !important;
box-shadow: none;
height: 1px;
}

#PlacesListSeparator {
background: #ffffff1a !important;
box-shadow: none;
height: 1px;
}



#UserPaneTile {
	width: 48px;
height: 48px;
display: block;
top: 8px;
right: 45px;
    z-index: 2;
    margin-top: 2px;
        	border: 2px solid #bbb;
}


#TilePhoto {
margin: 0px;
}


#UserPaneTile {
display: block; 
}

#UserPane span, .PlacesBarMIcon {
display: none;
}

#AllProgramsLink {
		    padding-top: 4px;
                font-weight: bold;
    color: rgb(40, 40, 40);
}

.PlacesListLink {
color: #fff;
}


.LogoffPaneLink {
    z-index: 1;
    position: relative;
    left: 149px;
}
.LogoffPaneButtonIcon {
    background-image: url(assets/startpanel/lunablue/PowerBtns.png) !important;
}

.LogoffPaneLink {
    color: white;
}

.LogoffPaneLink span {
    display: none;
}

.PlacesLinkTitles {
    margin-left: 8px;
}

.PlacesListLink {
    padding-top: 9px;
    padding-bottom: 9px;
}


.StartPanelArrow {
    font-size: 0px;
    background-image: url(assets/startpanel/basic/ProgramsArrow.png) !important;
    background-position-y: 0px!important;
    width: 18px;
    height: 18px;
    top: -14px;
    right: 113px;
}

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

#AllProgramsLink .submenu {
left: 149px;
}

#ExplorerPlacesCategory {
    font-weight: unset !important;
}




.StartPanelLink:hover {
border: 0px solid #fff0!important;
background: #0000001a !important;
	color: unset !important;
}

.PlacesListLink:hover {
border: 0px solid #fff0!important;
background: #ffffff1a !important;
	color: white !important;
}

#AllProgramsLink:hover {
border: 0px solid #fff0!important;
background: #0000001a !important;
	color: unset !important;
}

.nonNativeStartPageTxt {
font-family: Segoe UI;
font-weight: normal;
color: white;
font-size: 12pt;
    top: 10px;
    left: 10px;
}

.nonNativeStartPageBlurb {
font-family: Segoe UI;
font-weight: normal;
color: white;
font-size: 12pt;
    top: 22px;
    left: 10px;
}


.NonNativeStartScreens {
    background: #222;
}

.nonNativeStartPageLink {
    font-family: Tahoma;
font-weight: bold;
color: white !important;
font-size: 8pt;
    top: 37px;
    left: 10px;
}

.LameButton {
	display: none;
}



/* skinned nm media */

.audioplayer-bar::before, .audioplayer-volume-adjust > div {

    border-radius: 0px;
        box-shadow: none;
		background-color: #eee !important;
}

.audioplayer-volume-adjust div div {
	height: 5px;
}

.audioplayer-bar-played::after, .audioplayer-volume-adjust div div::after {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #ddd !important;
    border-radius: 0px;
}

.audioplayer-bar-played:hover::after, .audioplayer-volume-adjust div div:hover::after {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #bbb !important;
    border-radius: 0px;
}

.audioplayer-bar-played:active::after, .audioplayer-volume-adjust div div:active::after {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #000 !important;
    color: white;
    border-radius: 0px;
}

.audioplayer-bar-played:focus::after, .audioplayer-volume-adjust div div:focus::after {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: var(--Hilight) !important;
    color: white;
    border-radius: 0px;
}

.audioplayer-bar-played:disabled::after, .audioplayer-volume-adjust div div:disabled::after {
    box-shadow: none !important;
    border: 0px solid #7e8ed5;
    background: #fdfdfd !important;
    border-radius: 0px;
    text-shadow: none;
    color: #ccc;
}

.audioplayer-mute .audioplayer-volume-button, .audioplayer-playing .audioplayer-playpause {
border: 0px solid #fff0!important;
background: #0000001a !important;
box-shadow: none !important;
}