/*
 * Tavolozza colori:
 *
 *  testo link blu scuro a sx
 *     #343b70
 *     #4d6474   testo scuro grigio (comprende anche #485d6c)
 *     #006799   testo default  (anche #006596)
 *
 *     #277db3   blu colonne laterali layout e bordini immagini
 *     #cc0000   image border
 *
 *     #bf0000   buttons default (red)
 *       diventa #10765b (il verde scuro)
 *       diventa #26abcd (i toni azzurrini)
 *     #ad0000   buttons rollover (dark red)
 *       diventa #0e664f (il verde scuro scuro)
 *       diventa #2195b2 (i toni azzurrini scuro)
 *
 *     #b0b9c0   background header h3 scheda libro
 *     #a7cbe0   layout and table thin borders (1px)
 *
 *     #aab6be   grey background
 *     #213d57   dark text on grey background
 */

/*
 * background vari rosso: #26abcd
 * testo motore ricerca #4d6474
 *
 * colore all'interno dei box normale: #006799;
 * colore all'interno dei box strong: #4d6474;
 */

.clear {
  clear: both;
}

.indent {
  text-indent: 2em;
}

.extramargin {
  margin: 10px;
}

.noborder {
  border: 0;
}

.fleft {
  float: left;
}
  .fleft.margin {
    margin-right: 10px;
  }

.fright {
  float: right;
}
  .fright.margin {
    margin-left: 10px;
  }

.center {
  text-align: center;
}
.justify {
  text-align: justify;
}

.hidden {
  display: none;
}

.help {
  cursor: help;
}

img.border {
  border: 1px solid #cc0000;
  background-color: #ffffff;
  padding: 1px;
}

a {
  color: #f7841d;
}
  a:visited {
    color: #f7841d;
  }
  a:hover {
    color: #fba355;
  }

/* FIXME: un po' forte..per ora attenzione solo al carrello a dx sul sidebar */
a img {
  border: 0px;
}

a.nounderline {
  text-decoration: none;
}

p.highlight {
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em 1ex 0.7em 1ex;
}
  p.highlight strong,
  strong.highlight {
    color: #0b78bb;
  }

/* all about forms formatting */

table.form_table {
  margin: 0 auto;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  cursor: default;
}
  table.form_table th {
    text-align: right;
    font-weight: normal;
    padding-right: 5px;
    cursor: default;
  }

/* controlli sui form */

input.form_text {
  border: 1px solid #dfdfdf;
  background: #ffffff;
}
  input.form_text:focus {
    background: #f4f9fa;
  }

textarea.form_area {
  border: 1px solid #dfdfdf;
  background: #ffffff;
  font-family: "Arial", sans-serif;
  font-size: 9pt;
  color: #202020;
}
  textarea.form_area:focus {
    background: #f4f9fa;
  }

select.form_select {
  border: 1px solid #dfdfdf;
  background: #ffffff;
  font-size: 9pt;
  color: #202020;
}

.form_button {
  overflow: hidden;
  background-color: #26abcd;
  border: 3px double #ffffff;
  padding: 0.2em 1ex;
  font-family: "Arial", sans-serif;
  font-size: 9pt;
  color: #ffffff;
  cursor: pointer;
}
  .form_button:hover {
    background-color: #2195b2;
  }
  .form_button.orange {
    background-color: #fd9d21;
  }
  .form_button.special {
    background-color: #43a7ca;
  }
    .form_button.special:hover {
      background-color: #3c96b5;
    }

/* this is the panel containing centered same-level buttons */
.form_buttons_panel {
  margin: 10px 30px 10px 0px;
  text-align: center;
}
  .form_buttons_panel .form_button {
    margin: 0px 10px;
  }


/* dialog message associated with special status "information", "error", "warning" */

.dialog {
  padding: 10px 6px;
  margin: 20px;
  border-width: 1px;
  border-style: solid;
  cursor: default;
}
  .dialog p {
    margin: 0px;
    font-weight: bold;
  }
  .dialog p.message {
    padding: 6px 0px 6px 25px;
    background-repeat: no-repeat;
    background-position: left center;
  }
  .dialog.information {
    border-color: #0000ff;
    background-color: #e3e3ff;
  }
  .dialog.information p.message {
    background-image: url(../images/dialog_icon_information.png);
  }
  .dialog.warning {
    border-color: #ff0000;
    background-color: #ffeae3;
  }
  .dialog.warning p.message {
    background-image: url(../images/dialog_icon_warning.png);
  }
  .dialog.error {
    border-color: #ff0000;
    background-color: #ffeae3;
  }
  .dialog.error p.message {
    background-image: url(../images/dialog_icon_error.png);
  }

/* category listing */

.categories {
}
  .categories .category-spacer {
    height: 15px;
  }
  .categories ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
    .categories ul li {
      display: block;
      margin: 0;
      /* the following is another hack for a weird behaviour of IE6, it
       * automagically adds some space between blocks if there is none */
      padding: 0px 0px 2px 5px;
      border-bottom: 1px solid #ffffff;
      line-height: 1.1em;
    }
      .categories ul li a,
      .categories ul li a:visited {
        display: block;
        margin: 3px 0px 0px 0px;
        padding: 1px 0 1px 6px;
        color: #1a1a1a;
        text-decoration: none;
      }
      .categories ul li a:hover {
        color: #ffffff;
        background-color: #f7841d;
      }
      /* for admins only: show the category position number */
      .categories ul li small {
        font-family: "Tahoma", "Arial", sans-serif;
        font-weight: normal;
        font-size: 9px;
        color: #727200;
      }
  /* show in bold level0, and normal subsequent levels, considering that
   * usually we start from one for non-admin users */
  .categories li.level0,
  .categories li.level1 {
    font-weight: normal;
  }
  .categories li.level0 li.level1,
  .categories li.level2 {
    font-weight: normal;
  }
  /* do not show levels below two */
  .categories li.level1 ul {
    display: none;
  }
  /* highlight current active levels, nevertheless the nesting level */
  .categories ul li.active {
  }
  .categories ul li.active a {
    color: #ffffff;
    background: #f7841d url(../images/tiny-arrow-right.png) no-repeat 98% center;
  }
    /* i need this because i can't use my favorite '>' in the previous rule */
    .categories ul li.active li a {
      color: #1a1a1a;
      background: transparent;
    }

a.linkbutton {
  display: inline-block;
  padding: 2px 12px;
  background-color: #2e2e2e;
  border: 1px solid #ffffff;
  outline: 1px solid #797979;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
}
  a.linkbutton:visited {
    background-color: #444444;
    outline: 1px solid #797979;
  }
  a.linkbutton:hover {
    background-color: #555555;
  }

/* alternative color for link buttons */
a.linkbutton.special {
  background-color: #43a7ca;
}
  a.linkbutton.special:visited,
  a.linkbutton.special:hover {
    color: #ffffff;
    background-color: #3c96b5;
  }

/* page numbers displaying */

div.pages {
  width: 74%;
  margin: 0 auto 10px auto;
  position: relative;
  text-align: center;
  cursor: default;
  color: transparent; /* take off the dashes */
}
  /* hide the label */
  div.pages span.pages_goto {
    display: none;
  }
  /* normal page links */
  div.pages a,
  div.pages span {
    text-decoration: none;
    padding: 1px 1ex 0px;
    color: #000000;
    background-color: #dfdfdf;
  }
  div.pages a:hover {
    background-color: #a0a0a0;
  }
  div.pages span {
    background-color: #8e0825;
    color: #ffffff;
  }
  /* previous page link */
  div.pages a.prev {
    display: block;
    position: absolute;
    left: 5%;
    bottom: 3px;
    width: 17px;
    height: 12px;
    padding: 0px;
    background: url(../images/arrowleft.png) no-repeat top left;
  }
  /* next page link */
  div.pages a.next {
    display: block;
    position: absolute;
    right: 5%;
    bottom: 3px;
    width: 17px;
    height: 12px;
    padding: 0px;
    background: url(../images/arrowright.png) no-repeat top left;
  }
    /* hide the special links content (replaced by arrow image) */
    div.pages a.prev span,div.pages a.next span {
      display: none;
    }

/* thtoolbar.css */

/* ************************************************************************
 * Admin toolbar
 * ************************************************************************ */

/*
 * specifiche della toolbar
 *   le toolbar sono alte 25px, immerse nel colore #d4d0c8
 *   le toolbar distano tra loro di 1px
 *
 *   rettangolo di attivazione: 23 x 22, margin-top: 1px, margin-bottom: 2px
 *   dal rettangolo di attivazione, l'icona dista 2px 3px 2px 2px
 */

div.thtoolbar {
  background-color: #d4d0c8;
  margin: 1px 0px;
  border-style: solid;
  border-color: #d4d0c8;
  border-width: 2px;
  cursor: default;
}
  div.thtoolbar strong.thtoolbar_title {
    display: block;
    padding-left: 5px;
    background-color: #000000;	/* theme */
    font-family: "Luxi Sans", Arial, sans-serif;
    font-weight: bold;
    font-size: 7pt;
    line-height: 9pt;
    color: #ffffff;
  }
    div.thtoolbar strong.thtoolbar_title a {
      display: block;
      float: right;
    }
      div.thtoolbar strong.thtoolbar_title a img {
        border: 0px;
      }
  div.thtoolbar div.thtoolbarstrip {
    background: url(/images/admin/toolbar-bg.png) repeat-x top left;
    height: 25px;
    margin-top: 1px;
    font-family: Helvetica, sans-serif;
    font-size: 7pt;
    line-height: 9pt;
    color: #000000;
  }
    div.thtoolbar div.thtoolbarstrip div.open {
      height: 25px;
      background: url(/images/admin/toolbar-strip-open.png) no-repeat top left;
    }
    div.thtoolbar div.thtoolbarstrip div.close {
      padding-top: 1px;
      padding-left: 5px;
      height: 25px;
      background: url(/images/admin/toolbar-strip-close.png) no-repeat top right;
    }
    div.thtoolbar div.thtoolbarstrip span.item_text {
      display: block;
      float: left;
      margin: 3px 3px 0px 0px;
      padding: 0px 2px;
      border-width: 1px;
      border-style: solid;
      border-color: #d5d2ca #f5f4f2 #f5f4f2 #d5d2ca;
      background-color: #efedea;
      color: #6a6c75;
    }
    div.thtoolbar div.thtoolbarstrip a.item_icon {
      display: block;
      float: left;
      margin-right: 3px;
      border: 1px solid transparent;
      _border: 1px solid #eeeeee;
    }
      div.thtoolbar div.thtoolbarstrip a.item_icon:hover {
        border-width: 1px;
        border-style: solid;
        border-color: #404040;	/* theme */
        background-color: #f0f0f0;	/* theme */
      }
      div.thtoolbar div.thtoolbarstrip a.item_icon img {
        border: 0px;
        margin: 2px 3px 2px 2px;
      }
    /* compensate the missing anchor block margins for inactive icons */
    div.thtoolbar div.thtoolbarstrip .item_inactive {
      margin: 3px 7px 3px 3px;
      cursor: default;
      float: left;
    }
    div.thtoolbar div.thtoolbarstrip input.submit {
      margin: 0px 15px 0px 10px;
      border: 1px solid #7f7f7f;
      font-family: Helvetica, sans-serif;
      font-size: 8pt;
      line-height: 9pt;
    }
    div.thtoolbar div.thtoolbarstrip img.separator {
      float: left;
      margin: 4px 2px 0px 2px;
    }
  /* themes */
  div.thtoolbar.theme_magenta strong.thtoolbar_title {
    background-color: #9e009e;
  }
  div.thtoolbar.theme_magenta div.thtoolbarstrip a.item_icon:hover {
    background-color: #f4e4f4;
    border-color: #830083;
  }
  div.thtoolbar.theme_blue strong.thtoolbar_title {
    background-color: #3300cc;
  }
  div.thtoolbar.theme_blue div.thtoolbarstrip a.item_icon:hover {
    border-color: #0a246a;
    background-color: #b6bdd2;
  }
@media print {
  div.thtoolbar {
    display: none;
  }
}

a.admin_category_new {
  display: block;
  background: url(/images/admin/cat_new.png) no-repeat left center;
  margin: 6px auto 0px auto;
  padding-left: 20px;
  width: 118px;
  font-weight: bold;
  font-size: 9pt;
  line-height: 11pt;
  text-decoration: none;
  color: inherit;
}
a.admin_category_new:hover {
  background-color: #f2f2f2;
}
@media print {
  a.admin_category_new {
    display: none;
  }
}

#zoom { z-index: 10; }

/* stdTable */
table.stdTable {
  border-spacing: 1px 1px;
  border: 1px solid #797979;
}
  table.stdTable thead th {
    background-color: #1e447f;
    height: 2em;
    color: #ffffff;
    padding: 0 1ex;
    border: 1px solid #96a1c4;
    cursor: default;
  }
  table.stdTable tbody tr {
    background-color: #f2f2f2;
  }
    table.stdTable tbody tr:hover {
      background-color: #e0e0e0;
    }
  table.stdTable tbody td {
    padding: 0.3em 1ex;
  }

  table.stdTable tfoot tr {
    background-color: #e0e0e0;
  }
    table.stdTable tfoot td,
    table.stdTable tfoot th {
      font-weight: bold;
      font-size: 1.1em;
      padding: 0.2em 1ex;
      color: #606060;
    }

#rdcbanner {
  width: 241px;
  height: 200px;
  margin-left: 9px;
  margin-bottom: 9px;
}



.piccinCategoryListing {
  margin-left: -2.5%;
}
  .piccinCategoryListing .piccinCategoryItem {
    float: left;
    width: 47.5%;
    margin-left: 2.5%;
    margin-bottom: 20px;
  }

.piccinBook {
  position: relative;
  border: 1px solid #fba355;
  background: #ffffff;
  height: 265px;
  padding-right: 10px;
  padding-left: 170px;
}
  .style-red .piccinBook {
    border-color: #e6c4d1;
  }
  .piccinBook .image img {
    position: absolute;
    left: 14px;
    top: 14px;
    border: 1px solid #dfdfdf;
/*    float: left;
    margin: 14px 0 0 15px; */
  }
  .piccinBook .book-info {
    height: 222px;
    padding-top: 1px;
    overflow: hidden;
  }
  .piccinBook .info {
    margin: 0;
  }
    .piccinBook .info.subject {
      margin-top: 15px;
      margin-bottom: 9px;
      color: #003257;
      font-style: italic;
    }
    .piccinBook .info.title {
      line-height: 1.0em;
      margin-top: 18px;
      margin-bottom: 4px;
      font-size: 1.2em;
    }
      .piccinBook .info.title a {
        color: #000000;
        text-decoration: none;
      }
      .piccinBook .info.title em {
        font-size: 0.9em;
      }
    .piccinBook .info.author {
      margin-bottom: 1px;
      text-transform: uppercase;
    }
    .piccinBook .info.publish {
      font-style: italic;
    }
    .piccinBook .info.price {
      margin-top: 7px;
      margin-bottom: 7px;
      font-size: 1.2em;
      font-weight: bold;
      color: #003257;
    }
      .piccinBook .info.price del {
        font-weight: normal;
        margin-right: 1ex;
        color: #8e0825;
      }
      .piccinBook .info.price ins {
        text-decoration: none;
      }
  .piccinBook .linkbutton {
    position: absolute;
    left: 170px;
    bottom: 14px;
  }
  /* for admins */
  .piccinBook.with-admin-tools {
    height: 345px;
  }
  .piccinBook .thtoolbar {
    position: absolute;
    bottom: 45px;
    right: 10px;
  }








@media (max-width: 980px) {


.MobileDevice .piccinCategoryListing {
  margin-left: 0;
}
  .MobileDevice .piccinCategoryItem {
    float: none;
    width: auto;
    height: 256px;
    margin-left: 0;
    margin-bottom: 20px;
  }

} /* end of @media */