/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09/09/2015, 3:58:44 PM
    Author     : Jody-adm
*/
/* Menu start */

a.nav  {
    font-size: 8pt;
    display: block;
    width: 14em;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #58585a;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    /*text-transform: uppercase;*/
	font-family:Arial, Verdana , Serif, "DejaVu Sans";
    z-index:100;
	margin: 3pt;
	list-style: none;
	line-height: 2;
    height:30px;
}
a.nav:hover, a.nav:active {
    background-color: #CCCCCC;
	font-family:Arial, Verdana , Serif, "DejaVu Sans";
    z-index:100;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
    z-index:100;
}
#nav a {
    font-size: 8pt;
    display: block;
    width: 14em;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #58585a;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    /*text-transform: uppercase;*/
	font-family:Arial, Verdana , Serif, "DejaVu Sans";
    z-index:100;
}
#nav a:hover, a:active {
    background-color: #CCCCCC;
	font-family:Arial, Verdana , Serif, "DejaVu Sans";
    z-index:100;
}

#nav li { /* all list items */
	float: left;
	width: 14em; /* width needed or else Opera goes nuts */
    z-index:100;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 14em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index:100;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
    z-index:100;

}

#content {
	clear: left;
	color: #ccc;
}
/* Menu finish */



/*Other Menu*/
#nav2, #nav2 ul{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
    z-index:100;
        
}
#nav2 a {
    font-size: 8pt;
    display: block;
    width: 10em;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #58585a;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    /*text-transform: uppercase;*/
	font-family:Arial, Verdana , Serif, "DejaVu Sans";
    z-index:100;
}
#nav2 a:hover, a:active {
    background-color: #CCCCCC;
    z-index:100;
}

#nav2 li { /* all list items */
	float: right;
	width: 10em; /* width needed or else Opera goes nuts */
    z-index:100;
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index:100;
}

#nav2 li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
    /*right: 0px;/*10px*/
    z-index:100;
}


#nav4, #nav4 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
}
#nav4 a {
    font-size: 8pt;
    display: block;
    /*width: 14em;*/
    font-weight: bold;
    color: #FFFFFF;
    background-color: #a7a7aa;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    
    font-family:Verdana;
}
#nav4 a:hover, a:active {
    background-color: #CCCCCC;
    font-family:Verdana;
}

#nav4 li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav4 li ul { /* second-level lists */
	position: absolute;
	width: 14em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav4 li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;

}
/* ————————————————————–
  Tree core styles
*/
/* Remove default bullets */
ul .tree {
  list-style-type: none;
  color:#58585a;
    font-family: Verdana , Serif, "DejaVu Sans";
}
.tree { margin: 1em; }

.tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  }

.tree input ~ ul { display: none; }

.tree input:checked ~ ul { display: block; }

/* ————————————————————–
  Tree rows
*/
.tree li {
  line-height: 1.2;
  position: relative;
  padding: 0 0 1em 1em;
  }

.tree ul li { padding: 1em 0 0 1em; }

.tree > li:last-child { padding-bottom: 0; }

/* ————————————————————–
  Tree labels
*/
.tree_label {
  position: relative;
  display: inline-block;
  background: #fff;
  }

label.tree_label { cursor: pointer; }

label.tree_label:hover { color: #666; }

/* ————————————————————–
  Tree expanded icon
*/
label.tree_label:before {
  background: #000;
  color: #fff;
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 1em 0 -2em;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  content: '+';
  text-align: center;
  line-height: .9em;
  }

:checked ~ label.tree_label:before { content: '–'; }

/* ————————————————————–
  Tree branches
*/
.tree li:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -.5em;
  display: block;
  width: 0;
  border-left: 1px solid #777;
  content: "";
  }

.tree_label:after {
  position: absolute;
  top: 0;
  left: -1.5em;
  display: block;
  height: 0.5em;
  width: 1em;
  border-bottom: 1px solid #777;
  border-left: 1px solid #777;
  border-radius: 0 0 0 .3em;
  content: '';
  }

label.tree_label:after { border-bottom: 0; }

:checked ~ label.tree_label:after {
  border-radius: 0 .3em 0 0;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 0;
  border-left: 0;
  bottom: 0;
  top: 0.5em;
  height: auto;
  }

.tree li:last-child:before {
  height: 1em;
  bottom: auto;
  }

.tree > li:last-child:before { display: none; }

.tree_custom {
  display: block;
  background: #eee;
  padding: 1em;
  border-radius: 0.3em;
}
ul{
    padding:0pt;
    margin:0pt;
}
li{
    padding:0pt;
    margin:0pt;
}
/*<!--ul class="tree">
  <li>
    <input type="checkbox" checked="checked" id="c1" />
    <label class="tree_label" for="c1"><a href="javascript:editBlock(1)">Block 1</a>&nbsp;<a href="javascript:editBlock(1)">&#8593</a> </label>
    <ul>
      <li>
        <input type="checkbox"  id="c2" />
        <label for="c2" class="tree_label">Level 1</label>
        <ul>
          <li><span class="tree_label">Level 2</span></li>
          <li><span class="tree_label">Level 2</span></li>
        </ul>
      </li>
      <li>
        <input type="checkbox" id="c3" />
        <label for="c3" class="tree_label">Looong level 1 <br/>label text <br/>with line-breaks</label>
        <ul>
          <li><span class="tree_label">Level 2</span></li>
          <li>
            <input type="checkbox" id="c4" />
            <label for="c4" class="tree_label"><span class="tree_custom">Specified tree item view</span></label>
            <ul>
              <li><span class="tree_label">Level 3</span></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  
  
  <li>
    <input type="checkbox" id="c5" />
    <label class="tree_label" for="c5">Level 0</label>
    <ul>
      <li>
        <input type="checkbox" id="c6" />
        <label for="c6" class="tree_label">Level 1</label>
        <ul>
          <li><span class="tree_label">Level 2</span></li>
        </ul>
      </li>
      <li>
        <input type="checkbox" id="c7" />
        <label for="c7" class="tree_label">Level 1</label>
        <ul>
          <li><span class="tree_label">Level 2</span></li>
          <li>
            <input type="checkbox" id="c8" />
            <label for="c8" class="tree_label">Level 2</label>
            <ul>
              <li><span class="tree_label">Level 3</span></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul-->
*/