.clearer{clear: both;}



/* Login Form */
::selection {
 	color: #fff;
 	text-shadow: none;
 	background: #444;
}

::-moz-selection {
 	color: #fff;
 	text-shadow: none;
 	background: #444;
}

/* Basics */

html, body {margin: 0; padding: 0;width: 100%;height: 100%;font-family: "Helvetica Neue", Helvetica, sans-serif;color: #444;-webkit-font-smoothing: antialiased;background: #f0f0f0;}

.container{position: relative; width: 340px;height: 280px;margin: auto; display: block; clear: both; background: #fff;border-radius: 3px;	border: 1px solid #ccc;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.container form{margin: 0 auto;margin-top: 20px;}
.container label {color: #555;display: inline-block;	margin-left: 18px;	padding-top: 10px;	font-size: 14px;}
.container p a {font-size: 11px;	color: #aaa;	float: right;	margin-top: -13px;	margin-right: 20px;}
.container p a:hover {color: #555;}
.container input {font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 12px;outline: none;}
.container input[type=text], .container input[type=password] {	color: #777;	padding-left: 10px;	margin: 10px;	margin-top: 12px;	margin-left: 18px;	width: 290px;
	height: 35px;	border: 1px solid #c7d0d2;	border-radius: 2px;	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8; }
.container input[type=text]:hover, .container input[type=password]:hover {	border: 1px solid #b6bfc0;	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;}
.container input[type=text]:focus,.container input[type=password]:focus {border: 1px solid #a8c9e4;	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;}
.container #lower {	background: #ecf2f5;	width: 100%;	height: 69px;	margin-top: 20px;	box-shadow: inset 0 1px 1px #fff;	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;	border-bottom-right-radius: 3px;	border-bottom-left-radius: 3px;}
.container input[type=checkbox] {margin-left: 20px;	margin-top: 30px;}
.container .check {	margin-left: 3px;	font-size: 11px;	color: #444;	text-shadow: 0 1px 0 #fff;}
.container input[type=submit] {float: right;margin-right: 20px;margin-top: 20px;	width: 80px;	height: 30px;	font-size: 14px;	font-weight: bold;	color: #fff;	background-color: #acd6ef; /*IE fallback*/	background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));	background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
	background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);border-radius: 30px;border: 1px solid #66add6;box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);	cursor: pointer;}
.container input[type=submit]:hover {background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));	background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);	background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);}
.container input[type=submit]:active {background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);	background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);}
/* END Login Form */



button{width: 80px;	height: 30px;	font-size: 14px;	font-weight: bold;	color: #fff;	background-color: #acd6ef; /*IE fallback*/	background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));	background-image: -moz-linear-gradient(top, #acd6ef 0%, #6ec2e8 100%);
background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);border-radius: 30px;border: 1px solid #66add6;box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);	cursor: pointer;}
button:hover {background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));	background-image: -moz-linear-gradient(top, #b6e2ff 0%, #6ec2e8 100%);	background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);}
button:active {background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));background-image: -moz-linear-gradient(top, #6ec2e8 0%, #b6e2ff 100%);	background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);}

/*button.tesseracheck_left {width: 60px; font-size: 11px !important; top: 0px; border-top-left-radius: 30px; border-bottom-left-radius:  30px; border-top-right-radius:  0px; border-bottom-right-radius:  0px;}
button.tesseracheck_right{width: 40px; font-size: 11px !important; top: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:  30px; border-bottom-right-radius:  30px;}*/
button.tesseracheck{width: 100px; font-size: 11px !important; top: 0px; }

button.prevLink{float: left;}
button.nextLink{float: right;}

#menu{display: block; width: 100%; clear: both; height: 50px; text-align: center; padding-top: 10px;}
#menu ul{position: relative; width: 100%; display: block; clear: both;}
#menu ul li{display: inline-block;}
#menu button{width: 170px;}


.v_spacer{display: block; width: 100%; height: 50px; clear: both;}

#wrapper{width: 1080px; height: auto; position: relative; margin: auto; display: block; clear: both; background-color: #FFFFFF;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

#header{width: 100%; height: 100px; clear: both; text-align: center;}

.page_content{width: 100%; position: relative; clear: both; min-height: 300px; padding-top: 10px;}

.inner_page_content{width: 100%; min-height: 500px; position: relative; clear: both; padding: 20px;}


h1{font-size: 36px; font-weight: bold; text-transform: uppercase; padding: 15px;}
h2{font-size: 24px; font-weight: bold; text-transform: uppercase;}


input[type="text"][data-type="calendar"]{cursor: pointer;}

/* Tabella lista */
table.table_list{width: 100%;}
table.table_list tr td{padding: 10px;}
table.table_list thead tr{ background-color: lightblue; border-bottom: solid 1px black; }
table.table_list thead tr td{font-weight: bold;}
table.table_list tr td a{text-decoration: none; cursor:pointer; color: #444;}
table.table_list tr td a:hover{text-decoration: underline;}
table.table_list tbody tr:hover{cursor:pointer; background-color: lightblue; color: white;}
table.table_list tfoot{background-color: lightblue;}

table.table_list tbody tr.tr_header{background-color: lightblue; border-bottom: solid 1px black;}

/* Paginazione */
ul.pagination{display: block; width: 100%;}
ul.pagination li{display: inline-block; min-width: 32px; text-align: center;}
ul.pagination li a{display: block;}
ul.pagination li a.selected{font-weight: bold; text-decoration: underline;}


/* Filtri ricerca */
.search_fields{width: 100%; clear: both; display: block; padding: 20px; background-color: lightblue; margin-bottom: 5px;}
.search_fields input,select{padding: 5px; margin-bottom: 5px;}
.search_fields label{font-weight: bold; padding: 5px;}
.search_fields form{display: inline;}
.search_fields table{width: 100%; padding: 5px; margin-top: 10px;}
.search_fields table tr td{padding: 5px;}


/* Tabella default per anagrafe singola */
table.table_default{width: 100%;}
table.table_default tr td{padding: 10px; vertical-align: top;}
table.table_default tr.row:hover{cursor:pointer; background-color: lightblue; color: white;}

table.table_default thead tr{ background-color: lightblue; border-bottom: solid 1px black; }
table.table_default thead tr td{font-weight: bold;}
table.table_default tr td strong{font-weight: bold;}
table.table_default tfoot{background-color: lightblue;}

table.table_default.smaller{font-size: 10px;}
table.table_default.smaller tr td{border: solid 1px #888888;}
table.table_default.smaller tr td.green{background-color: green;}
table.table_default.smaller tr td.giallo{background-color: #DDDD00;}
table.table_default.smaller tr td.red{background-color: red;}

table.table_default.cols1 td {width: 100%;}
table.table_default.cols2 td {width: 50%;}
table.table_default.cols3 td {width: 33%;}

td .checktessera_ok   {background-color: #31AE05; color: black;}
td .checktessera_fail {background-color: #B50000; color: white;}

table.table_default textarea{resize: none; width: 500px; height: 150px;}

.edit_error_message{display: block; clear: both; width: 100%; padding: 15px; background-color: #FFFFFF; border: solid 1px red;}
.edit_error_message p{color: red; font-weight: bold; font-size: small;}
.edit_confirm_message{display: block; clear: both; width: 100%; padding: 15px; background-color: #FFFFFF; border: solid 1px green;}
.edit_confirm_message p{color: green; font-weight: bold; font-size: small;}

/* Tabs */
#tabs-2{max-height: 800px; overflow-y:  scroll;}

/* Dialog */
#refill_new_dialog{display: none;}
#stamp_new_dialog{display: none;}


#registry_action_dialog table tr td{padding: 10px;}
#registry_action_dialog button{display: block; margin: auto; width: 480px; margin-top: 20px;}


div.error_msg{display: inline; color: red; padding: 10px;}


#footer{width: 100%; height: 100px; display: block; clear: both;}
.powered{position: absolute; bottom: 5px; right: 5px; width: 100%; text-align: right; font-size: 12px;}