/* vim: set noexpandtab shiftwidth=8 softtabstop=8 tabstop=8: */

* {
	margin: 0;
	padding: 0;
}
body {
	position: relative;
	background: #94b4db;
	background-color: #b3bdde;
	background: url(images/tile.jpeg) repeat;
	font-size: 100%;
}
p {
	margin-bottom: 2ex;
}
img {
	border: none;
}

.thickbox,
.image {
	display: block;
	float: right;
	clear: both;
	background: transparent url(images/shadow.png) right bottom no-repeat;
	margin: 6px 6px 8px 32px;
}
.thickbox img,
.image img {
	display: block;
	background-color: white;
	position: relative;
	bottom: 6px;
	right: 6px;
	border: 1px solid black;
	padding: 3px;
}

/* Intestazione */
#idHeader {
	background: #385d95 url(images/cielo.png) repeat;
}
#idHeader h1 {
	font-size: xx-large;
	background: url(images/head.jpeg) left top no-repeat;
	border-bottom: 1px solid black;
	height: 215px;
}
#idHeader h1 a {
	color: white;
	background-color: transparent;
	text-decoration: none;
	display: block;
	float: left;
	padding: 10px 0 0 130px;
	height: 84px;
}
#idHeader h1 a:hover {
	color: #e0e0e0;
	background-color: transparent;
	text-decoration: underline;
}

/* Pannello */
#idMenu {
	font-family: sans-serif;
	width: 25%;
	position: absolute;
	top: 110px;
	left: 1%;
}
#idMenu a {
	text-decoration: none;
}
#idMenu a:hover {
	text-decoration: underline;
	background-color: #e0ffe0 !important;
}

/* Blocchi pannello */
#idMenu h2 {
	clear: both;
	font-size: 14px;
	margin-left: 18px;
	height: 28px;
	max-height: 28px;
	color: white;
	background: transparent url(images/corners.png) right top no-repeat;
}
#idMenu h2 span {
	display: block;
	position: relative;
	left: -18px;
	padding: 6px 0 0 16px;
	height: 22px;
	background: transparent url(images/corners.png) left top no-repeat;
}
#idMenu h2 a {
	display: block;
	float: right;
	padding: 2px;
}
#idMenu div {
	position: relative;
	height: 1%;
	font-weight: 200;
	margin-left: 18px;
	background: transparent url(images/body.png) right repeat-y;
}
#idMenu div div {
	left: -18px;
	margin-left: 0;
	padding: 8px 0 0 16px;
	background: transparent url(images/body.png) left repeat-y;
}
#idMenu div.closure {
	height: 18px;
	background: transparent url(images/corners.png) right bottom no-repeat;
}
#idMenu div.closure div {
	padding: 0;
	width: 18px;
	height: 18px;
	background: transparent url(images/corners.png) left bottom no-repeat;
}

/* Gerarchie pannello */
#idMenu ul {
	padding: 4px 0;
	text-indent: 0;
	list-style: none;
}
#idMenu li,
#idMenu li a {
	display: block;
	width: 100%;
}
#idMenu li span,
#idMenu li em {
	display: block;
	width: auto;
	padding: 2px 0 2px 20px;
	color: black;
	background-position: left 2px;
	background-repeat: no-repeat;
}
#idMenu li var {
	display: block;
	font-family: serif;
	font-size: 90%;
	padding-left: 4px;
	float: right;
}
#idMenu li li span,
#idMenu li li em {
	padding-left: 40px;
	background-position: 20px 2px;
}
#idMenu li li li span,
#idMenu li li li em {
	padding-left: 60px;
	background-position: 40px 2px;
}
#idMenu li li li li span,
#idMenu li li li li em {
	padding-left: 80px;
	background-position: 60px 2px;
}
#idMenu li span {
	background-image: url(icons/generico.png);
}
#idMenu a.opened em {
	background-image: url(icons/cartella-aperta.png) !important;
}
#idMenu a.closed em {
	background-image: url(icons/cartella.png) !important;
}
#idMenu ul.opened   {
	display: block;
}
#idMenu ul.closed {
	display: none;
}
#idMenu li em {
	background-image: url(icons/cartella-aperta.png);
}
#idMenu .group li span {
	background-image: url(icons/novita.png) !important;
}
#idMenu .article li span {
	background-image: url(icons/articolo.png) !important;
}
#idMenu .request li span {
	background-image: url(icons/annuncio.png) !important;
}
#idMenu .action li span {
	background-image: url(icons/comando.png) !important;
}

/* Gadgets (validatori, links) */
#idMenu p.gadget {
	margin: 18px 18px 0 0;
	text-align: center;
}
#idMenu p.gadget img {
	border: none;
	margin: 4px 2px;
}

/* Contenuto */
#idPage {
	color: black;
	margin-left: 30%;
	text-align: justify;
	padding: 8px;
	line-height: 3ex;
	width: 63%;
}
#idPage div.wiki {
	clear: none;
}
#idPage h1 {
	font-size: 150%;
	margin: 16px 0 8px 0;
	clear: both;
}
#idPage h2 {
	font-size: 125%;
	margin-bottom: 16px;
}
#idPage h2 a {
	display: block;
	float: right;
	font-size: 80%;
	font-weight: normal;
	font-family: sans-serif;
	margin: 0 8px;
}
#idPage blockquote {
	width: 80%;
	margin: 2ex auto;
	text-align: justify;
	text-indent: 24px;
	background: transparent url(images/quote.png) left top no-repeat;
}
#idPage blockquote div {
	color: #606060;
	background: transparent url(images/unquote.png) right bottom no-repeat;
	font-family: sans-serif;
	font-weight: bold;
	display: inline;
	padding-right: 24px;
}
#idPage ul {
	margin: 16px 0;
	padding-left: 2em;
}
#idPage li {
	margin: 8px 0;
}
#idPage a {
	text-decoration: none;
	color: #305090;
}
#idPage a:hover {
	text-decoration: underline;
}

/* Liste */
#idPage ul.list {
	list-style: none;
	margin: 16px 0;
	padding: 0;
	border: 1px solid #606060;
}
#idPage .list li {
	margin: 0;
	border: 1px solid white;
}
#idPage .list li a {
	display: block;
	text-align: left;
	padding: 8px 0;
	height: 1%;
}
#idPage .list li.odd {
	background-color: #e0e0e0;
}
#idPage .list li.even {
	background-color: #f0f0f0;
}
#idPage .list li span {
	display: block;
	float: left;
	margin: 0 16px;
	font-weight: bold;
}
#idPage .list li var {
	float: right;
	margin: 0 16px;
}
#idPage .list li cite {
	display: block;
	margin-left: 12em;
	font-style: normal;
}
#idPage .list li a:hover {
	background-color: #e0ffe0;
}
#idPage .list li div {
	margin: 0 8px 0 12em;
}
#idPage .list li div a {
	display: inline;
	padding: 0;
	height: auto;
	font-size: 80%;
	font-weight: normal;
	font-family: sans-serif;
	margin-right: 8px;
}
#idPage .list li div a:hover {
	background-color: inherit;
}


/* Pulsanteria */
.command {
	text-align: right;
	line-height: 32px;
	clear: left;
	padding: 0 4px;
}
form a.ok,
form input.ok,
form a.cancel,
form input.cancel,
form input.restore,
form a.close,
form a.delete,
form button,
.command a {
	font-family: sans-serif;
	font-size: 14px;
	white-space: nowrap;
	text-align: left;
	height: 24px;
	vertical-align: middle;
	color: #305090;
	cursor: pointer;
	background: #d0d0d0 url(icons/generico.png) 4px center no-repeat;
	margin: 0;
	border: 1px solid teal;
	padding: 2px 4px 2px 22px;
}
#idBlocks .command a {	color: blue;
	background-color: #a0c0ff;
	border-color: #4070ff;
}
form input.ok:hover,
form input.cancel:hover,
form input.restore:hover,
form button:hover {
	background-color: #e0ffe0;
}
form a.ok,
form input.ok,
.command a.ok {
	background-image: url(icons/conferma.png);
}
form a.cancel,
form input.cancel,
.command a.cancel {
	background-image: url(icons/annulla.png);
}
form input.restore,
.command a.restore {
	background-image: url(icons/conferma.png);
}
form a.close,
.command a.close {
	background-image: url(icons/annulla.png);
}
.command a.in {
	background-image: url(icons/comando.png);
}
.command a.out {
	background-image: url(icons/uscita.png);
}
.command a.prev {
	background-image: url(icons/precedente.png);
}
.command a.next {
	background-image: url(icons/successivo.png);
}
.command a.register {
	background-image: url(icons/utente.png);
}
.command a.view {
	background-image: url(icons/visualizza.png);
}
.command a.edit {
	background-image: url(icons/modifica.png);
}
.command a.parent {
	background-image: url(icons/novita.png);
}
form a.delete,
.command a.delete {
	background-image: url(icons/elimina.png);
}
.command a.refresh {
	background-image: url(icons/rinnova.png);
}
.command a.check {
	background-image: url(icons/controlla.png);
}
.command a.privilege {
	background-image: url(icons/permessi.png);
}
.command a.archive {
	background-image: url(icons/archivio.png);
}
.command a.manager_on,
.command a.admin_on,
.command a.trusted_on,
.command a.untrusted_on,
.command a.none_on {
	border-color: black;
	background-color: yellow;
}
.command a.manager_on,
.command a.manager {
	background-image: url(icons/gestore.png);
}
.command a.admin_on,
.command a.admin {
	background-image: url(icons/amministratore.png);
}
.command a.trusted_on,
.command a.trusted {
	background-image: url(icons/utente.png);
}
.command a.untrusted_on,
.command a.untrusted {
	background-image: url(icons/anonimo.png);
}
.command a.none_on,
.command a.none {
	background-image: url(icons/nessuno.png);
}

/* Finestre di notifica */
div.notifyerror,
div.notifyinfo {
	width: auto;
	margin: 15px 0;
	padding: 8px 16px 8px 0;
	border: 1px solid black;
	background-position: 4px 8px;
	background-repeat: no-repeat;
}
div.notifyerror {
	color: red;
	background-color: yellow;
	border-color: red;
	background-image: url(icons/errore.png);
}
div.notifyinfo {
	color: white;
	background-color: gray;
	border-color: white;
	background-image: url(icons/info.png);
}
.notifyerror *,
.notifyinfo * {
	color: inherit !important;
	margin: 0 0 0 40px !important;
}
.notifyerror p,
.notifyinfo p {
	line-height: normal !important;
}

/* Moduli di input dati */
#idPage form {
	margin: 12px 0;
}
#idPage fieldset {
	background-color: #e0e0e0;
	border: 1px outset silver;
	margin: 12px 0;
	padding: 0 0 12px 0;
}
#idPage form ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#idPage form li {
	height: 1%;
	clear: both;
	text-indent: 0;
	padding: 12px 0;
}
#idPage form label {
	float: left;
	clear: left;
	width: 20%;
	margin: 0.4ex 0 0 0;
	font-size: 80%;
	text-align: right;
}
#idPage form div ul {
	list-style: disc;
	margin: 4px 0;
	padding-left: 20px;
}
#idPage form div li {
	margin: 0;
	padding: 0;
}
#idPage form div label {
	float: none;
	clear: none;
	width: auto;
	margin: 0;
	color: black;
	font-size: 100%;
	text-align: left;
}
#idPage form li.error {
	background-color: #ffa0a0;
}
#idPage form .required label {
	color: #206020;
}
#idPage form .error label {
	color: #602020;
}
#idPage form div {
	clear: none;
	margin: 0 0 0 21%;
	width: auto;
}
#idPage form div.error {
	color: red;
	font-size: 80%;
}
#idPage form div.comment {
	color: #505050;
	font-size: 80%;
	margin-top: 4px;
	margin-right: 7%;
	clear: both;
	line-height: normal;
}
#idPage form div.note {
	color: #206020;
	font-size: 80%;
}
#idPage .expand {
	width: 90%;
}
#idPage .element img {
	display: block;
	margin-bottom: 4px;
}
#idPage input[type="text"],
#idPage input[type="password"],
#idPage textarea,
#idPage select {
	font-family: monospace;
	border: 1px inset white;
}
#idPage input[type="checkbox"],
#idPage input[type="radio"] {
	vertical-align: baseline;
}
#idPage .element label {
	vertical-align: baseline;
	margin: 0 1ex;
}
#idPage .required input,
#idPage .required textarea,
#idPage .required select {
	background-color: #f0fff0;
}
#idPage .error input,
#idPage .error textarea,
#idPage .error select {
	background-color: #ffd0d0;
}

/* vCard */
div.vcard {
	padding: 0 8px;
	margin: 8px auto;
	width: 50%;
	border: 2px groove gray;
	color: #606060;
	background-color: white;
	line-height: normal;
}
div.vcard p {
	margin: 8px 0;
}
div.vcard a {
	color: inherit !important;
}
div.vcard a.url {
	font-weight: bold;
	font-size: large;
}

/* Galleria di immagini */
#idPage ul.gallery {
	list-style: none;
	padding: 8px;
}
#idPage ul.gallery li {
	display: block;
	float: left;
	margin: 8px;
}
#idPage ul.gallery a.thickbox {
	float: left;
	margin-top: 0;
	margin-left: 0;
}
#idPage ul.gallery a.thickbox:hover {
	background-image: url(images/shadow-bright.png);
}
#idPage ul.gallery a.thickbox:hover img {
	border-color: silver;
}
#idPage ul.gallery div {
	clear: both;
	text-align: center;
}
#idPage ul.gallery div a {
	font-weight: normal;
	font-family: sans-serif;
	margin: 0 8px;
}