.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 1px 0 1px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%; 
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
height: 10px;
}


.cssform input[type='checkbox']{ 
width: 50px;
height: 15px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
	font-weight: normal;
}

fieldset,img { 
	border:0;
}

ul, li{
	list-style:none;
	list-style-type:none;
}

body {
	margin:0;
	padding:0;
	font-family:calibri, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	background: url(Img/Metal_brushed.jpg) top left repeat #dfdfdf;
	/*background: url(Img/pattern_wood.jpg) top left repeat #dfdfdf;*/
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

#inpUsername, #inpPassword, .inpText{
	padding:5px;
}

.inpMod{
	background-color: #eee;
    border: 1px solid #eee;
    font-size: 15px;
    /*margin: 8px 15px 20px;*/
    text-transform: uppercase;
		
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.inpMod:hover{
	border: 1px solid #bbb;
}

.inpMod:focus{
	background-color: white;
	border: 1px solid #aaa;
	
	box-shadow:0 0 1px #BBB inset;
	-webkit-box-shadow:0 0 1px #BBB inset;
	-moz-box-shadow:0 0 1px #BBB inset;
}

.btn{
	padding:10px;
	background-color:#eee;
	color:#333;
	font-size: 12px;
	text-align:center;
	border-right:#ccc solid 1px;
	border-left:#eee solid 1px;
	border-bottom:#ccc solid 1px;
	border-top:#eee solid 1px;
	cursor:pointer;
	
	text-shadow: -1px -1px 0 #DDDDDD, 1px 1px 0 #EEEEEE;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow:1px -22px 15px #DDDDDD inset;
	-webkit-box-shadow:1px -22px 15px #DDDDDD inset;
	-moz-box-shadow:1px -22px 15px #DDDDDD inset;
}

.btn2{
	background-color: #94F58F;
    color: #0E6B09;
	padding:10px;
	font-size: 12px;
	text-align:center;
	border-right:#ccc solid 1px;
	border-left:#eee solid 1px;
	border-bottom:#ccc solid 1px;
	border-top:#eee solid 1px;
	cursor:pointer;
	
    text-shadow: -1px -1px 0 #00DD66, 1px 1px 0 #94F58F;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
		
	box-shadow:1px -22px 15px #00DD66 inset;
	-webkit-box-shadow:1px -22px 15px #00DD66 inset;
	-moz-box-shadow:1px -22px 15px #00DD66 inset;
}

.btn2:hover, .btn2Sel{
	background-color:#18b910;
	color:#f4f8fa;
	
	text-shadow: -1px -1px 0 #107b0b, 1px 1px 0 #18b910;
	
	box-shadow:1px -22px 15px #107b0b inset;
	-webkit-box-shadow:1px -22px 15px #107b0b inset;
	-moz-box-shadow:1px -22px 15px #107b0b inset;
}

.btn:hover, .btnSel{
	background-color:#8cbac9;
	color:#f4f8fa;
	
	text-shadow: -1px -1px 0 #4d8da2, 1px 1px 0 #8cbac9;
	
	box-shadow:1px -22px 15px #4d8da2 inset;
	-webkit-box-shadow:1px -22px 15px #4d8da2 inset;
	-moz-box-shadow:1px -22px 15px #4d8da2 inset;
}

.btn:active{
	background-color:#4d8da2;
	color:#8cbac9;	
	
	text-shadow: -1px -1px 0 #376574, 1px 1px 0 #4d8da2;
	
	box-shadow:-1px 16px 15px #376574 inset;
	-webkit-box-shadow:-1px 16px 15px #376574 inset;
	-moz-box-shadow:-1px 16px 15px #376574 inset;
}

.titolo{
	color: #0E619E;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
	padding-bottom: 15px;
}

.capitolo{
	color: #4d8da2;
    font-size: 15px;
	text-align:center;
	width:100%;
	cursor: pointer;
	padding:15px 0;
	
    text-shadow: 1px 0 0 #DDDDDD, 1px 1px 0 #FFFFFF;
}

.testoPiccolo{
	font-size:13px; 
	text-transform:none; 
	color:#666;
}

#fasciaSup{
	width:100%;
	height:170px;
	background: url(Img/pattern_wood.jpg) top left repeat #ccc;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

#fasciaInf{
	width:100%;
	height:100px;
	background: url(Img/pattern_bianco.jpg) top left repeat #dfdfdf;
	border-top: 1px solid #DFDFDF;
	position:absolute;
	top:171px;
	left:0px;
	z-index:3;
	
	box-shadow:0px 0px 20px #333;
	-webkit-box-shadow:0px 0px 20px #333;
	-moz-box-shadow: 0px 0px 20px #333;
}

#fasciaInf2{
	width:100%;
	height:100px;
	background: url(Img/pattern_bianco.jpg) top left repeat #dfdfdf;
	position:absolute;
	top:270px;
	left:0px;
	z-index:4;
}

/*-------------------------
			Menu
--------------------------*/


.contMenu{
	margin:0 auto;
	width:980px;
	padding:10px;
	background: url("img/pattern_bianco.jpg") repeat scroll left top #DADADA;
    margin-bottom: 15px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
}

#tabMenu{
	margin:0 auto;
	width:100%;
}

#tabMenu td{
	height:40px;
	min-width: 50px;
	padding:5px;
}

/*-------------------------
			CONTENUTO
--------------------------*/

#box {
	margin: 0 auto;
	min-height: 560px;
	width: 1000px;
	border: 1px 1 #F00;
	position:relative;
	z-index:999;
}

.tabLogin{
	float: left;
    margin-left: 50px;
    margin-top: 20px;
}

table.tabLogin tr td{
	padding-bottom: 6px;
	padding-right: 20px;
}

#contPagina{
	width:400px;
	height: 180px;
	margin: 100px auto 0;
	text-align:center;
	background: url("img/pattern_bianco.jpg") repeat scroll left top #DADADA;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
}

#contScheda{
	background: url("img/pattern_bianco.jpg") repeat scroll left top #DADADA;
    margin-bottom: 15px;
    padding: 0 25px;
	width:950px;
	text-align:center;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
}

#formMod{
	width:100%;
	display:none;
}

#formMod fieldset{
	width:300px;
	height:35px;
	margin-right:10px;
	text-align:left;
	display:inline-block;
}

#formMod fieldset label{
	color:#4d8da2;
	font-size:12px;
	width:100px;
	display: inline-block;
	
	text-shadow: 1px 0 0 #DDDDDD, 1px 1px 0 #FFFFFF;
}

#formMod fieldset input{
	display: inline-block;
    width: 180px;
}

#formMod label{
	color:#4d8da2;
	font-size:12px;
	
	text-shadow: 1px 0 0 #DDDDDD, 1px 1px 0 #FFFFFF;
}

.testoInfo{
	color: #0E619E;
    float: left;
    font-size: 14px;
    margin-top: 50px;
    text-align: left;
    text-transform: uppercase;
}

#contLogo{
	height: 80px;
    margin: 25px auto 22px;
    width: 330px;
	cursor:pointer;
}

#contInfo{
	background:url(Img/badge.png) top left no-repeat transparent;
	color: white;
    height: 115px;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: -25px;
    width: 250px;
    z-index: 222;
}

/*#contInfo{
	background-color: #D8231E;
    color: white;
    height: 80px;
    padding: 5px;
    position: absolute;
    right: 50px;
    top: -25px;
    width: 100px;
    z-index: 222;
	
	box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
	-moz-box-shadow: 0px 0px 10px #666;
}*/

#tdTitolo{
	color: #03569C;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
}

.tabContSchede{
	float: left;
    margin: 60px 50px 0 0;
    text-align: right;
    width: 400px;
}

table.tabContSchede tr td{
	padding-bottom:30px;
	padding-right: 10px;
}

.tabRicerca{
    text-align: left;
	padding-bottom: 20px;
	margin: 0 auto;
}

.tabRicerca tr td{
	padding-right: 10px;
}

.tabElenco{
    margin-top: 5px;
	padding-bottom: 25px;
    text-align: center;
    width: 100%;
	
}

.tabElenco tr{
	cursor:pointer;
	position:static;
}

.tabElenco tr.rigaCapitoli:hover, .tabElenco tr.rigaCapitoli:hover td{
	position:static;
	background-color:#0E619E;
	
	box-shadow:0px 0px 0px #333;
	-webkit-box-shadow:0px 0px 0px #333;
	-moz-box-shadow: 0px 0px 0px #333;
}

.tabElenco tr:hover{
	cursor: pointer;
	position:relative;
	z-index:9999;
	
	box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #333;
}

.tabElenco tr:hover td{
	background-color:#eee;
}

#elElencoCanc:hover, #elElencoMod:hover{
	background-color:#DEDEDE;
}


.elElenco{
	background-color: #DEDEDE;
    border-bottom: 1px solid #999999;
    border-right: 1px dashed #CCCCCC;
    border-top: 1px solid #FFFFFF;
    color: #333333;
    padding: 10px;
}

.tabClassi{
	width:100%;
}

.tabClassi td{
	border-bottom: 1px dashed #CCCCCC;
    border-right: 1px dashed #CCCCCC;
    width: 120px;
}

.inpTabClassi{
	background-color: #EEEEEE;
    border: medium none;
    height: 30px;
    padding: 5px;
    text-align: center;
    width: 130px;
}

.inpTabClassi:hover{
	background-color: #DDD;
}

.inpTabClassi:focus{
	background-color:white;

}

.capElenco, .tabClassi td.capElenco{
	background-color:#0E619E;
	border-right:1px solid #1174bd;
	border-top:1px solid #1174bd;
	border-left:1px solid #0a446f;
	border-bottom:1px solid #0a446f;
	color:white;
	font-size:12px;
	padding:10px;
	font-weight:bold;
	line-height:10px;
}


/*-------------------------
			SELECT
--------------------------*/

.contSelect{
	display: inline-block;
    width: 192px;
	text-align:center;
}

.select{
	background-color: #EEEEEE;
    border: 1px solid #ddd;
    padding: 6px;
    position: relative;
	cursor:pointer;
	text-transform: uppercase;
		
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.selectSel{
	background-color: #8CBAC9;
	color:white;
}

.titSelect{
	text-align:center;
	display:inline-block;
	
}

.frecciaSelect{
	border-left: 1px solid #fff;
    float: right;
    font-size: 10px;
    padding: 7px 0;
    position: relative;
    right: -9px;
    text-align: center;
    top: -6px;
    width: 30px;
}

#contOption{
	display:none;
	border:1px solid #ccc;
	border-top:none;
	background-color:#eee;
	box-shadow: 0 0 10px #CCCCCC;
    position: absolute;
	right: -1px;
    top: 29px;
    width: 190px;
	z-index:999;
	
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	
	box-shadow: 0 0 10px #CCCCCC;
	-webkit-box-shadow: 0 0 10px #CCCCCC;
	-moz-box-shadow: 0 0 10px #CCCCCC;
}

.option{
	padding:5px;
	border-bottom:1px solid #ddd;
	color: #333;
	cursor:pointer;
	
	text-shadow: -1px -1px 0 #DDDDDD, 1px 1px 0 #EEEEEE;
}

.option:hover, .optionSel{
	background-color: #A3C8D3;
	color: white;
	
	text-shadow: none;
}

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

.linkSolo{
	margin-top:50px;
}


.Titolino, .btnInp{
    color: #444;
    font-family: Calibri;
    font-size: 13px;
    padding: 10px 20px;
    text-align: center;
	cursor: pointer;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

a.Titolino:hover, input.btnInp:hover{
	color:#127ecd;
}



.TitolinoCal, .btnInp{
    color: #444;
    font-family: Calibri;
    font-size: 24px;
//    padding: 10px 20px;
    text-align: center;
	cursor: pointer;
	
//	-moz-border-radius: 5px;
//	-webkit-border-radius: 5px;
//	-khtml-border-radius: 5px;
//	border-radius: 5px;
}

a.TitolinoCal:hover, input.btnInp:hover{
	color:#127ecd;
}


#boxclasse {
	display:block;
	left:639px;
	top:27px;
	position:absolute;
	margin: 0 0 0 -650px;
	height: 560px;
	width: 300px;
}

boxclasse {
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	width: 100%;
}

.TestoNormale {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.TitoloTabella {
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #FF9900;
}
.Field1 {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #00CCFF;
}
.Field2 {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #66FF66;
}
.Item1 {
	font-family: tahoma;
	font-size: 10px;
	color: #000000;
	background-color: #e8e8e8;
	font-weight: normal;
}
.Item0 {
	font-family: tahoma;
	font-size: 10px;
	color: #0000FF;
	background-color: #cecece;
}

.Item1Big {

	font-family: tahoma;
	font-size: 16px;
	color: #000000;
	background-color: #e8e8e8;
}
.TitoloTabellaBig {
	font-family: Arial;
	font-size: 24px;
	font-weight: bolder;
	color: #FF0000;
	text-decoration: underline;
}
.copyright {
	font-family: tahoma;
	font-size: 10px;
}
.menu {
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009933;
}
.DataNews {
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
}
.ItemsNews {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
.modulo {
	background-image: url('file:///C|/Fabio/Secom/Web1/img/Logo.jpg');
	background-repeat: no-repeat;
	background-position: center 20px
}
.VociMenu {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 40px;
	background-color: #FFFFFF;
	background-position:  center;
	text-align: center;
	border: 1px none #000000;
	background-image: url('Img/1.jpg');
}
.TestoBiancoGrassetto10 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.TestoBiancoGrassetto12 {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.CliccaQui {
	font-family: tahoma;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
/*.Testo1 {
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}*/
.TestoBianco {
	font-family: tahoma;
	font-size: 10px;
	color: #FFFFFF;
}
.TestoNormale {
	font-family: tahoma;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
}
.TestoBlu {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
}
.Testo0 {

	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.TITOLOSEZIONE {
	color: #006;
}
.CONTI {
	font-weight: bold;
	color: #003;
}
.POSTILLE {
	font-size: 12px;
}
.Firma {
	text-align: center;
}
.Fine {
	text-align: center;
}
.PULSANTE {
	text-align: center;
	font-family: Calibri;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000033;
}
.LOGO {
	text-align: center;
}
.logo {
	text-align: center;
}
.Testo1 strong {
	color: #002957;
	font-weight: bold;
}
.Testo1 .Testo0 {
	color: #042A4E;
}
.Undername {
	font-size: small;
}
.Undername strong {
	color: #002959;
}
.TestoBlu a {
	font-style: italic;
}

.ShowUser {
    font-size: 13px;
    line-height: 12px;
    padding-right: 20px;
    padding-top: 25px;
    text-align: right;
}

.infoAlunno{
	font-size: 12px;
    padding-left: 7px;
    padding-top: 14px;
}

.linked {
	text-align: center;
}
.accedi {
	text-align: center;
	color: #002A5C;
	font-weight: bold;
	font-style: italic;
}
.ElementiTabella {

	font-family: tahoma;
	font-size: 10px;
}
.ShowUserRiga2 {

	text-align: left;
	font-family: Calibri;
	font-size: 10px;
	color: #02265A;
	font-weight: bold;
}
.ElementiReport {
	font-family: Calibri;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	color: #002355;
}

.Etichetta {
	font-family: Calibri;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
    font-style: italic;
	color: #002355;
}