﻿/* --- Windows 98/2000 look, IE6-safe --- */
/*ahtml, abody {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
} hoenstly kill me this project is a messs
the scrollabel area dissapaered bc there was "height: 100vh;" in inline css in action.php
what even does that do there*/

@font-face {
    font-family: 'leviwindows2';
    src: url('/assets/win2k/leviwindows.ttf?#iefix')  format('truetype');
    }
	
@font-face {
    font-family: 'leviwindows';
    src: url('/assets/win2k/leviwindows.ttf')  format('truetype'), 
         url('/assets/win2k/leviwindows.woff') format('woff'), 
         url('/assets/win2k/leviwindows.eot?#iefix') format('embedded-opentype');
    }
	
/*@font-face {
    font-family: 'leviwindows';
    src: url('leviwindows.eot?#iefix') format('embedded-opentype'), 
         url('leviwindows.woff') format('woff'), 
         url('leviwindows.ttf')  format('truetype'),
         url('leviwindows.svg#svgFontName') format('svg');
    }

/*ack the dekstop shit*/
#w2ktaskbar img {image-rendering: pixelated;}
img {image-rendering: pixelated;} /*the uhhh thing*/
#w2kstartupmutebtn {
	cursor:pointer;
	border:0;
	position: absolute;
	right: 148px; bottom: 4px;
	z-index: 65;
}
#w2kstartupnotification {
	cursor:pointer;
	border:0;
	position: absolute;
	right: 144px; bottom: 20px;
	z-index: 65;
}

    #w2k-desktop-icon-bar {
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 8; /* Ensure below windows */
	  font-family: 'leviwindows';
    }
    #w2k-desktop-icon-bar table tr td {
      padding-bottom: 10px;
    }
    .w2k-desktop-icon {
      width: 64px;
      text-align: center;
      cursor: pointer;
      user-select: none;
    }
    .w2k-desktop-icon img {
      width: 32px;
      height: 32px;
      display: block;
      margin: 0 auto 2px auto;
    }
    .w2k-desktop-icon-label {
      color: #fff;
      font-size: 13px;
      text-shadow: 1px 1px 1px #000, 0 1px 0 #277;
      /*font-family: Tahoma, Arial, Helvetica, sans-serif; levi savi*/
      margin-top: 1px;
      margin-bottom: 0;
      letter-spacing: 0.2px;
	  
    }
    /* Win2k-style icon selection (icon itself and label *only*) */
    .w2k-desktop-icon.selected img {
      background: #0a246a;
      border: 1px solid #0a246a;
    }
    .w2k-desktop-icon.selected .desktop-icon-label {
      background: #0a246a;
      color: #fff !important;
      padding: 0 6px 0 6px;
      border-radius: 2px;
      margin: 2px -4px 0 -4px;
      font-size: 13px;
    }
/*ack desktop shit ends */








/*ack window shit*/
.w2k-window {
  background: ThreeDFace;           /* system colors = authentic + IE6-safe */
  /*border: 2px solid;
  border-color: #FFFFFF ThreeDDarkShadow ThreeDDarkShadow #FFFFFF;*/
  border: 1px solid;
  border-color: #d4d0c8 #404040 #404040 #d4d0c8;
  overflow: hidden;
  font: 11px/1.2 Tahoma, "MS Sans Serif", sans-serif;
  display: block;
  box-sizing: border-box;
  font-family: 'leviwindows';
}

.w2k-content {
  /*padding: 0px;  usedtobe8*/
  overflow: auto;
  background: #D4D0C8;
  color: WindowText;
  /*border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;*/

  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080; /*border bottom not showing up for some reason/*/
  height: 100%;
  z-index: 8;
  position: relative;
  display: block;
  box-sizing: border-box;
}


.w2k-titlebar {
  height: 16px;
  font-size: 14px;
  padding: 2px 2px 0px 6px;
  position: relative;
  background-color: #A6CAF0;
  cursor: move;
  border-bottom: 1px solid #d4d0c8;
  z-index: 16;
  text-align:left;
}
.w2k-titlebar.active {
  /*background-image: url('windowbg.png'); obso solete cuz moveje*/
  background-repeat: no-repeat;
  background-color: #A6CAF0;
  color: #FFFFFF;
  background-image: url("/assets/win2k/window/titlebargradient.png");
}
.w2k-titlebar.inactive {
  background: #CCCCCC;
  color: #666666;
}


.w2k-title {
  display: inline;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  /* subtle embossed text look */
  /*filter: progid:DXImageTransform.Microsoft.DropShadow(Color=#60ffffff, OffX=1, OffY=1);*/
}
.w2k-title img {
	height: 12px;
	width: 12px;
}

.w2k-titlebg {
width:100%;
height:18px;
position:absolute;
top:0;
left:0;

}

.w2k-buttons-titlebar {
  position: absolute;
  right: 3px;
  top: 2px;
  height: 14px;
  z-index: 2;
}

.w2k-btn-titlebar {
  width: 16px;
  cursor: pointer;
}
.w2k-btn-titlebar img {
  border: 0px;
}
/* Removed .w2k-btn:active to avoid CSS-based pressed effect for compatibility with JS image swap */




.w2k-banner-loginDONTUSEITWILLBEMESSEDUP{
	margin-left: -7px;
    margin-right: -7px;
}

.w2k-resize {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  bottom: 0;
  cursor: se-resize;
  background: ThreeDFace;
  border-top: 1px solid #A0A0A0;
  border-left: 1px solid #A0A0A0;
  z-index: 8;
}
/*ack window shit ends probably idk*/












/*ack MOVED SHIT FROM ACTION.PHP*/
    /* ---- Register Window Custom CSS (from registerv2.php) ---- */
    #bevel-tl1 { position:absolute; top:0; left:0; width:442px; height:317px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; }
    #bevel-tl2 { position:absolute; top:1px; left:1px; width:440px; height:315px; border-top:1px solid #ffffff; border-left:1px solid #ffffff; }
    #bevel-tl3 { position:absolute; top:2px; left:2px; width:438px; height:313px; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; }
    #bevel-br1 { position:absolute; top:0; left:0; width:442px; height:317px; border-bottom:1px solid #808080; border-right:1px solid #808080; }
    #bevel-br2 { position:absolute; top:0; left:0; width:442px; height:317px; border-bottom:1px solid #000000; border-right:1px solid #000000; }
    #w2k-register-formarea {
      position:absolute;
      top:19px;
      left:150px;
      width:275px;
      height: 301px;
      text-align:left;
      box-sizing: border-box;
    }
    #w2k-register-instruction { margin-bottom:10px; margin-top:10px; }
    #w2k-register-footertext {
      top: 255px;
      margin: 0;
      padding: 0;
      margin-top:60px;
    }
    .w2k-register-formrow { height:18px; margin-bottom:4px; clear:both; }
    .w2k-register-labelcol { float:left; width:75px; line-height:18px; }
    .w2k-register-inputcol { margin-left:75px; }
    .w2k-register-inputcol input { width:180px; height:18px; font-size:10px; border:1px solid #808080; padding:0; margin:0; }
    #w2k-register-divider { position:absolute; top:269px; left:2px; width:438px; height:2px; z-index:2; }
    .w2k-register-grayline { height:1px; background:#808080; font-size:1px; line-height:1px; }
    .w2k-register-whiteline { height:1px; background:#ffffff; font-size:1px; line-height:1px; }
    #buttons { position:absolute; right:11px; height:23px; bottom:11px; z-index:3; }
    .w2kbutton {
      height:23px;
      min-width:60px;
      padding:0 12px;
      font-size:11px;
      font-family:Tahoma, Verdana, Arial, sans-serif;
      color:#000;
      background:#e0e0e0;
      border-top:1px solid #fff;
      border-left:1px solid #fff;
      border-bottom:1px solid #808080;
      border-right:1px solid #808080;
      margin:0;
      cursor:pointer;
      vertical-align:top;
    }
    .w2kbutton[disabled] {
      color: #888;
      background: #d4d0c8;
      cursor: default;
      filter: alpha(opacity=60);
    }
    #buttons .w2kbutton + .w2kbutton { margin-left: 0; }
    #buttons .w2kbutton.cancel { margin-left: 10px; }
/*ack MOVED FROM ACTION.PHP ENDS*/


.w2k-login {
	padding: 1px 0px;
}

/*w2k styled buttons here, netack. in order to fix, just use pngs man*/
w2k-login[type=text], w2k-login[type=password] {
  border-top: 2px solid #A0A0A0;
  border-left: 2px solid #A0A0A0;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  height: 18px;
}
.w2k-btn {
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  background: #D4D0C8;
  height: 25px;
  width: 75px;
  font-size: inherit; 
}
.w2k-btn:disabled {
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #A0A0A0;
  border-bottom: 2px solid #A0A0A0;
  background: #D4D0C8;
  color: #999966;
  height: 25px;
  width: 75px;
  font-size: inherit; 
}

.w2k-btn:active {
  border-top: 2px solid #606060;
  border-left: 2px solid #606060;
  border-right: 2px solid #606060;
  border-bottom: 2px solid #606060;
  background: #D4D0C8;
  height: 25px;
  width: 75px;
  font-size: inherit; 
}

/*<!-- probably the fuckamajig of the logamajig of action.php-->*/

.form-label-login {
  width: 222px;
}





/*ack ie starts*/

    .w2kie-top-outer {
	  border: 1px solid #808080;
	  box-sizing: border-box;
	}
    .w2kie-top {
	  border-top: 1px solid #fff;
	  border-left: 1px solid #fff;
	  box-sizing: border-box;
	}
    #w2kie-nav {
      height: 22px;
      background: #d4d0c8;
      border-bottom: 1px solid #808080;
      margin: 0px 0 0 0px; /*<!--figure out why the fuck there is a black box idfk-->*/
      padding: 0;
      width: 100%;
      /*overflow: hidden; IDK IT DOESNT SEEM TO DO ANYTHING*/
      position: relative;
    }
    .w2kie-btn {
	  float: left;
      height: 22px;
      display: block;
      margin: 0;
      padding: 0;
      cursor: pointer;
    }
	
    .w2kie-addr {
      height: 22px;
      border-top: 1px solid #fff;
      background: #d4d0c8;
/*<!--      border-bottom: 1px solid #fff;   soooo look closely, this is nothing, theres a whilte border [or gray] between the outer top and the content area....-->*/
      margin: 0px 0 0 0;
      padding: 0;
      width: 100%;
      position: relative;
    }
	#w2kie-label-address {
	  padding-left: 4px;
	  padding-right: 0px;
	  /*<!--margin-top: 4px;   FIXED BY line-height-->
	  <!--width: 49px;   IN THE TABLE WABLE THAT IS VERY STABLE DABLE NOW CUZ UHHH SEE COLORS.txt IN OLDCODE IDFK-->*/
	  line-height: 22px;
	  font-size:11px; font-family:Tahoma,sans-serif;
	}
	#w2kie-url-outer {
	  height: 20px;
	  box-sizing: content-box;
	  border-width: 1px;   border-style: solid;
	  border-color: #808080 #d4d0c8 #FFF #808080;
	  /*<!--margin-left: 2px;
	  margin-right: 2px;-->*/
	  width: 100%;
	  float: left;
	  margin: 0;
	}
	#w2kie-url-input {
	  height: 19px;
	  border-width: 1px; border-style: solid;
	  border-color: black black #d4d0c8 black;
	  width: 100%;
	}
    #w2kie-go-btn {
      height: 22px;
      width: 43px;
      cursor: pointer;
      padding: 0;
      margin-right: 2px;
    }


/*ack ie stops*/







/*DA TAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASKBARack*/

#w2ktaskbar-line2gray {
  position: absolute; /* or absolute if using IE6 hack */
  left: 0;
  bottom: 27px; /*must spawn at px 28*/
  width: 100%;
  height: 1px;
  background: #d4d0c8;
  z-index: 64;
  overflow: hidden;
}

#w2ktaskbar-line1white {
  position: absolute; /* or absolute if using IE6 hack */
  left: 0;
  bottom: 26px; /*must spawn at px 27*/
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: 64;
  overflow: hidden;
}

#w2ktaskbar {
  position: absolute; /* or absolute if needed for IE6 */
  font-family: 'leviwindows';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 26px;
  background: #d4d0c8;
  font-size: 0; /* avoid unwanted gaps */
  z-index: 64;
  /*_position: absolute; For IE6 fixed emulation if needed */
}

#w2ktb-inhoud {
	/*cellspacing: 0;
	cellpadding: 0; PIECE OF SHIT*/
	position: absolute;
	bottom: 0px;
	height: 22px;
	widtdh: 100%;
	padding: 0;
	margin: 2px 0;
	vertical-align: middle;
	text-align: center;
}

.w2ktaskbar-item {
	text-align: center;
}

/* Start button */
#w2kstartbtn {
  border: none; /* Remove default image border for IE */
  display: block;
  z-index: 65;
  margin: 0 2px;
}
#w2kstartbtn-oldstandalone {
  position: absolute;
  left: 3px;
  bottom: 2px;
  border: none; /* Remove default image border for IE */
  display: block;
  z-index: 65;
}

#w2ktrayicons {
  position: absolute;
  right: 0;
  bottom: 0;
  border: none;
  display: inline;
  z-index: 65;
}




/*START MENUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUuu netack*/
/*not adding class, with css it doestn hide the taskbar*/
.smleftbottom {display:none; position:absolute; left:3px; bottom:26px; z-index:64;}

#w2ksm {
	font-family: 'leviwindows';
	position:absolute; 
	left:5px; 
	bottom:28px;
	/*REPLACED WITH MARGINS nvm cut that this shit needed*/
	width:250px; 
	height:307px; 
	z-index:64;
}


/*progjes gramjes                               aaaaaaaaaaaaaaaaa*/

#w2ksm-programs {
	padding: 0;
	margin: 1px 0px 0px 24px;
}
#w2ksm-programs td {
	height: 32px;
	/*margin: 0 auto;*/
	padding: 0;
	text-align: left;
}

/*.DIS and delete probably eventually  w2ksm-program {
  width:228px;
  height:34px;
  / position:absolute; left:...; bottom:...;  <-- for stacking from bottom, add this inline or via JS /
}*/

.w2ksm-program {
	cursor: pointer;
	text-align: left;
}
.w2ksm-program:hover {
	background-color: #0a246a; color: white;
} integrated into iconclick.js

.w2ksm-program-icon {
  width: 32px;
  /* The next lines center the icon vertically in IE6 */
  /*display:inline; NOT NEEDED neither is   fsloat:left;*/
  /*vertical-align: middle;*/
}
.w2ksm-program-icon img {
  vertical-align:middle;
  /* display:block;  <-- Don't use in IE6 when table-cell + vertical-align used */
  border: none;
  margin: auto;
}

.w2ksm-program-name {
  width: 194px; /*up from 192 bc i took 2px from imgers*/
  padding: 0 8px;
  font-size: 12px;
  text-align: left;
  /*overflow:hidden; whsite-space:nowrap;
  text-overflow:ellipsis;*/
}

/* didnt really work out
.w2ksm-devider {
	width: 223px;
	height: 24px;
	margin: 0;
	padding: 0;
	border-top: #808080; 
	border-bottom: #fff;
}
.w2ksm-divider {
  width:223px;
  height:2px;
  overflow:hidden;
  /* position:absolute; left:...; bottom:...;  <-- for stacking from bottom, add this inline or via JS /
}*/

.w2ksm-dev {padding: 4px 0 2px 0; height: 2px; width:223px;}
.w2ksm-divider-top {line-height: 1px; overflow: hidden; height:1px;  background:#808080;}
.w2ksm-divider-bottom {line-height: 1px; overflow: hidden; height:1px;  background:#fff;}




/*netack action.php we need to make a window waltuh*/
.action-loginhelp {
	padding: 10px;
	font-size: 16px;
}
.action-loginhelp .gumber {
	height: 100px;
	width: 343px; /*so gumber image and gumber text dont part ways*/
}
.action-loginhelp .gumber div {
	font-size: 32px;
	float: right;
}
.w2k-window .importantnotif {
	padding: 10px;
}
.w2k-window .importantnotif.nothing {
    background-image: url('/assets/win2k/nothingnewbg.png');
    background-repeat: no-repeat;
    background-position: center center;
}
