@import 'community.css';
@import 'view-from.css';
/* Public panel */

ul.user-panel,
ul#user-panel{
	margin: 0;
	padding: 0;
}

ul.user-panel li,
ul#user-panel li{
	display: block;
	float: left;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	
	margin-bottom: 1%;
	font-weight: bold;
	background-image: url('../img/panel-thumb.gif');
	padding-top: 20px;

	height: auto !important;
	min-height: 9.5em;
	height: 9.5em;
	width: 140px;
}

ul#user-panel li div,
ul.user-panel li div{
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 90px;
	font-size: 0.9em;
}

	ul#user-panel li:hover *{
		color: #a00 !important;
	}

	ul#user-panel li#user-panel-main div{
		background-image: url(/images/yb/indietro.gif);
	}

	ul#user-panel li#user-panel-profile-edit div{
		background-image: url(/images/yb/utente.gif);
	}

	ul#user-panel li#user-panel-edit div{
		background-image: url(/images/yb/modifica.gif);
	}
	
	ul#user-panel li#user-panel-blog-settings div{
		background-image: url(/images/yb/gestione.gif);
	}
	
	ul#user-panel li#user-panel-blog-posts div{
		background-image: url(/images/yb/stili.gif);
	}
	
	ul#user-panel li#user-panel-art-list div{
		background-image: url(/images/yb/opere_arte.gif);
	}
	
	ul#user-panel li#user-panel-user-events div{
		background-image: url(/images/yb/eventi.gif);
	}
	
	ul#user-panel li#user-panel-user-community div{
		background-image: url(/images/yb/comunita.gif);
	}
	
	ul#user-panel li#user-panel-upgrade div{
		background-image: url(/images/yb/pagamenti.gif);
	}
	ul#user-panel li#user-panel-biography div{
		background-image: url(/images/yb/biografia.gif);
	}
	ul#user-panel li#user-panel-curriculum div{
		background-image: url(/images/yb/curriculum.gif);
	}
	ul#user-panel li#user-panel-aphorism div{
		background-image: url(/images/yb/aforismi.gif);
	}
	
	ul#user-panel li#user-panel-new div{
		background-image: url(/images/yb/nuovo.gif);
	}
	
	ul#user-panel li#user-panel-delete div{
		background-image: url(/images/yb/elimina.gif);
	}
	ul#user-panel li#user-panel-blog-profile div{
		background-image: url(/images/yb/blog_utenti.gif);
	}
	ul#user-panel li#user-panel-user-profile div{
		background-image: url(/images/yb/utente.gif);
	}
	
	ul#user-panel li#user-panel-set-privacy div{
		background-image: url(/images/yb/accessi.gif);
	}
	ul#user-panel li#user-panel-collection div{
		background-image: url(/images/yb/log.gif);
	}
	ul#user-panel li#user-panel-editorials div{
		background-image: url(/images/yb/contenuti.gif);
	}
	
	ul#user-panel li#user-subscribe-contest div,
	ul.user-panel li#user-panel-my-contests div{
		background-image: url(/images/yb/concorsi_partecipo.gif);
	}

	ul#user-panel li#user-subscribe-contest div{
		background-image: url(/images/yb/concorsi_partecipo.gif);
	}

	ul.user-panel li#user-panel-new-contest div{
		background-image: url(/images/yb/concorsi_nuovo.gif);
	}
	ul.user-panel li#user-panel-contest-manager div{
		background-image: url(/images/yb/concorsi_attivi.gif);
	}

	ul.user-panel li#user-panel-prizes div{
		background-image: url(/images/yb/premi.gif);
	}

	ul.user-panel li#user-panel-contests div{
		background-image: url(/images/yb/concorsi_lista.gif);
	}

	ul.user-panel li#user-panel-more-info div{
		background-image: url(/images/yb/biografia.gif);
	}

	ul.user-panel li#user-panel-lessons div{
		background-image: url(/images/yb/tutorials.gif);
	}

	ul.user-panel li#user-panel-temporary-exhibitions div{
		background-image: url(/images/yb/risorse.gif);
	}

	ul.user-panel li#user-panel-video-import div{
		background-image: url(/images/yb/video.gif);
	}

	ul.user-panel li#user-panel-inbox div{
		background-image: url(/images/yb/inbox.gif);
	}


/* Youtube importer */ 

.video-item{
	border-bottom: 2px solid #cad8dd;
}

ul.yt-video-actions{
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.yt-video-actions li{
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 2em;
}

	li.yt-video-add{
		background-image: url(/images/actions/accept.png);
	}

	li.yt-video-del{
		background-image: url(/images/actions/delete.png);
	}

/* Form data */

form#user-profile,
form.user-profile{
	width: 80%;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto;
}

	form#user-profile div,
	form.user-profile div{
		padding-top: 10px;
	}

	form#user-profile div#carousel{
		/*margin-left: -100px;*/
		/*margin-top: 20px;*/
		height: 180px;
		padding-top: 20px !important;
	}
	
	form#user-profile div#carousel,
	form#user-profile div#carousel div{
		 padding-top: 0;
		 
	}

	form#user-profile label,
	form#user-profile .simil-label,
	form.user-profile label,
	form.user-profile .simil-label{
		display: block;
		padding: 5px;
		font-size: 1.5em;
		color: #069;		
	}
	
		form#user-profile label.inline,
		form.user-profile label.inline{
			display: inline !important;
		}
	
	
		form#user-profile .simil-input label,
		form#edit-info .simil-input label{
			display: inline;
			font-size: 1em;
		}
	
	form#user-profile .suggest,
	form.user-profile .suggest{
		font-size: 0.7em;
		font-weight: bold;
		color: #822 !important;
	}
	
	form#user-profile input.testo,
	form#user-profile select.testo,
	form#user-profile textarea.testo,
	form#user-profile .simil-input,
	form#edit-info .simil-input,
	form.user-profile input.testo,
	form.user-profile select.testo,
	form.user-profile textarea.testo,
	form.user-profile .simil-input{
		width: 100%;
		font-size: 1.2em;
		border: 1px solid #004;
		color: #069;
		padding: 5px;
		background-color: #fff;
		margin-left: 2em;
	/*	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
		font-family: "augie", Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

		form#edit-info .simil-input{
			width: 70%;
		}

		form#user-profile select option,
		form.user-profile select option{
			color: #069;
		}
		
		form#user-profile input.medium,
		form.user-profile input.medium{
			width: 50%;
		}
		
		form#user-profile input.small,
		form.user-profile input.small,
		form#edit-info input.small{
			width: 20px;
			margin-left: 1em; 
			text-align: center;
		}
		
		#anno_inizio, #anno_fine{
			width: 40px !important;
		}
	form#user-profile div.button-area,
	form.user-profile div.button-area{
		text-align: right;
	}
	
	.button-area input,
	.button-area .submit{
		font-family: augie, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-image: url(../img/submit.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-color: transparent;
		cursor: pointer;
		font-weight: normal;
		width: 160px;
		height: 38px;
		border: 0px;
		color: #069;
		font-size: 1.5em;
		border: 0px;
	}
	
	.button-area .submit{
		text-align: center;
		text-decoration: none;
		padding-top: 10px;
		background-position: center center;
	}

	
form#user-profile .warning,
form.user-profile .warning{
	margin: 5px;
	padding: 10px;
	border: thin dotted #800;
	background-color: #ffd;
	color: #f00 !important;
	font-size: 1.5em;
}

div#post-list{
	clear: left;
}
	div#post-list ul{
		list-style: none;
		margin: 0;
		padding-top: 20px;
	}
		div#post-list ul li{
			padding-left: 74px;
			padding-bottom: 4px;
			font-size: 1.2em;
			border-bottom: 2px solid #cad8dd;
			margin-bottom: 4px;
			display: block;
			min-height: 64px;
			background-image: url(/images/yb/modifica.gif);
			background-repeat: no-repeat;
		}

			div#post-list ul li a:hover {
				color: #a00 !important;
			}
			
			div#post-list ul li a img{
				border: 0;
			}

.inline{
	display: inline !important;
}

img.preview {
	background-color:#fff;
	border:1px solid #ccc;
	float:left;
	margin-right:4px;
	margin-top:4px;
	margin-bottom: 4px;
	padding:10px;
}

.status-list {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
		
	.status-list th{
		background-color: #069;
		color: #fff;
		padding: 0.5em;
		
	}
	
	.status-list td{
		color: #069;
		background-color: #fff;
		border: 1px solid #ccc;
		text-align: center;
	}

.notify-to,
.moderate{
	padding: 5px;
	padding-left: 20px;
	border: 1px solid #ddd;
	margin-top: 10px;
	display: block;
	width: 180px;
	text-align: center;
	background-color: #fff;
	background-image: url(img/expand.gif);
	background-position: center left;
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
	font-size: 0.8em; 
}
	.notify-to:hover{
		background-color: #ffe;
		border: 1px solid #ccc;
	}
	
#notifier,
#moderate{
	background-color: #fff;
	border: 1px solid #069;
	padding: 10px;
}

	#notifier h3{
		margin-top: 0;
	}
	#notifier ul{
		margin: 0;
		list-style: none;
		padding: 0;
	}
	#moderate table{
		border-collapse: collapse;
	}
	
	#moderate a img{
		border: 0px;
	}
	#moderate td{
		border: 1px solid #ccc;
	}

	#moderate tr.unread td{
		background-color: #fee;
	}

#tag-list,
#cat-list{
	padding-top: 0 !important;
}

.JAST-autocompleter{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	background-color: #ffe;
	border: 1px solid #ddd;
	padding: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
	.JAST-autocompleter li,
	.JAST-autocompleter li *{
		padding: 3px;
		color: #069;
	}
		.JAST-autocompleter li.selected{
			background-color: #ddc;
		}


.step-list li{
	font-size: 0.7em;
}
.step-list .current{
	font-weight: bold;
	color: #800 !important;
	font-size: 1em;
}	
#change-password{
	width: 500px;
}

	#change-password input{
		width: 70%;
	}
	
#edit-info{
	width: 500px;
	padding: 0.2em;
}

#edit-info label,
#edit-info .simil-label{
	font-size: 0.9em;	
}

#edit-info input,
#edit-info select,
#edit-info textarea,
#edit-info .simil-input{
	width: 70%;
	font-size: 0.9em;
}

#subscribe-contest{
	padding: 1em;
	width: 500px;
}

#contest-response{
	padding: 1em;
	width: 400px;
}
	#contest-response #output-message{
		font-size: 1.5em;
		color: #a00 !important;
	}
	
.form-category-item{
	float: left;
	width: 45%;
	font-size: 1.2em !important;
}

.collection{
	margin: 0;
	padding: 0;
	
}

	.collection li{
		border-top: 2px solid #cad8dd;
		display: block;
		clear: both;
		list-style: none;
		list-style-type: none;
		margin: 0;
		margin-top: 10px;
		padding: 10px;
	}
/*		.collection li ul{
			clear: left;
			margin: 20px;
			padding: 0;
			
		}
.collection li ul li{
	border: 0; 
	
}*/
div.error{
	background-color: #ffe;
	color: #a00 !important;
	border: 2px dashed #a00;
	padding: 0.5em;
	
	font-size: 1.5em;
}


/* Stili per l'inbox */

#inbox-menu{
	border-bottom: 1px solid #069;
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	padding-bottom: 5px;
}

	#inbox-menu li{
		display: inline;
		padding-left: 20px;
		padding-right: 10px;
		margin-right: 5px;
		background-position: center left;
		background-repeat: no-repeat;
		border-right: 1px solid #069;
		padding-bottom: 2px;
	}
	
	#inbox-menu li#inbox{
		background-image: url('/images/actions/email_go.png');
	}

	#inbox-menu li#outbox,
	.profilo #send-mail{
		background-image: url('/images/actions/email.png');
	
	}

	#inbox-menu li#new-message{
		background-image: url('/images/actions/email_edit.png');
	}

ul.mailbox{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}	
	ul.mailbox li{
		border: 1px solid #D7E1E5;
		font-size: 0.9em;
		margin-bottom: 0.5em;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-bottom-left-radius: 15px;
	}
	
	ul.mailbox li h6{
		background-repeat: repeat-y;
		background-position: left;
		margin: 0;
		background-color: #d7e1e5;
		font-size: 12px;

	}
	
	ul.mailbox li.outbox{
		margin-left: 2em;
		
	}
	ul.mailbox li.outbox h6{
		background-image: url('img/bgoutbox.gif');
	}
	ul.mailbox li.unread{
		border: 1px solid #fc3;
	}
		ul.mailbox li.unread h6{
			background-color: #fc3;
		}
div.mailbox-actions{
	text-align: right;
}
span.mailbox-actions{
	text-align: right;
}
	.mailbox-actions a{
		background-position: center left;
		background-repeat: no-repeat;
		margin-right: 20px;
		padding-left: 20px;
		
	}

	span.mailbox-actions a{
		float: left;
		display: block;
		margin-right: 5px;
		padding: 0;
		width: 20px;
		height: 20px;
		text-indent: -9999px;
		text-align: left;
	}

		.mailbox-actions a.throw,
		#inbox-menu li#throw-message{
			background-image: url('/images/actions/email_delete.png');
		}
		.mailbox-actions a.reply{
			background-image: url('/images/actions/user_go.png');
		}
		.mailbox-actions a.reply-all{
			background-image: url('/images/actions/group_go.png');
		}
		.mailbox-actions a.forward{
			background-image: url('/images/actions/email_go.png');
		}
		
		.form-message{
			font-size: 0.8em;
		}
		
		form#user-profile.form-message label{
			font-size: 0.8em;
			
		}
	.inbox-body{
		padding: 0.5em;

	}
		.inbox-body cite{
			color: #888;
			margin-left: 1em;
			border-left: 1px solid #aaa;
			padding-left: 1em;

			display: block;
		}

#delete-all-confirmation{
	width: 600px;
}


.half-form{
	width: 345px;
	float: left;
}

form.new-user-profile{
	width: 700px !important;
}

form#user-profile div.half-form input,
form#user-profile div.half-form textarea,
form#user-profile div.half-form div.simil-input{
		width: 305px;
		margin-left: 10px;
		font-size: 12px;
		padding: 2px;
		border: 1px solid #069;
		color: #036;
	}

	form#user-profile div.half-form div.simil-input input{
		width: auto;
		border: none;
	}