#msgdiv{ color: #fa4; font-size: 30px; text-align: center; background: rgba(0,0,0,0.85); width: 600px; padding: 20px; border-radius: 8px; display:none;}
#logindiv {max-width: 800px; min-width:610px; border-radius: 5px; border: 1px solid #444; background: #111; color: #eee; margin: 0 0 20px 0; padding: 5px; }
.tree{ width: 1280px; margin: 0; padding: 0; text-align: left; display: none;}
.tree details, div{ display: block; position: relative; margin-left : 22px; line-height: 28px;}
.div02 {max-width: 800px; min-width:610px; border-radius: 5px; border: 1px solid #444; background: #111; color: #eee; margin: 20px 0 0 0; padding: 5px; height: 28px; overflow: hidden; }
.div02:hover {height: auto;}

.divskori {color: #888; margin: 0; font-size: 10px; height: 12px;}
.tree button{position: relative; top: 0; width: 40px; height: 27px; overflow: hidden; font-size: 10px;
       vertical-align: top; box-shadow: inset -2px -2px 2px #222; background-color: #333; color: #eee; border-radius: 5px; border: 1px solid #666;}
.gombok {position: absolute; vertical-align: top; right: 10px;}
.gomb1:hover {box-shadow: inset -2px -2px 2px #c63; background-color: #fa4; color: #000;} 
.gomb2:hover {box-shadow: inset -3px -3px 2px #900; background-color: #f44; color: #000;} 
.gomb3:hover {box-shadow: inset -3px -3px 2px #cc4; background-color: #ff8; color: #000;} 
.gomb4:hover {box-shadow: inset -3px -3px 2px #46a; background-color: #8cf; color: #000;} 
	.tree details > summary::marker { color: #4f4; content: '\00A0\229E\00A0'; }
.tree details[open] > summary::marker { content: '\00A0\229F\00A0';}

.tree details[open] > summary {list-style-type: '\00A0\229F\00A0'; color:#fa4; border: 1px solid #888; background: rgba(0,0,128,0.5);}
.tree details[open] > summary:hover {color:#4f4; background: rgba(0,128,255,0.6);}
.tree summary:hover {color:#4f4; background: rgba(0,128,255,0.6); border: 1px solid #aaa;}
.tree details > summary {list-style-type: '\00A0\229E\00A0'; background: rgba(255,255,255,0.02); color: #eee; border-radius: 8px; }
.tree div {color: #eee; background: rgba(0,0,0,0.2); border-radius: 8px; }
.tree div:hover {color: #000; background: #4f4; border: 1px solid #888;}
.tree div:before {content: '\00A0\25B7\00A0'; color: #fa4;}
html, .noselect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.noclick {pointer-events: none;}
.mail {display:none;}
.link1 {margin: 0 20px;}
h1 {color:  #4f4; font-family: "Times New Roman", Times, serif;}
hr {border: 1px solid rgba(100,255,100,0.5); width: calc(100% - 100px);}

body {font-size: 20px; font-family: Arial, Helvetica, sans-serif; background-image: url("code.jpg"); margin: 0; height: 100%; color: #eee; background-color: #000;
      background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
  
a {color: #fa4;}
a:hover {color: #4f4;}

.vd {margin: 10px 30px 0 30px; width: 240px; height: 164px; border: 1px solid #4f4; border-radius: 8px;}
#videodiv {position: fixed; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px);
           border: 1px solid #a60; margin: 0; color: #eee; text-align: center; display: none;
           background-color: #000; background-position: center; background-repeat: no-repeat;
           background-size: cover; background-attachment: fixed; background-image: url('tigris.jpg'); overflow: hidden; z-index: 232;}
#video {position: absolute; left: 0; top: 30px; height: calc(100% - 40px); width: 100%; display: block;}
#videobuttons{position: absolute; right: 2px; top: 2px; width: auto; text-align: right; word-spacing: -4px;}
.videobutton{position: relative; margin: 0; padding: 0; width: 26px; height: 24px; vertical-align: top;}
#chkbox1 {position: relative; margin: 0; padding: 0; width: 24px; height:24px;}
#videocim{text-align: left;}
#forgo{position: relative; vertical-align: top; border-width: 6px; border-color: #79f #ff3 #79f #ff3; border-style: solid; background-color: #000; width: 24px; height: 24px; 
	    border-radius: 50%; transition-timing-function: linear; transition-duration: 600ms; transition-property: transform; box-sizing: border-box;}
#msg1{margin: 0;}
#msg2{margin: 0; height: 30px;}
.div01 {font-size: 12px; width: 99%;}
#rf{width: 18px; height: 18px; vertical-align: bottom;}
#nme, #pw {background: #222; color: #eee; border: 1px solid #666;}
#emaillink {font-size: 20px; text-decoration: none; color: #4f4;}
#filelist {margin-left: -24px;}
#oldalgombok {position: fixed; left: 1px; top: 10px; width: 0; padding: 0; overflow: hidden; z-index: 201; background-color: #fa4; margin: 0; padding-left:14px; border-radius: 3px; display: none; height: 100px;}
#oldalgombok:hover {width: auto; height: auto; background: green; padding: 3px;}
#oldalgombok button{ height: 22px; min-width: 30px;  border-radius: 3px;   text-align: center;  line-height: 16px; vertical-align: top; margin-top: 5px;}
#oldalgombok button:hover{background: #ff0;}