/* CSS Document */

html{
	height: 100%;
}
body {
	height:100%;
	text-align:center;
	margin: 0px;
	padding: 0px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Lucida Grande;
	font-size:11px;
}
/* contiene il sotto-menu di navigazione per tutti */
div.alto {
	width:1000px;
	height:65px;
	background-color:#CCCCCC;
	border-bottom:3px solid #000066;
	clear:both;
	margin:auto auto 5px auto;
	text-align:left;
}
div.contenitore{
	width:1000px;
	margin: auto;
	text-align:left;
}
div.contenitore:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
/* contiene le info di onweb nel file basso.php */
div.basso{
	width:1000px;
	height:40px;
	color:#000066;
	background-color:#CCCCCC;
	margin:5px auto auto auto;
	padding-top:5px;
	padding-bottom:5px;
	font-style:italic;
	clear:both;
	border-top:3px solid #000066;
}
/* contiene il flash con il menu (colonna sx) */
div.colSxFlashMenu {
	width:400px; 
	float:left; 
}
/* contiene il testo (colonna centrale se ho colDxFlashRoll) */
div.colCentroShortTesto {
	width:370px; 
	float:left; 
	height:400px;
	overflow-y:scroll;
	background-color:#999999;
}
/* contiene il testo (colonna centrale se ho colDxFlashRoll) */
div.colCentroSoftwareTesto {
	width:600px; 
	float:left; 
	height:400px;
	overflow-y:scroll;
	background-color:#999999;
}
/* contiene il testo (colonna centrale se non ho colDxFlashRoll) */
div.colCentroLongTesto {
	width:600px; 
	float:left; 
	height:400px;
	background-color:#999999;
}
/* contiene il flash con le immagini che girano (colonna dx) */
div.colDxFlashRoll {
	width:230px; 
	float:left; 
	height:400px;
	background-color:#999999;
	text-align:right;
}
img.imgFlash {
	margin-top:15px;
	margin-left:10px;
}
/* area registrati: admin e utenti (faccio un div contenitore delle due colonne per lo sfondo e l'altezza) */
div.colRegistered{
	text-align:left;
	background-color:#999999;
}
div.colRegistered:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden; 
}
div.colSxMenuRegistered {
	width:25%;
	height:550px; 
	float:left;
}
div.colCentroRegistered {
	width:75%; 
	height:550px;
	overflow-y:scroll;
	float:right;
}

/* varie */
h1{
	text-align:right;
	color:#FFFFFF;
	font-size:17px;
	font-style:italic;
	margin:10px;
}
h2{
	color:#FFFFFF;
	font-size:14px;
}
p{
	margin:0px;
	padding:5px;
	text-align:justify;
	line-height:17px;
}
/* titolo delle varie aree nel sottomenu */
b.area{
	color:#000066;
	font-weight:bold;
}
img{
	border:none;
}
img.tn{
	width:120px;
	height:90px;
	border: 1px solid #FFFFFF; 
}
li{
	list-style-type:circle;
	line-height:17px;
	text-align:justify;
	padding-right:5px;
}
a, a:visited, a:active{
	text-decoration:none;
	color:#FFFFFF;
}
a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
a.motori, a.motori:visited, a.motori:active{
	text-decoration:none;
	color:#cccccc;
}
a.motori:hover{
	text-decoration:underline;
	color:#cccccc;
}
a.lkMenu, a.lkMenu:visited, a.lkMenu:active{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:10px;
}
a.lkMenu:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
}
a.lkMenuSel, a.lkMenuSel:visited, a.lkMenuSel:active{
	text-decoration:none;
	font-weight:bold;
	color:#000066;
	padding-left:10px;
}
a.lkMenuSel:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#000066;
}
/* ---------- ---------- FORM ---------- ---------- */
fieldset{
	border:1px solid #FFFFFF;
	padding:10px;
	margin:10px;
}
form div {
  	clear: left;
  	display: block;
  	margin-top: 5px;
}
form div.required{
  	color: #E1001A;
}
form div.optional{
  	color: #000000;
}
form label {
  	display: block;
  	float: left;
  	width: 100px;
  	text-align: right;
  	margin-top: 2px;
  	margin-right: 5px;
}
input.textLong{
	border: 1px solid #C3C9C7;
	width:350px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
input.textMiddle{
	border: 1px solid #C3C9C7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	width:180px;
}
input.textSmall{
	border: 1px solid #C3C9C7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	width:50px;
}
select, textarea{
	border: 1px solid #C3C9C7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	width:180px;
}
textarea.privacy{
	font-size:9px;	
}
textarea.textLong{
	width:350px;
}
input.submit{
	background-color:#999999;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}

/* ---------- MENU NAVIGAZIONE AREA RISERVATA ---------- */
p.mnuEleTitolo{
	margin:2px 2px 5px 10px;
	padding-bottom:3px;
	font-weight:bold;
	font-style:italic;
	clear:both;
}
p.mnuEleItem{
	margin:2px 2px 2px 15px;
	padding-bottom:3px;
	padding-left:17px;
	clear:both;
	background-image:url(images/punto_elenco.png);
	background-repeat:no-repeat;
}
p.mnuEleItem a.lkMenuAdmSel, a.lkMenuAdmSel:visited, a.lkMenuAdmSel:active{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
p.mnuEleItem a.lkMenuAdmSel:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#000000;
}
p.mnuEleItem a.lkMenuAdm, a.lkMenuAdm:visited, a.lkMenuAdm:active{
	text-decoration:none;
	color:#000000;
}
p.mnuEleItem a.lkMenuAdm:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#000000;
}
/* ---------- TABELLE ---------- */
table{
	width:97%;
	margin-left:10px;
}
tr.titolo{
	background-color:#000066;
	color:#FFFFFF;
}
th, td{
	padding:2px;
	vertical-align:top;
}
td.bgGrey{
	padding:2px;
	vertical-align:top;
	background-color:RGB(223, 223, 223);
}
td.borderBottom{
	padding:2px;
	vertical-align:top;
	border-bottom:1px solid #000066;
}