/****************
GENERALI
****************/

body, html {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	background-color: #F8FCFD;
	text-align: center; /*** Centers the design in old IE versions ***/
	padding: 0;
	margin: 0 auto 1px;
	border: 0;
}

body {
	font-size: 11px;
	behavior: url(csshover2.htc);
}

p {padding: 0 5px; margin: 5px;}

a, a:visited {
	color: #2A429C;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #99A5CD;
	text-decoration: none;
	font-weight: bold;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	padding-bottom: 5px;
	color: #2A429C;
}

h1 {
	font-size: 24px;
	text-transform: uppercase;
}

h2 {
	font-size: 16px;
	text-transform: uppercase;
	line-height: 20px;
}

h3 {font-size: 14px}

h4 {font-size: 11px}

h5 {font-size: 10px}

h1 a {color: #fff}

blockquote {padding: 0 25px; margin: 5px}

a img {
	border: 0;
	vertical-align: middle;
}

#container {
	position: relative;
	padding: 1px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
}

/**************************
HEADER
**************************/

#header {
	color: #2A429C;
	width: 100%;
	padding: 10px 0 0;
	margin: 0 auto;
}

#headerLogin {
	color: #2A429C;
	width: 100%;
	padding: 10px 0 0;
	background: url(images/header.gif) repeat-x bottom left;
}

div#logo, #headerLogin div#logo {
	float: left;
	width: 170px;
	\width: 180px;
	w\idth: 170px;
	text-align: center;
	padding: 0 0 10px 0;
	margin: 10px;
}

div#demo, div#livello {
	float: right;
	width: 150px;
	\width: 160px;
	w\idth: 150px;
	text-align: center;
	padding: 0;
	margin: 10px;
}

div#livello h3 {
	color: #F00;
	line-height: 20px;
}

div#titolo {
	width: auto;
	text-align: left;
	margin: 0 180px;
	font-size: 12px;
	line-height: 20px;
	padding: 0px;
	margin: 10px;
}

div#titolo h1, div#titolo h2 {
	text-align: center;
	color: #2A429C;
	line-height: 30px;
	padding: 0;
	margin: 0 0 5px;
}

#menu {
	text-align: right;
	font-size: 11px;
	background: url(images/thead_bg.gif);
	margin: 0;
	padding: 10px;
	color: #FFFFE1;
	border: 1px outset #4A689C;
}

#menu li {
	list-style: none;
	display: inline;
}

#menu li a {
	padding: 6px;
	text-decoration: none;
	color: #2A429C;
	background-color: transparent;
}

#menu li a:hover {
	color: #E7EBF3;
	background-color: #99A5CD;
	border: 2px outset #99A5CD;
	padding: 4px;
}

#menu li a:active{ /* Apply mousedown effect only to NON IE browsers */
	border-style: inset;
}

div.help {
	width: auto;
	height: 55px;
	padding: 5px 10px;
	background: #F0F2F9 none repeat scroll 0%;
	border: 1px outset #2A429C;
	color: #2A429C;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
}

*>div.help {
	height: 40px;
}

/**************************
CONTENUTO
**************************/

div#content {
	width: 100%;
	margin: 5px auto 20px;
	font-size: 11px;
	line-height: 20px;
	padding: 5px 0 70px;
	text-align: left;
	clear: both;
}

div#contenuto {
	width: 100%;
	font-size: 11px;
	line-height: 20px;
	padding: 1px;
	text-align: left;
	margin: 5px auto 20px;
}

#outer {
	text-align: center; /*per centrare i float*/
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 15px;
}

#inner {
	margin: 5px auto; /*per centrare i float*/
	padding: 0;
	text-align: center;
}

#innertable {
	margin: 5px auto; /*per centrare i float*/
	padding: 5px 0 0;
	width: 98%;
	text-align: center;
}

div#sidebar {
	float: left;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	min-height: 100%;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	padding: 0; /*removes indent Mozilla and NN7*/
	margin: 15px auto 20px;
}

div#sidebar h3 {
	text-align: center;
	padding: 0;
	margin: 10px auto;
}

div#login {
	border: 1px solid #2A429C;
	margin: 0 auto 30px; /*removes indent Mozilla and NN7*/
	text-align: center;
}

div#avvisi, div#link, div#moduli {
	border: 1px solid #2A429C;
	margin: 0 auto 30px; /*removes indent Mozilla and NN7*/
	text-align: left;
}

div#avvisi p, div#link p, div#moduli p {
	padding: 0 3px;
	margin: 5px 3px;
}

div#main {
	width: auto;
	text-align: left;
	margin: 0 0 0 210px;
	font-size: 11px;
	line-height: 15px;
	padding: 5px 5px 60px;
}

div#menulaterale {
	float: left;
	width: 170px;
	\width: 180px;
	w\idth: 170px;
	min-height: 100%;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	padding: 0; /*removes indent Mozilla and NN7*/
	margin: 10px 0 5px;
}

div#corpo {
	width: auto;
	font-size: 11px;
	line-height: 20px;
	text-align: center; /*per centrare i float*/
	padding: 0;
	margin: 0 20px 0 170px;
}

div#innertabs {
	border-left: 1px solid #27759C;
	margin: 5px auto; /*per centrare i float*/
	padding: 0 0 20px;
	text-align: center;
}

/**************************
FOOTER
**************************/

#clearfooter{clear:both;} /*necessario per fare spazio a piè di pagina*/

#footer {
	clear: both;
	background: url(images/thead_bg.gif);
	text-align: center;
	font-size: 10px;
	color: #2A429C;
	padding: 5px 0 10px;
	margin: 0 auto;
	border: 1px outset #4A689C;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/**************************
MENU LATERALE
**************************/

div#menulaterale button {
	width: 125px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #99A5CD;
	color: #F3F9FC;
	border: 1px outset #27759C;
	margin: 20px 4px 10px;
	padding: 4px;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}

div#menulaterale button.button_over {
	width: 125px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2A429C;
	margin: 20px 4px 10px;
	padding: 4px;
	font-weight: bold;
	background-color: transparent;
	border: 1px inset #27759C;
	font-size: 11px;
	line-height: 15px;
}

div#menulaterale p {
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	padding: 0 5px 15px;
}

div#menulaterale p span {
	font-weight: normal;
	margin-left: 8px;
}

/**************************
NAVIGAZIONE
**************************/

div#navigation {
	float:left;
	border-bottom: 1px solid #27759C;
	padding: 0;
	margin: 0;
	line-height:normal;
	width: 75%;
	font-size: 9px;
}

*>div#navigation {
	width: 99%;
}

div#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

div#navigation li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#navigation li a {
	float:left;
	text-decoration: none;
	padding: 0px 2px;
	background: url(images/tableft.gif) no-repeat left top;
	color: #036;
}

div#navigation li a span {
	float:left;
	display:block;
	background:url(images/tabright.gif) no-repeat right top;
	padding:5px 9px 4px 5px;
	color:#FFF;
}
			
div#navigation li a span {
	float:none;
}
		
div#navigation li a:hover span {
	color:#FFF;
}

div#navigation li a:hover {
	background-position:0% -42px;
}

div#navigation li a:hover span {
	background-position:100% -42px;
} 

div#navigation li#activelink a span {
	border-bottom: 1px solid #fff;
	background-position:100% -42px;
	color: #FFFBEC;
}

/**************************
AVVISI
**************************/

p.avvisi {
	padding: 5px 15px;
	font-weight: bold;
}

/**************************
LOGIN
**************************/

form#login {
	width: 180px;
	padding: 5px;
	margin: 5px auto;
}

form#login input {
	width: 170px;
	display: block;
	margin: 0;
	padding: 3px;
}

form#login fieldset {
	padding: 0;
	border: 0;
}

form#login label {
	width: 170px;
	padding: 0;
	margin: 5px;
	float: left;
	font-weight: bold;
	text-align: center;
}

form#login input.pulsante {
	width: 70px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #99A5CD;
	color: #F3F9FC;
	border: 1px outset #27759C;
	margin: 15px 5px 5px;
	padding: 4px;
	font-weight: bold;
	display: inline;
	float: none;
	font-size: 10px;
}

form#login input.pulsanteover {
	width: 70px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2A429C;
	margin: 15px 5px 5px;
	padding: 4px;
	font-weight: bold;
	display: inline;
	float: none;
	background-color: transparent;
	border: 1px inset #27759C;
	font-size: 10px;
}

/****************
FORM PERSONALIZZAZIONE
****************/

form.Personalizzazione {
	width: 300px;
	padding: 5px;
	margin: 10px auto 30px;
}

form.Personalizzazione label {
	width: 190px;
}

form.Personalizzazione input {
	width: 25px;
	margin: -20px 0 0 200px;
}

/****************
FORM SMALL
****************/

form.small {
	width: 450px;
	padding: 5px;
	margin: 10px auto 30px;
}

form.small input {
	width: 250px;
}

form.small label.large {
	width: 250px;
}

form.small input#CodiceRegione, form.small input#CodiceZonale, form.small input#CodiceOratorio,  
form.small input#NumeroZonali, form.small input#NumeroOratori, form.small input#NumeroTesserati {
	width: 50px;
}

form.small span {
	font-weight: bold;
	margin-left: 150px;
}

form.small p {
	text-align: left;
	padding: 0 15px;
}

form.small h5 {
	padding: 0;
	text-align: center;
	margin-bottom: 0;
}

form.small p#TrattamentoDati {
	font-size: 10px;
	padding: 0 15px;
}

/**************************
PASSWORD
**************************/

div#password {
	padding: 0 30px;
}
	
div#password p {
	padding: 10px 0;
}
	
p.nome {
	float: left;
	text-transform: uppercase;
	margin: -5px 0 -5px 25px;
	text-align: left;
	width: 150px;
}
	
p.valore {
	float: left;
	font-weight: bold;
	margin: -5px 10px;
	text-align: left;
}

/**************************
CERCA
**************************/

form.cerca {
	width: 320px;
	padding: 0;
	margin: 0;
	text-align: left;
}

form.cerca select {
	width: auto;
	padding: 0px;
	border: 1px solid #27759C;
	background-color: #F3F9FC;
	float: left;
	margin: -20px 0 0 115px;
}

form.cerca select.small {
	margin: -20px 0 0 75px;
}

form.cerca label {
	padding: 5px 3px;
	margin: 3px;
}

form.cerca fieldset {
	border: 0;
	padding: 5px 2px;
	margin: 0;
}

/**************************
LARGE
**************************/

form.large {
	width: auto;
	padding: 0;
	margin: 0;
	text-align: left;
}

form.large select {
	width: auto;
	padding: 0px;
	border: 1px solid #27759C;
	background-color: #F3F9FC;
	float: left;
	margin: -20px 0 0 115px;
}

form.large select.small {
	margin: -20px 0 0 75px;
}

form.large label {
	padding: 5px 3px;
	margin: 3px;
}

form.large fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

/****************
CONSIGLIO
****************/

form.consiglio {
	width: 450px;
}

form.consiglio input {
	width: 100px;
	/width: 95px;
	w/idth: 100px;
	margin: -17px 0 0 180px;
}

form.consiglio input#DataAffiliazione {
	margin: -20px 0 0 120px;
}

form.consiglio label {
	width: 170px;
}

form.consiglio span {
	margin: 0 0 0 100px;
}

/****************
RINNOVO
****************/

form#Rinnovo {
	width: 100%;
	padding: 5px;
	margin: 10px auto 0;
}

input.check {
	width: 15px;
	/width: 25px;
	w/idth: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: 0;
	margin: auto;
	padding: 3px;
	float: none;
}

form#Rinnovo input.pulsante, form#Rinnovo input.pulsanteover {
	width: 140px;
}

/****************
LICENZA
****************/

form.licenza input, form.licenza select {
	margin: -20px 0 0 170px;
}

form.licenza label {
	width: 170px;
}

form.licenza textarea {
	margin: -20px 0 0 170px;
	width: 350px;
}

form.licenza p {
	text-align: left;
	font-size: 9px;
}

/****************
PGS
****************/

div.PGS {
	width: 520px;
	text-align: center;
	margin: 0 auto; 
	padding: 0;
}

div.PGS {
	padding: 5px;
}

div.PGS form {
	width: auto;
	padding: 5px;
	margin: 10px auto;
}

div.PGS label {
	padding: 5px;
	margin: 3px 2px 3px 20px;
	float: left;
	font-weight: bold;
	text-align: left;
	width: 200px;
}

div.PGS input.radio {
	float: left;
	width: 15px;
	/width: 25px;
	w/idth: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: 0;
	padding: 3px;
	margin: 0 0 0 80px;
}

/****************
FORM
****************/

form {
	width: 600px;
	padding: 5px;
	margin: 10px auto 30px;
}

fieldset {
	padding: 10px 5px;
	border: 1px solid #2A429C;
}

fieldset#circolo, fieldset#riconoscimento {
	padding: 0;
	border: 1px solid #00BFFF;
	margin: 0 auto;
	width: 570px;
	margin: 0 0 15px;
}

legend {
	padding: 5px 3px 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2A429C;
}

fieldset#circolo legend, fieldset#riconoscimento legend {
	padding: 5px;
	color: #00BFFF;
	margin: 0 5px;
}

label {
	padding: 5px;
	margin: 3px 10px;
	float: left;
	font-weight: bold;
	text-align: left;
	width: 120px;
}

label#Sesso, label.check {
	width: 110px;
	text-align: left;
}

label.testo {
	width: auto;
}

label#OratorioCircolo, label#Associazione, label.check {
	width: 160px;
}

label#Prov, label#ProvNascita {
	margin: 3px 10px 3px 240px;
	width: 50px;
}

label.small {
	width: 220px;
}

 label#NumeroRegistrazione {
	margin: 3px 10px 3px 150px;
	width: 60px;
}

label#Trattamento, label#InvioEmail, label#Capofamiglia, form.small label#TrattamentoDati {
	width: 200px;
}

input {
	float: left;
	font-size: 11px;
	font-weight: normal;
	width: 350px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFF4;
	border: 1px inset #27759C;
	padding: 3px;
	margin: -17px 0 0 125px;
}

input.radio, form.small input.radio {
	float: left;
	width: 15px;
	/width: 25px;
	w/idth: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: 0;
	padding: 3px;
	margin: 0;
}

*>input.radio, form.small input.radio {
	margin: 3px 10px 0 0;
}

input#Trattamento, input#InvioEmail, input#TrattamentoDati, input#Capofamiglia, form.small input#Trattamento {
	float: left;
	width: 15px;
	/width: 25px;
	w/idth: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: 0;
	margin: -15px 0 0 210px;
	padding:3px;
}

input#Polisportiva {
	float: left;
	width: 15px;
	/width: 25px;
	w/idth: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: 0;
	margin: -15px 0 0 125px;
	padding:3px;
}

input#DataNascita, input#DataAdesione, input#DataScrittura, input#DataRegistrazione {
	width: 100px;
	/width: 95px;
	w/idth: 100px;
}

input#LuogoNascita, input#Telefono, input#Fax, input#Cellulare, input#CF {
	width: 200px;
	/width: 195px;
	w/idth: 200px;
}

input#CAP {
	width: auto;
}

input#CodiceRegione, input#CodiceZonale, input#CodiceOratorio, input#CodiceTesserato, input#NumeroRegistrazione {
	width: 50px;
}

input#NumeroRegistrazione {
	margin: -20px 20px 0px 92px;
}

input.posti {
	width: 50px;
	margin: -20px 20px 0px 80px;
}

input.attrezzature {
	width: 50px;
	margin: -20px 20px 0px 80px;
}

br.form {
	clear: both;
}

textarea {
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFF4;
	border: 1px inset #27759C;
	margin: 0 0 10px;
	padding: 3px;
	font-size: 10px;
}

select {
	float: left;
	width: auto;
	margin: -17px 0 0 125px;
	padding: 2px;
	border: 1px solid #27759C;
	background-color: #F3F9FC;
	font-size: 10px;
}

select#Provincia, select#ProvinciaNascita {
	margin: -17px 0px 0px 50px;
}

select#Oratorio {
	width: auto;
	max-width: 400px;
}

input.pulsante, input.longpulsante, button, form.small input.pulsante, form.consiglio input.pulsante, 
form.Personalizzazione input.pulsante, form.licenza input.pulsante, button.avanti, button.indietro {
	width: 90px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #99A5CD;
	color: #F3F9FC;
	border: 1px outset #27759C;
	margin: 20px 8px 10px;
	padding: 4px;
	font-weight: bold;
	display: inline;
	float: none;
}

input.pulsanteover, input.longpulsanteover, button.button_over, form.small input.pulsanteover, form.consiglio input.pulsanteover, 
form.Personalizzazione input.pulsanteover, form.licenza input.pulsanteover, button.avantiover, button.indietroover {
	width: 90px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2A429C;
	margin: 20px 8px 10px;
	padding: 4px;
	font-weight: bold;
	display: inline;
	float: none;
	background-color: transparent;
	border: 1px inset #27759C;
}

input.longpulsante, input.longpulsanteover, button.large {
	width: 150px;
}

button.indietro, button.indietroover {
	float: left;
}

button.avanti, button.avantiover {
	float: right;
}

form span {
	font-weight: bold;
	margin: 0;
	line-height: 30px;
}

/**************************
PULSANTI 
**************************/

button.pulsante, input.out {
	width: auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #99A5CD;
	color: #F3F9FC;
	border: 1px outset #27759C;
	margin: 5px 20px 0;
	padding: 4px;
	font-weight: bold;
	display: inline;
	float: none;
}

button.pulsante_over, input.on {
	width: auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2A429C;
	margin: 5px 20px 0;
	padding: 4px;
	font-weight: bold;
	display: inline;
	float: none;
	background-color: transparent;
	border: 1px inset #27759C;
}

/**************************
VISUALIZZAZIONE DATI 
**************************/

#inner table.comitati caption, #innertabs table.comitati caption {
	color: #2A429C;
	padding: 10px 2px;
	margin:0 auto; 
	font-weight: bold;
	text-transform: capitalize;
	font-size: 14px;
}

#inner table.comitati, #innertabs table.comitati {
	border: 1px solid #4A689C;
	font-size: 11px;
	width: 520px;
	margin: 0 auto; 
 	padding: 0;
	border-collapse: collapse;
}

#inner table.comitati tr, #innertabs table.comitati tr {
	background: #F8FCFD;
	text-align: left;
}

#inner table.comitati th, #innertabs table.comitati th {
	width: 165px;
	vertical-align: top;
	padding: 10px 4px;
}

#inner table.comitati td, #innertabs table.comitati td {
	padding: 10px 4px;
}

*>#inner table.comitati th, *>#inner table.comitati td, *>#innertabs table.comitati th, *>#innertabs table.comitati td {
	padding: 4px;
}

#inner table.comitati thead tr, #innertabs table.comitati thead tr {
	background: url(images/thead_bg.gif);
	color: #F3F9FC;
	font-size: 11px;
}

#inner table.comitati thead th, #innertabs table.comitati thead th {
	font-weight: bold;
	padding: 7px;
}

#inner table.comitati thead td, #innertabs table.comitati thead td {
	padding: 7px;
}

#inner table.comitati thead td#Nazionale, #innertabs table.comitati thead td#Nazionale {
	font-weight: bold;
	text-align: center;
}

#inner table.comitati tbody tr, #innertabs table.comitati tbody tr {
	background: url(images/dl.gif) repeat-y top left;
}

#inner table.comitati tbody td, #innertabs table.comitati tbody td {
	background: none;
}

/* row effect */ 
#inner table.comitati tbody tr.tr_hover td, #inner table.comitati tbody tr.tr_hover th,
#innertabs table.comitati tbody tr.tr_hover td, #innertabs table.comitati tbody tr.tr_hover th {
	background: url(images/tr_hover.gif) repeat-x bottom left;
	border-bottom: none;
	color: #F3F9FC;
	cursor: pointer;
}

#inner table.comitati th.subtotale {
	color: #F00;
	padding: 0 0 9px 25px;
}

#inner table.comitati td.subtotale {
	padding: 0 0 9px 40px;
	color: #F00;
}

#inner table.comitati th.totale, #inner table.comitati td.totale {
	padding-top: 0;
}

/**************************
RIASSUNTIVO, SMALL
**************************/

#inner table.riassuntivo caption, #innertable table.small caption, #innertabs table.riassuntivo caption {
	color: #2A429C;
	padding: 10px 2px;
	margin: 0 auto; 
	font-weight: bold;
	text-transform: capitalize;
	font-size: 14px;
}

#inner table.riassuntivo, #innertable table.small, #innertabs table.riassuntivo {
	border: 1px solid #4A689C;
	font-size: 11px;
	width: 540px;
	margin: 0 auto; 
 	padding: 0;
	border-collapse: collapse;
}

#innertable table.small {
	width: 360px;
}

#inner table.riassuntivo tr, #innertable table.small tr, #innertabs table.riassuntivo tr {
	background: #F8FCFD;
	text-align: left;
}

#inner table.riassuntivo th, #innertable table.small th, #innertabs table.riassuntivo th {
	vertical-align: top;
	padding: 10px 6px;
}

#inner table.riassuntivo tbody th, #innertable table.small tbody th, #innertabs table.riassuntivo tbody th {
	width: 155px;
}

#inner table.riassuntivo tbody th a:hover, #innertable table.small tbody th a:hover, #innertabs table.riassuntivo tbody th a:hover {
	color: #F3F9FC;
}

#inner table.riassuntivo td, #innertable table.small td, #innertabs table.riassuntivo td {
	padding: 10px 6px;
}

*>#inner table.riassuntivo th, *>#inner table.riassuntivo td, *>#innertable table.small th, 
*>#innertable table.small td, *>#innertabs table.riassuntivo th, *>#innertabs table.riassuntivo td {
	padding: 6px;
}

#inner table.riassuntivo thead tr, #innertable table.small thead tr, #innertabs table.riassuntivo thead tr {
	background: url(images/thead_bg.gif);
	color: #F3F9FC;
	font-size: 11px;
}

#inner table.riassuntivo thead th, #innertable table.small thead th, #innertabs table.riassuntivo thead th {
	font-weight: bold;
	padding: 9px;
	text-align: center;
}

#inner table.riassuntivo thead td, #innertable table.small thead td, #innertabs table.riassuntivo thead td {
	padding: 9px;
}

#inner table.riassuntivo thead td#Nazionale, #innertabs table.riassuntivo thead td#Nazionale {
	font-weight: bold;
	text-align: center;
}

#inner table.riassuntivo tbody tr, #innertable table.small tbody tr, #innertabs table.riassuntivo tbody tr {
	background: url(images/dl.gif) repeat-y top left;
}

#inner table.riassuntivo tbody td, #innertable table.small tbody td, #innertabs table.riassuntivo tbody td {
	background: none;
	text-align: center;
}

/* row effect */ 
#inner table.riassuntivo tbody tr.tr_hover td, #inner table.riassuntivo tbody tr.tr_hover th,
#innertabs table.riassuntivo tbody tr.tr_hover td, #innertabs table.riassuntivo tbody tr.tr_hover th {
	background: url(images/tr_hover.gif) repeat-x bottom left;
	border-bottom: none;
	color: #F3F9FC;
	cursor: pointer;
}

/**************************
STORICO TESSERE
**************************/

#inner table.StoricoTessere caption, #innertable table.StoricoTessere caption {
	color: #2A429C;
	padding: 10px 2px;
	margin: 0 auto; 
	font-weight: bold;
	text-transform: capitalize;
	font-size: 14px;
}

#inner table.StoricoTessere, #innertable table.StoricoTessere {
	border: 1px solid #4A689C;
	font-size: 11px;
	width: 450px;
	margin: 0 auto; 
 	padding: 0;
	border-collapse: collapse;
}

#inner table.StoricoTessere tr, #innertable table.StoricoTessere tr {
	background: #F8FCFD;
	text-align: left;
}

#inner table.StoricoTessere th, #inner table.StoricoTessere td, #innertable table.StoricoTessere th, #innertable table.StoricoTessere td {
	padding: 10px 6px;
	border: 1px solid #4A689C;
	border: 1px solid #4A689C;
}

*>#inner table.StoricoTessere th, *>#inner table.StoricoTessere td, *>#innertable table.StoricoTessere th, *>#innertable table.StoricoTessere td {
	padding: 6px;
}

#inner table.StoricoTessere thead tr, #innertable table.StoricoTessere thead tr {
	background: url(images/thead_bg.gif);
	color: #F3F9FC;
	font-size: 11px;
}

#inner table.StoricoTessere thead th, #innertable table.StoricoTessere thead th {
	font-weight: bold;
	padding: 9px;
	text-align: center;
}

#inner table.StoricoTessere tbody td, #innertable table.StoricoTessere tbody td {
	text-align: center;
}

/**************************
ELENCO
**************************/

#inner table.elenco caption {
	color: #2A429C;
	padding: 10px 2px;
	margin:0 auto; 
	font-weight: bold;
	text-transform: capitalize;
	font-size: 14px;
}

#inner table.elenco {
	border: 1px solid #4A689C;
	font-size: 11px;
	width: 450px;
	margin: 0 auto; 
 	padding: 0;
	border-collapse: collapse;
}

#inner table.large {
	width: 650px;
}

#inner table.elenco tr {
	background: #F8FCFD;
	text-align: left;
}

#inner table.elenco th {
	vertical-align: top;
	padding: 6px;
}

#inner table.elenco tbody th {
	width: 165px;
}

#inner table.elenco td {
	padding: 6px;
}

#inner table.elenco thead tr {
	background: url(images/thead_bg.gif);
	color: #F3F9FC;
	font-size: 11px;
}

#inner table.elenco thead th {
	font-weight: bold;
	padding: 9px;
	text-align: center;
	line-height: 16px;
}

#inner table.elenco thead td {
	padding: 9px;
}

#inner table.elenco thead td#Nazionale {
	font-weight: bold;
	text-align: center;
}

#inner table.elenco tbody td {
	text-align: center;
	border-right: 1px solid #99A5CD;
	border-bottom: 1px solid #99A5CD;
	background: #F8FCFD none;
}

#inner table.elenco tbody tr.tr_hover td {
	background: url(images/tr_hover.gif) repeat-x bottom left;
	border-bottom: 1px solid #99A5CD;
	color: #F3F9FC;
	cursor: pointer;
}

/**************************
ELENCO DATI
**************************/

#innertable table a:link, #innertable table a:visited, #innertable table a:active {
	color: #2A429C;
}

#innertable table a:hover {
	color: #F3F9FC;
}

#innertable table caption {
	color: #2A429C;
	padding: 10px 2px;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 14px;
}

#innertable table {
	border: 1px solid #4A689C;
	width: 100%;
	margin:0; 
 	padding:0;
	border-collapse: collapse;
	font-size: 10px;
}

#innertable table thead th {
	font-weight: bold;
	text-align: center;
	padding: 9px;
	background: url(images/thead_bg.gif);
	color: #F3F9FC;
	line-height: 16px;
}

#innertable table.large thead tr th, #innertable table.large thead tr td, #innertable table.sintesi thead tr th, #innertable table.sintesi thead tr td {
	background: #99A5CD;
	border: 1px solid #4A689C;
	border-left: 0;
	font-weight: bold;
	text-align: center;
	padding: 7px;
	color: #F3F9FC;
	line-height: 16px;
}

#innertable table.large thead tr th {
	background: #99A5CD url(images/thead_bg.gif);
	border: 0;
}

#innertable table.sintesi thead tr th {
	background: #99A5CD url(images/thead_large.gif) repeat-y top left;
	border: 0;
}

#innertable table tbody tr {
	background: #F8FCFD url(images/th.gif) repeat-y top left;
}

#innertable table.large tbody tr {
	background: url(images/th_large.gif) repeat-y top left;
}

#innertable table.sintesi tbody tr {
	background: #F8FCFD url(images/th_sintesi.gif) repeat-y top left;
}

#innertable table.sintesi tbody tr.odd {
	background: #CBDBEB url(images/th_sintesi.gif) repeat-y top left;
}

#innertable table.sintesi tfoot tr {
	background: #99A5CD url(images/th_sintesi.gif) repeat-y top left;
}

#innertable table tbody tr th {
	padding: 6px 6px 6px 2px;
	border-bottom: 1px solid #99A5CD;
	text-align: center;
	width: 132px;
}

#innertable table.large tbody tr th {
	width: 195px;
}

#innertable table.sintesi tbody tr th, #innertable table.sintesi thead tr th {
	width: 205px;
}

#innertable table tbody tr td {
	padding: 6px;
	border-right: 1px solid #99A5CD;
	border-bottom: 1px solid #99A5CD;
	background: #F8FCFD none;
	text-align: center;
}

#innertable table tbody tr td.sinistra {
	text-align: left;
}

#innertable table tbody tr.tr_Annullato, #innertable table tbody tr.tr_Annullato td {
	background: #A9A9A9;
	color: #D6D6D6;
	cursor: pointer;
}

#innertable table tbody tr.odd {
	background: #CBDBEB url(images/th.gif) repeat-y top left;
}

#innertable table.large tbody tr.odd {
	background: #CBDBEB url(images/th_large.gif) repeat-y top left;
}

#innertable table tbody tr.odd td, #inner table tbody tr.odd td {
	background: #CBDBEB none;
}

#innertable table tbody tr.macro th, #innertable table tbody tr.macro td {
	background: #4A689C;
	border-bottom: 1px double #99A5CD;
	color: #F3F9FC;
	border-top: 1px double #99A5CD;
}

#innertable table tbody tr.macro th {
	background: #4A689C url(images/up.gif) left center;
	cursor: pointer;
	text-transform: uppercase;
}

#innertable table tbody tr.macro th a {
	color: #F3F9FC;
}

#innertable table tbody tr.tr_hover td, #innertable table tbody tr.tr_hover th {
	background: url(images/tr_hover.gif) repeat-x bottom left;
	border-bottom: 1px solid #99A5CD;
	color: #F3F9FC;
	cursor: pointer;
}

#innertable table tbody tr th.left, #innertable table tbody tr.odd th.left {
	text-align: left;
	padding: 6px;
	width: 160px;
}

#innertable table.reg tfoot tr, #innertable table.reg tbody tr {
	background: url(images/th_reg.gif) repeat-y top left;
}

#innertable table tfoot tr {
	background: #99A5CD url(images/th.gif) repeat-y top left;
}

#innertable table.large tfoot tr {
	background: #99A5CD url(images/th_large.gif) repeat-y top left;
}

#innertable table tfoot tr th, #innertable table.large tfoot tr th {
	text-align: left;
	padding: 6px;
	width: 132px;
}

#innertable table.large tfoot tr th {
	width: 195px;
}

#innertable table tfoot tr td, #innertable table.large tfoot tr td {
	padding: 6px;
	text-align: center;
	font-weight: bold;
	background: #99A5CD;
}

/**************************
ELENCO ATTREZZATURE
**************************/

#inner table.attrezzature caption {
	color: #2A429C;
	margin:0 auto; 
	padding: 10px 2px;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 14px;
}

#inner table.attrezzature, #inner table.attivita {
	border: 1px solid #4A689C;
	width: 450px;
	margin: 0 auto; 
 	padding: 0;
	border-collapse: collapse;
	font-size: 11px;
}

#inner table.attivita {
	width: 200px;
	float: left;
	margin: 15px 35px; 
 	padding: 15px 35px;
}

#inner table.attrezzature thead tr th, #inner table.attivita thead tr th {
	font-weight: bold;
	text-align: center;
	padding: 9px;
	background: #99A5CD url(images/thead_bg.gif);
	color: #F3F9FC;
	line-height: 16px;
}

#inner table.attrezzature tbody tr th, #inner table.attrezzature tbody tr td, 
#inner table.attivita tbody tr th, #inner table.attivita tbody tr td {
	padding: 6px;
	background: #F8FCFD none;
	text-align: center;
	line-height: 16px;
}

#inner table.attrezzature tbody tr th, #inner table.attivita tbody tr th {
	font-weight: bold;
}

/**************************
VALIDAZIONE
**************************/

.DatoMancante, .SoloDatoMancante, .FormatoErrato {
	background-color: #99CDFF;
	color: #FF0000;
}

.ControlloFormato {
	background-color: #F8FCFD;
	color: #000000;
}

.DatoRichiesto, .SoloDatoRichiesto {
	background-color: transparent;
	color: #00BFFF;
}

/**************************
HOME PAGE
**************************/

div#info, div#manuali {
	border: 1px solid #2A429C;
	margin: 0 auto 30px; /*removes indent Mozilla and NN7*/
	text-align: left;
}

div#info p.titolo, div#manuali p.titolo {
	padding: 8px;
	margin: 0;
	background-color: #99A5CD;
	text-align: center;
	color: #F3F9FC;
	font-size: 11px;
	font-weight: bold;
}

div#manuali p.manuali {
	border-top: 1px solid #2A429C;
	padding: 8px;
	margin: 0 0 5px;
	text-align: center;
	color: #4C4C70;
	font-weight: bold;
	font-size: 11px;
}

/**************************
SELEZIONE
**************************/

div.cerca, div.selezione {
	width: 320px;
	border: 1px solid #2A429C;
	margin: 5px 0; /*removes indent Mozilla and NN7*/
	padding: 0;
	text-align: left; 
	float: left;
}

div.selezione {
	width: 280px;
	float: right;
}

div.big {
	width: 500px;
}

div.cerca p.titolo, div.selezione p.titolo {
	padding: 4px;
	margin: 0;
	background-color: #99A5CD;
	text-align: center;
	color: #F3F9FC;
	font-size: 11px;
	font-weight: bold;
}

/**************************
VARI
**************************/

.NoComitato {
	padding-top: 15px;
	line-height: 25px;
}

p#accesso {
	padding: 0 15px 10px;
	line-height: 15px;
	text-align: right;
	color: #FF0000;
}

p#ultimamodifica {
	padding: 0 15px;
	line-height: 15px;
	text-align: left;
	color: #F00;
}

p#ultimamodifica span {
	padding-left: 25px;
}

.rosso, .richiesto, a.rosso:visited {
	color: #FF0000;
	text-transform: none;
}

.verde, .attivo, a.verde:visited {
	color: #32CD32;
}

.grigio, .scaduto, a.rosso:hover, a.verde:hover {
	color: #A3A89F;
}

.sinistra {
	text-align: left;
}

ul.lista {
	padding: 0 5px 5px;
	margin: 0 auto;
	border: 1px outset #4A689C;
	width: 520px;
}

ul.lista li {
	list-style: none;
	text-align:left;
}

ul.lista li button {
	width: 180px;
	padding: 5px;
	text-align: left;
}

tbody.linea tr {
	border-bottom: 1px outset #4A689C;
}

td ul {
	padding: 0 5px;
	margin: 0 5px;
}

div.pulsante {
	margin: 0 0 0 170px;
	padding: 0;
}

div.bottone {
	margin: 0;
	padding: 0;
}

div.pulsante p, div.bottone p {
	width: 520px;
	text-align: center;
	margin: 0 auto; 
}

div.bottone p {
	width: 450px;
}

/**************************
MESSAGGI
**************************/
/*Questa tecnica non si può applicare al tr perchè esso accetta al suo interno solo i tag th e td*/

.help-message {
	position: relative;
}

.help-message-line {
	position: relative;
}

th th, span:hover th th, caption caption, span:hover caption caption {display:none;} 

span:hover th, span:hover span:hover th, span:hover caption, span:hover span:hover caption {display:block;}

.help-message em, .help-message-line em {
	position:absolute;
	left: -9999px;
	width: 150px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #F2F3F9;
	color: #555;
	font: normal normal 11px/1.3 sans-serif;
	text-transform: none;
	text-align: left;
}

 .help-message-line em {
	width: 80px;
}

caption span.help-message em {
	width: 360px;
}

div#manuali p span.help-message em {
	width: 130px;
}

.help-message:hover em {
	left: -165px;
	top: -15px;
}

.help-message-line:hover em {
	left: -100px;
	top: -15px;
}

div#manuali p span.help-message:hover em {
	right: -110px;
	top: -15px;
	left: auto;
}

div#info p span.help-message:hover em {
	right: -150px;
	top: -15px;
	left: auto;
}