/* ==== Bottoni CSS3
=========================================================
	- Definizione delle propietà base per tutti i pulsanti
	- ORANGE	:: MINI
	- ORANGE	:: SMALL
	- ORANGE	:: NORMAL
	- ORANGE	:: BIG
	- GREEN		:: MINI
	- GREEN		:: SMALL
	- GREEN		:: NORMAL
	- GRAY		:: SMALL
========================= */

/* Definizione delle propietà base per tutti i pulsanti */
.actionButton{cursor:pointer;display:inline-block;*display:inline;position:relative;zoom:1;text-align:center;}
/* .actionButton a{display:inline-block;font-family:'francoisone';margin-left:5px;white-space:nowrap;text-transform:uppercase;text-decoration:none !important} */
.actionButton a{display:inline-block;font-family:'verdana';margin-left:5px;white-space:nowrap;text-transform:uppercase;text-decoration:none !important}
.actionButton:active{top:1px;}
.actionButton.loading{background:url(./images/button/loading.gif) no-repeat 50% 50% #dddddd!important;border-radius:5px;}
.actionButton.loading a{visibility:hidden;}

/* ORANGE :: MINI */
.actionButton.miniOrange{height:24px;background:url(./images/button/actionButton_mini_orange.png) no-repeat left top;}
.actionButton.miniOrange a{text-decoration:none;color:#311900!important;font-size:11px;line-height:24px;height:24px;padding:0 15px 0 10px;background:url(./images/button/actionButton_mini_orange.png) no-repeat right top;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FEC851;}
	.miniOrange.iconSX a{padding-left:17px;}
	.miniOrange.iconDX a{padding-right:17px;}
	.miniOrange.iconSX a .icon{top:-1px;left:0;}
	.miniOrange.iconDX a .icon{top:-1px;left:auto;right:0;}
.actionButton.miniOrange:hover{background-position:left bottom;}
.actionButton.miniOrange a:hover, .actionButton.miniOrange:hover a {color:#311900;text-decoration:none;background-position:right bottom;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FFD200,0 0 6px #FFD200,0 0 8px #FFD200;}
*html .actionButton.miniOrange a:hover{background-position:right top;}

/* ORANGE :: SMALL */
.actionButton.smallOrange{height:33px;line-height:33px;background:url(./images/button/actionButton_small_orange.png) no-repeat left top;}
.actionButton.smallOrange a{text-decoration:none;color:#311900!important;font-size:14px;height:33px;line-height:32px;padding:0 15px 0 10px;background:url(./images/button/actionButton_small_orange.png) no-repeat right top;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FEC851;}
.actionButton.smallOrange:hover{background-position:left bottom;}
.actionButton.smallOrange a:hover, .actionButton.smallOrange:hover a {color:#311900!important;text-decoration:none;background-position:right bottom;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FFD200,0 0 6px #FFD200,0 0 8px #FFD200;}
*html .actionButton.smallOrange a:hover{background-position:right top;}

/* ORANGE :: NORMAL */
.actionButton.normalOrange{height:44px;background:url(./images/button/actionButton_normal_orange.png) no-repeat left top;}
.actionButton.normalOrange a{text-decoration:none;color:#311900!important;font-size:18px;height:44px;line-height:44px;padding:0 15px 0 10px;background:url(./images/button/actionButton_normal_orange.png) no-repeat right top;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FEC851;}
.actionButton.normalOrange:hover{background-position:left bottom;}
.actionButton.normalOrange a:hover, .actionButton.normalOrange:hover a {color:#311900;text-decoration:none;background-position:right bottom;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FFD200, 0 0 6px #FFD200, 0 0 8px #FFD200;}
*html .actionButton.normalOrange a:hover{background-position:right top;}

/* ORANGE :: BIG */
.actionButton.bigOrange{height:60px;background:url(./images/button/actionButton_big_orange.png) no-repeat left top;}
.actionButton.bigOrange a{text-decoration:none;color:#311900!important;font-size:20px;height:60px;line-height:60px;padding:0 15px 0 10px;background:url(./images/button/actionButton_big_orange.png) no-repeat right top;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FEC851;}
.actionButton.bigOrange:hover{background-position:left bottom;}
.actionButton.bigOrange a:hover, .actionButton.bigOrange:hover a {color:#311900;text-decoration:none;background-position:right bottom;text-shadow:1px 1px 0 #FCCD51, 0 0 4px #FFD200, 0 0 6px #FFD200, 0 0 8px #FFD200;}
*html .actionButton.bigOrange a:hover{background-position:right top;}

/* GREEN :: MINI */
.actionButton.miniGreen{height:24px;background:url(./images/button/actionButton_mini_green.png) no-repeat left top;}
.actionButton.miniGreen a{text-decoration:none;color:#29350b!important;font-size:11px;line-height:24px;height:24px;padding:0 15px 0 10px;background:url(./images/button/actionButton_mini_green.png) no-repeat right top;text-shadow:1px 1px 0 #dfed94, 0 0 4px #c9e054;}
	.miniGreen.iconSX a{padding-left:17px;}
	.miniGreen.iconDX a{padding-right:17px;}
	.miniGreen.iconSX a .icon{top:-1px;left:0;}
	.miniGreen.iconDX a .icon{top:-1px;left:auto;right:0;}
.actionButton.miniGreen:hover{background-position:left bottom;}
.actionButton.miniGreen a:hover, .actionButton.miniGreen:hover a {color:#29350b;text-decoration:none;background-position:right bottom;text-shadow:1px 1px 0 #e9f3b4, 0 0 4px #c9e054, 0 0 6px #c9e054, 0 0 8px #c9e054;}
*html .actionButton.miniGreen a:hover{background-position:right top;}

/* GREEN :: SMALL */
.actionButton.smallGreen{height:33px;line-height:33px;background:url(./images/button/actionButton_small_green.png) no-repeat left top;}
.actionButton.smallGreen a{text-decoration:none;color:#29350b;font-size: 13px;height:33px;line-height:33px;padding:0 15px 0 10px;background:url(./images/button/actionButton_small_green.png) no-repeat right top;text-shadow:1px 1px 0 #dfed94, 0 0 4px #c9e054;}
	.smallGreen.iconSX a{padding-left:25px;}
	.smallGreen.iconDX a{padding-right:25px;}
	.smallGreen.iconSX a .icon{top:3px;left:3px;}
	.smallGreen.iconDX a .icon{top:3px;left:auto;right:3px;}
.actionButton.smallGreen:hover{background-position:left bottom;}
.actionButton.smallGreen a:hover, .actionButton.smallGreen:hover a {color:#29350b!important;text-decoration:none;background-position:right bottom;text-shadow:1px 1px 0 #e9f3b4, 0 0 4px #c9e054, 0 0 6px #c9e054, 0 0 8px #c9e054;}
*html .actionButton.smallGreen a:hover{background-position:right top;}

/* GREEN :: NORMAL */
.actionButton.normalGreen{height:44px;background:url(./images/button/actionButton_normal_green.png) no-repeat left top;}
.actionButton.normalGreen a{text-decoration:none;color:#29350b!important;font-size:18px;height:44px;line-height:44px;padding:0 15px 0 10px;background:url(./images/button/actionButton_normal_green.png) no-repeat right top;text-shadow:1px 1px 0 #dfed94, 0 0 4px #c9e054;}
.actionButton.normalGreen:hover{background-position:left bottom;}
.actionButton.normalGreen a:hover, .actionButton.normalGreen:hover a {color:#29350b;text-decoration:none;background-position:right bottom;text-shadow:1px 1px 0 #e9f3b4, 0 0 4px #c9e054, 0 0 6px #c9e054, 0 0 8px #c9e054;}
*html .actionButton.normalGreen a:hover{background-position:right top;}

/* GRAY :: SMALL */
.actionButton.smallGray{height:33px;background:url(./images/button/actionButton_small_gray.png) no-repeat left top;}
.actionButton.smallGray a{text-decoration:none;color:#858585!important;font-size: 13px;height:33px;line-height:33px;padding:0 15px 0 10px;background:url(./images/button/actionButton_small_gray.png) no-repeat right top;text-shadow:1px 1px 0 #FFFFFF}
.actionButton.smallGray a:hover{text-decoration:none;}
.actionButton.smallGray a:active{text-shadow:0px -1px 0 #FFFFFF;}

/* GRAY :: SMALLBACK */
.actionButton.smallGrayBackPage{height:33px;background:url(./images/button/actionButton_small_gray_back.png) no-repeat left top;}
.actionButton.smallGrayBackPage a{text-decoration:none;color:#858585!important;font-size: 13px;height:33px;line-height:33px;padding:0 15px 0 10px;margin-left:11px;background:url(./images/button/actionButton_small_gray.png) no-repeat right top;text-shadow:1px 1px 0 #FFFFFF}
.actionButton.smallGrayBackPage a:hover{text-decoration:none;}
.actionButton.smallGrayBackPage a:active{text-shadow:0px -1px 0 #FFFFFF;}
.actionButton.smallGrayBackPage a .icon{background-position:-125px 0;top:4px}


.actionButton:hover a{-webkit-transition: text-shadow 0.2s ease-in-out ;-moz-transition: text-shadow 0.2s ease-in-out ;-o-transition: text-shadow 0.2s ease-in-out ;transition: text-shadow 0.2s ease-in-out ;}


/* ==== Bottoni CSS gradient con Icona
=========================================================
	- Definizione delle propietà base per tutti i pulsanti
	- PLUS
========================= */

/* Definizione delle propietà base per tutti i pulsanti */
.multiUseButton{
    border: 1px solid #DADADA;
    font-size: 11px;
    line-height: 24px;
    padding: 0 22px 0 7px;
    text-decoration: none;
    text-shadow: 1px 1px 0 white;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 -1px 1px #FFFFFF inset;
    position:relative;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #e5e5e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e5e5e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e5e5e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#e5e5e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#e5e5e3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e5e5e3',GradientType=0 ); /* IE6-8 */
	background: linear-gradient(top,#fbfbfb 0%,#e5e5e3 100%); /* W3C */
}
.multiUseButton:hover{text-decoration:none;}
.multiUseButtonDeco{height:9px;width:9px;display:block;position:absolute;right:7px;top:8px;background-image: url("./images/button/sprite.gif");background-repeat:no-repeat;}

/* PLUS */
.multiUseButton.useOpen .multiUseButtonDeco{ background-position:0 0;}
.multiUseButton.useClose .multiUseButtonDeco{ background-position:0 -19px;}


/* ==== Bottoni Micro CSS gradient senza icona
=========================================================
	- Definizione delle propietà base per tutti i pulsanti
	- ORANGE
	- GRAY
========================= */

/* Definizione delle propietà base per tutti i pulsanti */
a.buttonMicro{font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;text-decoration:none;height:9px;display:inline-block;padding:5px 5px 3px;text-transform:uppercase;border-radius:2px;position:relative;*zoom:1;}

/* Versione Micro Orange */
a.buttonMicro.orange{
	background: -moz-linear-gradient(top,  #fea800 0%, #f06d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea800), color-stop(100%,#f06d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fea800 0%,#f06d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fea800 0%,#f06d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fea800 0%,#f06d00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea800', endColorstr='#f06d00',GradientType=0 ); /* IE6-8 */
	background: linear-gradient(top,#fea800 0%,#f06d00 100%); /* W3C */
	color:#1f1c18!important;
	text-shadow:0 1px #ffdd80;
	box-shadow:0 -1px rgba(0,0,0,0.8), 0 0 1px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.3);
	*border:1px solid #EF6800;
}

/* Versione Micro Gray */
a.buttonMicro.gray{
	background: -moz-linear-gradient(top,  #b4bbc2 0%, #757d7f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4bbc2), color-stop(100%,#757d7f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b4bbc2 0%,#757d7f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b4bbc2 0%,#757d7f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b4bbc2 0%,#757d7f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4bbc2', endColorstr='#757d7f',GradientType=0 ); /* IE6-8 */
	background: linear-gradient(top,#b4bbc2 0%,#757d7f 100%); /* W3C */
	color:#1f1c18!important;
	text-shadow:0 1px rgba(255,255,255,0.5);
	box-shadow:0 -1px rgba(0,0,0,0.8), 0 0 1px rgba(0,0,0,0.6), inset 0 1px rgba(255,255,255,0.5);
	*border:1px solid #black;
}
a.buttonMicro.back .icon{background-position:-150px 0;left:-14px;top:-4px}



/* ==== Bottoni gradient blu con icona arrow (l'icona è definita nelle singole piattaforme)
========================================================= */
.buttonGradientBlu{
	position:relative;
	text-shadow:0 -1px black!important;
	box-shadow: 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 0 1px black!important;
	border-radius:3px;
	cursor:pointer;
	color:white!important;
    height:27px;
    line-height:27px;
    padding: 0 20px 0 10px;
    display: inline-block;
    text-decoration:none!important;
    font-family:arial;
    font-size:13px;
    font-style:normal;

	background: #0084ed; /* Old browsers */
	background: -moz-linear-gradient(top,  #0084ed 0%, #005db0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0084ed), color-stop(100%,#005db0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0084ed 0%,#005db0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0084ed 0%,#005db0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0084ed 0%,#005db0 100%); /* IE10+ */
	background: linear-gradient(top,  #0084ed 0%,#005db0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084ed', endColorstr='#005db0',GradientType=0 ); /* IE6-9 */
}
.buttonGradientBlu:hover{
    background: #0b8ef9; /* Old browsers */
    background: -moz-linear-gradient(top,  #0b8ef9 0%, #0a6dc5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b8ef9), color-stop(100%,#005db0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0b8ef9 0%,#0a6dc5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0b8ef9 0%,#0a6dc5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0b8ef9 0%,#0a6dc5 100%); /* IE10+ */
    background: linear-gradient(top,  #0b8ef9 0%,#0a6dc5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8ef9', endColorstr='#0a6dc5',GradientType=0 ); /* IE6-9 */
}