/* ==========================================================================
   Fonturile: tema declara familia „Segoe UI” cu o singura fata (regular, segoeui.ttf). Fetele bold (segoeuib.ttf) si
   italic (segoeuii.ttf) exista in acelasi folder al temei, dar nu sunt declarate, asa ca browserul ingroasa si inclina
   artificial fata regular. Familia de mai jos are patru fete (pe Windows le ia din sistem) si se foloseste doar in
   zonele paginilor noi. Fata semibold (600, pentru titluri) nu exista in folderul temei: vine din aceasta biblioteca
   (fonts/seguisb.ttf); daca fisierul lipseste, browserul cade pe fata bold.
   ========================================================================== */
@font-face{ font-family:"iTeach Segoe UI"; font-weight:400; font-style:normal; font-display:swap; src:local("Segoe UI"), local("SegoeUI"), url(https://iteach.ro/athena/design/iteach1.0/fonts/segoeui.ttf) format("truetype"); }
@font-face{ font-family:"iTeach Segoe UI"; font-weight:600; font-style:normal; font-display:swap; src:local("Segoe UI Semibold"), local("SegoeUI-Semibold"), url(https://iteach.ro/mod/iteach_ui/fonts/seguisb.ttf) format("truetype"), url(https://iteach.ro/athena/design/iteach1.0/fonts/segoeuib.ttf) format("truetype"); }
@font-face{ font-family:"iTeach Segoe UI"; font-weight:700; font-style:normal; font-display:swap; src:local("Segoe UI Bold"), local("SegoeUI-Bold"), url(https://iteach.ro/athena/design/iteach1.0/fonts/segoeuib.ttf) format("truetype"); }
@font-face{ font-family:"iTeach Segoe UI"; font-weight:400; font-style:italic; font-display:swap; src:local("Segoe UI Italic"), local("SegoeUI-Italic"), url(https://iteach.ro/athena/design/iteach1.0/fonts/segoeuii.ttf) format("truetype"); }

/* --- tokenii: peste iTeach UI (--ui-*) cu valori de rezerva ---------------------------------------------------- */
#anunturi, #ghiduri, #bloguri, #bloguri-lat, #cereri{
  --an-brand: var(--ui-brand, #0860a8);
  --an-action: var(--ui-action, #0b5ed7);
  --an-action-hover: var(--ui-action-hover, #0a4fb5);
  --an-action-soft: var(--ui-action-soft, #eef3fd);
  --an-accent-text: var(--ui-accent-text, #c44000);
  --an-text: var(--ui-text, #333333);
  --an-text-2: var(--ui-text-2, #4b5563);
  --an-text-3: var(--ui-text-3, #5b6472);
  --an-line: var(--ui-line, #e6e6e6);
  --an-line-2: var(--ui-line-2, #d1d5db);
  --an-line-strong: var(--ui-line-strong, #b9bec7);
  --an-control-border: var(--ui-control-border, #8b929e);
  --an-surface: var(--ui-surface, #ffffff);
  --an-surface-2: var(--ui-surface-2, #f9fafb);
  --an-surface-3: var(--ui-surface-3, #f1f1f1);
  --an-fs-xs: var(--ui-fs-xs, 12px);
  --an-fs: var(--ui-fs, 13px);
  --an-fs-body: var(--ui-fs-body, 14px);
  --an-r-sm: var(--ui-r-sm, 4px);
  --an-r: var(--ui-r, 6px);
  --an-r-lg: var(--ui-r-lg, 8px);
  --an-sh-1: var(--ui-sh-1, 0 1px 2px rgba(17,24,39,.06));
  --an-t: var(--ui-t-fast, .12s ease);
  /* sursele: national = albastrul marcii (linistit), judet = verde, colegi = cald */
  --an-nat-text: #3a6590;  --an-nat-bg: #edf4fb;
  --an-jud-text: #166534;  --an-jud-bg: #eaf6ee;  --an-jud-line: #b3dcc1;  --an-jud-row: #f4faf6;  --an-jud-hover: #e7f4eb;
  --an-col-text: #9a3412;  --an-col-bg: #fdf0e6;  --an-col-line: #f0c7a6;  --an-col-row: #fff8f2;  --an-col-hover: #fcede0;
  --an-rand-hover: #eaf2fc;
  --an-meta: #6b7280;   /* metadatele (autor, data, cifre): mai deschise decat extrasul */
  /* termenul */
  --an-azi-text: #b91c1c;
  --an-curand-text: #92400e;
  font-family: var(--ui-font, "iTeach Segoe UI", "Segoe UI", Tahoma, Verdana, Arial, sans-serif);   /* aceeasi litera ca tema, cu bold si italic reale */
  color: var(--an-text);
  text-shadow: none;
}
#anunturi *, #ghiduri *, #bloguri *, #bloguri-lat *, #cereri *{ box-sizing:border-box; text-shadow:none; }
#anunturi svg, #ghiduri svg, #bloguri svg, #bloguri-lat svg, #cereri svg{ display:inline-block; vertical-align:middle; flex:0 0 auto; }
#anunturi ul, #ghiduri ul, #bloguri ul, #bloguri-lat ul, #cereri ul{ margin:0; padding:0; }
#anunturi li, #ghiduri li, #bloguri li, #bloguri-lat li, #cereri li{ margin:0; padding:0; list-style:none; background:none; }
#anunturi p, #ghiduri p, #bloguri p, #bloguri-lat p, #cereri p{ margin:0; }
#anunturi .an-ascuns, #ghiduri .an-ascuns, #bloguri .an-ascuns, #bloguri-lat .an-ascuns, #cereri .an-ascuns{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* zona principala: tema nu-i da spatiere interioara (paginile vechi o primesc din .contentWrapper) */
#anunturi.an-pagina, #ghiduri.an-pagina, #bloguri.an-pagina, #bloguri-lat.an-pagina, #cereri.an-pagina{ padding:24px 24px 28px; }

/* --- capul paginii: la fel ca titlurile celorlalte pagini ale sitului ----- */
#anunturi .an-cap, #ghiduri .an-cap, #bloguri .an-cap, #bloguri-lat .an-cap, #cereri .an-cap{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px 16px; flex-wrap:wrap; margin:0 0 18px; }
#anunturi .an-cap h1, #ghiduri .an-cap h1, #bloguri .an-cap h1, #bloguri-lat .an-cap h1, #cereri .an-cap h1{ margin:0; padding:0; font-family:Tahoma, Verdana, Geneva, sans-serif; font-size:23px; font-weight:normal; line-height:1.25; color:#444444; border:0; background:none; }
#anunturi .an-data, #ghiduri .an-data, #bloguri .an-data, #bloguri-lat .an-data, #cereri .an-data{ margin-top:4px; font-size:var(--an-fs); color:var(--an-text-3); }
/* butonul din capul paginii stă pe mijlocul rândului titlului, nu sus: aliniat sus, textul lui cădea cu ~4px sub
   mijlocul literelor titlului (23px pe un rând de 28,75px, butonul 36px). Marginea de jos păstrează înălțimea capului. */
#anunturi .an-cap > .an-buton, #ghiduri .an-cap > .an-buton, #bloguri .an-cap > .an-buton, #bloguri-lat .an-cap > .an-buton, #cereri .an-cap > .an-buton{ margin:-4px 0 4px; }

#anunturi .an-buton, #ghiduri .an-buton, #bloguri .an-buton, #bloguri-lat .an-buton, #cereri .an-buton{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:0 16px;
  font-size:var(--an-fs); font-weight:600; line-height:1.25; text-align:center; text-decoration:none; color:#fff;
  background:var(--an-action); border:1px solid var(--an-action); border-radius:var(--an-r);
  transition:background var(--an-t), border-color var(--an-t);
}
#anunturi a.an-buton, #ghiduri a.an-buton, #bloguri a.an-buton, #bloguri-lat a.an-buton, #cereri a.an-buton, #anunturi a.an-buton:visited, #ghiduri a.an-buton:visited, #bloguri a.an-buton:visited, #bloguri-lat a.an-buton:visited, #cereri a.an-buton:visited{ color:#fff; text-decoration:none; }
#anunturi a.an-buton:hover, #ghiduri a.an-buton:hover, #bloguri a.an-buton:hover, #bloguri-lat a.an-buton:hover, #cereri a.an-buton:hover, #anunturi a.an-buton:focus-visible, #ghiduri a.an-buton:focus-visible, #bloguri a.an-buton:focus-visible, #bloguri-lat a.an-buton:focus-visible, #cereri a.an-buton:focus-visible{ color:#fff; background:var(--an-action-hover); border-color:var(--an-action-hover); }
#anunturi a.an-buton--secundar, #ghiduri a.an-buton--secundar, #bloguri a.an-buton--secundar, #bloguri-lat a.an-buton--secundar, #cereri a.an-buton--secundar, #anunturi a.an-buton--secundar:visited, #ghiduri a.an-buton--secundar:visited, #bloguri a.an-buton--secundar:visited, #bloguri-lat a.an-buton--secundar:visited, #cereri a.an-buton--secundar:visited{ color:var(--an-brand); background:var(--an-surface); border-color:var(--an-control-border); }
#anunturi a.an-buton--secundar:hover, #ghiduri a.an-buton--secundar:hover, #bloguri a.an-buton--secundar:hover, #bloguri-lat a.an-buton--secundar:hover, #cereri a.an-buton--secundar:hover, #anunturi a.an-buton--secundar:focus-visible, #ghiduri a.an-buton--secundar:focus-visible, #bloguri a.an-buton--secundar:focus-visible, #bloguri-lat a.an-buton--secundar:focus-visible, #cereri a.an-buton--secundar:focus-visible{ color:var(--an-brand); background:var(--an-action-soft); border-color:var(--an-brand); }
#anunturi .an-buton svg, #ghiduri .an-buton svg, #bloguri .an-buton svg, #bloguri-lat .an-buton svg, #cereri .an-buton svg{ width:16px; height:16px; }
#anunturi .an-buton--lat, #ghiduri .an-buton--lat, #bloguri .an-buton--lat, #bloguri-lat .an-buton--lat, #cereri .an-buton--lat{ display:flex; width:100%; padding:8px 12px; }
#anunturi a.an-buton--sters, #ghiduri a.an-buton--sters, #bloguri a.an-buton--sters, #bloguri-lat a.an-buton--sters, #cereri a.an-buton--sters, #anunturi a.an-buton--sters:visited, #ghiduri a.an-buton--sters:visited, #bloguri a.an-buton--sters:visited, #bloguri-lat a.an-buton--sters:visited, #cereri a.an-buton--sters:visited{ color:var(--an-azi-text); }
#anunturi a.an-buton--sters:hover, #ghiduri a.an-buton--sters:hover, #bloguri a.an-buton--sters:hover, #bloguri-lat a.an-buton--sters:hover, #cereri a.an-buton--sters:hover, #anunturi a.an-buton--sters:focus-visible, #ghiduri a.an-buton--sters:focus-visible, #bloguri a.an-buton--sters:focus-visible, #bloguri-lat a.an-buton--sters:focus-visible, #cereri a.an-buton--sters:focus-visible{ color:var(--an-azi-text); background:#fef2f2; border-color:var(--an-azi-text); }
/* butonul mic: in randurile listei in chenar si in fise, cate doua alaturi */
#anunturi .an-buton--mic, #ghiduri .an-buton--mic, #bloguri .an-buton--mic, #bloguri-lat .an-buton--mic, #cereri .an-buton--mic{ min-height:32px; padding:0 14px; }

/* --- filtrele: taburi subliniate; linkuri obisnuite, merg fara JavaScript ---
   Linia de sub taburi desparte capul paginii de lista; randurile incep direct sub ea. */
#anunturi .an-surse, #ghiduri .an-surse, #bloguri .an-surse, #bloguri-lat .an-surse, #cereri .an-surse{ margin:0; }
#anunturi .an-surse ul, #ghiduri .an-surse ul, #bloguri .an-surse ul, #bloguri-lat .an-surse ul, #cereri .an-surse ul{ display:flex; flex-wrap:wrap; gap:0 24px; border-bottom:1px solid var(--an-line); }
#anunturi .an-filtru, #ghiduri .an-filtru, #bloguri .an-filtru, #bloguri-lat .an-filtru, #cereri .an-filtru{
  display:inline-flex; align-items:center; gap:6px; margin-bottom:-1px; padding:6px 0 10px;
  font-size:var(--an-fs); font-weight:500; line-height:1.3; text-decoration:none; color:var(--an-text-2);
  border-bottom:2px solid transparent; transition:color var(--an-t), border-color var(--an-t);
}
#anunturi a.an-filtru:visited, #ghiduri a.an-filtru:visited, #bloguri a.an-filtru:visited, #bloguri-lat a.an-filtru:visited, #cereri a.an-filtru:visited{ color:var(--an-text-2); }
#anunturi .an-filtru__nr, #ghiduri .an-filtru__nr, #bloguri .an-filtru__nr, #bloguri-lat .an-filtru__nr, #cereri .an-filtru__nr{ font-size:var(--an-fs-xs); font-weight:400; color:var(--an-text-3); font-variant-numeric:tabular-nums; }
#anunturi a.an-filtru:hover, #ghiduri a.an-filtru:hover, #bloguri a.an-filtru:hover, #bloguri-lat a.an-filtru:hover, #cereri a.an-filtru:hover, #anunturi a.an-filtru:focus-visible, #ghiduri a.an-filtru:focus-visible, #bloguri a.an-filtru:focus-visible, #bloguri-lat a.an-filtru:focus-visible, #cereri a.an-filtru:focus-visible{ color:var(--an-text); text-decoration:none; border-bottom-color:var(--an-line-2); }
#anunturi a.an-filtru:focus-visible, #ghiduri a.an-filtru:focus-visible, #bloguri a.an-filtru:focus-visible, #bloguri-lat a.an-filtru:focus-visible, #cereri a.an-filtru:focus-visible{ outline:2px solid var(--an-action); outline-offset:2px; border-radius:2px; }
#anunturi a.an-filtru[aria-current], #ghiduri a.an-filtru[aria-current], #bloguri a.an-filtru[aria-current], #bloguri-lat a.an-filtru[aria-current], #cereri a.an-filtru[aria-current], #anunturi a.an-filtru[aria-current]:visited, #ghiduri a.an-filtru[aria-current]:visited, #bloguri a.an-filtru[aria-current]:visited, #bloguri-lat a.an-filtru[aria-current]:visited, #cereri a.an-filtru[aria-current]:visited, #anunturi a.an-filtru[aria-current]:hover, #ghiduri a.an-filtru[aria-current]:hover, #bloguri a.an-filtru[aria-current]:hover, #bloguri-lat a.an-filtru[aria-current]:hover, #cereri a.an-filtru[aria-current]:hover{ color:var(--an-text); font-weight:600; border-bottom-color:var(--an-brand); }
#anunturi a.an-filtru--gol, #ghiduri a.an-filtru--gol, #bloguri a.an-filtru--gol, #bloguri-lat a.an-filtru--gol, #cereri a.an-filtru--gol, #anunturi a.an-filtru--gol:visited, #ghiduri a.an-filtru--gol:visited, #bloguri a.an-filtru--gol:visited, #bloguri-lat a.an-filtru--gol:visited, #cereri a.an-filtru--gol:visited{ color:var(--an-text-3); }
#anunturi a.an-filtru--ales, #ghiduri a.an-filtru--ales, #bloguri a.an-filtru--ales, #bloguri-lat a.an-filtru--ales, #cereri a.an-filtru--ales, #anunturi a.an-filtru--ales:visited, #ghiduri a.an-filtru--ales:visited, #bloguri a.an-filtru--ales:visited, #bloguri-lat a.an-filtru--ales:visited, #cereri a.an-filtru--ales:visited{ color:var(--an-jud-text); font-weight:600; border-bottom-color:var(--an-jud-text); }
#anunturi a.an-filtru--ales:hover, #ghiduri a.an-filtru--ales:hover, #bloguri a.an-filtru--ales:hover, #bloguri-lat a.an-filtru--ales:hover, #cereri a.an-filtru--ales:hover, #anunturi a.an-filtru--ales:focus-visible, #ghiduri a.an-filtru--ales:focus-visible, #bloguri a.an-filtru--ales:focus-visible, #bloguri-lat a.an-filtru--ales:focus-visible, #cereri a.an-filtru--ales:focus-visible{ color:#0f4f28; border-bottom-color:#0f4f28; }
#anunturi .an-filtru__x, #ghiduri .an-filtru__x, #bloguri .an-filtru__x, #bloguri-lat .an-filtru__x, #cereri .an-filtru__x{ margin-left:2px; font-size:16px; line-height:1; }

/* o fasie de legaturi mici sub filtre (judetele cu anunturi, categoriile blogului): text, contor in cifra mica */
#anunturi .an-fasie, #ghiduri .an-fasie, #bloguri .an-fasie, #bloguri-lat .an-fasie, #cereri .an-fasie{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:14px 0 4px; }
#anunturi .an-fasie__titlu, #ghiduri .an-fasie__titlu, #bloguri .an-fasie__titlu, #bloguri-lat .an-fasie__titlu, #cereri .an-fasie__titlu{ font-size:var(--an-fs-xs); font-weight:600; color:var(--an-text-2); }
#anunturi .an-chips, #ghiduri .an-chips, #bloguri .an-chips, #bloguri-lat .an-chips, #cereri .an-chips{ display:flex; flex-wrap:wrap; gap:6px; }
#anunturi .an-chip, #ghiduri .an-chip, #bloguri .an-chip, #bloguri-lat .an-chip, #cereri .an-chip{
  display:inline-flex; align-items:center; gap:5px; min-height:30px; padding:0 10px; font-size:var(--an-fs-xs); font-weight:600;
  text-decoration:none; color:var(--an-text-2); background:var(--an-surface); border:1px solid var(--an-line-2); border-radius:999px;
}
#anunturi a.an-chip:visited, #ghiduri a.an-chip:visited, #bloguri a.an-chip:visited, #bloguri-lat a.an-chip:visited, #cereri a.an-chip:visited{ color:var(--an-text-2); }
#anunturi a.an-chip:hover, #ghiduri a.an-chip:hover, #bloguri a.an-chip:hover, #bloguri-lat a.an-chip:hover, #cereri a.an-chip:hover, #anunturi a.an-chip:focus-visible, #ghiduri a.an-chip:focus-visible, #bloguri a.an-chip:focus-visible, #bloguri-lat a.an-chip:focus-visible, #cereri a.an-chip:focus-visible{ color:var(--an-brand); background:var(--an-action-soft); border-color:var(--an-brand); text-decoration:none; }
#anunturi a.an-chip[aria-current], #ghiduri a.an-chip[aria-current], #bloguri a.an-chip[aria-current], #bloguri-lat a.an-chip[aria-current], #cereri a.an-chip[aria-current], #anunturi a.an-chip[aria-current]:visited, #ghiduri a.an-chip[aria-current]:visited, #bloguri a.an-chip[aria-current]:visited, #bloguri-lat a.an-chip[aria-current]:visited, #cereri a.an-chip[aria-current]:visited{ color:var(--an-brand); background:var(--an-action-soft); border-color:var(--an-brand); }
#anunturi .an-chip span, #ghiduri .an-chip span, #bloguri .an-chip span, #bloguri-lat .an-chip span, #cereri .an-chip span{ font-size:var(--an-fs-xs); font-weight:400; color:var(--an-text-3); font-variant-numeric:tabular-nums; }

/* --- lista ---------------------------------------------------------------- */
/* lista sta direct in zona de continut, care are deja chenar: fara card, randurile se separa prin linii si aer */
#anunturi .an-card, #ghiduri .an-card, #bloguri .an-card, #bloguri-lat .an-card, #cereri .an-card{ min-width:0; }

/* randul: tot randul duce la articol (legatura titlului il acopera); autorul si legaturile proprii raman deasupra.
   Fundalul (evidentiere) iese pana la marginile zonei de continut; textul ramane aliniat cu titlul paginii. */
#anunturi .an-flux .an-item, #ghiduri .an-flux .an-item, #bloguri .an-flux .an-item, #bloguri-lat .an-flux .an-item, #cereri .an-flux .an-item{ position:relative; margin:0 -24px; padding:22px 24px; border-bottom:1px solid var(--an-line); transition:background-color var(--an-t); }
#anunturi .an-flux .an-item:hover, #ghiduri .an-flux .an-item:hover, #bloguri .an-flux .an-item:hover, #bloguri-lat .an-flux .an-item:hover, #cereri .an-flux .an-item:hover, #anunturi .an-flux .an-item:focus-within, #ghiduri .an-flux .an-item:focus-within, #bloguri .an-flux .an-item:focus-within, #bloguri-lat .an-flux .an-item:focus-within, #cereri .an-flux .an-item:focus-within{ background:var(--an-rand-hover); }
/* la clic nu apare niciun chenar; conturul se vede doar la navigarea cu tastatura, pe titlu */

/* titlul si, pe acelasi rand, in dreapta, tipul (sursa, categoria) */
#anunturi .an-item__cap, #ghiduri .an-item__cap, #bloguri .an-item__cap, #bloguri-lat .an-item__cap, #cereri .an-item__cap{ display:flex; align-items:flex-start; justify-content:space-between; gap:6px 20px; }
/* titlurile din liste: 22px (cerut 25.09.2026); pagina unui singur element are 28px (.an-anunt__titlu), telefonul 20px */
#anunturi .an-flux .an-item__titlu, #ghiduri .an-flux .an-item__titlu, #bloguri .an-flux .an-item__titlu, #bloguri-lat .an-flux .an-item__titlu, #cereri .an-flux .an-item__titlu{ flex:1 1 auto; min-width:0; margin:0; padding:0; font-family:inherit; font-size:22px; font-weight:600; line-height:1.25; color:var(--an-brand); border:0; background:none; text-transform:none; letter-spacing:0; }
#anunturi .an-item__eticheta, #ghiduri .an-item__eticheta, #bloguri .an-item__eticheta, #bloguri-lat .an-item__eticheta, #cereri .an-item__eticheta{ flex:0 0 auto; max-width:240px; padding-top:3px; text-align:right; }
/* tipul: pastila moale, fara chenar si fara pictograma; culoarea e in text si in fond */
#anunturi .an-sursa, #ghiduri .an-sursa, #bloguri .an-sursa, #bloguri-lat .an-sursa, #cereri .an-sursa{ display:inline-block; padding:3px 10px; font-size:var(--an-fs-xs); font-weight:600; line-height:1.5; white-space:nowrap; color:var(--an-nat-text); background:var(--an-nat-bg); border-radius:999px; }
#anunturi a.an-sursa, #ghiduri a.an-sursa, #bloguri a.an-sursa, #bloguri-lat a.an-sursa, #cereri a.an-sursa, #anunturi a.an-sursa:visited, #ghiduri a.an-sursa:visited, #bloguri a.an-sursa:visited, #bloguri-lat a.an-sursa:visited, #cereri a.an-sursa:visited{ position:relative; z-index:1; color:var(--an-nat-text); text-decoration:none; }
#anunturi a.an-sursa:hover, #ghiduri a.an-sursa:hover, #bloguri a.an-sursa:hover, #bloguri-lat a.an-sursa:hover, #cereri a.an-sursa:hover, #anunturi a.an-sursa:focus-visible, #ghiduri a.an-sursa:focus-visible, #bloguri a.an-sursa:focus-visible, #bloguri-lat a.an-sursa:focus-visible, #cereri a.an-sursa:focus-visible{ color:var(--an-brand); background:var(--an-action-soft); text-decoration:none; }
/* categoriile colorate: fiecare culoare din paleta (ui_paleta, 30) e o clasa care pune variabilele; pastila, punctul si
   filtrul activ le folosesc. Culoarea e doar un indiciu in plus: numele categoriei ramane scris. */
#anunturi .an-cat--0, #ghiduri .an-cat--0, #bloguri .an-cat--0, #bloguri-lat .an-cat--0, #cereri .an-cat--0{ --cat-text:#225693; --cat-fond:#e7f1fe; --cat-fond2:#d1e5ff; --cat-punct:#5294e6; }
#anunturi .an-cat--1, #ghiduri .an-cat--1, #bloguri .an-cat--1, #bloguri-lat .an-cat--1, #cereri .an-cat--1{ --cat-text:#893829; --cat-fond:#ffebe7; --cat-fond2:#fed9d1; --cat-punct:#da6e59; }
#anunturi .an-cat--2, #ghiduri .an-cat--2, #bloguri .an-cat--2, #bloguri-lat .an-cat--2, #cereri .an-cat--2{ --cat-text:#00654e; --cat-fond:#dcf8ed; --cat-fond2:#c0efdd; --cat-punct:#04ab86; }
#anunturi .an-cat--3, #ghiduri .an-cat--3, #bloguri .an-cat--3, #bloguri-lat .an-cat--3, #cereri .an-cat--3{ --cat-text:#674186; --cat-fond:#f5ecfe; --cat-fond2:#ecdaff; --cat-punct:#a979d4; }
#anunturi .an-cat--4, #ghiduri .an-cat--4, #bloguri .an-cat--4, #bloguri-lat .an-cat--4, #cereri .an-cat--4{ --cat-text:#6c5003; --cat-fond:#faefd8; --cat-fond2:#f4e1ba; --cat-punct:#b78a06; }
#anunturi .an-cat--5, #ghiduri .an-cat--5, #bloguri .an-cat--5, #bloguri-lat .an-cat--5, #cereri .an-cat--5{ --cat-text:#025f76; --cat-fond:#dbf5ff; --cat-fond2:#bcecfe; --cat-punct:#03a2c8; }
#anunturi .an-cat--6, #ghiduri .an-cat--6, #bloguri .an-cat--6, #bloguri-lat .an-cat--6, #cereri .an-cat--6{ --cat-text:#863553; --cat-fond:#ffeaef; --cat-fond2:#ffd7e1; --cat-punct:#d56a8f; }
#anunturi .an-cat--7, #ghiduri .an-cat--7, #bloguri .an-cat--7, #bloguri-lat .an-cat--7, #cereri .an-cat--7{ --cat-text:#32631c; --cat-fond:#e6f6e1; --cat-fond2:#d2ecc9; --cat-punct:#66a64c; }
#anunturi .an-cat--8, #ghiduri .an-cat--8, #bloguri .an-cat--8, #bloguri-lat .an-cat--8, #cereri .an-cat--8{ --cat-text:#444d94; --cat-fond:#eceffe; --cat-fond2:#dbe1ff; --cat-punct:#7a89e7; }
#anunturi .an-cat--9, #ghiduri .an-cat--9, #bloguri .an-cat--9, #bloguri-lat .an-cat--9, #cereri .an-cat--9{ --cat-text:#853f00; --cat-fond:#feece2; --cat-fond2:#fedbc6; --cat-punct:#d37735; }
#anunturi .an-cat--10, #ghiduri .an-cat--10, #bloguri .an-cat--10, #bloguri-lat .an-cat--10, #cereri .an-cat--10{ --cat-text:#02635f; --cat-fond:#d9f8f5; --cat-fond2:#baefeb; --cat-punct:#00a8a2; }
#anunturi .an-cat--11, #ghiduri .an-cat--11, #bloguri .an-cat--11, #bloguri-lat .an-cat--11, #cereri .an-cat--11{ --cat-text:#763b75; --cat-fond:#fde9fb; --cat-fond2:#f8d7f6; --cat-punct:#bf71be; }
#anunturi .an-cat--12, #ghiduri .an-cat--12, #bloguri .an-cat--12, #bloguri-lat .an-cat--12, #cereri .an-cat--12{ --cat-text:#5d5801; --cat-fond:#f3f2da; --cat-fond2:#e8e6bc; --cat-punct:#9f9600; }
#anunturi .an-cat--13, #ghiduri .an-cat--13, #bloguri .an-cat--13, #bloguri-lat .an-cat--13, #cereri .an-cat--13{ --cat-text:#025a8b; --cat-fond:#e4f2fe; --cat-fond2:#cbe7fe; --cat-punct:#2f9ae0; }
#anunturi .an-cat--14, #ghiduri .an-cat--14, #bloguri .an-cat--14, #bloguri-lat .an-cat--14, #cereri .an-cat--14{ --cat-text:#8a363a; --cat-fond:#ffebea; --cat-fond2:#ffd8d7; --cat-punct:#da6b6e; }
#anunturi .an-cat--15, #ghiduri .an-cat--15, #bloguri .an-cat--15, #bloguri-lat .an-cat--15, #cereri .an-cat--15{ --cat-text:#03663d; --cat-fond:#dff7e8; --cat-fond2:#c6efd5; --cat-punct:#2eab70; }
#anunturi .an-cat--16, #ghiduri .an-cat--16, #bloguri .an-cat--16, #bloguri-lat .an-cat--16, #cereri .an-cat--16{ --cat-text:#5b458d; --cat-fond:#f1eefe; --cat-fond2:#e5deff; --cat-punct:#997fde; }
#anunturi .an-cat--17, #ghiduri .an-cat--17, #bloguri .an-cat--17, #bloguri-lat .an-cat--17, #cereri .an-cat--17{ --cat-text:#754b02; --cat-fond:#feedd9; --cat-fond2:#fadebb; --cat-punct:#c58204; }
#anunturi .an-cat--18, #ghiduri .an-cat--18, #bloguri .an-cat--18, #bloguri-lat .an-cat--18, #cereri .an-cat--18{ --cat-text:#03606d; --cat-fond:#d9f7fc; --cat-fond2:#b9eef7; --cat-punct:#02a4b9; }
#anunturi .an-cat--19, #ghiduri .an-cat--19, #bloguri .an-cat--19, #bloguri-lat .an-cat--19, #cereri .an-cat--19{ --cat-text:#813661; --cat-fond:#fee9f3; --cat-fond2:#ffd5e9; --cat-punct:#cf6ba2; }
#anunturi .an-cat--20, #ghiduri .an-cat--20, #bloguri .an-cat--20, #bloguri-lat .an-cat--20, #cereri .an-cat--20{ --cat-text:#475f01; --cat-fond:#ebf4dd; --cat-fond2:#daeac2; --cat-punct:#7ea034; }
#anunturi .an-cat--21, #ghiduri .an-cat--21, #bloguri .an-cat--21, #bloguri-lat .an-cat--21, #cereri .an-cat--21{ --cat-text:#315294; --cat-fond:#e9f0fe; --cat-fond2:#d5e4fe; --cat-punct:#6390e7; }
#anunturi .an-cat--22, #ghiduri .an-cat--22, #bloguri .an-cat--22, #bloguri-lat .an-cat--22, #cereri .an-cat--22{ --cat-text:#883a1d; --cat-fond:#feece5; --cat-fond2:#ffdacd; --cat-punct:#d8714b; }
#anunturi .an-cat--23, #ghiduri .an-cat--23, #bloguri .an-cat--23, #bloguri-lat .an-cat--23, #cereri .an-cat--23{ --cat-text:#006455; --cat-fond:#dbf8f0; --cat-fond2:#bdf0e3; --cat-punct:#0daa92; }
#anunturi .an-cat--24, #ghiduri .an-cat--24, #bloguri .an-cat--24, #bloguri-lat .an-cat--24, #cereri .an-cat--24{ --cat-text:#6d3f80; --cat-fond:#f8eafe; --cat-fond2:#f1d9fd; --cat-punct:#b276cc; }
#anunturi .an-cat--25, #ghiduri .an-cat--25, #bloguri .an-cat--25, #bloguri-lat .an-cat--25, #cereri .an-cat--25{ --cat-text:#675303; --cat-fond:#f7f0d9; --cat-fond2:#efe3ba; --cat-punct:#af8f05; }
#anunturi .an-cat--26, #ghiduri .an-cat--26, #bloguri .an-cat--26, #bloguri-lat .an-cat--26, #cereri .an-cat--26{ --cat-text:#035e7d; --cat-fond:#dff4ff; --cat-fond2:#c1eaff; --cat-punct:#00a0d3; }
#anunturi .an-cat--27, #ghiduri .an-cat--27, #bloguri .an-cat--27, #bloguri-lat .an-cat--27, #cereri .an-cat--27{ --cat-text:#883549; --cat-fond:#feeaed; --cat-fond2:#ffd7dd; --cat-punct:#d86a82; }
#anunturi .an-cat--28, #ghiduri .an-cat--28, #bloguri .an-cat--28, #bloguri-lat .an-cat--28, #cereri .an-cat--28{ --cat-text:#226529; --cat-fond:#e3f6e3; --cat-fond2:#cdedcd; --cat-punct:#54a85a; }
#anunturi .an-cat--29, #ghiduri .an-cat--29, #bloguri .an-cat--29, #bloguri-lat .an-cat--29, #cereri .an-cat--29{ --cat-text:#4d4a92; --cat-fond:#edefff; --cat-fond2:#dee0fe; --cat-punct:#8785e5; }
#anunturi .an-sursa.an-cat, #ghiduri .an-sursa.an-cat, #bloguri .an-sursa.an-cat, #bloguri-lat .an-sursa.an-cat, #cereri .an-sursa.an-cat, #anunturi a.an-sursa.an-cat, #ghiduri a.an-sursa.an-cat, #bloguri a.an-sursa.an-cat, #bloguri-lat a.an-sursa.an-cat, #cereri a.an-sursa.an-cat, #anunturi a.an-sursa.an-cat:visited, #ghiduri a.an-sursa.an-cat:visited, #bloguri a.an-sursa.an-cat:visited, #bloguri-lat a.an-sursa.an-cat:visited, #cereri a.an-sursa.an-cat:visited{ color:var(--cat-text); background:var(--cat-fond); }
#anunturi a.an-sursa.an-cat:hover, #ghiduri a.an-sursa.an-cat:hover, #bloguri a.an-sursa.an-cat:hover, #bloguri-lat a.an-sursa.an-cat:hover, #cereri a.an-sursa.an-cat:hover, #anunturi a.an-sursa.an-cat:focus-visible, #ghiduri a.an-sursa.an-cat:focus-visible, #bloguri a.an-sursa.an-cat:focus-visible, #bloguri-lat a.an-sursa.an-cat:focus-visible, #cereri a.an-sursa.an-cat:focus-visible{ color:var(--cat-text); background:var(--cat-fond2); }
#anunturi a.an-sursa.an-cat:focus-visible, #ghiduri a.an-sursa.an-cat:focus-visible, #bloguri a.an-sursa.an-cat:focus-visible, #bloguri-lat a.an-sursa.an-cat:focus-visible, #cereri a.an-sursa.an-cat:focus-visible{ outline:2px solid var(--cat-text); outline-offset:1px; }
#anunturi .an-cat__punct, #ghiduri .an-cat__punct, #bloguri .an-cat__punct, #bloguri-lat .an-cat__punct, #cereri .an-cat__punct{ display:inline-block; width:8px; height:8px; margin-right:6px; vertical-align:1px; border-radius:50%; background:var(--cat-punct, transparent); }
#anunturi .an-cat__punct--toate, #ghiduri .an-cat__punct--toate, #bloguri .an-cat__punct--toate, #bloguri-lat .an-cat__punct--toate, #cereri .an-cat__punct--toate{ background:var(--an-text); }   /* "Toate categoriile": punct inchis, ca randul sa arate ca celelalte */
#anunturi .an-cat__punct--luna, #ghiduri .an-cat__punct--luna, #bloguri .an-cat__punct--luna, #bloguri-lat .an-cat__punct--luna, #cereri .an-cat__punct--luna{ background:var(--an-line-strong); }   /* lunile arhivei: punct gri deschis, ca rand de cuprins */
#anunturi .an-plus, #ghiduri .an-plus, #bloguri .an-plus, #bloguri-lat .an-plus, #cereri .an-plus{ display:block; margin-top:3px; font-size:var(--an-fs-xs); font-weight:400; line-height:1.4; color:var(--an-text-3); }
#anunturi .an-item__link, #ghiduri .an-item__link, #bloguri .an-item__link, #bloguri-lat .an-item__link, #cereri .an-item__link, #anunturi .an-item__link:visited, #ghiduri .an-item__link:visited, #bloguri .an-item__link:visited, #bloguri-lat .an-item__link:visited, #cereri .an-item__link:visited{ color:var(--an-brand); text-decoration:none; }
#anunturi .an-item__link:visited, #ghiduri .an-item__link:visited, #bloguri .an-item__link:visited, #bloguri-lat .an-item__link:visited, #cereri .an-item__link:visited{ color:#5b3f8f; }
#anunturi .an-item__link::after, #ghiduri .an-item__link::after, #bloguri .an-item__link::after, #bloguri-lat .an-item__link::after, #cereri .an-item__link::after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; }
/* la trecerea cursorului peste rand sau titlu: portocaliul implicit al temei (a:hover din framework.css), fara subliniere */
#anunturi .an-item:hover .an-item__link, #ghiduri .an-item:hover .an-item__link, #bloguri .an-item:hover .an-item__link, #bloguri-lat .an-item:hover .an-item__link, #cereri .an-item:hover .an-item__link, #anunturi .an-item__link:hover, #ghiduri .an-item__link:hover, #bloguri .an-item__link:hover, #bloguri-lat .an-item__link:hover, #cereri .an-item__link:hover, #anunturi .an-item__link:focus-visible, #ghiduri .an-item__link:focus-visible, #bloguri .an-item__link:focus-visible, #bloguri-lat .an-item__link:focus-visible, #cereri .an-item__link:focus-visible{ text-decoration:none; color:#FF5C00; }
#anunturi .an-item__link:focus-visible, #ghiduri .an-item__link:focus-visible, #bloguri .an-item__link:focus-visible, #bloguri-lat .an-item__link:focus-visible, #cereri .an-item__link:focus-visible{ outline:2px solid var(--an-action); outline-offset:2px; border-radius:2px; }
#anunturi .an-avatar, #ghiduri .an-avatar, #bloguri .an-avatar, #bloguri-lat .an-avatar, #cereri .an-avatar{ display:block; flex:0 0 auto; width:48px; height:48px; border-radius:50%; object-fit:cover; background:var(--an-surface-3); }
#anunturi a.an-avatar__link, #ghiduri a.an-avatar__link, #bloguri a.an-avatar__link, #bloguri-lat a.an-avatar__link, #cereri a.an-avatar__link{ position:relative; z-index:1; display:block; flex:0 0 auto; border-radius:50%; }
#anunturi a.an-avatar__link:focus-visible, #ghiduri a.an-avatar__link:focus-visible, #bloguri a.an-avatar__link:focus-visible, #bloguri-lat a.an-avatar__link:focus-visible, #cereri a.an-avatar__link:focus-visible{ outline:2px solid var(--an-action); outline-offset:2px; }
/* metadatele: un singur vocabular pe toate paginile: pictograma gri + text; pictogramele despart elementele */
#anunturi .an-meta, #ghiduri .an-meta, #bloguri .an-meta, #bloguri-lat .an-meta, #cereri .an-meta{ display:inline-flex; flex-wrap:wrap; align-items:center; gap:2px 12px; }
#anunturi .an-meta__i, #ghiduri .an-meta__i, #bloguri .an-meta__i, #bloguri-lat .an-meta__i, #cereri .an-meta__i{ display:inline-flex; align-items:center; gap:5px; min-width:0; }
#anunturi .an-meta__i svg, #ghiduri .an-meta__i svg, #bloguri .an-meta__i svg, #bloguri-lat .an-meta__i svg, #cereri .an-meta__i svg{ width:14px; height:14px; color:var(--an-meta); }
#anunturi .an-autor__nume, #ghiduri .an-autor__nume, #bloguri .an-autor__nume, #bloguri-lat .an-autor__nume, #cereri .an-autor__nume{ position:relative; z-index:1; font-weight:600; color:var(--an-text-2); text-decoration:none; }
#anunturi a.an-autor__nume:visited, #ghiduri a.an-autor__nume:visited, #bloguri a.an-autor__nume:visited, #bloguri-lat a.an-autor__nume:visited, #cereri a.an-autor__nume:visited{ color:var(--an-text-2); }
#anunturi a.an-autor__nume:hover, #ghiduri a.an-autor__nume:hover, #bloguri a.an-autor__nume:hover, #bloguri-lat a.an-autor__nume:hover, #cereri a.an-autor__nume:hover, #anunturi a.an-autor__nume:focus-visible, #ghiduri a.an-autor__nume:focus-visible, #bloguri a.an-autor__nume:focus-visible, #bloguri-lat a.an-autor__nume:focus-visible, #cereri a.an-autor__nume:focus-visible{ color:var(--an-brand); text-decoration:underline; }
#anunturi .an-scoala, #ghiduri .an-scoala, #bloguri .an-scoala, #bloguri-lat .an-scoala, #cereri .an-scoala{ color:var(--an-meta); }
/* capul paginii unui autor (blogul lui, anunturile lui): fotografia, numele, scoala, numarul de articole sau anunturi */
#anunturi .an-autor-cap, #ghiduri .an-autor-cap, #bloguri .an-autor-cap, #bloguri-lat .an-autor-cap, #cereri .an-autor-cap{ display:flex; align-items:center; gap:14px; margin:0 0 18px; }
#anunturi .an-autor-cap .an-avatar, #ghiduri .an-autor-cap .an-avatar, #bloguri .an-autor-cap .an-avatar, #bloguri-lat .an-autor-cap .an-avatar, #cereri .an-autor-cap .an-avatar{ width:56px; height:56px; }
#anunturi .an-autor-cap__text, #ghiduri .an-autor-cap__text, #bloguri .an-autor-cap__text, #bloguri-lat .an-autor-cap__text, #cereri .an-autor-cap__text{ min-width:0; }
#anunturi .an-autor-cap__nume, #ghiduri .an-autor-cap__nume, #bloguri .an-autor-cap__nume, #bloguri-lat .an-autor-cap__nume, #cereri .an-autor-cap__nume{ margin:0; padding:0; font-family:inherit; font-size:20px; font-weight:600; line-height:1.25; color:var(--an-text); border:0; background:none; }
#anunturi .an-autor-cap__nume a, #ghiduri .an-autor-cap__nume a, #bloguri .an-autor-cap__nume a, #bloguri-lat .an-autor-cap__nume a, #cereri .an-autor-cap__nume a, #anunturi .an-autor-cap__nume a:visited, #ghiduri .an-autor-cap__nume a:visited, #bloguri .an-autor-cap__nume a:visited, #bloguri-lat .an-autor-cap__nume a:visited, #cereri .an-autor-cap__nume a:visited{ color:var(--an-text); text-decoration:none; }
#anunturi .an-autor-cap__nume a:hover, #ghiduri .an-autor-cap__nume a:hover, #bloguri .an-autor-cap__nume a:hover, #bloguri-lat .an-autor-cap__nume a:hover, #cereri .an-autor-cap__nume a:hover, #anunturi .an-autor-cap__nume a:focus-visible, #ghiduri .an-autor-cap__nume a:focus-visible, #bloguri .an-autor-cap__nume a:focus-visible, #bloguri-lat .an-autor-cap__nume a:focus-visible, #cereri .an-autor-cap__nume a:focus-visible{ color:var(--an-brand); text-decoration:underline; }
#anunturi .an-autor-cap__meta, #ghiduri .an-autor-cap__meta, #bloguri .an-autor-cap__meta, #bloguri-lat .an-autor-cap__meta, #cereri .an-autor-cap__meta{ margin-top:4px; font-size:var(--an-fs); line-height:1.45; color:var(--an-meta); }
/* capul mare (blogul unui autor): fotografia de 96px, numele, scoala, apoi biografia din profil si, sub ea, insignele;
   randurile listei nu mai repeta fotografia, numele si scoala. Trei asezari, alese din administrarea blogului:
   „panou” (implicita: totul intr-un panou deschis la culoare), „deschis” (fara panou), „centrat” (pe mijloc) */
#anunturi .an-autor-cap--mare, #ghiduri .an-autor-cap--mare, #bloguri .an-autor-cap--mare, #bloguri-lat .an-autor-cap--mare, #cereri .an-autor-cap--mare{ align-items:flex-start; gap:20px; margin:0 0 22px; }
#anunturi .an-autor-cap--mare.an-autor-cap--scurt, #ghiduri .an-autor-cap--mare.an-autor-cap--scurt, #bloguri .an-autor-cap--mare.an-autor-cap--scurt, #bloguri-lat .an-autor-cap--mare.an-autor-cap--scurt, #cereri .an-autor-cap--mare.an-autor-cap--scurt{ align-items:center; }   /* fara biografie si insigne: fotografia langa nume */
#anunturi .an-autor-cap--mare .an-avatar, #ghiduri .an-autor-cap--mare .an-avatar, #bloguri .an-autor-cap--mare .an-avatar, #bloguri-lat .an-autor-cap--mare .an-avatar, #cereri .an-autor-cap--mare .an-avatar{ width:96px; height:96px; }
#anunturi .an-autor-cap--mare .an-autor-cap__text, #ghiduri .an-autor-cap--mare .an-autor-cap__text, #bloguri .an-autor-cap--mare .an-autor-cap__text, #bloguri-lat .an-autor-cap--mare .an-autor-cap__text, #cereri .an-autor-cap--mare .an-autor-cap__text{ flex:1 1 auto; padding-top:8px; }
#anunturi .an-autor-cap--mare.an-autor-cap--scurt .an-autor-cap__text, #ghiduri .an-autor-cap--mare.an-autor-cap--scurt .an-autor-cap__text, #bloguri .an-autor-cap--mare.an-autor-cap--scurt .an-autor-cap__text, #bloguri-lat .an-autor-cap--mare.an-autor-cap--scurt .an-autor-cap__text, #cereri .an-autor-cap--mare.an-autor-cap--scurt .an-autor-cap__text{ padding-top:0; }
#anunturi .an-autor-cap--mare .an-autor-cap__nume, #ghiduri .an-autor-cap--mare .an-autor-cap__nume, #bloguri .an-autor-cap--mare .an-autor-cap__nume, #bloguri-lat .an-autor-cap--mare .an-autor-cap__nume, #cereri .an-autor-cap--mare .an-autor-cap__nume{ font-size:22px; }
/* biografia: textul autorului, deci culoarea textului, nu gri de metadate; pe toata latimea capului (cerut de Doru:
   limita de ~68 de caractere lasa gol o treime din panou); doar varianta centrata isi pastreaza o latime de citit */
#anunturi .an-autor-cap__bio, #ghiduri .an-autor-cap__bio, #bloguri .an-autor-cap__bio, #bloguri-lat .an-autor-cap__bio, #cereri .an-autor-cap__bio{ margin:12px 0 0; padding:0; font-size:var(--an-fs-body); line-height:1.6; color:var(--an-text-2); overflow-wrap:break-word; word-wrap:break-word; }
#anunturi a.an-autor-cap__mai, #ghiduri a.an-autor-cap__mai, #bloguri a.an-autor-cap__mai, #bloguri-lat a.an-autor-cap__mai, #cereri a.an-autor-cap__mai, #anunturi a.an-autor-cap__mai:visited, #ghiduri a.an-autor-cap__mai:visited, #bloguri a.an-autor-cap__mai:visited, #bloguri-lat a.an-autor-cap__mai:visited, #cereri a.an-autor-cap__mai:visited{ font-size:var(--an-fs); color:var(--an-action); text-decoration:none; white-space:nowrap; }
#anunturi a.an-autor-cap__mai:hover, #ghiduri a.an-autor-cap__mai:hover, #bloguri a.an-autor-cap__mai:hover, #bloguri-lat a.an-autor-cap__mai:hover, #cereri a.an-autor-cap__mai:hover, #anunturi a.an-autor-cap__mai:focus-visible, #ghiduri a.an-autor-cap__mai:focus-visible, #bloguri a.an-autor-cap__mai:focus-visible, #bloguri-lat a.an-autor-cap__mai:focus-visible, #cereri a.an-autor-cap__mai:focus-visible{ color:var(--an-action-hover); text-decoration:underline; }
#anunturi .an-autor-cap--panou, #ghiduri .an-autor-cap--panou, #bloguri .an-autor-cap--panou, #bloguri-lat .an-autor-cap--panou, #cereri .an-autor-cap--panou{ padding:20px 22px; background:#f5f8fb; border:1px solid #e3e9f0; border-radius:10px; }
#anunturi .an-autor-cap--panou .an-avatar, #ghiduri .an-autor-cap--panou .an-avatar, #bloguri .an-autor-cap--panou .an-avatar, #bloguri-lat .an-autor-cap--panou .an-avatar, #cereri .an-autor-cap--panou .an-avatar{ box-shadow:0 0 0 3px #fff, 0 1px 3px rgba(17,24,39,.14); }
#anunturi .an-autor-cap--centrat, #ghiduri .an-autor-cap--centrat, #bloguri .an-autor-cap--centrat, #bloguri-lat .an-autor-cap--centrat, #cereri .an-autor-cap--centrat{ flex-direction:column; align-items:center; gap:12px; text-align:center; }
#anunturi .an-autor-cap--centrat .an-autor-cap__text, #ghiduri .an-autor-cap--centrat .an-autor-cap__text, #bloguri .an-autor-cap--centrat .an-autor-cap__text, #bloguri-lat .an-autor-cap--centrat .an-autor-cap__text, #cereri .an-autor-cap--centrat .an-autor-cap__text{ padding-top:0; }
#anunturi .an-autor-cap--centrat .an-autor-cap__bio, #ghiduri .an-autor-cap--centrat .an-autor-cap__bio, #bloguri .an-autor-cap--centrat .an-autor-cap__bio, #bloguri-lat .an-autor-cap--centrat .an-autor-cap__bio, #cereri .an-autor-cap--centrat .an-autor-cap__bio{ margin-left:auto; margin-right:auto; max-width:62ch; }
#anunturi .an-autor-cap--centrat .an-insigne, #ghiduri .an-autor-cap--centrat .an-insigne, #bloguri .an-autor-cap--centrat .an-insigne, #bloguri-lat .an-autor-cap--centrat .an-insigne, #cereri .an-autor-cap--centrat .an-insigne{ justify-content:center; }
/* insignele, ca in capul profilului (aceleasi masuri si culori): sigla de 30px intr-un chenar de 36px, numele ca
   eticheta la trecerea cursorului sau la tabulare; daca imaginea nu se incarca, raman initialele */
#anunturi .an-insigne, #ghiduri .an-insigne, #bloguri .an-insigne, #bloguri-lat .an-insigne, #cereri .an-insigne{ list-style:none; margin:14px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:7px; }
#anunturi .an-insigne > li.an-insigna, #ghiduri .an-insigne > li.an-insigna, #bloguri .an-insigne > li.an-insigna, #bloguri-lat .an-insigne > li.an-insigna, #cereri .an-insigne > li.an-insigna{ margin:0; list-style:none; }
#anunturi .an-insigna, #ghiduri .an-insigna, #bloguri .an-insigna, #bloguri-lat .an-insigna, #cereri .an-insigna{ position:relative; box-sizing:border-box; width:36px; height:36px; flex:0 0 auto; padding:2px; display:flex; align-items:center; justify-content:center; border:1px solid #e3e8ee; background:#fff; border-radius:7px; transition:border-color .12s ease, box-shadow .12s ease; }
#anunturi .an-insigna:hover, #ghiduri .an-insigna:hover, #bloguri .an-insigna:hover, #bloguri-lat .an-insigna:hover, #cereri .an-insigna:hover, #anunturi .an-insigna:focus-visible, #ghiduri .an-insigna:focus-visible, #bloguri .an-insigna:focus-visible, #bloguri-lat .an-insigna:focus-visible, #cereri .an-insigna:focus-visible{ border-color:#c8d3de; box-shadow:0 1px 4px rgba(24,45,64,.09); outline:0; }
#anunturi .an-insigna:focus-visible, #ghiduri .an-insigna:focus-visible, #bloguri .an-insigna:focus-visible, #bloguri-lat .an-insigna:focus-visible, #cereri .an-insigna:focus-visible{ outline:2px solid var(--an-brand); outline-offset:2px; }
#anunturi .an-insigna::after, #ghiduri .an-insigna::after, #bloguri .an-insigna::after, #bloguri-lat .an-insigna::after, #cereri .an-insigna::after{ content:attr(data-nume); position:absolute; left:50%; bottom:calc(100% + 7px); transform:translateX(-50%); z-index:6; background:#26313a; color:#fff; font-size:12px; line-height:1.35; padding:5px 9px; border-radius:4px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .12s ease; }
#anunturi .an-insigna:hover::after, #ghiduri .an-insigna:hover::after, #bloguri .an-insigna:hover::after, #bloguri-lat .an-insigna:hover::after, #cereri .an-insigna:hover::after, #anunturi .an-insigna:focus-visible::after, #ghiduri .an-insigna:focus-visible::after, #bloguri .an-insigna:focus-visible::after, #bloguri-lat .an-insigna:focus-visible::after, #cereri .an-insigna:focus-visible::after{ opacity:1; }
#anunturi .an-insigna img, #ghiduri .an-insigna img, #bloguri .an-insigna img, #bloguri-lat .an-insigna img, #cereri .an-insigna img{ display:block; width:30px; height:30px; flex:0 0 auto; border-radius:4px; background:#fff; }
#anunturi .an-insigna__jeton, #ghiduri .an-insigna__jeton, #bloguri .an-insigna__jeton, #bloguri-lat .an-insigna__jeton, #cereri .an-insigna__jeton{ display:none; width:30px; height:30px; border-radius:4px; align-items:center; justify-content:center; background:#edf3f9; color:#004d91; font-size:11px; font-weight:700; letter-spacing:.03em; }
#anunturi .an-insigna--fara img, #ghiduri .an-insigna--fara img, #bloguri .an-insigna--fara img, #bloguri-lat .an-insigna--fara img, #cereri .an-insigna--fara img{ display:none; }
#anunturi .an-insigna--fara .an-insigna__jeton, #ghiduri .an-insigna--fara .an-insigna__jeton, #bloguri .an-insigna--fara .an-insigna__jeton, #bloguri-lat .an-insigna--fara .an-insigna__jeton, #cereri .an-insigna--fara .an-insigna__jeton{ display:flex; }
/* institutia cu judetul in paranteza: liniile cu institutia nu se rup pe doua randuri; cand nu incape, numele
   institutiei se taie cu "..." (textul intreg e in title), iar judetul si celelalte piese raman intregi */
#anunturi .an-item__autor, #ghiduri .an-item__autor, #bloguri .an-item__autor, #bloguri-lat .an-item__autor, #cereri .an-item__autor, #anunturi .an-anunt__cine-linie, #ghiduri .an-anunt__cine-linie, #bloguri .an-anunt__cine-linie, #bloguri-lat .an-anunt__cine-linie, #cereri .an-anunt__cine-linie, #anunturi .an-autor-cap__meta, #ghiduri .an-autor-cap__meta, #bloguri .an-autor-cap__meta, #bloguri-lat .an-autor-cap__meta, #cereri .an-autor-cap__meta{ flex-wrap:nowrap; max-width:100%; }
#anunturi .an-item__autor > .an-meta__i, #ghiduri .an-item__autor > .an-meta__i, #bloguri .an-item__autor > .an-meta__i, #bloguri-lat .an-item__autor > .an-meta__i, #cereri .an-item__autor > .an-meta__i, #anunturi .an-anunt__cine-linie > .an-meta__i, #ghiduri .an-anunt__cine-linie > .an-meta__i, #bloguri .an-anunt__cine-linie > .an-meta__i, #bloguri-lat .an-anunt__cine-linie > .an-meta__i, #cereri .an-anunt__cine-linie > .an-meta__i, #anunturi .an-autor-cap__meta > .an-meta__i, #ghiduri .an-autor-cap__meta > .an-meta__i, #bloguri .an-autor-cap__meta > .an-meta__i, #bloguri-lat .an-autor-cap__meta > .an-meta__i, #cereri .an-autor-cap__meta > .an-meta__i{ flex:0 0 auto; }
#anunturi .an-meta > .an-scoala--inst, #ghiduri .an-meta > .an-scoala--inst, #bloguri .an-meta > .an-scoala--inst, #bloguri-lat .an-meta > .an-scoala--inst, #cereri .an-meta > .an-scoala--inst{ flex:0 1 auto; min-width:0; }
#anunturi .an-scoala__nume, #ghiduri .an-scoala__nume, #bloguri .an-scoala__nume, #bloguri-lat .an-scoala__nume, #cereri .an-scoala__nume{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#anunturi .an-scoala__judet, #ghiduri .an-scoala__judet, #bloguri .an-scoala__judet, #bloguri-lat .an-scoala__judet, #cereri .an-scoala__judet{ flex:0 0 auto; white-space:nowrap; }
/* extrasul e continut: culoarea textului, ca sa se desparta de metadatele gri de deasupra si de dedesubt */
#anunturi .an-item__extras, #ghiduri .an-item__extras, #bloguri .an-item__extras, #bloguri-lat .an-item__extras, #cereri .an-item__extras{
  margin:0; font-size:13px; line-height:1.6; color:var(--an-text);
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
/* ultima linie a randului: ceva in stanga (atasamentul, etichetele), contoarele in dreapta */
#anunturi .an-item__jos, #ghiduri .an-item__jos, #bloguri .an-item__jos, #bloguri-lat .an-item__jos, #cereri .an-item__jos{ display:flex; flex-wrap:nowrap; align-items:baseline; justify-content:space-between; gap:4px 16px; margin-top:8px; font-size:var(--an-fs); line-height:1.5; color:var(--an-meta); }
#anunturi .an-jos__stat, #ghiduri .an-jos__stat, #bloguri .an-jos__stat, #bloguri-lat .an-jos__stat, #cereri .an-jos__stat{ flex:0 0 auto; margin-left:auto; white-space:nowrap; }   /* tema are latime fixa (888px), deci linia nu ajunge niciodata prea ingusta */
/* pe ultima linie a randului si in casetele de pe pagina, metadatele sunt text inline cu pictograma coborata 2px:
   linia de baza e a textului, nu marginea de jos a pictogramei (altfel grupul urca ~3px fata de legaturi) */
#anunturi .an-item__jos .an-jos__stat, #ghiduri .an-item__jos .an-jos__stat, #bloguri .an-item__jos .an-jos__stat, #bloguri-lat .an-item__jos .an-jos__stat, #cereri .an-item__jos .an-jos__stat, #anunturi .an-item__jos .an-jos__valabil, #ghiduri .an-item__jos .an-jos__valabil, #bloguri .an-item__jos .an-jos__valabil, #bloguri-lat .an-item__jos .an-jos__valabil, #cereri .an-item__jos .an-jos__valabil, #anunturi .an-item__jos .an-jos__etichete, #ghiduri .an-item__jos .an-jos__etichete, #bloguri .an-item__jos .an-jos__etichete, #bloguri-lat .an-item__jos .an-jos__etichete, #cereri .an-item__jos .an-jos__etichete, #anunturi .an-anunt__atasament .an-jos__stat, #ghiduri .an-anunt__atasament .an-jos__stat, #bloguri .an-anunt__atasament .an-jos__stat, #bloguri-lat .an-anunt__atasament .an-jos__stat, #cereri .an-anunt__atasament .an-jos__stat{ display:inline; }
#anunturi .an-item__jos .an-jos__stat .an-meta__i, #ghiduri .an-item__jos .an-jos__stat .an-meta__i, #bloguri .an-item__jos .an-jos__stat .an-meta__i, #bloguri-lat .an-item__jos .an-jos__stat .an-meta__i, #cereri .an-item__jos .an-jos__stat .an-meta__i, #anunturi .an-item__jos .an-jos__valabil .an-meta__i, #ghiduri .an-item__jos .an-jos__valabil .an-meta__i, #bloguri .an-item__jos .an-jos__valabil .an-meta__i, #bloguri-lat .an-item__jos .an-jos__valabil .an-meta__i, #cereri .an-item__jos .an-jos__valabil .an-meta__i, #anunturi .an-item__jos .an-jos__etichete .an-meta__i, #ghiduri .an-item__jos .an-jos__etichete .an-meta__i, #bloguri .an-item__jos .an-jos__etichete .an-meta__i, #bloguri-lat .an-item__jos .an-jos__etichete .an-meta__i, #cereri .an-item__jos .an-jos__etichete .an-meta__i, #anunturi .an-anunt__atasament .an-jos__stat .an-meta__i, #ghiduri .an-anunt__atasament .an-jos__stat .an-meta__i, #bloguri .an-anunt__atasament .an-jos__stat .an-meta__i, #bloguri-lat .an-anunt__atasament .an-jos__stat .an-meta__i, #cereri .an-anunt__atasament .an-jos__stat .an-meta__i{ display:inline; white-space:nowrap; }
#anunturi .an-item__jos .an-jos__stat .an-meta__i + .an-meta__i, #ghiduri .an-item__jos .an-jos__stat .an-meta__i + .an-meta__i, #bloguri .an-item__jos .an-jos__stat .an-meta__i + .an-meta__i, #bloguri-lat .an-item__jos .an-jos__stat .an-meta__i + .an-meta__i, #cereri .an-item__jos .an-jos__stat .an-meta__i + .an-meta__i, #anunturi .an-item__jos .an-jos__valabil .an-meta__i + .an-meta__i, #ghiduri .an-item__jos .an-jos__valabil .an-meta__i + .an-meta__i, #bloguri .an-item__jos .an-jos__valabil .an-meta__i + .an-meta__i, #bloguri-lat .an-item__jos .an-jos__valabil .an-meta__i + .an-meta__i, #cereri .an-item__jos .an-jos__valabil .an-meta__i + .an-meta__i, #anunturi .an-anunt__atasament .an-jos__stat .an-meta__i + .an-meta__i, #ghiduri .an-anunt__atasament .an-jos__stat .an-meta__i + .an-meta__i, #bloguri .an-anunt__atasament .an-jos__stat .an-meta__i + .an-meta__i, #bloguri-lat .an-anunt__atasament .an-jos__stat .an-meta__i + .an-meta__i, #cereri .an-anunt__atasament .an-jos__stat .an-meta__i + .an-meta__i{ margin-left:12px; }
#anunturi .an-item__jos .an-jos__stat .an-meta__i svg, #ghiduri .an-item__jos .an-jos__stat .an-meta__i svg, #bloguri .an-item__jos .an-jos__stat .an-meta__i svg, #bloguri-lat .an-item__jos .an-jos__stat .an-meta__i svg, #cereri .an-item__jos .an-jos__stat .an-meta__i svg, #anunturi .an-item__jos .an-jos__valabil .an-meta__i svg, #ghiduri .an-item__jos .an-jos__valabil .an-meta__i svg, #bloguri .an-item__jos .an-jos__valabil .an-meta__i svg, #bloguri-lat .an-item__jos .an-jos__valabil .an-meta__i svg, #cereri .an-item__jos .an-jos__valabil .an-meta__i svg, #anunturi .an-item__jos .an-jos__etichete .an-meta__i svg, #ghiduri .an-item__jos .an-jos__etichete .an-meta__i svg, #bloguri .an-item__jos .an-jos__etichete .an-meta__i svg, #bloguri-lat .an-item__jos .an-jos__etichete .an-meta__i svg, #cereri .an-item__jos .an-jos__etichete .an-meta__i svg, #anunturi .an-anunt__atasament .an-jos__stat .an-meta__i svg, #ghiduri .an-anunt__atasament .an-jos__stat .an-meta__i svg, #bloguri .an-anunt__atasament .an-jos__stat .an-meta__i svg, #bloguri-lat .an-anunt__atasament .an-jos__stat .an-meta__i svg, #cereri .an-anunt__atasament .an-jos__stat .an-meta__i svg{ margin-right:5px; vertical-align:-2px; }
#anunturi .an-jos__stat:only-child, #ghiduri .an-jos__stat:only-child, #bloguri .an-jos__stat:only-child, #bloguri-lat .an-jos__stat:only-child, #cereri .an-jos__stat:only-child{ margin-left:0; }   /* fara nimic in stanga, contoarele stau in stanga */
/* etichetele unui articol, pe ultima linie: text discret, cu o singura pictograma; se taie cu „…” daca sunt multe */
#anunturi .an-jos__etichete, #ghiduri .an-jos__etichete, #bloguri .an-jos__etichete, #bloguri-lat .an-jos__etichete, #cereri .an-jos__etichete{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#anunturi .an-jos__etichete a, #ghiduri .an-jos__etichete a, #bloguri .an-jos__etichete a, #bloguri-lat .an-jos__etichete a, #cereri .an-jos__etichete a, #anunturi .an-jos__etichete a:visited, #ghiduri .an-jos__etichete a:visited, #bloguri .an-jos__etichete a:visited, #bloguri-lat .an-jos__etichete a:visited, #cereri .an-jos__etichete a:visited{ position:relative; z-index:1; color:var(--an-meta); text-decoration:none; }
#anunturi .an-jos__etichete a:hover, #ghiduri .an-jos__etichete a:hover, #bloguri .an-jos__etichete a:hover, #bloguri-lat .an-jos__etichete a:hover, #cereri .an-jos__etichete a:hover, #anunturi .an-jos__etichete a:focus-visible, #ghiduri .an-jos__etichete a:focus-visible, #bloguri .an-jos__etichete a:focus-visible, #bloguri-lat .an-jos__etichete a:focus-visible, #cereri .an-jos__etichete a:focus-visible{ color:var(--an-brand); text-decoration:underline; }

/* asezarea pieselor in rand */
#anunturi .an-item__autor, #ghiduri .an-item__autor, #bloguri .an-item__autor, #bloguri-lat .an-item__autor, #cereri .an-item__autor{ margin:8px 0 14px; font-size:var(--an-fs); line-height:1.45; color:var(--an-meta); }
/* fotografia autorului sta la stanga extrasului, ca in lista veche; extrasul si linia de jos curg alaturi de ea */
#anunturi .an-item__corp, #ghiduri .an-item__corp, #bloguri .an-item__corp, #bloguri-lat .an-item__corp, #cereri .an-item__corp{ display:grid; grid-template-columns:80px minmax(0,1fr); gap:0 16px; align-items:start; margin:0; }
#anunturi .an-flux .an-avatar, #ghiduri .an-flux .an-avatar, #bloguri .an-flux .an-avatar, #bloguri-lat .an-flux .an-avatar, #cereri .an-flux .an-avatar{ width:80px; height:80px; }
#anunturi .an-item__corp > .an-avatar, #ghiduri .an-item__corp > .an-avatar, #bloguri .an-item__corp > .an-avatar, #bloguri-lat .an-item__corp > .an-avatar, #cereri .an-item__corp > .an-avatar, #anunturi .an-item__corp > .an-avatar__link, #ghiduri .an-item__corp > .an-avatar__link, #bloguri .an-item__corp > .an-avatar__link, #bloguri-lat .an-item__corp > .an-avatar__link, #cereri .an-item__corp > .an-avatar__link{ margin-top:1px; }
#anunturi .an-item__text, #ghiduri .an-item__text, #bloguri .an-item__text, #bloguri-lat .an-item__text, #cereri .an-item__text{ min-width:0; }
#anunturi .an-flux .an-item__extras, #ghiduri .an-flux .an-item__extras, #bloguri .an-flux .an-item__extras, #bloguri-lat .an-flux .an-item__extras, #cereri .an-flux .an-item__extras{ margin:0; }
/* pe pagina autorului randurile nu repeta fotografia (e in capul paginii): extrasul ocupa toata latimea */
#anunturi .an-item__corp--fara-foto, #ghiduri .an-item__corp--fara-foto, #bloguri .an-item__corp--fara-foto, #bloguri-lat .an-item__corp--fara-foto, #cereri .an-item__corp--fara-foto{ display:block; }

#anunturi .an-gol, #ghiduri .an-gol, #bloguri .an-gol, #bloguri-lat .an-gol, #cereri .an-gol{ padding:22px 0 8px; font-size:var(--an-fs-body); line-height:1.55; color:var(--an-text-2); }
#anunturi .an-gol strong, #ghiduri .an-gol strong, #bloguri .an-gol strong, #bloguri-lat .an-gol strong, #cereri .an-gol strong{ color:var(--an-text); }
#anunturi .an-gol__actiuni, #ghiduri .an-gol__actiuni, #bloguri .an-gol__actiuni, #bloguri-lat .an-gol__actiuni, #cereri .an-gol__actiuni{ margin-top:12px; }
#anunturi .an-gol__alte, #ghiduri .an-gol__alte, #bloguri .an-gol__alte, #bloguri-lat .an-gol__alte, #cereri .an-gol__alte{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-top:16px; padding-top:14px; border-top:1px solid var(--an-line); }
/* pagina goala de tot (de pilda nicio cerere): centrata, intr-un chenar, cu o pictograma deasupra; titlul pe randul lui,
   textul la o latime de citit, butoanele pe mijloc */
#anunturi .an-gol--panou, #ghiduri .an-gol--panou, #bloguri .an-gol--panou, #bloguri-lat .an-gol--panou, #cereri .an-gol--panou{ margin:4px 0 24px; padding:36px 24px 30px; text-align:center; border:1px solid var(--an-line); border-radius:10px; background:var(--an-surface-2); }
#anunturi .an-gol__semn, #ghiduri .an-gol__semn, #bloguri .an-gol__semn, #bloguri-lat .an-gol__semn, #cereri .an-gol__semn{ display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:var(--an-action-soft); color:var(--an-brand); }
#anunturi .an-gol__semn svg, #ghiduri .an-gol__semn svg, #bloguri .an-gol__semn svg, #bloguri-lat .an-gol__semn svg, #cereri .an-gol__semn svg{ width:22px; height:22px; }
#anunturi .an-gol--panou .an-gol__text, #ghiduri .an-gol--panou .an-gol__text, #bloguri .an-gol--panou .an-gol__text, #bloguri-lat .an-gol--panou .an-gol__text, #cereri .an-gol--panou .an-gol__text{ max-width:46ch; margin:0 auto; }
#anunturi .an-gol--panou .an-gol__titlu, #ghiduri .an-gol--panou .an-gol__titlu, #bloguri .an-gol--panou .an-gol__titlu, #bloguri-lat .an-gol--panou .an-gol__titlu, #cereri .an-gol--panou .an-gol__titlu{ display:block; margin:12px 0 4px; font-size:16px; font-weight:600; line-height:1.25; color:var(--an-text); }
#anunturi .an-gol--panou .an-gol__actiuni, #ghiduri .an-gol--panou .an-gol__actiuni, #bloguri .an-gol--panou .an-gol__actiuni, #bloguri-lat .an-gol--panou .an-gol__actiuni, #cereri .an-gol--panou .an-gol__actiuni{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:16px 0 0; }
/* paginarea temei (linkbutton / linkbutton-selected), in stilul paginilor noi, oriunde apare in zona (lista,
   comentarii) sau imediat dupa ea; tema forteaza cu !important culoarea si marginile, de aceea si aici */
#anunturi .pagination, #ghiduri .pagination, #bloguri .pagination, #bloguri-lat .pagination, #cereri .pagination, #anunturi ~ .pagination, #ghiduri ~ .pagination, #bloguri ~ .pagination, #bloguri-lat ~ .pagination, #cereri ~ .pagination{ display:flex !important; flex-wrap:wrap; align-items:center; gap:6px; margin:0 !important; padding:18px 0 0 !important; border:0 !important; background:none !important; box-shadow:none !important; border-radius:0 !important; text-align:left; }
#anunturi .pagination .linkbutton, #ghiduri .pagination .linkbutton, #bloguri .pagination .linkbutton, #bloguri-lat .pagination .linkbutton, #cereri .pagination .linkbutton, #anunturi .pagination .linkbutton-selected, #ghiduri .pagination .linkbutton-selected, #bloguri .pagination .linkbutton-selected, #bloguri-lat .pagination .linkbutton-selected, #cereri .pagination .linkbutton-selected, #anunturi .pagination .pagination_more, #ghiduri .pagination .pagination_more, #bloguri .pagination .pagination_more, #bloguri-lat .pagination .pagination_more, #cereri .pagination .pagination_more, #anunturi ~ .pagination .linkbutton, #ghiduri ~ .pagination .linkbutton, #bloguri ~ .pagination .linkbutton, #bloguri-lat ~ .pagination .linkbutton, #cereri ~ .pagination .linkbutton, #anunturi ~ .pagination .linkbutton-selected, #ghiduri ~ .pagination .linkbutton-selected, #bloguri ~ .pagination .linkbutton-selected, #bloguri-lat ~ .pagination .linkbutton-selected, #cereri ~ .pagination .linkbutton-selected, #anunturi ~ .pagination .pagination_more, #ghiduri ~ .pagination .pagination_more, #bloguri ~ .pagination .pagination_more, #bloguri-lat ~ .pagination .pagination_more, #cereri ~ .pagination .pagination_more{
  float:none !important; height:auto !important; margin:0 !important; padding:6px 12px !important; font-size:var(--an-fs, 13px) !important; font-weight:500 !important; line-height:1.3 !important;
  text-decoration:none !important; text-shadow:none !important; color:var(--an-brand, #0860a8) !important; background:var(--an-surface, #fff) !important;
  border:1px solid var(--an-line-2, #d1d5db) !important; border-radius:var(--an-r, 6px) !important; box-shadow:none !important;
}
#anunturi .pagination a.linkbutton:hover, #ghiduri .pagination a.linkbutton:hover, #bloguri .pagination a.linkbutton:hover, #bloguri-lat .pagination a.linkbutton:hover, #cereri .pagination a.linkbutton:hover, #anunturi .pagination a.linkbutton:focus-visible, #ghiduri .pagination a.linkbutton:focus-visible, #bloguri .pagination a.linkbutton:focus-visible, #bloguri-lat .pagination a.linkbutton:focus-visible, #cereri .pagination a.linkbutton:focus-visible, #anunturi ~ .pagination a.linkbutton:hover, #ghiduri ~ .pagination a.linkbutton:hover, #bloguri ~ .pagination a.linkbutton:hover, #bloguri-lat ~ .pagination a.linkbutton:hover, #cereri ~ .pagination a.linkbutton:hover{ color:var(--an-brand, #0860a8) !important; background:var(--an-action-soft, #eef3fd) !important; border-color:var(--an-brand, #0860a8) !important; }
#anunturi .pagination .linkbutton-selected, #ghiduri .pagination .linkbutton-selected, #bloguri .pagination .linkbutton-selected, #bloguri-lat .pagination .linkbutton-selected, #cereri .pagination .linkbutton-selected, #anunturi ~ .pagination .linkbutton-selected, #ghiduri ~ .pagination .linkbutton-selected, #bloguri ~ .pagination .linkbutton-selected, #bloguri-lat ~ .pagination .linkbutton-selected, #cereri ~ .pagination .linkbutton-selected{ color:var(--an-text, #333) !important; font-weight:700 !important; background:var(--an-surface-3, #f1f1f1) !important; border-color:var(--an-line-2, #d1d5db) !important; }
#anunturi .pagination .pagination_more, #ghiduri .pagination .pagination_more, #bloguri .pagination .pagination_more, #bloguri-lat .pagination .pagination_more, #cereri .pagination .pagination_more, #anunturi ~ .pagination .pagination_more, #ghiduri ~ .pagination .pagination_more, #bloguri ~ .pagination .pagination_more, #bloguri-lat ~ .pagination .pagination_more, #cereri ~ .pagination .pagination_more{ color:var(--an-text-3, #5b6472) !important; border-color:transparent !important; background:none !important; }
#anunturi .pagination .clearfloat, #ghiduri .pagination .clearfloat, #bloguri .pagination .clearfloat, #bloguri-lat .pagination .clearfloat, #cereri .pagination .clearfloat{ display:none; }

/* --- liste scurte (coloane, „alte articole”) si legaturi discrete --- */
#anunturi .an-mini li, #ghiduri .an-mini li, #bloguri .an-mini li, #bloguri-lat .an-mini li, #cereri .an-mini li{ padding:8px 0; border-top:1px solid var(--an-line); }
#anunturi .an-mini li:first-child, #ghiduri .an-mini li:first-child, #bloguri .an-mini li:first-child, #bloguri-lat .an-mini li:first-child, #cereri .an-mini li:first-child{ padding-top:0; border-top:0; }
#anunturi .an-mini a, #ghiduri .an-mini a, #bloguri .an-mini a, #bloguri-lat .an-mini a, #cereri .an-mini a{ display:block; font-size:var(--an-fs); font-weight:600; line-height:1.4; color:var(--an-brand); }
#anunturi .an-mini__meta, #ghiduri .an-mini__meta, #bloguri .an-mini__meta, #bloguri-lat .an-mini__meta, #cereri .an-mini__meta{ display:flex; margin-top:3px; font-size:var(--an-fs-xs); line-height:1.4; color:var(--an-text-3); }
#anunturi .an-link, #ghiduri .an-link, #bloguri .an-link, #bloguri-lat .an-link, #cereri .an-link{ display:inline-block; margin-top:8px; font-size:var(--an-fs); font-weight:600; }
#anunturi .an-link-plus, #ghiduri .an-link-plus, #bloguri .an-link-plus, #bloguri-lat .an-link-plus, #cereri .an-link-plus{ display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:var(--an-fs); font-weight:600; }
#anunturi .an-link-plus svg, #ghiduri .an-link-plus svg, #bloguri .an-link-plus svg, #bloguri-lat .an-link-plus svg, #cereri .an-link-plus svg{ width:15px; height:15px; }

/* --- persoane si grupuri: sectiunile cu numar, fisele, lista in chenar (pagina cererilor) ------------------------ */
/* sectiunile unei pagini, sub taburi: titlul cu numarul, o fraza care spune ce contin, apoi fisele sau lista */
#anunturi .an-sectiuni, #ghiduri .an-sectiuni, #bloguri .an-sectiuni, #bloguri-lat .an-sectiuni, #cereri .an-sectiuni{ margin-top:20px; }
#anunturi .an-sectiune, #ghiduri .an-sectiune, #bloguri .an-sectiune, #bloguri-lat .an-sectiune, #cereri .an-sectiune{ margin:0 0 28px; }
#anunturi .an-sectiune__titlu, #ghiduri .an-sectiune__titlu, #bloguri .an-sectiune__titlu, #bloguri-lat .an-sectiune__titlu, #cereri .an-sectiune__titlu{ display:flex; align-items:baseline; gap:8px; margin:0 0 10px; padding:0; font-family:inherit; font-size:16px; font-weight:600; line-height:1.3; color:var(--an-text); border:0; background:none; text-transform:none; letter-spacing:0; }
#anunturi .an-sectiune__nr, #ghiduri .an-sectiune__nr, #bloguri .an-sectiune__nr, #bloguri-lat .an-sectiune__nr, #cereri .an-sectiune__nr{ font-size:var(--an-fs-xs); font-weight:400; color:var(--an-text-3); font-variant-numeric:tabular-nums; }
/* o scurta explicatie: sub titlul unei sectiuni sau, cu --sub-taburi, chiar sub taburi */
#anunturi .an-explica, #ghiduri .an-explica, #bloguri .an-explica, #bloguri-lat .an-explica, #cereri .an-explica{ margin:0 0 10px; font-size:var(--an-fs); line-height:1.5; color:var(--an-text-3); }
#anunturi .an-explica--sub-taburi, #ghiduri .an-explica--sub-taburi, #bloguri .an-explica--sub-taburi, #bloguri-lat .an-explica--sub-taburi, #cereri .an-explica--sub-taburi{ margin:14px 0 12px; }
/* numele si fotografia unei persoane sau ale unui grup, in fise si in lista in chenar; fotografia e o legatura in plus
   spre aceeasi pagina, deci nu primeste focus (tabindex=-1) */
#anunturi a.an-fisa__nume, #ghiduri a.an-fisa__nume, #bloguri a.an-fisa__nume, #bloguri-lat a.an-fisa__nume, #cereri a.an-fisa__nume, #anunturi a.an-fisa__nume:visited, #ghiduri a.an-fisa__nume:visited, #bloguri a.an-fisa__nume:visited, #bloguri-lat a.an-fisa__nume:visited, #cereri a.an-fisa__nume:visited, #anunturi a.an-lista__nume, #ghiduri a.an-lista__nume, #bloguri a.an-lista__nume, #bloguri-lat a.an-lista__nume, #cereri a.an-lista__nume, #anunturi a.an-lista__nume:visited, #ghiduri a.an-lista__nume:visited, #bloguri a.an-lista__nume:visited, #bloguri-lat a.an-lista__nume:visited, #cereri a.an-lista__nume:visited{ font-size:var(--an-fs-body); font-weight:600; line-height:1.35; color:var(--an-text); text-decoration:none; }
#anunturi a.an-fisa__nume:hover, #ghiduri a.an-fisa__nume:hover, #bloguri a.an-fisa__nume:hover, #bloguri-lat a.an-fisa__nume:hover, #cereri a.an-fisa__nume:hover, #anunturi a.an-fisa__nume:focus-visible, #ghiduri a.an-fisa__nume:focus-visible, #bloguri a.an-fisa__nume:focus-visible, #bloguri-lat a.an-fisa__nume:focus-visible, #cereri a.an-fisa__nume:focus-visible, #anunturi a.an-lista__nume:hover, #ghiduri a.an-lista__nume:hover, #bloguri a.an-lista__nume:hover, #bloguri-lat a.an-lista__nume:hover, #cereri a.an-lista__nume:hover, #anunturi a.an-lista__nume:focus-visible, #ghiduri a.an-lista__nume:focus-visible, #bloguri a.an-lista__nume:focus-visible, #bloguri-lat a.an-lista__nume:focus-visible, #cereri a.an-lista__nume:focus-visible{ color:var(--an-brand); text-decoration:underline; }
#anunturi a.an-fisa__foto, #ghiduri a.an-fisa__foto, #bloguri a.an-fisa__foto, #bloguri-lat a.an-fisa__foto, #cereri a.an-fisa__foto, #anunturi a.an-lista__foto, #ghiduri a.an-lista__foto, #bloguri a.an-lista__foto, #bloguri-lat a.an-lista__foto, #cereri a.an-lista__foto{ display:block; flex:0 0 auto; border-radius:50%; }
#anunturi .an-avatar--patrat, #ghiduri .an-avatar--patrat, #bloguri .an-avatar--patrat, #bloguri-lat .an-avatar--patrat, #cereri .an-avatar--patrat{ border-radius:10px; }   /* imaginea unui grup */
/* fisele de persoane: fotografia mare, numele, institutia, un rand de metadate, butoanele jos, la aceeasi inaltime */
#anunturi .an-fise, #ghiduri .an-fise, #bloguri .an-fise, #bloguri-lat .an-fise, #cereri .an-fise{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:12px; margin:0; padding:0; list-style:none; }
#anunturi .an-fisa, #ghiduri .an-fisa, #bloguri .an-fisa, #bloguri-lat .an-fisa, #cereri .an-fisa{ display:flex; flex-direction:column; align-items:center; margin:0; padding:20px 14px 16px; text-align:center; list-style:none; border:1px solid var(--an-line); border-radius:10px; background:var(--an-surface); }
#anunturi .an-fisa .an-avatar, #ghiduri .an-fisa .an-avatar, #bloguri .an-fisa .an-avatar, #bloguri-lat .an-fisa .an-avatar, #cereri .an-fisa .an-avatar{ width:72px; height:72px; }
#anunturi .an-fisa__nume, #ghiduri .an-fisa__nume, #bloguri .an-fisa__nume, #bloguri-lat .an-fisa__nume, #cereri .an-fisa__nume{ margin-top:10px; }
#anunturi .an-fisa__scoala, #ghiduri .an-fisa__scoala, #bloguri .an-fisa__scoala, #bloguri-lat .an-fisa__scoala, #cereri .an-fisa__scoala{ margin-top:4px; font-size:var(--an-fs); line-height:1.45; color:var(--an-meta); }
#anunturi .an-fisa__scoala .an-meta__i, #ghiduri .an-fisa__scoala .an-meta__i, #bloguri .an-fisa__scoala .an-meta__i, #bloguri-lat .an-fisa__scoala .an-meta__i, #cereri .an-fisa__scoala .an-meta__i{ display:inline; }
#anunturi .an-fisa__scoala svg, #ghiduri .an-fisa__scoala svg, #bloguri .an-fisa__scoala svg, #bloguri-lat .an-fisa__scoala svg, #cereri .an-fisa__scoala svg{ display:none; }
#anunturi .an-fisa__scoala .an-scoala__nume, #ghiduri .an-fisa__scoala .an-scoala__nume, #bloguri .an-fisa__scoala .an-scoala__nume, #bloguri-lat .an-fisa__scoala .an-scoala__nume, #cereri .an-fisa__scoala .an-scoala__nume{ white-space:normal; }
#anunturi .an-fisa__meta, #ghiduri .an-fisa__meta, #bloguri .an-fisa__meta, #bloguri-lat .an-fisa__meta, #cereri .an-fisa__meta{ display:inline-flex; align-items:center; gap:5px; margin-top:6px; font-size:var(--an-fs); color:var(--an-text-2); }
#anunturi .an-fisa__meta svg, #ghiduri .an-fisa__meta svg, #bloguri .an-fisa__meta svg, #bloguri-lat .an-fisa__meta svg, #cereri .an-fisa__meta svg{ width:14px; height:14px; color:var(--an-meta); }
#anunturi .an-fisa__actiuni, #ghiduri .an-fisa__actiuni, #bloguri .an-fisa__actiuni, #bloguri-lat .an-fisa__actiuni, #cereri .an-fisa__actiuni{ display:flex; flex:0 0 auto; gap:8px; width:100%; margin-top:auto; padding-top:14px; }
#anunturi .an-fisa__actiuni .an-buton, #ghiduri .an-fisa__actiuni .an-buton, #bloguri .an-fisa__actiuni .an-buton, #bloguri-lat .an-fisa__actiuni .an-buton, #cereri .an-fisa__actiuni .an-buton{ flex:1 1 0; padding:0 8px; }
/* lista in chenar: randuri cu fotografia, numele, o fraza, metadatele si, in dreapta, butoanele */
#anunturi .an-lista, #ghiduri .an-lista, #bloguri .an-lista, #bloguri-lat .an-lista, #cereri .an-lista{ margin:0; padding:0; list-style:none; border:1px solid var(--an-line); border-radius:8px; background:var(--an-surface); }
#anunturi .an-lista__rand, #ghiduri .an-lista__rand, #bloguri .an-lista__rand, #bloguri-lat .an-lista__rand, #cereri .an-lista__rand{ display:flex; align-items:center; gap:14px; margin:0; padding:12px 16px; list-style:none; }
#anunturi .an-lista__rand + .an-lista__rand, #ghiduri .an-lista__rand + .an-lista__rand, #bloguri .an-lista__rand + .an-lista__rand, #bloguri-lat .an-lista__rand + .an-lista__rand, #cereri .an-lista__rand + .an-lista__rand{ border-top:1px solid var(--an-line); }
#anunturi .an-lista__rand .an-avatar, #ghiduri .an-lista__rand .an-avatar, #bloguri .an-lista__rand .an-avatar, #bloguri-lat .an-lista__rand .an-avatar, #cereri .an-lista__rand .an-avatar{ width:48px; height:48px; }
#anunturi .an-lista__text, #ghiduri .an-lista__text, #bloguri .an-lista__text, #bloguri-lat .an-lista__text, #cereri .an-lista__text{ flex:1 1 auto; min-width:0; }
#anunturi .an-lista__ce, #ghiduri .an-lista__ce, #bloguri .an-lista__ce, #bloguri-lat .an-lista__ce, #cereri .an-lista__ce{ margin-top:2px; font-size:var(--an-fs); line-height:1.45; color:var(--an-text-2); }
#anunturi .an-lista__ce a, #ghiduri .an-lista__ce a, #bloguri .an-lista__ce a, #bloguri-lat .an-lista__ce a, #cereri .an-lista__ce a{ font-weight:600; }
#anunturi .an-lista__meta, #ghiduri .an-lista__meta, #bloguri .an-lista__meta, #bloguri-lat .an-lista__meta, #cereri .an-lista__meta{ display:flex; flex-wrap:wrap; gap:2px 12px; margin-top:3px; font-size:var(--an-fs); line-height:1.45; color:var(--an-meta); }
#anunturi .an-lista__actiuni, #ghiduri .an-lista__actiuni, #bloguri .an-lista__actiuni, #bloguri-lat .an-lista__actiuni, #cereri .an-lista__actiuni{ display:flex; flex:0 0 auto; gap:8px; }

/* --- bara stanga (sub blocul utilizatorului): titlu mic si o lista fara derulare proprie ---------------------
   Aliniata cu textul meniului temei (bara 3px + #owner_block 8px + legatura 5px = 16px). */
#anunturi.an-lat, #ghiduri.an-lat, #bloguri.an-lat, #bloguri-lat.an-lat, #cereri.an-lat{ margin:16px 10px 0 13px; padding:14px 0 0; border-top:1px solid var(--an-line); }
#anunturi .an-lat__titlu, #ghiduri .an-lat__titlu, #bloguri .an-lat__titlu, #bloguri-lat .an-lat__titlu, #cereri .an-lat__titlu{
  margin:0 0 10px; padding:0; font-family:inherit; font-size:var(--an-fs-body); font-weight:700; line-height:1.3;
  color:var(--an-text); text-transform:none; letter-spacing:0; border:0; background:none;
}
#anunturi .an-lat__titlu + .an-lat__titlu, #ghiduri .an-lat__titlu + .an-lat__titlu, #bloguri .an-lat__titlu + .an-lat__titlu, #bloguri-lat .an-lat__titlu + .an-lat__titlu, #cereri .an-lat__titlu + .an-lat__titlu{ margin-top:18px; }
#anunturi .an-lat__titlu svg, #ghiduri .an-lat__titlu svg, #bloguri .an-lat__titlu svg, #bloguri-lat .an-lat__titlu svg, #cereri .an-lat__titlu svg{ width:16px; height:16px; vertical-align:-3px; color:var(--an-text-3); }
#anunturi .an-ghiduri li, #ghiduri .an-ghiduri li, #bloguri .an-ghiduri li, #bloguri-lat .an-ghiduri li, #cereri .an-ghiduri li{ padding:7px 0; font-size:var(--an-fs); line-height:1.4; border-top:1px solid var(--an-line); list-style:none; }
#anunturi .an-ghiduri li:first-child, #ghiduri .an-ghiduri li:first-child, #bloguri .an-ghiduri li:first-child, #bloguri-lat .an-ghiduri li:first-child, #cereri .an-ghiduri li:first-child{ padding-top:0; border-top:0; }
#anunturi .an-ghiduri a, #ghiduri .an-ghiduri a, #bloguri .an-ghiduri a, #bloguri-lat .an-ghiduri a, #cereri .an-ghiduri a{ color:var(--an-brand); }
#anunturi .an-ghiduri a:hover, #ghiduri .an-ghiduri a:hover, #bloguri .an-ghiduri a:hover, #bloguri-lat .an-ghiduri a:hover, #cereri .an-ghiduri a:hover, #anunturi .an-ghiduri a:focus-visible, #ghiduri .an-ghiduri a:focus-visible, #bloguri .an-ghiduri a:focus-visible, #bloguri-lat .an-ghiduri a:focus-visible, #cereri .an-ghiduri a:focus-visible{ color:var(--an-accent-text); text-decoration:underline; }
#anunturi .an-ghiduri a[aria-current], #ghiduri .an-ghiduri a[aria-current], #bloguri .an-ghiduri a[aria-current], #bloguri-lat .an-ghiduri a[aria-current], #cereri .an-ghiduri a[aria-current]{ font-weight:600; color:var(--an-text); }
#anunturi .an-ghiduri li span, #ghiduri .an-ghiduri li span, #bloguri .an-ghiduri li span, #bloguri-lat .an-ghiduri li span, #cereri .an-ghiduri li span{ color:var(--an-text-3); font-size:var(--an-fs-xs); }
/* lista-cuprins din bara stanga (categorii, arhiva): textul la stanga, numarul la dreapta, legate de o linie punctata.
   Un nume lung se rupe pe mai multe randuri (cu alineat agatat, sub primul cuvant); linia si numarul stau pe ultimul. */
#anunturi .an-cuprins, #ghiduri .an-cuprins, #bloguri .an-cuprins, #bloguri-lat .an-cuprins, #cereri .an-cuprins{ margin:0; padding:0; list-style:none; }
#anunturi .an-cuprins li, #ghiduri .an-cuprins li, #bloguri .an-cuprins li, #bloguri-lat .an-cuprins li, #cereri .an-cuprins li{ margin:0; padding:0; list-style:none; }
/* linia punctata si numarul stau pe primul rand al numelui (aliniere pe prima linie de baza). Linia punctata porneste de sub
   nume (::before intins spre stanga, taiat de overflow), iar masca din jurul numelui, cu fundalul barei, o acopera sub litere:
   pe primul rand, punctele incep imediat dupa text, chiar cand al doilea rand e mai lung */
#anunturi .an-cuprins__rand, #ghiduri .an-cuprins__rand, #bloguri .an-cuprins__rand, #bloguri-lat .an-cuprins__rand, #cereri .an-cuprins__rand{ display:flex; align-items:baseline; gap:6px; overflow:hidden; padding:4px 0; font-size:var(--an-fs); line-height:1.4; text-decoration:none; }
#anunturi a.an-cuprins__rand, #ghiduri a.an-cuprins__rand, #bloguri a.an-cuprins__rand, #bloguri-lat a.an-cuprins__rand, #cereri a.an-cuprins__rand, #anunturi a.an-cuprins__rand:visited, #ghiduri a.an-cuprins__rand:visited, #bloguri a.an-cuprins__rand:visited, #bloguri-lat a.an-cuprins__rand:visited, #cereri a.an-cuprins__rand:visited{ color:var(--an-brand); text-decoration:none; }
#anunturi .an-cuprins__text, #ghiduri .an-cuprins__text, #bloguri .an-cuprins__text, #bloguri-lat .an-cuprins__text, #cereri .an-cuprins__text{ position:relative; z-index:1; min-width:0; overflow-wrap:anywhere; }
#anunturi .an-cuprins__masca, #ghiduri .an-cuprins__masca, #bloguri .an-cuprins__masca, #bloguri-lat .an-cuprins__masca, #cereri .an-cuprins__masca{ background:var(--an-surface); box-shadow:6px 0 0 var(--an-surface); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
#anunturi .an-cuprins__text--punct, #ghiduri .an-cuprins__text--punct, #bloguri .an-cuprins__text--punct, #bloguri-lat .an-cuprins__text--punct, #cereri .an-cuprins__text--punct{ padding-left:14px; text-indent:-14px; }
#anunturi .an-cuprins__linie, #ghiduri .an-cuprins__linie, #bloguri .an-cuprins__linie, #bloguri-lat .an-cuprins__linie, #cereri .an-cuprins__linie{ position:relative; flex:1 1 10px; min-width:10px; }
#anunturi .an-cuprins__linie::before, #ghiduri .an-cuprins__linie::before, #bloguri .an-cuprins__linie::before, #bloguri-lat .an-cuprins__linie::before, #cereri .an-cuprins__linie::before{ content:""; position:absolute; right:0; bottom:0; left:-600px; border-bottom:1px dotted var(--an-line-strong); }
#anunturi .an-cuprins__nr, #ghiduri .an-cuprins__nr, #bloguri .an-cuprins__nr, #bloguri-lat .an-cuprins__nr, #cereri .an-cuprins__nr{ flex:0 0 auto; font-size:var(--an-fs-xs); color:var(--an-text-3); font-variant-numeric:tabular-nums; }
#anunturi a.an-cuprins__rand:hover .an-cuprins__text, #ghiduri a.an-cuprins__rand:hover .an-cuprins__text, #bloguri a.an-cuprins__rand:hover .an-cuprins__text, #bloguri-lat a.an-cuprins__rand:hover .an-cuprins__text, #cereri a.an-cuprins__rand:hover .an-cuprins__text, #anunturi a.an-cuprins__rand:focus-visible .an-cuprins__text, #ghiduri a.an-cuprins__rand:focus-visible .an-cuprins__text, #bloguri a.an-cuprins__rand:focus-visible .an-cuprins__text, #bloguri-lat a.an-cuprins__rand:focus-visible .an-cuprins__text, #cereri a.an-cuprins__rand:focus-visible .an-cuprins__text{ text-decoration:underline; }
#anunturi a.an-cuprins__rand:focus-visible, #ghiduri a.an-cuprins__rand:focus-visible, #bloguri a.an-cuprins__rand:focus-visible, #bloguri-lat a.an-cuprins__rand:focus-visible, #cereri a.an-cuprins__rand:focus-visible{ outline:2px solid var(--an-action); outline-offset:2px; border-radius:2px; }
#anunturi a.an-cuprins__rand[aria-current], #ghiduri a.an-cuprins__rand[aria-current], #bloguri a.an-cuprins__rand[aria-current], #bloguri-lat a.an-cuprins__rand[aria-current], #cereri a.an-cuprins__rand[aria-current], #anunturi a.an-cuprins__rand[aria-current]:visited, #ghiduri a.an-cuprins__rand[aria-current]:visited, #bloguri a.an-cuprins__rand[aria-current]:visited, #bloguri-lat a.an-cuprins__rand[aria-current]:visited, #cereri a.an-cuprins__rand[aria-current]:visited{ color:var(--an-text); }
#anunturi a.an-cuprins__rand[aria-current] .an-cuprins__text, #ghiduri a.an-cuprins__rand[aria-current] .an-cuprins__text, #bloguri a.an-cuprins__rand[aria-current] .an-cuprins__text, #bloguri-lat a.an-cuprins__rand[aria-current] .an-cuprins__text, #cereri a.an-cuprins__rand[aria-current] .an-cuprins__text{ font-weight:600; }
#anunturi a.an-cuprins__rand[aria-current] .an-cuprins__nr, #ghiduri a.an-cuprins__rand[aria-current] .an-cuprins__nr, #bloguri a.an-cuprins__rand[aria-current] .an-cuprins__nr, #bloguri-lat a.an-cuprins__rand[aria-current] .an-cuprins__nr, #cereri a.an-cuprins__rand[aria-current] .an-cuprins__nr{ color:var(--an-text-2); }
/* grupuri pliabile intr-un cuprins (anii arhivei): randul grupului are numarul lui si un chevron in dreapta */
#anunturi .an-an, #ghiduri .an-an, #bloguri .an-an, #bloguri-lat .an-an, #cereri .an-an{ margin:0; }
#anunturi .an-an > summary, #ghiduri .an-an > summary, #bloguri .an-an > summary, #bloguri-lat .an-an > summary, #cereri .an-an > summary{ list-style:none; cursor:pointer; }
#anunturi .an-an > summary::-webkit-details-marker, #ghiduri .an-an > summary::-webkit-details-marker, #bloguri .an-an > summary::-webkit-details-marker, #bloguri-lat .an-an > summary::-webkit-details-marker, #cereri .an-an > summary::-webkit-details-marker{ display:none; }
#anunturi .an-an__cap, #ghiduri .an-an__cap, #bloguri .an-an__cap, #bloguri-lat .an-an__cap, #cereri .an-an__cap{ font-weight:600; color:var(--an-text); }
#anunturi .an-an__cap .an-cuprins__nr, #ghiduri .an-an__cap .an-cuprins__nr, #bloguri .an-an__cap .an-cuprins__nr, #bloguri-lat .an-an__cap .an-cuprins__nr, #cereri .an-an__cap .an-cuprins__nr{ font-weight:400; }
#anunturi .an-an__cap:hover .an-cuprins__text, #ghiduri .an-an__cap:hover .an-cuprins__text, #bloguri .an-an__cap:hover .an-cuprins__text, #bloguri-lat .an-an__cap:hover .an-cuprins__text, #cereri .an-an__cap:hover .an-cuprins__text{ color:var(--an-brand); }
#anunturi .an-an__cap:focus-visible, #ghiduri .an-an__cap:focus-visible, #bloguri .an-an__cap:focus-visible, #bloguri-lat .an-an__cap:focus-visible, #cereri .an-an__cap:focus-visible{ outline:2px solid var(--an-action); outline-offset:2px; border-radius:2px; }
#anunturi .an-an__chevron, #ghiduri .an-an__chevron, #bloguri .an-an__chevron, #bloguri-lat .an-an__chevron, #cereri .an-an__chevron{ flex:0 0 auto; align-self:center; width:6px; height:6px; margin:0 3px 0 6px; border-right:1.5px solid var(--an-text-3);
  border-bottom:1.5px solid var(--an-text-3); transform:translateX(-1px) rotate(-45deg); transition:transform var(--an-t); }
#anunturi .an-an[open] > summary .an-an__chevron, #ghiduri .an-an[open] > summary .an-an__chevron, #bloguri .an-an[open] > summary .an-an__chevron, #bloguri-lat .an-an[open] > summary .an-an__chevron, #cereri .an-an[open] > summary .an-an__chevron{ transform:translateY(1px) rotate(-135deg); }   /* inchis: spre dreapta; deschis: in sus */
#anunturi .an-an__luni, #ghiduri .an-an__luni, #bloguri .an-an__luni, #bloguri-lat .an-an__luni, #cereri .an-an__luni{ margin:0 0 6px; padding-left:0; }   /* punctul gri al lunii tine locul indentarii */
#anunturi .an-an__chevron--loc, #ghiduri .an-an__chevron--loc, #bloguri .an-an__chevron--loc, #bloguri-lat .an-an__chevron--loc, #cereri .an-an__chevron--loc{ visibility:hidden; }   /* pe randurile lunilor: numarul sta in coloana numarului anului */
/* norul de etichete: marimea arata cat de des apare eticheta, ordinea e alfabetica */
#anunturi .an-nor, #ghiduri .an-nor, #bloguri .an-nor, #bloguri-lat .an-nor, #cereri .an-nor{ display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 10px; margin:0; padding:0; list-style:none; }
#anunturi .an-nor li, #ghiduri .an-nor li, #bloguri .an-nor li, #bloguri-lat .an-nor li, #cereri .an-nor li{ margin:0; padding:0; list-style:none; }
#anunturi .an-nor a, #ghiduri .an-nor a, #bloguri .an-nor a, #bloguri-lat .an-nor a, #cereri .an-nor a, #anunturi .an-nor a:visited, #ghiduri .an-nor a:visited, #bloguri .an-nor a:visited, #bloguri-lat .an-nor a:visited, #cereri .an-nor a:visited{ color:var(--an-brand); line-height:1.35; text-decoration:none; overflow-wrap:anywhere; }
#anunturi .an-nor a:hover, #ghiduri .an-nor a:hover, #bloguri .an-nor a:hover, #bloguri-lat .an-nor a:hover, #cereri .an-nor a:hover, #anunturi .an-nor a:focus-visible, #ghiduri .an-nor a:focus-visible, #bloguri .an-nor a:focus-visible, #bloguri-lat .an-nor a:focus-visible, #cereri .an-nor a:focus-visible{ text-decoration:underline; }
#anunturi .an-nor a[aria-current], #ghiduri .an-nor a[aria-current], #bloguri .an-nor a[aria-current], #bloguri-lat .an-nor a[aria-current], #cereri .an-nor a[aria-current]{ color:var(--an-text); font-weight:600; }
#anunturi .an-nor--1, #ghiduri .an-nor--1, #bloguri .an-nor--1, #bloguri-lat .an-nor--1, #cereri .an-nor--1{ font-size:12px; }
#anunturi .an-nor--2, #ghiduri .an-nor--2, #bloguri .an-nor--2, #bloguri-lat .an-nor--2, #cereri .an-nor--2{ font-size:13px; }
#anunturi .an-nor--3, #ghiduri .an-nor--3, #bloguri .an-nor--3, #bloguri-lat .an-nor--3, #cereri .an-nor--3{ font-size:14.5px; }
#anunturi .an-nor--4, #ghiduri .an-nor--4, #bloguri .an-nor--4, #bloguri-lat .an-nor--4, #cereri .an-nor--4{ font-size:16px; font-weight:600; }
#anunturi .an-nor--5, #ghiduri .an-nor--5, #bloguri .an-nor--5, #bloguri-lat .an-nor--5, #cereri .an-nor--5{ font-size:18px; font-weight:600; }
#anunturi .an-nor__rest, #ghiduri .an-nor__rest, #bloguri .an-nor__rest, #bloguri-lat .an-nor__rest, #cereri .an-nor__rest{ margin-top:8px; }
#anunturi .an-nor__rest .an-nor, #ghiduri .an-nor__rest .an-nor, #bloguri .an-nor__rest .an-nor, #bloguri-lat .an-nor__rest .an-nor, #cereri .an-nor__rest .an-nor{ margin-top:8px; }
/* filtrele alese (categorie, luna, eticheta), deasupra listei. Trei afisari, alese din administrarea blogului:
   „rezumat” (implicita: numarul de articole si cate un jeton cu x, intr-o banda), „titlu” (o propozitie ca titlu al
   listei), „compact” (jetoanele in dreapta taburilor). Jetonul categoriei are culoarea ei, ca pastila din rand. */
#anunturi .an-fa, #ghiduri .an-fa, #bloguri .an-fa, #bloguri-lat .an-fa, #cereri .an-fa{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:var(--an-fs); line-height:1.4; color:var(--an-text-2); }
#anunturi .an-fa__nr strong, #ghiduri .an-fa__nr strong, #bloguri .an-fa__nr strong, #bloguri-lat .an-fa__nr strong, #cereri .an-fa__nr strong{ font-weight:600; color:var(--an-text); }
#anunturi .an-fa__jeton, #ghiduri .an-fa__jeton, #bloguri .an-fa__jeton, #bloguri-lat .an-fa__jeton, #cereri .an-fa__jeton{ display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:0 3px 0 10px; border-radius:999px; background:#edf1f6; color:var(--an-text); font-weight:500; white-space:nowrap; }
#anunturi .an-fa__jeton.an-cat, #ghiduri .an-fa__jeton.an-cat, #bloguri .an-fa__jeton.an-cat, #bloguri-lat .an-fa__jeton.an-cat, #cereri .an-fa__jeton.an-cat{ background:var(--cat-fond); color:var(--cat-text); }
#anunturi .an-fa__jeton svg, #ghiduri .an-fa__jeton svg, #bloguri .an-fa__jeton svg, #bloguri-lat .an-fa__jeton svg, #cereri .an-fa__jeton svg{ width:14px; height:14px; flex:0 0 auto; color:var(--an-meta); }
#anunturi a.an-fa__x, #ghiduri a.an-fa__x, #bloguri a.an-fa__x, #bloguri-lat a.an-fa__x, #cereri a.an-fa__x, #anunturi a.an-fa__x:visited, #ghiduri a.an-fa__x:visited, #bloguri a.an-fa__x:visited, #bloguri-lat a.an-fa__x:visited, #cereri a.an-fa__x:visited{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:22px; height:22px; border-radius:50%; color:var(--an-meta); text-decoration:none; }
#anunturi .an-fa__jeton.an-cat a.an-fa__x, #ghiduri .an-fa__jeton.an-cat a.an-fa__x, #bloguri .an-fa__jeton.an-cat a.an-fa__x, #bloguri-lat .an-fa__jeton.an-cat a.an-fa__x, #cereri .an-fa__jeton.an-cat a.an-fa__x, #anunturi .an-fa__v--cat a.an-fa__x, #ghiduri .an-fa__v--cat a.an-fa__x, #bloguri .an-fa__v--cat a.an-fa__x, #bloguri-lat .an-fa__v--cat a.an-fa__x, #cereri .an-fa__v--cat a.an-fa__x{ color:var(--cat-text); }
#anunturi a.an-fa__x svg, #ghiduri a.an-fa__x svg, #bloguri a.an-fa__x svg, #bloguri-lat a.an-fa__x svg, #cereri a.an-fa__x svg{ width:13px; height:13px; color:currentColor; }
#anunturi a.an-fa__x:hover, #ghiduri a.an-fa__x:hover, #bloguri a.an-fa__x:hover, #bloguri-lat a.an-fa__x:hover, #cereri a.an-fa__x:hover, #anunturi a.an-fa__x:focus-visible, #ghiduri a.an-fa__x:focus-visible, #bloguri a.an-fa__x:focus-visible, #bloguri-lat a.an-fa__x:focus-visible, #cereri a.an-fa__x:focus-visible{ background:rgba(17,24,39,.08); color:var(--an-text); }
#anunturi a.an-fa__x:focus-visible, #ghiduri a.an-fa__x:focus-visible, #bloguri a.an-fa__x:focus-visible, #bloguri-lat a.an-fa__x:focus-visible, #cereri a.an-fa__x:focus-visible{ outline:2px solid var(--an-action); outline-offset:1px; }
#anunturi a.an-fa__toate, #ghiduri a.an-fa__toate, #bloguri a.an-fa__toate, #bloguri-lat a.an-fa__toate, #cereri a.an-fa__toate, #anunturi a.an-fa__toate:visited, #ghiduri a.an-fa__toate:visited, #bloguri a.an-fa__toate:visited, #bloguri-lat a.an-fa__toate:visited, #cereri a.an-fa__toate:visited{ font-size:var(--an-fs); color:var(--an-action); text-decoration:none; white-space:nowrap; }
#anunturi a.an-fa__toate:hover, #ghiduri a.an-fa__toate:hover, #bloguri a.an-fa__toate:hover, #bloguri-lat a.an-fa__toate:hover, #cereri a.an-fa__toate:hover, #anunturi a.an-fa__toate:focus-visible, #ghiduri a.an-fa__toate:focus-visible, #bloguri a.an-fa__toate:focus-visible, #bloguri-lat a.an-fa__toate:focus-visible, #cereri a.an-fa__toate:focus-visible{ color:var(--an-action-hover); text-decoration:underline; }
/* rezumat: banda dintre taburi si lista */
#anunturi .an-fa--rezumat, #ghiduri .an-fa--rezumat, #bloguri .an-fa--rezumat, #bloguri-lat .an-fa--rezumat, #cereri .an-fa--rezumat{ margin:16px 0 4px; padding:9px 14px; background:#f5f8fb; border:1px solid #e3e9f0; border-radius:8px; }
#anunturi .an-fa--rezumat .an-fa__nr, #ghiduri .an-fa--rezumat .an-fa__nr, #bloguri .an-fa--rezumat .an-fa__nr, #bloguri-lat .an-fa--rezumat .an-fa__nr, #cereri .an-fa--rezumat .an-fa__nr{ margin-right:4px; }
#anunturi .an-fa--rezumat .an-fa__toate, #ghiduri .an-fa--rezumat .an-fa__toate, #bloguri .an-fa--rezumat .an-fa__toate, #bloguri-lat .an-fa--rezumat .an-fa__toate, #cereri .an-fa--rezumat .an-fa__toate{ margin-left:auto; }
/* titlu: o propozitie, cu valorile ingrosate si cate un x; dedesubt numarul de articole */
#anunturi .an-fa--titlu, #ghiduri .an-fa--titlu, #bloguri .an-fa--titlu, #bloguri-lat .an-fa--titlu, #cereri .an-fa--titlu{ display:block; margin:20px 0 4px; }
#anunturi .an-fa__titlu, #ghiduri .an-fa__titlu, #bloguri .an-fa__titlu, #bloguri-lat .an-fa__titlu, #cereri .an-fa__titlu{ margin:0; padding:0; font-family:inherit; font-size:18px; font-weight:400; line-height:1.45; color:var(--an-text-2); border:0; background:none; text-transform:none; letter-spacing:0; }
#anunturi .an-fa__v, #ghiduri .an-fa__v, #bloguri .an-fa__v, #bloguri-lat .an-fa__v, #cereri .an-fa__v{ display:inline-flex; align-items:center; gap:1px; font-weight:600; color:var(--an-text); white-space:nowrap; }
#anunturi .an-fa__v--cat, #ghiduri .an-fa__v--cat, #bloguri .an-fa__v--cat, #bloguri-lat .an-fa__v--cat, #cereri .an-fa__v--cat{ color:var(--cat-text); }
#anunturi .an-fa__v a.an-fa__x, #ghiduri .an-fa__v a.an-fa__x, #bloguri .an-fa__v a.an-fa__x, #bloguri-lat .an-fa__v a.an-fa__x, #cereri .an-fa__v a.an-fa__x{ width:18px; height:18px; margin:0 -2px 0 1px; }   /* virgula de după valoare stă lângă x */
#anunturi .an-fa__sub, #ghiduri .an-fa__sub, #bloguri .an-fa__sub, #bloguri-lat .an-fa__sub, #cereri .an-fa__sub{ margin:2px 0 0; font-size:var(--an-fs); line-height:1.4; color:var(--an-meta); }
/* compact: jetoanele in dreapta taburilor; linia de sub taburi trece pe tot randul */
#anunturi .an-surse--cu-filtre, #ghiduri .an-surse--cu-filtre, #bloguri .an-surse--cu-filtre, #bloguri-lat .an-surse--cu-filtre, #cereri .an-surse--cu-filtre{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:6px 16px; border-bottom:1px solid var(--an-line); }
#anunturi .an-surse--cu-filtre ul, #ghiduri .an-surse--cu-filtre ul, #bloguri .an-surse--cu-filtre ul, #bloguri-lat .an-surse--cu-filtre ul, #cereri .an-surse--cu-filtre ul{ border-bottom:0; }
#anunturi .an-fa--compact, #ghiduri .an-fa--compact, #bloguri .an-fa--compact, #bloguri-lat .an-fa--compact, #cereri .an-fa--compact{ margin-left:auto; padding:0 0 6px; gap:6px; }
#anunturi .an-fa--compact .an-fa__nr, #ghiduri .an-fa--compact .an-fa__nr, #bloguri .an-fa--compact .an-fa__nr, #bloguri-lat .an-fa--compact .an-fa__nr, #cereri .an-fa--compact .an-fa__nr{ margin-right:2px; color:var(--an-meta); }
/* restul unei liste se desfasoara pe loc (<details>); comanda e mai discreta decat legaturile din lista */
#anunturi .an-ghiduri-toate-lista, #ghiduri .an-ghiduri-toate-lista, #bloguri .an-ghiduri-toate-lista, #bloguri-lat .an-ghiduri-toate-lista, #cereri .an-ghiduri-toate-lista{ margin:0; overflow:visible; max-height:none; }
#anunturi .an-ghiduri-toate-lista > summary, #ghiduri .an-ghiduri-toate-lista > summary, #bloguri .an-ghiduri-toate-lista > summary, #bloguri-lat .an-ghiduri-toate-lista > summary, #cereri .an-ghiduri-toate-lista > summary{
  display:inline-flex; align-items:center; gap:5px; min-height:28px; margin-top:8px;
  font-size:var(--an-fs-xs); font-weight:400; color:var(--an-text-3); cursor:pointer; list-style:none;
}
#anunturi .an-ghiduri-toate-lista > summary::-webkit-details-marker, #ghiduri .an-ghiduri-toate-lista > summary::-webkit-details-marker, #bloguri .an-ghiduri-toate-lista > summary::-webkit-details-marker, #bloguri-lat .an-ghiduri-toate-lista > summary::-webkit-details-marker, #cereri .an-ghiduri-toate-lista > summary::-webkit-details-marker{ display:none; }
#anunturi .an-ghiduri-toate-lista > summary::after, #ghiduri .an-ghiduri-toate-lista > summary::after, #bloguri .an-ghiduri-toate-lista > summary::after, #bloguri-lat .an-ghiduri-toate-lista > summary::after, #cereri .an-ghiduri-toate-lista > summary::after{
  content:""; width:6px; height:6px; margin-left:2px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg); transition:transform var(--an-t);
}
#anunturi .an-ghiduri-toate-lista[open] > summary::after, #ghiduri .an-ghiduri-toate-lista[open] > summary::after, #bloguri .an-ghiduri-toate-lista[open] > summary::after, #bloguri-lat .an-ghiduri-toate-lista[open] > summary::after, #cereri .an-ghiduri-toate-lista[open] > summary::after{ transform:translateY(1px) rotate(-135deg); }
#anunturi .an-ghiduri-toate-lista > summary:hover, #ghiduri .an-ghiduri-toate-lista > summary:hover, #bloguri .an-ghiduri-toate-lista > summary:hover, #bloguri-lat .an-ghiduri-toate-lista > summary:hover, #cereri .an-ghiduri-toate-lista > summary:hover{ color:var(--an-brand); text-decoration:underline; }
#anunturi .an-ghiduri-toate-lista > summary:focus-visible, #ghiduri .an-ghiduri-toate-lista > summary:focus-visible, #bloguri .an-ghiduri-toate-lista > summary:focus-visible, #bloguri-lat .an-ghiduri-toate-lista > summary:focus-visible, #cereri .an-ghiduri-toate-lista > summary:focus-visible{ outline:2px solid var(--an-action); outline-offset:2px; border-radius:3px; }
#anunturi .an-ghiduri-toate-lista .an-ascunde, #ghiduri .an-ghiduri-toate-lista .an-ascunde, #bloguri .an-ghiduri-toate-lista .an-ascunde, #bloguri-lat .an-ghiduri-toate-lista .an-ascunde, #cereri .an-ghiduri-toate-lista .an-ascunde, #anunturi .an-ghiduri-toate-lista[open] .an-arata, #ghiduri .an-ghiduri-toate-lista[open] .an-arata, #bloguri .an-ghiduri-toate-lista[open] .an-arata, #bloguri-lat .an-ghiduri-toate-lista[open] .an-arata, #cereri .an-ghiduri-toate-lista[open] .an-arata{ display:none; }
#anunturi .an-ghiduri-toate-lista[open] .an-ascunde, #ghiduri .an-ghiduri-toate-lista[open] .an-ascunde, #bloguri .an-ghiduri-toate-lista[open] .an-ascunde, #bloguri-lat .an-ghiduri-toate-lista[open] .an-ascunde, #cereri .an-ghiduri-toate-lista[open] .an-ascunde{ display:inline; }
#anunturi .an-ghiduri-toate-lista > ul, #ghiduri .an-ghiduri-toate-lista > ul, #bloguri .an-ghiduri-toate-lista > ul, #bloguri-lat .an-ghiduri-toate-lista > ul, #cereri .an-ghiduri-toate-lista > ul{ margin-top:6px; }
#anunturi .an-ghiduri-toate-lista > ul li:first-child, #ghiduri .an-ghiduri-toate-lista > ul li:first-child, #bloguri .an-ghiduri-toate-lista > ul li:first-child, #bloguri-lat .an-ghiduri-toate-lista > ul li:first-child, #cereri .an-ghiduri-toate-lista > ul li:first-child{ padding-top:7px; border-top:1px solid var(--an-line); }

/* --- pagina de administrare (setari si index) --- */
#anunturi .an-index, #ghiduri .an-index, #bloguri .an-index, #bloguri-lat .an-index, #cereri .an-index{ margin:0 0 16px; padding:20px; }
#anunturi .an-index h2, #ghiduri .an-index h2, #bloguri .an-index h2, #bloguri-lat .an-index h2, #cereri .an-index h2{ margin:0 0 8px; padding:0; font-size:16px; font-weight:700; color:var(--an-text); border:0; background:none; }
#anunturi .an-index select, #ghiduri .an-index select, #bloguri .an-index select, #bloguri-lat .an-index select, #cereri .an-index select{ min-height:32px; margin-top:4px; }
#anunturi .an-index table, #ghiduri .an-index table, #bloguri .an-index table, #bloguri-lat .an-index table, #cereri .an-index table{ width:100%; margin:0 0 16px; border-collapse:collapse; font-size:var(--an-fs-body); }
#anunturi .an-index th, #ghiduri .an-index th, #bloguri .an-index th, #bloguri-lat .an-index th, #cereri .an-index th, #anunturi .an-index td, #ghiduri .an-index td, #bloguri .an-index td, #bloguri-lat .an-index td, #cereri .an-index td{ padding:8px 10px; text-align:left; vertical-align:top; border-bottom:1px solid var(--an-line); }
#anunturi .an-index th, #ghiduri .an-index th, #bloguri .an-index th, #bloguri-lat .an-index th, #cereri .an-index th{ width:55%; font-weight:600; color:var(--an-text-2); }
#anunturi .an-index .an-index__text, #ghiduri .an-index .an-index__text, #bloguri .an-index .an-index__text, #bloguri-lat .an-index .an-index__text, #cereri .an-index .an-index__text{ margin:0 0 12px; font-size:var(--an-fs-body); line-height:1.5; color:var(--an-text-2); }
#anunturi .an-index .an-index__camp, #ghiduri .an-index .an-index__camp, #bloguri .an-index .an-index__camp, #bloguri-lat .an-index .an-index__camp, #cereri .an-index .an-index__camp{ margin:0 0 14px; font-size:var(--an-fs-body); line-height:1.5; color:var(--an-text); }

/* --- pagina unui articol sau anunt ------------------------------------------------------ */
#anunturi .an-anunt__cap, #ghiduri .an-anunt__cap, #bloguri .an-anunt__cap, #bloguri-lat .an-anunt__cap, #cereri .an-anunt__cap{ margin:0 0 16px; }
#anunturi .an-anunt__titlu, #ghiduri .an-anunt__titlu, #bloguri .an-anunt__titlu, #bloguri-lat .an-anunt__titlu, #cereri .an-anunt__titlu{ flex:1 1 auto; min-width:0; margin:0; padding:0; font-family:inherit; font-size:28px; font-weight:600; line-height:1.25; color:var(--an-text); border:0; background:none; }   /* semibold: bold-ul real era prea greu */
#anunturi .an-anunt__cap .an-item__eticheta, #ghiduri .an-anunt__cap .an-item__eticheta, #bloguri .an-anunt__cap .an-item__eticheta, #bloguri-lat .an-anunt__cap .an-item__eticheta, #cereri .an-anunt__cap .an-item__eticheta{ padding-top:6px; }
/* firimiturile (Toate blogurile / Autorul / Articol): legaturi discrete, despartite de o bara oblica gri deschis;
   pagina curenta nu are legatura */
#anunturi .an-firimituri, #ghiduri .an-firimituri, #bloguri .an-firimituri, #bloguri-lat .an-firimituri, #cereri .an-firimituri{ margin:0 0 14px; }
#anunturi .an-firimituri ol, #ghiduri .an-firimituri ol, #bloguri .an-firimituri ol, #bloguri-lat .an-firimituri ol, #cereri .an-firimituri ol{ display:flex; flex-wrap:wrap; align-items:baseline; margin:0; padding:0; list-style:none; font-size:var(--an-fs); line-height:1.5; color:var(--an-text-3); }
#anunturi .an-firimituri li, #ghiduri .an-firimituri li, #bloguri .an-firimituri li, #bloguri-lat .an-firimituri li, #cereri .an-firimituri li{ margin:0; padding:0; list-style:none; background:none; }
#anunturi .an-firimituri li + li::before, #ghiduri .an-firimituri li + li::before, #bloguri .an-firimituri li + li::before, #bloguri-lat .an-firimituri li + li::before, #cereri .an-firimituri li + li::before{ content:"/"; content:"/" / ""; margin:0 8px; color:var(--an-line-strong); }
#anunturi .an-firimituri a, #ghiduri .an-firimituri a, #bloguri .an-firimituri a, #bloguri-lat .an-firimituri a, #cereri .an-firimituri a, #anunturi .an-firimituri a:visited, #ghiduri .an-firimituri a:visited, #bloguri .an-firimituri a:visited, #bloguri-lat .an-firimituri a:visited, #cereri .an-firimituri a:visited{ color:var(--an-action); text-decoration:none; }
#anunturi .an-firimituri a:hover, #ghiduri .an-firimituri a:hover, #bloguri .an-firimituri a:hover, #bloguri-lat .an-firimituri a:hover, #cereri .an-firimituri a:hover, #anunturi .an-firimituri a:focus-visible, #ghiduri .an-firimituri a:focus-visible, #bloguri .an-firimituri a:focus-visible, #bloguri-lat .an-firimituri a:focus-visible, #cereri .an-firimituri a:focus-visible{ color:var(--an-action-hover); text-decoration:underline; }
#anunturi .an-firimituri a:focus-visible, #ghiduri .an-firimituri a:focus-visible, #bloguri .an-firimituri a:focus-visible, #bloguri-lat .an-firimituri a:focus-visible, #cereri .an-firimituri a:focus-visible{ outline:2px solid var(--an-action); outline-offset:2px; border-radius:2px; }
#anunturi .an-firimituri [aria-current], #ghiduri .an-firimituri [aria-current], #bloguri .an-firimituri [aria-current], #bloguri-lat .an-firimituri [aria-current], #cereri .an-firimituri [aria-current]{ color:var(--an-text-3); }
#anunturi .an-anunt__autor, #ghiduri .an-anunt__autor, #bloguri .an-anunt__autor, #bloguri-lat .an-anunt__autor, #cereri .an-anunt__autor{ display:flex; align-items:center; gap:12px; margin:0 0 22px; padding:0 0 18px; border-bottom:1px solid var(--an-line); }
#anunturi .an-avatar--44, #ghiduri .an-avatar--44, #bloguri .an-avatar--44, #bloguri-lat .an-avatar--44, #cereri .an-avatar--44{ width:44px; height:44px; }
/* cine (numele bold, scoala), cand (data): acelasi vocabular ca in lista */
#anunturi .an-anunt__cine, #ghiduri .an-anunt__cine, #bloguri .an-anunt__cine, #bloguri-lat .an-anunt__cine, #cereri .an-anunt__cine{ min-width:0; font-size:var(--an-fs); line-height:1.45; color:var(--an-text-3); }
#anunturi .an-anunt__cine-linie, #ghiduri .an-anunt__cine-linie, #bloguri .an-anunt__cine-linie, #bloguri-lat .an-anunt__cine-linie, #cereri .an-anunt__cine-linie{ display:flex; }
#anunturi .an-anunt__cine-linie .an-autor__nume, #ghiduri .an-anunt__cine-linie .an-autor__nume, #bloguri .an-anunt__cine-linie .an-autor__nume, #bloguri-lat .an-anunt__cine-linie .an-autor__nume, #cereri .an-anunt__cine-linie .an-autor__nume{ font-size:15px; }
#anunturi .an-nota, #ghiduri .an-nota, #bloguri .an-nota, #bloguri-lat .an-nota, #cereri .an-nota{ margin:0 0 20px; padding:12px 16px; font-size:var(--an-fs); line-height:1.5; color:var(--an-curand-text); background:#fff7e0; border-radius:var(--an-r); }
#anunturi .an-nota strong, #ghiduri .an-nota strong, #bloguri .an-nota strong, #bloguri-lat .an-nota strong, #cereri .an-nota strong{ color:inherit; }

/* --- formulare (articol nou, modificare): camp cu eticheta deasupra, latime intreaga, fara zone cu derulare ---- */
#anunturi.an-formular, #ghiduri.an-formular, #bloguri.an-formular, #bloguri-lat.an-formular, #cereri.an-formular{ padding-bottom:24px; }
#anunturi .an-camp, #ghiduri .an-camp, #bloguri .an-camp, #bloguri-lat .an-camp, #cereri .an-camp{ margin:0 0 20px; }
#anunturi .an-camp__eticheta, #ghiduri .an-camp__eticheta, #bloguri .an-camp__eticheta, #bloguri-lat .an-camp__eticheta, #cereri .an-camp__eticheta{ display:block; margin:0 0 6px; font-size:var(--an-fs); font-weight:600; line-height:1.4; color:var(--an-text); }
/* tema fixeaza inaltimea campurilor la 25px, prea putin pentru textul de 14px: o lasam sa creasca dupa continut */
#anunturi .an-camp__text, #ghiduri .an-camp__text, #bloguri .an-camp__text, #bloguri-lat .an-camp__text, #cereri .an-camp__text, #anunturi .an-camp__select, #ghiduri .an-camp__select, #bloguri .an-camp__select, #bloguri-lat .an-camp__select, #cereri .an-camp__select, #anunturi .an-editor, #ghiduri .an-editor, #bloguri .an-editor, #bloguri-lat .an-editor, #cereri .an-editor{
  box-sizing:border-box; width:100%; max-width:100%; height:auto; min-height:34px; padding:7px 10px; font-family:inherit;
  font-size:var(--an-fs-body); line-height:1.45; color:var(--an-text); background:var(--an-surface);
  border:1px solid var(--an-control-border); border-radius:4px;
}
#anunturi .an-camp__text:focus, #ghiduri .an-camp__text:focus, #bloguri .an-camp__text:focus, #bloguri-lat .an-camp__text:focus, #cereri .an-camp__text:focus, #anunturi .an-camp__select:focus, #ghiduri .an-camp__select:focus, #bloguri .an-camp__select:focus, #bloguri-lat .an-camp__select:focus, #cereri .an-camp__select:focus, #anunturi .an-editor:focus, #ghiduri .an-editor:focus, #bloguri .an-editor:focus, #bloguri-lat .an-editor:focus, #cereri .an-editor:focus{ outline:2px solid var(--an-action); outline-offset:1px; border-color:var(--an-action); }
#anunturi .an-camp--ingust .an-camp__select, #ghiduri .an-camp--ingust .an-camp__select, #bloguri .an-camp--ingust .an-camp__select, #bloguri-lat .an-camp--ingust .an-camp__select, #cereri .an-camp--ingust .an-camp__select{ width:auto; min-width:260px; max-width:100%; }
#anunturi .an-camp__ajutor, #ghiduri .an-camp__ajutor, #bloguri .an-camp__ajutor, #bloguri-lat .an-camp__ajutor, #cereri .an-camp__ajutor{ display:block; margin-top:5px; font-size:var(--an-fs-xs); line-height:1.4; color:var(--an-text-3); }
/* avertismentul de sub titlu, cat timp titlul are emoji sau simboluri decorative (gol, nu ocupa loc) */
#anunturi .an-titlu-decor, #ghiduri .an-titlu-decor, #bloguri .an-titlu-decor, #bloguri-lat .an-titlu-decor, #cereri .an-titlu-decor{ color:var(--an-azi-text); }
#anunturi .an-titlu-decor:empty, #ghiduri .an-titlu-decor:empty, #bloguri .an-titlu-decor:empty, #bloguri-lat .an-titlu-decor:empty, #cereri .an-titlu-decor:empty{ display:none; }
#anunturi .an-titlu-decor__buton, #ghiduri .an-titlu-decor__buton, #bloguri .an-titlu-decor__buton, #bloguri-lat .an-titlu-decor__buton, #cereri .an-titlu-decor__buton{ margin-left:4px; padding:2px 8px; font:inherit; font-weight:600; line-height:1.4; color:var(--an-action); background:var(--an-action-soft); border:0; border-radius:var(--an-r-sm); cursor:pointer; }
#anunturi .an-titlu-decor__buton:hover, #ghiduri .an-titlu-decor__buton:hover, #bloguri .an-titlu-decor__buton:hover, #bloguri-lat .an-titlu-decor__buton:hover, #cereri .an-titlu-decor__buton:hover, #anunturi .an-titlu-decor__buton:focus-visible, #ghiduri .an-titlu-decor__buton:focus-visible, #bloguri .an-titlu-decor__buton:focus-visible, #bloguri-lat .an-titlu-decor__buton:focus-visible, #cereri .an-titlu-decor__buton:focus-visible{ color:var(--an-action-hover); background:#dfe8fb; }
#anunturi .an-titlu-decor__buton:focus-visible, #ghiduri .an-titlu-decor__buton:focus-visible, #bloguri .an-titlu-decor__buton:focus-visible, #bloguri-lat .an-titlu-decor__buton:focus-visible, #cereri .an-titlu-decor__buton:focus-visible{ outline:2px solid var(--an-action); outline-offset:1px; }
#anunturi .an-contor, #ghiduri .an-contor, #bloguri .an-contor, #bloguri-lat .an-contor, #cereri .an-contor{ font-weight:600; font-variant-numeric:tabular-nums; }
/* etichetele din formular, asa cum vor fi salvate: bune, respinse (cu motivul), peste limita; si numarul lor */
#anunturi .an-etichete-prev, #ghiduri .an-etichete-prev, #bloguri .an-etichete-prev, #bloguri-lat .an-etichete-prev, #cereri .an-etichete-prev{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:8px; }
#anunturi .an-etichete-prev:empty, #ghiduri .an-etichete-prev:empty, #bloguri .an-etichete-prev:empty, #bloguri-lat .an-etichete-prev:empty, #cereri .an-etichete-prev:empty{ display:none; }
#anunturi .an-et, #ghiduri .an-et, #bloguri .an-et, #bloguri-lat .an-et, #cereri .an-et{ display:inline-block; padding:2px 9px; font-size:var(--an-fs-xs); line-height:1.5; color:var(--an-text-2); background:var(--an-surface-3); border:1px solid var(--an-line-2); border-radius:999px; }
#anunturi .an-et--rea, #ghiduri .an-et--rea, #bloguri .an-et--rea, #bloguri-lat .an-et--rea, #cereri .an-et--rea{ color:var(--an-azi-text); background:#fef2f2; border-color:#fecaca; }
#anunturi .an-et--peste, #ghiduri .an-et--peste, #bloguri .an-et--peste, #bloguri-lat .an-et--peste, #cereri .an-et--peste{ color:var(--an-curand-text); background:#fff7e0; border-color:#f5d78e; text-decoration:line-through; }
#anunturi .an-et__nr, #ghiduri .an-et__nr, #bloguri .an-et__nr, #bloguri-lat .an-et__nr, #cereri .an-et__nr{ font-size:var(--an-fs-xs); color:var(--an-text-3); font-variant-numeric:tabular-nums; }
#anunturi .an-et__nr--rau, #ghiduri .an-et__nr--rau, #bloguri .an-et__nr--rau, #bloguri-lat .an-et__nr--rau, #cereri .an-et__nr--rau{ color:var(--an-azi-text); font-weight:600; }
#anunturi .an-contor--sub, #ghiduri .an-contor--sub, #bloguri .an-contor--sub, #bloguri-lat .an-contor--sub, #cereri .an-contor--sub{ color:var(--an-azi-text); }
#anunturi .an-contor--ok, #ghiduri .an-contor--ok, #bloguri .an-contor--ok, #bloguri-lat .an-contor--ok, #cereri .an-contor--ok{ color:var(--an-jud-text); }
#anunturi .an-camp--bifa label, #ghiduri .an-camp--bifa label, #bloguri .an-camp--bifa label, #bloguri-lat .an-camp--bifa label, #cereri .an-camp--bifa label{ display:inline-flex; align-items:center; gap:8px; font-size:var(--an-fs-body); line-height:1.4; color:var(--an-text); cursor:pointer; }
#anunturi .an-camp--bifa input, #ghiduri .an-camp--bifa input, #bloguri .an-camp--bifa input, #bloguri-lat .an-camp--bifa input, #cereri .an-camp--bifa input{ width:16px; height:16px; margin:0; }
#anunturi .an-form__actiuni, #ghiduri .an-form__actiuni, #bloguri .an-form__actiuni, #bloguri-lat .an-form__actiuni, #cereri .an-form__actiuni{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:24px 0 0; padding-top:18px; border-top:1px solid var(--an-line); }
#anunturi .an-buton--trimite, #ghiduri .an-buton--trimite, #bloguri .an-buton--trimite, #bloguri-lat .an-buton--trimite, #cereri .an-buton--trimite{
  min-height:34px; padding:0 16px; font-family:inherit; font-size:var(--an-fs); font-weight:600; color:#fff; cursor:pointer;
  background:var(--an-action); border:1px solid var(--an-action); border-radius:4px;
}
#anunturi .an-buton--trimite:hover, #ghiduri .an-buton--trimite:hover, #bloguri .an-buton--trimite:hover, #bloguri-lat .an-buton--trimite:hover, #cereri .an-buton--trimite:hover, #anunturi .an-buton--trimite:focus-visible, #ghiduri .an-buton--trimite:focus-visible, #bloguri .an-buton--trimite:focus-visible, #bloguri-lat .an-buton--trimite:focus-visible, #cereri .an-buton--trimite:focus-visible{ background:var(--an-action-hover); border-color:var(--an-action-hover); }
/* editorul: nu lasam fereastra lui sa iasa din coloana temei */
#anunturi .cke_skin_kama, #ghiduri .cke_skin_kama, #bloguri .cke_skin_kama, #bloguri-lat .cke_skin_kama, #cereri .cke_skin_kama, #anunturi .cke_editor, #ghiduri .cke_editor, #bloguri .cke_editor, #bloguri-lat .cke_editor, #cereri .cke_editor{ max-width:100%; }
#anunturi .cke_skin_kama .cke_contents, #ghiduri .cke_skin_kama .cke_contents, #bloguri .cke_skin_kama .cke_contents, #bloguri-lat .cke_skin_kama .cke_contents, #cereri .cke_skin_kama .cke_contents{ background:var(--an-surface); }
#anunturi .an-nota__actiune, #ghiduri .an-nota__actiune, #bloguri .an-nota__actiune, #bloguri-lat .an-nota__actiune, #cereri .an-nota__actiune{ font-weight:600; color:var(--an-brand); }
/* nota gri: informatie, nu avertisment */
#anunturi .an-nota--gri, #ghiduri .an-nota--gri, #bloguri .an-nota--gri, #bloguri-lat .an-nota--gri, #cereri .an-nota--gri{ display:flex; align-items:flex-start; gap:8px; color:var(--an-text-2); background:var(--an-surface-2); }
#anunturi .an-nota--gri svg, #ghiduri .an-nota--gri svg, #bloguri .an-nota--gri svg, #bloguri-lat .an-nota--gri svg, #cereri .an-nota--gri svg{ width:16px; height:16px; margin-top:2px; color:var(--an-text-3); }
/* --- textul ------------------------------------------------------------------------------------------
   Continutul vine din editor sau lipit din Word / de pe alte situri, trece prin filtrul sitului (htmLawed) si prin
   ui_text_curat() (raman doar alinierea, accentele, culorile vii; la imagini plutirea si latimea).
   Tema si nucleul Elgg au reguli generice care strica elementele, masurate pe stiva reala:
     reset.css      sup, sub { vertical-align:baseline; font-size:100% }  -> exponentii cadeau in rand
     framework.css  b { font-weight:normal }                              -> <b> nu mai era ingrosat; ul fara marcaje
     nucleu (css)   blockquote { border:none !important; background:#EBF5FF; line-height:1.3em }; pre, code albastre
     iteach.css     h1-h3 { font-weight:normal; color:#000; font-family:Tahoma }
   De aceea fiecare element primeste aici o regula explicita, cu specificitate mai mare (radacina + clasa). */
#anunturi .an-anunt__text, #ghiduri .an-anunt__text, #bloguri .an-anunt__text, #bloguri-lat .an-anunt__text, #cereri .an-anunt__text{ font-size:15px; line-height:1.65; color:var(--an-text); overflow-wrap:break-word; }   /* pe toata latimea zonei de continut */
#anunturi .an-anunt__text::after, #ghiduri .an-anunt__text::after, #bloguri .an-anunt__text::after, #bloguri-lat .an-anunt__text::after, #cereri .an-anunt__text::after{ content:""; display:table; clear:both; }   /* imaginile plutitoare raman in text */
#anunturi .an-anunt__text p, #ghiduri .an-anunt__text p, #bloguri .an-anunt__text p, #bloguri-lat .an-anunt__text p, #cereri .an-anunt__text p, #anunturi .an-anunt__text > div, #ghiduri .an-anunt__text > div, #bloguri .an-anunt__text > div, #bloguri-lat .an-anunt__text > div, #cereri .an-anunt__text > div{ margin:0 0 14px; padding:0; font-size:15px; line-height:1.65; color:var(--an-text); }
#anunturi .an-anunt__text p:last-child, #ghiduri .an-anunt__text p:last-child, #bloguri .an-anunt__text p:last-child, #bloguri-lat .an-anunt__text p:last-child, #cereri .an-anunt__text p:last-child, #anunturi .an-anunt__text > :last-child, #ghiduri .an-anunt__text > :last-child, #bloguri .an-anunt__text > :last-child, #bloguri-lat .an-anunt__text > :last-child, #cereri .an-anunt__text > :last-child{ margin-bottom:0; }
/* accente in text */
#anunturi .an-anunt__text strong, #ghiduri .an-anunt__text strong, #bloguri .an-anunt__text strong, #bloguri-lat .an-anunt__text strong, #cereri .an-anunt__text strong, #anunturi .an-anunt__text b, #ghiduri .an-anunt__text b, #bloguri .an-anunt__text b, #bloguri-lat .an-anunt__text b, #cereri .an-anunt__text b{ font-weight:700; }
#anunturi .an-anunt__text em, #ghiduri .an-anunt__text em, #bloguri .an-anunt__text em, #bloguri-lat .an-anunt__text em, #cereri .an-anunt__text em, #anunturi .an-anunt__text i, #ghiduri .an-anunt__text i, #bloguri .an-anunt__text i, #bloguri-lat .an-anunt__text i, #cereri .an-anunt__text i, #anunturi .an-anunt__text cite, #ghiduri .an-anunt__text cite, #bloguri .an-anunt__text cite, #bloguri-lat .an-anunt__text cite, #cereri .an-anunt__text cite, #anunturi .an-anunt__text dfn, #ghiduri .an-anunt__text dfn, #bloguri .an-anunt__text dfn, #bloguri-lat .an-anunt__text dfn, #cereri .an-anunt__text dfn{ font-style:italic; }
#anunturi .an-anunt__text u, #ghiduri .an-anunt__text u, #bloguri .an-anunt__text u, #bloguri-lat .an-anunt__text u, #cereri .an-anunt__text u, #anunturi .an-anunt__text ins, #ghiduri .an-anunt__text ins, #bloguri .an-anunt__text ins, #bloguri-lat .an-anunt__text ins, #cereri .an-anunt__text ins{ text-decoration:underline; }
#anunturi .an-anunt__text s, #ghiduri .an-anunt__text s, #bloguri .an-anunt__text s, #bloguri-lat .an-anunt__text s, #cereri .an-anunt__text s, #anunturi .an-anunt__text strike, #ghiduri .an-anunt__text strike, #bloguri .an-anunt__text strike, #bloguri-lat .an-anunt__text strike, #cereri .an-anunt__text strike, #anunturi .an-anunt__text del, #ghiduri .an-anunt__text del, #bloguri .an-anunt__text del, #bloguri-lat .an-anunt__text del, #cereri .an-anunt__text del{ text-decoration:line-through; }
#anunturi .an-anunt__text small, #ghiduri .an-anunt__text small, #bloguri .an-anunt__text small, #bloguri-lat .an-anunt__text small, #cereri .an-anunt__text small{ font-size:85%; }
#anunturi .an-anunt__text big, #ghiduri .an-anunt__text big, #bloguri .an-anunt__text big, #bloguri-lat .an-anunt__text big, #cereri .an-anunt__text big{ font-size:120%; }
#anunturi .an-anunt__text sup, #ghiduri .an-anunt__text sup, #bloguri .an-anunt__text sup, #bloguri-lat .an-anunt__text sup, #cereri .an-anunt__text sup, #anunturi .an-anunt__text sub, #ghiduri .an-anunt__text sub, #bloguri .an-anunt__text sub, #bloguri-lat .an-anunt__text sub, #cereri .an-anunt__text sub{ position:relative; font-size:75%; line-height:0; vertical-align:baseline; }
#anunturi .an-anunt__text sup, #ghiduri .an-anunt__text sup, #bloguri .an-anunt__text sup, #bloguri-lat .an-anunt__text sup, #cereri .an-anunt__text sup{ top:-0.5em; }
#anunturi .an-anunt__text sub, #ghiduri .an-anunt__text sub, #bloguri .an-anunt__text sub, #bloguri-lat .an-anunt__text sub, #cereri .an-anunt__text sub{ bottom:-0.25em; }
#anunturi .an-anunt__text span, #ghiduri .an-anunt__text span, #bloguri .an-anunt__text span, #bloguri-lat .an-anunt__text span, #cereri .an-anunt__text span, #anunturi .an-anunt__text font, #ghiduri .an-anunt__text font, #bloguri .an-anunt__text font, #bloguri-lat .an-anunt__text font, #cereri .an-anunt__text font{ font-family:inherit; font-size:inherit; line-height:inherit; }
/* legaturi: subliniate (in text trebuie sa se vada), la hover portocaliul temei */
#anunturi .an-anunt__text a, #ghiduri .an-anunt__text a, #bloguri .an-anunt__text a, #bloguri-lat .an-anunt__text a, #cereri .an-anunt__text a{ color:var(--an-brand); text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere; }
#anunturi .an-anunt__text a:hover, #ghiduri .an-anunt__text a:hover, #bloguri .an-anunt__text a:hover, #bloguri-lat .an-anunt__text a:hover, #cereri .an-anunt__text a:hover, #anunturi .an-anunt__text a:focus-visible, #ghiduri .an-anunt__text a:focus-visible, #bloguri .an-anunt__text a:focus-visible, #bloguri-lat .an-anunt__text a:focus-visible, #cereri .an-anunt__text a:focus-visible{ color:#FF5C00; }
/* liste (tema le scoate marcajele) */
#anunturi .an-anunt__text ul, #ghiduri .an-anunt__text ul, #bloguri .an-anunt__text ul, #bloguri-lat .an-anunt__text ul, #cereri .an-anunt__text ul, #anunturi .an-anunt__text ol, #ghiduri .an-anunt__text ol, #bloguri .an-anunt__text ol, #bloguri-lat .an-anunt__text ol, #cereri .an-anunt__text ol{ margin:0 0 14px 24px; padding:0; }
#anunturi .an-anunt__text ul, #ghiduri .an-anunt__text ul, #bloguri .an-anunt__text ul, #bloguri-lat .an-anunt__text ul, #cereri .an-anunt__text ul{ list-style:disc outside; }
#anunturi .an-anunt__text ol, #ghiduri .an-anunt__text ol, #bloguri .an-anunt__text ol, #bloguri-lat .an-anunt__text ol, #cereri .an-anunt__text ol{ list-style:decimal outside; }
#anunturi .an-anunt__text ul ul, #ghiduri .an-anunt__text ul ul, #bloguri .an-anunt__text ul ul, #bloguri-lat .an-anunt__text ul ul, #cereri .an-anunt__text ul ul{ list-style:circle outside; }
#anunturi .an-anunt__text ol ol, #ghiduri .an-anunt__text ol ol, #bloguri .an-anunt__text ol ol, #bloguri-lat .an-anunt__text ol ol, #cereri .an-anunt__text ol ol{ list-style:lower-alpha outside; }
#anunturi .an-anunt__text li, #ghiduri .an-anunt__text li, #bloguri .an-anunt__text li, #bloguri-lat .an-anunt__text li, #cereri .an-anunt__text li{ display:list-item; margin:0 0 4px; padding:0; list-style:inherit; background:none; }
#anunturi .an-anunt__text li > p, #ghiduri .an-anunt__text li > p, #bloguri .an-anunt__text li > p, #bloguri-lat .an-anunt__text li > p, #cereri .an-anunt__text li > p{ margin-bottom:4px; }
#anunturi .an-anunt__text ul ul, #ghiduri .an-anunt__text ul ul, #bloguri .an-anunt__text ul ul, #bloguri-lat .an-anunt__text ul ul, #cereri .an-anunt__text ul ul, #anunturi .an-anunt__text ul ol, #ghiduri .an-anunt__text ul ol, #bloguri .an-anunt__text ul ol, #bloguri-lat .an-anunt__text ul ol, #cereri .an-anunt__text ul ol, #anunturi .an-anunt__text ol ol, #ghiduri .an-anunt__text ol ol, #bloguri .an-anunt__text ol ol, #bloguri-lat .an-anunt__text ol ol, #cereri .an-anunt__text ol ol, #anunturi .an-anunt__text ol ul, #ghiduri .an-anunt__text ol ul, #bloguri .an-anunt__text ol ul, #bloguri-lat .an-anunt__text ol ul, #cereri .an-anunt__text ol ul{ margin-top:4px; margin-bottom:4px; }
/* titluri pe trepte (tema: toate 17-18px, „normal”, Tahoma, negre) */
#anunturi .an-anunt__text h1, #ghiduri .an-anunt__text h1, #bloguri .an-anunt__text h1, #bloguri-lat .an-anunt__text h1, #cereri .an-anunt__text h1, #anunturi .an-anunt__text h2, #ghiduri .an-anunt__text h2, #bloguri .an-anunt__text h2, #bloguri-lat .an-anunt__text h2, #cereri .an-anunt__text h2, #anunturi .an-anunt__text h3, #ghiduri .an-anunt__text h3, #bloguri .an-anunt__text h3, #bloguri-lat .an-anunt__text h3, #cereri .an-anunt__text h3, #anunturi .an-anunt__text h4, #ghiduri .an-anunt__text h4, #bloguri .an-anunt__text h4, #bloguri-lat .an-anunt__text h4, #cereri .an-anunt__text h4, #anunturi .an-anunt__text h5, #ghiduri .an-anunt__text h5, #bloguri .an-anunt__text h5, #bloguri-lat .an-anunt__text h5, #cereri .an-anunt__text h5, #anunturi .an-anunt__text h6, #ghiduri .an-anunt__text h6, #bloguri .an-anunt__text h6, #bloguri-lat .an-anunt__text h6, #cereri .an-anunt__text h6{ margin:26px 0 10px; padding:0; font-family:inherit; font-weight:700; line-height:1.3; color:var(--an-text); text-transform:none; letter-spacing:0; border:0; background:none; }
#anunturi .an-anunt__text h1, #ghiduri .an-anunt__text h1, #bloguri .an-anunt__text h1, #bloguri-lat .an-anunt__text h1, #cereri .an-anunt__text h1{ font-size:22px; }
#anunturi .an-anunt__text h2, #ghiduri .an-anunt__text h2, #bloguri .an-anunt__text h2, #bloguri-lat .an-anunt__text h2, #cereri .an-anunt__text h2{ font-size:20px; }
#anunturi .an-anunt__text h3, #ghiduri .an-anunt__text h3, #bloguri .an-anunt__text h3, #bloguri-lat .an-anunt__text h3, #cereri .an-anunt__text h3{ font-size:17px; margin-top:22px; }
#anunturi .an-anunt__text h4, #ghiduri .an-anunt__text h4, #bloguri .an-anunt__text h4, #bloguri-lat .an-anunt__text h4, #cereri .an-anunt__text h4{ font-size:15px; margin-top:18px; }
#anunturi .an-anunt__text h5, #ghiduri .an-anunt__text h5, #bloguri .an-anunt__text h5, #bloguri-lat .an-anunt__text h5, #cereri .an-anunt__text h5, #anunturi .an-anunt__text h6, #ghiduri .an-anunt__text h6, #bloguri .an-anunt__text h6, #bloguri-lat .an-anunt__text h6, #cereri .an-anunt__text h6{ font-size:14px; margin-top:16px; }
#anunturi .an-anunt__text h1:first-child, #ghiduri .an-anunt__text h1:first-child, #bloguri .an-anunt__text h1:first-child, #bloguri-lat .an-anunt__text h1:first-child, #cereri .an-anunt__text h1:first-child, #anunturi .an-anunt__text h2:first-child, #ghiduri .an-anunt__text h2:first-child, #bloguri .an-anunt__text h2:first-child, #bloguri-lat .an-anunt__text h2:first-child, #cereri .an-anunt__text h2:first-child, #anunturi .an-anunt__text h3:first-child, #ghiduri .an-anunt__text h3:first-child, #bloguri .an-anunt__text h3:first-child, #bloguri-lat .an-anunt__text h3:first-child, #cereri .an-anunt__text h3:first-child, #anunturi .an-anunt__text h4:first-child, #ghiduri .an-anunt__text h4:first-child, #bloguri .an-anunt__text h4:first-child, #bloguri-lat .an-anunt__text h4:first-child, #cereri .an-anunt__text h4:first-child{ margin-top:0; }
/* separator, citat, cod */
#anunturi .an-anunt__text hr, #ghiduri .an-anunt__text hr, #bloguri .an-anunt__text hr, #bloguri-lat .an-anunt__text hr, #cereri .an-anunt__text hr{ height:0; margin:24px 0; border:0; border-top:1px solid var(--an-line); }
#anunturi .an-anunt__text blockquote, #ghiduri .an-anunt__text blockquote, #bloguri .an-anunt__text blockquote, #bloguri-lat .an-anunt__text blockquote, #cereri .an-anunt__text blockquote{ margin:0 0 14px; padding:2px 0 2px 16px; border:0 !important; border-left:3px solid var(--an-line-2) !important; border-radius:0; background:none; font-size:15px; line-height:1.65; color:var(--an-text-2); }
#anunturi .an-anunt__text pre, #ghiduri .an-anunt__text pre, #bloguri .an-anunt__text pre, #bloguri-lat .an-anunt__text pre, #cereri .an-anunt__text pre, #anunturi .an-anunt__text code, #ghiduri .an-anunt__text code, #bloguri .an-anunt__text code, #bloguri-lat .an-anunt__text code, #cereri .an-anunt__text code{ font-family:Menlo, Consolas, "Courier New", monospace; font-size:13px; background:var(--an-surface-3); }
#anunturi .an-anunt__text pre, #ghiduri .an-anunt__text pre, #bloguri .an-anunt__text pre, #bloguri-lat .an-anunt__text pre, #cereri .an-anunt__text pre{ margin:0 0 14px; padding:10px 12px; line-height:1.5; white-space:pre-wrap; overflow:auto; border-radius:var(--an-r-sm); }
#anunturi .an-anunt__text code, #ghiduri .an-anunt__text code, #bloguri .an-anunt__text code, #bloguri-lat .an-anunt__text code, #cereri .an-anunt__text code{ padding:1px 4px; border-radius:3px; }
#anunturi .an-anunt__text pre code, #ghiduri .an-anunt__text pre code, #bloguri .an-anunt__text pre code, #bloguri-lat .an-anunt__text pre code, #cereri .an-anunt__text pre code{ padding:0; background:none; }
/* imagini: nu ies din coloana si nu se deformeaza (inaltimea fixa din editor e ignorata; latimea, daca e mai mare,
   se opreste la latimea coloanei); cele plutitoare primesc aer fata de text */
#anunturi .an-anunt__text img, #ghiduri .an-anunt__text img, #bloguri .an-anunt__text img, #bloguri-lat .an-anunt__text img, #cereri .an-anunt__text img{ max-width:100%; height:auto !important; vertical-align:middle; }
#anunturi .an-anunt__text img[style*="float: left"], #ghiduri .an-anunt__text img[style*="float: left"], #bloguri .an-anunt__text img[style*="float: left"], #bloguri-lat .an-anunt__text img[style*="float: left"], #cereri .an-anunt__text img[style*="float: left"]{ margin:4px 20px 10px 0; }
#anunturi .an-anunt__text img[style*="float: right"], #ghiduri .an-anunt__text img[style*="float: right"], #bloguri .an-anunt__text img[style*="float: right"], #bloguri-lat .an-anunt__text img[style*="float: right"], #cereri .an-anunt__text img[style*="float: right"]{ margin:4px 0 10px 20px; }
/* tabele: chenar discret, celule aerisite; latimile din editor raman, dar nu peste coloana */
#anunturi .an-anunt__text table, #ghiduri .an-anunt__text table, #bloguri .an-anunt__text table, #bloguri-lat .an-anunt__text table, #cereri .an-anunt__text table{ width:auto; max-width:100%; margin:0 0 14px; border-collapse:collapse; border-spacing:0; font-size:14px; line-height:1.5; }
#anunturi .an-anunt__text td, #ghiduri .an-anunt__text td, #bloguri .an-anunt__text td, #bloguri-lat .an-anunt__text td, #cereri .an-anunt__text td, #anunturi .an-anunt__text th, #ghiduri .an-anunt__text th, #bloguri .an-anunt__text th, #bloguri-lat .an-anunt__text th, #cereri .an-anunt__text th{ padding:6px 8px; border:1px solid var(--an-line-2); vertical-align:top; text-align:left; background:none; }
#anunturi .an-anunt__text th, #ghiduri .an-anunt__text th, #bloguri .an-anunt__text th, #bloguri-lat .an-anunt__text th, #cereri .an-anunt__text th{ font-weight:700; background:var(--an-surface-2); }
#anunturi .an-anunt__text caption, #ghiduri .an-anunt__text caption, #bloguri .an-anunt__text caption, #bloguri-lat .an-anunt__text caption, #cereri .an-anunt__text caption{ padding:0 0 6px; font-size:13px; color:var(--an-text-3); text-align:left; }
#anunturi .an-anunt__text td p, #ghiduri .an-anunt__text td p, #bloguri .an-anunt__text td p, #bloguri-lat .an-anunt__text td p, #cereri .an-anunt__text td p, #anunturi .an-anunt__text th p, #ghiduri .an-anunt__text th p, #bloguri .an-anunt__text th p, #bloguri-lat .an-anunt__text th p, #cereri .an-anunt__text th p{ margin-bottom:6px; }
/* linia de jos a paginii: contoarele in stanga, butoanele in dreapta */
#anunturi .an-anunt__jos, #ghiduri .an-anunt__jos, #bloguri .an-anunt__jos, #bloguri-lat .an-anunt__jos, #cereri .an-anunt__jos{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:22px 0 0; padding:16px 0 0; border-top:1px solid var(--an-line); font-size:var(--an-fs-xs); color:var(--an-meta); }
#anunturi .an-anunt__jos .an-jos__stat, #ghiduri .an-anunt__jos .an-jos__stat, #bloguri .an-anunt__jos .an-jos__stat, #bloguri-lat .an-anunt__jos .an-jos__stat, #cereri .an-anunt__jos .an-jos__stat{ margin-left:0; }
#anunturi a.an-comentarii__link, #ghiduri a.an-comentarii__link, #bloguri a.an-comentarii__link, #bloguri-lat a.an-comentarii__link, #cereri a.an-comentarii__link, #anunturi a.an-comentarii__link:visited, #ghiduri a.an-comentarii__link:visited, #bloguri a.an-comentarii__link:visited, #bloguri-lat a.an-comentarii__link:visited, #cereri a.an-comentarii__link:visited{ position:relative; z-index:1; color:inherit; text-decoration:none; }
#anunturi a.an-comentarii__link:hover, #ghiduri a.an-comentarii__link:hover, #bloguri a.an-comentarii__link:hover, #bloguri-lat a.an-comentarii__link:hover, #cereri a.an-comentarii__link:hover, #anunturi a.an-comentarii__link:focus-visible, #ghiduri a.an-comentarii__link:focus-visible, #bloguri a.an-comentarii__link:focus-visible, #bloguri-lat a.an-comentarii__link:focus-visible, #cereri a.an-comentarii__link:focus-visible{ color:var(--an-brand); text-decoration:underline; }
#anunturi .an-anunt__jos .an-anunt__actiuni, #ghiduri .an-anunt__jos .an-anunt__actiuni, #bloguri .an-anunt__jos .an-anunt__actiuni, #bloguri-lat .an-anunt__jos .an-anunt__actiuni, #cereri .an-anunt__jos .an-anunt__actiuni{ margin-left:auto; }
#anunturi .an-anunt__actiuni, #ghiduri .an-anunt__actiuni, #bloguri .an-anunt__actiuni, #bloguri-lat .an-anunt__actiuni, #cereri .an-anunt__actiuni{ display:flex; flex-wrap:wrap; gap:8px; }
/* etichetele si categoria, sub text */
#anunturi .an-anunt__etichete, #ghiduri .an-anunt__etichete, #bloguri .an-anunt__etichete, #bloguri-lat .an-anunt__etichete, #cereri .an-anunt__etichete{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:18px 0 0; font-size:var(--an-fs); color:var(--an-meta); }
#anunturi .an-anunt__etichete svg, #ghiduri .an-anunt__etichete svg, #bloguri .an-anunt__etichete svg, #bloguri-lat .an-anunt__etichete svg, #cereri .an-anunt__etichete svg{ width:14px; height:14px; color:var(--an-meta); }
#anunturi .an-anunt__sectiune, #ghiduri .an-anunt__sectiune, #bloguri .an-anunt__sectiune, #bloguri-lat .an-anunt__sectiune, #cereri .an-anunt__sectiune{ margin:32px 0 0; padding:22px 0 0; border-top:1px solid var(--an-line); }
#anunturi .an-anunt__sectiune h2, #ghiduri .an-anunt__sectiune h2, #bloguri .an-anunt__sectiune h2, #bloguri-lat .an-anunt__sectiune h2, #cereri .an-anunt__sectiune h2{ margin:0 0 12px; padding:0; font-family:inherit; font-size:16px; font-weight:700; line-height:1.3; color:var(--an-text); border:0; background:none; text-transform:none; letter-spacing:0; }
#anunturi .an-anunt__alte .an-mini li, #ghiduri .an-anunt__alte .an-mini li, #bloguri .an-anunt__alte .an-mini li, #bloguri-lat .an-anunt__alte .an-mini li, #cereri .an-anunt__alte .an-mini li{ padding:10px 0; }
#anunturi .an-anunt__alte .an-mini a, #ghiduri .an-anunt__alte .an-mini a, #bloguri .an-anunt__alte .an-mini a, #bloguri-lat .an-anunt__alte .an-mini a, #cereri .an-anunt__alte .an-mini a{ font-size:var(--an-fs-body); }
/* paginarea comentariilor (list_annotations o pune si deasupra, si dedesubtul listei): doar cea de jos */
#anunturi .an-comentarii .pagination, #ghiduri .an-comentarii .pagination, #bloguri .an-comentarii .pagination, #bloguri-lat .an-comentarii .pagination, #cereri .an-comentarii .pagination{ padding:0 !important; margin:16px 0 8px !important; }
#anunturi .an-comentarii > h2 + .pagination, #ghiduri .an-comentarii > h2 + .pagination, #bloguri .an-comentarii > h2 + .pagination, #bloguri-lat .an-comentarii > h2 + .pagination, #cereri .an-comentarii > h2 + .pagination{ display:none !important; }
/* comentariile: vederile temei, cu spatierea lor; doar fara umbra de text (mostenita) */
#anunturi .an-comentarii .generic_comment, #ghiduri .an-comentarii .generic_comment, #bloguri .an-comentarii .generic_comment, #bloguri-lat .an-comentarii .generic_comment, #cereri .an-comentarii .generic_comment{ text-shadow:none; }

/* --- ecrane mai mici (cand tema are viewport; tema actuala se afiseaza micsorata pe telefon) --- */
@media (max-width:760px){
  #anunturi.an-pagina, #ghiduri.an-pagina, #bloguri.an-pagina, #bloguri-lat.an-pagina, #cereri.an-pagina{ padding:16px 12px 20px; }
  #anunturi .an-cap .an-buton, #ghiduri .an-cap .an-buton, #bloguri .an-cap .an-buton, #bloguri-lat .an-cap .an-buton, #cereri .an-cap .an-buton{ width:100%; min-height:44px; margin:0; }
  #anunturi a.an-filtru, #ghiduri a.an-filtru, #bloguri a.an-filtru, #bloguri-lat a.an-filtru, #cereri a.an-filtru{ min-height:44px; padding:10px 0 12px; }
  #anunturi .an-surse ul, #ghiduri .an-surse ul, #bloguri .an-surse ul, #bloguri-lat .an-surse ul, #cereri .an-surse ul{ gap:0 18px; }
  #anunturi .an-item__corp, #ghiduri .an-item__corp, #bloguri .an-item__corp, #bloguri-lat .an-item__corp, #cereri .an-item__corp{ grid-template-columns:56px minmax(0,1fr); gap:0 12px; }
  #anunturi .an-flux .an-avatar, #ghiduri .an-flux .an-avatar, #bloguri .an-flux .an-avatar, #bloguri-lat .an-flux .an-avatar, #cereri .an-flux .an-avatar{ width:56px; height:56px; }
  #anunturi .an-autor-cap--mare, #ghiduri .an-autor-cap--mare, #bloguri .an-autor-cap--mare, #bloguri-lat .an-autor-cap--mare, #cereri .an-autor-cap--mare{ gap:14px; }
  #anunturi .an-autor-cap--mare .an-avatar, #ghiduri .an-autor-cap--mare .an-avatar, #bloguri .an-autor-cap--mare .an-avatar, #bloguri-lat .an-autor-cap--mare .an-avatar, #cereri .an-autor-cap--mare .an-avatar{ width:72px; height:72px; }
  #anunturi .an-autor-cap--panou, #ghiduri .an-autor-cap--panou, #bloguri .an-autor-cap--panou, #bloguri-lat .an-autor-cap--panou, #cereri .an-autor-cap--panou{ padding:16px; }
  #anunturi .an-flux .an-item, #ghiduri .an-flux .an-item, #bloguri .an-flux .an-item, #bloguri-lat .an-flux .an-item, #cereri .an-flux .an-item{ margin:0 -12px; padding:16px 12px; }
  #anunturi .an-item__cap, #ghiduri .an-item__cap, #bloguri .an-item__cap, #bloguri-lat .an-item__cap, #cereri .an-item__cap{ flex-wrap:wrap; }
  #anunturi .an-item__eticheta, #ghiduri .an-item__eticheta, #bloguri .an-item__eticheta, #bloguri-lat .an-item__eticheta, #cereri .an-item__eticheta{ max-width:none; padding-top:0; text-align:left; }
  #anunturi .an-flux .an-item__titlu, #ghiduri .an-flux .an-item__titlu, #bloguri .an-flux .an-item__titlu, #bloguri-lat .an-flux .an-item__titlu, #cereri .an-flux .an-item__titlu{ font-size:20px; }
  #anunturi a.an-chip, #ghiduri a.an-chip, #bloguri a.an-chip, #bloguri-lat a.an-chip, #cereri a.an-chip{ min-height:44px; padding:0 14px; }
  #anunturi .an-ghiduri-toate-lista > summary, #ghiduri .an-ghiduri-toate-lista > summary, #bloguri .an-ghiduri-toate-lista > summary, #bloguri-lat .an-ghiduri-toate-lista > summary, #cereri .an-ghiduri-toate-lista > summary{ min-height:44px; }
}
@media (max-width:620px){
  /* butoanele listei in chenar trec sub text, aliniate cu el (fotografia de 48px + 14px) */
  #anunturi .an-lista__rand, #ghiduri .an-lista__rand, #bloguri .an-lista__rand, #bloguri-lat .an-lista__rand, #cereri .an-lista__rand{ flex-wrap:wrap; }
  #anunturi .an-lista__actiuni, #ghiduri .an-lista__actiuni, #bloguri .an-lista__actiuni, #bloguri-lat .an-lista__actiuni, #cereri .an-lista__actiuni{ width:100%; padding-left:62px; }
}
@media (max-width:520px){
  #anunturi .an-surse ul, #ghiduri .an-surse ul, #bloguri .an-surse ul, #bloguri-lat .an-surse ul, #cereri .an-surse ul{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
  #anunturi .an-filtru, #ghiduri .an-filtru, #bloguri .an-filtru, #bloguri-lat .an-filtru, #cereri .an-filtru{ white-space:nowrap; }
}
@media print{
  #anunturi .an-surse, #ghiduri .an-surse, #bloguri .an-surse, #bloguri-lat .an-surse, #cereri .an-surse, #anunturi .an-buton, #ghiduri .an-buton, #bloguri .an-buton, #bloguri-lat .an-buton, #cereri .an-buton{ display:none !important; }
}
/*iteach 1.1*/

pre, code {
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:12px;
	background:#EBF5FF;
	overflow:auto;
	
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	
}
code {
	padding:2px 3px;
}
pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}
blockquote {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
	background:#EBF5FF;
	border:none !important;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
blockquote p {
	margin:0 0 5px 0;
}

/* ***************************************
    PAGE LAYOUT - MAIN STRUCTURE
*************************************** */
#page_container {
	margin:0;
	padding:0;
}
#page_wrapper {
	width:990px;
	margin:0 auto;
	padding:0;
	min-height: 300px;

}
#layout_header {
	text-align:left;
	width:100%;
	height:67px;
	background:#dedede;
}
#wrapper_header {
	margin:0;
	padding:10px 20px 20px 0px;
}
#wrapper_header h1 {
	margin:10px 0 0 0;
	letter-spacing: -0.03em;
}
#layout_canvas {
border:none;
}


/* canvas layout: 1 column, no sidebar */
#one_column {
	width:1077px;
	margin:0;
	min-height: 360px;
	float:left;
	background: #f1f1f1;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}

/* canvas layout: 2 column left sidebar */
#two_column_left_sidebar {
	width:200px;
	margin:0 0px 0 0;
	min-height:360px;
	float:left;


}

#two_column_left_sidebar_maincontent, #profile-main, two_column_left_sidebar_maincontent_boxes {
	width:770px;
	margin:0;
	min-height: 360px;
	float:left;
	background: #FFFFFF;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:1px solid #F1F1F1;
    border-top:1px solid #F1F1F1;
}

#two_column_left_sidebar_maincontent a, #two_column_left_sidebar_maincontent table{}




/*#two_column_left_sidebar_maincontent_boxes {

	width:730px;
	float:left;

}*/
#two_column_left_sidebar_boxes {
	width:210px;
	margin:0px 0 20px 0px;
	min-height:360px;
	float:left;
	padding:0;
}
#two_column_left_sidebar_boxes .sidebarBox {
	margin:0px 0 22px 0;
	background: #dedede;
	padding:4px 10px 10px 10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#two_column_left_sidebar_boxes .sidebarBox h3 {
	padding:0 0 5px 0;
	font-size:1.25em;
	line-height:1.2em;
	color:#0054A7;
}

.contentWrapper {
	/*background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;*/
    padding:0px;
    margin:0 0px 10px 0px;
}
.contentWrapper p{ padding:0px 10px 0px 10px; line-height:18px;}
span.contentIntro p {
	margin:0 0 0 0;
}
.notitle {
	margin-top:10px;
}

/* canvas layout: widgets (profile and dashboard) */
#widgets_left {
	width:268px;
	margin:0 22px 20px 0;
	min-height:360px;
	padding:0;
}
#widgets_middle {
	width:470px;
	margin:0 0 20px 0;
	padding:0;
}
#widgets_right {
	width:294px;
	margin:0px 0 20px 7px;
	float:left;
	padding:0;
}

#widget_table{
width:1098px;
}
#widget_table td {
	border:0;
	padding:0;
	margin:0;
	text-align: left;
	vertical-align: top;
}
/* IE6 fixes */
* html #widgets_right { float:none; }
* html #profile_info_column_left {
	margin:0 10px 0 0;
	width:200px;
}
* html #dashboard_info { width:585px; }
/* IE7 */
*:first-child+html #profile_info_column_left { width:200px; }


/* ***************************************
	SPOTLIGHT
*************************************** */
#layout_spotlight {
	margin:20px 0 20px 0;
	padding:0;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background: white;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#wrapper_spotlight {
	margin:0;
	padding:0;
	height:auto;
}
#wrapper_spotlight #spotlight_table h2 {
	color:#4690d6;
	font-size:1.25em;
	line-height:1.2em;
}
#wrapper_spotlight #spotlight_table li {
	list-style: square;
	line-height: 1.2em;
	margin:5px 20px 5px 0;
	color:#4690d6;
}
#wrapper_spotlight .collapsable_box_content  {
	margin:0;
	padding:10px 10px 5px 10px;
	background:none;
	min-height:60px;
	border:none;
	border-top:1px solid #cccccc;
}
#spotlight_table {
	margin:0 0 2px 0;
}
#spotlight_table .spotlightRHS {
	float:right;
	width:270px;
	margin:0 0 0 50px;
}
/* IE7 */
*:first-child+html #wrapper_spotlight .collapsable_box_content {
	width:958px;
}
#layout_spotlight .collapsable_box_content p {
	padding:0;
}
#wrapper_spotlight .collapsable_box_header  {
	border: none;
	background: none;
}


/* ***************************************
	FOOTER
*************************************** */
#layout_footer {
	height:80px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	margin:0 0 20px 0;
}
#layout_footer table {
   margin:0 0 0 20px;
}
#layout_footer a, #layout_footer p {
   color:#333333;
   margin:0;
}
#layout_footer .footer_toolbar_links {
	text-align:right;
	padding:15px 0 0 0;
	font-size:1.2em;
}
#layout_footer .footer_legal_links {
	text-align:right;
}


/* ***************************************
  HORIZONTAL ELGG TOPBAR
*************************************** */
#elgg_topbar {
	background:#333333 url(https://iteach.ro/_graphics/toptoolbar_background.gif) repeat-x top left;
	color:#eeeeee;
	border-bottom:1px solid #000000;
	min-width:998px;
	position:relative;
	width:100%;
	height:24px;
	z-index: 9000; /* if you have multiple position:relative elements, then IE sets up separate Z layer contexts for each one, which ignore each other */
}
#elgg_topbar_container_left {
	float:left;
	height:24px;
	left:0px;
	top:0px;
	position:absolute;
	text-align:left;
	width:60%;
}
#elgg_topbar_container_right {
	float:right;
	height:24px;
	position:absolute;
	right:0px;
	top:0px;
	/* width:120px;*/
	text-align:right;
}
#elgg_topbar_container_search {
	float:right;
	height:21px;
	/*width:280px;*/
	position:relative;
	right:120px;
	text-align:right;
	margin:3px 0 0 0;
}
#elgg_topbar_container_left .toolbarimages {
	float:left;
	margin-right:20px;
}
#elgg_topbar_container_left .toolbarlinks {
	margin:0 0 10px 0;
	float:left;
}
#elgg_topbar_container_left .toolbarlinks2 {
	margin:3px 0 0 0;
	float:left;
}
#elgg_topbar_container_left a.loggedinuser {
	color:#eeeeee;
	font-weight:bold;
	margin:0 0 0 5px;
}
#elgg_topbar_container_left a.pagelinks {
	color:white;
	margin:0 15px 0 5px;
	display:block;
	padding:3px;
}
#elgg_topbar_container_left a.pagelinks:hover {
	background: #4690d6;
	text-decoration: none;
}
#elgg_topbar_container_left a.privatemessages {
	background:transparent url(https://iteach.ro/_graphics/toolbar_messages_icon.gif) no-repeat left 2px;
	padding:0 0 4px 16px;
	margin:0 15px 0 5px;
	cursor:pointer;
}
#elgg_topbar_container_left a.privatemessages:hover {
	text-decoration: none;
	background:transparent url(https://iteach.ro/_graphics/toolbar_messages_icon.gif) no-repeat left -36px;
}
#elgg_topbar_container_left a.privatemessages_new {
	background:transparent url(https://iteach.ro/_graphics/toolbar_messages_icon.gif) no-repeat left -17px;
	padding:0 0 0 18px;
	margin:0 15px 0 5px;
	color:white;
}
/* IE6 */
* html #elgg_topbar_container_left a.privatemessages_new { background-position: left -18px; } 
/* IE7 */
*+html #elgg_topbar_container_left a.privatemessages_new { background-position: left -18px; } 

#elgg_topbar_container_left a.privatemessages_new:hover {
	text-decoration: none;
}

#elgg_topbar_container_left a.usersettings {
	margin:0 0 0 20px;
	color:#999999;
	padding:3px;
}
#elgg_topbar_container_left a.usersettings:hover {
	color:#eeeeee;
}
#elgg_topbar_container_left img {
	margin:0 0 0 5px;
}
#elgg_topbar_container_left .user_mini_avatar {
	border:1px solid #eeeeee;
	margin:0 0 0 20px;
}
#elgg_topbar_container_right {
	padding:3px 0 0 0;
}
#elgg_topbar_container_right a {
	color:#eeeeee;
	margin:0 5px 0 0;
	background:transparent url(https://iteach.ro/_graphics/elgg_toolbar_logout.gif) no-repeat top right;
	padding:0 21px 0 0;
	display:block;
	height:20px;
}
/* IE6 fix */
* html #elgg_topbar_container_right a { 
	width: 120px;
}
#elgg_topbar_container_right a:hover {
	background-position: right -21px;
}
#elgg_topbar_panel {
	background:#333333;
	color:#eeeeee;
	height:200px;
	width:100%;
	padding:10px 20px 10px 20px;
	display:none;
	position:relative;
}




/* ***************************************
	TOP BAR - VERTICAL TOOLS MENU
*************************************** */
/* elgg toolbar menu setup */
ul.topbardropdownmenu, ul.topbardropdownmenu ul {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	list-style-type: none;
	z-index: 9000;
	position: relative;
}
ul.topbardropdownmenu {
	margin:0pt 20px 0pt 5px;
}
ul.topbardropdownmenu li { 
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
ul.topbardropdownmenu a {
	display:block;
}
ul.topbardropdownmenu ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
/* IE6 fix */
* html ul.topbardropdownmenu ul {
	line-height: 1.1em;
}
/* IE6/7 fix */
ul.topbardropdownmenu ul a {
	zoom: 1;
} 
ul.topbardropdownmenu ul li {
	float: none;
}   
/* elgg toolbar menu style */
ul.topbardropdownmenu ul {
	width: 150px;
	top: 24px;
	border-top:1px solid black;
}
ul.topbardropdownmenu *:hover {
	background-color: none;
}
ul.topbardropdownmenu a {
	padding:3px;
	text-decoration:none;
	color:white;
}
ul.topbardropdownmenu li.hover a {
	background-color: #4690d6;
	text-decoration: none;
}
ul.topbardropdownmenu ul li.drop a {
	font-weight: normal;
}
/* IE7 fixes */
*:first-child+html #elgg_topbar_container_left a.pagelinks {

}
*:first-child+html ul.topbardropdownmenu li.drop a.menuitemtools {
	padding-bottom:6px;
}
ul.topbardropdownmenu ul li a {
	background-color: #999999;/* menu off state color */
	font-weight: bold;
	padding-left:6px;
	padding-top:4px;
	padding-bottom:0;
	height:22px;
	border-bottom: 1px solid white;
}
ul.topbardropdownmenu ul a.hover {
	background-color: #333333;
}
ul.topbardropdownmenu ul a {
	opacity: 0.9;
	filter: alpha(opacity=90);
}


/* ***************************************
  SYSTEM MESSSAGES
*************************************** */
.message {
    background:#ccffcc;
    color:#000000;
    padding:3px 10px 3px 10px;
    z-index: 8000;
	margin:0 auto;
	position:fixed;
	top:30px;
	width:987px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border:4px solid #00CC00;
	cursor: pointer;
}
.messages_error {
    border:4px solid #D3322A;
    background:#F7DAD8;
    color:#000000;
    padding:3px 10px 3px 10px;
    z-index: 8000;
	margin:0;
	position:fixed;
	top:30px;
	width:987px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	cursor: pointer;
}
.closeMessage {
	float:right;
	margin-top:17px;
}
.closeMessage a {
	color:#666666;
	cursor: pointer;
	text-decoration: none;
	font-size: 80%;
}
.closeMessage a:hover {
	color:black;
}


/* ***************************************
  COLLAPSABLE BOXES
*************************************** */
.collapsable_box {
	margin: 0 0 20px 0;
	height:auto;

}
/* IE6 fix */
* html .collapsable_box  { 
	height:10px;
}
.collapsable_box_header {
	color: #4690d6;
	padding: 10px 10px 10px 10px;
	margin:0;
	/*border-left: 1px solid #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	/*-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px; 
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;*/

    clear:both;
}
.collapsable_box_header h1 {
	width:auto; 

	color: #0054a7;
	font-size:16px;
	line-height:18px;
    font-weight:bold;
    padding:0px; margin:0px;
}
.collapsable_box_content {
	padding: 5px 0 5px 0;
	margin:0;
	height:auto;
	/*background:#ffffff;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
}
.collapsable_box_content p{ padding:0px 10px 0px 10px; marging-bottom:0px;}
.collapsable_box_content .contentWrapper {
	margin-bottom:5px;
}
.collapsable_box_editpanel {
	display: none;
	background: #eeeeee;
	padding:10px 10px 5px 10px;
	border-left: 1px solid white;
    border-right: 1px solid #cccccc;
	border-bottom: 1px solid white;
}
.collapsable_box_editpanel p {
	margin:0 0 5px 0;
}
.collapsable_box_header a.toggle_box_contents {
	color: #888888;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	text-decoration:none;
	float:right;
	margin: 0;
	margin-top: 0px;
}
.collapsable_box_header a.toggle_box_edit_panel {
	color: #4690d6;
	cursor:pointer;
	font-size:9px;
    width:16px;
    height:16px;
    text-indent:-100000px;
	text-decoration:none;
	font-weight: normal;
	float:right;
	margin: 3px 10px 0 0;
    background:url(https://iteach.ro/https://iteach.ro/athena/design/iteach1.0/icons/edit.png) no-repeat top left;
}
.collapsable_box_editpanel label {
	font-weight: normal;
	font-size: 100%;
}
/* used for collapsing a content box */
.display_none {
	display:none;
}
/* used on spotlight box - to cancel default box margin */
.no_space_after {
	margin: 0 0 0 0;
}



/* ***************************************
	GENERAL FORM ELEMENTS
*************************************** */


.cancel_button {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	background:#dddddd;
	border: 1px solid #999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 25px;
	padding: 2px 6px 2px 6px;
	margin:10px 0 10px 10px;
	cursor: pointer;
}
.cancel_button:hover {
	background: #cccccc;
}

.input-text,
.input-tags,
.input-url,
.input-textarea {
	width:98%;
}

.input-textarea {
	height: 200px;
}


/* ***************************************
	LOGIN / REGISTER
*************************************** */
#login-box {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background: #dedede;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	width:240px;
    text-align:left;
}
#login-box form {
	margin:0 10px 0 10px;
	padding:0 10px 4px 10px;
	background: white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	width:200px;
}
#login-box h2 {
	color:#0054A7;
	font-size:1.35em;
	line-height:1.2em;
	margin:0 0 0 8px;
	padding:5px 5px 0 5px;
}
#login-box .login-textarea {
	width:178px;
}
#login-box label,
#register-box label {
	font-size: 1.2em;
	color:gray;
}
#login-box p.loginbox {
	margin:0;
}
#login-box input[type="text"],
#login-box input[type="password"],
#register-box input[type="text"],
#register-box input[type="password"] {
	margin:0 0 10px 0;
}
#register-box input[type="text"],
#register-box input[type="password"] {
	width:380px;
}
#login-box h2,
#login-box-openid h2,
#register-box h2,
#add-box h2,
#forgotten_box h2 {
	color:#0054A7;
	font-size:1.35em;
	line-height:1.2em;
	margin:0pt 0pt 5px;
}
#forgotten_box{ height:450px;}
#register-box {
    text-align:left;
    width:400px;
    padding:10px;
    background: #dedede;
    margin:0;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#persistent_login label {
	font-size:1.0em;
	font-weight: normal;
}
/* login and openID boxes when not running custom_index mod */
#two_column_left_sidebar #login-box {
	width:auto;
	background: none;
}
#two_column_left_sidebar #login-box form {
	width:auto;
	margin:10px 10px 0 10px;
	padding:5px 0 5px 10px;
}
#two_column_left_sidebar #login-box h2 {
	margin:0 0 0 5px;
	padding:5px 5px 0 5px;
}
#two_column_left_sidebar #login-box .login-textarea {
	width:158px;
}


/* ***************************************
	PROFILE
*************************************** */
#profile_info {
	margin:0 0 20px 0;
	padding:3px;
	/*border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background: #e9e9e9;*/
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#profile_info_column_left {
	float:left;
	padding: 0;
	margin:0 20px 0 0;
}
#profile_info_column_middle {
	/*float:left;
	width:700px;
	padding: 0;*/
}
#profile_info_column_right {
	width:578px;
	margin:0 0 0 0;
	background:#dedede;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	padding:4px;
}
#dashboard_info {
	margin:0px 0px 0 0px;
	padding:20px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background: #bbdaf7;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#profile_menu_wrapper {
	margin:10px 0 10px 0;
	width:200px;
}
#profile_menu_wrapper p {
	border-bottom:1px solid #cccccc;
}
#profile_menu_wrapper p:first-child {
	/*border-top:1px solid #cccccc;*/
}
#profile_menu_wrapper a {
	display:block;
	padding:0 0 0 0px;
}
#profile_menu_wrapper a:hover {

}
p.user_menu_friends, p.user_menu_profile, 
p.user_menu_removefriend, 
p.user_menu_friends_of {
	margin:0;
}
#profile_menu_wrapper .user_menu_admin {
	border-top:none;
}

#profile_info_column_middle p {
	margin:7px 0 7px 0;
	padding:2px 4px 2px 4px;
}
/* profile owner name */
#profile_info_column_middle h2 {
	padding:0 0 14px 0;
	margin:0;
}
#profile_info_column_middle .profile_status {
	background:#bbdaf7;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	padding:2px 4px 2px 4px;
	line-height:1.2em;
}
#profile_info_column_middle .profile_status span {
	display:block;
	font-size:90%;
	color:#666666;	
}
#profile_info_column_middle a.status_update {
	float:right;	
}
#profile_info_column_middle .odd {
	/*background:#dedede;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;*/
}
#profile_info_column_middle .even {
	/*background:#dedede;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;*/
}
#profile_info_column_right p {
	margin:0 0 7px 0;
}
#profile_info_column_right .profile_aboutme_title {
	margin:0;
	padding:0;
	line-height:1em;
}
/* edit profile button */
.profile_info_edit_buttons {
	position:absolute;
    right:10px; top:15px;
	margin:0  !important;
	padding:0 !important;
}
/*.profile_info_edit_buttons a {

}
.profile_info_edit_buttons a:hover {

}*/


/* ***************************************
	RIVER
*************************************** */
#river,
.river_item_list {
	/*border-top:1px solid #dddddd;*/
}
.river_item p {
	margin:0;
	padding:0 0 0 20px;
	line-height:16px;
	min-height:17px;
}
.river_item {
	/*border-bottom:1px solid #dddddd;*/
	padding:5px 0 5px 0;
    margin:0px 0px 10px 0px;
    font-size:11px;
}
.river_item  .icon{ border:1px solid #cccccc;}
.river_item  .river_content img{ border:1px solid #cccccc;}
.river_item_time {
	display:block; clear:both;
	font-size:11px;
	color:#777777;
}
/* IE6 fix */
* html .river_item p { 
	padding:3px 0 3px 20px;
}
/* IE7 */
*:first-child+html .river_item p {
	min-height:17px;
}
.river_user_update {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_profile.gif) no-repeat left 2px;
}
.river_object_user_profileupdate {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_profile.gif) no-repeat left 2px;
}
.river_object_user_profileiconupdate {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_profile.gif) no-repeat left 2px;
}
.river_object_annotate {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;
}
.river_object_bookmarks_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_bookmarks.gif) no-repeat left 2px;
}
.river_object_bookmarks_comment {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;
}
.river_object_status_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_status.gif) no-repeat left 2px;
}
.river_object_file_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_files.gif) no-repeat left 2px;
}
.river_object_file_update {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_files.gif) no-repeat left 2px;
}
.river_object_file_comment {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;
}
.river_object_widget_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_plugin.gif) no-repeat left 2px;
}
.river_object_forums_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif) no-repeat left 2px;
}
.river_object_forums_update {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif) no-repeat left 2px;
}
.river_object_widget_update {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_plugin.gif) no-repeat left 2px;	
}
.river_object_blog_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left 2px;
}
.river_object_blog_update {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left 2px;
}
.river_object_blog_comment {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;
}
.river_object_forumtopic_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif) no-repeat left 2px;
}
.river_user_friend {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_friends.gif) no-repeat left 2px;
}
.river_object_relationship_friend_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_friends.gif) no-repeat left 2px;
}
.river_object_relationship_member_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif) no-repeat left 2px;
}
.river_object_thewire_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_thewire.gif) no-repeat left 2px;
}
.river_group_join {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif) no-repeat left 2px;
}
.river_object_groupforumtopic_annotate {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;
}
.river_object_groupforumtopic_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif) no-repeat left 2px;
}
.river_object_sitemessage_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left 2px;	
}
.river_user_messageboard {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;	
}
.river_object_page_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_pages.gif) no-repeat left 2px;
}
.river_object_page_top_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_pages.gif) no-repeat left 2px;
}
.river_object_page_top_comment {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;
}
.river_object_page_comment {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;
}

/* ***************************************
	SEARCH LISTINGS	
*************************************** */
.search_listing {
	display: block;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background:white;
	margin:0 0px 5px 0px;
}
.search_listing_icon {
	float:left;
    display:inline-block;
    margin:0px 10px 0px 0px;
}
.search_listing_icon img {
 border:1px solid #cccccc; 
 background:#ffffff;
 padding:2px;
}
.search_listing_icon .avatar_menu_button img {
	width: 15px;
}
.search_listing_info {
	margin-left: 50px;
	min-height: 40px;
}
/* IE 6 fix */
* html .search_listing_info {
	height:40px;
}
.search_listing_info p {
	margin:0 0 10px 0;
	line-height:18px;
}

table.search_gallery {
	border-spacing: 10px;
	margin:0 0 0 0;
}
.search_gallery td {
	padding: 5px;
}
.search_gallery_item {
	background: #ffffff;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	width:170px;
}
.search_gallery_item:hover {
	background:#D5F7FE;
	color:#111111;
}

.search_gallery_item small{ font-size:10px;}
.search_gallery_item .search_listing {
	background: none;
	text-align: center;
}
.search_gallery_item .search_listing_header {
	text-align: center;
}
.search_gallery_item .search_listing_icon {
	position: relative;
	text-align: center;
}
.search_gallery_item .search_listing_info {
	margin: 5px;
}
.search_gallery_item .search_listing_info p {
	margin: 5px;
	margin-bottom: 10px;
}
.search_gallery_item .search_listing {
	background: none;
	text-align: center;
}
.search_gallery_item .search_listing_icon {
	position: absolute;
	margin-bottom: 20px;
}
.search_gallery_item .search_listing_info {
	margin: 5px;
}
.search_gallery_item .search_listing_info p {
	margin: 5px;
	margin-bottom: 10px;
}


/* ***************************************
	FRIENDS
*************************************** */
/* friends widget */
#widget_friends_list {
	display:table;
	width:275px;
	margin:0 10px 0 10px;
	padding:8px 0 4px 8px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background:white;
}
.widget_friends_singlefriend {
	float:left;
	margin:0 5px 5px 0;
}


/* ***************************************
	ADMIN AREA - PLUGIN SETTINGS
*************************************** */
.plugin_details {
	margin:0 10px 5px 10px;
	padding:0 7px 4px 10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
.admin_plugin_reorder {
	float:right;
	width:200px;
	text-align: right;
}
.admin_plugin_reorder a {
	padding-left:10px;
	font-size:80%;
	color:#999999;
}
.plugin_details a.pluginsettings_link {
	cursor:pointer;
	font-size:80%;
}
.active {
	border:1px solid #999999;
    background:white;
}
.not-active {
    border:1px solid #999999;
    background:#dedede;
}
.plugin_details p {
	margin:0;
	padding:0;
}
.plugin_details a.manifest_details {
	cursor:pointer;
	font-size:80%;
}
.manifest_file {
	background:#dedede;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding:5px 10px 5px 10px;
	margin:4px 0 4px 0;
	display:none;
}
.admin_plugin_enable_disable {
	width:150px;
	margin:10px 0 0 0;
	float:right;
	text-align: right;
}
.contentIntro .enableallplugins,
.contentIntro .disableallplugins {
	float:right;
}
.contentIntro .enableallplugins {
	margin-left:10px;
}
.contentIntro .enableallplugins, 
.not-active .admin_plugin_enable_disable a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#4690d6;
	border: 1px solid #4690d6;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	padding: 4px;
	cursor: pointer;
}
.contentIntro .enableallplugins:hover, 
.not-active .admin_plugin_enable_disable a:hover {
	background:none;
	border: 1px solid #0054a7;
	text-decoration: none;
}
.contentIntro .disableallplugins, 
.active .admin_plugin_enable_disable a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#999999;
	border: 1px solid #999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	padding: 4px;
	cursor: pointer;
}
.contentIntro .disableallplugins:hover, 
.active .admin_plugin_enable_disable a:hover {
	background: #333333;
	border: 1px solid #333333;
	text-decoration: none;
}
.pluginsettings {
	margin:15px 0 5px 0;
	background:#bbdaf7;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding:10px;
	display:none;
}
.pluginsettings h3 {
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #999999;
}
#updateclient_settings h3 {
	padding:0;
	margin:0;
	border:none;
}
.input-access {
	margin:5px 0 0 0;
}

/* ***************************************
	GENERIC COMMENTS
*************************************** */
.generic_comment_owner {
	font-size: 90%;
	color:#666666;
}
.generic_comment {

    padding:10px;
    margin:0 10px 10px 10px;
    width:90%;
}
.generic_comment form, .generic_comment .commentlabel { margin:0px 0px 0px 40px;}
.generic_comment_icon {
	float:left;
}
.generic_comment_details {
	margin-left: 20px;
}
.generic_comment_details p {
	margin: 0 0 5px 0;
}
.generic_comment_owner {
	color:#666666;
	margin: 0px;
	font-size:90%;
	border-top: 1px solid #F1F1F1;
}
/* IE6 */
* html #generic_comment_tbl { width:676px !important;}

	
/* ***************************************
  PAGE-OWNER BLOCK
*************************************** */
#owner_block {
	padding:10px 5px 0px 0px;
}
#owner_block_icon {
	float:left;
	margin:0 10px 0 0;
}
#owner_block_icon img{ /*border:1px solid #444444;*/}
#owner_block_rss_feed,
#owner_block_odd_feed,
#owner_block_bookmark_this,
#owner_block_report_this {
	padding:5px 0 0 0;
}
#owner_block_report_this {
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
}
#owner_block_rss_feed a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://iteach.ro/_graphics/icon_rss.gif) no-repeat left top;
}
#owner_block_odd_feed a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://iteach.ro/_graphics/icon_odd.gif) no-repeat left top;
}
#owner_block_bookmark_this a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://iteach.ro/_graphics/icon_bookmarkthis.gif) no-repeat left top;
}
#owner_block_report_this a {
	font-size: 90%;
	color:#999999;
	padding:0 0 4px 20px;
	background: url(https://iteach.ro/_graphics/icon_reportthis.gif) no-repeat left top;
}
#owner_block_rss_feed a:hover,
#owner_block_odd_feed a:hover,
#owner_block_bookmark_this a:hover,
#owner_block_report_this a:hover {
	color: #0054a7;
}
#owner_block_desc {
	padding:4px 0 4px 0;
	margin:0 0 0 0;
	line-height: 18px;
	color:#666666;
}
#owner_block_content {
	margin:0 0 5px 5px;
	padding:2px 0 0 0;
	min-height:35px;
	font-weight: normal;
    font-size:18px;
}
#owner_block_content a {
	line-height:24px;
    color:#666666;
    font-family:Tahoma, Verdana;
    width:100%; 
    display:block;
    float:left;
    clear:left;
}
#owner_block_content a:hover {
	text-decoration:none;
    color:#000000;
}
.ownerblockline {
	padding:0;
	margin:0;
	border-bottom:1px solid #cccccc;
	height:1px;
}
#owner_block_submenu {
	margin:0px 0 0px 0;
	padding: 0;
	width:100%;
}
#owner_block_submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#owner_block_submenu ul li.selected a {
	background: none;
	color:#111111;
   
}
#owner_block_submenu ul li.selected a:hover {
	background: none;
	color:#111111;
}
#owner_block_submenu ul li a {
	text-decoration: none;
	display: block;
	margin: 2px 0 0 0;
	padding:4px 6px 4px 5px;
	font-weight: normal;
	line-height: 18px;
}
#owner_block_submenu ul li a:hover {
	color:#111111;
	background:none;
}

/* IE 6 + 7 menu arrow position fix */
* html #owner_block_submenu ul li.selected a {
	background-position: left 10px;
    color:#111111;
}
*:first-child+html #owner_block_submenu ul li.selected a {
	background-position: left 8px;
    color:#111111;
}

#owner_block_submenu .submenu_group {
	
	margin:0px 0px 0px 0px;
	padding-bottom: 0px;
}

/*#owner_block_submenu .submenu_group .submenu_group_filter ul li a,
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li a {
	color:#666666;
}
#owner_block_submenu .submenu_group .submenu_group_filter ul li.selected a,
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li.selected a {
	background:#999999;
	color:#111111;
}
#owner_block_submenu .submenu_group .submenu_group_filter ul li a:hover,
#owner_block_submenu .submenu_group .submenu_group_filetypes ul li a:hover {
	color:#111111;
	background: #999999;
}*/


/* ***************************************
	PAGINATION
*************************************** */
.pagination {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background:white;
	margin:5px 10px 5px 10px;
	padding:5px;
}
.pagination .pagination_number {
	display:block;
	float:left;
	background:#ffffff;
	border:1px solid #4690d6;
	text-align: center;
	color:#4690d6;
	font-size: 12px;
	font-weight: normal;
	margin:0 6px 0 0;
	padding:0px 4px;
	cursor: pointer;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}
.pagination .pagination_number:hover {
	background:#4690d6;
	color:white;
	text-decoration: none;
}
.pagination .pagination_more {
	display:block;
	float:left;
	background:#ffffff;
	border:1px solid #ffffff;
	text-align: center;
	color:#4690d6;
	font-size: 12px;
	font-weight: normal;
	margin:0 6px 0 0;
	padding:0px 4px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}
.pagination .pagination_previous,
.pagination .pagination_next {
	display:block;
	float:left;
	border:1px solid #4690d6;
	color:#4690d6;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	margin:0 6px 0 0;
	padding:0px 4px;
	cursor: pointer;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}
.pagination .pagination_previous:hover,
.pagination .pagination_next:hover {
	background:#4690d6;
	color:white;
	text-decoration: none;
}
.pagination .pagination_currentpage {
	display:block;
	float:left;
	background:#4690d6;
	border:1px solid #4690d6;
	text-align: center;
	color:white;
	font-size: 12px;
	font-weight: bold;
	margin:0 6px 0 0;
	padding:0px 4px;
	cursor: pointer;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}

	
/* ***************************************
	FRIENDS COLLECTIONS ACCORDIAN
*************************************** */	
ul#friends_collections_accordian {
	margin: 0 0 0 0;
	padding: 0;
}
#friends_collections_accordian li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	color: #666666;
    display:block;
    width:100%;
    position:relative;
    float:left;
    clear:left;
}
/*#friends_collections_accordian li h2 {
	background:#4690d6;
	color: white;
	padding:4px 2px 4px 6px;
	margin:10px 0 45px 0;
	font-size:1.2em;
	cursor:pointer;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}*/
/*#friends_collections_accordian li h2:hover {
	background:#333333;
	color:white;
}*/
#friends_collections_accordian .friends_picker {

	padding:0;
	display:none;
}
#friends_collections_accordian .friends_collections_controls {
	font-size:70%;
	float:right;
}
#friends_collections_accordian .friends_collections_controls a {
	color:#999999;
	font-weight:normal;
}
	
	
/* ***************************************
	FRIENDS PICKER SLIDER
*************************************** */		
.friendsPicker_container h3 {
	font-size:4em !important;
	text-align: left;
	margin:0 0 25px 0 !important;
	color:#999999 !important;
	background: none !important;
	padding:0 !important;
}
.friendsPicker .friendsPicker_container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friendsPicker_wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}
.friendsPicker {
	position: relative;
	overflow: hidden; 
	margin: 0px 0px 20px 0px;
	padding:0;
	width: 678px;
	
	height: auto;
	background: #dedede;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.friendspicker_savebuttons {
	background: white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	margin:0 10px 10px 10px;
}
.friendsPicker .friendsPicker_container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friendsPicker .friendsPicker_container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 678px;
	margin: 0px 0px 0px 0px;
    
	padding:0;
}
.friendsPicker .friendsPicker_container .panel .wrapper {
	margin: 0;
    background: #F3F3F3;
	padding:25px 10px 10px 10px;
	min-height: 230px;
    -webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
    
}
.friendsPickerNavigation {
	margin: 0 0 25px 0;
	padding:0px;
    display:block; 
    width:100%;
}
.friendsPickerNavigation ul {
	list-style: none;
	padding-left: 0;
}
.friendsPickerNavigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friendsPickerNavigation a, #two_column_left_sidebar_maincontent .friendsPickerNavigation a {
 width:10px; text-align:center; height:25px; margin:0px 2px 0px 0px; -moz-box-shadow:1px 1px 0 #E7E7E7;  -moz-box-sizing:content-box;  color:#444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  background-position:0px 0px; text-shadow:1px 1px #ffffff; border-width:1px 1px 1px 1px; border-style:solid; border-color:#ffffff #cccccc #999999 #ffffff; display:inline-block; padding:0px 6px 0px 6px; line-height:24px; cursor:pointer; text-align:center; background:url(https://iteach.ro/athena/design/iteach1.0/images/button_b.png) repeat-x #ffffff; 
}
.friendsPickerNavigation a:hover,  #two_column_left_sidebar_maincontent .friendsPickerNavigation a:hover {background:url(https://iteach.ro/athena/design/iteach1.0/images/button_b.png) repeat-x #ffffff;  border-color:#36A5FF #0860A8 #0860A8 #36A5FF; cursor:pointer; background-position:0px -25px; text-decoration:none; color:#333333;}
.tabHasContent {
	color:#FF5C00 !important;
}
.friendsPickerNavigation li a:hover {
	color:#000000 !important;
}
.friendsPickerNavigation li a.current {
	color:00cc33 !important;
}
.friendsPickerNavigationAll {
	margin:0px 0 0 20px;
	float:left;
}
.friendsPickerNavigationAll a {
	font-weight: bold;
	text-align: left;
	font-size:0.8em;
	background: white;
	color: #999999;
	text-decoration: none;
	display: block;
	padding: 0 4px 0 4px;
	width:auto;
}
.friendsPickerNavigationAll a:hover {
	background: #4690D6;
	color:white;
}
.friendsPickerNavigationL, .friendsPickerNavigationR {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friendsPickerNavigationL a, .friendsPickerNavigationR a {
	display: block;
	height: 43px;
	width: 43px;
}
.friendsPickerNavigationL {
	right: 48px;
	z-index:1;
}
.friendsPickerNavigationR {
	right: 0;
	z-index:1;
}
.friendsPickerNavigationL {
	background: url("https://iteach.ro/_graphics/friends_picker_arrows.gif") no-repeat left top;
}
.friendsPickerNavigationR {
	background: url("https://iteach.ro/_graphics/friends_picker_arrows.gif") no-repeat -60px top;
}
.friendsPickerNavigationL:hover {
	background: url("https://iteach.ro/_graphics/friends_picker_arrows.gif") no-repeat left -44px;
}
.friendsPickerNavigationR:hover {
	background: url("https://iteach.ro/_graphics/friends_picker_arrows.gif") no-repeat -60px -44px;
}	
.friends_collections_controls a.delete_collection {
	display:block;
	cursor: pointer;
	width:14px;
	height:14px;
	margin:2px 3px 0 0;
	background: url("https://iteach.ro/_graphics/icon_customise_remove.png") no-repeat 0 0;
}
.friends_collections_controls a.delete_collection:hover {
	background-position: 0 -16px;
}
.friendspicker_savebuttons .submit_button,
.friendspicker_savebuttons .cancel_button {
	margin:5px 20px 5px 5px;
}

#collectionMembersTable {
	background: #F3F3F3;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	margin:10px 0 0 0;
	padding:10px 10px 0 10px;
    width:auto;
}

	
/* ***************************************
  WIDGET PICKER (PROFILE & DASHBOARD)
*************************************** */
/* 'edit page' button */
/*a.toggle_customise_edit_panel { 
	float:right;
	clear:right;
	color: #4690d6;
	background: white;
	border:1px solid #cccccc;
	padding: 5px 10px 5px 10px;
	margin:0 0 20px 0;
	width:280px;
	text-align: left;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}*/
/*a.toggle_customise_edit_panel:hover { 
	color: #111111;
	background: none;
	border:1px solid #0054a7;
	text-decoration:none;
}*/
#customise_editpanel {
	display:none;
	margin: 0 0 20px 0;
	padding:10px;
	background: #dedede;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}

/* Top area - instructions */
.customise_editpanel_instructions {
	width:690px;
	padding:0 0 10px 0;
}
.customise_editpanel_instructions h2 {
	padding:0 0 10px 0;
}
.customise_editpanel_instructions p {
	margin:0 0 5px 0;
	line-height: 1.4em;
}

/* RHS (widget gallery area) */
#customise_editpanel_rhs {
	float:right;
	width:230px;
	background:white;
}
#customise_editpanel #customise_editpanel_rhs h2 {
	color:#333333;
	font-size: 1.4em;
	margin:0;
	padding:6px;
}
#widget_picker_gallery {
	border-top:1px solid #cccccc;
	background:white;
	width:210px; 
	height:340px;
	padding:10px;
	overflow:scroll;
	overflow-x:hidden;
}

/* main page widget area */
#customise_page_view {
	width:656px;
	padding:10px;
	margin:0 0 10px 0;
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#customise_page_view h2 {
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin:0;
	padding:5px;
	width:200px;
	color: #0054a7;
	background: #dedede;
	font-size:1.25em;
	line-height: 1.2em;
}
#profile_box_widgets {
	width:422px;
	margin:0 10px 10px 0;
	padding:5px 5px 0px 5px;
	min-height: 50px;
	border:1px solid #cccccc;
	background: #dedede;
}
#customise_page_view h2.profile_box {
	width:422px;
	color: #999999;
}
#profile_box_widgets p {
	color:#999999;
}
#leftcolumn_widgets {
	width:200px;
	margin:0 10px 0 0;
	padding:5px 5px 40px 5px;
	min-height: 190px;
	border:1px solid #cccccc;
}
#middlecolumn_widgets {
	width:200px;
	margin:0 10px 0 0;
	padding:5px 5px 40px 5px;
	min-height: 190px;
	border:1px solid #cccccc;
}
#rightcolumn_widgets {
	width:200px;
	margin:0;
	padding:5px 5px 40px 5px;
	min-height: 190px;
	border:1px solid #cccccc;
}
#rightcolumn_widgets.long {
	min-height: 288px;
}
/* IE6 fix */
* html #leftcolumn_widgets { 
	height: 190px;
}
* html #middlecolumn_widgets { 
	height: 190px;
}
* html #rightcolumn_widgets { 
	height: 190px;
}
* html #rightcolumn_widgets.long { 
	height: 338px;
}

#customise_editpanel table.draggable_widget {
	width:200px;
	background: #cccccc;
	margin: 10px 0 0 0;
	vertical-align:text-top;
	border:1px solid #cccccc;
}
#widget_picker_gallery table.draggable_widget {
	width:200px;
	background: #cccccc;
	margin: 10px 0 0 0;
}

/* take care of long widget names */
#customise_editpanel table.draggable_widget h3 {
	word-wrap:break-word;/* safari, webkit, ie */
	width:140px;
	line-height: 1.1em;
	overflow: hidden;/* ff */
	padding:4px;
}
#widget_picker_gallery table.draggable_widget h3 {
	word-wrap:break-word;
	width:145px;
	line-height: 1.1em;
	overflow: hidden;
	padding:4px;
}
#customise_editpanel img.more_info {
	background: url(https://iteach.ro/_graphics/icon_customise_info.gif) no-repeat top left;
	cursor:pointer;
}
#customise_editpanel img.drag_handle {
	background: url(https://iteach.ro/_graphics/icon_customise_drag.gif) no-repeat top left;
	cursor:move;
}
#customise_editpanel img {
	margin-top:4px;
}
#widget_moreinfo {
	position:absolute;
	border:1px solid #333333;
	background:#e4ecf5;
	color:#333333;
	padding:5px;
	display:none;
	width: 200px;
	line-height: 1.2em;
}
/* droppable area hover class  */
.droppable-hover {
	background:#bbdaf7;
}
/* target drop area class */
.placeholder {
	border:2px dashed #AAA;
	width:196px !important;
	margin: 10px 0 10px 0;
}
/* class of widget while dragging */
.ui-sortable-helper {
	background: #4690d6;
	color:white;
	padding: 4px;
	margin: 10px 0 0 0;
	width:200px;
}
/* IE6 fix */
* html .placeholder { 
	margin: 0;
}
/* IE7 */
*:first-child+html .placeholder {
	margin: 0;
}
/* IE6 fix */
* html .ui-sortable-helper h3 { 
	padding: 4px;
}
* html .ui-sortable-helper img.drag_handle, * html .ui-sortable-helper img.remove_me, * html .ui-sortable-helper img.more_info {
	padding-top: 4px;
}
/* IE7 */
*:first-child+html .ui-sortable-helper h3 {
	padding: 4px;
}
*:first-child+html .ui-sortable-helper img.drag_handle, *:first-child+html .ui-sortable-helper img.remove_me, *:first-child+html .ui-sortable-helper img.more_info {
	padding-top: 4px;
}


/* ***************************************
	BREADCRUMBS
*************************************** */
#pages_breadcrumbs {
	font-size: 80%;
	color:#666666;
	padding:0;
	margin:2px 0 0 10px;
}
#pages_breadcrumbs a {
	color:#666666;
	text-decoration: none;
}
#pages_breadcrumbs a:hover {
	color: #0054a7;
	text-decoration: underline;
}


/* ***************************************
	MISC.
*************************************** */
/* general page titles in main content area */

#content_area_user_title, #content_area_group_title{
background:#ffffff;
height:100px;
}


#content_area_user_title h2, #content_area_group_title h2 {	
	margin:10px 0px 20px 8px;
	padding:5px 5px 5px 0px;
	color:#444444;
	font-size:23px;
	line-height:26px;
    text-shadow:1px 1px #ffffff;
    font-family:Tahoma, Verdana;
}
#content_area_user_title h2 a, #content_area_group_title h2 a{ color:#000000;}
#content_area_user_title h2 a, #content_area_user_title h2 a:link, #content_area_group_title h2 a:link{ text-decoration:none;}
/* reusable generic collapsible box */
.collapsible_box {
	background:#dedede;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding:5px 10px 5px 10px;
	margin:4px 0 4px 0;
	display:none;
}	
a.collapsibleboxlink {
	cursor:pointer;
}

/* tag icon */	
.object_tag_string {
	background: url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat left 2px;
	padding:0 0 0 14px;
	margin:0;
}	

/* profile picture upload n crop page */	
#profile_picture_form {
	height:145px;
}	
#current_user_avatar {

	width:160px;
	height:130px;
	margin:0 30px 0 0;
}	
#profile_picture_croppingtool {
	border-top: 1px solid #cccccc;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
}	
#profile_picture_croppingtool #user_avatar {
	float: left;
	margin-right: 20px;
}	
#profile_picture_croppingtool #applycropping {

}
#profile_picture_croppingtool #user_avatar_preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}	


/* ***************************************
	SETTINGS & ADMIN
*************************************** */
.admin_statistics,
.admin_users_online,
.usersettings_statistics,
.admin_adduser_link,
#add-box,
#search-box,
#logbrowser_search_area {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background:white;
	margin:0 10px 10px 10px;
	padding:10px;
}

/*.usersettings_statistics h3,
.admin_statistics h3,
.admin_users_online h3,
.user_settings h3, #two_column_left_sidebar_maincontent .user_settings h3 {
	border-bottom:1px solid #dddddd;
	color:#111111;
	font-size:13px;
    font-weight:bold;
	line-height:18px;
	margin:32px 0px 12px 0px;
	padding:5px 0px 6px 0px;
}*/
.user_settings p{ padding:0px; margin:0px 0px 10px 0px;}
/*h3.settings {
	background:#e4e4e4;
	color:#333333;
	font-size:14px;
	line-height:18px;
	margin:10px 0 10px 0;
	padding:5px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}*/
.admin_users_online .profile_status {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background:#bbdaf7;
	line-height:1.2em;
	padding:2px 4px;
}
.admin_users_online .profile_status span {
	font-size:90%;
	color:#666666;
}
.admin_users_online  p.owner_timestamp {
	padding-left:3px;
}


.admin_debug label,
.admin_usage label {
	color:#333333;
	font-size:100%;
	font-weight:normal;
}

.admin_usage {
	border-bottom:1px solid #cccccc;
	padding:0 0 20px 0;
}
.usersettings_statistics .odd,
.admin_statistics .odd {

}
.usersettings_statistics .even,
.admin_statistics .even {

}
.usersettings_statistics td,
.admin_statistics td {
	padding:2px 4px 2px 4px;
	border-bottom:1px solid #cccccc;
}
.usersettings_statistics td.column_one,
.admin_statistics td.column_one {
	width:200px;
    margin:0px 10px 0px 0px;
}
.usersettings_statistics table,
.admin_statistics table {
	width:100%;
}
.usersettings_statistics table,
.admin_statistics table {
	border-top:1px solid #cccccc;
}
.usersettings_statistics table tr:hover,
.admin_statistics table tr:hover {
	background: #E4E4E4;
}
.admin_users_online .search_listing {
	margin:0 0 5px 0;
	padding:5px;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}



/* force tinyMCE editor initial width for safari */
.mceLayout {
	width:600px;
}

.preloadImg{
	display:none;
    position:absolute;
}
/* IE6 */
.mceLayout{
	width:600px !important;
}

p.longtext_editarea {
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.toggle_editor_container {
	margin:0 0 15px 0px;
}
/* add/remove longtext tinyMCE editor */
a.toggle_editor {
	display:block;
	float:right;
	text-align:right;
	color:#666666;
	font-size:1em;
	font-weight:normal;
}

div.ajax_loader {
	background: white url(https://iteach.ro/_graphics/ajax_loader.gif) no-repeat center 30px;
	width:auto;
	height:100px;
	margin:0 10px 0 10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}



/* reusable elgg horizontal tabbed navigation 
   (used on friends collections, external pages, & riverdashboard mods)
*/
#elgg_horizontal_tabbed_nav {
	margin:-29px 0px 0px 0px;
	padding: 0;
	border-bottom: 1px solid #dddddd;
	display:table;
	width:100%;
}
#elgg_horizontal_tabbed_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#elgg_horizontal_tabbed_nav li {
	float: left;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0;
	background: #eeeeee;
	margin: 0 0 0 10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
#elgg_horizontal_tabbed_nav a {
	text-decoration: none;
	display: block;
	padding:3px 10px 0 10px;
	color: #0860A8;
	text-align: center;
    line-height:20px;
	height:25px;
}
/* IE6 fix */
* html #elgg_horizontal_tabbed_nav a { display: inline; }

#elgg_horizontal_tabbed_nav a:hover {
	color: #111111;
	background:url(https://iteach.ro/athena/design/iteach1.0/images/selected_tab_nav_hover.png) repeat-x bottom;
}
#elgg_horizontal_tabbed_nav .selected {
	border-color: #cccccc;
	background:url(https://iteach.ro/athena/design/iteach1.0/images/selected_tab_nav.png) repeat-x bottom;
}
#elgg_horizontal_tabbed_nav .selected a {
	position: relative;
	top: 2px;
	background:url(https://iteach.ro/athena/design/iteach1.0/images/selected_tab_nav.png) repeat-x bottom;
	color: #000000;
}
/* IE6 fix */
* html #elgg_horizontal_tabbed_nav .selected a { top: 3px; }


/* ***************************************
	ADMIN AREA - REPORTED CONTENT
*************************************** */
.reportedcontent_content {
	margin:0 0 5px 0;
	padding:0 7px 4px 10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
.reportedcontent_content p.reportedcontent_detail,
.reportedcontent_content p {
	margin:0;
}
.active_report {
	border:1px solid #D3322A;
    background:#F7DAD8;
}
.archived_report {
	border:1px solid #666666;
    background:#dedede;
}
a.archive_report_button {
	float:right;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#4690d6;
	border: 1px solid #4690d6;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	padding: 4px;
	margin:15px 0 0 20px;
	cursor: pointer;
}
a.archive_report_button:hover {
	background:none;
	border: 1px solid #0054a7;
	text-decoration: none;
}
a.delete_report_button {
	float:right;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#999999;
	border: 1px solid #999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	padding: 4px;
	margin:15px 0 0 20px;
	cursor: pointer;
}
a.delete_report_button:hover {
	background: #333333;
	border: 1px solid #333333;
	text-decoration:none;
}
.reportedcontent_content .collapsible_box {
	background: white;
}



.river_object_anunt_create { background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left 2px;}
.river_object_anunt_comment { background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;}
.river_object_anunt_update {background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left 2px;}

.river_object_anunt_create { background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left 2px;}
.river_object_anunt_comment { background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left 2px;}
.river_object_anunt_update {background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left 2px;}

.collapsable_box_content .river_item p { font-size:11px;}
/* Elgg Developer Tools begin */
#elgg_dev_tools_form em {
	font-size: 75%;
	font-style: italic;
}
#elgg_dev_tools_form .error {
	color: #f00;
}
#elgg_dev_tools_form label {
	font-size: 100%;
}
.elgg_dev_tools_checkbox {
	vertical-align: top;
}
.elgg_dev_tools_tab {
	display: none;
}
#elgg_dev_tools_inspect {
	margin-bottom: 30px;
}
#edt_ajax_spinner {
	float: right;
	margin-right: 340px;
	display: none;
}
/* Elgg Developer Tools end */
/* Elgg Developer Tools begin */
#elgg_dev_tools_form em {
	font-size: 75%;
	font-style: italic;
}
#elgg_dev_tools_form .error {
	color: #f00;
}
#elgg_dev_tools_form label {
	font-size: 100%;
}
.elgg_dev_tools_checkbox {
	vertical-align: top;
}
.elgg_dev_tools_tab {
	display: none;
}
#elgg_dev_tools_inspect {
	margin-bottom: 30px;
}
#edt_ajax_spinner {
	float: right;
	margin-right: 340px;
	display: none;
}
/* Elgg Developer Tools end */

#profile_icon_wrapper {
	
     posistion:relative;
     float:left;
     clear:left;
     display:block;
   
     padding:2px;
 
     margin:-8px 0px 0px 0px;
     max-width:200px;
}
#profile_icon_wrapper .inner_profile_icon{ width:100%; height:100%; display:block; position:relative; background:#ffffff;}

#profile_icon_wrapper img{


}
	
.usericon {
	position:relative;
}

.avatar_menu_button {
	width:16px;
	height:16px;
	position:absolute;
	cursor:pointer;
	display:none;
	right:1px;
	bottom:0px;
    top:6px;
    border:none;
}
.avatar_menu_arrow {
	background: url(https://iteach.ro/athena/design/iteach1.0/icons/menu-down.png) no-repeat left top;
	width:16px;
	height:16px;
    border:none;
}
.avatar_menu_arrow_on {
	background: url(https://iteach.ro/athena/design/iteach1.0/icons/menu-down_on.png) no-repeat left top;
	width:16px;
	height:16px;
}
.avatar_menu_arrow_hover {
	background: url(https://iteach.ro/athena/design/iteach1.0/icons/menu-down_on.png) no-repeat left top;
	width:16px;
	height:16px;
}
.usericon div.sub_menu { 
	display:none; 
	position:absolute; 
	padding:5px 5px 5px 10px;  
	margin:0px; 
	border-top:solid 1px #E5E5E5; 
	border-left:solid 1px #E5E5E5; 
	border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999;  
	width:170px; 
	background:#FFFFFF; 
	text-align:left;
}
div.usericon a.icon img {
	z-index:10;
}

.usericon div.sub_menu a {}
.usericon div.sub_menu a.linkbutton{}
.usericon div.sub_menu a:link, 
.usericon div.sub_menu a:visited, 
.usericon div.sub_menu a:hover{ display:block; font-size:12px; margin:5px 0px 5px 0px; }	
.usericon div.sub_menu a:hover{  text-decoration:none;}
.usericon div.sub_menu h3 a, .usericon div.sub_menu h3 a:link, .usericon div.sub_menu h3 a:visited, .usericon div.sub_menu h3 a:hover{ font-size:15px; color:#333333;}
.usericon div.sub_menu h3 {
	font-size:15px;
	padding-bottom:5px;
	border-bottom:solid 1px #eeeeee;
	color: #4690d6;
	margin:0 !important;
}
.usericon div.sub_menu h3:hover {

}

.user_menu_addfriend,
.user_menu_removefriend,
.user_menu_profile,
.user_menu_friends,
.user_menu_friends_of,
.user_menu_blog,
.user_menu_file,
.user_menu_messages,
.user_menu_admin,
.user_menu_pages {
	margin:0;
	padding:0;
}
.user_menu_admin {
	border-top:solid 1px #dddddd;
}
.user_menu_admin a {
	
}
.user_menu_admin a:hover {


}

.resetdefaultprofile {
	padding:0 10px 0 10px;
}
.resetdefaultprofile input[type="submit"] {
	background: #dedede;
	border-color: #dedede;
	color:#333333;
}
.resetdefaultprofile input[type="submit"]:hover {
	background: red;
	border-color: red;
	color:white;
}

/* Banned user */
#profile_banned {
	background-color:#FF8888;
	border:3px solid #FF0000;
	padding:2px;
}.new_friendrequests {
	background: transparent url(https://iteach.ro/mod/friend_request/graphics/icons/friendrequest.png) no-repeat left -16px;
	padding: 0 0 0 18px;
	margin: 0 5px 0 5px;
}

.new_friendrequests:hover {
	text-decoration: none;
	background-position: left top;
}

.friend_request {
	margin: 0 0 5px 0;
}

.friend_request td {
	padding: 0 0 0 3px;
}

/* hide some links on profile */
.user_menu_friends_of {
	display: none;
}
/*-------------------------------
MESSAGING PLUGIN
-------------------------------*/
#messages {
	margin:0 10px 0 10px;
}
.actiontitle {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0;
}
#messages .pagination {
	margin:5px 0 5px 0;
}
#messages input[type="checkbox"] {
	margin:0;
	padding:0;
	border:none;
}
.messages_buttonbank {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background:white;
	margin:5px 10px;
	padding:5px;
	text-align: right;
}
.messages_buttonbank input {
	margin:0 0 0 10px;
}
/*.messages_buttonbank input[type="button"] {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4690D6;
	background:#dddddd;
	border: 1px solid #999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: 25px;
	padding: 2px 6px 2px 6px;
	margin:0 0 0 10px;
	cursor: pointer;
}*/
/*.messages_buttonbank input[type="button"]:hover {
	background: #0054a7;
	border: 1px solid #0054a7;
	color:white;
}*/

#messages td {
	text-align: left;
	vertical-align:middle;
	padding: 5px;
}
#messages .message_sent {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	background: white;
	border:1px solid #cccccc; 	
}
#messages .message_notread {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	background: #F7DAD8;
	border:1px solid #ff6c7c; 
}
#messages .message_read { 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	background: #eeeeee;
    padding:5px 0px 5px 0px;
    margin:0px 0px 10px 0px;
    width:100%; 
    display:block; 
    float:left;
    clear:left;
    position:relative;
	border:1px solid #dddddd; 
}
#messages .message_read:hover{ background:#ffffff; }
#messages .message_notread td {

}
#messages .message_read td {

}

/*#messages .delete_msg a {
	display:block;
	cursor: pointer;
	width:14px;
	height:14px;
	margin:0;
	background: url("https://iteach.ro/_graphics/icon_customise_remove.png") no-repeat right 0;
	text-indent: -9000px;
	float:right;
}*/
/*#messages .delete_msg a:hover {
	background-position: right -16px;
}*/
/* IE6 */
/* * html #messages .delete_msg a { background-position: right 4px; }
* html #messages .delete_msg a:hover { background-position: right 4px; } */

#messages .usericon,
#messages .groupicon {
	float: left;
	margin: 0 15px 0 0;
}

#messages .msgsender {
	color:#666666;
	line-height: 1em;
	margin:0;
	padding:0;
	float:left;
}
#messages .msgsender small {
	color:#AAAAAA;
}


#messages .msgsubject {
	font-size: 120%;
	line-height: 100%;
}

.msgsubject {
	font-weight:bold;
}

.messages_single_icon  {
	float: left;
	width:110px;
}

.messages_single_icon .usericon,
.messages_single_icon .groupicon {
	float: left;
	margin: 0 10px 10px 0;
}

/* view and reply to message view */
.message_body {
	margin-left: 120px;
}
.message_body .messagebody {
	padding:0;
	margin:10px 0 10px 0;
	font-size: 120%;
	border-bottom:1px solid #cccccc;
}

/* drop down message reply form */
#message_reply_form { display:none; }

.new_messages_count {
	color:#666666;
}
/* tinyMCE container */
#message_reply_editor #message_tbl {
	width:680px !important;
}
/* IE6 */
* html #message_reply_editor #message_tbl { width:676px !important;}

#messages_return {
	margin:4px 0 4px 10px;
}
#messages_return p {
	margin:0;
}
.messages_single {
	background: white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	margin:0 10px 10px 10px;
	padding:10px;	
}
/* when displaying original msg in reply view */
.previous_message {
    background:#dedede;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
    padding:10px;
    margin:0 0 20px 0;
}
.previous_message p {
    padding:0;
    margin:0 0 5px 0;
    font-size: 100%;
}




#notificationstable td.sitetogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.sitetogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(https://iteach.ro/mod/messages/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(https://iteach.ro/mod/messages/graphics/icon_notifications_site.gif) no-repeat right -36px;
}








#topic_posts #content_area_group_title h2 {
	margin:0 0 0 0;
}

#two_column_left_sidebar_maincontent #owner_block_content {
	margin:0 0 10px 0 !important;
}

#groups_info_column_left {
	float:left:
	width:435px;
	margin-left:230px;
	margin-right:10px;
}

#groups_info_column_left .odd {
	background:#E9E9E9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
#groups_info_column_left .even {
	background:#E9E9E9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
#groups_info_column_left p {
	margin:0 0 7px 0;
	padding:2px 4px;
}

#groups_info_column_right {
	width:230px;
}
#groups_info_wide p {
	text-align: right;
	padding-right:10px;
}
#group_stats {
	width:190px;
	background: #e9e9e9;
	padding:5px;
	margin:10px 0 20px 0;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
#group_stats p {
	margin:0;
}
#group_members {
	margin:10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background: white;
}

#right_column {
	width:300px;
	margin:0 10px 0 0;
}
#left_column {
	width:340px;
	float:left;
	margin:0 10px 0 10px;

}
/* IE 6 fixes */
* html #left_column { 
	margin:0 0 0 5px;
}
* html #right_column { 
	margin:0 5px 0 0;
}

/*#group_members h2,
#right_column h2,
#left_column h2,
#fullcolumn h2 {
	margin:0 0 10px 0;
	padding:5px;
	color:#0054A7;
	font-size:1.25em;
	line-height:1.2em;
}*/
#fullcolumn{ width:100%;}
#fullcolumn .contentWrapper {
	margin:0 10px 20px 10px;
	padding:0 0 5px;
}

.member_icon {
	margin:0 0 6px 6px;
	float:left;
}

/* IE6 */
* html #topic_post_tbl { width:676px !important;}

/* all browsers - force tinyMCE on edit comments to be full-width */
.edit_forum_comments .defaultSkin table.mceLayout {
	width: 636px !important;
}

/* topics overview page */
#forum_topics {
    padding:10px;
    margin:0 10px 0 10px;
    background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;    
}
/* topics individual view page */
#topic_posts {
	margin:0 10px 5px 10px;
}
#topic_posts #pages_breadcrumbs {
	margin:2px 0 0 0px;
}
#topic_posts form {
    padding:10px;
    margin:30px 0 0 0;
    background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
}
.topic_post {
	padding:10px;
    margin:0 0 5px 0;
	border-bottom:1px solid #dddddd;
}
.topic_post .post_icon {
    float:left;
    margin:0 8px 4px 0;
}
.topic_post h2 {
    margin-bottom:20px;
}
.topic_post p.topic-post-menu {
	margin:0;
}
.topic_post p.topic-post-menu a.collapsibleboxlink {
	padding-left:10px;
}
.topic_post table, .topic_post td {
    border:none;
}

/* group latest discussions widget */
#latest_discussion_widget {
	margin:0 0 20px 0;
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
/* group files widget */
#filerepo_widget_layout {
	margin:0 0 20px 0;
	padding: 0 0 5px 0;
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
/* group pages widget */
#group_pages_widget {
	margin:0 0 20px 0;
	padding: 0 0 5px 0;
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
#group_pages_widget .search_listing {
	border: 1px solid #CCCCCC;
}
#right_column .filerepo_widget_singleitem {
	background: #dedede !important;
	margin:0 10px 5px 10px;
}
#left_column .filerepo_widget_singleitem {
	background: #dedede !important;
	margin:0 10px 5px 10px;
}
.forum_latest {
	margin:0 0px 5px 0px;
	background: #f1f1f1;
	padding:5px;
    border:1px solid #eeeeee;
   	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}
.forum_latest:hover {

}
.forum_latest .topic_owner_icon {
	float:left;
}
.forum_latest .topic_title {
	margin-left:35px;
}
.forum_latest .topic_title p, #content .forum_latest .topic_title p{
	line-height: 24px;
    padding:0;
    margin:0;
    font-size:16px; font-family:Tahoma; 
    font-weight: normal;
    color:#444444;
}

.forum_latest p.topic_replies {
    padding:3px 0 0 0;
    margin:0;
    color:#666666;
}
.add_topic {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background:white;
	margin:5px 10px;
	padding:10px 10px 10px 6px;
}

/*a.add_topic_button {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	background:#4690d6;
	border:none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	width: auto;
	height: auto;
	padding: 3px 6px 3px 6px;
	margin:0;
	cursor: pointer;
}*/
/*a.add_topic_button:hover {
	background: #0054a7;
	color:white;
	text-decoration: none;
}*/



/* latest discussion listing */
.latest_discussion_info {
	float:right;
	width:300px;
	text-align: right;
	margin-left: 10px;
}
.groups .search_listing br {
	height:0;
	line-height:0;
}
span.timestamp {
	color:#444444;
    font-family:Tahoma, Verdana;
	font-size:11px;
}
.latest_discussion_info .timestamp {
	font-size:11px;
}
/* new groups page */
.groups .search_listing {
	border:1px solid #CCCCCC;
	margin:0 0 5px 0;
}
.groups .search_listing:hover {
	background:#dedede;
}
.groups .group_count {
	font-weight: bold;
	color: #666666;
	margin:0 0 5px 4px;
}
.groups .search_listing_info {
	color:#666666;
}
.groupdetails {
	float:right;
}
.groupdetails p {
	margin:0;
	padding:0;
	line-height: 1.1em;
	text-align: right;
}
#groups_closed_membership {
	margin:0 10px 20px 10px;
	padding: 3px 5px 5px 5px;
	background:#bbdaf7;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}
#groups_closed_membership p {
	margin:0;
}

/* groups membership widget */
.groupmembershipwidget .contentWrapper {
	margin:0 10px 5px 10px;
}
.groupmembershipwidget .contentWrapper .groupicon {
	float:left;
	margin:0 10px 0 0;
}
.groupmembershipwidget .search_listing_info p {
	color: #666666;
}
.groupmembershipwidget .search_listing_info span {
	font-weight: bold;
}

/* groups sidebar */
.featuredgroups .contentWrapper {
	margin:0 0 10px 0;
}
.featuredgroups .contentWrapper .groupicon {
	float:left;
	margin:0 10px 0 0;
}
.featuredgroups .contentWrapper p {
	margin: 0;
	line-height: 1.2em;
	color:#666666;
}
.featuredgroups .contentWrapper span {
	font-weight: bold;
}
#groupssearchform {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
#groupssearchform input[type="submit"] {
	padding:2px;
	height:auto;
	margin:4px 0 5px 0;
}
.sidebarBox #owner_block_submenu {
	margin:5px 0 0 0;
}

/* delete post */
.delete_discussion {
	
}
/*.delete_discussion a {
	display:block;
	float:right;
	cursor: pointer;
	width:14px;
	height:14px;
	margin:0;
	background: url("https://iteach.ro/_graphics/icon_customise_remove.png") no-repeat 0 0;
}
.delete_discussion a:hover {
	background-position: 0 -16px;
	text-decoration: none;
}*/
/* IE6 */
* html .delete_discussion a { font-size: 1px; }
/* IE7 */
*:first-child+html .delete_discussion a { font-size: 1px; }

/* delete group button */
/*#delete_group_option input[type="submit"] {
	background:#dedede;
	border-color:#dedede;
	color:#333333; 
	margin:0;
	float:right;
	clear:both;
}
#delete_group_option input[type="submit"]:hover {
	background:red;
	border-color:red;
	color:white;
}*/

#groupsearchform .textbox {
	width:120px;
}



p.filerepo_owner {
	margin:0;
	padding:0;
}
.filerepo_owner{
margin:-10px 0px 0px 0px; position:relative;
}
.filerepo_owner_details {
	margin:0;
	padding:0;
	line-height: 1.2em;
}
.filerepo_owner_details small {
	color:#666666;
}
.filerepo_owner .usericon {
	margin: 3px 5px 5px 0;
	float: left;
}

.filerepo_download a {
	/*font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	background:#4690d6;
	border:none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	width: auto;
	height: 25px;
	padding: 3px 6px 3px 6px;
	margin:10px 0 10px 0;
	cursor: pointer;*/
}
.filerepo_download a:hover {
	/*background: black;
	color:white;
	text-decoration: none;*/
}

/* FILE REPRO WIDGET VIEW */
.filerepo_widget_singleitem {
	margin:0 0 5px 0;
	padding:5px;
	min-height:60px;
	display:block;
	background:white;
   	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.filerepo_widget_singleitem_more {
	margin:0;
	padding:5px;
	display:block;
	background:white;
   	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}
.filerepo_listview_icon {
	float: left;
	margin-right: 10px;
}
.filerepo_timestamp {
	color:#666666;
	margin:0;
}
.filerepo_listview_desc {
	display:none;
	padding:0 10px 10px 0;
	line-height: 1.2em;
}
.filerepo_listview_desc p {
	color:#333333;
}
.filerepo_widget_content {
	margin-left: 70px;
}
.filerepo_title {
	margin:0;
	padding:6px 5px 0 0;
	line-height: 1.2em;
	color:#666666;
	font-weight: bold;
}
.filerepo_title a{ color:#444444;}
.filerepo_title a:hover{ color:#000000; text-decoration:none;}

.collapsable_box #filerepo_widget_layout {
	margin:0 10px 0 10px;
	background: none;
}

/* widget gallery view */
#filerepo_widget_layout .filerepo_widget_galleryview {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background: white;
	margin:0 0 5px 0;	
}
.filerepo_widget_galleryview img {
	padding:0;
    border:1px solid white;
    margin:4px;
}
.filerepo_widget_galleryview img:hover {
	border:1px solid #333333;
}

/* SINGLE ITEM VIEW */
.filerepo_file {
	background:white;
	margin:10px 10px 0 10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.filerepo_file .filerepo_title_owner_wrapper {
	min-height:60px;

}
.filerepo_title_owner_wrapper .filerepo_title,
.filerepo_title_owner_wrapper .filerepo_owner {
	margin-left: 0px;
}
.filerepo_file .filerepo_maincontent {
	padding:0 20px 0 0;
}
.filerepo_file .filerepo_icon {
	width: 70px;
	position: absolute;
	margin:10px 0 10px 10px;
}
.filerepo_file .filerepo_title {
	margin:0px 0px 25px 0px;
	padding:7px 4px 10px 10px;
	line-height: 1.2em;
}
.filerepo_file .filerepo_owner {
	padding:10px 0 10px 10px;
}
.filerepo_file .filerepo_description {
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}
.filerepo_download,
.filerepo_controls {
	padding:0 0 1px 10px;
	margin:0 0 10px 0;
}
.filerepo_file .filerepo_description p {
	padding:0 0 5px 0;
	margin:0;
}
.filerepo_file .filerepo_specialcontent img {
	padding:3px;
	margin:0 0 0 10px;
	background: #cccccc; 
}
/* zaudio player */
.filerepo_maincontent .filerepo_specialcontent {
	margin:0 0 20px 0;
}
.filerepo_tags {
	padding:0 0 10px 10px;
	margin:0;
}

/* file repro gallery items */
.search_gallery .filerepo_controls {
	padding:0;
}
.search_gallery .filerepo_title {
	font-weight: bold;
	line-height: 1.1em;
	margin:0 0 10px 0;
}
.filerepo_gallery_item {
	margin:0;
	padding:0;
	text-align:center;

}
.filerepo_gallery_item p {
	margin:0;
	padding:0;
}
.filerepo_gallery_item .filerepo_controls {
	margin-top:10px;
}
.filerepo_gallery_item .filerepo_controls a {
	padding-right:10px;
	padding-left:10px;
}
.search_gallery .filerepo_comments {
	font-size:90%;
}

.filerepo_user_gallery_link {
	float:right;
	margin:5px 5px 5px 50px;
}
.filerepo_user_gallery_link a {
	padding:2px 25px 5px 0;
	background: transparent url(https://iteach.ro/_graphics/icon_gallery.gif) no-repeat right top;
	display:block;
}
.filerepo_user_gallery_link a:hover {
	background-position: right -40px;
}

/* IE6 */
* html #description_tbl { width:676px !important;}




/* new members page */
.members .search_listing {
	border:1px solid #CCCCCC;
	margin:0 0 5px 0;
}
.members .search_listing:hover {
	background:#dedede;
}
.members .group_count {
	font-weight: bold;
	color: #666666;
	margin:0 0 5px 4px;
}
.members .search_listing_info {
	color:#666666;
}

.members .profile_status {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background:#bbdaf7;
	line-height:1.2em;
	padding:2px 4px;
}
.members .profile_status span {
	font-size:90%;
	color:#666666;
}
.members  p.owner_timestamp {
	padding-left:3px;
}
.members .pagination {
	border:1px solid #CCCCCC;
	margin:5px 0 5px 0;
}


/*#memberssearchform {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}*/
/*#memberssearchform input[type="submit"] {
	padding:2px;
	height:auto;
	margin:4px 0 5px 0;
}*/
/*#memberssearchform .textbox {
	width:176px;
}*/


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(https://iteach.ro/mod/pages/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(https://iteach.ro/mod/pages/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(https://iteach.ro/mod/pages/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(https://iteach.ro/mod/pages/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(https://iteach.ro/mod/pages/images/treeview-red.gif); } 

.treeview-black li { background-image: url(https://iteach.ro/mod/pages/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(https://iteach.ro/mod/pages/images/treeview-black.gif); }  

.treeview-gray li { background-image: url(https://iteach.ro/mod/pages/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(https://iteach.ro/mod/pages/images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(https://iteach.ro/mod/pages/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(https://iteach.ro/mod/pages/images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(https://iteach.ro/mod/pages/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(https://iteach.ro/mod/pages/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(https://iteach.ro/mod/pages/images/file.gif) 0 0 no-repeat; }

.pagesTreeContainer {
		margin:0;
		min-height: 200px;
}

#pages_page .strapline {
    text-align:right;
    border-top:1px solid #efefef;
    margin:10px 0 10px 0;
    color:#666666;
}
#pages_page .categories {
    border:none !important;
    padding:0 !important;
}

#pages_page .tags {
    padding:0 0 0 16px;
    margin:10px 0 4px 0;
	background:transparent url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat scroll left 2px;
}

#pages_page img[align="left"] {
	margin: 10px 20px 10px 0;
	float:left;
}
#pages_page img[align="right"] {
	margin: 10px 0 10px 10px;
	float:right;
}

.pageswelcome p {
	margin:0 0 5px 0;
}

#sidebar_page_tree {
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
    padding:10px;
    margin:0 10px 10px 10px;
}
#sidebar_page_tree h3 {
	background: none;
	border-top: none;
	border-bottom: 1px solid #cccccc;
	font-size:1.25em;
	line-height:1.2em;
	margin:0 0 5px 0;
	padding:0 0 5px 5px;
	color:#0054A7;
}

/* IE6 */
* html #pages_welcome_tbl { width:676px !important;}

.pages_widget_singleitem_more {
	margin:0 10px 0 10px;
	padding:5px;
	display:block;
	background:white;
   	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}



.categories .input-checkboxes {
	padding:0;
	margin:2px 5px 0 0;
}
.categories label {
	font-size: 100%;
	line-height:1.2em;
}

#two_column_left_sidebar_maincontent .contentWrapper h2.categoriestitle {
	font-size:16px;
	color:#333333;
    margin:0px 0px 10px 10px;
}
#two_column_left_sidebar_maincontent .contentWrapper .categories {
	margin:0 0 15px 0;	
}
#two_column_left_sidebar_maincontent .contentWrapper .categories p {
	margin:0;	
}
#two_column_left_sidebar_maincontent .contentWrapper .blog_post .categories {
	border:none;
	margin:0;
	padding:0;
}

#two_column_left_sidebar .blog_categories {
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
    padding:10px;
    margin:0 10px 10px 10px;
}
#two_column_left_sidebar .blog_categories h2 {
	background:none;
	border-top:none;
	margin:0;
	padding:0 0 5px 0;
	font-size:1.25em;
	line-height:1.2em;
	color:#0054A7;
}
#two_column_left_sidebar .blog_categories ul {
	color:#0054A7;
	margin:5px 0 0 0;
}
#new_mail_notificator_box {
background-color:#EFFFF8;
padding:5px 5px;
margin: 10px 0 10px 0;
border-top:1px solid #00A65E;
width: 350px;
margin-left:0;
}
#image {
float:left;
margin-right: 10px;
}
#link {
margin-left: 30px;
}






.karma_profile_points{
	padding: 2px;
	margin: 5px 0 0;
	-moz-border-radius:4px;
	background:white;
}
span.karma_profile_header{
	width:105px;
	float: left;
}
span.karma_profile_header2{
	width:48px;
	float: left;
}
.profile_karma .karma_value{
	width:40px;
	float: left;
}

.profile_karma{
	-moz-border-radius:4px;
	background:#ECB285;
	line-height:1.2em;
	padding:2px 4px;
	height: 15px;
	margin: 3px 0;
	width: 350px;
}

.plugin_details .karma_header{
	font-weight:bold;
	margin: 15px 0 10px;
}

.karma_activity_settings p span{
	width:280px;
	float: left;
}

.karma_login_settings p span{
	width:400px;
	float: left;
}
.karma_misc_settings p span{
	width:330px;
	float: left;
}
.karma_activity_settings p,
.karma_misc_settings p,
.karma_login_settings p,
.karma_general_settings p{
	margin: 10px 0;
}

.vazco_points_history{
	text-align:center;
}

.vazco_karma_history{
	border: 1px #CCCCCC solid;
	margin:20px 130px;
	padding:10px 20px;
	width: 360px;
}
.vazco_karma_history .title{
	width: 300px;
	float: left;
}
.vazco_karma_history .value{
	width: 60px;
	float: left;
}

.vazco_karma_history .even{
	background: #DDDDDD;
}

.profile_karma .value_rank{
	width: 150px;
}

.value_rank{
	width: 150px;
}/* ─────────────────────────────────────────────────────────────────────
 * vazco_karma — toaster styles
 * Extends `css` view → conținut CSS pur, FĂRĂ tag-uri <style>.
 *
 * Clase folosite (toate prefixate cu karma-toast-* pentru izolare):
 *   .karma-toast            — toast individual
 *   .karma-toast-success    — verde (puncte câștigate)
 *   .karma-toast-warning    — galben (plafon atins sau atenționare)
 *   .karma-toast-penalty    — roșu (depunctare)
 *   .karma-toast-info       — albastru (alte mesaje)
 * ───────────────────────────────────────────────────────────────────── */

#karma-toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    max-width: 320px;
    width: calc(100% - 40px);
    pointer-events: none;
}

.karma-toast {
    pointer-events: auto;
    margin-bottom: 10px;
    padding: 12px 36px 12px 16px;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    background: #fff;
    border-left: 4px solid #888;
    font-size: 14px;
    line-height: 1.4;
    color: #2b2b2b;
    position: relative;
    box-sizing: border-box;
    word-wrap: break-word;
}

.karma-toast-success {
    border-left-color: #16b11d;
    background: #f4fbf4;
}

.karma-toast-warning {
    border-left-color: #f4b400;
    background: #fffaf0;
}

.karma-toast-penalty {
    border-left-color: #d9534f;
    background: #fcf4f4;
}

.karma-toast-info {
    border-left-color: #003087;
    background: #f4f7fc;
}

.karma-toast-msg {
    display: block;
    font-weight: 500;
}

.karma-toast-close {
    position: absolute;
    top: 6px;
    right: 10px;
    text-decoration: none;
    color: #888;
    font-size: 20px;
    line-height: 1;
    width: 22px;
    height: 22px;
    text-align: center;
}

.karma-toast-close:hover {
    color: #333;
    text-decoration: none;
}

/* Responsive — pe ecrane înguste toaster-ul ocupă lățimea utilă cu marjă */
@media (max-width: 480px) {
    #karma-toast-container {
        right: 10px;
        left: 10px;
        top: 10px;
        max-width: none;
        width: auto;
    }
    .karma-toast {
        font-size: 13px;
    }
}
.river_object_form_data_create {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_blog.gif) no-repeat left -1px;
}
.river_object_form_data_comment {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px;
}

.form_listing .search_listing {
	border:1px solid #CCCCCC;
	margin:0 0 5px 0;
}

#groups_info_column_left .tabberlive .tabbertab {
	background-color: white;
}

#profile_info_column_middle .tabberlive .tabbertab {
	background-color: white;
}
.badges_profile{
    font-weight: bold;
    margin:5px 5px 5px 0px;
}

.badges_profile_description {
    font-family: sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    font-size: smaller;
    line-height: 100%;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    text-indent: 0ex;
}

.badges_settings_info {
    font-family: sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: lighter;
    font-size: smaller;
    line-height: 100%;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    text-indent: 0ex;
}

.river_object_badge_update {
    background: url(https://iteach.ro/_graphics/river_icons/river_icon_profile.gif) no-repeat left -1px;
}
#custom_fields_ordering {
	width: 518px;
	float: left;
}

.custom_fields_ordering_group {
	width: inherit !important;
	float: none !important;
}

#custom_fields_lists{
	width: 200px;
	float: right;
}

.custom_fields_lists_green {
	border-color: green !important; 
}

#custom_fields_category_list .ui-sortable{
	min-height: 0px;
}

#custom_fields_category_list .droppable-hover{
	background: #BBDAF7;
}

.custom_fields_category,
.custom_profile_type  {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	margin-bottom: 2px;
	padding: 1px;
	word-wrap: break-word;
	background-color: white; /* fix so pickup of draggable will work in IE (7) */
}

.custom_profile_type {
	border-left: 1px solid #CCCCCC;
}

.custom_profile_type_description {
	display: none;
	margin-bottom: 10px;
}

.custom_fields_category_selected {
	border-color: #4690D6;
}

.custom_fields_category_edit,
.custom_profile_type_edit {
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(https://iteach.ro/mod/profile_manager/_graphics/edit.png);
	margin-top: 1px;
	float: right;
}

.custom_fields_category_delete_button,
.custom_fields_profile_type_delete_button {
	display: none;
}

#custom_fields_category_list_custom .custom_fields_category { 
	cursor: move;
}

#custom_fields_ordering .search_listing {
	border: 1px solid #CCCCCC;
	cursor: move;
}

#custom_fields_ordering .search_listing_icon img {
	width: 16px;
	cursor: pointer;
}

#custom_fields_ordering .search_listing_info {
	min-height: 0px;
	margin-left: 25px;
}

#custom_fields_form, 
#custom_fields_category_form,
#custom_fields_profile_type_form {
	display: none;
}

#custom_fields_ordering.ui-sortable {
	min-height: 0px;
}
#custom_fields_category_list_custom .ui-sortable-helper,
#custom_fields_ordering .ui-sortable-helper {
	width: 100%;
}

.metadata_config_right{
	float: right;
}

.metadata_config_left{
	float: left;
}

.metadata_config_left_extra{
	display:none;
}

.metadata_config_right_status {
	width: 16px;
	height: 13px;
	display: inline-block;
	cursor: default;
	background: url(https://iteach.ro/mod/profile_manager/_graphics/field_metadata_status.png);
}

.metadata_config_right_status_enabled{
	background-position: 0 -16px;
	cursor: pointer;
}

.metadata_config_right_status_disabled{
	background-position: 0 -32px;
	cursor: pointer;
}

.datepicker_hidden{
	display: none;
}

.custom_fields_add_form_table,
.custom_fields_add_form_table_left {
	width: 100%;
}

.custom_fields_add_form_table_right {
	white-space: nowrap;
}

.custom_fields_add_form_table_right label{
	font-size:inherit;
	font-weight:inherit;
}
.custom_fields_add_form_table_right .input-checkboxes{
	vertical-align: middle;
}

/* actions */
.custom_profile_fields_actions_list td{
	vertical-align: middle;
	padding-left: 5px;
	font-size:90%;
}

#restoreForm {
	display: none;
}

/* end actions */

.custom_fields_more_info {
	width: 14px;
	height: 14px;
	float: left;
	background: url(https://iteach.ro/_graphics/icon_customise_info.gif);
	cursor: pointer;
    margin-left:5px;
    top:16px;
    z-index:20;
}

.custom_fields_more_info_text {
	display:none;
}

#custom_fields_more_info_tooltip {
	position:absolute;
    z-index:20;
	border:1px solid #333333;
	background:#e4ecf5;
	color:#333333;
	padding:5px;
	display:none;
	width: 250px;
	line-height: 1.2em;
	font-size: 90%;
}

/* fix for max-height multi-select drop down*/
.ui-dropdownchecklist-dropcontainer {
	max-height: 150px;
}
/* end fix */

/* user details */
#custom_fields_userdetails {
	margin: 0px;
}

/*#custom_fields_userdetails h3 {
	padding: 1px 0px 5px 0px;
	white-space: nowrap;
	overflow: hidden;
    font-size:16px; color:#111111;
    line-height:20px;
}*/


.ui-accordion-header {
	
	border: 1px solid #CCCCCC;
	cursor: pointer;
	margin-top:2px;
}

.ui-accordion-header:hover {
	background: #DEDEDE;
}

.ui-accordion-header .accordion-icon {
	margin-top: 1px;
	background: url(https://iteach.ro/mod/profile_manager/_graphics/accordion.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	float: left;
}

.ui-accordion-header:hover .accordion-icon{
	background-position: -32px 0;
}


.ui-accordion-header.selected .accordion-icon {
	background-position: 0 0;
}

.submit_button {

	width: 1;  /* IE table-cell margin fix */
    overflow: visible; /* IE table-cell margin fix */
}
/* non_editables */

.hidden_non_editable {
	display: none;
}
/* end non_editables */

/* full profile */
#custom_profile_fields_full_profile_icon {
	
	padding: 10px 20px;
}

#custom_profile_fields_full_profile_details {
	width: 100%;
}

#custom_profile_fields_full_profile_details h3 {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border: none;
	background:#E4E4E4 none repeat scroll 0 0;
	color:#333333;
	font-size:1.1em;
	line-height:1em;
	margin:0 0 10px;
	padding:5px;
}

#custom_profile_fields_full_profile_details .profile_status {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background:#E3E3ED none repeat scroll 0 0;
	line-height:1.2em;
	padding:2px 4px;
}

.profile_manager_profile_edit_tab_content,
li.custom_fields_edit_profile_category {
	display: none;
    padding:20px 10px 0px 10px;
}

/* Profile Manager Members Search Form */
#profile_manager_members_search_form{
	float: left; 
	width: 40%;
}

#profile_manager_members_search_form h3{
	cursor: pointer;
}

#members_search_result, 
#members_search_loader {
	float: right; 
	width: 55%;
}

.profile_manager_members_wait{
	cursor: wait !important;
}

/* registration form mandatory fields */

#register-box p.mandatory>label{
	
}

/* end registration form */
/* new members page */
.members .search_listing {
	border:1px solid #CCCCCC;
	margin:0 0 5px 0;
}
.members .search_listing:hover {
	background:#dedede;
}
.members .group_count {
	font-weight: bold;
	color: #666666;
	margin:0 0 5px 4px;
}
.members .search_listing_info {
	color:#666666;
}

.members .profile_status {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	background:#bbdaf7;
	line-height:1.2em;
	padding:2px 4px;
}
.members .profile_status span {
	font-size:90%;
	color:#666666;
}
.members  p.owner_timestamp {
	padding-left:3px;
}
.members .pagination {
	border:1px solid #CCCCCC;
	margin:5px 0 5px 0;
}


/*#memberssearchform {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}*/
/*#memberssearchform input[type="submit"] {
	padding:2px;
	height:auto;
	margin:4px 0 5px 0;
}*/
/*#memberssearchform .textbox {
	width:176px;
}*/

/* CSS for stiri begin */

.stiri_div {
	color: #000000;
}

.admin-inst-hidde {
	display: none;
}

#stiri_container {
	padding: 20px;
}

#two_column_left_sidebar_maincontent #aprobare_stiri table tr td, #two_column_left_sidebar_maincontent #aprobare_stiri table tr th  {
	padding: 5px 15px;
	border: 1px solid #000000;
}

/* CSS for stiri end */


/*.singleview {
	margin-top:10px;
}*/

.blog_post_icon {
	float:left;
	margin:3px 0 0 0;
	padding:0;
}

.blog_post h3 {
	font-size: 150%;
	margin:0 0 10px 0;
	padding:0;
}

.blog_post h3 a {
	text-decoration: none;
}

.blog_post p {
	margin: 0 0 5px 0;
}

.blog_post .strapline {
	margin: 0 0 0 40px;
    height:40px;
	padding:0;
	color: #999999;
	line-height:40px;
}
.blog_post p.tags {
	background:transparent url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0 0 7px 35px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}
.blog_post .options {
	margin:0;
	padding:0;
}

.blog_post_body img[align="left"] {
	margin: 10px 10px 10px 0;
	float:left;
}
.blog_post_body img[align="right"] {
	margin: 10px 0 10px 10px;
	float:right;
}
.blog_post_body img {
	margin: 10px !important;
}

.blog-comments h3 {
	font-size: 150%;
	margin-bottom: 10px;
}
.blog-comment {
	margin-top: 10px;
	margin-bottom:20px;
	border-bottom: 1px solid #aaaaaa;
}
.blog-comment img {
	float:left;
	margin: 0 10px 0 0;
}
.blog-comment-menu {
	margin:0;
}
.blog-comment-byline {
	background: #dddddd;
	height:22px;
	padding-top:3px;
	margin:0;
}
.blog-comment-text {
	margin:5px 0 5px 0;
}

/* New blog edit column */
#blog_edit_page {
	/* background: #bbdaf7; */
	margin-top:-10px;
}
#blog_edit_page #content_area_user_title h2 {
	background: none;
	border-top: none;
	margin:0 0 10px 0px;
	padding:0px 0 0 0;
}
#blog_edit_page #blog_edit_sidebar #content_area_user_title h2 {
	background:white;
	border-top:none;
	margin:inherit;
	padding:0 0 5px 5px;
	font-size:1.25em;
	line-height:1.2em;
}
#blog_edit_page #blog_edit_sidebar {
	margin:0px 0 22px 0;

	padding:5px;

	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#blog_edit_page #two_column_left_sidebar_210 {
	width:210px;
	margin:0px 0 20px 0px;
	min-height:360px;
	float:left;
	padding:0;
}
#blog_edit_page #two_column_left_sidebar_maincontent {
	margin:0 0px 20px 20px;
	padding:10px 20px 20px 20px;
	width:650px;
	background:#ffffff;
}
/* unsaved blog post preview */
.blog_previewpane {
    border:1px solid #D3322A;
    background:#F7DAD8;
	padding:10px;
	margin:10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}
.blog_previewpane p {
	margin:0;
}

#blog_edit_sidebar .publish_controls,
#blog_edit_sidebar .blog_access,
#blog_edit_sidebar .publish_options,
#blog_edit_sidebar .publish_blog,
#blog_edit_sidebar .allow_comments,
#blog_edit_sidebar .categories {
	margin:0 5px 5px 5px;
	border-top:1px solid #cccccc;
}
#blog_edit_page ul {
	padding-left:0px;
	margin:5px 0 5px 0;
	list-style: none;
}
#blog_edit_page p {
	margin:5px 0 5px 0;
}
#blog_edit_page #two_column_left_sidebar_maincontent p {
	margin:0 0 15px 0;
}
#blog_edit_page .publish_blog input[type="submit"] {

	width:100%;

}
/*#blog_edit_page .preview_button a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:white;
	border: 1px solid #cccccc;
	color:#999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: auto;
	padding: 3px;
	margin:1px 1px 5px 10px;
	cursor: pointer;
	float:right;
}*/
/*#blog_edit_page .preview_button a:hover {
	background:#4690D6;
	color:white;
	text-decoration: none;
	border: 1px solid #4690D6;
}*/
#blog_edit_page .allow_comments label {
	font-size: 100%;
}








/**
   * Set a very small font size for the control and constrain
   * it's width to 225px
   *
   * Note: the page has a single FeedControl that
   * is drawn in the <div> element whose id is "feedControl".
   */

.reset,.reset div,.reset dl,.reset dt,.reset dd,.reset ul,.reset ol,.reset li,.reset h1,.reset h2,.reset h3,.reset h4,.reset h5,.reset h6,.reset pre,.reset form,.reset fieldset,.reset input,.reset textarea,.reset p,.reset blockquote,.reset th,.reset td
{margin:0;padding:0;}

.reset table
{border-collapse:collapse;border-spacing:0;}

.reset fieldset,.reset img
{border:0;}

.reset address,.reset caption,.reset cite,.reset code,.reset dfn,.reset em,.reset strong,.reset th,.reset var
{font-style:normal;font-weight:normal;}

.reset ol,.reset ul
{list-style:none;}

.reset caption,.reset th
{text-align:left;}

.reset h1,.reset h2,.reset h3,.reset h4,.reset h5,.reset h6
{font-size:100%;font-weight:normal;}

.reset q:before,.reset q:after
{content:'';}

.reset abbr,.reset acronym
{border:0;}


/* individual feeds title */
#displayFeeds .gfc-resultsHeader {
/*	border-bottom:1px solid #cccccc;*/
	padding-bottom:4px;
   margin-bottom:10px;
	width:100%;
}
#displayFeeds {

   padding: 10px 0px 10px 0px;
   margin:-55px 0px 0px 0px;
}

#content_area_user_titles h2 {
   font-size:1.35em;
   line-height:1.2em;
   margin:0 0 0 8px;
   padding:5px 0px 0px 0px;
}

/* post title */
.gf-result .gf-title {
   -moz-border-radius-topleft:8px;
   -moz-border-radius-topright:8px;
   padding:5px 0 0px 3px;
   font-size:15px;
   height:auto;
   min-height:30px;
   
}

.gf-author {
   color: #000000 !important;
   display : block !important;
   background:white none repeat scroll 0 0;
   padding:3px 5px 5px 5px;
   font-size : 1.0em;
   font-weight: normal;
}

.gf-spacer {
   color: #000000 !important;
   display : none !important;
   background:white none repeat scroll 0 0;
   padding:3px 5px 5px 5px;
   font-size : 1.0em;
   font-weight: normal;
}

.gf-relativePublishedDate {
  color: #444444 !important;
  display : block !important;
  padding:3px 0px 0px 5px;
  margin:2px 0px 5px 0px;
  font-size:11px; 
  }

.gf-result .gf-snippet {
   -moz-border-radius-bottomleft:8px;
   -moz-border-radius-bottomright:8px;
   background:white none repeat scroll 0 0;
   padding:3px 5px 5px 5px;
   font-size : 1.0em;
   font-weight: normal;
}

.gfc-title {
   color: #000000 !important;
   font-size : 1.0em;
   text-shadow:none;
}

.gf-author {
   background:white none repeat scroll 0 0;
   padding:3px 5px 5px 5px;
   font-size : 1.0em;
   font-weight: normal;
}

/* sidebar list */

.add_feed {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background:#000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 2px 6px 2px 6px;
	margin:20px 0 10px 0;
	cursor: pointer;
}

.add_feed:hover {
	background: #8b000b;
	color: #ffffff;
	text-decoration: none;
}

a.add_feed {
    margin: 10px 0 0 7px;
}

#open_feed_form {
    margin:10px 0 0 0;
}

#feeds_delete {
	height:10px;
}

#feeds ul {
   margin: 5px 0px 0px 3px;
	padding: 0;
	border-top:none;
}

#feeds li.feed_item {
  border-bottom:none;
  padding:2px 0px 2px 0px;
  margin:0;
  list-style:none;
}

#feeds .feed_button {
  cursor:pointer;
  text-align:left;
  padding:0 6px 0 0;
}

#feeds .feed_button:hover {
   background:none;
}

#feeds .delete_feed {
  cursor:pointer;
  color:#999999;
  font-size: 90%;
}

#add_new_feed {
  display:none;
  margin:20px 0 0 0;
}
.feed_item:hover {
	background:none;
	text-decoration:none;
}

#add_new_feed input {
    padding:3px 0;
    width:188px;
}

#feeds_list {

}

#feeds_list_title {
    padding:0px 0px 0px 3px;
    font-weight:normal;
    text-shadow:none;
}

#feeds {
    padding:1px;
}

#add_new_feed form {
    padding:10px;
}

#label {
   color:#000000;
   font-size:100%;
   font-weight:bold;
}

#displayFeeds .gfc-tabsArea{ display:block; width:90%; float:left; clear:left; position:relative; padding:0px; margin:7px 0px 0px 0px;}
#displayFeeds .gfc-resultsbox-visible{  display:block; width:100%; float:left; clear:left; position:relative; } 
#displayFeeds .gfc-tabHeader{

float: left;
	border: 1px solid #CCCCCC;
	border-bottom-width: 0;
	background: #eeeeee;
	margin: 0 0 0 10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;

   	text-decoration: none;
	display: block;
	padding:3px 10px 0 10px;
	color: #0860A8;
	text-align: center;
    line-height:20px;
	height:25px;
    border-top:1px solid #cccccc;

}

#displayFeeds .gfc-tabHeader:hover{ color: #111111;
	background:url(https://iteach.ro/athena/design/iteach1.0/images/selected_tab_nav_hover.png) repeat-x bottom;
    
     border-top:1px solid #cccccc; }
    

#displayFeeds .gfc-tabHeader.gfc-tabhActive{

color: #111111;
	background:url(https://iteach.ro/athena/design/iteach1.0/images/selected_tab_nav.png) repeat-x bottom;
    border-top:1px solid #cccccc;

}
#displayFeeds .gfc-tabHeader.gfc-tabhInactive{

border-top:1px solid #cccccc;

}

#displayFeeds .gfc-resultsHeader{ border: none;}

.gfc-result {border-bottom: 1px dotted #F3F3F3; margin-bottom: 10px;}

/* CSS for listacursuri begin */

.listacursuri_div {
	color: #000000;
}

/* CSS for listacursuri end */
/* CSS for institutii begin */

.institutii_div {
	color: #000000;
}

/* CSS for institutii end */


/*.singleview {
	margin-top:10px;
}*/

.blog_post_icon {
	float:left;
	margin:3px 0 0 0;
	padding:0;
}

.blog_post h3 {
	font-size: 150%;
	margin:0 0 10px 0;
	padding:0;
}

.blog_post h3 a {
	text-decoration: none;
}

.blog_post p {
	margin: 0 0 5px 0;
}

.blog_post .strapline {
	margin: 0 0 0 40px;
    height:40px;
	padding:0;
	color: #999999;
	line-height:40px;
}
.blog_post p.tags {
	background:transparent url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0 0 7px 35px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}
.blog_post .options {
	margin:0;
	padding:0;
}

.blog_post_body img[align="left"] {
	margin: 10px 10px 10px 0;
	float:left;
}
.blog_post_body img[align="right"] {
	margin: 10px 0 10px 10px;
	float:right;
}
.blog_post_body img {
	margin: 10px !important;
}

.blog-comments h3 {
	font-size: 150%;
	margin-bottom: 10px;
}
.blog-comment {
	margin-top: 10px;
	margin-bottom:20px;
	border-bottom: 1px solid #aaaaaa;
}
.blog-comment img {
	float:left;
	margin: 0 10px 0 0;
}
.blog-comment-menu {
	margin:0;
}
.blog-comment-byline {
	background: #dddddd;
	height:22px;
	padding-top:3px;
	margin:0;
}
.blog-comment-text {
	margin:5px 0 5px 0;
}

/* New blog edit column */
#blog_edit_page {
	/* background: #bbdaf7; */
	margin-top:-10px;
}
#blog_edit_page #content_area_user_title h2 {
	background: none;
	border-top: none;
	margin:0 0 10px 0px;
	padding:0px 0 0 0;
}
#blog_edit_page #blog_edit_sidebar #content_area_user_title h2 {
	background:none;
	border-top:none;
	margin:inherit;
	padding:0 0 5px 5px;
	font-size:1.25em;
	line-height:1.2em;
}
#blog_edit_page #blog_edit_sidebar {
	margin:0px 0 22px 0;
	background: #dedede;
	padding:5px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#blog_edit_page #two_column_left_sidebar_210 {
	width:210px;
	margin:0px 0 20px 0px;
	min-height:360px;
	float:left;
	padding:0;
}
#blog_edit_page #two_column_left_sidebar_maincontent {
	margin:0 0px 20px 20px;
	padding:10px 20px 20px 20px;
	width:650px;
	background:#ffffff;
}
/* unsaved blog post preview */
.blog_previewpane {
    border:1px solid #D3322A;
    background:#F7DAD8;
	padding:10px;
	margin:10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}
.blog_previewpane p {
	margin:0;
}

#blog_edit_sidebar .publish_controls,
#blog_edit_sidebar .blog_access,
#blog_edit_sidebar .publish_options,
#blog_edit_sidebar .publish_blog,
#blog_edit_sidebar .allow_comments,
#blog_edit_sidebar .categories {
	margin:0 5px 5px 5px;
	border-top:1px solid #cccccc;
}
#blog_edit_page ul {
	padding-left:0px;
	margin:5px 0 5px 0;
	list-style: none;
}
#blog_edit_page p {
	margin:5px 0 5px 0;
}
#blog_edit_page #two_column_left_sidebar_maincontent p {
	margin:0 0 15px 0;
}
#blog_edit_page .publish_blog input[type="submit"] {

	width:100%;

}
/*#blog_edit_page .preview_button a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:white;
	border: 1px solid #cccccc;
	color:#999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: auto;
	padding: 3px;
	margin:1px 1px 5px 10px;
	cursor: pointer;
	float:right;
}*/
/*#blog_edit_page .preview_button a:hover {
	background:#4690D6;
	color:white;
	text-decoration: none;
	border: 1px solid #4690D6;
}*/
#blog_edit_page .allow_comments label {
	font-size: 100%;
}







#user_status img{
	position: relative;
	float:right;
	border: none;
	xfloat: left;
	z-index: 1010;
}

#user_status.user_status_tiny {
	margin-top: -9px;
}

#user_status.user_status_tiny img {
	width: 9px;
	height: 9px;
}

#user_status.user_status_small {
	margin-top: -12px;
}

#user_status.user_status_small img {
	
	width: 12px;
	height: 12px;
    background:none;
}



#user_status.user_status_medium {
	margin-top: -16px;
}

#user_status.user_status_medium img {
	width: 16px;
	height: 16px;
}



#user_status.user_status_large {
	margin-top: -32px;
}

#user_status.user_status_large img {
	width: 32px;
	height: 32px;
}



#user_status.user_status_full {
	margin-top: -64px;
}

#user_status.user_status_full img {
	width: 64px;
	height: 64px;
}

/*.singleview {
	margin-top:10px;
}*/

.blog_post_icon {
	float:left;
	margin:3px 0 0 0;
	padding:0;
}

.blog_post h3 {
	font-size: 150%;
	margin:0 0 10px 0;
	padding:0;
}

.blog_post h3 a {
	text-decoration: none;
}

.blog_post p {
	margin: 0 0 5px 0;
}

.blog_post .strapline {
	margin: 0 0 0 40px;
    height:40px;
	padding:0;
	color: #999999;
	line-height:40px;
}
.blog_post p.tags {
	background:transparent url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0 0 7px 35px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}
.blog_post .options {
	margin:0;
	padding:0;
}

.blog_post_body img[align="left"] {
	margin: 10px 10px 10px 0;
	float:left;
}
.blog_post_body img[align="right"] {
	margin: 10px 0 10px 10px;
	float:right;
}
.blog_post_body img {
	margin: 10px !important;
}

.blog-comments h3 {
	font-size: 150%;
	margin-bottom: 10px;
}
.blog-comment {
	margin-top: 10px;
	margin-bottom:20px;
	border-bottom: 1px solid #aaaaaa;
}
.blog-comment img {
	float:left;
	margin: 0 10px 0 0;
}
.blog-comment-menu {
	margin:0;
}
.blog-comment-byline {
	background: #dddddd;
	height:22px;
	padding-top:3px;
	margin:0;
}
.blog-comment-text {
	margin:5px 0 5px 0;
}

/* New blog edit column */
#blog_edit_page {
	/* background: #bbdaf7; */
	margin-top:-10px;
}
#blog_edit_page #content_area_user_title h2 {
	background: none;
	border-top: none;
	margin:0 0 10px 0px;
	padding:0px 0 0 0;
}
#blog_edit_page #blog_edit_sidebar #content_area_user_title h2 {
	background:none;
	border-top:none;
	margin:inherit;
	padding:0 0 5px 5px;
	font-size:1.25em;
	line-height:1.2em;
}
#blog_edit_page #blog_edit_sidebar {
	margin:0px 0 22px 0;
	background: #dedede;
	padding:5px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#blog_edit_page #two_column_left_sidebar_210 {
	width:210px;
	margin:0px 0 20px 0px;
	min-height:360px;
	float:left;
	padding:0;
}
#blog_edit_page #two_column_left_sidebar_maincontent {
	margin:0 0px 20px 20px;
	padding:10px 20px 20px 20px;
	width:650px;
	background:#ffffff;
}
/* unsaved blog post preview */
.blog_previewpane {
    border:1px solid #D3322A;
    background:#F7DAD8;
	padding:10px;
	margin:10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}
.blog_previewpane p {
	margin:0;
}

#blog_edit_sidebar .publish_controls,
#blog_edit_sidebar .blog_access,
#blog_edit_sidebar .publish_options,
#blog_edit_sidebar .publish_blog,
#blog_edit_sidebar .allow_comments,
#blog_edit_sidebar .categories {
	margin:0 5px 5px 5px;
	border-top:1px solid #cccccc;
}
#blog_edit_page ul {
	padding-left:0px;
	margin:5px 0 5px 0;
	list-style: none;
}
#blog_edit_page p {
	margin:5px 0 5px 0;
}
#blog_edit_page #two_column_left_sidebar_maincontent p {
	margin:0 0 15px 0;
}
#blog_edit_page .publish_blog input[type="submit"] {

	width:100%;

}
/*#blog_edit_page .preview_button a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:white;
	border: 1px solid #cccccc;
	color:#999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: auto;
	padding: 3px;
	margin:1px 1px 5px 10px;
	cursor: pointer;
	float:right;
}*/
/*#blog_edit_page .preview_button a:hover {
	background:#4690D6;
	color:white;
	text-decoration: none;
	border: 1px solid #4690D6;
}*/
#blog_edit_page .allow_comments label {
	font-size: 100%;
}








/*.singleview {
	margin-top:10px;
}*/

.blog_post_icon {
	float:left;
	margin:3px 0 0 0;
	padding:0;
}

.blog_post h3 {
	font-size: 150%;
	margin:0 0 10px 0;
	padding:0;
}

.blog_post h3 a {
	text-decoration: none;
}

.blog_post p {
	margin: 0 0 5px 0;
}

.blog_post .strapline {
	margin: 0 0 0 40px;
    height:40px;
	padding:0;
	color: #999999;
	line-height:40px;
}
.blog_post p.tags {
	background:transparent url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0 0 7px 35px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}
.blog_post .options {
	margin:0;
	padding:0;
}

.blog_post_body img[align="left"] {
	margin: 10px 10px 10px 0;
	float:left;
}
.blog_post_body img[align="right"] {
	margin: 10px 0 10px 10px;
	float:right;
}
.blog_post_body img {
	margin: 10px !important;
}

.blog-comments h3 {
	font-size: 150%;
	margin-bottom: 10px;
}
.blog-comment {
	margin-top: 10px;
	margin-bottom:20px;
	border-bottom: 1px solid #aaaaaa;
}
.blog-comment img {
	float:left;
	margin: 0 10px 0 0;
}
.blog-comment-menu {
	margin:0;
}
.blog-comment-byline {
	background: #dddddd;
	height:22px;
	padding-top:3px;
	margin:0;
}
.blog-comment-text {
	margin:5px 0 5px 0;
}

/* New blog edit column */
#blog_edit_page {
	/* background: #bbdaf7; */
	margin-top:-10px;
}
#blog_edit_page #content_area_user_title h2 {
	background: none;
	border-top: none;
	margin:0 0 10px 0px;
	padding:0px 0 0 0;
}
#blog_edit_page #blog_edit_sidebar #content_area_user_title h2 {
	background:none;
	border-top:none;
	margin:inherit;
	padding:0 0 5px 5px;
	font-size:1.25em;
	line-height:1.2em;
}
#blog_edit_page #blog_edit_sidebar {
	margin:0px 0 22px 0;
	background: #dedede;
	padding:5px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
#blog_edit_page #two_column_left_sidebar_210 {
	width:210px;
	margin:0px 0 20px 0px;
	min-height:360px;
	float:left;
	padding:0;
}
#blog_edit_page #two_column_left_sidebar_maincontent {
	margin:0 0px 20px 20px;
	padding:10px 20px 20px 20px;
	width:650px;
	background:#ffffff;
}
/* unsaved blog post preview */
.blog_previewpane {
    border:1px solid #D3322A;
    background:#F7DAD8;
	padding:10px;
	margin:10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;	
}
.blog_previewpane p {
	margin:0;
}

#blog_edit_sidebar .publish_controls,
#blog_edit_sidebar .blog_access,
#blog_edit_sidebar .publish_options,
#blog_edit_sidebar .publish_blog,
#blog_edit_sidebar .allow_comments,
#blog_edit_sidebar .categories {
	margin:0 5px 5px 5px;
	border-top:1px solid #cccccc;
}
#blog_edit_page ul {
	padding-left:0px;
	margin:5px 0 5px 0;
	list-style: none;
}
#blog_edit_page p {
	margin:5px 0 5px 0;
}
#blog_edit_page #two_column_left_sidebar_maincontent p {
	margin:0 0 15px 0;
}
#blog_edit_page .publish_blog input[type="submit"] {

	width:100%;

}
/*#blog_edit_page .preview_button a {
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:white;
	border: 1px solid #cccccc;
	color:#999999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	width: auto;
	height: auto;
	padding: 3px;
	margin:1px 1px 5px 10px;
	cursor: pointer;
	float:right;
}*/
/*#blog_edit_page .preview_button a:hover {
	background:#4690D6;
	color:white;
	text-decoration: none;
	border: 1px solid #4690D6;
}*/
#blog_edit_page .allow_comments label {
	font-size: 100%;
}







/* group river widget */
#group_river_widget {
	margin:0 0 20px 0;
	padding: 0 0 5px 0;
	background:white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#group_river_widget .search_listing {
	border: 2px solid #cccccc;
}
	.comment_box {
		font-size: 1.2em;
		margin-bottom: 8px;
	}
	.comment_add_box {
		overflow: hidden;
		/*margin: 8px 28px;*/
		padding: 3px;
		width: 310px;
	}
	.comment_add_box textarea {
		float: left;
		font-size: 1.0em;
		height:14px;
		margin: 0px;
		width: 332px;
	}
	.comment_add_box textarea.current {
		height: 29px;
		width: 298px;
	}
	.comment_icon {
		float: left;
		margin-right: 4px;
		width: 30px;
	}
	.comment_add_box .comment_icon {
		display: none;
	}
	.comment_box_submit {
		display: none;
		float: right;
		margin: 4px 6px 0 0;
		width: auto;
	}
	
	label.comment_box_submit input {
		font-size: 1.0em;
		height: auto;
		margin: 0px;
		padding: 2px;
	}
	
	/*List comments*/
	.comment_box .comment_feed {
		background: #cfdfeb;
		border-bottom:1px solid #DFDFDF;
		clear:left;
		float:none;
		overflow:hidden;
		margin: 2px 0 2px 30px;
		padding: 5px;
		width:350px;
	}
	.comment_content {
		display:table-cell;
		vertical-align:top;
		width:300px;
	}
	.comment_text {
		padding: 0 5px 0 0;
	}
	.comment_author  {
		font-weight:bold;
	}
	.comment_actual_text {
		display: inline;
	}
	.comment_actions  {
		color:#777777;
		padding:2px 0 1px;
	}
	
	.comment_reduced {
		background: #F3F3F3;
		padding: 0 0 0 21px;
	}
	.comment_view_all {
		margin: 0 8px 0 0;
	}
	.comment_reduced_icon {
		background: transparent url(https://iteach.ro/mod/river_comments/graphics/river_icon_comment.png) no-repeat;
	}
	.river_comment_loading{
		background: transparent url(https://iteach.ro/mod/river_comments/graphics/loading.gif) no-repeat center right;
	}
	.comment_error, .river_error {
		color: red;
	}
	.river_error {
		padding-left:36px;
		display:block;
	}
	/*Support for Widget Activity*/
	.collapsable_box_content .comment_feed {
		margin:2px 15px;
		width:230px;
	}
	.collapsable_box_content .comment_box .comment_feed {
		margin: 0px 30px;
	}
	.collapsable_box_content .comment_add_box textarea {
		width:213px;
	}
	.collapsable_box_content .comment_add_box textarea.current {
		width: 179px;
	}
	.collapsable_box_content .comment_box_submit {
		display: block;
	}
	
	/*River*/
	.item_separator {
		clear: both;
		display: block;
		margin: 1px 0px;
		height:3px;
	}
	.river_item_time {
		padding:0 0 0 32px;
	}
	.river_action_links{
		font-size: 90%;
	}	
	.river_item .river_item_useravatar {
	display:block;
	float:left;
	margin:0 20px 0 0;
	}
	.river_item .river_comment_new {
	width:390px;
	display:block;
	float:left;
	border-left:1px solid #D8D8D8;
	}
	#poll_river_results{
	display:none;
	width:360px;
	margin: 2px 0 2px 30px;
	
	}
	#progress_indicator_river {
	width:360px;
	padding: 0px;
	background:  #cfdfeb;
	
	
	}
		
	#progressBarContainer_river {
		height:12px;
		width:340px;
		border: 1px #336699 solid;
	
		
	}
.requestnotifications_title {
	color:#0054A7;
	margin: 10px 0px 0px 10px;
}

.requestnotifications_wrapper {
	padding: 10px;	
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}
.requestnotifications_wrapper .usericon{
	margin:0px 5px 5px 0px;
}
.requestnotifications_wrapper p {margin:0px;}

.requestnotifications_widget {
	margin: 0px 10px;
}

.requestnotifications_box {
	padding: 5px;
	background:white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
}

.requestnotifications_box h3 {
	background-color:#f1f1f1;
	
	margin:5px 0px 5px 0px;
	padding-top:5px;
	padding-bottom:5px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}

.requestnotifications_box .request {
	float:left;
	margin:3px;
	padding:3px;
}

.requestnotifications_box .subrequest {
	float:left;
	margin:0px 3px 3px 30px;
	padding:3px;
}

.requestnotifications_box .request td,
.requestnotifications_box .subrequest td {
	padding:3px;
}

.requestnotifications_box .request td.name,
.requestnotifications_box .subrequest td.name{
	font-weight:bold;
}

.requestnotifications_box .friendrequestscount {
	background-image: url(https://iteach.ro/_graphics/river_icons/river_icon_friends.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
}

.requestnotifications_box .grouprequestscount {
	background-image: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
}

.requestnotifications_box .groupinvitationscount {
	background-image: url(https://iteach.ro/_graphics/river_icons/river_icon_forum.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
}

.requestnotifications_box .sharedbookmarkscount {
	background-image: url(https://iteach.ro/_graphics/river_icons/river_icon_bookmarks.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 25px;
}

.requestnotifications_viewall {
	float:right;
	font-size:0.8em;
}#group_multiple_admins_group_admins {
	margin:10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	background: white;	
}

#group_multiple_admins_group_admins h2 {
	margin:0 0 10px 0;
	padding:5px;
	color:#0054A7;
	font-size:1.25em;
	line-height:1.2em;
}
.river_item p {
	margin:0;
	padding:0 0 0 21px;
	line-height:1.1em;
	min-height:15px;
}
.river_item {
	border-bottom:1px solid #dddddd;
	padding:15px 0 0px 0;
	margin: 0px 0px 0px 5px;	
}
.river_item_padding_medium {
	margin-left: 105px;
	min-height: 75px;
}
.river_item_padding_small {
	margin-left: 40px;
	min-height: 40px;
}

.collapsable_box .river_item_padding_small {
	margin-left: 0px;
	min-height: 40px;
}

.river_item_padding_tiny {
	margin-left: 30px;
	min-height: 25px;
}
.river_item_padding_topbar {
	margin-left: 25px;
	min-height: 20px;
}
.river_item_icon_float {
	float:left;
	margin:0px 4px;
}
.adjusted_user_icon_size img {
	width: 18px;
	height: 18px;
}
.river_item_time {
	display:block;
	font-size:90%;
	color:#666666;
}
.collapsable_box .river_item { margin:0px; padding:0px;}
.collapsable_box_content .river_item p { font-size:10px;}.login_as_return {
	float: right;
	vertical-align: top;
	margin-left: 3em;
}

.login_as_arrow {
	vertical-align: top;
	color: white;
	font-weight: bold;
}

.login_as_arrow:hover {
	color: white;
}

.login_as_icon {
	margin-left: -18px;
}
.answers_rating {
	display: block;
	margin-top: 1px;
}

.answer_rate .arrow {
 	font-size: 24px;
 	font-weight: bold;
 	color: #777;
 	width: 24px;
 }


.answer_rate span:after {
	font-size: 24px;
	font-weight: bold;
	color: #777;
	width: 24px;
}



.answers_like_selected .arrow, .answers_dislike_selected .arrow {
	color: #0054a7;
 }

.answer_rate:hover {
text-decoration: none;
} 

.answers_choose {

}

.answers_chosen {
	background-color: #ff9;
}

.question_title {
	font-weight: bold;
	font-size: 120%;
}

.question_details {

}

#answers_widget_layout {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: white;
	margin: 0 0 20px;
	padding: 0 0 5px;
}

#answers_widget_layout .search_listing {
	background: #dedede !important;
}

.answers_header {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 0 8px;
	padding: 5px;
}

.answers_comment {
	border-top: 1px dotted #AAAAAA;
	color: #000000;
	font-size: 90%;
	width: 90%;
	margin: 7px 0 0 10%;
	padding:2px 0 0 2px;
}

.answers_comment_owner {
	color: #666666;
}

.answers_add_comment_wrapper .input-textarea {
	height: 80px;
}

.answers_add_comment_wrapper .submit_button {
	margin-bottom: 0px;
}


.answers_rating_container {
	margin-left: 10px;
}

.answers_rating {
	font-weight: bold;
	font-size: 130%;
	line-height: 130%;
}

.answers_rating_block {
	float: left;
	clear: left;
	text-align: center;
	width: 40px;
}

.answers_answer_byline {
	border-top: 1px solid #AAAAAA;
	color: #666666;
	font-size: 90%;
	margin: 0;
}

.answers_answer_owner_icon {
	float: left;
	margin: 3px;
}

.answers_answer_owner {
	float: left;
	margin: 6px;
}

.answers_answer_delete {
	float: left;
	margin: 6px 0 6px 15px;
}

.topic_post .tags {
	background: transparent url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin: 1px 3px 3px;
	min-height: 22px;
	padding: 0 0 0 16px;
}

.river_object_question_create, .river_object_question_update {
	background: url(https://iteach.ro/mod/answers/graphics/river_icon_question.gif) no-repeat left -1px;
}

.river_object_question_answer, .river_object_answer_update {
	background: url(https://iteach.ro/mod/answers/graphics/river_icon_answer.gif) no-repeat left -1px;
}

.river_object_question_choose {
	background: url(https://iteach.ro/mod/answers/graphics/river_icon_choose.gif) no-repeat left -1px;
}

.river_object_question_comment, .river_object_answer_comment {
	background: url(https://iteach.ro/mod/answers/graphics/river_icon_comment.gif) no-repeat left -1px;
}
.info{
	font-weight:bold;
    background:#EAF0F6;
    padding:6px;
}

.scanactive_note{
	margin:10px 0 10px 0;
}

th {
	background: #EAF0F6;
    padding:10px 5px 10px 5px;
}

.scanactive_entry td {
	margin:0;
    padding:5px 0 5px 5px;
	border-bottom:1px solid #F3f3f3;
}

.arrow_up{
	padding-top:1px;
	color: transparent;
    font-size:0.01em;
	border:none;
    width:14px;
    height:14px;
	background: url(https://iteach.ro/mod/scanactive/graphics/arrow_up.png) no-repeat left top;
}

.arrow_down{
	padding-top:1px;
	color: transparent;
    font-size:0.01em;
	overflow:hidden;
	border:none;
    width:14px;
    height:14px;
	background: url(https://iteach.ro/mod/scanactive/graphics/arrow_down.png) no-repeat left top;
}
.singleview {
	margin-top:10px;
}

.poll_post_icon {
	float:left;
	margin:3px 0 0 0;
	padding:0;
}

.poll_post h3 {
	font-size: 150%;
	margin:0 0 10px 0;
	padding:0;
}

.poll_post h3 a {
	text-decoration: none;
}

.poll_post p {
	margin: 0 0 5px 0;
}
.poll_post .strapline {
	margin: 0 0 0 35px;
	padding:0;
	color: #aaa;
	line-height:1em;
}
.poll_post p.tags {
	background:transparent url(https://iteach.ro/_graphics/icon_tag.gif) no-repeat scroll left 2px;
	margin:0 0 7px 35px;
	padding:0pt 0pt 0pt 16px;
	min-height:22px;
}
/* Iter 8.7 runda 5 (2026-06-02): legacy `.poll_edit_link { float: right }`
   suprapunea edit/delete peste titlu când titlul era lung. NU mai folosim
   float pe pagina de detaliu — există `.poll_edit_link.poll-owner-actions`
   (selector cu 2 clase, mai specific) care setează `float: none` și layout
   flex. Regula veche e neutralizată aici pentru a evita dependența de
   ordinea declarațiilor în alte iterații. */
.poll_edit_link {
	margin: 5px 5px 5px 50px;
}
.poll_edit_link a {
	padding:2px 25px 5px 0;
	display:block;
}
.poll_edit_link a:hover {
	background-position: right -40px;
}

.input-radio {
	border:none;
	text-align:left;
	vertical-align:top;
}

#progress_indicator {
	width:400px;
	padding: 10px;
}
	
#progressBarContainer {
	height:12px;
	width:100%;
	border: 1px #D9541E solid;
}

/* ***************************************
	RIVER
*************************************** */

.river_object_poll_create {
	background: url(https://iteach.ro/mod/poll/graphics/river_icon_poll.gif) no-repeat left -1px;
}
.river_object_poll_update {
	background: url(https://iteach.ro/mod/poll/graphics/river_icon_poll.gif) no-repeat left -1px;
}
.river_object_poll_comment {
	background: url(https://iteach.ro/_graphics/river_icons/river_icon_comment.gif) no-repeat left -1px;
}
.river_object_poll_vote {
	background: url(https://iteach.ro/mod/poll/graphics/river_icon_vote.gif) no-repeat left -1px;
}

/* ===================================================================
   Iter 2 (2026-05-31): SVG icon system
   --------------------------------------------------------------------
   Used by the SVG sprite in poll/views/default/poll/icons.php.
   Class name is namespaced `poll-icon` (not `.icon`) to avoid clashing
   with `class="icon"` already used by the `groups` plugin.

   Sizing in `em` so icons scale with the parent text size; colour
   inherited via `currentColor` so an icon picks up the text colour
   automatically.
   =================================================================== */

.poll-icon {
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: -0.15em;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex-shrink: 0;
}
.poll-icon-lg {
	width: 1.2em;
	height: 1.2em;
}
.poll-icon-xl {
	width: 64px;
	height: 64px;
}

/* ===================================================================
   Iter 3 (2026-05-31): multi-choice + lock UI
   =================================================================== */

.poll-vote-options {
	margin: 12px 0;
}
.poll-vote-option {
	display: block;
	padding: 8px 12px;
	margin: 4px 0;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	cursor: pointer;
	background: #fff;
}
.poll-vote-option:hover {
	border-color: #2a8acc;
	background: #f0f8ff;
}
.poll-vote-option input {
	margin-right: 8px;
	vertical-align: middle;
}
.poll-vote-hint {
	font-size: 13px;
	color: #4b5563;
	margin: 8px 0;
	padding: 6px 10px;
	background: #f3f4f6;
	border-radius: 4px;
}
/* Iter 3 baseline + iter 6.5: amber alert banner with leading icon */
.poll-vote-warning {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: #fef3c7;
	border-left: 3px solid #f59e0b;
	color: #78350f;
	font-size: 13px;
	margin: 14px 0;
	border-radius: 4px;
}
.poll-vote-warning .poll-icon {
	color: #d97706;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* Lock banner on the edit form */
.poll-locked-banner {
	background: #fef3c7;
	border: 1px solid #fcd34d;
	color: #78350f;
	padding: 10px 14px;
	border-radius: 6px;
	margin: 0 0 16px;
	font-size: 13px;
}

/* Read-only field rendering (used when poll is locked) */
.poll-readonly {
	padding: 8px 12px;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	color: #374151;
	font-style: italic;
}

/* Type selector + min/max sub-form on the edit page */
.poll-type-options {
	margin: 6px 0 8px;
}
.poll-type-options label {
	cursor: pointer;
}
.poll-multi-options {
	margin: 8px 0 0 16px;
	padding: 8px 12px;
	background: #f9fafb;
	border-left: 3px solid #e5e7eb;
	border-radius: 0 4px 4px 0;
}
.poll-multi-options small {
	color: #6b7280;
	font-size: 12px;
}
.poll-multi-options input[type="text"] {
	width: 50px;
	padding: 2px 6px;
}

/* ===================================================================
   Iter 4 (2026-05-31): duration preset + close-now UI
   =================================================================== */

.poll-duration-options {
	margin: 6px 0 4px;
}
.poll-duration-option {
	display: inline-block;
	margin-right: 14px;
	cursor: pointer;
}
.poll-duration-note {
	display: block;
	color: #6b7280;
	font-size: 12px;
	margin: 4px 0;
}
.poll-deadline-status {
	display: inline-block;
	margin-top: 6px;
	padding: 3px 10px;
	background: #f3f4f6;
	color: #374151;
	border-radius: 10px;
	font-size: 12px;
}

/* "Închideți acum" button — visually distinct (warning-style) so the user
   doesn't confuse it with the normal Save button. */
.poll-close-now-btn {
	margin-left: 12px;
	padding: 6px 12px;
	background: #fef3c7;
	border: 1px solid #f59e0b;
	color: #78350f;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
}
.poll-close-now-btn:hover {
	background: #fde68a;
	border-color: #d97706;
}

/* Vote form: deadline display + closed notice */
.poll-deadline {
	display: inline-block;
	padding: 4px 10px;
	background: #f3f4f6;
	color: #374151;
	border-radius: 12px;
	font-size: 12px;
	margin: 0 0 12px;
}
.poll-closed-notice {
	padding: 12px 16px;
	background: #f3f4f6;
	border: 1px solid #d1d5db;
	color: #4b5563;
	border-radius: 6px;
	font-size: 14px;
	margin: 12px 0;
}

/* ===================================================================
   Iter 5 (2026-05-31): results view — bars + voter avatars
   --------------------------------------------------------------------
   The legacy #progress_indicator / #progressBarContainer rules above
   are no longer matched (the rewritten view uses classes), but left
   in place to minimise diff risk. They cost nothing — no element on
   the page has those IDs anymore.
   =================================================================== */

.poll-results-question {
	font-size: 150%;
	margin: 0 0 10px;
	color: #222;
}
.poll-results-totals {
	color: #4b5563;
	font-size: 13px;
	margin: 0 0 18px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #e5e7eb;
}
.poll-novotes {
	padding: 24px 12px;
	text-align: center;
	color: #6b7280;
	font-style: italic;
}

.poll-result-row {
	margin-bottom: 20px;
}
.poll-result-label {
	display: flex;
	justify-content: space-between;
	margin-bottom: 6px;
	font-size: 14px;
	gap: 12px;
}
.poll-result-text {
	font-weight: 500;
	flex: 1;
	word-wrap: break-word;
	min-width: 0;
}
.poll-result-stats {
	color: #6b7280;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.poll-yourvote {
	color: #16a34a;
	font-weight: 600;
	font-size: 12px;
	margin-left: 8px;
}

.poll-result-bar {
	height: 10px;
	background: #eef2f5;
	border-radius: 5px;
	overflow: hidden;
}
.poll-result-bar-fill {
	height: 100%;
	background: #2a8acc;  /* iTeach blue */
	border-radius: 5px;
	transition: width 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.poll-result-bar-fill.your-vote {
	background: linear-gradient(90deg, #2a8acc 0%, #45b3e0 100%);
}

/* Voter avatar stack */
.poll-voters {
	display: flex;
	align-items: center;
	margin-top: 10px;
	flex-wrap: wrap;
}
.poll-voter {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
	margin-left: -8px;
	line-height: 0;
	text-decoration: none;
	background: #f3f4f6;
	flex-shrink: 0;
}
.poll-voter:first-child { margin-left: 0; }
.poll-voter:hover {
	z-index: 1;
	transform: translateY(-2px);
	transition: transform 0.15s ease;
}
.poll-voter.is-me {
	border-color: #16a34a;
}
.poll-voter img {
	width: 100%;
	height: 100%;
	display: block;
}

.poll-voters-more {
	margin-left: 8px;
	padding: 3px 10px;
	background: #f1f5f9;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	color: #4b5563;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.4;
	font-family: inherit;
}
.poll-voters-more:hover {
	background: #e5e7eb;
	border-color: #d1d5db;
}

.poll-voters-overflow {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 6px;
}
.poll-voters-overflow .poll-voter {
	margin-left: -8px;
}
.poll-voters-overflow .poll-voter:first-child {
	margin-left: 0;
}
.poll-hidden {
	display: none !important;
}

@media (max-width: 720px) {
	/* Slightly larger touch targets on mobile */
	.poll-voter {
		width: 32px;
		height: 32px;
		margin-left: -10px;
	}
}

/* ===================================================================
   Iter 6 (2026-05-31): listing v2 — filter pills + card chips
   --------------------------------------------------------------------
   Filter pills appear at the top of the listing pages (everyone.php,
   friends.php) replacing the legacy top-pagination. Each poll card
   gets inline status chips (time remaining / closed / multi-choice)
   appended next to the title.
   =================================================================== */

/* Filter pills bar */
.poll-filter-pills {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	/* Iter 8.6 hotfix (2026-06-02): margin-left to align with the
	   .standard-page-content padding (title and listing cards are indented
	   at 20px from the content edge, pills were flush at 0). 20px matches
	   the title's left-padding from the iTeach theme. */
	margin: 8px 20px 20px;
}
.poll-filter-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 16px;
	background: #f1f5f9;
	color: #222;
	border: 1px solid #e5e7eb;
	text-decoration: none;
	font-size: 13px;
	transition: all 0.15s ease;
}
.poll-filter-pill:hover {
	border-color: #2a8acc;
	color: #2a8acc;
	text-decoration: none;
}
.poll-filter-pill.active {
	background: #2a8acc;
	color: #fff;
	border-color: #2a8acc;
}
.poll-filter-pill.active:hover {
	color: #fff;
}
.poll-filter-pill .count {
	display: inline-block;
	font-size: 11px;
	padding: 0 6px;
	background: rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	color: inherit;
	min-width: 12px;
	text-align: center;
}
.poll-filter-pill.active .count {
	background: rgba(255, 255, 255, 0.22);
}

/* Card status chips (inline next to the title) */
.poll-card-title {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.poll-card-chip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	background: #f1f5f9;
	color: #4b5563;
	white-space: nowrap;
}
.poll-card-chip .poll-icon {
	width: 11px;
	height: 11px;
}
.poll-card-chip.time {
	background: #f5f5f5;
	color: #4b5563;
}
.poll-card-chip.urgent {
	background: #ffe5e5;
	color: #c00;
}
.poll-card-chip.closed {
	background: #ddd;
	color: #4b5563;
}
.poll-card-chip.multi {
	background: #e6f2ff;
	color: #0066cc;
}

/* ===================================================================
   Iter 6.5 (2026-05-31): UI polish + rich voter tooltips
   =================================================================== */

/* Status badges next to the page title (mirror the listing chips) */
.poll-title-badges {
	display: inline-flex;
	gap: 6px;
	margin-left: 10px;
	vertical-align: middle;
}
.poll-title-badges .poll-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	background: #f1f5f9;
	color: #4b5563;
}
.poll-title-badges .poll-badge.multi   { background: #e6f2ff; color: #0066cc; }
.poll-title-badges .poll-badge.time    { background: #f5f5f5; color: #4b5563; }
.poll-title-badges .poll-badge.urgent  { background: #ffe5e5; color: #c00; }
.poll-title-badges .poll-badge.closed  { background: #ddd;    color: #4b5563; }
.poll-title-badges .poll-icon { width: 12px; height: 12px; }

/* "Vote confirmed" message above results */
.poll-vote-confirm {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #065f46;
	border-radius: 6px;
	margin: 0 0 18px;
	font-size: 14px;
}
.poll-vote-confirm .poll-icon {
	color: #16a34a;
	width: 18px;
	height: 18px;
}

/* "Peek results without voting" link below the vote form */
.poll-peeker-link {
	text-align: center;
	margin: 20px 0 0;
	padding-top: 14px;
	border-top: 1px dashed #e5e7eb;
}
.poll-peeker-link a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #6b7280;
	font-size: 13px;
	text-decoration: none;
}
.poll-peeker-link a:hover {
	color: #2a8acc;
	text-decoration: underline;
}

/* "Votul dvs." green checkmark icon (replaces the text label of iter 5) */
.poll-yourvote-icon {
	color: #16a34a;
	margin-left: 6px;
	width: 14px;
	height: 14px;
	stroke-width: 3;
	vertical-align: -0.2em;
}

/* Rich voter tooltip on hover/focus */
.poll-voter {
	position: relative; /* anchor for absolute tooltip */
}
.poll-voter-tooltip {
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	background: #1f2937;
	color: #fff;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.4;
	box-shadow: 0 4px 14px rgba(0,0,0,0.18);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease, transform 0.15s ease;
	transform: translateX(-50%) translateY(4px);
	z-index: 100;
	min-width: 140px;
	max-width: 240px;
	white-space: normal;
	text-align: center;
}
.poll-voter-tooltip strong {
	display: block;
	font-size: 13px;
	color: #fff;
	margin-bottom: 3px;
	font-weight: 600;
}
.poll-voter-tt-line {
	color: #d1d5db;
	font-weight: 400;
	font-size: 11.5px;
}
.poll-voter-tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #1f2937;
}
.poll-voter:hover .poll-voter-tooltip,
.poll-voter:focus .poll-voter-tooltip,
.poll-voter:focus-within .poll-voter-tooltip {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}
/* Lift the hovered avatar above its siblings so the tooltip + ring don't
   sit behind the overlapping neighbour avatars. */
.poll-voter:hover,
.poll-voter:focus,
.poll-voter:focus-within {
	z-index: 101;
}

/* Iter 8.6 runda 2 (2026-06-02): TEMPORARY — hide voter avatar rows.
   Reason: many users share Elgg's default placeholder avatar, so the row
   visually reads as 30+ duplicate faces (real issue: avatar-coverage in
   user base, not the avatar widget itself). Hiding via CSS keeps all PHP
   and JS intact for when we revisit (likely: render initials/name pills
   instead of avatars for users with no custom icon). */
.poll-voters,
.poll-voters-overflow,
.poll-voters-more {
	display: none !important;
}

/* Polished "show more / less" expander button.
   Iter 8.6 hotfix (2026-06-02): rendered as <a> now (not <button>) — see
   results.php comment for why. Added text-decoration + display so the
   anchor visually still looks like a button.
   NOTE: this rule is currently inactive because .poll-voters-more is
   force-hidden above. Kept for when we re-enable the avatar widget. */
.poll-voters-more {
	display: inline-block;
	margin-left: 10px;
	padding: 4px 12px;
	background: transparent;
	border: 1px solid #d1d5db;
	border-radius: 12px;
	color: #4b5563;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.4;
	font-family: inherit;
	text-decoration: none;
}
.poll-voters-more:hover,
.poll-voters-more:focus {
	border-color: #2a8acc;
	color: #2a8acc;
	background: #f0f8ff;
	text-decoration: none;
}

/* AJAX live update: new avatar slide-in (no "live" indicator UI, per
   decision iter 5/6) */
@keyframes poll-fadein {
	from { opacity: 0; transform: scale(0.6); }
	to   { opacity: 1; transform: scale(1); }
}
.poll-voter.poll-new {
	animation: poll-fadein 0.3s ease-out;
}

/* Iter 8.7 runda 5 (2026-06-02): eliminat float pe `.poll_edit_link` din
   nou (al doilea loc unde era setat). Detail-page-ul folosește
   `.poll_edit_link.poll-owner-actions` (vezi mai jos) cu layout static.
   Listing-ul nu mai folosește `.poll_edit_link` deloc. */
.poll_edit_link {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0;
}
.poll_edit_link a {
	display: inline-block;
	padding: 0;
	font-size: 13px;
}

/* ===================================================================
   Iter 8 (2026-05-31): "Sondajele mele" empty state + AJAX comment UX
   =================================================================== */

/* "+ Sondaj nou" button on own poll page */
.poll-mine-actions {
	display: flex;
	justify-content: flex-end;
	margin: 8px 0 16px;
}
.poll-new-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: #16a34a;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	border: none;
	transition: background 0.15s;
}
.poll-new-btn:hover {
	background: #15803d;
	color: #fff;
	text-decoration: none;
}

/* Empty state block — own page.
   Iter 8.6 hotfix (2026-06-02): tightened layout.
   - Body paragraph: text-align: left so multi-line descriptive copy doesn't
     wrap with awkward center-aligned line breaks (lines like „de la ce
     subiect…" that started in the middle of the column).
   - Slightly more horizontal padding and a tighter max-width make the prose
     more readable. */
.poll-empty-state {
	text-align: center;
	padding: 48px 32px 40px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	margin: 20px 0;
}
.poll-empty-state .poll-empty-icon {
	color: #d1d5db;
	margin-bottom: 16px;
}
.poll-empty-state h3 {
	font-size: 22px;
	margin: 0 0 12px;
	color: #1f2937;
	font-weight: 600;
}
.poll-empty-state > p {
	color: #6b7280;
	/* Iter 8.6 runda 2 (2026-06-02): full-width, left-aligned. Previous
	   max-width: 520px caused the paragraph to read as off-centered next to
	   the centered title + CTA. Full-width feels intentional. */
	margin: 0 0 28px;
	max-width: none;
	line-height: 1.55;
	font-size: 14px;
	text-align: left;
}
.poll-empty-cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 22px;
	background: #2a8acc;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	transition: background 0.15s;
}
.poll-empty-cta:hover {
	background: #1f6da3;
	color: #fff;
	text-decoration: none;
}
.poll-empty-explore {
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px dashed #e5e7eb;
}
.poll-empty-explore p {
	margin: 0 0 12px;
	font-weight: 500;
	color: #4b5563;
	max-width: none;
}
.poll-empty-explore a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 4px 10px;
	color: #2a8acc;
	text-decoration: none;
	font-size: 14px;
}
.poll-empty-explore a:hover {
	text-decoration: underline;
}

/* Empty state — viewing someone else's empty page */
.poll-empty-state.poll-empty-other {
	padding: 30px 20px;
}
.poll-empty-state.poll-empty-other p {
	color: #6b7280;
	font-style: italic;
}

/* New comment highlight after AJAX prepend (2s yellow fade) */
@keyframes poll-comment-highlight {
	0%, 40% { background: #fef9c3; }
	100%    { background: transparent; }
}
.poll-comment-new {
	animation: poll-comment-highlight 2s ease-out;
}

/* ===================================================================
   Iter 8.5 hotfix (2026-05-31):
   F2 — content alignment (vote form + results aligned with title at 28px)
   F4 — tags + categories as styled chips on detail page
   =================================================================== */

/* Align vote form and results to the same horizontal indent as the title.
   The poll detail layout has the title inside .standard-page-content; the
   vote/results blocks (.poll_post) were rendered flush to the column edge.
   28px ≈ standard iTeach inner padding observed on title block. */
.poll_post {
	/* Iter 8.6 runda 4 (2026-06-02): redus de la 28px la 16px la cererea user-ului. */
	padding-left: 16px;
	padding-right: 16px;
}
/* Iter 8.6 hotfix (2026-06-02):
   - .poll_post--form (vote form / results) now lives INSIDE the .standard-
     page-content card (was a sibling before). The .poll-form-divider above
     it gives a clean visual break without the "first option border clipped"
     glitch.
   - The divider is a thin dashed line + 20px of breathing room on each side. */
.poll-form-divider {
	border-top: 1px dashed #e5e7eb;
	/* Iter 8.6 runda 4: aligned with .poll_post 16px side padding. */
	margin: 20px 16px 0;
}
.poll_post--form {
	padding-top: 18px;
	padding-bottom: 18px;
}
.poll_post--form .contentWrapper {
	padding-top: 4px;
}
/* The owner-actions edit-link sits inside .standard-page-content already; no
   change needed there. */
@media (max-width: 720px) {
	.poll_post {
		padding-left: 16px;
		padding-right: 16px;
	}
	.poll-form-divider {
		margin: 16px 16px 0;
	}
	.poll_post--form {
		padding-top: 14px;
		padding-bottom: 14px;
	}
}

/* Tags + categories chips row, sits right under the meta line */
.poll-tags-row {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}
.poll-tag-chip,
.poll-cat-chip {
	display: inline-flex;
	align-items: center;
	padding: 3px 12px;
	border-radius: 12px;
	font-size: 12px;
	text-decoration: none;
	line-height: 1.5;
	transition: background 0.15s;
}
.poll-tag-chip {
	background: #f1f5f9;
	color: #4b5563;
	border: 1px solid #e5e7eb;
}
.poll-tag-chip:hover {
	background: #e5e7eb;
	color: #1f2937;
	text-decoration: none;
}
.poll-cat-chip {
	background: #e6f2ff;
	color: #0066cc;
	border: 1px solid #b6d8ec;
}
.poll-cat-chip:hover {
	background: #d4e7f8;
	color: #004d99;
	text-decoration: none;
}

/* ===================================================================
   Iter 8.6 hotfix (2026-06-02): create / edit poll form layout
   --------------------------------------------------------------------
   Replaces the unstyled <p><label/><br/>input</p> stack with grouped
   sections, clearer typography, and proper spacing. Inputs gain a
   consistent border / border-radius / focus ring.
   =================================================================== */

.poll-form-section {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 20px 24px 4px;
	margin: 0 0 18px;
}
/* Iter 8.7 (2026-06-02):
   - P6: removed text-transform: uppercase and letter-spacing.
   - P12: flex layout to host the leading SVG icon.
   - Runda 2: bumped line-height to 1.4 so the icon centers cleanly with the
     text (was visually offset down because SVG box height was greater than
     text line-box). Icons get explicit `display: block` to stop browsers
     placing them on the text baseline (where descenders push them down). */
.poll-form-section-title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: #111827;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f4f6;
}
.poll-form-section-title > span {
	display: inline-block;
	line-height: 1.4;
}
.poll-section-icon {
	display: block;
	width: 18px;
	height: 18px;
	color: #6b7280;
	flex-shrink: 0;
}
.poll-form-field {
	margin-bottom: 18px;
}
.poll-form-field-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #374151;
	margin-bottom: 6px;
}
.poll-form-field-help {
	font-size: 12px;
	color: #6b7280;
	margin: 6px 0 0;
	line-height: 1.4;
}
.poll-form-field-help em {
	font-style: italic;
	color: #4b5563;
}

/* Text + textarea + tags input.
   Iter 8.6 runda 6 (2026-06-02): rescris cu specificitate ridicată (3
   clase) ca să bată orice override din Elgg core CSS / theme.
   Folosim `min-height` în plus față de padding ca să garantăm înălțimea —
   chiar dacă alt plugin ar suprascrie padding-ul, min-height rămâne.
   FĂRĂ !important — specificitatea face treaba. */
.poll-form-section .poll-form-field input[type="text"],
.poll-form-section .poll-form-field input[type="email"],
.poll-form-section .poll-form-field input[type="number"],
.poll-form-section .poll-form-field input[type="password"],
.poll-form-section .poll-form-field input[type="url"],
.poll-form-section .poll-form-field textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	padding: 11px 14px;
	margin: 0;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.4;
	color: #1f2937;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.poll-form-section .poll-form-field input[type="text"]:focus,
.poll-form-section .poll-form-field input[type="email"]:focus,
.poll-form-section .poll-form-field input[type="number"]:focus,
.poll-form-section .poll-form-field input[type="password"]:focus,
.poll-form-section .poll-form-field input[type="url"]:focus,
.poll-form-section .poll-form-field textarea:focus {
	outline: none;
	border-color: #2a8acc;
	box-shadow: 0 0 0 3px rgba(42, 138, 204, 0.18);
}
.poll-form-section .poll-form-field textarea {
	min-height: 96px;
	resize: vertical;
}
/* Radio rows inside type / duration sections — chip-style toggles */
.poll-form-field .poll-type-options,
.poll-form-field .poll-duration-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.poll-form-field .poll-type-options label,
.poll-duration-option {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	font-size: 13px;
	color: #374151;
	margin: 0 !important;
}
.poll-form-field .poll-type-options label:hover,
.poll-duration-option:hover {
	border-color: #2a8acc;
	color: #2a8acc;
	background: #f0f8ff;
}
/* Iter 8.6 runda 4 (2026-06-02): redesigned multi-choice min/max layout.
   Previously the inputs sat inline after each label and were stretched to
   100% by the global text-input rule, breaking onto two lines. Now: a
   2-column grid with label-above-input + a narrow input width. */
.poll-form-field .poll-multi-options {
	margin-top: 12px;
	padding: 14px 16px;
	background: #f9fafb;
	border-radius: 6px;
	border: 1px solid #e5e7eb;
}
.poll-multi-note {
	margin: 0 0 12px;
	color: #6b7280;
	font-size: 12px;
	font-style: italic;
	line-height: 1.4;
}
.poll-multi-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.poll-multi-cell {
	display: flex;
	flex-direction: column;
}
.poll-multi-cell-label {
	font-size: 12px;
	font-weight: 600;
	color: #374151;
	margin-bottom: 6px;
	text-transform: none;
	letter-spacing: 0;
}
/* Multi-options narrow number inputs.
   Iter 8.6 runda 6 (2026-06-02): rescris cu specificitate mai mare decât
   regula generică `.poll-form-section .poll-form-field input[type="number"]`
   pe care o avem acum (3 clase + atribut). Adăugăm încă o clasă pentru
   a câștiga curat, fără !important. */
.poll-form-section .poll-form-field .poll-multi-options input.poll-multi-input,
.poll-form-section .poll-form-field .poll-multi-grid input.poll-multi-input {
	width: 90px;
	min-height: 38px;
	padding: 7px 10px;
	font-size: 14px;
	margin: 0;
}
@media (max-width: 480px) {
	.poll-multi-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

.poll-duration-note {
	display: block;
	margin-top: 12px;
	color: #6b7280;
	font-size: 12px;
	font-style: italic;
}
.poll-deadline-status {
	margin-top: 10px;
	padding: 6px 12px;
	background: #f5f5f5;
	border-radius: 4px;
	font-size: 12px;
	color: #4b5563;
	display: inline-block;
}

/* Close-now button — destructive secondary action.
   Iter 8.6 runda 4: wrapped in .poll-close-now-row so it gets its own line
   under the duration options + the explanatory note. Bumped padding,
   added gap for the leading lock icon, stronger hover state. */
.poll-close-now-row {
	margin-top: 14px;
}
.poll-form-field .poll-close-now-btn,
button.poll-close-now-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: #fff;
	border: 1px solid #fca5a5;
	border-radius: 6px;
	color: #b91c1c;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	font-family: inherit;
	line-height: 1.4;
}
.poll-form-field .poll-close-now-btn:hover,
button.poll-close-now-btn:hover {
	background: #fef2f2;
	border-color: #ef4444;
	color: #991b1b;
}
.poll-form-field .poll-close-now-btn:focus,
button.poll-close-now-btn:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
}

/* Categories block — chip layout.
   Iter 8.6 runda 6 (2026-06-02): rescris curat, fără `display: contents` și
   fără `:has()` (suport spotty în browsere mai vechi, plus DOM-ul are
   wrapper-ul `.colcat` care diviza layout-ul în coloane).
   Strategie nouă, simplă și robustă:
   - `#blog_edit_sidebar` rămâne block normal (nu flex pe el direct).
   - Fiecare `.colcat` devine un flex-wrap container, cu copiii săi (labels)
     curgând orizontal cu wrap natural.
   - `<br>` din output legacy sunt ascunse.
   - Fiecare `<label>` primește `margin` propriu (4px 6px 4px 0) pentru
     spacing GARANTAT independent de suport pentru `gap` în versiuni vechi.
   - Stare „checked" e indicată prin `accent-color` pe input (suport larg
     Chrome 93+ / Firefox 92+ / Safari 15.4+) — fără `:has()`. */
.poll-form-field--categories #blog_edit_sidebar {
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	padding: 14px 16px;
}
.poll-form-field--categories #blog_edit_sidebar .colcat {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
	margin: 0;
}
.poll-form-field--categories #blog_edit_sidebar br {
	display: none;
}
/* Iter 8.7 runda 3 (2026-06-02): categoriile folosesc EXACT același stil
   ca .poll-chip-option (Vizibilitate). Unificare pentru consistență vizuală.
   Doar `white-space: nowrap` rămâne specific (etichetele de categorie sunt
   adesea lungi gen „cultură – societate – educație" — wrap-ul pe interior
   le-ar dezalinia). */
.poll-form-field--categories #blog_edit_sidebar .colcat > label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 10px 10px 0;
	padding: 10px 18px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	font-size: 14px;
	font-weight: 400;
	color: #374151;
	cursor: pointer;
	line-height: 1.3;
	white-space: nowrap;
	transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.poll-form-field--categories #blog_edit_sidebar .colcat > label input[type="checkbox"],
.poll-form-field--categories #blog_edit_sidebar .colcat > label input[type="radio"] {
	margin: 0;
	accent-color: #2a8acc;
	flex-shrink: 0;
	transform: scale(1.05);
}
.poll-form-field--categories #blog_edit_sidebar .colcat > label:hover {
	border-color: #2a8acc;
	background: #f0f8ff;
	color: #1f6da3;
}
/* Headers between groups (output `.curs-abs` from input/checkboxes view) —
   full-width separator with uppercase mini-title. */
.poll-form-field--categories #blog_edit_sidebar .curs-abs {
	display: block;
	width: 100%;
	margin: 10px 0 6px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #6b7280;
}

/* Shared chip-option style (used by Vizibilitate + reused via alias for
   Categorii). Iter 8.7 runda 3 (2026-06-02): unificat sub o singură clasă
   `.poll-chip-option` ca să rămână vizual identic peste tot. */
.poll-access-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.poll-chip-option {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	font-size: 14px;
	color: #374151;
	line-height: 1.3;
	transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.poll-chip-option:hover {
	border-color: #2a8acc;
	background: #f0f8ff;
	color: #1f6da3;
}
.poll-chip-option input[type="radio"],
.poll-chip-option input[type="checkbox"] {
	margin: 0;
	accent-color: #2a8acc;
	flex-shrink: 0;
	transform: scale(1.05);
}
.poll-form-field select {
	padding: 8px 12px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
}

/* Submit row.
   Iter 8.7 runda 2 (2026-06-02): butonul Save are min-height + line-height
   explicit ca text-ul cu descender (ăț) să nu mai pară tăiat. Folosim un
   <button><span>...</span></button> rendering în PHP în loc de
   <input type=submit value=...> (Elgg's input/submit), ca să avem control
   complet pe padding și să nu intervină stilul `input.button` din theme. */
.poll-form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin: 4px 0 24px;
}
.poll-form-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 28px;
	background: #2a8acc;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	transition: background 0.15s, box-shadow 0.15s;
}
.poll-form-submit > span {
	display: inline-block;
	line-height: 1.4;
}
.poll-form-submit:hover {
	background: #1f6da3;
}
.poll-form-submit:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(42, 138, 204, 0.3);
}

/* Locked-poll banner */
.poll-locked-banner {
	background: #fef3c7;
	border-left: 3px solid #f59e0b;
	color: #78350f;
	padding: 10px 14px;
	margin: 0 0 18px;
	border-radius: 4px;
	font-size: 13px;
}
.poll-readonly {
	padding: 8px 12px;
	background: #f9fafb;
	border: 1px dashed #d1d5db;
	border-radius: 6px;
	color: #4b5563;
	font-size: 14px;
}
.poll-readonly--multiline {
	white-space: pre-line;
	line-height: 1.6;
}

/* ===================================================================
   Iter 8.7 (2026-06-02): redesign final — variants textarea, no-limit
   checkbox, required indicators, danger zone.
   =================================================================== */

/* P1: responses textarea (same dimensions/typography as the global text
   input rule; specificity tied to the textarea class for clarity). */
.poll-form-section .poll-form-field textarea.poll-responses-textarea {
	min-height: 130px;
	font-family: inherit;
	resize: vertical;
}
.poll-form-section .poll-form-field textarea.poll-responses-textarea::placeholder {
	color: #9ca3af;
	white-space: pre-line;
}

/* P2: „Fără limită maximă" checkbox row, sits under the max number input. */
.poll-multi-no-limit {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	color: #4b5563;
	font-size: 12px;
	cursor: pointer;
	user-select: none;
}
.poll-multi-no-limit input[type="checkbox"] {
	accent-color: #2a8acc;
	margin: 0;
}
.poll-multi-input--disabled {
	background: #f3f4f6 !important;
	color: #9ca3af !important;
	cursor: not-allowed;
}

/* P3: required-field asterisk + leading note. */
.poll-form-required {
	color: #dc2626;
	font-weight: 700;
	margin-left: 2px;
}
.poll-form-required-note {
	margin: 0 0 16px;
	font-size: 12px;
	color: #6b7280;
}
.poll-form-required-note .poll-form-required {
	margin-left: 0;
	margin-right: 4px;
}
.poll-form-optional {
	font-weight: 400;
	color: #9ca3af;
	font-size: 12px;
	margin-left: 4px;
}

/* P-description: textarea pentru descrierea sondajului. */
.poll-form-section .poll-form-field textarea.poll-description-textarea {
	min-height: 80px;
	font-family: inherit;
	resize: vertical;
}

/* P7: Zona periculoasă (close-now button in its own card). */
.poll-form-section--danger {
	background: #fff7f7;
	border-color: #fecaca;
}
.poll-form-section-title--danger {
	color: #991b1b;
	border-bottom-color: #fecaca;
}
.poll-form-section--danger .poll-section-icon {
	color: #dc2626;
}
.poll-form-danger-body {
	margin: 0 0 14px;
	font-size: 13px;
	color: #7f1d1d;
	line-height: 1.5;
}

/* ===================================================================
   Iter 8.7 runda 4 (2026-06-02): poll detail header redesign.
   - Title was a giant default h2 that wrapped into 4+ lines for long
     prompts and the floated edit/delete chips landed on top of the text.
   - Now: title capped at a sensible reading size with proper line-height;
     a separate description block under it; owner actions (edit / delete)
     sit in their own static row inside the card, NOT overlapping the
     title.
   =================================================================== */

/* Iter 8.7 runda 6 (2026-06-02): restructurare DOM completă.
   Header e flex-column: [actions row] → [h2 title] → [p description].

   Iter 8.7 runda 9 (2026-06-02) — FIX FINAL pentru overlap:
   Tema iTeach pune `#content_area_user_title, #content_area_group_title
   { height: 100px }` în CSS-ul de bază (verificat în DevTools, line 5812
   din aggregate-ul `css.php?v=232`). Acel `height: 100px` e o regulă
   de chrome pentru titluri scurte de pagini (profile, groups etc.) și
   NU se aplică bine pentru sondaje cu titlu lung.

   Specificitatea regulii temei: (1,0,0) — un singur id.
   Specificitatea regulii noastre: (1,1,0) — id + class.
   În principiu mai specifică câștigă automat, dar:
   (a) regula noastră trebuie să DECLARE explicit `height` ca să bată
       (nu doar să fie mai specifică pe selector — propertyietatea
       trebuie declarată ca să intre în cascadă pe `height`);
   (b) folosim `!important` ca dublă garanție când CSS-cache din Elgg
       servește o versiune cached a regulii vechi (problemă raportată).

   Cele 3 propriétăți (height/min-height/max-height = auto/none) plus
   overflow visible asigură că containerul crește exact cât are nevoie
   conținutul, oricât de lung ar fi titlul. */
#content_area_user_title.poll-detail-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	padding: 16px 24px !important;
	margin: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}
#content_area_user_title.poll-detail-header > .poll-detail-header-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
	margin: 0 0 12px;
	order: -1;
}
#content_area_user_title.poll-detail-header .poll-detail-header-action {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	color: #374151;
	font-size: 12px;
	font-weight: 500;
	font-family: inherit;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.4;
	transition: background 0.12s, border-color 0.12s, color 0.12s;
}
#content_area_user_title.poll-detail-header .poll-detail-header-action:hover {
	border-color: #2a8acc;
	background: #f0f8ff;
	color: #1f6da3;
	text-decoration: none;
}
#content_area_user_title.poll-detail-header .poll-detail-header-action--danger {
	color: #b91c1c;
	border-color: #fecaca;
}
#content_area_user_title.poll-detail-header .poll-detail-header-action--danger:hover {
	background: #fef2f2;
	border-color: #ef4444;
	color: #991b1b;
}
#content_area_user_title.poll-detail-header h2.poll-detail-title,
#content_area_user_title.poll-detail-header h2 {
	margin: 0;
	padding-left: 6px;
	font-size: 22px;
	line-height: 1.35;
	font-weight: 600;
	color: #1f2937;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}
/* Iter 8.7 runda 8 (2026-06-02): vechea poziție a descrierii (în header)
   păstrăm regula CSS pentru defensive — orice template care încă o folosește
   nu va arăta urât. Dar randarea actuală e în `.poll_post .poll-meta-description`
   (vezi mai jos). */
#content_area_user_title.poll-detail-header p.poll-detail-description {
	margin: 12px 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.55;
	color: #4b5563;
	overflow-wrap: break-word;
}

/* Descrierea în cardul meta — apare sub linia data/autor/voturi, deasupra
   tag-urilor. Margin-top mai mic decât tag-row ca să sugereze că aparține
   contextului meta. */
.poll_post .poll-meta-description {
	margin: 10px 0 0;
	padding: 10px 12px;
	background: #f9fafb;
	border-left: 3px solid #e5e7eb;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.55;
	color: #374151;
	overflow-wrap: break-word;
}

/* Char counter sub input-uri / textarea (P3 maxlength). */
.poll-form-field-counter {
	margin: 6px 0 0;
	font-size: 11px;
	color: #9ca3af;
	text-align: right;
}
.poll-form-field-counter--warn {
	color: #d97706;
	font-weight: 600;
}

/* AJAX comment toast — iter 8.7 runda 6 (2026-06-02).
   Fixed top-right, fade-in/out controlat via .poll-comment-toast--shown
   adăugată/scoasă de JS. Z-index mare ca să bată orice modal. */
.poll-comment-toast {
	position: fixed;
	top: 70px;
	right: 20px;
	z-index: 9999;
	padding: 12px 18px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	max-width: 360px;
	line-height: 1.4;
}
.poll-comment-toast--shown {
	opacity: 1;
	transform: translateY(0);
}
.poll-comment-toast--success {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #065f46;
}
.poll-comment-toast--error {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}

/* Owner action row — edit / delete chip-style buttons in their own row,
   no float, no overlap. */
.poll_edit_link.poll-owner-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	float: none !important;
	padding: 12px 16px 0;
	margin: 0;
}
.poll-owner-action,
.poll_edit_link.poll-owner-actions a,
.poll_edit_link.poll-owner-actions input[type="submit"] {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	color: #374151;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.4;
	transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.poll-owner-action:hover,
.poll_edit_link.poll-owner-actions a:hover {
	border-color: #2a8acc;
	background: #f0f8ff;
	color: #1f6da3;
	text-decoration: none;
}
.poll-owner-action--danger,
.poll_edit_link.poll-owner-actions a.poll-owner-action--danger {
	color: #b91c1c;
	border-color: #fecaca;
}
.poll-owner-action--danger:hover,
.poll_edit_link.poll-owner-actions a.poll-owner-action--danger:hover {
	background: #fef2f2;
	border-color: #ef4444;
	color: #991b1b;
}

/* Iter 8.7 runda 4 (2026-06-02): override theme rule
   `.contentWrapper p { padding: 0 10px; line-height: 18px }` which used to
   eat our vote-warning padding. We migrated the wrapper to <div> in vote.php
   AND added defensive specificity here. */
div.poll-vote-warning,
.contentWrapper div.poll-vote-warning {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	margin: 14px 0;
	background: #fef3c7;
	border-left: 3px solid #f59e0b;
	color: #78350f;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 4px;
}
.contentWrapper div.poll-vote-warning .poll-icon {
	color: #d97706;
	flex-shrink: 0;
}

@media (max-width: 720px) {
	.poll-form-section {
		padding: 16px 16px 4px;
	}
}
/* ==========================================================================
   Anunturi: prima pagina noua (lista cu filtre pe surse, ghidurile in bara stanga, optional coloana judetului).
   Merge peste tema actuala (Athena) si peste iTeach UI: tokenii --ui-* au valori de rezerva.

   Tema Athena se incarca DUPA acest fisier si are reguli cu ID care bat clasele, plus proprietati mostenite:
     #layout_canvas h1, h2, h3 { font-weight:normal }   .qontent .sidebarBox h3 { margin; line-height }
     #content p { margin:0 0 15px; font-size:13px; line-height:20px; color:#444 }
     .qontent { text-shadow:1px 1px #f5f5f5 }  (mostenit de tot continutul: pe text alb apare ca un halou)
   De aceea regulile de aici pornesc de la #anunturi (zona principala) si #ghiduri (bara stanga).
   Reguli de design: sursa are text si pictograma, nu doar culoare; fara benzi colorate pe margine;
   fara zone cu derulare proprie; culori in hex (browserele vechi din scoli).
   ========================================================================== */
/* zona principala: tema nu-i da spatiere interioara (paginile vechi o primesc din .contentWrapper) */
#anunturi{ padding:24px 24px 28px; }
/* --- capul paginii: la fel ca titlurile celorlalte pagini ale sitului ----- */
/* --- filtrele pe surse: taburi subliniate; linkuri ?sursa=..., merg fara JavaScript ---
   Linia de sub taburi desparte capul paginii de lista; randurile incep direct sub ea. */
/* judetele cu anunturi, sub filtre (cand coloana din dreapta e ascunsa si lista e cea judeteana) */
#anunturi .an-judete{ display:flex; flex-wrap:wrap; gap:6px; }
#anunturi .an-judet-mic{
  display:inline-flex; align-items:center; gap:5px; min-height:30px; padding:0 10px; font-size:var(--an-fs-xs); font-weight:600;
  text-decoration:none; color:var(--an-jud-text); background:var(--an-surface); border:1px solid var(--an-jud-line); border-radius:999px;
}
#anunturi a.an-judet-mic:visited{ color:var(--an-jud-text); }
#anunturi a.an-judet-mic:hover, #anunturi a.an-judet-mic:focus-visible{ color:var(--an-jud-text); background:var(--an-jud-bg); text-decoration:none; }
#anunturi .an-judet-mic span{ font-size:var(--an-fs-xs); font-weight:400; color:var(--an-text-3); font-variant-numeric:tabular-nums; }
/* --- lista ---------------------------------------------------------------- */
#anunturi .an-coloane{ display:grid; grid-template-columns:minmax(0,1fr) 256px; gap:20px; align-items:stretch; }
#anunturi .an-coloane--una{ grid-template-columns:minmax(0,1fr); }
/* lista sta direct in zona de continut, care are deja chenar: fara card, randurile se separa prin linii si aer */
#anunturi .an-flux__cap{ margin:0; padding:0 0 10px; font-size:var(--an-fs-xs); line-height:1.5; color:var(--an-text-3); border-bottom:1px solid var(--an-line); }
/* doar la „Anunturile mele” */
#anunturi .an-flux__cap strong{ font-size:var(--an-fs); font-weight:600; color:var(--an-text); }
/* randul: tot randul duce la anunt (legatura titlului il acopera); autorul si atasamentul raman legaturi proprii.
   Fundalul (evidentiere, judet, colegi) iese pana la marginile zonei de continut; textul ramane aliniat cu titlul paginii. */
#anunturi .an-flux .an-item--judet{ background:var(--an-jud-row); }
#anunturi .an-flux .an-item--colegi{ background:var(--an-col-row); }
#anunturi .an-flux .an-item--judet:hover, #anunturi .an-flux .an-item--judet:focus-within{ background:var(--an-jud-hover); }
#anunturi .an-flux .an-item--colegi:hover, #anunturi .an-flux .an-item--colegi:focus-within{ background:var(--an-col-hover); }
/* la clic nu apare niciun chenar; conturul se vede doar la navigarea cu tastatura, pe titlu */
/* titlul si, pe acelasi rand, in dreapta, tipul anuntului */
/* tipul anuntului: pastila moale, fara chenar si fara pictograma; culoarea sursei e in text si in fond */
#anunturi .an-sursa--judet{ color:var(--an-jud-text); background:var(--an-jud-bg); }
#anunturi .an-sursa--colegi{ color:var(--an-col-text); background:var(--an-col-bg); }
/* la trecerea cursorului peste rand sau titlu: portocaliul implicit al temei (a:hover din framework.css), fara subliniere */
/* metadatele: un singur vocabular pe toate paginile: pictograma gri + text, elementele despartite prin punct */
/* pictogramele despart elementele; fara puncte intre ele */
/* extrasul e continut: culoarea textului, ca sa se desparta de metadatele gri de deasupra si de dedesubt */
/* numele atasamentului si numarul de descarcari: aceeasi marime, aliniate pe linia de baza */
/* atasamentul sta pe o singura linie: titlul lung se taie cu „…” (tot titlul e in tooltip, title=), tipul fisierului
   si descarcarile raman vizibile, iar contoarele din dreapta nu mai sunt impinse pe randul urmator */
#anunturi .an-item__atasament{ display:flex; flex:1 1 auto; flex-wrap:nowrap; min-width:0; align-items:baseline; gap:0 10px; font-size:var(--an-fs); line-height:1.5; }
/* .an-meta ar permite ruperea liniei */
#anunturi .an-atasament__nr{ flex:0 0 auto; font-size:var(--an-fs); font-weight:400; color:var(--an-meta); white-space:nowrap; }
#anunturi .an-atasament{ position:relative; z-index:1; display:flex; min-width:0; align-items:baseline; gap:0 5px; font-weight:500; color:var(--an-brand); text-decoration:none; }
#anunturi .an-atasament__titlu{ min-width:72px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#anunturi .an-atasament__tip{ flex:0 0 auto; white-space:nowrap; }
#anunturi .an-atasament svg{ width:14px; height:14px; margin-right:6px; vertical-align:-2px; }
#anunturi a.an-atasament:visited{ color:var(--an-brand); }
#anunturi a.an-atasament:hover, #anunturi a.an-atasament:focus-visible{ color:var(--an-accent-text); text-decoration:underline; }
/* ultima linie a randului: atasamentul in stanga (daca exista), accesarile in dreapta */
/* aceeasi marime ca atasamentul */
/* tema are latime fixa (888px), deci linia nu ajunge niciodata prea ingusta */
/* pe ultima linie a randului (lista si „Anunturile mele”) si in caseta atasamentului, metadatele sunt text inline cu
   pictograma coborata 2px, ca legatura atasamentului: linia de baza e a textului, nu marginea de jos a pictogramei
   (altfel grupul urca ~3px fata de legatura) */
/* fara atasament, accesarile stau in stanga */
/* termenul apropiat: singurul loc unde metadatele iau culoare; textul spune si el („Mai are 3 zile”) */
#anunturi .an-termen{ font-weight:600; }
#anunturi .an-termen--azi, #anunturi .an-termen--azi svg{ color:var(--an-azi-text); }
#anunturi .an-termen--curand, #anunturi .an-termen--curand svg{ color:var(--an-curand-text); }
#anunturi .an-termen--expirat{ font-weight:500; }
/* asezarea pieselor in rand */
/* fotografia autorului sta la stanga extrasului, ca in lista veche; extrasul si atasamentul curg alaturi de ea */
/* paginarea temei (linkbutton / linkbutton-selected), in stilul pluginului, oriunde apare in zona pluginului (lista,
   comentarii) sau imediat dupa ea; tema forteaza cu !important culoarea si marginile, de aceea si aici */
/* --- coloana din dreapta (optionala): judetul si colegii, lipite la derulare daca incap in ecran --- */
#anunturi .an-rail{ min-width:0; }
#anunturi .an-rail__lipit{ display:flex; flex-direction:column; gap:16px; }
@media (min-width:981px) and (min-height:760px){
  #anunturi .an-rail__lipit{ position:-webkit-sticky; position:sticky; top:16px; z-index:1; }
}
#anunturi .an-rail__lipit--liber{ position:static !important; }
#anunturi .an-panou{ padding:16px; background:var(--an-surface); border:1px solid var(--an-line); border-radius:var(--an-r-lg); box-shadow:var(--an-sh-1); }
#anunturi .an-panou--judet{ background:var(--an-jud-row); border-color:var(--an-jud-line); }
#anunturi .an-panou--colegi{ background:var(--an-col-row); border-color:var(--an-col-line); }
#anunturi .an-panou h2{
  display:flex; align-items:center; gap:6px; margin:0 0 12px; padding:0; font-family:inherit; font-size:var(--an-fs-body);
  font-weight:700; line-height:1.3; color:var(--an-text); border:0; background:none; text-transform:none; letter-spacing:0;
}
#anunturi .an-panou h2 svg{ width:16px; height:16px; }
#anunturi .an-panou--judet h2 svg{ color:var(--an-jud-text); }
#anunturi .an-panou--colegi h2 svg{ color:var(--an-col-text); }
#anunturi .an-panou__nr{ margin-left:auto; min-width:22px; padding:1px 7px; font-size:var(--an-fs-xs); font-weight:600; text-align:center; color:var(--an-text-2); background:var(--an-surface); border:1px solid var(--an-line); border-radius:999px; }
#anunturi .an-panou--judet .an-mini li{ border-top-color:var(--an-jud-line); }
#anunturi .an-panou--colegi .an-mini li{ border-top-color:var(--an-col-line); }
#anunturi .an-panou__nota{ margin:12px 0 0; font-size:var(--an-fs-xs); line-height:1.5; color:var(--an-text-3); }
#anunturi .an-panou__nota--sus{ margin:0 0 8px; }
#anunturi .an-panou__gol{ margin:0 0 12px; font-size:var(--an-fs); line-height:1.5; color:var(--an-text-2); }
#anunturi .an-panou__gol strong{ color:var(--an-text); }
#anunturi .an-panou__text{ margin:0; font-size:var(--an-fs-xs); line-height:1.5; color:var(--an-text-2); }
#anunturi .an-alte{ margin:16px 0 0; padding:12px 0 0; border-top:1px solid var(--an-jud-line); }
#anunturi .an-alte__titlu{ margin:0 0 8px; font-size:var(--an-fs-xs); line-height:1.5; font-weight:600; color:var(--an-text-2); }
#anunturi .an-panou--compact{ padding:12px 16px; }
#anunturi .an-panou--compact h2{ margin-bottom:4px; }
#anunturi .an-rezumat{ display:none; }
/* --- bara stanga: ghidurile permanente ------------------------------------
   Aliniate cu textul meniului temei (bara 3px + #owner_block 8px + legatura 5px = 16px); fara derulare proprie:
   lista desfasurata impinge pagina in jos. */
#ghiduri{ margin:16px 10px 0 13px; padding:14px 0 0; border-top:1px solid var(--an-line); }
/* restul ghidurilor se desfasoara pe loc; comanda e mai discreta decat legaturile din lista */
/* iTeach UI face bara stanga lipita, cu derulare proprie; pe pagina anunturilor ea deruleaza odata cu pagina */
#layout_canvas > .left.inline:has(#ghiduri){ position:static; max-height:none; overflow:visible; }
/* --- anunturile mele si administrarea -------------------------------------- */
#anunturi .an-mele__actiuni{ position:relative; z-index:1; display:flex; gap:12px; margin-top:8px; font-size:var(--an-fs); font-weight:600; }
/* Anunturile mele: extrasul sub titlu (id-ul si clasa an-mele stau pe acelasi element, de aici #anunturi.an-mele) */
#anunturi.an-mele .an-flux .an-item__extras{ margin-top:8px; }
#anunturi .an-plus.an-stare{ font-weight:600; }
#anunturi .an-stare--asteapta{ color:var(--an-curand-text); }
#anunturi .an-stare--publicat{ color:var(--an-jud-text); }
#anunturi .an-stare--programat{ color:var(--an-nat-text); }
#anunturi .an-stare--expirat{ color:var(--an-text-3); }
/* --- pagina unui anunt ------------------------------------------------------ */
/* semibold: bold-ul real era prea greu */
/* cine (numele bold, scoala) pe o linie, cand (data, termenul) pe a doua: acelasi vocabular ca in lista */
/* anuntul expirat: informatie, nu avertisment; gri, cu ceas */
/* --- textul anuntului ------------------------------------------------------------------------------------------
   Continutul vine din editor sau lipit din Word / de pe alte situri, trece prin filtrul sitului (htmLawed) si prin
   ui_text_curat() (raman doar alinierea, accentele, culorile vii; la imagini plutirea si latimea).
   Tema si nucleul Elgg au reguli generice care strica elementele, masurate pe stiva reala:
     reset.css      sup, sub { vertical-align:baseline; font-size:100% }  -> exponentii cadeau in rand
     framework.css  b { font-weight:normal }                              -> <b> nu mai era ingrosat; ul fara marcaje
     nucleu (css)   blockquote { border:none !important; background:#EBF5FF; line-height:1.3em }; pre, code albastre
     iteach.css     h1-h3 { font-weight:normal; color:#000; font-family:Tahoma }
   De aceea fiecare element primeste aici o regula explicita, cu specificitate mai mare (#anunturi + clasa). */
/* pe toata latimea zonei de continut */
/* imaginile plutitoare raman in text */
/* accente in text */
/* legaturi: subliniate (in text trebuie sa se vada), la hover portocaliul temei */
/* liste (tema le scoate marcajele) */
/* titluri pe trepte (tema: toate 17-18px, „normal”, Tahoma, negre) */
/* separator, citat, cod */
/* imagini: nu ies din coloana si nu se deformeaza (inaltimea fixa din editor e ignorata; latimea, daca e mai mare,
   se opreste la latimea coloanei); cele plutitoare primesc aer fata de text */
/* tabele: chenar discret, celule aerisite; latimile din editor raman, dar nu peste coloana */
#anunturi .an-anunt__atasament{ display:flex; align-items:flex-start; gap:10px; margin:22px 0 0; padding:14px 16px; font-size:var(--an-fs-body); line-height:1.5; background:var(--an-surface-2); border-radius:var(--an-r); }
#anunturi .an-anunt__atasament > svg{ width:18px; height:18px; margin-top:2px; color:var(--an-brand); }
/* o singura linie: titlul lung se taie cu „…” (tot titlul in tooltip), descarcarile si accesarile raman pe linie */
#anunturi .an-anunt__atasament .an-meta{ display:flex; flex:1 1 auto; flex-wrap:nowrap; min-width:0; align-items:baseline; gap:0 10px; }
#anunturi .an-anunt__atasament .an-atasament{ display:flex; min-width:0; font-size:var(--an-fs-body); }
#anunturi .an-anunt__atasament .an-atasament__nr{ flex:0 0 auto; margin-left:0; font-size:var(--an-fs-body); }
/* accesarile in stanga, butoanele in dreapta */
/* cu atasament, accesarile stau pe linia lui, in dreapta */
#anunturi .an-anunt__atasament .an-jos__stat{ display:inline; flex:0 0 auto; margin-left:auto; font-size:var(--an-fs-body); line-height:1.5; color:var(--an-meta); white-space:nowrap; }
/* aceeasi marime ca legatura si descarcarile */
/* paginarea comentariilor (list_annotations o pune si deasupra, si dedesubtul listei): stilul pluginului, doar cea de jos */
/* comentariile: vederile temei, cu spatierea lor; doar fara umbra de text (mostenita) */
/* --- ecrane mai mici (cand tema are viewport; tema actuala se afiseaza micsorata pe telefon) --- */
@media (max-width:980px){
  #anunturi .an-coloane{ grid-template-columns:minmax(0,1fr) 240px; gap:16px; }
  #anunturi .an-coloane--una{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:760px){
  #anunturi{ padding:16px 12px 20px; }
  #anunturi .an-coloane{ grid-template-columns:minmax(0,1fr); }
  #anunturi .an-rezumat{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; margin:0 0 16px; }
  #anunturi .an-rezumat a{
    display:flex; flex-direction:column; gap:2px; min-height:64px; padding:12px; font-size:var(--an-fs); font-weight:600;
    line-height:1.3; text-decoration:none; border:1px solid; border-radius:var(--an-r-lg);
  }
  #anunturi .an-rezumat a:only-child{ grid-column:1 / -1; }
  #anunturi .an-rezumat a span{ font-size:var(--an-fs-xs); font-weight:400; color:var(--an-text-2); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  #anunturi a.an-rezumat__judet, #anunturi a.an-rezumat__judet:visited{ color:var(--an-jud-text); background:var(--an-jud-row); border-color:var(--an-jud-line); }
  #anunturi a.an-rezumat__colegi, #anunturi a.an-rezumat__colegi:visited{ color:var(--an-col-text); background:var(--an-col-row); border-color:var(--an-col-line); }
  #anunturi a.an-judet-mic{ min-height:44px; padding:0 14px; }
}
@media print{
  #anunturi .an-surse, #anunturi .an-buton, #anunturi .an-rail, #anunturi .an-rezumat{ display:none !important; }
  #anunturi .an-flux .an-item--judet, #anunturi .an-flux .an-item--colegi{ background:none; }
}
/* arhiva pe luni, in bara stanga: anii ca titluri mici, lunile ca lista */
#bloguri-lat .an-arhiva__an{ margin:12px 0 6px; font-size:var(--an-fs-xs); font-weight:600; color:var(--an-text-3); text-transform:uppercase; letter-spacing:.3px; }
#bloguri-lat .an-arhiva__an:first-child{ margin-top:0; }
/* sectiunile barii stangi (categorii / arhiva / etichete): aer intre ele */
#bloguri-lat .an-lat__titlu{ margin-top:22px; }
#bloguri-lat .an-lat__titlu:first-child{ margin-top:0; }
#bloguri-lat .an-lat__titlu + .an-arhiva__an{ margin-top:0; }
/* exemplele de etichete respinse, in pagina de administrare */
#bloguri .an-index__exemple{ margin:0 0 14px; padding:0; list-style:none; font-size:var(--an-fs); line-height:1.5; color:var(--an-text-2); }
#bloguri .an-index__exemple li{ margin:0 0 4px; list-style:none; }
#bloguri .an-index form{ display:inline-block; margin:8px 10px 0 0; }
/* paleta categoriilor, in pagina de administrare */
#bloguri .an-paleta{ display:flex; flex-wrap:wrap; gap:8px 10px; margin:12px 0 0; padding:0; list-style:none; }
#bloguri .an-paleta li{ display:flex; align-items:center; gap:6px; margin:0; padding:0; list-style:none; }
#bloguri .an-paleta__nr{ min-width:18px; font-size:var(--an-fs-xs); color:var(--an-text-3); text-align:right; font-variant-numeric:tabular-nums; }
#bloguri .an-paleta--libera{ font-weight:400; }
/* iTeach UI face bara stanga lipita, cu derulare proprie; pe paginile blogului ea deruleaza odata cu pagina */
#layout_canvas > .left.inline:has(#bloguri-lat){ position:static; max-height:none; overflow:visible; }
/* START SnowMod */

.river_item .blog_post {	
	margin-top:5px;
	padding:5px;
}
.river_item .blog_post h2 {
	border-bottom:0.5px dotted #AAAAAA;
	padding-bottom:5px;
	margin-bottom:5px;
}

.river_item .messages,
.river_item .messages_error {
	margin-left:-315px;
}
.post_to_wire {
	padding:0px 10px 0px 5px;
    margin:0px 0px 50px 0px;	
}
.post_to_wire input[type="submit"] {
	margin:0;
}
/* reply form */
#river_post-textarea {
	width: 664px;
	height: 50px;
	padding: 8px;
	font-family: Arial, 'Trebuchet MS','Lucida Grande', sans-serif;
	font-size: 100%;
	color:#666666;
}
/* IE 6 fix */
* html #river_post-textarea { 
	width: 642px;
}

input.thewire_characters_remaining_field { 
	color:#333333;
	border:none;
	font-size: 100%;
	font-weight: bold;
	padding:0 0px 0 0;
	margin:0px 0px 0px 0px;
	text-align:center;
	background: #ffffff;
    -moz-box-shadow:none; -moz-box-sizing:none; 
    width:25px;
    min-width:25px;
}
input.thewire_characters_remaining_field:hover {
	border:none;
	background:#ffffff;
    -moz-box-shadow:none; -moz-box-sizing:none; 
}
input.thewire_characters_remaining_field:focus {
	border:none;
	background:#ffffff;
    -moz-box-shadow:none; -moz-box-sizing:none; 
}
.thewire_characters_remaining {
	text-align: right;
}


.sidebarBox .membersWrapper {
	background: white;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	padding:6px;	
}
.item_body img{
	max-width:98%;
	height:auto;
	padding:2px;
	border-top:1px #AAA solid;
	border-right:2px #333 solid;
	border-bottom:2px #333 solid;
	border-left:1px #AAA solid; 
}
/* IE6 
.item_body img{	
	*width:expression(this.clientWidth > 601?"600px":"auto");
}
.collapsable_box .item_body img{	
	*width:expression(this.clientWidth > 201?"200px":"auto");
}*/
.river_item .usericon {
	position:absolute;
	*margin-left:-50px;
}
.river_item .generic_comment div.usericon{
	margin:0;	
}
.river_item .item_body{
	margin-left:50px;
    min-height:20px;
	padding:0px;
}
.item_body .search_listing {
	margin:0;
	padding:0;
}
.item_body .search_listing .search_listing_info {
	margin:0;
	padding:0;
}
.river_item .item_body p {
	padding:0;
}
.river_item .item_comments,
.river_item .item_comment_form{
	margin:10px 10px 0 0px;
}
.river_item .item_comments p{
	padding:0;
  
}

p.generic_comment_owner {margin:0px; font-size:11px}

.river_item .item_comments .generic_comment_details{
	margin-left:20px;
 
}
.river_item .generic_comment {
	margin:1px 0 0 0;
	*margin: 1px 0 0 3px !important;
	padding:1px;
}
.river_item .generic_comment_owner {
	*padding-top:5px !important;
}
.river_item .item_info{
	margin-left:50px;
	border-top:1px solid #AAA;
}
.hide_basic_river_item_view_time {
	display:none;
}
.basic_river_item_view {
	padding:0 0 0 20px;
}
.basic_river_item_view a{ font-weight:bold;}
/* END SnowMod */
.sidebarBox #thewire_sidebarInputBox {
	width:178px;
}
.sidebarBox .last_wirepost {
	margin:20px 0 20px 0;
}
.sidebarBox .last_wirepost .thewire-singlepage {
	margin:0;
}
.sidebarBox .last_wirepost .thewire-singlepage .thewire_options {
	display:none;
}
.sidebarBox .last_wirepost .thewire-singlepage .note_date {
	line-height: 1em;
	padding:3px 0 0 0;
	width:142px;
}
.sidebarBox .last_wirepost .thewire-singlepage .note_body {
	color:#666666;
	line-height: 1.2em;
}
.sidebarBox .last_wirepost .thewire-singlepage .thewire-post {
	background-position: 130px bottom;
}
.sidebarBox .thewire_characters_remaining {
	float:right;
}
.sidebarBox input.thewire_characters_remaining_field {
	background: #dedede;
}
.sidebarBox input.thewire_characters_remaining_field:focus {
	background: #dedede;
	border:none;
}
.sidebarBox input#thewire_submit_button {
	margin:2px 0 0 0;
	padding:2px 2px 1px 2px;
	height:auto;
}
.sidebarBox .membersWrapper .recentMember {
	margin:2px;
	float:left;
}
/* br necessary for ie6 & 7 */
.sidebarBox .membersWrapper br {
	height:0;
	line-height:0;
}
.welcomemessage {
	background:white;
}
.riverdashboard_filtermenu {
	margin:10px 0 10px 0;
}

.river_pagination .forward,
.river_pagination .back {
	display:block;
	float:left;
	border:1px solid #cccccc;
	color:#4690d6;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	margin:0 6px 0 0;
	padding:0 4px 1px 4px;
	cursor: pointer;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}
.river_pagination .forward:hover,
.river_pagination .back:hover {
	background:#4690d6;
	color:white;
	text-decoration: none;
	border:1px solid #4690d6;
}
.river_pagination .back {
	margin:0 20px 0 0;
}
/* IE6 */
* html .river_pagination { margin-top:17px; }
/* IE7 */
*:first-child+html .river_pagination { margin-top:17px; }

/* activity widget */
.collapsable_box_content .river_item p {
	color:#333333;
}

.collapsable_box_content .content_area_user_title h2 {
	font-size:1.25em;
	line-height:1.2em;
	margin:0;
	padding:0 0 2px 0;
	color:#4690d6;
}
.river_content img {
	margin:2px 0 2px 20px;
}




#notificationstable, #notificationstable td, #notificationstable tr, #notificationstable tbody{ border:none;}
#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield img {
	padding:6px 10px 6px 3px;
	float:left;
}
#notificationstable td.namefield p.namefieldlink {
	margin:9px 0 0 0;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable tr{
	position:relative;
	margin:0px 0px 10px 0px;
    border-bottom:1px solid #dddddd;
    paddding:5px 0px 5px 0px;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(https://iteach.ro/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(https://iteach.ro/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}

.notification_collections,
.notification_personal {
	margin-bottom: 25px;
}

.settings_form .friendsPicker_container h3 {
	color:#999999;
	font-size:3em;
	margin:0 0 20px;
	text-align:left;
	background: none;
	border-bottom: none;
}