/*
/*
# ------------------------------------------------------------------------
# Ja Purity ii template for joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
# Author: JoomlArt.com
# Websites: http://www.joomlart.com - http://www.joomlancers.com.
# ------------------------------------------------------------------------
*/
/* COMMON STYLE
--------------------------------------------------------- */

.emptyDataMessage
{
	background-color: #f8efc0 !important;
	padding: 5px;
	margin: 10px 0;
	font-size: 1em;
	color: #CC0000;
	font-weight: bold;
	border: 1px solid #f5e79e  !important;
	border-radius: 3px  !important;
}
body {
	background: #fff;
	color: #000;
	font-family: Calibri,"Segoe UI",Helvetica,Arial, sans-serif;
	line-height: 1.5;
	overflow-x:hidden;
}

body#bd { background: #fff; color: #333; }

body.fs1 { font-size: 10px; }

body.fs2 { font-size: 11px; }

body.fs3 { font-size: 12px; }

body.fs4 { font-size: 13px; }

body.fs5 { font-size: 14px; }

body.fs6 { font-size: 15px; }

/* UL ANDY*/

#my_login a{font-size:10px}

ul.custom_andy	{
	list-style-type: none;
	margin:0;
	padding:0;
	
	}
ul.custom_andy li.normal{
	list-style-type: none;
	list-style-image: none;
	padding: 0px 20px 0px 25px;
	border-bottom:1px dashed #ccc;
	background: url(../images/xiao/icon_list_arrow.gif) no-repeat 5px 9px;
	line-height: 24px;
	margin-bottom:10px;
	font-size:12px
	
	}	
ul.custom_andy li.modifica	{
	background: url(../images/xiao/28.png) no-repeat 5px 5px;
	line-height: 24px;
	padding: 0px 10px 0px 25px;
	background-color:#f8f8f8;
	border:1px solid #f3f3f3;
	margin-bottom:10px

	}
ul.custom_andy li.visualizza	{
	background: url(../images/xiao/26.png) no-repeat 5px 5px;
	line-height: 24px;
	padding: 0px 10px 0px 25px;
	background-color:#f8f8f8;
	border:1px solid #f3f3f3;
	margin-bottom:10px
	}	
ul.custom_andy li.alert	{
	background: url(../images/xiao/alert.png) no-repeat 5px 3px;
	line-height: 24px;
	padding: 0px 10px 0px 25px;
	background-color:#f8f8f8;
	border:1px solid #f3f3f3;
	margin-bottom:10px
	}		
ul.custom_andy li a	{
	color: #5c5c5c;
	
	text-decoration:none
	}
ul.custom_andy li.alert a	{
	color: red;
	font-weight: bold;
		text-decoration:none
	}	
ul.custom_andy li a:hover	{
	text-decoration: none;
	color:#000
	}
ul.custom_andy li:hover	{
	background-color:#ffffff;
	cursor:pointer;
	
	}	
	
a.alert_q	{
	background: url(../images/xiao/alert.png) no-repeat 5px -1px;
	line-height: 30px;
	padding: 0px 10px 0px 25px;
	margin-bottom:10px;
	color:red;
	clear:both;
	
	}
a.alert_q:hover	{
	color:#2F3A4C;
	}

a.alert_q_agenda	{
	background: url(../images/xiao/alert.png) no-repeat 5px -1px;
	line-height: 30px;
	padding: 0px 10px 0px 25px;
	margin-bottom:10px;
	color:red;
	clear:both
	}
a.alert_q_agenda:hover	{
	color:#2F3A4C;
	}	
a.alert_yellow	{
	background: url(../images/xiao/alert_yellow.png) no-repeat 5px 0px;
	line-height: 30px;
	padding: 0px 10px 0px 25px;
	margin-bottom:10px;
	color:#FF5E07;
	clear:both
	}
a.alert_yellow:hover	{
	color:#2F3A4C;
	}
	
/* FINE UL ANDY*/

/* Normal links ---*/
a { color: #069; text-decoration: none; }

a:hover, a:active, a:focus { color: #333; text-decoration: none; }

/* Readon links ---*/
a.readon {
	background: url(../images/arrow.png) no-repeat 5px 48%;
	border: 1px solid #F6F6F6;
	font-weight: bold;
	padding: 1px 5px 1px 14px;
	text-decoration: none;
	text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 15px 0; padding: 0; }

/* Headings & Titles ---*/
h1 { font-size: 180%; }

h2 { font-size: 150%; }

h3 { font-size: 125%;}

h4 { font-size: 100%; text-transform: UPPERCASE; }

h5 { font-size: 100%; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Arial;
	font-weight: normal;
	line-height: 1.2;
	
}
h1,h2,h3{
border-bottom:1px solid #ccc;

}

h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }

.componentheading {  font-size: 180%; }

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

.contentheading { font-size: 200%; }

.blog .contentheading { font-size: 125%; }

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }

.category { font-size: 110%; font-weight: bold; }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }

small, .small { color: #999; }

.smalldark { text-align: left; }

/* List ---*/
.column ul li {
/*andrea
	background: url(../images/bullet.gif) no-repeat 20px 7px;
	padding-left: 30px;
*/
	line-height: 160%;
	margin-bottom: 5px;
	overflow: hidden;
	
}

.column ol li { line-height: 180%; margin-left: 30px; }

/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; padding: 5px; }

fieldset { border: none; padding: 10px 5px; 	border-bottom:1px solid #ccc;
	margin-bottom:5px}

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #ccc;
	height: 1px;
}

/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; font-size:14px }

input, select, textarea, .inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 4px 5px;
	border-radius:6px;
	border:1px solid #ccc;
	padding:8px;
}
input[name=username]{width:195px !important;padding: 3px 4px !important;color:#777}
input[name=passwd]{width:195px !important;padding: 3px 4px !important}
.inputbox { background: #fff; border: 1px solid #ccc; }

.inputbox:hover, .inputbox:focus { border: 1px solid #93BEF2;background:#F7f7f7 }

.button_order
{
	background: #363F56;
	border: 1px solid #363f56;
	color: #ccc;
	font-size: 90%;
	padding: 3px 5px;
	text-transform: uppercase;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 0px; 
behavior: url(PIE.htc);
}

.button_old {
	background: url(../images/grad1_blue.gif) repeat-x top ;
	border: 1px solid #363f56;
	color: #ccc;
	font-size: 80%;
	padding: 3px 5px;
	text-transform: uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	behavior: url(PIE.htc);
}
.button_email_old{
	background: url(../images/grad1_blue.gif) repeat-x top ;
	border: 1px solid #363f56;
	color: #ccc;
	font-size: 72%;
	padding: 3px 5px;
	text-transform: uppercase;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
behavior: url(PIE.htc);	
}
.button_andy_old{
	background: url(../images/grad3.gif) repeat-x top #fff;
	border: 1px solid #ccc;
	color: #455974;
	font-size: 68%;
	padding: 3px 5px;
	text-transform: uppercase;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
}
.button,.button_andy,.button_email{
	color: #fff;
    background-color: #455974;
    border-color: #455974;
	/*display: inline-block;*/
   /* padding: .375rem 1rem;*/
    font-size: 1rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: .25rem;
    border-radius: 2px;
	padding:0 16px;
	padding:10px;
	font-family:Arial, Helvetica
}_old
.button_email:hover, .button_email:focus { background: #363f56; border: 1px solid #263458; color: #fff;cursor:pointer }
.button_order:hover, .button_order:focus { background: #2C3344; border: 1px solid #263458; color: #fff;cursor:pointer }
.button:hover, .button:focus { background: #363f56; border: 1px solid #263458; color: #fff;cursor:pointer }
.button_andy:hover, .button_andy:focus { background: #ddd; border: 1px solid #ddd; color: #5e5e5e;cursor:pointer }

.checkbox { }

.radio { margin: 0 5px; }

/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }

.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 131px;
}

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox { width: 20px; }

.login_form .button { margin-left: 140px; }

/* Register ---*/@medi
.form-register fieldset { padding: 0 0 10px; }

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.form-register label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 131px;
}

.form-register .inputbox { margin-left: 10px; width: 200px; }

.form-register .button { margin-left: 140px; }

/* User ---*/
.user-details { padding: 10px 0; }

.user-details p { margin: 0 0 5px; }

.user-details label {
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 131px;
}

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .button { margin-left: 140px; }

.user-details .paramlist .paramlist_key { padding: 0 0 5px !important; width: 131px !important; }

.user-details .paramlist .paramlist_value { padding: 0 0 5px !important; }

.user-details .user_name span { font-weight: bold; padding-left: 10px; }

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; padding: 15px 0; }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 {
	font-size: 110%;
	margin: 15px 0 0;
	text-transform: none;
}

.results p { margin: 0 0 10px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { display: block; font-weight: bold; }

.contact_email_checkbox { margin: 15px 0; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog { }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.leading {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}

.article_row { padding-bottom: 10px; padding-top: 10px; }

.article_column { }

.column_separator { padding: 0 25px; }

/* Meta ---*/
.article-tools {
	background: #f6f6f6;
	border: 1px solid #ddd;
	clear: both;
	color: #999;
	display: block;
	line-height: normal;
	margin: 0 0 10px;
	padding: 5px;
	position: relative;
}

.article-meta { float: left; padding: 0; width: 70%; }

.article-section, .article-category { color: #999; }

.createby {
	background: url(../images/icon-user.gif) no-repeat 0 2px;
	padding: 3px 3px 3px 20px;
}

.createdate {
	background: url(../images/icon-date.gif) no-repeat 0 2px;
	padding: 3px 3px 3px 20px;
}

.modifydate { color: #999; display: block; margin: 10px 0; }

.contentdescription {
	border-bottom: 1px solid #ccc;
	display: block;
	margin: 0 -15px;
	padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }

/*Inline images ---*/
img.caption { margin-top: 5px; }

.img_caption { color: #999; margin-bottom: 10px; }

.article-content img { margin: 5px; }

.article-content h3 img { margin: 0px; }

.img_caption img { margin: 5px 0 0; }

.img_caption p {
	background: #333;
	border-top: 1px solid #fff;
	color: #ccc;
	margin: 0;
	padding: 1px 0;
	text-align: center;
}

/* Tables ---*/
.sectiontableheader {
	background: #333;
	border: 1px solid #ccc;
	color: #fff;
	padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
	background: url(../images/dot2.gif) repeat-x bottom;
	padding: 5px 5px 6px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry2 { background-color: #f6f6f6; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Content Toc */
table.contenttoc {
	border: 1px solid #ddd;
	float: right;
	margin: 0 0 10px 12px;
	padding: 0;
	width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
	text-transform: uppercase;
}

/* Poll */
div.poll { padding: 15px 0; }

form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll {
	border-bottom: 1px dotted #ccc;
	font-size: 92%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dd { clear: right; }

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 75%; }

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul.pagination li span { line-height: 20px; padding: 0 5px; }

ul.pagination a {
	background: #f6f6f6;
	border: 1px solid #ccc;
	color: #000;
	line-height: 20px;
	padding: 5px 10px;
	text-decoration: none;
	border-radius:2px;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background: #069;
	border: 1px solid #069;
	color: #fff;
	text-decoration: none;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.counter {
	float: right;
	line-height: 1;
	margin: 15px 0 !important;
	text-align: right;
	width: 24%;
}

.counter span {
	background: #069;
	border: 1px solid #069;
	color: #fff;
	padding: 1px 5px;
}

.blog_more {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 15px 0 5px;
}

.blog_more h2 {
	font-size: 115%;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.blog_more ul li {
	background: url(../images/bullet.gif) no-repeat 5px 6px;
	padding-left: 15px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }
#login{margin-top:10px !important;margin-bottom:10px !important}
/* Messages ---*/
#system-message { /*margin: 0 -15px 10px;*/
margin:0 auto;
text-align:center;
font-size:16px
 }

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li { background: none; color: #fff; margin: 0; padding: 5px; }

/* System Standard Messages */
#system-message dd.message ul { background: #465773; border: 0;border-radius:2px }

/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0;border-radius:2px }

/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; border-radius:2px}

/* Tooltips --- */
.tool-tip {
	background: #fff;
	border: solid 2px #91ABBD;
	float: left;
	max-width: 300px;
	padding: 10px;
	z-index: 1000;
	color:#5c5c5c;
	border-radius:6px;
	box-shadow:2px 2px 2px #555;
	
}

.tool-title {
	/*background: url(../../system/images/selector-arrow.png) no-repeat;*/
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: -15px;
	padding-top: 12px;
	
}

.tool-text { font-size: 14px; margin: 0; }

.hasTip img { border: none; margin: 0 5px 0 0; }

contentpaneopen_edit { float: left; }

.contentpaneopen_edit img { vertical-align: middle; }

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	background: url(../images/dot2.gif) repeat-x bottom;
	color: #333;
	font-size: 115%;
	margin: 0 0 8px;
	overflow: hidden;
	padding: 1px 0 8px;
	text-transform: uppercase;
}

div.moduletable_menu h3 { margin-bottom: 0; }

div.ja-moduletable, div.moduletable {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	margin-top: 8px;
	padding: 0 0 20px;
	position: relative;
}

/* Badge Module ---*/
.badge {
	background-image: url(../images/icon-badge.png);
	background-repeat: no-repeat;
	height: 46px;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
}

.badge-hot 	.badge { background-position: 0 0; }

.badge-new 	.badge { background-position: 0 -46px; }

.badge-pick .badge { background-position: 0 -92px; }

.badge-top 	.badge { background-position: 0 -138px; }

.article-content .moduletable_badge {
	border: 1px solid #dddddd;
	margin: 0  0 10px 0!important;
	padding: 10px 25px 10px 5px;
}

/* Search Module ---*/
#ja-search {
	background: url(../images/icon-search.gif) no-repeat center left;
	bottom: 15px;
	padding-left: 20px;
	position: absolute;
	right: 15px;
}

#my_login {
	background: url(../images/lock.png) no-repeat center left;
	bottom: 5px;
	padding-left: 20px;
	position: absolute;
	right: 15px;
	
}

#ja-search label { display: none; }

#ja-search .inputbox {
	background: #444;
	border: 1px solid #333;
	color: #ccc;
	font-size: 100%;
	font-weight: bold;
	padding: 3px 5px;
	width: 200px;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button {
	font-size: 100%;
	font-weight: bold;
	margin-left: 5px;
	text-transform: none;
}

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	font-weight: bold;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }

/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

form.poll .button { margin-right: 5px; }

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.banneritem_text a { font-weight: bold; }

div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }

div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }

div.bannergroup { margin-bottom: 10px; }

/* Rounded Module --- */
div.ja-module h3, div.module h3 {
	border-bottom: 1px solid #ccc;
	color: #7ba566;
	font-size: 115%;
	font-weight: bold;
	margin: 0 -15px 10px;
	padding: 8px 15px;
	text-transform: uppercase;
}

div.ja-module, div.module {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.ja-box-br {
	background: url(../images/b-br.gif) no-repeat bottom right #fff;
}

.ja-box-bl {
	background: url(../images/b-bl.gif) no-repeat bottom left;
}

.ja-box-tr {
	background: url(../images/b-tr.gif) no-repeat top right;
}

.ja-box-tl {
	background: url(../images/b-tl.gif) no-repeat top left;
	padding: 0 15px 10px;
}

/* text */
div.module_text h3 {
	border-bottom: 0;
	clear: both;
	display: block;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

div.module_text span {
	background: #fff;
	clear: both;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 3px;
}

div.module_text {
	background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .ja-box-bl {
	background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .ja-box-tr {
	background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text .ja-box-tl {
	background: url(../images/bt-tl.gif) no-repeat top left;
}

/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl { background: none; padding: 0; }

/* red */
div.module_red {
	background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red .ja-box-bl {
	background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red .ja-box-tr {
	background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red .ja-box-tl {
	background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
	background: url(../images/bb-br.gif) no-repeat bottom right #069;
}

div.module_blue .ja-box-bl {
	background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue .ja-box-tr {
	background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue .ja-box-tl {
	background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
	background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;
}

div.module_green .ja-box-bl {
	background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green .ja-box-tr {
	background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green .ja-box-tl {
	background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
	background: url(../images/bl-br.gif) no-repeat bottom right #333;
}

div.module_black .ja-box-bl {
	background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black .ja-box-tr {
	background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black .ja-box-tl {
	background: url(../images/bl-tl.gif) no-repeat top left;
}

/* text color for high contrast module */
div.module_black, div.module_green, div.module_blue, div.module_red { color: #fff; }

#ja-container div.module_black ul li a,
#ja-container div.module_green ul li a,
#ja-container div.module_blue ul li a,
#ja-container div.module_red ul li a { color: #fff; }

#ja-container div.module_black ul li a:hover,
#ja-container div.module_black ul li a:active,
#ja-container div.module_black ul li a:focus,
#ja-container div.module_green ul li a:hover,
#ja-container div.module_green ul li a:active,
#ja-container div.module_green ul li a:focus,
#ja-container div.module_blue ul li a:hover,
#ja-container div.module_blue ul li a:active,
#ja-container div.module_blue ul li a:focus,
#ja-container div.module_red ul li a:hover,
#ja-container div.module_red ul li a:active,
#ja-container div.module_red ul li a:focus { color: #069; }

#ja-container div.module_blue #form-login ul li a:hover,
#ja-container div.module_blue #form-login ul li a:active,
#ja-container div.module_blue #form-login ul li a:focus { color: #7BA566; }

#ja-container div.module_black h3,
#ja-container div.module_green h3,
#ja-container div.module_blue h3,
#ja-container div.module_red h3 { color: #fff; }

#ja-container div.module_blue ul.menu li.active > a,
#ja-container div.module_red ul.menu li.active > a { color: #000 !important; }

div.module_green div.bannergroup_text div.bannerheader,
div.module_green div.bannergroup_text div.bannerfooter_text a { color: #ccc; }

div.module_blue a { color: #7BA566; }

div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox { color: #333 !important; }

/* Module list ---*/
div.ja-moduletable ul, div.ja-module ul { margin: 15px 0 0; }

div.ja-moduletable ul li, div.ja-module ul li { background-position: 2px 8px; padding-left: 12px; }

/* Collapsible h3 ---*/
h3.show {
	background: url(../images/icon-show.png) no-repeat 100% 60%;
	cursor: pointer;
}

h3.hide {
	background: url(../images/icon-hide.png) no-repeat 100% 60%;
	cursor: pointer;
}

/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/* 
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
	background-position: 15px 60%;
	text-indent: 15px;
}
*/
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }

.main { }

.ja-box { padding-bottom: 10px; padding-top: 10px; }

#ja-wrapper { }

#ja-container {
	background: url(../images/container-bg.gif) repeat-x top #fff;
	border-bottom: 5px solid #ccc;
	position: relative;
	z-index: 5;
}

#ja-container .main { min-height: 300px; padding: 20px 0; }

/* 3 Columns - Classic Layout ---*/
#ja-container.ja-l1r1 { }

/* Full */
#ja-container { }

/* Full left */
#ja-container.ja-r1 { }

/* Full right */
#ja-container.ja-l1 { }

/* Mass ---*/
.ja-mass-top { }

.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }

.ja-mass-bottom { }

.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { }

#ja-main .inner { }

#ja-contentwrap { }

/* Content Top ---*/
.ja-content-top { }

.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0; }

/* Content Main ---*/
.ja-content-main { }

/* Content Bottom ---*/
.ja-content-bottom { }

.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* @end */
/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }

.ja-col { }

/* Left Columns ---*/
#ja-left .ja-l2 { }

/* Right Columns ---*/
#ja-right .ja-r2 { }

/* HEADER
--------------------------------------------------------- */
/*ORIGINALE HEADER
#ja-header { background: #333; position: relative; z-index: 10; }
*/
#ja-header { background: #313e4f; position: relative; z-index: 10; }
#ja-header .main {
	/*background-color: #333;*/
	background-position: top right;
	background-repeat: no-repeat;
	height: 80px;
}

h1.logo,h1.logo_login div.logo-text h1 { font-size: 250%; line-height: 1; }

h1.logo, div.logo-text { float: left; position: relative; z-index: 1; }

/* Logo Image ---*/
h1.logo { height: 79px; width: 207px; }

h1.logo a {
	background: url(../images/logo.gif) no-repeat left;
	display: block;
	height: 79px;
	width: 207px;
}

h1.logo a span { position: absolute; top: -1000px; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
	color: #ccc;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

p.site-slogan {
	background: #444;
	color: #999;
	display: block;
	font-size: 85%;
	letter-spacing: 1px;
	margin: 8px 0 0;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
}

/* Header mask ---*/
.ja-headermask {
	/*
	ANDREA
	background: url(../images/header-mask.png) no-repeat top right;
	*/
	display: block;
	height: 80px;
	position: absolute;
	right: -1px;
	top: 0;
	width: 602px;
	z-index: 0;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
	background: #42546d;
	border-top: 1px solid #42546d;
	line-height: 1;
	position: relative;
	z-index: 11;
}

#ja-mainnav .main { font-size: 12px; }

span.has-image {
	background-position: left 2px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 25px;
}

span.menu-title { display: block; }

span.menu-desc {
	color: #999;
	display: block;
	font-size: 92%;
	font-weight: normal;
}

/* Sub Nav ---*/
#ja-subnav {
	background: #333;
	border-top: 1px solid #666;
	position: relative;
	z-index: 9;
}

#ja-subnav .main { line-height: 1; z-index: 10; }

#ja-subnav ul { background: #333; overflow: hidden; padding: 10px 0; }

#ja-subnav ul.active { background: #333; }

#ja-subnav li {
	background: none;
	border-left: 1px dotted #999;
	display: block;
	float: left;
	padding: 0 10px 0 11px;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#ja-subnav ul li a:hover { color: #fff; }

#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#ja-subnav ul.active li a { color: #ccc; }

#ja-subnav ul.active li a:hover { color: #fff; }

#ja-subnav ul li.empty { visibility: hidden; }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
	background: #ddd;
	border: 1px solid #ccc;
	display: block;
	height: auto;
	left: -999em;
	padding: 0;
	position: absolute;
	width: 14.5em;
}

#ja-subnav ul li.hover ul {
	display: block;
	height: auto;
	left: auto;
	margin-left: 5px;
	margin-top: 3px;
	position: absolute;
}

#ja-subnav ul li.haschild a {
	background: url(../images/arrow.png) no-repeat right center;
	padding-right: 12px;
}

#ja-subnav ul li.haschild a:hover {
	background: url(../images/arrow3.png) no-repeat right center;
}

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }

#ja-subnav ul li ul li {
	border-bottom: 1px solid #ccc;
	border-left: 0;
	display: block;
	float: none;
	overflow: hidden;
	padding: 5px;
	text-align: left;
}

#ja-subnav ul li ul li a {
	background-image: none !important;
	border: 0 !important;
	color: #333 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

#ja-subnav ul li ul li a span.menu-title { padding-bottom: 3px; padding-top: 3px; }

#ja-subnav ul li ul li a:hover {
	background-image: none !important;
	color: #069 !important;
	text-decoration: underline !important;
}

#ja-subnav ul li ul li a.active { color: #069 !important; font-weight: bold !important; }

/* Breadcrumbs ---*/
.ja-navhelper {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}

.ja-navhelper .main { padding: 5px 0; }

.ja-navhelper a { color: #069; padding: 0 2px; text-decoration: none; }

.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus {
	background-color: #069;
	color: #fff;
	text-decoration: none;
}

.ja-breadcrums {
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	width: 80%;
}

.ja-breadcrums strong { margin-right: 5px; }

.ja-breadcrums img { margin: 1px 5px; }

/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }

.ja-links li { background: none; display: inline; padding: 0; }

.ja-links li.top a {
	background: url(../images/arrow2.png) no-repeat 5px center;
	padding-left: 17px;
	padding-right: 5px;
}

.ja-links li.top a:hover { background-color: #069; }

.ja-links li.layout-switcher a { background: #069; color: #fff; text-decoration: none; }

.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-links li.user-reset a {
	background: #bf0000;
	color: #fff;
	text-decoration: none;
}

.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }

#ja-container ul.menu li {
	background: none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#ja-container ul.menu li a {
	color: #333;
	display: block;
	outline: none;
	padding: 6px 0;
	text-decoration: none;
	text-indent: 5px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { background: #f6f6f6; color: #069; }

#ja-container ul.menu li.active a { color: #069; font-weight: bold; }

#ja-container ul.menu li ul { margin: 0 0 0 10px; }

#ja-container ul.menu li li {
	background: url(../images/arrow.png) no-repeat left 11px;
	border-bottom: 0;
	border-top: 1px dotted #ccc;
}

#ja-container ul.menu li li a {
	color: #333 !important;
	font-weight: normal !important;
	text-indent: 10px;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { background: none; color: #069 !important; }

#ja-container ul.menu li.active > a { color: #069 !important; font-weight: bold !important; }

#ja-container ul.menu span.separator { display: none; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box {
	background: url(../images/dot3.gif) repeat-y right;
	padding: 0;
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { background: none; }

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	border-bottom: 0;
	margin-bottom: 8px;
	padding-bottom: 0;
}

#ja-topsl li, #ja-botsl li {
	background-image: url(../images/bullet2.gif);
	background-position: 1px 8px;
	padding-left: 10px;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { margin: 0 !important; padding: 0; }

#ja-topsl a, #ja-botsl a {
	border-bottom: 1px dotted #ccc;
	color: #ccc;
	text-decoration: none;
}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

/* Top spotlight ---*/
#ja-topsl {
	background: #444;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	color: #ccc;
}

#ja-topsl .main { padding: 10px 0; }

#ja-topsl h3 {
	background: none;
	color: #fff;
	margin: 0 0 8px;
	padding: 0;
}

/* Bot spotlight ---*/
#ja-botsl { background: #444; color: #999; }

#ja-botsl .main { padding: 10px 0; }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable { border-bottom: 0; margin-bottom: 0; }

#ja-botsl h3 {
	background: none;
	color: #fff;
	margin: 0 0 8px;
	padding: 0;
}

.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { background: 0 !important; border: 0 !important; }

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
	background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
	border-top: 1px solid #fff;
	clear: both;
	padding: 20px 0;
}

#ja-footer .main {
	background: url(../images/dot1.gif) repeat-y 22% 0;
	color: #666666;
	padding: 0;
	position: relative;
}

#ja-footer .inner { float: right; padding: 0; width: 75%; }

#ja-footer small { color: #666; font-size: 100%; }

/* Foot Links ---*/
#ja-footer .ja-footnav {
	float: right;
	font-size: 100%;
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
	width: 75%;
}

.ja-footnav ul { float: left; line-height: normal; }

.ja-footnav li {
	border-left: 1px solid #999;
	display: block;
	float: left;
	padding: 0 10px;
}

.ja-footnav li a {
	color: #666;
	display: block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }

.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }

/* Copyright Info. ---*/
.ja-copyright small { display: block; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font {
	font-size: 11px;
	position: absolute;
	right: 20px;
	top: 15px;
}

ul.ja-usertools-font li, ul.ja-usertools-screen li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.ja-usertools-screen {
	font-size: 11px;
	position: absolute;
	right: 90px;
	top: 15px;
}

/* Others ---*/
#ja-banner {
	border-top: 1px solid #ccc;
	margin: 0;
	overflow: hidden;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

div.ja-innerdiv {
	border-bottom: 1px dotted #ccc;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 12px;
}

div.ja-innerdiv h4 {
	font-family: Arial, sans-serif;
	font-size: 92%;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
	text-transform: uppercase;
}

.cufon-canvas { padding: 1px 0 3px; }

/* Style for ?tp=1 ---*/
.mod-preview {
	background: #ffffa3;
	border: 2px solid #dd6d14;
	margin: 2px;
	overflow: hidden;
	padding: 2px;
	position: relative;
	z-index: 1000;
}

.mod-preview-wrapper {
	border: 1px dotted #dd6d14;
	height: 100%;
	min-height: 22px;
	overflow: hidden;
}

div.mod-preview-info {
	background: #e6b85c;
	border: 0;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	margin: 1px 3px 0 1px;
	padding: 2px 8px;
	z-index: 999;
	text-transform: none;
}


/*22.05.2015 ANDREA */
/*NUOVE REGOLE CSS PER MOBILE E NUOVI BOTTONI*/
.addbutton,.add_product_button,.addbutton-home,.searchButton,.viewbutton,.button_andy,.csvExportButton,.csvExportProvvigioni,.tessereAttiveButton,.view_related,.addbutton_related,.edit_button,.save_button,.elimina_button,.google_map,.telefono,.email,.pdfExportButton,.preview,.close_anteprima,.annullato,.riattivabutton,.search_button,.reset_search_button,.pagamento_button,.applica_button,.sendmail,.star,
.annulla_pacchetto,.incassa_rata{
	display: inline-block;
	*display: inline;
  padding: 10px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  line-height: 20px;
  color: #777;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #ddd;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.searchButton,.pdfExportButton{display: inline-block !important}

.addbutton:hover,
.sendmail:hover,
.addbutton-home:hover,
.applica_button:hover,
.annulla_pacchetto:hover,
.pagamento_button:hover,
.annullato:hover,
.pdfExportButton:hover,
.edit_button:hover,
.save_button:hover,
.incassa_rata:hover,
.elimina_button:hover,
.addbutton:focus,
.sendmail:focus,
.addbutton-home:focus,
.pagamento_button:focus,
.annullato:focus,
.pdfExportButton:focus,
.edit_button:focus,
.save_button:focus,
.incassa_rata:focus,
.elimina_button:focus,
.addbutton:active,
.sendmail:active,
.add_product_button:active,
.pagamento_button:active,
.annullato:active,
.pdfExportButton:active,
.edit_button:active,
.save_button:active,
.incassa_rata:active,
.elimina_button:active,
.addbutton.active,
.sendmail.active,
.addbutton-home.active,
.pagamento_button.active,
.annullato.active,
.pdfExportButton.active,
.edit_button.active,
.save_button.active,
.incassa_rata.active,
.elimina_button.active,
.addbutton.disabled,
.sendmail.disabled,
.addbutton-home.disabled,
.pagamento_button.disabled,
.annullato.disabled,
.pdfExportButton.disabled,
.edit_button.disabled,
.save_button.disabled,
.incassa_rata.disabled,
.elimina_button.disabled,
.addbutton[disabled],
.sendmail[disabled],
.addbutton-home[disabled],
.pagamento_button[disabled],
.annullato[disabled],
.pdfExportButton[disabled],
.edit_button[disabled],
.save_button[disabled],
.incassa_rata[disabled],
.elimina_button[disabled]
 {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.addbutton_related:hover,
.applica_button:hover,
.annulla_pacchetto:hover,
.addbutton:hover,
.addbutton-home:hover,
.preview:hover,
.view_related:hover,
.addbutton_related:focus,
.addbutton:focus,
.addbutton-home:focus,
.preview:focus,
.view_related:focus,
.addbutton_related:active,
.addbutton:active,
.addbutton-home:active,
.preview:active,
.view_related:active,
.addbutton_related.active,
.addbutton-home.active,
.addbutton.active,
.addbutton-home.active,
.preview.active,
.view_related.active,
.addbutton_related.disabled,
.preview.disabled,
.view_related.disabled,
.addbutton_related[disabled],
.addbutton[disabled],
.addbutton-home[disabled],
.preview[disabled],
.view_related[disabled] 
{
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.searchButton:hover,
.applica_button:hover,
.annulla_pacchetto:hover,
.search_button:hover,
.reset_search_button:hover,
.email:hover,
.telefono:hover,
.google_map:hover,
.searchButton:focus,
.reset_search_button:focus,
.applica_button:focus,
.annulla_pacchetto:focus,
.search_button:focus,
.email:focus,
.telefono:focus,
.google_map:focus,
.searchButton:active,
.applica_button:active,
.annulla_pacchetto:active,
.reset_search_button:active,
.search_button:active,
.email:active,
.telefono:active,
.google_map:active,
.searchButton.active,
.reset_search_button.active,
.search_button.active,
.applica_button.active,
.annulla_pacchetto.active,
.email.active,
.telefono.active,
.google_map.active,
.searchButton.disabled,
.reset_search_button.disabled,
.applica_button.disabled,
.annulla_pacchetto.disabled,
.search_button.disabled,
.email.disabled,
.telefono.disabled,
.google_map.disabled,
.searchButton[disabled],
.reset_search_button[disabled],
.search_button[disabled],
.email[disabled],
.telefono[disabled],
.google_map[disabled]
 {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.viewbutton:hover,
.applica_button:hover,
.annulla_pacchetto:hover,
.riattivabutton:hover,
.tessereAttiveButton:hover,
.viewbutton:focus,
.riattivabutton:focus,
.tessereAttiveButton:focus,
.viewbutton:active,
.riattivabutton:active,
.tessereAttiveButton:active,
.viewbutton.active,
.riattivabutton.active,
.tessereAttiveButton.active,
.viewbutton.disabled,
.riattivabutton.disabled,
.tessereAttiveButton.disabled,
.viewbutton[disabled],
.riattivabutton[disabled],
.tessereAttiveButton[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.csvExportButton:hover,
.csvExportButton:hover,
.close_anteprima:hover,
.annulla_pacchetto:hover,
.annullato:hover,
.csvExportProvvigioni:hover,
.csvExportButton:focus,
.close_anteprima:focus,
.annulla_pacchetto:focus,
.annullato:focus,
.csvExportProvvigioni:focus,
.csvExportButton:active,
.close_anteprima:active,
.annulla_pacchetto:active,
.annullato:active,
.csvExportProvvigioni:active,
.csvExportButton.active,
.close_anteprima.active,
.annulla_pacchetto.active,
.annullato.active,
.csvExportProvvigioni.active,
.csvExportButton.disabled,
.close_anteprima.disabled,
.annulla_pacchetto.disabled,
.annullato.disabled,
.csvExportProvvigioni.disabled,
.csvExportButton[disabled],
.close_anteprima[disabled],
.annulla_pacchetto[disabled],
.annullato[disabled],
.csvExportProvvigioni[disabled]
{
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.pagamento_button,.incassa_rata
{
		background-repeat:no-repeat;
		background-position:7px 12px !important;
		padding-left:28px;
		background-image: url("../../../images/next_green.png") !important;
}
.applica_button
{
		background-repeat:no-repeat;
		background-position:7px 12px !important;
		padding-left:28px;
		background-image: url("../../../images/ok.png") !important;
}
.edit_button
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
		background-image: url("../../../media/com_fabrik/images/edit_16.png");
}
.sendmail
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
		background-image: url("../../../images/email.png");
}
.save_button
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
		background-image: url("../../../images/ok.png");
}
.elimina_button
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
		background-image: url("../../../images/delete.png");
}
.riattivabutton
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
		background-image: url("../../../media/com_fabrik/images/riattiva.png");
		width:61px !important
}
.preview
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
		background-image: url("../../../media/com_fabrik/images/preview.png");
}
.pdfExportButton,.pdfExportButton_gestione_anagrafica
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
		background-image: url("../../../media/com_fabrik/images/pdf.png");
}
.email
{
		background-repeat:no-repeat;
		background-position:4px 2px;
		margin-bottom:10px !important;
		padding-left:25px;
		background-image: url("../../../images/email-icon.png");
}
.telefono
{
		background-repeat:no-repeat;
		background-position:4px 2px;
		margin-bottom:10px !important;
		padding-left:25px;
		background-image: url("../../../images/phone-icon.png");
}
.google_map
{
		background-repeat:no-repeat;
		background-position:6px 4px;
		margin-bottom:10px !important;
		padding-left:25px;
		background-image: url("../../../images/google_map_20.png");
}
.searchButton
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/search.png");
}
.viewbutton,.tessereAttiveButton
{
		background-repeat:no-repeat;
		background-position:7px 12px;
		padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/view_all.png");
}
.addbutton,.add_product_button,.addbutton-home
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/add.png");
}

.search_button
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/search_16.png");
}
.reset_search_button
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/reset_search_16.png");
}
.annullato
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/annullato.png");
}
.close_anteprima
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/close_anteprima.png");
}
.annulla_pacchetto
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/close_anteprima.png");
}
.star
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../images/star16.png");
}
.addbutton_related
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/add.png");
}
.view_related
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/view_all.png");
	margin-bottom:5px;
}
.csvExportButton,.csvExportProvvigioni
{
	background-repeat:no-repeat;
	background-position:7px 12px;
	padding-left:28px;
	background-image: url("../../../media/com_fabrik/images/csv-export.png");
}

.button_event_home,.button_nuovo_movimento_home
{
	display:block;
	margin-bottom:10px;
}
.edit_button,
.addbutton_gestione_cliente,
.view_related_gestione_cliente,
.pdfExportButton_gestione_anagrafica,
.addbutton_related

{
	/*font-size:94% !important*/
}

#div_button_home{width:100%;margin-left:0;margin-top:20px}
.button_home
{
	float:left;
	cursor:pointer;
	margin:0 24px 10px;
	margin:3px
	
 
}
.agenda
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_no_alert_contabilita.png');
background-repeat:no-repeat;

cursor:pointer;
}
.agenda:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_no_alert_contabilita_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.agenda_alert
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_alert_contabilita.png');
background-repeat:no-repeat;

cursor:pointer;

}
.agenda_agenda_alert:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_alert_contabilita_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.button_compleanni
{
	background-image: url("../../../images/dock_home/btn_compleanni.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 79px;
    width: 80px;
}
.button_compleanni:hover
{
	background-image: url("../../../images/dock_home/btn_compleanni_hover.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 79px;
    width: 80px;
}
.button_notifiche
{
	background-image: url("../../../images/dock_home/notifiche.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 79px;
    width: 80px;
}
.button_notifiche_alert
{
	background-image: url("../../../images//dock_home/notifiche_alert.png");
	background-repeat: no-repeat;
    cursor: pointer;
    height: 79px;
    width: 80px;
}
.tesserato
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuovo_tesserato.png');
background-repeat:no-repeat;

}
.tesserato:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuovo_tesserato_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.view_tesserato
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_view_tesserati.png');
background-repeat:no-repeat;

}
.view_tesserato:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_view_tesserati_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.tessera
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuova_tessera.png');
background-repeat:no-repeat;

}
.tessera:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuova_tessera_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.view_tessera
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_view_tessere.png');
background-repeat:no-repeat;

}
.view_tessera:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_view_tessere_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}

.iscrizione
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuova_iscrizione.png');
background-repeat:no-repeat;

}
.iscrizione:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuova_iscrizione_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.view_iscrizione
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_view_iscrizioni.png');
background-repeat:no-repeat;

}
.view_iscrizione:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_view_iscrizioni_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.vendita_pacchetto
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_vendita_pacchetto.png');
background-repeat:no-repeat;

}
.vendita_pacchetto:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_vendita_pacchetto_hover.png');
background-repeat:no-repeat;
cursor:pointer;
}
.pacchetti_venduti
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_pacchetti_venduti.png');
background-repeat:no-repeat;

}
.pacchetti_venduti:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_pacchetti_venduti_hover.png');
background-repeat:no-repeat;
cursor:pointer;
}
.corso
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuova_quota.png');
background-repeat:no-repeat;

}
.corso:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_nuova_quota_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}
.view_corso
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_incassa_quota.png');
background-repeat:no-repeat;

}
.view_corso:hover
{
width:80px;
height:79px;
background-image:url('../../../images//dock_home/btn_incassa_quota_hover.png');
background-repeat:no-repeat;

cursor:pointer;
}


@media screen and (max-width: 800px)
{
	.addbutton-home,.add_product_button,.edit_button,.elimina_button,.addbutton_gestione_cliente,.view_related_gestione_cliente,.pdfExportButton_gestione_anagrafica,.pagamento_button,.annullato,.close_anteprima,.search,.save_button,.reset_search_button,.pdfExportButton,.sendmail {float:none !important;width:100% !important;margin:0 !important;margin-bottom:10px !important;display:block !important}
	.ja-content-main{padding:0 !important}
	/*#box_home_2{min-height:450px !important}*/
	
	
}
.tel_cliente{display:inline-block}
.button_smart{display:inline-block;float:right}
/*RULE PER BLOCK APPUNTAMENTO SU SMARTPHONE PORTRAIT*/
@media screen and (max-width: 500px) {
.incassa_rata{margin-top:5px !important;margin-left:10px !important}
.modalita_pagamento_rata{margin-right:5px !important;}
.img_servizio_detail{width:24px;}
.start_servizio{margin-top:8px !important}
.servizio_detail > div {width:auto !important}
.servizio_detail > div > div {font-size:14px !important;float:none !important;margin:0 !important}
.servizio_detail div:nth-child(2) {margin-top:0 !important}
.servizio_detail span:nth-child(2){font-size:14px !important}
.servizio_detail > div > div > span:nth-child(2){font-size:14px !important}
.prezzo_servizio{font-size:14px;margin:0 !important;float:none !important}
.header_servizio > b{font-size:18px !important;margin-top:2px !important}
.header_servizio > b:nth-child(2){/*margin:0 !important*/}
.header_servizio > span{font-size:20px !important}
td span:nth-child(2){font-size:12px !important}
.nome_cliente{font-size:20px !important}
.elenco_servizi > div {/*margin-top:32px !important*/}
.elenco_servizi > div > span {/*font-size:14px !important*/}
div,span{
	 -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
}
@media screen and (max-width: 600px) {
.tel_cliente{display:none !important}
.button_smart{width: 96% !important;float:none !important;border-top:1px dashed #fff;padding-top:3px}
.button_smart img{margin-top:0px !important;margin-right:0 !important;margin-left:10px !important}
}
/*RULE FOR BOX AGENDA IN HOMEPAGE */
#box_appuntamenti{width:96.6% !important;margin:0;margin-bottom:10px;height:auto !important}
#box_home_appuntamenti{height:auto !important}
.fc-center h2{background:none !important;font-size:28px !important;color:  #218CD3 !important}
/*END RULE FOR BOX AGENDA IN HOMEPAGE */

@media screen and (max-width: 900px) 
{
	.ui-autocomplete{width:80% !important}
	div.module_andy{width:98%}
	#box_avvio_veloce{width:98% !important}
	.content_home{width:98% !important}
	div.box_home_1_half{width:98% !important}
	
	.popup-content{overflow-y:auto;max-height:300px;}
	.popup-body{width:auto !important;}
	table.filtertable{width:98%}
	#my_login{width:37%;}
	#filtri{width:100% !important}	
	#map{width:90% !important}
	.cliente_name{width:100% !important}
	#clienti_lista{width:100% !important}
	#div_list_result{width:100% !important}
	div:has(.checkcliente){width:100% !important}
	div.fabrikFilterContainer{/*overflow-x:scroll*/}
	.fabrik_filter{width:90% !important}
	.fabrikinput {width:96% !important}
	.fabrikLabel{float:none !important;font-weight:bold !important;width:100%;}
	.fabrikHover label > span, .fabrikLabel span.hasTip{font-weight:bold !important}
	.fabrikSubElementContainer{margin-left:0}
	.fabrikError, .fabrikNotice, .fabrikValidating, .fabrikSuccess{padding-bottom:18px !important}
	.fabrikErrorMessage{top:48px}
	
	
	.fabrik_subelement{width:60px !important}
	#prodotti_lista  input[type="text"]{display:block}
	#anteprima_ordine,#button_view_hide_product,#carica_prodotti{width:100%}
	#carica_prodotti{margin-left:0 !important}
	#button_view_hide_product{margin-left:0 !important;margin-top:5px;margin-bottom:5px}
	#box_home_body_4{overflow-x:auto}
	/* td #query{width:94% !important} */
	
	#box_home_1,
	#box_home_2,
	#box_home_3,
	#box_home_3,
	#box_home_4,
	#box_home_body_1,
	#box_home_body_2,
	#box_home_body_3,
	#box_home_body_4,
	#box_info_1,
	#box_info_2,
	#box_info_3,
	#box_info_4
	{height:auto !important}
}

@media screen and (max-width: 388px)
{
/*#div_button_home{margin-left:30px !important;}*/
}

@media screen and (max-width: 700px)
{
li #noti_Container{margin-left:6px !important}
}
@media screen and (min-width: 601px) and (max-width:800px)
{
li #noti_Container{margin-left:25px !important}
}
@media screen and (min-width: 900px)
{
li #noti_Container{margin-left:0}
}
@media screen and (max-width: 480px)
{
	
	/*#logo{display:none !important}*/
	#ragione_sociale{display:none !important}
	#ragione_sociale_menu{display:block !important}
	/*#my_login{left:15px !important}*/
	.alert_compleanni{float:none !important}
	.popup-content{overflow-y:auto;max-height:300px;margin-left:25px;}
	.popup-body{width:auto !important;}
	#box_avvio_veloce{width:98% !important}
	.csvExportProvvigioni,.csvExportButton,.addbutton,.searchButton,.preview{width:82% !important;margin-bottom:10px}
	td .addbutton{width:auto !important;}
	
	.button_nuovo_movimento_home{width:auto !important}
	select{width:100% !important;}
	.tessereAttiveButton{margin-bottom:10px;width:82.1%}
	.edit_button,.addbutton_gestione_cliente,.view_related_gestione_cliente,.pdfExportButton_gestione_anagrafica{width:100% !important;margin:0 !important;margin-top:3px !important;margin-bottom:10px !important}
	.ordini___ids_prodotti #search{width:98% !important;display:block}
	.ordini___ids_prodotti .button_order{float:none;width:100%;margin-top:5px}
	#div_categoria,#div_valuta{float: none !important;}
	#categoria,#valuta{width:100% !important}
	#div_valuta{margin-left:0 !important}
	.add_button,.edit_button,.pdfExportButton_gestione_anagrafica{margin-bottom:10px !important}
	.popup .popup-body-ricevute
	{
		margin-left:-170px !important;
	}
	
}
.fabrikDataContainer{overflow-x:auto}
.box_home_1_half{width:48% !important}
.popup .popup-body-ricevute{width:auto !important}

/* STYLE CHECKBOX */
/*POPUP*/
#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 200px 0px 0px 200px;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 324px;
    margin-left: -200px;
   /* padding: 20px;*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -150px;
    right: -195px;
    
 
}
.popup .popup-content {
    overflow-y: auto;
	text-align:left;
	padding:10px
}
.popup-title {
   background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    font-family: inherit;
    font-size: 20px;
    font-weight: bold;
    margin: 3px 3px 0;
    padding: 3px 3px 3px 7px;
    text-align: left;
}
.popup-content p {
    font-size: 13px;
    text-align: justify;
	padding:10px
}

