body{
	background: #f6f6f6 url(../img/noise.jpg) repeat top left;
}

.left{
float:left;	
}

.fuxia {
    color: #ec008c;
}

.fuxia a{
    color: #ec008c;
}

.green {
    color: #87cc7b;
}

.gray {
    color: #aaa;
}

.selected{
	color: #ec008c;
	font-weight:bold;
}

/*
 * header
 */
#header_container{
	width:100%;
	background: #111 url(../img/bg2.gif) repeat-x top left;
	height: 134px;
}

#header{
	position:relative;
}

#home_link{
	position:absolute;
	top:57px;
	left:0;
	width:286px;
	height:40px;
	display:block;
	z-index:100;
}

/*
 * topnav
 */
#topnav_container{
	height: 132px;
}

#topnav{
	text-align:right;
	letter-spacing:1px;
	position:absolute;
	bottom:0;
	right:0;
	line-height:18px;
}

#topnav li{
	float:left;
	display:block;
	font-size: 12px;
	text-transform:uppercase;
	padding: 0 8px;
	line-height:12px;
	vertical-align:baseline;
}

#topnav li a{
	padding-top:5px;
	color:#eee;
	text-decoration:none;
	border-top: 3px solid transparent;
}

#topnav li a:hover{
	border-top: 3px solid #ec008c;
}

#topnav li a.current{
	border-top: 3px solid #ec008c;
}

/*
 * contents
 */
#main_container{
	position:relative;
	background: url(../img/dashed2.gif) no-repeat top left;
}

/*
 * breadcrumbs
 */
#breadcrumbs{
	padding: 30px 0;
}

/*
 * langswitch
 */
#langswitch{
	padding: 30px 0;
}

#langswitch a{
	color:#666;
}

#langswitch a.active{
	color:#ec008c;
	border-bottom: 1px dashed #aaa;
}

/*
 * sidenav
 */
ul#sidenav, ul#guide{
	line-height:18px;
	margin:0;
	margin-top: 45px;
}

#sidenav, #sidenav ul, #sidenav ul ul, #guide, #guide ul, #guide ul ul{
	margin:0;
}

#sidenav li{
	color: #666;
	font-size: 12px;
	text-transform:uppercase;
	/*padding:0 18px 0 0;*/
}

#sidenav li:hover{
	color:#ec008c;
	/*background: url(../img/arrow.gif) no-repeat top right;*/
}

/*#sidenav li li:hover, #sidenav li li li:hover, #sidenav li li li li:hover{
	color:#000;
	background: none;
}*/


#sidenav li a, #guide li{
	color:#666;
	text-decoration:none;
	width:210px;
	display:block;
	line-height:18px;
	padding-bottom:9px;
}

#sidenav li a.startingcollection{
	height: 18px;
	background: url(../img/menu_SC2.gif) no-repeat left top;
	text-indent:-5000px;
	margin-top:18px;
}

#sidenav li a.artfaironlinehp{
	height: 18px;
	background: url(../img/menu_AFOL2.gif) no-repeat left top;
	text-indent:-5000px;
}

span.steps{
	color:#ec008c;
	font-weight:bold;
	font-size: 18px;
	line-height:18px;
	vertical-align:middle;
	margin-right: 3px;
}
/*#sidenav li a:hover{
	color:#ec008c;
}

#sidenav li li a:hover, #sidenav li li li a:hover, #sidenav li li li li a:hover{
	color:#000;
}*/

/*
 * sidebar
 */
#sidebar{
	background: url(../img/fold.gif) no-repeat top left;
	height:470px;
}

/*
 * footer
 */
#footer_container{
	width:100%;
	background: #cfcfcf url(../img/bg_footer.gif) repeat-x top left;
	height: 260px;
	margin-top:30px;
	padding: 20px 0;
}
#footer{
	margin-bottom:0;
}
#footer_left{
	background: url(../img/fold_footer.gif) no-repeat top right;
	height:250px;
}
#footer h2, #footer h3{
	border-bottom:1px dashed #999;
	padding-bottom:9px;
}

/*
 * misc
 */

#contents h3
{
	margin-bottom:17px;
	border-bottom: 1px solid #ccc;
}

.highlight{
	color:#ec008c;
}

a.link_border{
	border: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding:10px;
	float:left;
	background: #d5d5d5;
}

a.link_border:hover{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #ccc;
}

a.link_border img{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	float:left;
}

a.link_border:hover img{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
	
a.button{
	background: #ec008c;
	font-weight:bold;
	padding:2px 10px;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:right;
	margin:0 0 0 20px;
	border:1px solid transparent;
}

a.button img{
	vertical-align:middle;
}
a.button:hover{
	background: #fff;
	border:1px solid #ec008c;
	color:#ec008c;
}


/*
 * 
 * sidenav polaroid
 * 
 */
#sidebar_polaroid{
	width:277px;
	height:300px;
	position:relative;
	overflow:hidden;
	margin: 40px 0 0 2px;
}

#polaroid_shadow{
	width:22px;
	height:280px;
	position:absolute;
	top:5px;
	left:0;
	z-index:4;
	background: url(../img/ombra_polaroid.png) no-repeat;
}

#photo{
	width:277px;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#polaroid_img{
	width:200px;
	height:200px;
	position:absolute;
	top:20px;
	left:-10px;
	z-index:2;
}

#polaroid_link{
	width:277px;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	text-indent:-5000px;
}

#polaroid_news{
	width:200px;
	height:200px;
	background: #ec008c;
	position:absolute;
	top:20px;
	left:-10px;
	z-index:2;
	color:#fff;
}
#polaroid_news h2{
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-align:right;padding:20px 14px 0 0;
	color:#fff;
}
#polaroid_news p{
	padding:20px 14px 0 20px;
	color:#fff;
}

#polaroid_top{
	width:277px;
	height:300px;
	position:absolute;
	top:0;
	left:-60px;
	z-index:3;
	background: url(../img/frame_front.png) no-repeat;
}

#photo2{
	width:277px;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#polaroid_bottom{
	width:277px;
	height:300px;
	position:absolute;
	top:0;
	left:-60px;
	z-index:1;
	background: url(../img/frame_back.png) no-repeat;
}

/*
 * 
 * sidenav credits
 * 
 */
#sidebar_credits{
	width:219px;
	height:200px;
	position:relative;
	overflow:hidden;
	margin: 20px 2px 0 0;
}

#credits_shadow{
	width:17px;
	height:200px;
	position:absolute;
	top:10px;
	right:0;
	z-index:4;
	background: url(../img/ombra_credits.png) no-repeat;
}

#credits{
	width:220px;
	height:200px;
	background: url(../img/credits.png) no-repeat;
	position:absolute;
	top:0;
	right:-175px;
	z-index:2;
}

#credits ul{
	margin: 30px 0 0 70px;
}

/*
 * forms
 */
label{
	display:block;
}

div.input{
	margin: 0 0 18px 0;
	padding:0;
}


input{
	font-family: "Courier New", courier, monospace;
	margin:0;
}

input[type="text"], input[type="password"]{
	display:block;
	width: 100%;
	line-height:18px;
	margin-bottom:18px;
}

textarea{
	width:100%;
}

input[type="submit"]{
	width:100px;
	margin:18px 0 0 20px;
	padding:2px 10px;
	font: 10px bold Helvetica, Arial, sans-serif;
	font-weight:bold;
	background: #ec008c;
	padding:2px 10px;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:right;
	border:1px solid transparent;
	cursor:pointer;
}

input[type="submit"]:hover{
	background: #fff;
	border:1px solid #ec008c;
	color:#ec008c;
}

input[type="submit"].btn_submit_left{
	float:left;
	margin:20px 20px 0 0;
}

button{
	width:160px;
	margin:18px 0 0 20px;
	padding:2px 10px;
	font: 10px  Helvetica, Arial, sans-serif;
	background: #000;
	padding:2px 10px;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:right;
	border:1px solid transparent;
}

button:hover{
	background: #fff;
	border:1px solid #000;
	color:#000;
}

.required label{
	font-weight:bold;
}
/*
 * sitemap
 */
.sitemap ul ul{
	border-left:1px dashed #aaa;
}

.sitemap ul li a{
	color:#ec008c;
}

.sitemap ul li li a{
	color:#000;
}

.sitemap ul li li li a{
	color:#666;
}

.sitemap ul li li li li a{
	color:#999;
}

.sitemap ul li li li li li a{
	color:#aaa;
}

/*
 * Notices and Errors 
 */
#flashMessage {
	clear: both;
	color: #09c;
	font-weight: bold;
	margin: 0 0 18px 0;
	background: #eee;
	font-family: "Courier New", monospace;
	padding: 9px;
}

.error {
	color: #a00;
	font-weight: bold;
}
.notice {
	color: #333;
	font-weight: bold;
}
.success {
	color: #0a0;
	font-weight: bold;
}

/*
 * slideshow
 */
#featured_header{
	position:relative;
}

#featured_nav{

}

#featured_frame{
	width: 460px;
	overflow:hidden;
	position:relative;
}

#featured_slide{
	width: 3680px;
	position:relative;
}



.featured_element{
	width:460px;
	overflow:hidden;
	float:left;
}

/* tabelle e definistion list per area riservata*/
table{
	width:100%;
	text-align:left;
}

dl{
	
}

dt{
	font-weight:bold;
}
dd{
	margin-bottom:9px;
}

fieldset legend{
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
	margin-bottom: 12px;
}
th{
	border-bottom: 1px solid #999;
}
th.artista{
	width:auto;
}
th.edizioni,th.modifica{
	width:100px;
}
th.conferma,th.elimina{
	width:200px;
}

td{
	padding:3px 0;
	border-bottom:1px dotted #999;
}

td img{

	vertical-align:middle;
}

.actions{
	text-align:center;
}


div.paging{
	display:block;
	float:left;
}

/*
 * forms
 */
label{
	display:block;
	color:#000;
}

input[type="text"],input[type="password"]{
	display:block;
	width:100%;
	line-height:18px;

	margin-bottom: 9px;
	color: #000;
} 

input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus,input[type="password"]:hover, input[type="password"]:active, input[type="password"]:focus{
	color: #ec008c;
}

textarea{
	width:100%;
	height:64px;
}

.required label{
	font-weight:bold;
}
input[type="submit"]{
	
}

select{
	width:100%;
	line-height:18px;
	margin-bottom: 9px;
	color: #000;
}

option{
	background:#fff;
	color: #000;
}

input[type="checkbox"]{
	float:left;
}

/*
 * 
 *tabelle 
 */

.number{
	text-align:right;
}

table{
	width:100%;
	border-collapse:collapse;
}

.firstcol{
	width:220px;
	font-weight:bold;
}

th{
	text-align:left;
	padding: 6px 4px;
	border-bottom: 2px solid #000;
	vertical-align:middle;
}
td{
	text-align:left;
	padding: 6px 4px;
	border-bottom: 1px dotted #000;
	vertical-align:middle;
}

/*
 * liste
 * 
 */

#maincontent ul, #maincontent li, #maincontent a{
	margin:0;
	padding:0;
	text-indent:0;
	border:none;
}
#list_frame{
	height: 220px;
	overflow:hidden;
}

#overflow_div{
	height:220px;
	overflow:visible;
}

#maincontent ul.floated{
	height: 180px;
	width:220px;
	float:left;
	margin:0 20px 0 0;
}

#maincontent li.floated{
	float:left;
	line-height:18px;
	font-size: 11px;
	width:220px;
	list-style:none;
	padding:0;
	text-indent:0;
	margin: 0;
}

#maincontent li.floated a{
	color:#000;
	font-weight:normal;
}

span.pagelink{
	font-size:12px;
	font-weight:normal;
	padding: 0 3px;
	cursor:pointer;
}
/*
 * thumbs
 */

div.thumb{
	width:120px;
	height:60px;
	background: #ccc;
	border: 10px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 5px;
	font-size:10px;
	line-height:10px;
	overflow:hidden;
	float:left;
}

div.thumb img{
	float:left;
	margin:0 5px 0 0;
}

div.thumb:hover{
	border: 10px solid #ec008c;
	position:relative;
}

div.overlay{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	width:120px;
	height:60px;
	background: #ccc;
	margin:0;
	padding:0;
	text-indent:0;
	border: none;
}

div.overlay li{
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
}

div.overlay:hover{
	opacity:1;
}

div.overlay li a.thumb{
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:60px;
	display:block;
	z-index:10;
}


