body, #main {margin:0; padding:0; color: Black; font-family:Verdana; font-size: 1.0em;}
/*div { border: 1px solid red;}*/
body{    background-image: url('sfondo.png');    background-repeat: repeat-x;    background-color: #FFFFFF;}
#wrapper {margin-left:auto; margin-right:auto; width:1000px; overflow:auto; background-color:white; }
/*#wrapper {margin-left:auto; margin-right:auto; width:1000px; box-shadow: 1px 1px 5px 5px #FFFFFF; border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; overflow:auto; background-color:white;}*/
#header {height:121px; background-color:White;}
img.logo {display:block; margin-left:auto; margin-right:auto; width:1000px;}

h1 {margin-top:0; margin-bottom: 0; padding:0;color:Black; font-style:oblique; font-weight:bold;  text-align:right; font-size:18px;}
h2 {margin-top:0; margin-bottom: 0; padding:0;color:Black; text-align:left; font-size:30px;}
h3 {margin:0; margin-bottom: 0; padding:0; font-size:1.1em; color:#0066CC;}
h4 {margin-top:0; margin-bottom: 0; color :Black; text-align:center; font-size:25px;}
h5 {margin-top:0; margin-bottom: 0; padding:0;color:Black; font-weight:bold;  text-align:left; font-size:18px;}

#main {margin-left :auto; margin-top:auto; width:100%;}

form {margin-left:auto; margin-right:auto;}
form p span, form p input {display:block; float:left; width:25%; vertical-align:middle;}
form p span {text-align:right; margin-right:5px; font-size: 1.3em; padding:2px; font-family:arial; line-height: -10px;}
form p input {text-align:left;}

/*Classi*/
.campistretti {width:250px;}
.pulsante {
        width:150px;
        font-weight:bold;
    	color: white; /* il colore del testo */
    	border: solid 1px #da7c0c; /* il bordo del colore che vogliamo */
    	background: #f78d1d; /* un background di base */
    	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); /* Ecco la sfumatura, che parte da "left top" e arriva a "left bottom" "from" il colore "to" l'altro colore  */
    	background: -moz-linear-gradient(top,  #faa51a,  #f47a20); /* stessa cosa per firefox */
    	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); /* questo codice invece funziona per explorer, anche se richiede il lancio di un ActiveX che di default è settato a true sui IE, ma che potrebbe richiedere la conferma da parte dell'utente */
    }
 
/* poi definiamo il css quando si passa sopra il tasto con il mouse */
.pulsante:hover 
{
     font-weight:bold;
    	color: black; 
		background: #faa51a; /* colore più scuro */
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f06015));
		background: -moz-linear-gradient(top,  #faa51a,  #f06015);
		/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f06015'); */
	}
.pulsante:disabled 
{
     font-weight:bold;
    	color: gray; 
		background: #ffffff; 
		border-color:Gray/* colore più scuro 
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f06015));
		background: -moz-linear-gradient(top,  #faa51a,  #f06015);
		 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f06015'); */
	}

.cf {clear:both;}
.check {margin-left: 25%;}
.check div { font-family:Arial; font-size:0.7Em; border: 1px solid black; height: 50px; width: 250px; margin-bottom: 10px; margin-top: 10px; overflow: auto;}
.check input {text-align: left; clear: both; width: auto; float: none; display: inline;}
.check span {text-align: left; clear: both; float: none; display: inline; color: Black; font-size: 1.1em;}
.check p {margin-bottom: 10px; margin-top: 10px;}
.error {display:inline; float:none; color:Red; font-size:0.8Em; font-weight:bold; text-align:right;}
.footer_pellicola{display:block; margin-left:auto; margin-right:auto; margin-top:30px; clear:both;}
.left { text-align:left;}
.grid {width:99%; 
       margin-top:0; margin-bottom: 0; padding:0; border:1px solid #888888; font-weight:normal;  font-size:9px;  box-shadow:1px 10px 10px 1px #888888; }
    
.grid2 {width:99%; margin-top :0; margin-bottom: 0; padding:0; border:1px solid #888888; font-weight:bold;  font-size:12px;  box-shadow:1px 10px 10px 1px #888888; text-align:center;}
.gridtext {border:1px solid #888888; font-weight:bold;  font-size:10px; text-align:center;}
.gridelencoartisti { width:970%; margin-top :0; margin-bottom: 0; padding:0; border:1px solid #888888; font-weight:bold;  font-size:12px;  box-shadow:1px 10px 10px 1px #888888; text-align:center;}

.check p span.condizioni {color:black; font-size: 1.3em; font-family:Arial;}
.nascosto {display:none;}
.intestazione {width:98%; margin-left :auto; margin-right:auto; margin-top:0; margin-bottom:0; padding:0;clear:both;}

#castfilmdaverificare input[type=text] {width:60px; height:15px;}
#operafilm input[type=text] {width:60px; height:15px;}
#operamusica input[type=text] {width:60px; height:15px;}

/* PROPRIETA' CASELLE DI TESTO 
input {border: 1px solid grey; height:23px; border-radius: 5px; font-size:1.3em; padding:2px; text-indent:2px;}
input:hover {border: 1px solid blue;}
input:focus {background-color: #FFFFCC;}
td input[type=text] {width:50px; height:15px;}*/

hr {margin-left: 0; margin-top:20px; margin-bottom: 20px;  width:500px;}
#privacy { border: 1px solid silver; width: 500px;  height:100px; color:Black; margin-top: -10px;}
#termini { border: 1px solid silver; width: 500px;  height:100px; color:Black; margin-top: -10px;}
#footer {background-color:White; border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; clear:both;}
#footer p {text-align:center; color:Gray; font-size:12px;}

/*Login*/
.table {    margin-top: 5px;    margin-left: 5px;    font-weight: bold;    font-size: 15px;    border: 1px solid #888888;
    background-color: #FFFFDF;  box-shadow: 1px 10px 10px 5px #888888;   }
.logintestazione {height:25px; background-color:#0066CC; font-family:Verdana; color:White;}

/*barra navigazione*/
#nav {width: 100px; height:30px;}
#menunav {float:left; margin-left:10px;}
#logoutnav {float:right; margin-right:10px;}
.navbar {    height: 22px;    text-align: left;    font-weight: normal;    font-size: 12px;
    color: #FFFFFF;    font-family: Verdana;    background-color: #828282;    padding: 1px; 
    width: 99.5%;    border: #828282;    border-top-width: 1px;    border-right-width: 2px;
    border-left-width: 1px;    border-bottom-width: 2px;    border-style: solid;   
    padding-top: 10px; 
    }
.navbar a:link {font-weight: bold;color: #FFFFFF;text-decoration: none;}
.navbar a:visited {font-weight: bold; color: #FFFFFF; text-decoration: none;}
.navbar a:hover {font-weight: bold; color: #FFFFFF;text-decoration: underline;}

.navbar2 {    height: 14px;    text-align: left;    font-weight: normal;    font-size: 10px;
    color: #FFFFFF;    font-family: Verdana;    background-color: #A2A2A2;    padding: 1px;
    width: 98.5%;    border: #727272;    border-top-width: 1px;    border-right-width: 2px;
    border-left-width: 1px;    border-bottom-width: 2px;    border-style: solid;    
     }

#tbanagraf table {width :985px; margin:0; border:0;}
#tbdatiartist table {margin:0; border:0;}
table tr th {background-color:#0066CC; font-weight:bold; color:White;}
table tr th a {color:White;}
.templateempty { margin-left:0;}
#repertorio {width: 980px; margin-left:auto; margin-right:auto;}

.headerDetails {background-color:#0066CC; font-weight:bold; color:White;text-align:right;padding-right:3px;}
.Details {font-weight:bold;  font-size:10px; text-align:left; box-shadow:1px 10px 10px 1px #888888;}
.editstyle {width:50px;}

.attendereprego {position: fixed!important;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #FFFFFF;opacity: 0.5;filter: alpha(opacity=50);display: block;}
.attenderepregoimage {position: fixed!important;position: absolute;top: 50%; left: 50%; display: block;margin-top:-75px; margin-left:-130px; }