/* 
PARASTĀM IZVELNĒM
*/

.josla {
	font-size: 12px;
	color: #FFFF66;
	background-image: url(/atteli/pamati/Vienmerigi/V_aa_Izvelnes.gif);
	text-align:center;
	font-weight: bold;
	height: 16;
}

.malas {
	background-image: url(/atteli/pamati/Vienmerigi/V_aa_Izvelnes.gif);
	width: 118;
	height:	26;
	border: thin ridge grey;
}


.pogas_1
{
	width:	80;
	height: 26;
	font-size: 11px;
	font-variant:small-caps;
}

.pogas_1 a
{
	color: #FFFF66;
	display: block;
	padding: 3 6;
	border: thin outset grey;
	text-decoration: none;
}
.pogas_1 a:hover
{
	color:green;
	background-color:#AADD88;
	background-image: url(/atteli/pamati/Vienmerigi/G_dd_Izvelnes.gif);
	display: block;
	padding: 3 6;
}

.pogas_3 {
	background-image: url(/atteli/pamati/Vienmerigi/G_pp_Izvelnes.gif);
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	margin: 0;
	padding: 3 0;
	border: thin outset grey;
	display: block;
	width: 128;
}
.pogas_3 a
{
	display: block;
	text-decoration: none;
	color: #332200;
}
.pogas_3 a:hover{
	background-color:#AADD88;
	background-image: url(/atteli/pamati/Vienmerigi/G_dd_Izvelnes.gif);
}

.pogas_4 {
	font-size: 12px;
	padding: 1 2;
	margin: 0 0 0 2;
	display: block;
	border: thin inset silver;
	width: 122;
}
.pogas_4 a
{
	display: block;
	text-decoration: none;
	color: #775522;
	background-color:#EEEEEE;
}
.pogas_4 a:hover{
	background-color:#EEEE88;
}

ul.izvelne {
	display: block;
	background: yellow;
	padding: 6;
}

ul.izvelne li {
	display: inline;
	margin: 0;
	padding: 2;
}

ul.izvelne li a
{
	background: pink;
	text-decoration: none;
	padding: 1;
}

ul.izvelne li a:hover
{
	background: red;
	color: yellow;
	text-decoration: none;
	padding: 1;
}


/* 
IZLECOŠAI IZVELNEI
*/



ul.salikta-izvelne *
{
	font-size: 11;
	font-family: Helvetica;
}

ul.salikta-izvelne, ul.salikta-izvelne ul
{
  display: block;
  margin: 0;
  padding: 0;
  background: silver;
}

/* 
Lai būtu guleniskā rindā, lieto 'display:inline'
Lai izlecošās izvelnes būtu pareizā vietā jālieto 'position:relative'
*/

ul.salikta-izvelne li
{
	margin: 0;
	padding: 2;
	display: inline;
	position: relative;
}

/* 
Izlecošās izvelnes sākotnēji nav redzamas ('visibility:hidden')
*/
ul.salikta-izvelne li ul
{
	  display: block;
	  position: absolute;
	  visibility: hidden;
	  width: 9em;
}

ul.salikta-izvelne li ul li
{
	  margin: 0 0 0 0;
	  padding: 0;
	  display: block;
	  width: 100%;
	  border: 1px solid rgb(80%,66%,45%);
	  border-width: 0 1px 1px;
	  list-style: none;
	  background-color:  cornsilk;
}

ul.salikta-izvelne li a
{
	display: inline;
	text-decoration: none;
	margin: 0;
	border-right: 1px solid;
	padding: 0.2em;
	background-color:   floralwhite;
	color: black;
}

ul.salikta-izvelne li a:hover
{
	color: #FAA;
	background-color:  black;
}

ul.salikta-izvelne li ul li a
{
  display: block;
  margin: 0;
  padding: 3px 2.5%;
  border-width: 0;
  width: 100%;
  width: 95%;
}

ul.salikta-izvelne li.apaksizvelne ul a
{
	color: black;
}

ul.salikta-izvelne li.apaksizvelne a:hover
{
	color: #FAA;
	background-color:  black;
}

/*
Jāatbrivo vieta izlecošai izvelnei
*/

ul.salikta-izvelne li.apaksizvelne:hover
{
  padding-bottom: 30em;
}

/*
Parāda izlecošo izvelni
*/

ul.salikta-izvelne li.apaksizvelne:hover ul 
{
  left: 0;
  visibility: visible;
}

.menu
{
	width: 16%;
} 

.menu ul 
{ /* novāc bumbiņas no saraksta rindiņām */
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu a
{
	display: block;
	border: 1px solid pink;
	background-color:darkgrey;
	background-image: url(/atteli/pamati/Vienmerigi/G_pp_Izvelnes.gif);
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
}

.menu a:hover {
	text-decoration: underline;
	border: 1px solid #efefef;
	background-image: none;
	background-color: silver;
}

.menu li 
{/* pie šī objekta var piesaistīt apakšobjektus */
	position: relative;
} 

.menu ul ul 
{
	position: absolute;
	top: 0;
	left: 100%; /* novieto pa labi no konteinera */
	width: 200;
	z-index: 1;
}

.menu ul ul a 
{
	background-color: silver;
	background-image: none;
}

.menu ul ul a:hover {
	background-color: snow;
}

.menu ul ul ul a 
{
	background-color:snow;
}

div.menu ul ul,
div.menu ul li:hover ul ul
{display: none; }

div.menu ul li:hover ul,
div.menu ul ul li:hover ul
{display: block; }