/* ===== GEN Sites Menus ===== */

/* Theme independent basic stylesheet for menus used in GEN Sites
 * Aditional style will be defined by themes
 *
 * * Language bar ( Horizontal tabs to be used at the upper edge of the window )
 * * GEN Menu ( General styles for horizontal navigation structure )
 * * Main menu ( Based on GEN Menu )
 * * Moderation menu ( based on GEN Menu )
 * * Bottom area ( Menu in footer )
 */
 
 
#page-wrapper {   /* avoid to create horizontal scroll bar when secondary menu in GEN menu */
  width: 100%; 
  overflow: hidden;
  }

/* ===== Main Menu ===== */
/* Horizontal menu with integrated local tasks */

.main-menu > div > ul {
  margin: 30px auto; text-align: center;
}
.main-menu ul li {
  list-style: none;
  margin: 0 5px;
  position: relative;
  z-index: 77;
}
.main-menu.dropdown .position-2 li a {
	white-space: nowrap;
	text-align: left;
}
.main-menu > div > ul > li {
  display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; /* Hack: providing inline-blocks on all browsers */
}
.main-menu
 > div > ul > li > div {
  position: relative;
}
div .main-menu
 ul li a {
  padding: 5px 10px;
  position: relative;
  display: block;
}

/* ----- Secondary menu ----- */

.main-menu ul li div.position-2 {
  position: absolute;
  top: 30px;
  left: 0;  /* Needs to get more or less centralised below the parent item */
}
.main-menu ul li a.active,
.main-menu ul li.active > div > a {
  font-weight: bold;
}

/* Display behaviours */
.main-menu ul > li div.position-2 {
  display: none; /* hidden by default */
}
/* hide the active submenu when hovering over any mainmenu item */
div .main-menu ul:hover > li.lev1 div.position-2 {
  display: none;
}
/* show any submenu when hovering over its parent menu item, or itself */
div.main-menu > div > ul > li.lev1:hover div.position-2 {
  display: block;
}


/* ===== GEN Menu ===== */
/* Horizontal menu with integrated local tasks */

.gen-menu .position-2 ul li {
  padding-bottom: 2em;  /* ? */
 }
.gen-menu ul li {
  display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; /* Hack: providing inline-blocks on all browsers */
}

/* ----- Secondary GEN menu ----- */

.gen-menu
 ul > li div.position-2 {
  padding: 0 10px 25px 10px;  /* Padding bottom important to not make menu closing easily. Users get anoid when using a horizontal menu is dificult for hands motoric */
  top: 43px;
  left: -330px;  /* Needs to get more or less centralised below the parent item */
  width: 700px;
  text-align: center;
  height: 0;  /* reducing the lateral hover area */  
}

/* Display behaviours */

.gen-menu ul.no-tasks > li.active div.position-2 {
  display: block; /* active submenu shown by default */
}

/* ----- tasks ----- */
.gen-menu
 ul ul.primary { /* Reset */
  border: 0;
  border-collapse: collapse;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.gen-menu
 ul ul.primary a { /* Reset */
  background: #fff;
  border: 0;
  margin-right: 0;
}
.gen-menu
 ul > li.tasks div.position-2 {
  display: block; /* active submenu not hidden by default */
  left: auto;
  right: -50px;  /* Needs to get more or less centralised below the parent item */
  width: auto;
}
.gen-menu .position-2 ul.secondary {
  margin-top: -30px;
}
.gen-menu .position-2 ul.secondary li {
  padding: 0;
}


/* ----- Search ----- */

.main-menu
 .lev1.search > div > a {
	color: transparent;
	width: 15px;
	background-image: url(/sites/default/files/grafic/lupe.png);
	background-repeat:no-repeat;
      background-position: center 5px;
}

 

/* ===== header bar ===== */
/* menu bar in the very top of the page */

.header-bar { 
   text-align: right;
 }
 .header-bar div.item-list {
 	display: inline-block;
 }
.header-bar ul { 
   position: relative;
   z-index: 99;
   display: inline-block;
   margin: 0 5px -250px 0;
   padding: 0 10px 10px 10px;
   text-align: center;
   vertical-align: top;
   background: #fff;
   min-height: 30px;
}
.header-bar ul li {
   width: 120px;
   display: block;
   list-style: none;
   z-index: 77; 
   margin: 0;
 }
 .header-bar ul li a {
   display: none;
   font-size: 0.9em;
   position: relative;
   background: #fff;
   overflow: hidden;
   border: 1px solid #ccc; 
   border-top: 0;
   padding: 3px;
 }
 .header-bar #top-social-links li {
 	display: none;
   width: 92px;
   padding: 5px 0 0 0;
 }
.header-bar ul#top-user-menu li {
   width: 200px;
}
.header-bar ul#top-council-link li {
   width: auto;
}
.header-bar #top-user-menu li img { 
   margin: -2px 6px -6px 0;
 } 
.header-bar #top-user-menu li img { 
   display: none;
 } 
.header-bar #top-user-menu a.active img,
.header-bar div ul#top-user-menu li.default-item a img { 
   display: inline;
 }
.header-bar ul#top-user-menu:hover a img { 
   display: none;
 }
.header-bar ul li.default-item a,
.header-bar ul li a.active,
.header-bar #top-social-links li.default-item { 
   display: block;   
 }
.header-bar ul li.default-item a { 
   margin-bottom: -28px;   
 }
.header-bar ul li.default-item a,
.header-bar ul li.active a,
.header-bar div ul li a.active { 
   background: #f2f2f2;  
 }
 .header-bar ul:hover li.default-item a { 
   margin-bottom: 0;
   background: #fff; 
 }
 
 .header-bar ul:hover li a,
 #header .header-bar ul:hover li { 
   display: block; 
    } 

/* ===== Form tabs ===== */
/* Tabbed menu system for forms generated by gen_menu module */

#form-tabs {
	border: 0;
	width: 100%;
}
#form-tabs tbody {
	border: 0;
}
#form-tabs td {
	font-size: 0.8em;
	padding: 2px;
	width: 9%;
	text-align: center;
	background: #eee;
	border-right: 1px solid #888;
	border-left: 1px solid #888;
}
#form-tabs td.active {
	text-align: center;
	background: transparent;
}
.form-tabs-description {
	color: #aaa;
	font-size: 0.8em;
	margin: 0.5em;
}
#form-tabs .top-row td {
	padding: 0;
	background: transparent;
	border: 0;
}
#form-tabs .top-row div {
	height: 25px;
	border-top: 1px solid #888;
	border-top-left-radius: 12px; -moz-border-top-left-radius: 12px;	-webkit-border-top-left-radius: 12px;
	border-top-right-radius: 12px; -moz-border-top-right-radius: 12px;	-webkit-border-top-right-radius: 12px;
}
#form-tabs .top-row td {
	color: #aaa;
	font-size: .7em;
}
#form-tabs .tab-tops div {
	height: 12px;
	background: #eee;
	margin-bottom: -6px;
}
#form-tabs .top-row .active div {
	background: transparent;
}
#form-tabs td.take-part,
#form-tabs .take-part div {
	color: #66f;
	border-color: #33d;
	vertical-align: bottom;
}
#form-tabs .first-row td {
	vertical-align: bottom;
	line-height: 1.2em;
	color: #666;
}
#form-tabs .first-row a {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
}
#form-tabs .second-row td {
	padding-top: 5px;
	vertical-align: top;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #888;
}
#form-tabs .help td {
	border-bottom: 2px solid #555;
	font-size: 0.65em;
	vertical-align: bottom;
}
#form-tabs .help td.active {
	border-bottom: 0;
}


 
 /* ===== Footer ====== */

 #footer {
   padding: 10px 2%;
 }
 #footer table { 
    width: 100%;
    margin: 5px;  }
 /* #footer ul.menu  { margin: 0;  } */
 #footer tr {
   vertical-align: top;
 } 
 #footer .footer-menu th,  /* Overwriting procentual width injected into markup by domain-menu module */
 #footer .footer-menu td {
   width: auto !important; 
 }
 #footer  .footer-menu .paypal-button {
   margin: 10px; 
 }