body, html {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, sans;
	font-size: 100%;
}

div, img { margin: 0; padding: 0; border: 0;}

form, fieldset {margin: 0; padding: 0; border: 0;}

div#wrapper {background-color: White; padding: 10px;}

div#sinistra {float: left; width: 69%; border: 1px solid Gray;}
div#sinistra.moderatore {float: left; width: 35%; border: 1px solid Gray;}

div#testata {
	background-color: transparent;
	background-image:url('../img/bkg_testata.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	color: #003B77;
	font-family: Arial;
	margin: 0;
	padding: 0 0 5px 0;
	float: left;
	font-size: .9em;
	width: 100%;
	/*height: 60px;*/ /* cosi' si ingrandisce anche su schermi piccoli e le icone non spariscono*/
	border-bottom: 1px solid Gray;
}

div#sinistra.moderatore div#testata {
	background-color: transparent;
	background-image:url('../img/bkg_testata.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	color: #003B77;
	font-family: Arial;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	height: 110px;
	border-bottom: 1px solid Gray;
}

div#intesta { float: left; width: 30%; margin: 0; padding: .4em; background-color: transparent;}

div#testata div#temi {
	float: right;
	border: 0;
	padding: 3px 0 0 0;
	background-color: transparent;
	font-size: .8em;
	width: 65%;
	text-align: right;
}

div#sinistra.moderatore div#temi a {
    margin: 0 3px 3px 0;
} /* solo per lato virtual office */

div#testata div#temi a.refresh {
	margin: 0 1em 0 0;
	padding: 0;
	border: 0;
	text-align: center;
	float: right;
	text-decoration: none;
}

div#testata div#temi a.tema {
	margin: 0 3px 3px 0;
    padding: 3px;
    text-align: center;
    float: right;
    text-decoration: none;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 3px 3px 3px 3px;
}

div#testata div#temi a.tema:hover {
    background-color: #ebf2fe;
}

div#testata div#temi a.refresh img,
div#testata div#temi a.tema img {
	display: block;
	margin: 0 auto;
}

div#sinistra.moderatore div#temi a.tema img {
    display: none;
}/* solo per lato virtual office */

p.nome-comune { margin:0 0 .3em 0;padding: 0;}

a.exit:link {
	background-image:url('../img/back1.gif');
	background-position: center left;
	background-repeat: no-repeat;
}
a.exit {
	background-image:url('../img/back1.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 0;
	text-decoration: none;
	color: Blue;
	font-weight: bold;
	font-size: 1em;
}
a.exit:visited {
	background-image:url('../img/back1.gif');
}
a.exit:hover {
	background-image:url('../img/back2.gif');
	text-decoration: underline;
}
a.exit:active {
	background-image:url('../img/back1.gif');
}

h1 {font-size: .9em; margin:0; text-transform: uppercase;}


div#googlemap {background-color: transparent; height:600px; clear: both;}
div#googlemap.moderatore {background-color: transparent; height:600px; }

div#infomappa {border: 1px solid Silver; background-color: #EBEFFF; }



div#destra {float: right; width: 28%; margin-left: 1px;height: 100%; border: 1px solid Gray; background-color: #F2F1EA; padding: .3em .3em 1em .3em; font-size: .85em;}
div#destra.moderatore {
	float: right;
    width: 64%;
    height: 100%;
    border: 1px solid Gray;
    background-color: #F2F1EA;
    padding: 0.3em;
}

div#destra h1 {
	background-color:transparent;
	background-image:url(../img/gradient_blue_bkg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	border:0 none;
	color:#E5E5E5;
	font-size:0.85em;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:0;
	padding:0.4em 0 0.2em 0.2em;
	white-space:normal;
}

div#destra h2.reveal {
	font-weight:bold;
	color: #003B77;
	margin: 1em 0 0 0;
	padding: 0 0 0 18px;
	font-size: 1em;
	background-image:url(../img/collapse_on.png);
	background-position: center left;
	background-repeat: no-repeat;
	}
	
div#destra h2.reveal.collapse {
	background-image:url(../img/collapse_off.png);
	background-position: center left;
	background-repeat: no-repeat;
}

div#destra a.aggiungi-contributo {font-size: 1em; font-weight: bold; background-color: #EAE9E2; display: block; padding: .2px 0 .3px 0;}

div#destra #contributo {background-color: #F7FBFF; padding: .2em;}

div#destra #formcontributo {margin: 0 0 0 0; line-height: 1.2em;}

div#destra #formcontributo p {margin: 0 0 .3em 0;}


div#destra #formcontributo label {
	font-weight: bold;
  background-color: transparent;
  color: #2E5476;
  font-size: .9em;
}
div#destra #formcontributo select {
	background-color: #FFFFFF;
	border-bottom: #204466 1px ridge;
	border-left: #204466 1px ridge;
	border-right: #204466 1px ridge;
	border-top: #204466 1px ridge;
}

.readonly {color: Gray;}

span.obbligatorio {color: red; font-weight: bold;}

div#destra #formcontributo fieldset.invia {margin: 0; border-top: 1px dotted Gray; padding: .5em 0 0 0;}

div#destra #formscelta {font-size: .9em; margin: .3em 0 .3em 0; padding: .3em; border: 0; background-color: #FBFFD3;}

div#destra legend {font-weight: bold;}

label {font-weight: bold; background-color: transparent; color: #2E5476;}

div.ok {
    color: #336600;
    font-weight: bold;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/ok.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 1em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}

div.alert {
    color: #C80000;
    font-weight: bold;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/warning.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 1em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}


div.error {
    color: #C80000;
    font-weight: bold;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/error.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: .8em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}


div.wait {
    color: #C80000;
    font-weight: normal;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/hourglass.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: .8em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}


/*stili per l'applicazione del moderatore dei contributi */
.pubblicato{ color:#006600; }
.rifiutato {color:#990000;}
.da_verificare {color:Gray;}

div#destra table {font-size: .8em; margin: 0; padding: 0; border: 0; border-collapse: collapse;}

div#destra table th {margin: 0; padding: 0; border: 0; font-weight: bold;}
div#destra table th#status {white-space: nowrap;}

div#destra table td {margin: 0; padding: .2em; border: 1px solid Gray; background-color: White; color: Black; vertical-align: top;}
div#destra table td#td-status {white-space: nowrap}
div#destra table td#td-tema {white-space: nowrap;}

div#destra table.tabella_statistiche {margin: 1em 0 2em 0; font-size: .9em;}
div#destra table.tabella_statistiche td {font-size: 1em; padding: .2em .2em .5em .2em; text-align: center; vertical-align: top;}
div#destra table.tabella_statistiche th {border: 1px solid Gray; font-size: 1em; padding: .2em; text-align: center; vertical-align: bottom; background-color: #C2C6FF;}
div#destra table.tabella_statistiche .daverificare,
div#destra table.tabella_statistiche #daverificare {background-color: #FFFCCA;}
div#destra table.tabella_statistiche .pubblicati,
div#destra table.tabella_statistiche #pubblicati {background-color: #DEFFDC;}
div#destra table.tabella_statistiche .rifiutati,
div#destra table.tabella_statistiche #rifiutati {background-color: #FFD6D6;}

div#destra table select,
div#destra table input {font-size: 1em;}

div#destra table textarea {font-size: .9em; font-family: Verdana, sans;background-color: #FBFFD3;}
div#destra table input.text {font-size: .9em; font-family: Verdana, sans;background-color: #FBFFD3;}

/*Stili per la validazione dei forms (livevalidation)*/

.LV_validation_message {display: block;font-weight: normal; margin: 0 0 0 5px; font-size: .9em; }
.LV_valid {color:#006600; }
.LV_invalid {color:#990000;}
.LV_invalid_field, input.LV_invalid_field, textarea.LV_invalid_field {background-color: #FFD7D7;}


div.gmnoprint { font-size: .8em;}


/* Aggiunta per il box di ricerca*/
 .controls {
	margin-top: 16px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
	background-color: #fff;
	padding: 0 11px 0 13px;
	width: 400px;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	text-overflow: ellipsis;
}

#pac-input:focus {
	border-color: #4d90fe;
	margin-left: -1px;
	padding-left: 14px;  /* Regular padding-left + 1. */
	width: 401px;
}

.pac-container {
	font-family: Roboto;
}

#type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
}

#type-selector label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}