﻿html, body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	FONT-FAMILY: Verdana,"Lucida Grande" Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 82%;
	color: #000000;
/*	background-color: #005371;*/
	background-color: #ffffff;
	background-image:url('sfondo.jpg');
	background-repeat: repeat-x;
}

table,td { 
	border-style:none; 
	font-size: 100%;
}

table {	
	margin:0px; 
	border-collapse: collapse;
	}

td { 
	padding:0px; 
	vertical-align:top; 
	}

img {
	margin:0px; 
	border-collapse: collapse;
	}
	
a { 
	text-decoration: none;
	color: Black; 
	}

a:hover { 
	color: Red;
	text-decoration: underline;
	}

.small { 
	font-size: 85%; 
	color: #000000;
	}

.infoPage { 
	}
	
.cell {
	padding: 0 2px 0 2px;
	font-size: 100%;
	font-weight: normal;
	color: black;
	border: 1px solid #505255;
	background-color: #F7F7F7;
}
	
.copyright { 
 padding-top: 10px;
}
.copyright a{
	color: black;
	text-decoration: underline;
}
.copyright a:hover {
	color: Black;
}
	
.button { 
	font-size: 100%; 
	color: black;
	padding: 1px;
	}

.topbanner { 
	border: medium none;
	font-size: 100%; 
	text-align: center;
	border-right: 0px groove white;
	border-left: 0px groove white;
	}

.tableline1 {
	color: black;
	font-weight: normal;
/*	BACKGROUND-COLOR: #84FFA3;*/
	TEXT-ALIGN: left;
}
.tableline1 A {
	color: Black;
	font-weight: normal;
}
.tableline2 {
	font-weight: normal;
	color: black;
	BACKGROUND-COLOR: #84FFA3;
	TEXT-ALIGN: left;
}
.tableline2 A {
	color: Black;
	font-weight: normal;
}
.tablelinemain {
	height: 22px;
	font-size: 90%;
	text-align: left;
	color: white;
	background-color: #607080;
}
	
.tablelinemain a { 
	font-size: 100%;
	color: White; 
	}
.tablelinemain a:hover { 
	font-size: 100%;
	color: White; 
	}
	
.normal { 
	list-style: square;
	font-size: 100%; 
	text-align: justify; 
	}
	
.myTable {
	font-weight: normal;
/*	color: Gray;*/
	LIST-STYLE-TYPE: square;
	TEXT-ALIGN: left;
	border: 1px solid black;
	margin-bottom: 5px;
/*	background-color: #E9EFF8;*/
	background-color: #CCFFD9;
	
}
.mymodule {
	border: 1px solid Silver;
	list-style: square;
	font-size: 110%;
	text-align: justify;
	background-color: transparent;
	font-style: normal;
}

.mySubTable {
	border: 0px solid #D6DFEF;
	list-style: square;
	font-size: 110%;
	text-align: justify;
	background-color: transparent;
	font-style: normal;
	width: 100%;
}

.myTitle {
	height: 42px;
	border-bottom: 1px dotted black;
	font-size: 15px;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 0px;
	COLOR: Black;
	margin-top: 0px;
	margin-bottom: 0px;
	TEXT-INDENT: 10px;
	TEXT-ALIGN: left;
	PADDING-TOP: 1px;
	background-image: url('titles.jpg');
	background-position: right;
	background-repeat: no-repeat;
	background-color: #ffffff;
}
.myTitleBottom{ 
	border-top: 1px dotted black;
	height: 10px;
	background-color: #FAA63D;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 80%;
	}

.myTr { 
	background-color: #ffffff; 
	}

.myTD { 
	padding: 10px; }
	
.myQuote { 
	border: 1px solid #000000; 
	padding: 3px;
	font-size: 110%; 
	text-align: justify;
	background-color: #D3D3D3; 
	} 

.img_newmessage { 
	border: 0px; 
	}

.TitleListInformations {
	font-size: 120%;
	font-style: normal;
	color: black;
	text-align: left;
	font: bold;
}

.TitleListInformations a {
	text-decoration: none;
	color: black; }

.TitleListInformations a:hover {
	text-decoration: underline;
	color: #7D2030; }

.ElementListInformations {
	font-size: 120%;
	font-style: normal;
	color: black;
	text-align: left;
	font: bold;
}

.ElementListInformations a {
	text-decoration: none;
	color: #003399; }

.ElementListInformations a:hover {
	text-decoration: underline;
	color: #7D2030; }
	
.visitors_ajax {
overflow:auto;
height:80px;
}

/* Chat Ajax Block */
#ChatAjaxBlock_div {
	padding: 0 2px 0 2px;
	font-size: 100%;
	font-weight: normal;
	color: #DCDCDC;
	border: 1px solid #505255;
	background-color: #000000;
	overflow: Auto;
	text-align: left;
	word-wrap: break-word;
	width: 150px;
	height: 200px;
	margin: 0px;
	scrollbar-3d-light-color: #3504E0;
	scrollbar-arrow-color: #3504E0;
	scrollbar-base-color: #000000;
	scrollbar-dark-shadow-color: #3504E0;
	scrollbar-face-color: #000000;
	scrollbar-track-color: #505255;
	scrollbar-shadow-color: #3504E0;
	scrollbar-highlight-color: #3504E0;
}

/* Chat Ajax Main */
#ChatAjaxMain {
}
	
#ChatAjaxHeader {
	height: 50px;
}

#ChatAjaxUsers {
	float: right;
	padding: 10px;
	height: 300px;
	overflow: Auto;
	width: 170px;;
	border: 1px solid #638BBE;
	background-color: White;
}
#ChatAjaxContent {
	height: 300px;
	overflow: Auto;
	color: #638BBE;
	padding: 10px;
	border: 1px solid #638BBE;
	background-color: White;
}
#ChatAjaxCommands {
	clear:right;
	text-align: left;
	padding: 0.5em;
	background-color: #638BBE;
	color: #fff;
}

/* Fine Chat Aiax */

.OnLine {
	color: Green;
}

.OffLine {
	color: Red;
}

/* Tabber */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
  
.tabber {
}
.tabbertab {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav
{
	margin:0;
	padding: 3px 0;
	font-size: 100%; 
	color: White;
	background-color: transparent;	
	border-bottom: 1px solid #BBBBBB;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #BBBBBB;
 border-bottom: none;
 background: trasparent;
 text-decoration: none;
 color: #FFCC00;
}
ul.tabbernav li a:link { 
	color: #448; 
	text-decoration: none;
}
ul.tabbernav li a:visited { 
}
ul.tabbernav li a:hover
{
 color: red;
}
ul.tabbernav li.tabberactive a
{
 background-color: transparent;
 border-bottom: 1px solid white;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 border-bottom: 1px solid black;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
  
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* menù */
#idList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#idList li {
	display: block;
	margin: 0;
	background-color: #e9e9e9;
	padding: 4px;
	font-size: 10px;
	border-style: solid; 
	border-width: 1px;
	width: 118px;
	color: #e9e9e9;
	height: 15px;
}
#idList li a {
	color: black;
}
/* toolbar */
#idListToolbar {
	text-align: left;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
}
#idListToolbar li {
	display: inline;
	color: #e9e9e9;
	background-color: #696969;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff; /* i bordi vanno uguali */
	margin-right: -1px; /* il valore deve essere il numero sopra ma negativo */
	text-align: center;
}
#idListToolbar li a {
	color: black;
}



#columnleft {
	float: left;
	width: 160px;
	background: transparent;
	margin-left: 35px;
}

#Display {
	margin-left: 215px;
	margin-right: 25px;

}

/*#columnleft .myTitle {
	height: 40px;
	border: none;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 0px;
	COLOR: Navy;
	padding-top: 0px;
	TEXT-INDENT: 5px;
	TEXT-ALIGN: left;
	font-size: 12px;
	background-color: #638BBE;
}

#columnleft .myTable {
	border: 1px solid;
}*/

#copyright {
	background-color: #ffffff;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	height: 20px;
	border-top:1px solid black;
}

#copyrightl {
	float: left;
}

#copyrightr {
	float: right;
}

ul.anmenu {
/*width:150px;*/
list-style: square;  /*elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}

ul.anmenu li a {
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding: 0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height: 2em; line-height: 2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}

ul.anmenu li { /*display: inline;*/ } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.anmenu li a:link, ul.anmenu li a:visited {
/*	background: url(up.png);*/
	border-bottom: 1px dotted #ccc;
	/*background:#ccc;*/
} /* colori per il link */
ul.anmenu li a:hover, ul.anmenu li a:active {
	background-color: #F6872F;
	color: #000000;
} /* colori per l'effetto roll-over */


ul.anmenu li {
}
ul.anmenu a {

}
ul.anmenu a:hover {
}

ul.anmenu li.active li a {

}

ul.anmenu span {
}

#chromemenu {
	padding-top: 9px;
	padding-left: 30px;
}

#slideajaxmessage {
	height: 150px; 
	width: 100%; 
	display: none;
}
#slideajaxmessage1, #slideajaxmessage2 {
	width: 100%;
	height: 150px;
}

#slideajaxnews_0 {
    height:330px;
	width:100%;
    display: none;
}
#slideajaxnews1_0, #slideajaxnews2_0 {
    height:330px;
	width:100%;
}
#lastinsert{
    height: 50px;
/*  width: 100%;*/
    display: none;
}
#lastinsert1{
    height: 50px;
/*  width: 100%;*/
}
#lastinsert2{
    height: 50px;
/*  width: 100%;*/
}
#infopage {
	float: right;
}

#toppage {
	height: 246px;
	width: 886px;
	margin: 0px auto;
	background-image: url('toppage.jpg')
}

#toolbar {
	height: 48px;
	width: 886px;
	margin: 0px auto;
	background-image: url('toolbar.jpg')
}

#content {
	width: 886px;
	margin: 0px auto;
	background-image: url('content.jpg')
}


#bottom {
	clear: both;
	height: 49px;
	width: 886px;
	margin: 0px auto;
	background-image: url('bottom.jpg')
}



