/*
Original design: Variant Multi (v1.5 - Sep 15, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-multi/

color: blue #467aa7;
       dark blue #2a5a7a;
       grey #fff;
       red for Admin : #CC0000
       yellow for warning: #ffcc00
       
*/


*{margin:0;padding:0;}
body{background:#1a1a1a;color:#444;font:76% Verdana,Helvetica,sans-serif;}
#body_popup {background: #2a5a7a;}

p{line-height:1.7em;margin-bottom:15px;}
a{color:#2a5a7a;}
a:hover{color:#333;}
h1{color:#2a5a7a;font-family:Georgia,serif;font-size:2.4em;}/*titolo*/
h2{color:#2a5a7a;font-family:Georgia,serif;font-size:2.2em;font-weight:400;margin:0 0 10px 0;}
h3{color:#2a5a7a;font-family:Georgia,serif;font-size:1.6em;font-weight:400;margin:0 0 8px;}
ul,ol,dl{margin:0 0 20px 20px; padding:0;}
li{padding-bottom:5px;}

#containerfull,#container980,#container760,#container600{margin:0 auto;padding:0;overflow:hidden;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#containerfull{width:94%;border:0;}
#container980{width:980px;}
#container760{width:760px;}
#container600{width:600px;}

#header{background-color:#2a5a7a;}
#header h1{margin:0;padding:20px 0 10px;}
#header h1 a{color:#eee;font-family:Georgia,serif;font-size:2em;font-weight:400;text-decoration:none;}
#header h2{color:#ddd;padding:0 0 5px 9px;margin:0;font-family:Georgia,serif;font-size:1.8em;font-weight:400;}
#header h3{color:#ddd;padding:0 0 5px 9px;margin:0;font-family:Georgia,serif;font-size:1.5em;font-weight:400;}


#menu{background-color:#2a5a7a;height:26px;}
#menu ul{float:right;height:23px;list-style:none;margin:0;padding:0 10px 0 0;}
#menu ul li{background-color:#2a5a7a;display:block;float:left;margin:0 0 0 3px;padding:0;}
#menu ul li a{background-color:#2a5a7a;
              color:#fff;display:block;
              font-size:0.9em; font-style:italic;
              font-weight:bold; padding:5px 7px;text-decoration:underline;}
              
#menu ul li a:hover{color:#808080;}
#menu ul li a.current{background-color:#eee;color:#333;border-bottom:1px solid #eee;}
#menu ul li a.selected {color:#808080; display:block;font-size:0.9em; font-weight:bold; padding:5px 7px;text-decoration:none;}
#menu ul li a.selected :hover{color:#fff;}
#menu ul li a.selected .current{background-color:#eee;color:#dbdbdb;border-bottom:1px solid #eee;}

#feature{background-color:#eee;color:#555;padding:15px 5px 0px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#feature h2{color:#2a5a7a;font-size:2em;line-height:1em;}
#feature p{font-size:1.0em; margin:0 0 15px 0; line-height:1.3em;}

#featurefull{background-color:#eee;color:#555;padding:5px 5px 3px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#featurefull h2{color:#2a5a7a;font-size:1.2em;line-height:1.3em;}
#featurefull p{font-size:1.0em; margin:0 0 10px 0; line-height:1.3em;}

#contentfull{background-color:#fff;color:#555;padding:5px 5px 3px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#contentfull h2{color:#2a5a7a;font-size:1.2em;line-height:1.3em;}
#contentfull p{font-size:1.0em; margin:0 0 10px 0; line-height:1.3em;}

#main{clear:both;margin:0;background-color:#fff;padding:5px 5px 3px;}
#content{width:80%;}
#contenttable{ margin:10px 5px 50px 230px;background:#fff;}

/* immagini nella home page*/
.sidebar{ float:right; width:500px;}


/*sidebar a sinistra per il menu delle tables*/
#sidebarmenu{background:transparent url('images/sidebar-top.jpg') no-repeat scroll top left;float:left;width:200px;}
#sidebarmenu .sidebarbox {margin:10px 0 25px 0;background-color:#fff; border:1px solid #2a5a7a;}
#sidebarmenu table tr td a {font-size:1.0em; font-weight:400; margin-left:5px; text-decoration:none;}
#sidebarmenu table tr td a:hover {color:#2a5a7a; text-decoration:underline;}
#sidebarmenu table tr td a span {font-size:1.0em; font-weight:400;  text-decoration:underline; float:center;}
#sidebarmenu table tr td a span.selected-menu {text-decoration:underline; float:center; font-weight:400;}
#sidebarmenu table tr td a span.not-selected-menu {text-decoration:none; float:center; font-weight:200;}

#sidebarmenu p{margin:10px 0 10px 10px;}
#sidebarmenu ul{list-style:none;margin:10px 0 10px 10px;padding:0;}
#sidebarmenu ul li{margin:0 0 5px 0;}
#sidebarmenu ul li a{color:#2a5a7a;font-weight:400;}
#sidebarmenu ul.sidemenu {margin:0;}
#sidebarmenu ul.sidemenu li{display:inline;padding:0;margin:0;}
#sidebarmenu ul.sidemenu li a{display:block;padding:7px 5px 6px 10px;font-size:1.2em; font-weight:400;text-decoration:none;}
#sidebarmenu ul.sidemenu li a:hover{background-color:#eee;color:#333;border-bottom:1px solid #ccc;}
#sidebarmenu ul.sidemenu ul{margin:0;padding:0;font-size:0.9em;border-bottom:1px solid #ccc;}
#sidebarmenu ul.sidemenu ul li a{padding:5px 5px 5px 25px;border:0;font-weight:400;}
#sidebarmenu ul.sidemenu ul li a:hover{border:0;}
#sidebarmenu ul li a:hover{color:#333;}
#sidebarmenu h2{background-color:#2a5a7a;color:#fff;font-size:1.5em;margin:0 0 0 0;padding:10px;}
#sidebarmenu h2 a{background-color:#2a5a7a;color:#fff;font-size:1.2em;margin:0 0 0 0;padding:5px; text-decoration: none}
#sidebarmenu h2 a:hover{color:#fff; text-decoration: underline;}
#sidebarmenu h3{font-size:1.4em; padding:10px 10px 0 10px;}


#footer{background-color:#ddd;margin:0 auto;padding:20px 25px 10px;border-top:1px solid #ccc;}
#footer h2{color:#2a5a7a;font-weight:400;font-size:1.5em;}
#footer p{color:#555;margin:0 0 10px 0;padding:0;}
#footer ul{border-top:1px solid #ccc;list-style:none;margin:0 0 15px 0;padding:0;}
#footer ul li{padding:0;margin:0;}
#footer ul li a{border-bottom:1px solid #ccc;color:#333;display:block;padding:7px 10px;text-decoration:none;}
#footer ul li a:hover{background-color:#eee;}

#footersections{display:block;margin:0 auto;}
#footersections .half{float:left;margin:0 3% 0 0;width:47%;}
#footersections .lasthalf{float:left;margin:0;width:50%;}
#footersections .quarter{float:left;margin:0 3% 0 0;width:22%;}
#footersections .lastquarter{float:left;width:25%;margin:0;}

#credits{background-color:#333;color:#aaa;padding:15px 25px;}
#credits p{text-align:left;font-size:1.2em;margin:0;padding:0;line-height:1.4em;}
#credits a{color:#aaa;font-weight:400;}

.left{float:left;width:49%;}
.lefthome{float:left;width:70%;}
.right{float:right;width:48%;}
.righthome{float:right;width:25%; padding:5px;}
.full{float:left;width:98%;}
.clear{clear:both;visibility:hidden;}
.small{font-size:0.8em;}



/* ---------------------------------------------------------------------
                         TABLES
Style per i controlli delle pagine delle table: tables_list  table_manager
per la visualizzazione e la gestione dei dati 

set di colori usati:
#D3D3D3; grigio scuro per header e footer
#FCFCFC; grigio molto chiaro per le righe dispari
#EEE;    grigio piu' scuro per le righe pari
#B1B1B1; grigio per le linee delle celle
#310; marrone scuro per i titoli ed i link
#951; giallo oro per i link quasndo ci passo sopra
-------------------------------------------------------------------------- */


/* ---------------------------------
            table_label
	color: blue #2a5a7a;
       dark blue #2a5a7a;
       grey #eee;		
----------------------------------*/
table.tables_label {border: none;  background: #EEE;font-weight:bold;  font-size:1.2em;}
/*celle della tabella*/
table.tables_label td {border: 1px solid #2a5a7a; text-align: center;}  



/* ---------------------------------
            table_list
----------------------------------*/

table.tables_list {border-spacing:0;  border-collapse:collapse; border: 1px solid #2a5a7a; width:98%;margin-left:auto; margin-right:auto;background: #eee;}/*titoli della tabella */
/*style for header of list table */
table.tables_list thead	{background: #2a5a7a; color:#fff;}/*titoli della tabella */
table.tables_list thead th {border-bottom: 1px solid #fff; padding:3px; border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; font-weight:bold; text-align: center;}
table.tables_list thead th a {color: #fff;	display: block;	text-transform: uppercase; text-decoration: none;}  /*link nelle colonne delle tabelle*/
table.tables_list thead th a:hover {	color: #eee; text-decoration: underline;}  /*link nelle colonne delle tabelle quando ci passo sopra col mouse*/
/*style for content of list table: even and odd rows */
table.tables_list tr.even td {background: #FCFCFC; border: 1.0px solid #2a5a7a; text-align: center;  padding: 5px 3px 3px 3px;}  
/*righe pari delle tabelle*/
table.tables_list tr.odd td {background: #EEE; border: 1.0px solid #2a5a7a; text-align: center; padding: 5px 3px 3px 3px;}
/*style for avgfreight detail prima riga*/
table.tables_list tr.detail1 td {background: #b0b0b0;  border: 1.0px solid #606060; border-top:none; text-align: center; font-weight:bold; padding: 1px 1px 1px 1px;}  
/*style for avgfreight detail*/
table.tables_list tr.detail2 td {background: #c0c0c0;  border: 1.0px solid #606060;  border-top:none; text-align: center; font-weight:normal; padding: 1px 1px 1px 1px;}  
table.tables_list tr.detail3 td {background: #F0F0F0;  text-align: center; border: 1.0px solid #2a5a7a; border-top:none; font-weight:normal;  padding: 1px 1px 1px 1px;}  
table.tables_list tr.detail4 td {background: #ffcc66; font-size:0.8em; border: 1.0px solid #2a5a7a; text-align: center; font-weight:normal; font-style:italic; padding: 1px 1px 1px 1px;}

/*style for footer of list table */
/*footer della tabella*/
table.table_list tfoot {border-bottom: 1px solid #666;}
table.table_list tfoot tr {background: #2a5a7a;}
table.table_list tfoot tr td {background: #2a5a7a; color: #fff; text-align: center;}
table.table_list tfoot tr td span {background: #2a5a7a; color: #fff; text-align: center;}

table.tables_list a {color: #2a5a7a; text-decoration: none;}  /*link nelle colonne delle tabelle*/
table.tables_list a:hover {	color: #2a5a7a; text-decoration: underline;}  /*link nelle colonne delle tabelle quando ci passo sopra col mouse*/

.tables_title-footer {color:#2a5a7a; font-weight:400; text-align: right; padding-left: 1px; padding-right: 1px;}
.tables_list_footer {text-align: right; border: 1px solid #2a5a7a; padding-left: 1px; padding-right: 1px; color: #2a5a7a;  font-size: 1.0em; font-weight: bold; }
.tables_list_footer span {text-align: center;}


/* ---------------------------------
            table_manager
----------------------------------*/
/*stile per le tabelle di tables per la gestione dei dati*/
table.tables_manager {background: #eee; border-collapse:collapse; border: 1px solid #2a5a7a; width:98%;margin-left:auto; margin-right:auto; margin-top:10px; }/*titoli della tabella */
table.tables_manager thead {background: #2a5a7a; color:#fff; border-bottom: 1px solid #2a5a7a;}
table.tables_manager thead th {border-bottom: 1px solid #fff; padding:3px; font-weight:bold;}
table.tables_manager thead th label{background: #2a5a7a; color:#FFF}
table.tables_manager td {background: #eee; text-align: left; font-weight: normal; border-bottom: 1px solid #2a5a7a; padding: 1px;}
/*style for footer of manager table */
table.tables_manager tfoot {background: #2a5a7a; font-weight:bold; color:#FFF; margin-left:auto; margin-right:auto;}
table.tables_manager tfoot td {border: none;}

/*stile utilizzato nelle picklist*/
select.tables_manager {font-weight: normal; border: 1px solid #2a5a7a; width: 300px;}

/*stile per le tabelle manager del searchyper la gestione dei dati*/
table.tables_manager_search {background: #eee; border-collapse:collapse; border: 1px solid #2a5a7a; width:100%;margin-left:auto; margin-right:auto; }/*titoli della tabella */
table.tables_manager_search thead {background: #2a5a7a; color:#fff; border-bottom: 1px solid #2a5a7a;}
table.tables_manager_search thead th {border-bottom: 1px solid #fff; padding:3px; font-weight:bold;}
table.tables_manager_search td {background: #eee; text-align: left; font-size:1.0em; font-weight: normal; border-bottom: none; padding: 1px;}
table.tables_manager_search td input{font-size:1.0em; font-weight: normal;}
table.tables_manager_search td select{font-size:1.0em; font-weight: normal;}

/*style for footer of manager table */
table.tables_manager_search tfoot {background: #eee;margin-left:auto; margin-right:auto;}
table.tables_manager_search tfoot td {border: none;}

/*per centrare una tabella*/
.tables_command {margin-left:auto; margin-right:auto; background: #eee; border:none; text-decoration: none;}
.tables_command a{text-decoration: none;}
.tables_command_ext {margin-left:auto; margin-right:auto; border:none; text-decoration: none;}
.tables_commandext_ a{text-decoration: none;}
.center{margin-left:auto; margin-right:auto;}
.scroller{margin-left:auto; margin-right:auto; border:none;}
.scroller a{text-decoration: none;}

table.cleared{border:none;}
table.cleared thead {}
table.cleared thead th{border:inherit; color:  #2a5a7a;}
table.cleared thead th a{border:inherit; color:  #fff;}
table.cleared tr td{border:none;}
table.cleared tr td a,input {text-decoration: none; border:none;}

table.section1{border:none; background:inherit; width: 100%;}
table.section1 tr td{border:none;background:inherit;}
table.section1 a{text-decoration: none;}

table.section2{border:none; background:#E5E4E2; width: 100%;}
table.section2 tr td{border:none;background:#E5E4E2;}
table.section2 a{text-decoration: none;}

/*------------------------------------------------
alcuni panel (collection)adottano questo stile per 
l'interno del tab
 -------------------------------------------------*/
table.panel{border: 1px solid #2a5a7a; padding:10px; background: #eee;}
table.panel th {background: #2a5a7a; color:#fff; border-bottom: 1px solid #2a5a7a;}
table.panel thead th {border-bottom: 1px solid #fff; color:#fff; padding:3px; font-weight:bold;}
table.panel tr td{text-align: left; font-size:1.0em; font-weight: normal; border-bottom: none; padding: 1px;}
.active_panel{background: #2a5a7a;  border-bottom: 1px solid #2a5a7a; margin-top: 10px; margin-bottom: 10px;}

.popupSearch {
	padding: 3px 3px 3px 3px;
	border: 1px solid #2a5a7a;;
	width: 30%;
	background: #fff;
	font-style: italic;
	font-size: 0.9em;
	color: #2a5a7a;;
}

/* ---------------------------------
            input control
----------------------------------*/
input.title {color: #310;text-align: left;text-transform: uppercase;color:#2a5a7a;}
input.text,textarea,select {border: 1px inset #fff; background: #FCFCFC;color:#2a5a7a;}
input.title {color: #310;text-align: left;text-transform: uppercase;color:#2a5a7a;}
.label {color:#2a5a7a; font-weight:bold;}

.sample_button {background: #2a5a7a;	color: #eee;	border: 1px solid #eee;	padding: 3px 7px 3px 7px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center;}
.sample_button:hover {background:#2a5a7a; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}

.sample_button_empty {background: #eee;	color: #2a5a7a;	border: 1px solid #2a5a7a;	padding: 3px 7px 3px 7px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center;}
.sample_button_empty:hover {background:#eee; color: #2a5a7a; border-top: 1px solid #fff; border-left: 1px solid #fff;}




/*bottoni per gli Admin*/
.sample_button_admin {background: #CC0000;	color: #eee;	border: 1px solid #eee;	padding: 3px 7px 3px 7px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center;}
.sample_button_admin:hover {background:#CC0000; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}

/*bottoni per gli operazioni particolari*/
.sample_button_alert {background: #ffcc00;	color: #fff;	border: 1px solid #eee;	padding: 3px 7px 3px 7px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center;}
.sample_button_alert:hover {background:#FFCC66; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}


/*bottoni per gli operazioni particolari*/
.sample_button_disabled {background: #708090;	color: #fff;	border: 1px solid #eee;	padding: 3px 7px 3px 7px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center;}
.sample_button_disabled:hover {background:#ddd; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}


.sample_button_ok  {background: #d8c143;	color: #eee;	 border-top: none;	padding: 3px 7px 3px 7px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center; text-decoration: none;}
.sample_button_ok:hover {background:#d8c97a; color: #fff; border-top: none; text-decoration: none;}

.sample_button_ko {background: #d0044e;	color: #eee;	border: 1px solid #eee;	padding: 3px 7px 3px 7px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center; text-decoration: none;}
.sample_button_ko a span{border: none; text-decoration: none;}
.sample_button_ko:hover {background:##E34F6D; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; text-decoration: none;}

.sample_link {background: #2a5a7a;	color: #eee;	border: 1px solid #eee;	padding: 5px 9px 5px 9px; margin: 1px 8px 1px 8px; font-weight: bold; text-align:center; vertical-align: middle;}
.sample_link:hover {background:#2a5a7a; color: #fff; border-top: 1px solid #fff; border-left: 1px solid #fff;}



.sample_small_button {background: #2a5a7a; color: #eee;	border: 1px solid #eee; text-align:center; 	padding: 1px 1px 1px 1px;	margin: 1px 1px 1px 1px; font-size: 0.9em;}
.sample_small_button:hover {background:#2a5a7a; color: #fff; border-top: 1px solid #f8f8f8;	border-left: 1px solid #fff;}

.icon_message{width:10px; height:10px; vertical-align:center;}
.icon_message1{width:15px; height:15px; vertical-align:center;}

/*pick list usata in usermanager.jsp*/
.pickList {
    border: 1px inset #fff;
    background: #FCFCFC;
    color: #2a5a7a;
    padding-left: 15px;
    padding-right: 15px;
}

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

ERROR
--------------------------------------*/
.error_message{color:#FF0000; font-style:italic;font-weight:bold;}