body{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}


.needtocenterdiv{
    margin: 0; text-align: center;
}
.needtocenterdiv div{
    text-align: left;   margin-left: auto;  margin-right: auto;
}


IFRAME {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;
    /*BACKGROUND-COLOR: #ffffff; */MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-TOP: 0px;MARGIN-BOTTOM: 0px;
}


INPUT.myradio {
    background-color: transparent;
    border: 0px;
}

INPUT.tf {
    width:425px; height:17px; FONT-SIZE:11px;
}

INPUT.tf0 {
    /*BORDER-RIGHT: #b0c4de 1px solid; BORDER-TOP: #b0c4de 1px solid; BORDER-LEFT: #b0c4de 1px solid; BORDER-BOTTOM: #b0c4de 1px solid;
    FONT-WEIGHT: normal; FONT-SIZE: 12px;*/
    width:50px;
    /*TEXT-ALIGN: left;*/
}

INPUT.tf2 {
    /*BORDER: #b0c4de 1px solid;
    FONT-WEIGHT: normal; FONT-SIZE: 15px; */
    width:400px;
    /*TEXT-ALIGN: left;*/
}

INPUT.tf3 {
    BORDER-RIGHT: #b0c4de 1px solid; BORDER-TOP: #b0c4de 1px solid; BORDER-LEFT: #b0c4de 1px solid; BORDER-BOTTOM: #b0c4de 1px solid;
    width:500px; FONT-SIZE:12px;
}

INPUT.tf4 {
    BORDER-RIGHT: #b0c4de 1px solid; BORDER-TOP: #b0c4de 1px solid; BORDER-LEFT: #b0c4de 1px solid; BORDER-BOTTOM: #b0c4de 1px solid;
    width:350px; FONT-SIZE:12px;
}

INPUT.tfgenerico {
    BORDER-RIGHT: #b0c4de 1px solid; BORDER-TOP: #b0c4de 1px solid; BORDER-LEFT: #b0c4de 1px solid; BORDER-BOTTOM: #b0c4de 1px solid;
    FONT-SIZE:12px;
    VERTICAL-ALIGN: top; text-align:LEFT;
}

INPUT.mimetico {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: ivory;
    width:160px; FONT-SIZE:12px;
}

INPUT.bottone {
    FONT-WEIGHT: bold; FONT-SIZE: 10px;
    LINE-HEIGHT: 12px; TEXT-ALIGN: center;
}


.lista {
    BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #ffffff 1px solid; COLOR: #777777; BORDER-BOTTOM: #ffffff 1px solid; /* FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; */ BACKGROUND-COLOR: #f7f7f7
}

.TESTO { /*font-family:verdana;*/ font-size:9px; border-style:solid; border-width:0; border-color:#000000; color:#000000;}


FONT { /*font-family:verdana;*/ font-size:11px; color:#000000;}

FONT.paginazione { /*font-family:verdana;*/ font-size:12px; color:#000000; }


FONT.dati { /*font-family:verdana;*/ font-size:12px; color:#000000; }


FONT.titolo { font-size:20px; color:#FF5757; FONT-WEIGHT: bold; }
FONT.titolo2 { font-size:18px; color:#000000; FONT-WEIGHT: bold; }

FONT.titoli { font-size:15px; color:#6AA7EB; FONT-WEIGHT: bold; }

FONT.titoli2 { font-size:13px; color:#5A97DB; FONT-WEIGHT: bold; }

.titoli3 { font-size:11px; color:/*#5A97DB*/red; FONT-WEIGHT: bold; }

FONT.autority { font-size:13px; color:#5A97DB; FONT-WEIGHT: bold; }

FONT.prenotazioni { font-size:12px; color:green; }


FONT.messaggio { font-size:11px; color:#FF5757; FONT-WEIGHT: bold; }
FONT.messaggio2 { font-size:13px; FONT-WEIGHT: bold; font-variant:small-caps; }

FONT.formaPrincipale {font-size:12px; color:#074F07;  FONT-WEIGHT: bold; }
FONT.formaSecondaria {font-size:12px; color:#FF5757;  FONT-WEIGHT: bold; }

FONT.table_field { font-size:10px; color:#555555; }

FONT.table_field_det { font-size:9px; color:#555555;}

FONT.infoInPromo {font-size:11px; color:#FF5757;}

A.tag { /*font-family:verdana;*/ font-size:12px; color:#777777; FONT-WEIGHT: bold; }
A.tag:hover { /*font-family:verdana;*/ font-size:12px; color:silver; FONT-WEIGHT: bold; text-decoration:none;}

A.menu { /*font-family:verdana;*/ font-size:13px; color:#555555; FONT-WEIGHT: bold; }
A.menu:hover { /*font-family:verdana;*/ font-size:13px; color:#F8A756; FONT-WEIGHT: bold; text-decoration:none;}

A.elenco { /*font-family:verdana;*/ font-size:11px; color:#555555; FONT-WEIGHT: bold; }
A.elenco:hover { /*font-family:verdana;*/ font-size:11px; color:#F8A756; FONT-WEIGHT: bold; text-decoration:none;}

A.table_field {
    font-size:9px;
}
A.table_field:hover {
    font-size:9px;
}


IMG.bottone {
    border-top:#888888 1px solid;
    border-left:#888888 1px solid;
    border-bottom:#888888 1px solid;
    border-right:#888888 1px solid;
}

IMG.bottoneNoBordi {
    border: 0px none ;
}

TABLE.bordi {
    BORDER-left:1px solid; BORDER-top:1px solid; BORDER-right:1px solid; BORDER-bottom:1px solid; BORDER-color:#888888
}
TABLE.bordi th{
    font-size:13px; color:#000000; FONT-WEIGHT: bold; text-align:left;
    background-color:#eaeaea;
}

label {
    font-size: 12px;
    FONT-WEIGHT: bold;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 12em;
}
field {
    font-size: 12px;
    padding-left: 4px;
    vertical-align: top;
}


TABLE.nobordi {
    BORDER-left:0px; BORDER-top:0px; BORDER-right:0px; BORDER-bottom:0px; border-spacing:2px;
}
TABLE.nobordi th{
    font-size:13px; color:#000000; FONT-WEIGHT: bold; text-align:left;
    background-color:#eaeaea;
}
table.nobordi td {
    padding-bottom:2px;
}

TABLE.menu {
    BORDER-left:1px solid; BORDER-top:0px solid; BORDER-right:1px solid; BORDER-bottom:1px solid; BORDER-color:#888888
}

TR.testata_storico {
    /*font-family:arial;*/ font-size:13px; color:#FFFFFF; FONT-WEIGHT: bold;
    BACKGROUND-color:#0A579B;
}
TR.testata_storico a{
    /*font-family:arial;*/ font-size:13px; color:#FFFFFF; FONT-WEIGHT: bold;
    BACKGROUND-color:#0A579B;
}

TR.testata2 {
    /*font-family:verdana;*/ font-size:12px; color:#0000FF; FONT-WEIGHT: bold;
    BACKGROUND-color:#6AA7EB;
}

TR.testata3 {
    /*font-family:verdana;*/ font-size:12px; color:#FFFFFF; FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
    BACKGROUND-color:#BBBBBB;

}

TR.righe {
    /*font-family:verdana;*/ font-size:12px; color:#000000;
    /*BACKGROUND-color:#FFFFFF;*/
}


TR.prenotazioni {
    /*font-family:verdana;*/ font-size:12px; color:green;
    BORDER-left:0px; BORDER-top:0px; BORDER-right:0px; BORDER-bottom:0px; BORDER-color:#888888;
    /*BACKGROUND-color:#FFFFFF;*/
}


TD.righe1 {
    BORDER-left:1px dashed; BORDER-top:0px; BORDER-right:0px; BORDER-bottom:0px; BORDER-color:#888888
}

TD.bordi2 {
    BORDER-left:0px; BORDER-top:0px; BORDER-right:0px; BORDER-bottom:0px; BORDER-color:#888888;
    BACKGROUND-color:#FFFFFF;
}

TD.bordi {
    BORDER-left:3px solid; BORDER-top:3px solid; BORDER-right:1px solid; BORDER-bottom:1px solid; BORDER-color:#888888
}

TD.tag {
    BORDER-right:1px solid; BORDER-bottom:1px solid; BORDER-color:#cccccc;
}
/*
TD.tag_tree { 
BORDER-right:1px solid; BORDER-bottom:1px solid; BORDER-color:#999999;
}
*/
TD.table_row { 
    BORDER-top:1px solid; BORDER-color:#999999;
}



SELECT.helper {
    font-size:12px; width:320px; height:300px; background:#EAEAEA;
}


/**************************************/
/* SEZIONE COMPOSIZIONE KIT - INIZIO */

#titoloDivKit {
    /*font-family:verdana;*/ font-size: 16px; color:#FF5757; font-weight: bold;
}

#containerTabellaKit {
    width: 100%; background-color: #fff; margin-top: 6px; margin-left: auto; margin-right: auto; padding-bottom: 6px; overflow: auto;
}

#tabellaKit { 
    width: 100%; border: 1px solid #000; margin-top: 4px;
}

#tabellaKit th {
    /*font-family:arial;*/ font-size:12px; color:#FFFFFF; font-weight: bold;
    text-align: center; background-color:#BBBBBB; border: 1px solid #FFFFFF;
}

#tabellaKit tbody {
    /*font-family:verdana;*/ font-size:11px; color:#000000; background-color:#FFFFFF;
}

#tabellaKit td { 
    border-left:0px; border-top:0px; border-right:1px solid; border-bottom:1px solid; border-color:#888888;
}

/*  SEZIONE COMPOSIZIONE KIT - FINE   */
/**************************************/



/**************************************/
/* SEZIONE ILL ATTIVO - INIZIO */

SELECT.SelModConsegna {
    /*font-family:verdana;*/ font-size:11px; width:320px;
    border-right-width:1px; border-bottom-width:1px;  border-top-width:1px; border-left-width:1px;
}

/*  SEZIONE ILL ATTIVO - FINE   */
/**************************************/

/************** PROMOZIONI DETTAGLI************/
TD.promo_title{ 
    /*font-family:verdana;*/ font-size:0.75em; color:black; FONT-WEIGHT: bold; text-align:right;
    BORDER-right:1px solid; BORDER-color:#999999; padding-right:0.5em;
    width: 10%;
}
TD.promo_content {
    padding-left:0.5em; text-align:left; font-size:0.75em;
}

table.pagination{
    /*padding-left:4px;
    padding-right:4px;*/
    border-spacing:0px;
}
table.pagination td{
    padding:0px;
}
table.pagination tbody > tr > td >div{

    height:22px;
    border-bottom:1px solid;
    border-color:#d3d3d3;
}

table.pagination_down{
    /*padding-left:4px;
    padding-right:4px;*/
    border-spacing:0px;
}
table.pagination_down td{
    padding:0px;
    height:22px;
    border-top:1px solid;
    border-color:#d3d3d3;
}

#tooltabs{
    /*border-left:1px solid;
    border-color:#d3d3d3;*/
}

#tooltabs ul{
    background:url("../img/tooltab/tab-bg.png") repeat-x scroll left top #FFFFFF;
    float:left;
    height:22px;
    list-style:none outside none;
    margin:0;
    padding:0 0 0 5px;
}
#tooltabs li{
    border:0 none;
    float:left;
    height:22px;
    margin:0;
    padding:0 10px 0 0;
}
#tooltabs img{
    padding:2px;
    height:18px;
}

#tooltabs_last{
    background:url("../img/tooltab/tab-close-last-active.png") no-repeat scroll right top;
}
div#bookdetail #tooltabs_last {
    background: url("../img/tooltab/tab-close-last-active-white.png") no-repeat scroll right top transparent;
}
#tooltabs_last_white{
    background:url("../img/tooltab/tab-close-last-active-white.png") no-repeat scroll
    right top;
}

#tooltabs_down{
    /*border-left:1px solid;
    border-color:#d3d3d3;*/
}

#tooltabs_down ul{
    background:url("../img/tooltab/tab-bg_down.png") repeat-x scroll left bottom #FFFFFF;
    float:left;
    height:22px;
    list-style:none outside none;
    margin:0;
    padding:0 0 0 5px;
}
#tooltabs_down li{
    border:0 none;
    float:left;
    height:22px;
    margin:0;
    padding:0 10px 0 0;
}
#tooltabs_down img{
    padding:2px;
    height:18px;
}

#tooltabs_last_down{
    background:url("../img/tooltab/tab-close-last-active_down.png") no-repeat scroll left bottom;
}


/** Stili per box di avviso all'utente'**/
div.boxInfoSmall {background: url("../img/info_16.png") no-repeat scroll 2px 2px #ECF4FD; border: 1px solid #3E3E61; color: #3E3E61; font-size: 10px; margin: 2px 0px 6px; padding: 3px 3px 3px 20px; text-align: justify; width: auto}


/** Stili per la validazione **/
form label.error { background:url("../img/remove_16.png") no-repeat 0px 0px; color: #D12F19; font-weight: bold; margin: 3px 0px 3px 3px; padding: 2px 0px 2px 18px;}
form label.checked { /*background:url("../img/accept_16.png") no-repeat 0px 0px;*/ background: none;}
input.error,select.error,table.error input  { background-color: #FEF5AC; border-color: #D12F19;}
input.error:focus,select.error:focus,table.error input:focus  {background-color: #ECF4FD;}
/********************************************************************/


/** Stili per i box in home page **/
div.helpLink {margin-left: 20px}
a.helpLink {font-size: 12px;}


/** Stili per le pagine di ricerca **/
.natura_detail_small{color:gray; text-align:left;}


/** Stili per le pagine di prestito/prenotazione **/
.utenteNome{color: #3E3E61; font-size: 13px; font-weight: bold}
.fields.utenteTessera{color: #3E3E61; font-size: 13px;}
/*.fields.operaTitolo{color:#E05A00; font-size:13px; font-weight: bold}*/


/** Stili per le pagine dei servizi all'utente **/
.navigation_menu ul.menuServUtente li { margin-left: 2px;}
.navigation_menu ul.menuServUtente li span { background:url("../img/info_16.png") no-repeat scroll 0 2px transparent; color:#3E3E61; display:block; font-weight:normal; line-height: 18px; margin: 2px 0px; padding: 2px 20px; }

.sezioneServUtente dt { color: #3E3E61; font-size: 12px; font-weight: bold; }
.sezioneServUtente dd { font-size: 13px; }

.prestScaduto{color: red}

#promemorialogout {background: url('../img/important_32.png') no-repeat 0px 0px; color: red; float: left; font-size: 13px; font-weight: bold; margin: 20px 5px 10px; padding: 0 0 10px 43px; vertical-align: middle; width: 710px}
/********************************************************************/

/****************************STILI SHOWLET****************************************/
#showlet-tabs > div{
    padding:0px;
}
#showlet-tabs .ui-tabs-nav{
    padding: 0;
}
#showlet-tabs .ui-tabs-nav li a{
    padding: 0.5em 0.2em;
}
#showlet-tabs.ui-tabs{
    padding: 0.2em 0;
}
#showlet-tabs .ui-widget-header{
    border-bottom: 1px solid #D3D3D3;
    background: none;
}
#showlet-tabs.ui-widget-content {
 background: none !important;
}
/********************************************************************/