/* Start of CMSMS style sheet 'Linkit: prodotti' */
table.prodotto_generale {
   border: none 0px;
}

table.prodotto_generale td {
   padding-bottom: 1em;
   padding-right: 2em;
   text-align: justify;
}

table.prodotto_generale th {
   padding-right: 0.5em;
   vertical-align: top;
   text-align: left;
   color: red;
   font-weght: bold;
   font-style: italic;
}

table.prodotto_generale th a {
   background-color: transparent; /* evitiamo l'ombra sulle immagini-link... */
}

table.prodotto_generale td a {
   font-weight: bold;
   font-size: 125%;
}

div.product_text {
   padding-right: 2em;
   text-align: justify;
   width: 620px;
   line-height: 1.25em;
}

div.product_line {
   padding-right: 2em;
   text-align: justify;
   line-height: 1.25em;
}

div.product_line ul,
div.product_text ul,
table.prodotto_generale ul
{
   padding-left: 1.5em;
   margin-bottom: 0.5em;
}

div.mixed_page {
   text-align: center;
   margin: auto;
   margin-left: -2em; /* correct the insanely fucking alignment */
}

div.mixed_page div {
   width: 635px; /* override this with the element's style */
   margin: auto;
   text-align:justify;
}

/* ------------------------------------------------------------ */

/* datTable for styling only */
table.dataTable {
    margin: 0;
    padding: 0;
    /*border-bottom: 1px solid #999;
    border-left: 1px solid #999;*/
    font-size:14px;
    font-weight:normal;
}

.dataTable .odd, .dataTable .tab2 {
    background:#ececec none repeat scroll 0 0;
}

.dataTable .even, .dataTable .tab3 {
    /*background:#ececec none repeat scroll 0 0;*/
}

table.dataTable th {
    text-align: center;
    width: 190px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    padding: 4px 3px 4px 4px;
    /*background: #ccc; */
    font-weight: normal;
    vertical-align: middle;
}

table.dataTable td {
    text-align: center;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;	
    padding: 4px 3px 4px 4px;
    vertical-align: middle;
}

.dataTable .odd, .dataTable .tab2 {
    background:#ececec none repeat scroll 0 0;
}

table.dataTable tr {
   height: 20px;
}

div.scrollTableContainer table.dataTable tr.buffer {
   height: auto;
}

div.tableContainer table.dataTable tr.buffer,
div.tableContainer table.dataTable tr.buffer td {
   height: 0px;
}

table.dataTable tr.buffer td {
    border-left: none;
    border-right: none;
    border-top: 1px solid #999;

}

/* -------------------------------------------------------- */

div.tableContainer {
   width: 620px;
   margin: 1em 0 0 0;
}

div.tableContainer table {
	width: 100%;
}

div.scrollTableContainer {
	height: 485px;	
  overflow: auto;
	width: 620px;
	margin: 15px 0 0 0;
	position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
	width: 602px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
    width: 620px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    height: 450px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr	{
	position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


/* End of 'Linkit: prodotti' */