@charset "UTF-8";
/* CSS Document */
/*
Description: Theme for Openid4you (may 2008)
Version: 1.0
Author: Nicolò Volpato |MC|
Author URI: http://www.gnvpartners.com
*/
/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
/*   *:first-child+html body   hack for IE7 */

* {
	padding:0;
	margin:0;
	outline:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { font-weight:normal; }

li, dd { margin-left:5%; }

.clear{ clear:both; height:0px; font-size:0px; line-height:0px; }

a img{ border:none; }


html{
	background:#EDEDED url(../img/bg_html.jpg) repeat-y center top;
}

body{
	background:transparent url(../img/bg_body.jpg) repeat-x left top;
	font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#2A2A2A;
	font-weight:normal;
}
body#internal{
	background:transparent url(../img/bg_body_internal.jpg) repeat-x left top;
}


#wrapper{
	margin:0 auto;
	background:transparent url(../img/bg_wrapper.jpg) no-repeat center top;
}
body#internal #wrapper{
		background:transparent url(../img/bg_wrapper_internal.jpg) no-repeat center top;
}


.inside{
	width:960px;
	margin:0 auto;
}


.left_col, .center_col, .main_col{
	float:left;
}

.left_col{
	width:285px;
	padding:0 25px 0 15px;
}

.center_col{
	width:335px;
	padding:0 15px 0 15px;
}

.right_col{
	float:right;
	width:240px;
	padding:0 5px 0 20px;
}

.main_col{
	width:650px;	
	padding:0 25px 0 15px;
}


/*--- H and a ----------------------------*/
h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	text-decoration:none;
}

h1, h1 a{
	font-size:24px;
	line-height:18px;
	color:#FFF;
	margin-bottom:15px;
}
body#internal h1, body#internal h1 a{
	margin-bottom:5px;
}


h2, h2 a{
	font-size:18px;
	line-height:18px;
	color:#F7590F;
	margin-bottom:33px;
}

.title{
	margin-bottom:15px;
}

.title h2, .title h2 a{
	margin-bottom:5px;
	float:left;
	width:95%;
}


h4, h4 a{
	font-size:11px;
	line-height:18px;
	color:#F7590F;
}
h4 span, h4 a span{
	color:#c1bdbd;
}


h5, h5 a{
	font-size:11px;
	line-height:14px;
	color:#c1bdbd;
}


a{
	text-decoration:none;
}

p a, blockquote a, p.blockquote a{
	color:#000;
	text-decoration:underline;
}

p a:hover, blockquote a:hover, p.blockquote a:hover{
	color:#F7590F;
}

a.more, p a.more, blockquote a.more, p.blockquote a.more{
	font-weight:bold;
	color:#2A2A2A;
	display:block;
	margin-bottom:10px;
	text-decoration:none;
}

a.more:hover span, p a.more:hover span, blockquote a.more:hover span, p.blockquote a.more:hover span{
	border-bottom:1px dotted #F7590F;
	margin-bottom:9px;
}

a.rss_mini{
	height:12px;
	width:12px;
	display:inline;
	text-indent:-99999px;
	padding:9px 0 0 0;
	float:left;
	background:url(../img/rss_mini.jpg) no-repeat center center;
}


/*--Sliding door buttons ---*/
.sliding_btns { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width:100%;
	margin:0 0 20px 0;
}

a.btn{
    background:transparent url(../img/btn_a.gif) no-repeat scroll top left;
	background /**/:transparent url(../img/btn_a.png) no-repeat scroll top left;
    color: #3E3E3E;
    display: block;
    float: left;
    font: normal 13px 'Lucida Grande', sans-serif;
    height:34px;
    text-decoration: none;
}
a.btn:hover{
    background:transparent url(../img/btn_a.gif) no-repeat scroll top left;
	background /**/:transparent url(../img/btn_a.png) no-repeat scroll top left;
}

a.btn span{
    background:transparent url(../img/btn_a_span.gif) no-repeat top right;
	background /**/:transparent url(../img/btn_a_span.png) no-repeat top right;
    display: block;
    line-height:14px;
    padding:9px 38px 11px 0;
	margin-left:17px;
} 
a.btn:hover span{
	background:transparent url(../img/btn_a_span.gif) no-repeat bottom right;
	background /**/:transparent url(../img/btn_a_span.png) no-repeat bottom right;
	color:#000;
}


/*---general instructions -----------------*/
p, blockquote, p.blockquote, ul, ol{
	margin-bottom:15px;
}

blockquote, p.blockquote{
	font-size:12px;
	font-style:italic;
	padding:10px 0 10px 10px;
	border-left:1px solid #90C434;
}

ul li, ol li	{
	list-style-image:url(../img/list.gif);
	margin-left:17px;
	padding:0;
}

ol li{
	list-style-image:none;
	margin-left:20px;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
	clear:left;
}

/*--- White Header -----------------------*/
a#logo{
	display:block;
	height:110px;
	width:335px;
	text-indent:-99999px;
	background:transparent url(../img/logo_main.jpg) no-repeat center center;
}

#language{
	height:20px;
	width:160px;
	text-align:center;
	padding-top:2px;
	margin:0 0 38px 75px;
	background:transparent url(../img/bg_language.jpg) no-repeat center top;
	font-size:10px;
	line-height:14px;
	color:#ACACAC;
	text-transform:uppercase;
}
.profile #language, .registration #language{
	background:none;
}

#language a{	
	color:#ACACAC;
}

#language a:hover, #language a.selected{
	color:#565656;
	text-decoration:none;
}

a#poweredby, a#poweredby{
	display:block;
	width:131px;
	height:24px;
	text-indent:-99999px;
	margin-left:100px;
	background:transparent url(../img/poweredby.jpg) no-repeat center center;
}


/*--- White Header -----------------------*/
#white_header{
	height:115px;
	margin-bottom:20px;
}
body#internal #white_header{
	height:103px;
}



/*--- Green Header -----------------------*/
#green_header{
	font-size:12px;
	line-height:18px;
	padding-bottom:40px;
}

#green_header .left_col, #green_header .center_col{
	margin-top:40px;
	height:175px;
}

#green_header .right_col{
	margin-top:30px;
	padding-top:10px;
	padding-bottom:10px;
	border-left:1px solid #c4e06b;
}

body#internal #green_header .left_col, body#internal #green_header .center_col, body#internal #green_header .right_col{
	margin-top:0;
	padding-top:10px;
	height:50px;
}
body#internal #green_header .right_col{
	padding-bottom:0;
}


#green_header .left_col{
	height:210px;
}
body#internal #green_header .left_col{
	height:130px;
}


#green_header p{
	margin-bottom:10px;
}


#login{
	margin:0 0 0 15px;
	width:595px;
}
body#internal #login{
	margin-top:10px;
	margin-top /**/:15px;
}


#login, #login_form label, #login_form input, #log-in .sliding_btns, #login_form{
	float:left;
	margin-right:10px;
	margin-right /**/:15px;
}

#login_form input{
	background:transparent url(../img/bg_login.jpg) no-repeat left top;
	height:16px;
	width:130px;
	padding:10px 15px 10px 15px;
	border:none; 
	margin:0 10px 0 10px;
	color:#c1bdbd;
	font-size:12px;
}


/*--- #content -------------------------------*/
#content{
	background:transparent url(../img/bg_content.jpg) no-repeat center bottom;
	padding-bottom:60px
}

#content .inside{
	min-height:350px;
}
* html body #content .inside{
	height:350px;	
	overflow:visible;
}


/*---Footer---*/
#footer{
	background:transparent url(../img/bg_footer.jpg) no-repeat center top;
	color:#c1bdbd;
	line-height:14px;
	padding:7px 0 10px 0;
	margin-bottom:40px;
}

#footer a{
	color:#c1bdbd;
}

#footer a:hover{
	color:#4A4A4A;
}

#footer .left_col{
	width:250px;
	margin-left:35px;
}

#footer .right_col{
	width:190px;
}






#response{
	background:transparent url(../img/error.gif) no-repeat left center;
	background /**/:transparent url(../img/error.png) no-repeat left center;
	padding:7px 0 5px 50px;
	font-size:14px;
}
#response span{
	color:#d00;
}
#response a{
	color:#000;
	margin:0 0 0 10px;
}
#response a:hover{
	border-bottom:1px dotted #F7590F;
}
#response.openid{
	background:none;
	padding:7px 0 5px 0;
	font-size:11px;
}
#response.openid a{
	color:#F7590F;
	margin:0 0 0 10px;
}
#response.openid a:hover{
	border-bottom:1px dotted #F7590F;
}


* html body #register_form{
	width:630px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#register_form label, #password_reset label{
	display:block;
	width:190px;
	float:left;
	margin:0 0 20px 0;
	font-size:12px;
}
#register_form label span, #password_reset label span{
	display:block;
	font-size:10px;
	color:#aaa;
}
#register_form input, #password_reset input{
	background:transparent url(../img/bg_login.jpg) no-repeat left top;
	height:16px;
	width:130px;
	padding:10px 15px 10px 15px;
	border:none; 
	margin:0 10px 20px 10px;
	color:#c1bdbd;
	float:left;
	font-size:12px;
}
* html body #register_form input{
	background:transparent url(../img/bg_login.jpg) no-repeat left top fixed;
}


#register_form select{
	background:transparent url(../img/bg_login.jpg) no-repeat left top;
	width:165px;
	border:none; 
	padding:10px 15px 10px 15px;
	margin:0 10px 20px 10px;
	color:#c1bdbd;
	float:left;
	font-size:12px;
}
*:first-child+html body #register_form select{
	width:145px;
	height:20px;
}
* html body #register_form select{
	width:145px;
	height:20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Opera 9 rules here */
	#register_form select{
		width:160px;
		height:auto;
		background:none;
		color:#666;
	}
}

#register_form span#email_check, #register_form span#susername_check{
	display:block;
	width:200px;
	float:left;
	margin:0 0 15px 0;
	line-height:15px;
}

#register_form span.error{
	display:block;
	background:transparent url(../img/error.gif) no-repeat left center;
	background /**/:transparent url(../img/error.png) no-repeat left center;
	padding:7px 0 5px 40px;
}

#register_form span.good{
	display:block;
	background:transparent url(../img/good.gif) no-repeat left center;
	background /**/:transparent url(../img/good.png) no-repeat left center;
	padding:7px 0 5px 40px;
}


#password_status, .profile #register_message{
	margin:20px 0 20px 0;
	color:#d00;
}
h2.pwchange{
	margin-top:80px;
}


#register_form input.noedit{
	background:transparent url(../img/bg_noedit.jpg) no-repeat left top;
	color:#c1bdbd;
}
* html body #register_form input.noedit{
	background:transparent url(../img/bg_noedit.jpg) no-repeat left top fixed;
}


textarea.code{
	width:95%;
	background-color:#ffc;
	border:1px dotted #ccc;
	color:#666;
	font-size:11px;
	padding:3px;
}


#esito, .esito{
	display:none;
	width:614px;
	background-color:#ffc;
	border:1px dotted #ccc;
	color:#666 !important;
	font-size:11px;
	padding:3px 8px 3px 8px;
	margin:20px 0 0 0;
}
.esito span{ color:#666 !important; }


/* tables */
table{
	width:630px;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	margin:1em 0 4em 0;
	border-collapse:collapse;
}
caption{
	display:none;
}	
tr.odd td{
	background:#faffdf;
}
tr.odd .column1{
	background:#f5fec3;
}	
.column1{
	background:#faffdf;
}
td{
	color:#888;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	padding:1em .3em;
	text-align:center;
}	
td a, th span, th span a{
	text-decoration:none;
	color:#888;
	border-bottom:1px solid #eee;
}	
th span{
	color:#bbb;
	border-bottom:none;
}
th span a{
	color:#c00;
	border-bottom:1px solid #ddd;
	font-weight:bold;
}	
th{
	font-weight:normal;
	color: #666;
	border-bottom: 1px solid #eee;
	border-left:1px solid #eee;
	padding:1em .3em;
}							
thead th{
	background:#eefaac;
	text-align:center;
	color:#333; 
}	
tfoot{
	display:none;
}

	

