/** Link come bottoni CSS3 */
a.wip,a.wip-light,a.wip-dark,
a.wip:visited,a.wip-light:visited,a.wip-dark:visited,
a.wip-blue, a.wip-blue:visited
{

	/** Per default c'e la versione light */
	background-color:#eee;
		
	border:1px solid #ccc;
	color: #495969;	
	
	padding: 6px 8px;
	position: relative;
	
	text-decoration:none;
	top:1px;

	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
a.wip span.pictos,a.wip-light span.pictos,a.wip-dark span.pictos,a.wip-blue span.pictos {
	position:relative;
	top:-7px;
	vertical-align: middle;
	font-size: 1.3em;
}

html>body a.wip, html>body a.wip-light, html>body a.wip-dark,
html>body a.wip:visited,html>body a.wip-light:visited, html>body a.wip-dark:visited
{
	background-image: url(overlay.png);
	background-repeat: repeat-x;
}
a.wip:active,a.wip-light:active,a.wip-dark:active,a.wip-blue:active {
	top:2px;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
a.wip-dark, a.wip-dark:visited,
a.wip-blue, a.wip-blue:visited
{
	background-color:#495969;
	border:1px solid #596979;
	color:#fafafa;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
a.wip-blue, a.wip-blue:visited {
	background-color:#5999f1;
	border:1px solid #a9b9c9;
}
/** html>body serve solo per escludere IE */
html>body a.wip:hover,
html>body a.wip-light:hover
{
	text-shadow: 0px 0px 6px rgba(59,69,79,0.3);
}
html>body a.wip-dark:hover,
html>body a.wip-blue:hover
{
	text-shadow: 0px 0px 6px rgba(200,220,240,0.7);
}