@import url("../../../css/blueprint/screen.css");
@import url("../../../css/baxter-maschere.css");

/*
Colori:
#3c629b - blu logo GSDP
#77b9e6 - blu chiaro
#b5d2e6 - fondo pagina
#edf2f5 - azzurro per il fondo pagina
#fef866 - giallo carico
*/

/** classi generiche */
.nascosto { display: none; }
.nonvisibile { position: absolute; top: -4000px; }

a { outline: none; }

body {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #b5d2e6;
  background-image: url(../images/fondo_body_scuro.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
}

body.funzioni {
	background: #edf2f5;
  background-image: url(../images/fondo_body.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.border {
  border-color: #000 !important;
}

/** HOME PAGE */
#TestoCommento {
  width: 630px !important;
}

h1 {
  margin: 9px 0 27px;
  letter-spacing: -0.05em;
}

body.index #corpo {
  background-image: url(../images/sidebar_bg.gif);
  background-position: 98.5% 0;
  background-repeat: repeat-y;
}

/** MENU TESTATA */
#testata-menu {
/*  height: 54px;*/
  width: 100%;
}

#testata-menu ul {
  width: 950px;
  height: 36px;
  list-style: none;
  float: left;
  line-height: 36px;
  margin: 14px 0 0;
}

#testata-menu ul li {
  float: left;
  margin-right: 9px;
  height: 36px;
  color: #3c629b;
  font-weight: bold;
}

#testata-menu ul li.ultimo {
  float: right;
  margin-left: 9px;
  margin-right: 0;
}

#testata-menu ul li.attivo {
  font-weight: bold;
  color: #ff9900;
}

#testata-menu ul li a {
/*  color: #3c629b;*/
  color: #fef866;
/*  border: 1px solid #3c629b;*/
  padding: 8px 13px;
  text-decoration: none;
/*  background-color: #edf2f5;*/
  background-color: #3c629b;
  -moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	border-radius:         7px;  
}


#testata-menu ul li a:hover {
  background-color: #77b9e6;
  color: #3c629b;
  border-color: #3c629b;
}

#testata-menu ul li.attivo a {
  color: #3c629b;
  border: 2px solid #3c629b;
  padding: 7px 8px;
  background-color: #ffffff;
}

#mn_gestione {
  border: 1px solid #fff;
  pading: 7px 12px;
}
#mn_gestione, #mn_nome_utente { background-color: #77b9e6 !important; color: #fff !important; }
#mn_gestione strong, #mn_nome_utente strong { color: #3c629b; }
#mn_gestione:hover { background-color: #fef866 !important; }
/* non mostro questi tasti se sono nelle pagine "dietro" */
body.funzioni #mn_gestione, body.funzioni #sel-cerca { display: none; }
body.index #mn_nome_utente { display: none; }
#mn_nome_utente { cursor: default; }

/** INDICE */
/*capitoli*/
#indice_libro {
  background-color: #d3d7da;
  padding: 8px 8px 0;
  border: 1px solid #fff;
  width: 252px;
}

#indice_libro h2 {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  color: #3c629b;
}

#indice_libro .argomenti,
#indice_libro .argomenti ul.risposte {
  position: relative;
  list-style: none;
  margin-left: 0;
  margin-right: 0;
}

#indice_libro .argomenti li {
  padding-bottom: 2px;
/*  border-bottom: 1px solid #cbd4de;*/
  border-bottom: 1px solid #edf2f5;
  margin-bottom: 2px;
}

/*argomenti*/
#indice_libro .argomenti a.titolo {
/*  padding-bottom: 4px;*/
  cursor: pointer;
  line-height: 1;
}

#indice_libro .argomenti h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}

#indice_libro .argomenti h3 .t {
  width: 85%;
  float: left;
}

#indice_libro .argomenti h3.vuoto a,
#indice_libro .argomenti h3.vuoto .t {
  color: #999 !important;
  text-decoration: none;
}

#indice_libro .argomenti h3.vuoto .numrisposte {
  background-color: #999 !important;
  color: #fff !important;
}

#indice_libro .argomenti ul.risposte li {
  position: relative;
  background: url(../images/document.gif) no-repeat 4px 8px;
  padding: 4px 0 1px 18px;
/*  margin-bottom: 4px;*/
/*  border-top: 1px solid #77b9e6;*/
  border-bottom: 0 !important;
/*  height: 1%;*/
}

#indice_libro .argomenti ul.risposte li a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

#indice_libro .argomenti li a:hover,
#indice_libro .argomenti ul.risposte li a:hover {
	background-color: #d0e7f5 !important;
}

#indice_libro .argomenti ul.risposte li .t {
  width: 85%;
  float: left;
}

#indice_libro .numrisposte,
#indice_libro .numcommenti {
  float: right;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
  padding: 3px 8px 3px 20px;
  -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #77b9e6;
	color: #fff;
}

#indice_libro .numrisposte {
  background-color: #3c629b;
  background-image: url(../images/document.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

#indice_libro .numcommenti {
  background-image: url(../images/comment.gif);
  background-repeat: no-repeat;
  background-position: 5px 4px;
}

#indice_libro .argomenti a.titolo {
  padding-left: 0;
}

hr.sep_sess { display: none; }

/** RISPOSTA */
body.index .risposta {
  background-color: #fff;
  padding: 7px;
  border: 2px solid #77b9e6;
  height: 1%;
}

.risposta .percorso {
  font-size: 1.1em;
  font-weight: bold;
  color: #f06d00;
}

/*.risposta .voti {
  display: none;
  width: 70px;
  height: 18px;
  overflow: hidden;
  float: left;
  margin-top: 6px;
  margin-right: 18px;
  padding: 4px 8px 5px;
  color: #aaa;
  background-color: #3c629b;
}
*/
.risposta h2 {
  font-weight: bold;
}

.risposta h2, .risposta .info {
  margin-bottom: 9px;
}

.risposta > .info {
  color: #aaa;
}

.info .rel, .info .data, .info .autore {
  font-weight: bold;
  color: #666;
}

.info br, .info .fotoRed, .contFoto { display: none; }

.risposta .corpo p, .risposta .corpo ul, .risposta .corpo ol {
  font-size: 1.2em;
  color: #000;
}

/*#voto { display: none; }*/

.attenzione {
  background-color: #fef866;
  margin: 9px 0;
  font-weight: bold;
  color: #3c629b;
}

p {
  margin-bottom: 0.5em !important;
}

#no_risultati {
  font-size: 1.6em;
  padding: 18px;
}

/** VOTI */
div.voti {
  position: relative;
  float: right;
  margin-top: -18px;
  /* top: 10px; */
  /* right: 10px; */
  /* width: 200px; */
  width: 150px;
  padding: 5px;
  background-color: #edf2f5;
}

.voti dl { margin: 0; }

.voti dt, .voti dd {
  color: #000;
  background: transparent;
  display: block;
  margin: 0;
  margin-right: 0 !important;
}

.voti dd {
  margin-bottom: -6px;
}

.voti dt {
  color: #003399;
}

.rabidRating {	
	/* cursor: pointer; */
	background: #fff;
}

.rabidRating, .rabidRating span {
	display: block;
	/* width: 110px;  */
	/* height: 25px;  */
	width: 111px;
	height: 24px !important;
	height: 20px;
}

.rabidRating span {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.rabidRating span.quanti {
	position: relative;
	top: -28px;
	left: 108px;
  text-indent: 0 !important;
  line-height: 20px;
  width: 70px;
}

.rabidRating span.quanti strong {
  color: #003399;
}

.rabidRating .ratingStars {
	display: block;
	background: url('../images/livelli.png') no-repeat center;
}

.rabidRating .ratingFill {
	background: #FFF600;
	width: 50px;
}

.rabidRating .esauriente {
	background: #06ff00 !important;
}

.rabidRating .ratingFill_ie6 {
	background: transparent;
	width: 111px;
	height: 14px !important;
	display: block;
	background-image: url('../images/livelli_ie6.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #edf2f5;
}

.rabidRating .esauriente_ie6 {
	background-image: url('../images/livelli_ie6_verde.gif') !important;
}

.rabidRating .ratingFill_ie6 .ratingStars {
  display: none;
}

.rabidRating .ratingFill_ie6 span.quanti {
  top: -3px !important;
}

.rabidRating.ratingVoted {
	cursor: default;
}

.ratingActiveFillColor {
	background: #FFF600;
}

.ratingVotedFillColor {
	background: #003399;
}

/** COMMENTI */
.risposta .num_commenti {
  margin-top: 9px;
  border: 1px solid #aaa;
  padding: 4px 8px 5px;
  color: #aaa;
}

.box_voto {
  margin-top: 9px;
  margin-bottom: 9px;
  background-color: #fff1e4;
  border: 2px solid #f06d00;
  padding: 3px 7px 4px;
  color: #f06d00;
  height: 1%;
}

.num_commenti {
  border-color: #77b9e6 !important;
  color: #77b9e6 !important;
  width: auto !important;
}

.parole_key { color: #aaa; }
.parole_key strong { color: #003399; }

ol.commenti {
  margin: 18px 0 0 27px;
  font-size: 0.8em;
}

ol.commenti h3 {
  color: #3c629b;
  background-image: url(../images/commenti_per_blog.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  line-height: 27px;
  height: 1%;
  padding-left: 64px;
  font-weight: bold;
  margin-left: -27px;
}

ol.commenti li {
  border-left: 3px solid #cbd4de;
  padding-left: 10px;
  background-color: #dde2e5;
}

ol.commenti li .info, ol.commenti li .info strong {
  color: #8b949e !important;
}

ol.commenti li .info {
/*  border-bottom: 1px solid #cbd4de;*/
  padding-bottom: 4px;
}

/** NUOVO COMMENTO */
#TestoCommento {
  height: 180px;
}

#nuovo_commento { margin-top: 18px; }

#nuovo_commento label {
  font-size: 1.5em;
  padding-bottom: 9px;
  color: #3c629b;
}

#nuovo_commento #Inserisci { margin-top: 9px; }

#nuovo_commento.notloggedin {
  background-color: #fff;
  color: #f33;
  border: 2px solid #f33;
  padding: 4px 8px 5px;
  margin: 9px auto 18px !important;
  font-size: 1.22em;
  letter-spacing: -0.02em;
  font-weight: bold;
  text-align: center;
}

#nuovo_commento.notloggedin p { margin-bottom: 0 !important; }

/** PIEDE */
#colophon {
  margin-top: 18px;
  border-top: 1px solid #003399;
  padding-top: 17px;
}

/** MENU FUNZIONI */
#menu_funzioni, .menu_funzioni_secondario { background-color: #3c629b !important; }

#menu_funzioni li a:hover,
.menu_funzioni_secondario li a:hover {
  background-color: #77b9e6 !important;
  color: #3c629b !important;
}

.menu_funzioni_secondario li a.descrizione {
  background-color: #fef866 !important;
  color: #3c629b !important;
}

/** MASCHERE */
/* 20090220 - edoardo.galvagno@gruppotesi.com */
div.col1, div.col2, div.col3 {
  background-color: #fff;
  border: 1px solid #77b9e6;
}

body.funzioni input, body.funzioni select, body.funzioni textarea {
  background-color: #f6f7f9;
  border: 1px solid #77b9e6;  
}

body.funzioni input:focus, body.funzioni select:focus {
  background-color: #e6e7e9;
  border: 1px solid #67a9d6;  
}

body.funzioni h1 {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px;
  background-color: #3c629b;
  color: #edf2f5;
}

body.funzioni legend {
  color: #77b9e6;
  border-color: #77b9e6;
  text-transform: uppercase;
}

body.funzioni #CorpoElenco table th { background-color: #3c629b; }

/*come uno span-16 di blueprint*/
body.funzioni #corpo_nuovo {
  width: 630px;
  padding-right: 320px;
  margin: 0 auto !important;
}

body.funzioni .autore {
  font-weight: bold;
  color: #003399;
}

body.funzioni .autore.io {
  color: #00bb00;
}

body.funzioni textarea {
  height: 6em !important;
  width: 100% !important;
}

#TestoRisposta {
  height: 330px !important;
  max-width: 620px !important;
  width: 620px !important;
}

#informativa_privacy {
  border: 1px solid #77b9e6;
  background-color: #fff;
  padding: 2px 4px;
  width: 940px;
  height: 150px;
  overflow-y: scroll;
  margin-bottom: 18px;
}

.tasti_grafici #InserisciNews { background-image: url(../../../images/ui/btn_add.gif); }

/** CERCA */
#box_cerca {
  background-color: #3c629b;
  color: #fff;
  padding: 9px 0;
  margin-bottom: 18px;
}

#box_cerca a { color: #fef866; }

#box_cerca .campi { padding-bottom: 9px; }

#box_cerca .campi label {
  color: #fff;
  font-weight: normal;
  display: block;
}

#box_cerca .campi input,
#box_cerca .campi select {
  width: 180px;
  height: 16px;
  border-width: 1px;
  padding: 1px;
  margin: 3px 0 0;
}

#box_cerca .campi select {
  height: 20px;
}

#box_cerca .comandi_cerca {
/*  margin-top: 36px;*/
  text-align: right;
}

#ricerca { margin-right: 9px; }

/** LOGIN */
#box_login,
#box_login_alt {
  background-color: #77b9e6;
  color: #fff;
  padding: 4px 8px 5px;
  margin-bottom: 18px;
  width: 614px;
}

#box_login_alt {
  float: left;
  margin-left: 40px;
}

#box_login legend,
#box_login_alt legend {
  font-size: 1.2em !important;
  text-transform: none !important;
  font-variant: normal !important;
  color: #3c629b;
}

#box_login br,
#box_login_alt br { display: none; }

#labelPassword, #pulsante_login { margin-left: 18px; }

#box_login_alt #labelPassword {
  margin: 9px 0 0 !important;
}

#box_login_alt #pulsante_login {
  width: auto !important;
  height: auto !important;
  margin: 9px 0 0 !important;
}

#labelIdUtente, #labelPassword {
  color: #fff;
  text-transform: none !important;
  font-variant: normal !important;
  font-size: 1em;
}

#IdUtente, #Password  { width: 180px; }

#pulsante_recupero, #pulsante_cambio {
  display: block;
  float: left;
  margin: 9px 18px 0 0;
}

/** autocompleter - per autocompletamento campi di input (box ricerca in home page) */
div.autocompleter-loading {
  float: left;
  clear: right;
  background: fff url(images/spinner.gif) no-repeat center;
  width: 20px;
  height: 16px;
}

ul.autocompleter-choices {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #eee;
  background-color: #FFF;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
  text-align: left;
  z-index: 50;
}

ul.autocompleter-choices li {
  position: relative;
  padding: 0.1em 1.5em 0.1em 1em;
  cursor: pointer;
  font-weight: normal;
  font-size: 1em;
}

ul.autocompleter-choices li.autocompleter-selected {
  background-color: #edf2f5;
  color: #3c629b;
}

ul.autocompleter-choices span.autocompleter-queried {
  font-weight: bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
  color: #3c629b;
}
/* autocompleter - FINE */

@media print {
  @page {
    margin: 0;
    padding: 0;
    width: 21cm;
    height: 29.7cm;
  }
  
  #indice_libro,
  #nuovo_commento.notloggedin,
  #testata-menu ul,
  #box_login {
    display: none;
  }
  
  body {
    background-color: #fff;
    background-image: none;
  }
  
  #corpo {
    width: 19cm !important;
    background-image: none !important;
  }
  
  .span-16 {
    width: 19cm !important;
  }
  
  .risposta {
    border: none !important;
    font-size: 1.2em;
    width: 19cm !important;
  }
  
  .num_commenti {
    color: #000 !important;
    border-color: #000 !important;
  }
  
  ol.commenti li {
    background-color: #efefef !important;
  }
  
  hr.dividi_risposte {
    border: 1px solid #000 !important;
  }
  
  #colophon {
    border: none !important;
  }
  
  #colophon dx {
    margin-left: 0.5cm;
  }
  
  #colophon sx, #colophon dx {
    display: block;
    padding-top: 1cm;
  }
}