/* LAYOUT
========================================================================== */
html, body { background-color: #fafafa; height: 100%; }
	#wrapper { position: relative; width: 100%; }
	#wrapper, #header, #container { height: auto; min-height: 100%; }
	#header, #footer { left: 0; position: absolute; z-index: 1; }
		#header { border-right: 1px solid #ddd; top: 0; width: 199px; }
		#container { margin-left: 240px; margin-right: 40px; position: relative; }
			#main { padding-bottom: 100px; padding-top: 20px; }
		#footer { bottom: 20px; width: 100%; }

/* TYPOGRAPHY
========================================================================== */
body { font-size: 13px; /* 13px */ line-height: 1.231; /* 16px */ margin: 0; }
body, button, input, select, textarea { color: #222; font-family: sans-serif; }

/* Fonts */
body { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, .btn { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; }

/* Links */
a, a:visited, a:hover { color: #222; }
a:focus, a:hover, a:active { outline: 0; }

h1 a, h1 a:active, h1 a:visited, h1 a:hover,
h2 a, h2 a:active, h2 a:visited, h2 a:hover,
h3 a, h3 a:active, h3 a:visited, h3 a:hover,
h4 a, h4 a:active, h4 a:visited, h4 a:hover,
h5 a, h5 a:active, h5 a:visited, h5 a:hover,
h6 a, h6 a:active, h6 a:visited, h6 a:hover,
nav a { text-decoration: none; }

/* Headings (Vertical Rhythm) */
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1 { font-size: 1.923em; /* 25px */ line-height: 1.28em; /* 32px */ margin-bottom: 0.64em; }
h2 { font-size: 1.538em; /* 20px */ line-height: 1.6em; /* 32px */ margin-bottom: 0.8em; }
h3 { font-size: 1.154em; /* 15px */ line-height: 1.067em; /* 16px */ margin-bottom: 1.067em; }

/* SPRITE
========================================================================== */
#logo { background: transparent 0 0 no-repeat url("images/logo.png"); }
#map, #cboxLoadingGraphic { background: transparent 50% 50% no-repeat url("images/load-white.gif"); }
.class { background: transparent 50% 50% no-repeat url("images/load-black.gif"); }
.icn { background-image: url('images/sprite.png'); background-repeat: no-repeat; display: inline-block; float: left; height: 16px; text-indent: -999em; width: 16px; }
.icn-home { background-position: -128px -48px; }
.icn-info { background-position: -48px -16px; }
.icn-profile { background-position: -128px -16px; }
.icn-logout { background-position: -64px -32px; }
.icn-context { background-position: -48px -32px; }
.icn-email { background-position: -64px -16px; }
.icn-addnew { background-position: -32px 0; }
.icn-remove { background-position: -48px 0; }
.icn-help { background-position: -80px 0; }

#main-nav .icn-dashboard { background-position: -144px -48px; }
#main-nav .icn-customers { background-position: -144px -16px; }
#main-nav .icn-referents { background-position: 0 -32px; }
#main-nav .icn-calendar { background-position: -144px -32px; }
#main-nav .icn-domains { background-position: -80px -32px; }
#main-nav .icn-servers { background-position: -96px -32px; }
#main-nav .icn-subscriptions { background-position: -112px -32px; }
#main-nav .icn-products { background-position: -128px -32px; }
#main-nav .icn-workreports { background-position: -96px -64px; }
#main-nav .icn-reports { background-position: -112px -48px; }

#title .icn-error { background-position: -288px 0; }
#title .icn-dashboard { background-position: -768px -32px; }
#title .icn-customers { background-position: -768px 0; }
#title .icn-referents { background-position: -160px -32px; }
#title .icn-calendar { background-position: -448px -32px; }
#title .icn-domains { background-position: -320px -32px; }
#title .icn-servers { background-position: -352px -32px; }
#title .icn-subscriptions { background-position: -384px -32px; }
#title .icn-products { background-position: -416px -32px; }
#title .icn-workreports { background-position: -352px -64px; }
#title .icn-reports { background-position: -704px -32px; }

.icn-viewrecord { background-position: 0 -64px; }
.icn-newrecord { background-position: -16px -64px; }
.icn-editrecord { background-position: -64px -64px; }
.icn-backtolist { background-position: -80px -64px; }

.icn-view { background-position: -96px -48px; }
.icn-edit { background-position: -80px -16px; }
.icn-delete { background-position: -144px 0; }
.icn-goto { background-position: -32px -64px; }
.icn-print { background-position: -112px -16px; }

.icn-filter { background-position: 0 -48px; }
.icn-filter-remove { background-position: -32px -48px; }
.icn-sort-asc { background-position: -64px -48px; }
.icn-sort-desc { background-position: -80px -48px; }

/* icone dello stato */
span.status.active { background-position: -128px 0; }
span.status { background-position: -144px 0; }
span.status.cal-done { background-position: -128px 0; }
span.status.cal-new { background-position: 0 -16px; }
span.status.cal-pending { background-position: -16px -16px; }

/* HEADER
========================================================================== */
#header { background-color: #2f2f2f; background-image: linear-gradient(top, #424242 0%, #2f2f2f 30%); }
	#logo { height: 40; margin: 24px 10px; padding-left: 50px; }
		.logo { font-size: 16px; font-weight: normal; line-height: 40px; margin: 0; text-transform: uppercase; }
			.logo a { color: #FFF; }
	/* nav */
	#nav {}
		#nav .icn {}
		#user-tools .icn { margin: 0 9px; }
			#user-home {}
			#user-info {}
			#user-profile {}
			#user-logout {}
		#user-tools { padding: 0 30px; }
			#user-tools li { display: block; float: left; }
		#main-nav { background-color: #f2f2f2; border-top: 1px solid #1C252A; margin-top: 20px; }
			#main-nav li a { display: block; overflow: hidden; }
				#main-nav li a.parent-item { color: #FFF; font-weight: bold; background-color: #4b4b4b; background-image: linear-gradient(top, #4b4b4b, #373737); border-bottom: 1px solid #1C252A; line-height: 40px; padding-left: 20px; position: relative; }
				#main-nav li.active a.parent-item { background-color: #028193; background-image: linear-gradient(top, #028193, #02606D); }
				#main-nav li.active a.parent-item:after { content: ""; border-color: transparent #fafafa transparent transparent; border-style: solid; border-width: 6px 6px 6px 0; position: absolute; right: -1px; top: 14px; }
					#main-nav .icn { margin: 12px 10px 0 0; }
				#main-nav .sub-nav { background-color: #fff; border-bottom: 1px solid #1C252A; display: none; }
				#main-nav li.active .sub-nav { display: block; }
					#main-nav .sub-nav li {}
						#main-nav .sub-nav a { border-bottom: 1px solid #ddd; line-height: 30px; margin: 0 20px; }

/* CONTAINER
========================================================================== */
#main {}
	#title { border-bottom: 1px solid #DDD; }
		#title .icn { height: 32px; width: 32px; }
	#content { padding-top: 30px; }
		.widget { background-color: #fff; border: 1px solid #ddd; box-shadow: 0 1px 1px 0 #eee; float: left; margin-bottom: 20px; width: 32%; }
		.widget-events { width: 99%; }
			.widget header { background-color: #eee; background-image: linear-gradient(top, #fafafa, #eee); border-bottom: 1px solid #fff; padding: 10px; }
				.widget header h3 { color: #999; font-size: 11px; font-weight: bold; margin-bottom: 0; text-transform: uppercase; }
			.widget-content { border-top: 1px solid #ddd; }

			/* Personalize */
			.widget table { width: 100%; }
				.widget table tr { background-color: #f8f8f8; border-bottom: 1px solid #ddd; }
				.widget table tr:last-child { border-bottom: 0 none; }
				/* .widget table tr.odd { background-color: #fefefe; } */
					.widget table th, .widget table td { padding: 10px; }
					.widget table th { font-size: 11px; text-align: left; text-transform: uppercase; }
					/* .widget table td { text-align: right; } */
		.widget-subscription-compare { width: 66%; }
			.widget-stats .widget-content { float: left; height: 570px; padding: 10px; }
			.widget-qualcosa .widget-content { height: 550px; }
			.widget-subscription-income .widget-content { height: 350px; }
			.widget-subscription-count .widget-content { height: 350px; }
			.widget-subscription-compare .widget-content { height: 350px; }

	/* con sidebar */
	#main-wrap { clear: left; float: left; margin-right: -320px; width: 100%; }
		#main-wrap #main-content { margin-right: 220px; }
	/* sidebar */
	#sidebar { clear: right; float: right; position: relative; width: 200px; }
	/* fine con sidebar */

	#main-content-nav { border-left: 1px solid #CDCDCD; margin: 15px 0; }
		#main-content-nav ul { float: left; overflow: visible; width: 200px; }
			#main-content-nav li { display: block; }
				#main-content-nav li a { background-color: #FFF; display: block; height: 40px; line-height: 40px; padding-left: 15px; width: 183px; }
					#main-content-nav li a .icn { margin: 12px 4px 0 0; }
				#main-content-nav li a.active { border: 1px solid #CDCDCD; border-left: 1px solid #FFF; font-weight: bold; margin-left: -1px; }
				#main-content-nav li a.disabled { color: #CCC; }
	/* tools */
	#tools { border-bottom: 1px solid #CDCDCD; height: 40px; margin: 15px 0; }
/*		#tools ul { float: left; height: 40px; overflow: visible; }
			#tools li { display: block; float: left; }
				#tools li a { background-color: #FFF; display: block; height: 39px; line-height: 40px; padding: 0 15px; }
					#tools li a .icn { margin: 12px 4px 0 0; }
				#tools li a.active { border: 1px solid #CDCDCD; border-bottom: 1px solid #FFF; font-weight: bold; }
				#tools li a.disabled { color: #CCC; }*/

		/* tools */
		#tools { margin-bottom: 25px; }
			#tools nav { float: left; overflow: hidden; }
				#tools ul { float: left; overflow: hidden; }
					#tools ul li {float: left; font-size: 11px; font-weight: bold; line-height: 16px; margin-right: 18px;}
						#tools ul li a { background-clip: padding-box; background-color: #839DC8; background-image: linear-gradient(top, #839DC8, #7E97BE); border: 1px solid #FEFEFE; border-radius: 3px 3px 3px 3px; color: #FFF; display: inline-block; padding: 7px 9px; }
						#tools ul li a.active { background-color: #CCC; background-image: linear-gradient(top, #DDD, #BBB); border: 1px solid #FEFEFE; color: #333; }


		#search-form { float: right; }
			#search-form legend { float: left; padding: 5px 10px; }
			#search-form input.field { height: 25px; }
			#search-form input.btn { height: 30px; padding: 0px 10px; vertical-align: baseline; }
	#main-content {}
		.main-content-actions { background-clip: padding-box; background-color: #DDD; background-image: linear-gradient(top, rgba(250,250,250,0.8), rgba(220,220,220,0.8)); border: 1px solid #CDCDCD; border-radius: 0 0 5px 5px; color: #464646; overflow: hidden; }
			.main-content-actions .pagination { float: right; overflow: hidden; }
				.main-content-actions .pagination .count { float: left; font-style: italic; line-height: 25px; margin: 10px; }
				.main-content-actions .pagination ul { float: left; margin: 10px; }
					.main-content-actions .pagination ul li { background-color: #FFF; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-top: 1px solid #CCC; float: left; font-size: 12px; height: 25px; line-height: 25px; min-width: 30px; text-align: center; }
						.main-content-actions .pagination ul li.current { background-color: #333; color: #EEE; }
						.main-content-actions .pagination ul li a { display: block; padding: 0 5px; }
						.main-content-actions .pagination ul li a:hover { background-color: #EEE; }
					.main-content-actions .pagination ul li.last, .main-content-actions .pagination ul li:last-child { border-right: 1px solid #CCC; }


	/* dashboard */
	#dashboard .column { float: left; padding-left: 2%; width: 32%; }
	#dashboard .column:first-child { padding-left: 0; }
		#dashboard .widget { border: 1px solid #DDD; margin-bottom: 20px; zoom: 1; /* IE7 Hack */ }
	/* view */
	#content dt { clear: left; float: left; height: 1em; width: 150px; }
	#content dd { margin-bottom: 5px; margin-left: 160px; min-height: 1em; overflow: hidden; }
		#content dd span { display: block; }

/* FOOTER
========================================================================== */
#footer { border-top: 1px solid #DDD; color: #878787; font-size: 10px; padding: 30px 0; text-transform: uppercase; }
	#footer a { color: #878787; }
	#footer p { margin: 0; }
	#footer p:first-child { float: left; }
	#footer p:last-child { float: right; }

/* TABLE
========================================================================== */
.list-table { font-size: 12px; width: 100%; }
	.list-table col.sorted { background: rgba(220,220,220,0.5); }
	.list-table th, .list-table td { max-width: 230px; text-align: left; }
	.list-table th { background-color: #DDD; background-image: linear-gradient(top, rgba(250,250,250,0.8), rgba(220,220,220,0.8)); border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; color: #464646; height: 50px; white-space: nowrap; }
	.list-table th.sorted { background-color: #999; }
	.list-table th.checkbox input { vertical-align: middle; }
	.list-table th:last-child { border-right: 1px solid #CDCDCD; }
		.list-table th.filters div.th-wrapper { height: 50px; position: relative; }
		.list-table th.filters:hover div.th-wrapper { background-color: #FFF; }
			.list-table th .th-title { display: block; line-height: 50px; padding: 0 10px; text-transform: uppercase; }
			.list-table th.filters .th-title { position: relative; }
				.list-table th.filters .th-title-name { text-decoration: underline; }
				.list-table th.filters .th-title-icn { float: right; position: absolute; right: 2px; top: 2px /*16px*/; }
			.list-table th.filters:hover .th-title:after { background-color: #fff; bottom: 0; content: ""; display: block; height: 1px; left: -10px; padding: 0 10px; position: relative; width: 100%; z-index: 110; }
				.list-table th.filters span.icn-filters { float: right; }
			.list-table th.filters ul.filters-main-list { border: 1px solid #CDCDCD; background-color: #FFF; display: none; left: -1px; margin: 0; overflow: hidden; padding: 10px; position: absolute; top: 50px; z-index: 100; width: 250px; }
			.list-table th.filters.menuleft ul.filters-main-list { left: auto; right: -1px; }
			.list-table th.filters:hover ul.filters-main-list { display: block; }
				.list-table th.filters ul.filters-main-list li { display: block; min-height: 24px; overflow: hidden; }
					.list-table th.filters ul.filters-main-list li a { color: #464646; text-decoration: none; }
					.list-table th.filters ul.filters-main-list li .icn { margin-right: 6px; }
					.list-table th.filters ul.filters-main-list li.filter-actions input[type="submit"] { float: right; }
					.list-table th.filters ul.filters-main-list fieldset { margin-bottom: 4px; }
						.list-table th.filters ul.filters-main-list fieldset div { border: 1px solid #CDCDCD; height: 190px; overflow: auto; padding: 4px; }
							.list-table th.filters ul.filters-main-list label { display: block; line-height: 18px; overflow: hidden; width: 180px; }
								.list-table th.filters ul.filters-main-list input { display: block; float: left; }
								.list-table th.filters ul.filters-main-list label span { display: block; float: right; width: 160px; }

	.list-table tbody {}
	.list-table tbody tr.even { background: rgba(220,220,220,0.5); }
	.list-table tbody tr.even:hover, .list-table tr:hover { background: rgba(200,200,200,0.5); }

		.list-table td { border-left: 1px dashed #CDCDCD; height: 52px; line-height: 14px; padding: 5px 10px; }
		.ie8 .list-table td { height: 42px; }
			.list-table td span.info { display: block; font-size: 10px; }
		.list-table td:first-child { border-left: 1px solid #CDCDCD; }
		.list-table td:last-child { border-right: 1px solid #CDCDCD; }
		.list-table td.checkbox { padding-right: 0; vertical-align: middle; white-space: nowrap; width: 55px; }
			.list-table td.checkbox input { height: 42px; }
		.list-table td.checkbox.active { background: #FFF; border-bottom: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; padding: 5px 0 5px 10px; }
			.context-container { display: inline-block; height: 16px; line-height: 42px; overflow: visible; padding: 13px 0; position: relative; }
				a.icn-context { margin: 0 10px 0; }
				.context-container ul.context-main { background: #FFF; border: 1px solid #CDCDCD; display: none; left: 36px; list-style: none; margin: 0; padding: 0 0 2px 0; position: absolute; top: -6px; z-index: 100; }
				.ie8 .context-container ul.context-main {}
					.context-container ul:before { background: #FFF; content: ""; height: 55px; left: -1px; position: absolute; top: 0; width: 1px; }
					.ie8 .context-container ul:before {}
				.context-container:hover ul.context-main { display: block; }
					.context-container ul li { height: 52px; line-height: 52px; width: 150px; }
						.context-container ul li a { border-bottom: 1px solid #E3E3E3; display: block; margin: 0 10px; }
						.context-container ul li a.disabled { color: #666; }
						.context-container ul li div { margin: 0 10px; }
							.context-container ul li span.icn { margin: 18px 10px 0; }
						.context-container ul li.showsub { position: relative; }
							.context-container ul.context-sub { background: #FFF; border: 1px solid #CDCDCD; display: none; left: 150px; list-style: none; margin: 0; padding: 0 0 4px 0; position: absolute; top: 0; width: 300px; z-index: 100; }
							.context-container li.showsub:hover ul.context-sub { display: block; }
								.context-container ul.context-sub:before { height: 52px; }
								.ie8 .context-container ul.context-sub:before { height: 52px; }
								.context-container ul.context-sub li { float: left; }
	.list-table tbody tr.notes { background-color: #CCC; }
		.list-table tbody tr.notes td {}

	.list-table span.status {  }

/* FORM MODIFICA
========================================================================== */
form#modifica div { overflow: hidden; }
	form#modifica .field-wrap { margin-bottom: 4px; }
	form#modifica fieldset { border: 1px solid #CCC; margin-bottom: 12px; padding: 4px; }
	form#modifica label { display: block; float: left; width: 150px; }
	form#modifica input { display: block; float: left; }
	form#modifica input[type="submit"] { background-clip: padding-box; background-color: #839DC8; background-image: linear-gradient(top, #839DC8, #7E97BE); border: 1px solid #FEFEFE; border-radius: 3px 3px 3px 3px; color: #FFF; display: inline-block; padding: 7px 9px; }
	form#modifica .checklist { border: 1px solid #CCC; display: block; margin: 2px 2px 2px 150px; padding: 10px; position: relative; width: 55%; }
		form#modifica .checklist legend { position: absolute; top: 0; left: -161px; }
		form#modifica .checklist label { float: left; line-height: 16px; width: auto; }
		form#modifica .checklist input { display: block; height: 16px; }
	form#modifica #wrap-submit_view { border-top: 1px solid #CDCDCD; height: 32px; margin-top: 25px; padding-top: 8px; }
		form#modifica .form-table { margin-left: 150px; }
		form#modifica #emails.form-table { margin-left: 0px; }

form#form-reports div { overflow: hidden; margin-bottom: 2px; }
	form#form-reports fieldset { border: 1px solid #CCC; margin-bottom: 5px; padding: 5px; }
	form#form-reports label { display: block; float: left; width: 150px; }
	form#form-reports input { display: block; float: left; }
	form#form-reports input[type="submit"] { background-clip: padding-box; background-color: #839DC8; background-image: linear-gradient(top, #839DC8, #7E97BE); border: 1px solid #FEFEFE; border-radius: 3px 3px 3px 3px; color: #FFF; display: inline-block; padding: 7px 9px; }
	form#form-reports #provinces .fieldset-wrap, form#form-reports #cities .fieldset-wrap { height: 200px; overflow: auto; }
	form#form-reports #provinces label, form#form-reports #cities label { width: 100%; }

/* VISTA
========================================================================== */
#main-content {}
	#main-content table.subrecords { border: 1px solid #CDCDCD; width: 75%; }
		#main-content table.subrecords thead { border-bottom: 2px solid #CCC; }
			#main-content table.subrecords th, #main-content table.subrecords td { padding: 3px; }
			#main-content table.subrecords th { background-color: #DCDCDC; height: 2em; text-align: left; }
		#main-content table.subrecords tbody {}
			#main-content table.subrecords tbody tr:nth-child(even) { background-color: #EEE; }
				#main-content table.subrecords tbody td { border-right: 1px dashed #CDCDCD; }


/* TABS
========================================================================== */
.tabs-nav { display: block; list-style: none; overflow: hidden; }
	.tabs-nav li { float: left; padding: 0 10px; }
		.tabs-nav li a { color: #888; }
		.tabs-nav li.disable a { color: #CCC; cursor: default; }
		.tabs-nav li.active a { color: #000; }
.tabs-panel { }
	.panel-active { display: block; }

/* ELEMENTS
========================================================================== */
#user-tools, .widget, .btn { background-clip: padding-box; border-radius: 4px; }
.widget header { background-clip: padding-box; border-radius: 4px 4px 0 0; }

.widget table { padding: 5px 5px 0 5px; }
.widget .main-content-actions { margin: 0 5px 5px 5px; }

.list-table tr:first-child { border-radius: 4px 4px 0 0; }
.list-table th:first-child { border-radius: 4px 0 0 0; }
.list-table th:last-child { border-radius: 0 4px 0 0; }
.list-table th, .list-table tr { background-clip: padding-box; }

.main-content-actions .pagination ul li.first, .main-content-actions .pagination ul li:first-child { background-clip: padding-box; border-radius: 5px 0 0 5px; }
.main-content-actions .pagination ul li.last, .main-content-actions .pagination ul li:last-child { background-clip: padding-box; border-radius: 0 5px 5px 0; }

.permission_modules { }
	.permission_module { border: 1px solid #ccc; float: left; margin: 0 4px 5px; padding: 4px; width: 236px; }

/* DATEPICKER
========================================================================== */
.ui-datepicker { background-color: #FFF; border: 1px solid #CDCDCD; display: none; padding: 5px; }
	.ui-datepicker-header {}
		.ui-datepicker-prev {}
		.ui-datepicker-next { float: right; }
	.ui-datepicker-calendar thead { background-color: #CDCDCD; }

	.ui-datepicker-current-day { border: 1px solid #CDCDCD; }
	.ui-datepicker-week-end { background-color: #DDD; }
	.ui-datepicker-other-month {}

/* AUTOCOMPLETE
========================================================================== */
ul.ui-autocomplete { background-color: #FFF; border: 1px solid #CDCDCD; display: none; max-height: 250px; list-style: none; overflow: auto; padding: 5px; width: 400px; }
	ul.ui-autocomplete .ui-menu-item { border-bottom: 1px solid #CDCDCD; padding: 5px; }
	ul.ui-autocomplete a:hover { background-color: #CCC; display: block; }