@CHARSET "UTF-8";

body {
color : #6dae42;
font-size: 8pt;
font-family: Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica;
text-decoration: none;
margin: 0;
padding-bottom: 74px;
background-color: black;
background-position: top center;
background-repeat: no-repeat;
scrollbar-shadow-color: #6dae42;
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #6dae42;
scrollbar-base-color: black;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: black;
scrollbar-arrow-color: black;}

/* fix menu: menu je potrebne vlozit do <div class="t1"> a podneho nasupovat div z "t2" */
.t1 {
position: fixed;
margin: 0;
text-align: center;
background-color: #000;
top: auto;
width: 100%;
height: 20px;
right: 0;
top: 0%;
left: 0;
}
.t2 {height: 20px}

inframe {
width: 90%;
height:230px;
}

textarea.small {
width : 90%;
height : 42px;
border-color: #6dae42;
background-color: transparent;
overflow: hidden;
color: white;
}

a {
color: white;
font-size: 8pt;
font-family: Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica;
text-decoration: none;
}

a:hover {
color: #ACA899;
font-size: 8pt;
font-family: Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica;
text-decoration: none;
}

a.mail {
color: red;
font-size: 8pt;
font-weight: bold;
text-align: center;
font-family: Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica;
text-decoration: none;
}

a.mail:hover {
color: white;
font-size: 8pt;
font-family: Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica;
text-decoration: none;
font-weight: bold;
text-align: center;
}

a.mail:active {
border-bottom: 5px solid #333;
}

.active_user_img a {border-bottom: 1px solid transparent;}
.active_user_img a:hover {border-bottom: 1px solid red;}

a img {border-bottom: 1px solid transparent;}
img &gt; a:hover {border-bottom: 0px solid red;}

td {
font-size: 8pt;
font-family: Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica;
wordwrap: break-word;
}

table[width="666"] {background: #111;}

.bordered {
border: solid 0px #6dae42;
border-bottom: solid 1px #333333;
background: #000;
}

.bordered2 {
border-left: solid 1px #6dae42;
border-right: solid 1px #6dae42;
border-bottom: solid 1px #6dae42;
}


input {
color: white;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color: transparent;
vertical-align: middle;
border: solid 1px #6dae42; height: 18px
}

input[type=submit], input[type=button] {
color: #6dae42;
background-color: #000;
border: 1px solid; 
}

input[value='add'] {
  color: #6dae42;
  background-color: transparent;
  border: 0; margin:0; padding: 0; height: 15px; font-size: 10px; width: 70px;
}
input[value='preview'] {
  color: #6dae42;
  background-color: transparent; width: 70px;
  border: 0; border-top: 1px solid #6dae42; margin:0; padding: 0; height: 15px; font-size: 10px;
}
table[width="666"] input[value='preview'] {
  border:0; 
}
input[value='delete_mail'] {
  color: #6dae42;
  background-color: #000; width: 70px;
  border: 0; border-top: 1px solid #6dae42; margin:0; padding: 0; height: 15px; font-size: 10px;
}
input[value='send'] {
  color: #6dae42;
  background-color: #000; width: 70px;
  border: 0; border-top: 1px solid #6dae42; margin:0; padding: 0; height: 15px; font-size: 10px;
}

input[value='filter_by'] {
  color: #6dae42;
  background-color: transparent; width: 70px;
  border: 0; border-top: 1px solid #6dae42; margin:0; padding: 0; height: 15px; font-size: 10px;
}  
table[width="666"] input[value='filter_by'] {
  border:0;
}          
input[value='set_parent'] {
  color: #6dae42;
  background-color: #000; width: 70px;
  border: 0; border-top: 1px solid #6dae42; margin:0; padding: 0; height: 18px; font-size: 10px;
}

input[name='new_parent'] {
  color: #fff;
  background-color: #000; 
  border: 0; border-top: 1px solid #6dae42; margin:0; padding: 0; height: 18px;
}


input[type='text'][name='new_parent']:focus {
  color: #6dae42; 
  border: 0; border-top: 1px solid #fff;
}

input[type=submit]:focus, input[type=button]:focus {
background-color: #6dae42;
color: #fff;
}


input.small {
color: white;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color: transparent;
width: 50px;
vertical-align: middle;
border: solid 1px #6dae42; height: 18px
}



.header {
background: #222;
border-bottom: solid 1px #6dae42;
height: 100%;
width: 100%;
vertical-align: top;
align: left;
padding: 0pt; width: 100%;
}

.important {
font-weight: bold;
text-align: center;

}

.most_important {
font-weight: bold;
font-color: red;
color: red;
}

.active_users .active_user_img {
width: 50px;
float: left;
}

.active_users .active_user_name {
text-align: center;
}

td[width="16%"] {
  border: 0px solid pink;
  }



textarea {
width : 666px;
height: 123px;
background-color: transparent;
border: 1px solid #6dae42;
color: white;
font-family: monospace;
font-size: 8pt
}

textarea:focus {border: 1px solid #fff; color: #6dae42;}
input[type=text]:focus {border: 1px solid #fff; color: #6dae42;}

textarea.node_content {
width : 800px;
height: 666px;
background-color: transparent;
border: 1px solid #6dae42;
color: white;
}

textarea.node_content:focus {border: 1px solid #fff; color: #6dae42;}


input[value='delete'] {border:1px solid; font-size: 8pt; height: 18px; position: fixed; width:59px; left: 10px; bottom: auto; bottom: 10px;}
input[value='put'] { 
  height: 18px;
  font-size: 8pt;
  border:1px solid;
  position: fixed;
  left: 100px;
  bottom: auto;
  bottom: 10px;
}

input[name='nodeshell_id'] {
  position: fixed;
  left: 10px;
  bottom: auto;
  bottom: 10px;
  background-color: black;
}

input[name='get_children_move'] {
  background: black; 
  height: 10px;
  padding: 0;
  font-size: 10px;
	line-height: 8px;
  position: fixed;
  bottom: auto; 
  bottom: 35px;
  border: 1px solid blue;
}

input[name='get_children_move']:focus {
	color: #fff;
}



input[value='<'], input[value='&lt;'] {
	bottom: 35px; 
	left: 10px;
	border: none;
	border-left: 2px solid;
}
input[value='<<'], input[value='&lt;&lt;'] {
	left: 30px;
	border: 0;
	border-left: 2px solid;
}

input[value='>>'], input[value='&gt;&gt;'] {
	left: 120px;
	border: 0;
	border-right: 2px solid;
}
input[value='>'], input[value='&gt;'] { left: 150px; border: 0; border-right: 2px solid; }
input[value='K'] {position: fixed; bottom: auto; bottom: 55px; background: black; border: 0; border-left: 2px solid; left: 10px; height: 10px; padding: 0; font-size: 10px;} 

input[name='listing_amount'] {
  border: 0px;  
  background: black; 
  height: 10px;
  padding: 0;
  font-size: 10px;
  width: 20px;
  position: fixed; 
  left: 80px; 
  bottom: auto; 
  bottom: 35px;
  }
input[name='listing_amount']:focus {border: 0; background: black;}

select {
  color: white;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  border: 1px solid transparent;
  background-color: black; 
  height: 15px;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  }

table[width="666"] select {
  background-color: #111; 
}

select[name='listing_order'] {
  border: 1px solid transparent;  
  background-color: black; 
  height: 20px;
  padding: 0;
  font-size: 10px;
  position: fixed; left: 74px; bottom: auto; bottom: 55px;
  }
select[name='listing_order']:focus {border: 1px solid transparent; }

option {margin: 0px; background: black}


.vector, .vector a {
	color: #333;
	background: #333;
	text-decoration: none;
	font-size: 3px;

}


.vector {
width: 100px;
background: none;
}

table[width="666"] td[colspan='3'] a:hover {
	background: #fff;
}

/** start of the new approach */
div.node_header_title {text-align:center;}
span.node_header_title_conf:before {content: "| ";}

span.node_header_k, span.node_header_new, span.node_header_changed, span.node_header_sirotka, span.node_header_descendent {
  font-weight: bold; 
  color: red;
  text-transform: uppercase;
}

span.node_header_hardlink {
  font-weight: bold;
  text-transform: uppercase;
}

ul.node_children {
  position: relative;
  margin: 2em 0 0 0;
  padding:0;
  width:800px;

}

li.lvl {
  list-style-type:none;
  padding:0 0 2px 52px;
}

li.lvl ul {
  margin:0;
  padding:0;
}

li.level1 {
  margin-bottom: 10px;
  padding: 10px 5px 0 58px;
  background: #111;
}

a.vector {
  position: absolute;
  left:0;
  margin-top:-1.9em;
  font-size: 0.2em;
}

a.descendants_link {
  position:relative; top:-3px; left: 10px;
}

div.node_content {
  display:table;
  border-collapse:collapse;
  width:100%;
  margin: 0.2em 0 1em 0;
  background: #000;
  position:relative;
}

div.node_header {
  margin: 3px;
  padding:0.2em;
  background: #333;
  position:relative;
}

div.node_body {
  background:#000;
  margin:2px;
  padding: 2px 2px 5px 2px;
}

img.node_avatar {
  position:absolute;
  left:-57px;
  top:-4px;
  width:50px;
}


