/* =========================
   main.css — tema principale
   Pulizia 2025-09
   ========================= */

/* ——— Base ——— */
html, body {
  height: 100%;
  color: #000;
  padding: 0;
  margin: 0;
  font-family: Verdana, sans-serif;
  font-size: 10px;
}

#container {
  overflow: auto;
  height: 100%;
  width: 100%;
}

#corpo_main {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url("imgs/background.png");
}

/* ——— Colonna sinistra / blocchi info ——— */
#NAV { width: 245px; height: 100%; margin-left: 10px; }
#INFO { width: 245px; height: 250px; margin-left: 10px; }
#MEX { width: 245px; height: 15px; margin-left: 10px; }
#PRESBOT { background-image: url("imgs/presenti/presbot.png"); height: 50px; }
#PRES { background-image: url("imgs/presenti/sfpres.png"); height: 100%; }
#PRESGIU { height: 70px; text-align: center; background-image: url("imgs/presenti/sfpun.png"); }

/* ——— Scrollbar (WebKit) ——— */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 2px #392219; border-radius: 5px; }
::-webkit-scrollbar-thumb { background: #140c09; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #140c09; }

/* ——— Reset minimi ——— */
div, ul, li { margin: 0; padding: 0; }
.blank { clear: both; }

/* ——— Link ——— */
a, a:visited { color: #000; text-decoration: none; }
a:hover { color: #660000; text-decoration: none; }

/* ——— Form ——— */
div.form_field table { margin: 5px auto; }
input, textarea, select { width: 80%; margin-bottom: 10px; }
input[type='submit'] { width: auto; margin: 5px 0 15px; }
textarea { height: 100px; }
div.form_label { font-size: 13px; font-weight: bold; margin-top: 5px; }
div.form_info { width: 100%; color: #000; font-size: 12px; margin-bottom: 15px; }
select.day, select.month, select.year { width: 60px; display: inline-block; }

/* ——— Messaggi di sistema ——— */
div.warning, div.error {
  background-color: #cf8888;
  font-size: 12px;
  text-align: center;
  margin: 15px;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #800;
  color: #970b0b;
}

div.link_back {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  padding: 2px;
}

/* ——— Logout ——— */
div.logout_box {
  margin: 20px auto;
  padding: 10px;
  text-align: center;
  background-color: #D9D9D9;
  border: 1px solid #333;
  border-radius: 5px;
}

/* ——— Titoli ——— */
div.innertube h2,
div.output h2,
div.page_title h2 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 4px;
  margin-top: 0;
}

/* ——— Box grigi (msg/presenti) ——— */
div.msgs,
div.presenti {
  margin: 5px auto;
  padding: 10px;
  width: 180px;
  background-color: #b9b9b9;
  border: 1px solid #444;
  border-radius: 5px;
}

/* ——— Output centrale ——— */
div.output {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  width: auto;
  overflow: auto;
  text-align: center;
}

/* ——— Info luogo (box laterale) ——— */
.pagina_info_location {
  background-image: url(imgs/locations/info.png);
  width: 240px; height: 430px;
  margin-top: -13px;
}

.page_title_info {
  position: absolute;
  width: 240px;
  margin-top: 263px; margin-left: 1px;
  text-align: center;
  font-size: 10px;
  color: #660000;
  text-transform: uppercase;
  font-weight: bold;
}

div.info_image {
  position: absolute;
  margin-top: 40px; margin-left: 20px;
  text-align: center;
  font-size: 10px;
}

div.box_stato_luogo {
  position: absolute;
  margin-top: 285px; margin-left: 35px;
  width: 177px; height: 100px;
  overflow: auto;
}

/* Scrollbar specifica per stato luogo */
.box_stato_luogo::-webkit-scrollbar { width: 5px; }
.box_stato_luogo::-webkit-scrollbar-track { box-shadow: inset 0 0 2px #392219; border-radius: 3px; }
.box_stato_luogo::-webkit-scrollbar-thumb { background: #140c09; border-radius: 3px; }
.box_stato_luogo::-webkit-scrollbar-thumb:hover { background: #140c09; }

div.meteo { position: absolute; width: 40px; height: 40px; margin-top: 190px; margin-left: 13px; text-align: center; }
.icone_meteo { width: 50px; height: 50px; }
div.meteo_date { display: none; }
.luna { position: absolute; margin-top: 18px; margin-left: 30px; }
.vento {
  position: absolute;
  margin-top: 215px; margin-left: 50px;
  color: #666; background-color: #000;
  font-size: 10px; padding: 5px; text-transform: uppercase;
  border-radius: 5px;
}

/* ——— Frame Messaggi ——— */
iframe.iframe_messaggi { height: 40px; width: 44px; }

/* ——— Menù di gioco ——— */
select#gotomap { width: 160px; margin: 0 auto 15px; }

div.link_menu { padding: 0; }
div.link_menu a:hover {
  text-decoration: none;
  border-radius: 5px;
}

div.link_menu a.sprite {
  width: 50px; height: 50px;
  background: no-repeat top left;
}
div.link_menu a.sprite:hover { background-position: 0 100%; }

/* ——— Mappa cliccabile ——— */
div.mappaclick_map { position: relative; margin: auto; }

/* ——— Elenco mappe in basso ——— */
div.mappaclick_more { padding-top: 10px; }
div.mappaclick_more a {
  background-color: #cfcfcf;
  padding: 8px; margin-right: 10px;
  border-radius: 5px;
}

/* ——— Ambientazione/Regolamento ——— */
div.elementi_elenco_regolerazze {
  display: none;
  width: 100%;
  padding: 3px;
  font-size: 12px;
  text-align: left;
  border: 1px solid #a98e5f;
}
div.casella_titolo_regolerazze {
  width: 100%; padding: 5px;
  font-size: 14px; text-transform: uppercase; font-weight: bold;
  background-color: #a98e5f; border: 1px solid #3F1F01;
}

/* ——— Tabelle gestione ——— */
div.elenco_record_gestione table { width: 95%; margin: 10px auto; }

/* ——— Accorgimenti layout ——— */
#framecontentLeft, #framecontentRight { display: table; }
div.innertube { margin: 0; display: table-cell; vertical-align: middle; }

/* ——— Bottoniera ——— */
.bottoniera {
  width: 100%; height: 55px;
  padding-left: 240px; margin-left: -240px; margin-right: 50px;
}
.bottoniera0 { background: repeat-y url("imgs/ssx.png"); width: 20px; }
.bottoniera1 { padding-top: 5px; background: url("imgs/undch.png"); }
.bottoniera2 { background: repeat-y url("imgs/sdx.png"); width: 20px; }
.menubottoni { margin-right: 0; }
.vuotospaziomenu { width: 5px; background-image: none; }
.contenitorebottoni { margin-top: -5px; height: 50px; }

/* ——— Principale (chat) ——— */
.chat_table { width: 100%; height: 100%; }
.colsx { background: repeat-y url("imgs/colsx.png"); width: 20px; }
.coldx { background: repeat-y url("imgs/coldx.png"); width: 20px; }
#mexframe { margin-left: 0; }
.centerchat {
  background-color: #e4cda4;
  border-radius: 0 0 10px 10px;
  height: 100%;
  overflow: hidden;
}
.vuotospaziochat { width: 5px; background-image: none; }
.bassx { height: 20px; background-image: url("imgs/asx.png"); background-repeat: repeat-x; }
.bascen { height: 20px; background-image: url("imgs/bas.png"); background-repeat: repeat-x; }
.basdx { height: 20px; background-image: url("imgs/adx.png"); width: 20px; }

.ssx { background-image: url("imgs/ssx.png"); height: 0; }
.sdx { background: repeat-x url("imgs/sdx.png"); height: 0; }
.scen { background-color: #e4cda4; height: 7px; }

div.pagina_link_menu { width: auto; height: 63px; margin: 0; padding: 0; }
div.link_menu_top { float: left; font-size: 10px; padding: 0; vertical-align: bottom; }

/* ——— Menu verticale (icone laterali) ——— */
.presentivert { position: absolute; margin-top: 4px; margin-left: 25px; border: none; }
.tastomissive { position: absolute; margin-top: 4px; margin-left: 88px; height: 40px; width: 34px; border: none; }
.simbolivert { position: absolute; margin-top: 4px; margin-left: 60px; border: none; }
.uscita { position: absolute; margin-top: 4px; margin-left: 170px; border: none; }

/* ——— Tooltip descrizione luogo ——— */
div.locdescr {
  position: absolute;
  width: 300px; height: 233px;
  margin-left: 430px; margin-top: 400px;
  font: 10px Verdana, sans-serif; text-align: left;
  background-image: url(imgs/sfondodescr.png);
  display: none; /* configurazione: nascosto di default */
  z-index: 9999;
}
div.testo_descr { margin: 10px 20px 20px; }
span.int_descr { font-size: 16px; text-transform: uppercase; color: #660000; }

/* ——— Box “lavoro” ——— */
.casella_titolo_lavoro {
  width: 150px; padding: 3px;
  text-align: center; font-size: 14px; color: #fff;
  background-color: #330000; text-transform: uppercase; font-weight: bold;
}
.contenuto_lavoro { width: 150px; height: 20px; border: 1px solid #330000; }
.contenuto_lavoro_img { width: 30px; height: 20px; border: 1px solid #330000; font-size: 12px; }

/* ——— Footer box lavoro ——— */
.casella_footer_lavoro {
  padding: 3px; text-align: center; font-size: 14px; color: #fff;
  background-color: #330000; text-transform: uppercase; font-weight: bold;
}

/* ——— Tabelle generiche ——— */
td.casella_elemento {
  text-align: left; padding: 3px; font-size: 10px; border: 1px solid #a98e5f;
}
td.casella_titolo {
  padding: 2px; font-size: 12px; font-weight: bold; text-transform: uppercase;
  color: #a98e5f; background-color: #180606;
}

/* ——— Immagini “ensign” ——— */
img.ensign_big { width: 300px; height: 400px; }
img.ensign_mid { width: 150px; height: 200px; }
/* opzionale al posto del duplicato rimosso */
img.ensign_small { width: 75px; height: 100px; }

/* ——— Menu Tabelle ——— */
.tbl_menu_set { width: 100%; margin: 2px 5px 2px -2px; text-align: center; font-size: 13px; }
.tbl_menu_title { font-weight: bold; }
.tbl_menu_set_char { font-size: 11px; }

/* ——— Banca ——— */
div.status_bancario {
  margin: 0 auto;
  width: 534px; height: 71px;
  background-image: url(imgs/statusbanca.png);
  text-transform: uppercase; color: #FFCC66; font-size: 10px; padding-top: 5px;
}