git-svn-id: https://msi/svn/firstRepo/Management/trunk@8 0f545695-f87b-41b6-9a03-7f16563b5454

.htaccess

@@ -0,0 +1,52 @@
+AddHandler application/x-httpd-php .html .htm
+<IfModule mod_deflate.c>
+      <IfModule mod_setenvif.c>
+            BrowserMatch ^Mozilla/4 gzip-only-text/html
+            BrowserMatch ^Mozilla/4\.0[678] no-gzip
+            BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
+            BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
+      </IfModule>
+      <IfModule mod_headers.c>
+            Header append Vary User-Agent env=!dont-vary
+      </IfModule>
+AddOutputFilterByType DEFLATE text/css application/x-javascript text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon
+</IfModule>
+
+<ifModule mod_rewrite.c>
+    RewriteEngine On
+    RewriteRule ^index.html$ index.php [L]
+    RewriteRule ^js/libs/(.*)\.[0-9]+\.js$ /NewManagement/js/libs/$1.js [L]
+    RewriteRule ^js/libs/jqwidgets/(.*)\.[0-9]+\.js$ /NewManagement/js/libs/jqwidgets/$1.js [L]
+    RewriteRule ^js/(.*)\.[0-9]+\.js$ /NewManagement/js/$1.js [L]
+    RewriteRule ^js/libs/jqwidgets/styles/images/(.*)\.[0-9]+\.png$ /NewManagement/js/libs/jqwidgets/styles/images/$1.png [L]
+    RewriteRule ^js/libs/jqwidgets/styles/(.*)\.[0-9]+\.css$ /NewManagement/js/libs/jqwidgets/styles/$1.css [L]
+    RewriteRule ^css/(.*)\.[0-9]+\.css$ /NewManagement/css/$1.css [L]
+    RewriteRule ^Resources/img/(.*)\.[0-9]+\.png$ /NewManagement/Resources/img/$1.png [L]
+    RewriteRule ^Resources/img/(.*)\.[0-9]+\.gif$ /NewManagement/Resources/img/$1.gif [L]
+    RewriteRule ^Resources/icons/(.*)\.[0-9]+\.png$ /NewManagement/Resources/icons/$1.png [L]
+</ifModule>
+
+<ifModule mod_headers.c>
+	# Turn on Expires and set default expires to 3 days
+	ExpiresActive On
+	ExpiresDefault A259200
+ 
+	# Set up caching on media files for 1 month
+	<filesMatch ".(ico|gif|jpg|jpeg|png|flv|pdf|swf|mov|mp3|wmv|ppt)$">
+		ExpiresDefault A2419200
+		Header append Cache-Control "public"
+	</filesMatch>
+ 	
+	# Set up 24 Hour caching on commonly updated files
+	<filesMatch "^(main).(xml|txt|html|js|css)$">
+		ExpiresDefault A2419200
+		Header append Cache-Control "public, must-revalidate"
+	</filesMatch>
+ 
+	# Force no caching for dynamic files
+	<filesMatch ".(php|cgi|pl|htm)$">
+		ExpiresDefault A0
+		Header set Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
+		Header set Pragma "no-cache"
+	</filesMatch>
+</ifModule>

_2.htaccess

@@ -0,0 +1,52 @@
+AddHandler application/x-httpd-php .html .htm
+<IfModule mod_deflate.c>
+      <IfModule mod_setenvif.c>
+            BrowserMatch ^Mozilla/4 gzip-only-text/html
+            BrowserMatch ^Mozilla/4\.0[678] no-gzip
+            BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
+            BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
+      </IfModule>
+      <IfModule mod_headers.c>
+            Header append Vary User-Agent env=!dont-vary
+      </IfModule>
+AddOutputFilterByType DEFLATE text/css application/x-javascript text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon
+</IfModule>
+
+<ifModule mod_rewrite.c>
+    RewriteEngine On
+    RewriteRule ^index.html$ index.php [L]
+    RewriteRule ^js/libs/(.*)\.[0-9]+\.js$ /js/libs/$1.js [L]
+    RewriteRule ^js/libs/jqwidgets/(.*)\.[0-9]+\.js$ /js/libs/jqwidgets/$1.js [L]
+    RewriteRule ^js/(.*)\.[0-9]+\.js$ /js/$1.js [L]
+    RewriteRule ^js/libs/jqwidgets/styles/images/(.*)\.[0-9]+\.png$ /js/libs/jqwidgets/styles/images/$1.png [L]
+    RewriteRule ^js/libs/jqwidgets/styles/(.*)\.[0-9]+\.css$ /js/libs/jqwidgets/styles/$1.css [L]
+    RewriteRule ^css/(.*)\.[0-9]+\.css$ /css/$1.css [L]
+    RewriteRule ^Resources/img/(.*)\.[0-9]+\.png$ /Resources/img/$1.png [L]
+    RewriteRule ^Resources/img/(.*)\.[0-9]+\.gif$ /Resources/img/$1.gif [L]
+    RewriteRule ^Resources/icons/(.*)\.[0-9]+\.png$ /Resources/icons/$1.png [L]
+</ifModule>
+
+<ifModule mod_headers.c>
+	# Turn on Expires and set default expires to 3 days
+	ExpiresActive On
+	ExpiresDefault A259200
+ 
+	# Set up caching on media files for 1 month
+	<filesMatch ".(ico|gif|jpg|jpeg|png|flv|pdf|swf|mov|mp3|wmv|ppt)$">
+		ExpiresDefault A2419200
+		Header append Cache-Control "public"
+	</filesMatch>
+ 	
+	# Set up 24 Hour caching on commonly updated files
+	<filesMatch "^(main).(xml|txt|html|js|css)$">
+		ExpiresDefault A2419200
+		Header append Cache-Control "public, must-revalidate"
+	</filesMatch>
+ 
+	# Force no caching for dynamic files
+	<filesMatch ".(php|cgi|pl|htm)$">
+		ExpiresDefault A0
+		Header set Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
+		Header set Pragma "no-cache"
+	</filesMatch>
+</ifModule>

app.build_prod.js

@@ -0,0 +1,169 @@
+// 1. Install nodejs (it will automatically installs requirejs)
+ 
+//- assuming the folder structure for your app is:
+// app
+// 		css
+// 		img
+// 		js
+// 		main.js
+// 		index.html
+// build
+// 		app.build.js
+// 		r.js (downloaded from requirejs website)
+ 
+// 2. the command line to run:
+// $ node r.js -o app.build.js
+// 
+ 
+({
+    //- paths are relative to this app.build.js file
+    appDir: "",
+    baseUrl: "js",
+    //- this is the directory that the new files will be. it will be created if it doesn't exist
+    dir: "./app-build_prod",
+    paths: {
+        jquery: 'empty:',
+        underscore: 'libs/underscore-min',
+        jQueryPlugins: 'libs/jQueryPlugins',
+        backbone: 'libs/backbone-min',
+        text: 'libs/text',
+        jqxcore: 'empty:',
+        jqxbuttons: 'empty:',
+        jqxpanel: 'empty:',
+        jqxscrollbar: 'empty:',
+        jqxtree: 'empty:',     
+        jqxwindow: 'empty:',
+        jqxmenu: 'empty:',
+        jqxcombobox: 'empty:',
+        jqxdata: 'empty:',
+        jqxrating: 'empty:',
+        jqxtabs: 'empty:',
+        jqxlistbox: 'empty:',
+        jqxdropdownlist: 'empty:',
+        jqxdropdownbutton: 'empty:',
+        jqxeditor: 'empty:',
+        jqxcolorpicker: 'empty:',
+        jqxgrid: 'empty:',
+        jqxgrid_selection: 'empty:',
+        jqxgrid_columnsresize: 'empty:',
+        jqxgrid_filter: 'empty:',
+        jqxinput: 'empty:',
+        jqxdragdrop: 'empty:',
+        jqxnumberinput: 'empty:'
+    },
+    shim: {
+	jqm: {
+            deps: [ 'jquery' ]
+        },
+        jQueryPlugins: {
+            deps: [ 'jquery' ]
+        },
+        "jqxcore": {
+            export: "$",
+            deps: ['jquery']
+        },
+        "jqxbuttons": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxwindow": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxpanel": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxscrollbar": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxtree": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxrating": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },        
+        "jqxinput": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxtabs": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },        
+        "jqxnumberinput": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxdropdownbutton": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxcolorpicker": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxeditor": {
+            export: "$",
+            deps: ['jquery', "jqxcore", "jqxscrollbar", "jqxcombobox", "jqxwindow", 
+                   "jqxcolorpicker", "jqxdropdownbutton", "jqxdropdownlist", "jqxlistbox", "jqxbuttons"]
+        },
+        "jqxgrid": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxgrid_selection": {
+            export: "$",
+            deps: ['jquery', "jqxcore", "jqxgrid"]
+        },
+        "jqxgrid_columnsresize": {
+            export: "$",
+            deps: ['jquery', "jqxcore", "jqxgrid"]
+        },
+        "jqxgrid_filter": {
+            export: "$",
+            deps: ['jquery', "jqxcore", "jqxgrid"]
+        },
+        "jqxmenu": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxcombobox": {
+            export: "$",
+            deps: ['jquery', "jqxcore", "jqxlistbox"]
+        },
+        "jqxdata": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxdragdrop": {
+            export: "$",
+            deps: ['jquery', "jqxcore"]
+        },
+        "jqxlistbox": {
+            export: "$",
+            deps: ['jquery', "jqxcore", "jqxscrollbar", "jqxdragdrop"]
+        },
+        "jqxdropdownlist": {
+            export: "$",
+            deps: ['jquery', "jqxcore", "jqxlistbox"]
+        }
+    },
+    optimize: "uglify2",
+	modules: [
+            {
+		name: "main",
+                exclude: [
+                    'libs/jQueryPluginsCollection',
+                    'plugins/jquery.mobile.alphascroll.min',
+                    'plugins/jquery.rating.pack'
+                ]
+            },
+            { name: "libs/jQueryPluginsCollection" }
+	],
+    preserveLicenseComments: false,
+    fileExclusionRegExp: /\.git/
+})

build.cmd

@@ -0,0 +1,5 @@
+REM node r.js -o app.build_dev.js
+node r.js -o app.build_prod.js
+call cleancss -o .\css\loadingStyle.min.css .\css\loadingStyle.css
+call cleancss -o .\css\style.min.css .\css\style.css
+pause

css/IlLievitario.css

@@ -0,0 +1,748 @@
+/*!
+* jQuery Mobile 1.4.3
+* Git HEAD hash: b9c6473e3d90af26570e6f14e5a0307897ab385c <> Date: Tue Jul 1 2014 15:37:36 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+
+/* Globals */
+/* Font
+-----------------------------------------------------------------------------------------------------------*/
+html {
+	font-size: 100%;
+}
+body,
+input,
+select,
+textarea,
+button,
+.ui-btn {
+	font-size: 1em;
+	line-height: 1.3;
+	    font-family: sans-serif /*{global-font-family}*/;
+}
+legend,
+.ui-input-text input,
+.ui-input-search input {
+	color: inherit;
+	text-shadow: inherit;
+}
+/* Form labels (overrides font-weight bold in bars, and mini font-size) */
+.ui-mobile label,
+div.ui-controlgroup-label {
+	font-weight: normal;
+	font-size: 16px;
+}
+/* Separators
+-----------------------------------------------------------------------------------------------------------*/
+/* Field contain separator (< 28em) */
+.ui-field-contain {
+	border-bottom-color: #828282;
+	border-bottom-color: rgba(0,0,0,.15);
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+}
+/* Table opt-in classes: strokes between each row, and alternating row stripes */
+/* Classes table-stroke and table-stripe are deprecated in 1.4. */
+.table-stroke thead th,
+.table-stripe thead th,
+.table-stripe tbody tr:last-child {
+	border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
+	border-bottom: 1px solid rgba(0,0,0,.1);
+}
+.table-stroke tbody th,
+.table-stroke tbody td {
+	border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
+	border-bottom: 1px solid rgba(0,0,0,.05);
+}
+.table-stripe.table-stroke tbody tr:last-child th,
+.table-stripe.table-stroke tbody tr:last-child td {
+	border-bottom: 0;
+}
+.table-stripe tbody tr:nth-child(odd) td,
+.table-stripe tbody tr:nth-child(odd) th {
+	background-color: #eeeeee; /* non-RGBA fallback  */
+	background-color: rgba(0,0,0,.04);
+}
+/* Buttons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn,
+label.ui-btn {
+	font-weight: bold;
+	border-width: 1px;
+	border-style: solid;
+}
+.ui-btn {
+	text-decoration: none !important;
+}
+.ui-btn-active {
+	cursor: pointer;
+}
+/* Corner rounding
+-----------------------------------------------------------------------------------------------------------*/
+/* Class ui-btn-corner-all deprecated in 1.4 */
+.ui-corner-all {
+	-webkit-border-radius: 0.5em /*{global-radii-blocks}*/;
+	border-radius: 0.5em /*{global-radii-blocks}*/;
+}
+/* Buttons */
+.ui-btn-corner-all,
+.ui-btn.ui-corner-all,
+/* Slider track */
+.ui-slider-track.ui-corner-all,
+/* Flipswitch */
+.ui-flipswitch.ui-corner-all,
+/* Count bubble */
+.ui-li-count {
+	-webkit-border-radius: 0.9em /*{global-radii-buttons}*/;
+	border-radius: 0.9em /*{global-radii-buttons}*/;
+}
+/* Icon-only buttons */
+.ui-btn-icon-notext.ui-btn-corner-all,
+.ui-btn-icon-notext.ui-corner-all {
+	-webkit-border-radius: 1em;
+	border-radius: 1em;
+}
+/* Radius clip workaround for cleaning up corner trapping */
+.ui-btn-corner-all,
+.ui-corner-all {
+	-webkit-background-clip: padding;
+	background-clip: padding-box;
+}
+/* Popup arrow */
+.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
+	left: 0.5em /*{global-radii-blocks}*/;
+	right: 0.5em /*{global-radii-blocks}*/;
+	top: 0.5em /*{global-radii-blocks}*/;
+	bottom: 0.5em /*{global-radii-blocks}*/;
+}
+/* Shadow
+-----------------------------------------------------------------------------------------------------------*/
+.ui-shadow {
+	-webkit-box-shadow: 0 1px 2px /*{global-box-shadow-size}*/ rgba(0,0,0,0.45) /*{global-box-shadow-color}*/;
+	-moz-box-shadow: 0 1px 2px /*{global-box-shadow-size}*/ rgba(0,0,0,0.45) /*{global-box-shadow-color}*/;
+	box-shadow: 0 1px 2px /*{global-box-shadow-size}*/ rgba(0,0,0,0.45) /*{global-box-shadow-color}*/;
+}
+.ui-shadow-inset {
+	-webkit-box-shadow: inset 0 1px 2px /*{global-box-shadow-size}*/ rgba(0,0,0,0.45) /*{global-box-shadow-color}*/;
+	-moz-box-shadow: inset 0 1px 2px /*{global-box-shadow-size}*/ rgba(0,0,0,0.45) /*{global-box-shadow-color}*/;
+	box-shadow: inset 0 1px 2px /*{global-box-shadow-size}*/ rgba(0,0,0,0.45) /*{global-box-shadow-color}*/;
+}
+.ui-overlay-shadow {
+	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
+	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
+	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
+}
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-icon-left:after,
+.ui-btn-icon-right:after,
+.ui-btn-icon-top:after,
+.ui-btn-icon-bottom:after,
+.ui-btn-icon-notext:after {
+	background-color: transparent /*{global-icon-color}*/;
+	background-color: transparent /*{global-icon-disc}*/;
+	background-position: center center;
+	background-repeat: no-repeat;
+	-webkit-border-radius: 1em;
+	border-radius: 1em;
+}
+/* Alt icons */
+.ui-alt-icon.ui-btn:after,
+.ui-alt-icon .ui-btn:after,
+html .ui-alt-icon.ui-checkbox-off:after,
+html .ui-alt-icon.ui-radio-off:after,
+html .ui-alt-icon .ui-checkbox-off:after,
+html .ui-alt-icon .ui-radio-off:after {
+	background-color: transparent /*{global-icon-color}*/;
+	background-color: transparent /*{global-icon-disc}*/;
+}
+/* No disc */
+.ui-nodisc-icon.ui-btn:after,
+.ui-nodisc-icon .ui-btn:after {
+	background-color: transparent;
+}
+/* Icon shadow */
+.ui-shadow-icon.ui-btn:after,
+.ui-shadow-icon .ui-btn:after {
+	-webkit-box-shadow: 0 1px 0 transparent /*{global-icon-shadow}*/;
+	-moz-box-shadow: 0 1px 0 transparent /*{global-icon-shadow}*/;
+	box-shadow: 0 1px 0 transparent /*{global-icon-shadow}*/;
+}
+/* Checkbox and radio */
+.ui-btn.ui-checkbox-off:after,
+.ui-btn.ui-checkbox-on:after,
+.ui-btn.ui-radio-off:after,
+.ui-btn.ui-radio-on:after {
+	display: block;
+	width: 18px;
+	height: 18px;
+	margin: -9px 2px 0 2px;
+}
+.ui-checkbox-off:after,
+.ui-btn.ui-radio-off:after {
+	filter: Alpha(Opacity=30);
+	opacity: .3;
+}
+.ui-btn.ui-checkbox-off:after,
+.ui-btn.ui-checkbox-on:after {
+	-webkit-border-radius: .1875em;
+	border-radius: .1875em;
+}
+.ui-btn.ui-checkbox-off:after {
+	background-color: #666;
+	background-color: rgba(0,0,0,.3);
+}
+.ui-radio .ui-btn.ui-radio-on:after {
+	background-image: none;
+	background-color: #fff;
+	width: 8px;
+	height: 8px;
+	border-width: 5px;
+	border-style: solid; 
+}
+.ui-alt-icon.ui-btn.ui-radio-on:after,
+.ui-alt-icon .ui-btn.ui-radio-on:after {
+	background-color: #000;
+}
+/* Loader */
+.ui-icon-loading {
+	background: url("images/ajax-loader.gif");
+	background-size: 2.875em 2.875em;
+}
+/* Swatches */
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-a,
+.ui-page-theme-a .ui-bar-inherit,
+html .ui-bar-a .ui-bar-inherit,
+html .ui-body-a .ui-bar-inherit,
+html body .ui-group-theme-a .ui-bar-inherit {
+	background-color: #3b5998 /*{a-bar-background-color}*/;
+	border-color: #223762 /*{a-bar-border}*/;
+	color: #ffffff /*{a-bar-color}*/;
+	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #5e5e5e /*{a-bar-shadow-color}*/;
+	font-weight: bold;
+}
+.ui-bar-a {
+	border-width: 1px;
+	border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-a,
+.ui-page-theme-a,
+.ui-page-theme-a .ui-panel-wrapper {
+	background-color: #f9f9f9 /*{a-page-background-color}*/;
+	border-color: #bbbbbb /*{a-page-border}*/;
+	color: #333333 /*{a-page-color}*/;
+	text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
+.ui-body-a,
+.ui-page-theme-a .ui-body-inherit,
+html .ui-bar-a .ui-body-inherit,
+html .ui-body-a .ui-body-inherit,
+html body .ui-group-theme-a .ui-body-inherit,
+html .ui-panel-page-container-a {
+	background-color: #ffffff /*{a-body-background-color}*/;
+	border-color: #dddddd /*{a-body-border}*/;
+	color: #333333 /*{a-body-color}*/;
+	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #f3f3f3 /*{a-body-shadow-color}*/;
+}
+.ui-body-a {
+	border-width: 1px;
+	border-style: solid;
+}
+/* Links */
+.ui-page-theme-a a,
+html .ui-bar-a a,
+html .ui-body-a a,
+html body .ui-group-theme-a a {
+	color: #5c8aeb /*{a-link-color}*/;
+	font-weight: bold;
+}
+.ui-page-theme-a a:visited,
+html .ui-bar-a a:visited,
+html .ui-body-a a:visited,
+html body .ui-group-theme-a a:visited {
+    color: #3388cc /*{a-link-visited}*/;
+}
+.ui-page-theme-a a:hover,
+html .ui-bar-a a:hover,
+html .ui-body-a a:hover,
+html body .ui-group-theme-a a:hover {
+	color: #005599 /*{a-link-hover}*/;
+}
+.ui-page-theme-a a:active,
+html .ui-bar-a a:active,
+html .ui-body-a a:active,
+html body .ui-group-theme-a a:active {
+	color: #005599 /*{a-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-a .ui-btn,
+html .ui-bar-a .ui-btn,
+html .ui-body-a .ui-btn,
+html body .ui-group-theme-a .ui-btn,
+html head + body .ui-btn.ui-btn-a,
+/* Button visited */
+.ui-page-theme-a .ui-btn:visited,
+html .ui-bar-a .ui-btn:visited,
+html .ui-body-a .ui-btn:visited,
+html body .ui-group-theme-a .ui-btn:visited,
+html head + body .ui-btn.ui-btn-a:visited {
+	background-color: #395184 /*{a-bup-background-color}*/;
+	border-color: #223762 /*{a-bup-border}*/;
+	color: #ffffff /*{a-bup-color}*/;
+	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #5e5e5e /*{a-bup-shadow-color}*/;
+}
+/* Button hover */
+.ui-page-theme-a .ui-btn:hover,
+html .ui-bar-a .ui-btn:hover,
+html .ui-body-a .ui-btn:hover,
+html body .ui-group-theme-a .ui-btn:hover,
+html head + body .ui-btn.ui-btn-a:hover {
+	background-color: #425f9e /*{a-bhover-background-color}*/;
+	border-color: #223762 /*{a-bhover-border}*/;
+	color: #ffffff /*{a-bhover-color}*/;
+	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #5e5e5e /*{a-bhover-shadow-color}*/;
+}
+/* Button down */
+.ui-page-theme-a .ui-btn:active,
+html .ui-bar-a .ui-btn:active,
+html .ui-body-a .ui-btn:active,
+html body .ui-group-theme-a .ui-btn:active,
+html head + body .ui-btn.ui-btn-a:active {
+	background-color: #425f9e /*{a-bdown-background-color}*/;
+	border-color: #223762 /*{a-bdown-border}*/;
+	color: #ffffff /*{a-bdown-color}*/;
+	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #5e5e5e /*{a-bdown-shadow-color}*/;
+}
+/* Active button */
+.ui-page-theme-a .ui-btn.ui-btn-active,
+html .ui-bar-a .ui-btn.ui-btn-active,
+html .ui-body-a .ui-btn.ui-btn-active,
+html body .ui-group-theme-a .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-a.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-a .ui-checkbox-on:after,
+html .ui-bar-a .ui-checkbox-on:after,
+html .ui-body-a .ui-checkbox-on:after,
+html body .ui-group-theme-a .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-a:after,
+/* Active flipswitch background */
+.ui-page-theme-a .ui-flipswitch-active,
+html .ui-bar-a .ui-flipswitch-active,
+html .ui-body-a .ui-flipswitch-active,
+html body .ui-group-theme-a .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-a .ui-slider-track .ui-btn-active,
+html .ui-bar-a .ui-slider-track .ui-btn-active,
+html .ui-body-a .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-a .ui-btn-active {
+	background-color: #3b5998 /*{a-active-background-color}*/;
+	border-color: #1c4a70 /*{a-active-border}*/;
+	color: #ffffff /*{a-active-color}*/;
+	text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-a .ui-radio-on:after,
+html .ui-bar-a .ui-radio-on:after,
+html .ui-body-a .ui-radio-on:after,
+html body .ui-group-theme-a .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-a:after {
+	border-color: #3b5998 /*{a-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-a .ui-btn:focus,
+html .ui-bar-a .ui-btn:focus,
+html .ui-body-a .ui-btn:focus,
+html body .ui-group-theme-a .ui-btn:focus,
+html head + body .ui-btn.ui-btn-a:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-a .ui-focus,
+html .ui-bar-a .ui-focus,
+html .ui-body-a .ui-focus,
+html body .ui-group-theme-a .ui-focus,
+html head + body .ui-btn-a.ui-focus,
+html head + body .ui-body-a.ui-focus {
+	-webkit-box-shadow: 0 0 12px #3b5998 /*{a-active-background-color}*/;
+	-moz-box-shadow: 0 0 12px #3b5998 /*{a-active-background-color}*/;
+	box-shadow: 0 0 12px #3b5998 /*{a-active-background-color}*/;
+}
+/* B
+-----------------------------------------------------------------------------------------------------------*/
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-b,
+.ui-page-theme-b .ui-bar-inherit,
+html .ui-bar-b .ui-bar-inherit,
+html .ui-body-b .ui-bar-inherit,
+html body .ui-group-theme-b .ui-bar-inherit {
+	background-color: #1d1d1d /*{b-bar-background-color}*/;
+	border-color: #1b1b1b /*{b-bar-border}*/;
+	color: #ffffff /*{b-bar-color}*/;
+	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #111111 /*{b-bar-shadow-color}*/;
+	font-weight: bold;
+}
+.ui-bar-b {
+	border-width: 1px;
+	border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-b,
+.ui-page-theme-b,
+.ui-page-theme-b .ui-panel-wrapper {
+	background-color: #252525 /*{b-page-background-color}*/;
+	border-color: #454545 /*{b-page-border}*/;
+	color: #ffffff /*{b-page-color}*/;
+	text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #111111 /*{b-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
+.ui-body-b,
+.ui-page-theme-b .ui-body-inherit,
+html .ui-bar-b .ui-body-inherit,
+html .ui-body-b .ui-body-inherit,
+html body .ui-group-theme-b .ui-body-inherit,
+html .ui-panel-page-container-b {
+	background-color: #2a2a2a /*{b-body-background-color}*/;
+	border-color: #1d1d1d /*{b-body-border}*/;
+	color: #ffffff /*{b-body-color}*/;
+	text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #111111 /*{b-body-shadow-color}*/;
+}
+.ui-body-b {
+	border-width: 1px;
+	border-style: solid;
+}
+/* Links */
+.ui-page-theme-b a,
+html .ui-bar-b a,
+html .ui-body-b a,
+html body .ui-group-theme-b a {
+	color: #7c94c5 /*{b-link-color}*/;
+	font-weight: bold;
+}
+.ui-page-theme-b a:visited,
+html .ui-bar-b a:visited,
+html .ui-body-b a:visited,
+html body .ui-group-theme-b a:visited {
+    color: #22aadd /*{b-link-visited}*/;
+}
+.ui-page-theme-b a:hover,
+html .ui-bar-b a:hover,
+html .ui-body-b a:hover,
+html body .ui-group-theme-b a:hover {
+	color: #0088bb /*{b-link-hover}*/;
+}
+.ui-page-theme-b a:active,
+html .ui-bar-b a:active,
+html .ui-body-b a:active,
+html body .ui-group-theme-b a:active {
+	color: #0088bb /*{b-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-b .ui-btn,
+html .ui-bar-b .ui-btn,
+html .ui-body-b .ui-btn,
+html body .ui-group-theme-b .ui-btn,
+html head + body .ui-btn.ui-btn-b,
+/* Button visited */
+.ui-page-theme-b .ui-btn:visited,
+html .ui-bar-b .ui-btn:visited,
+html .ui-body-b .ui-btn:visited,
+html body .ui-group-theme-b .ui-btn:visited,
+html head + body .ui-btn.ui-btn-b:visited {
+	background-color: #333333 /*{b-bup-background-color}*/;
+	border-color: #1f1f1f /*{b-bup-border}*/;
+	color: #ffffff /*{b-bup-color}*/;
+	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111111 /*{b-bup-shadow-color}*/;
+}
+/* Button hover */
+.ui-page-theme-b .ui-btn:hover,
+html .ui-bar-b .ui-btn:hover,
+html .ui-body-b .ui-btn:hover,
+html body .ui-group-theme-b .ui-btn:hover,
+html head + body .ui-btn.ui-btn-b:hover {
+	background-color: #373737 /*{b-bhover-background-color}*/;
+	border-color: #1f1f1f /*{b-bhover-border}*/;
+	color: #ffffff /*{b-bhover-color}*/;
+	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #111111 /*{b-bhover-shadow-color}*/;
+}
+/* Button down */
+.ui-page-theme-b .ui-btn:active,
+html .ui-bar-b .ui-btn:active,
+html .ui-body-b .ui-btn:active,
+html body .ui-group-theme-b .ui-btn:active,
+html head + body .ui-btn.ui-btn-b:active {
+	background-color: #404040 /*{b-bdown-background-color}*/;
+	border-color: #1f1f1f /*{b-bdown-border}*/;
+	color: #ffffff /*{b-bdown-color}*/;
+	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #111111 /*{b-bdown-shadow-color}*/;
+}
+/* Active button */
+.ui-page-theme-b .ui-btn.ui-btn-active,
+html .ui-bar-b .ui-btn.ui-btn-active,
+html .ui-body-b .ui-btn.ui-btn-active,
+html body .ui-group-theme-b .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-b.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-b .ui-checkbox-on:after,
+html .ui-bar-b .ui-checkbox-on:after,
+html .ui-body-b .ui-checkbox-on:after,
+html body .ui-group-theme-b .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-b:after,
+/* Active flipswitch background */
+.ui-page-theme-b .ui-flipswitch-active,
+html .ui-bar-b .ui-flipswitch-active,
+html .ui-body-b .ui-flipswitch-active,
+html body .ui-group-theme-b .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-b .ui-slider-track .ui-btn-active,
+html .ui-bar-b .ui-slider-track .ui-btn-active,
+html .ui-body-b .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-b .ui-btn-active {
+	background-color: #c7c7c7 /*{b-active-background-color}*/;
+	border-color: #242424 /*{b-active-border}*/;
+	color: #ffffff /*{b-active-color}*/;
+	text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #616161 /*{b-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-b .ui-radio-on:after,
+html .ui-bar-b .ui-radio-on:after,
+html .ui-body-b .ui-radio-on:after,
+html body .ui-group-theme-b .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-b:after {
+	border-color: #c7c7c7 /*{b-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-b .ui-btn:focus,
+html .ui-bar-b .ui-btn:focus,
+html .ui-body-b .ui-btn:focus,
+html body .ui-group-theme-b .ui-btn:focus,
+html head + body .ui-btn.ui-btn-b:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-b .ui-focus,
+html .ui-bar-b .ui-focus,
+html .ui-body-b .ui-focus,
+html body .ui-group-theme-b .ui-focus,
+html head + body .ui-btn-b.ui-focus,
+html head + body .ui-body-b.ui-focus {
+	-webkit-box-shadow: 0 0 12px #c7c7c7 /*{b-active-background-color}*/;
+	-moz-box-shadow: 0 0 12px #c7c7c7 /*{b-active-background-color}*/;
+	box-shadow: 0 0 12px #c7c7c7 /*{b-active-background-color}*/;
+}
+
+
+/* C
+-----------------------------------------------------------------------------------------------------------*/
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-c,
+.ui-page-theme-c .ui-bar-inherit,
+html .ui-bar-c .ui-bar-inherit,
+html .ui-body-c .ui-bar-inherit,
+html body .ui-group-theme-c .ui-bar-inherit {
+	background-color: #1d1d1d /*{c-bar-background-color}*/;
+	border-color: #1b1b1b /*{c-bar-border}*/;
+	color: #ffffff /*{c-bar-color}*/;
+	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #111111 /*{c-bar-shadow-color}*/;
+	font-weight: bold;
+}
+.ui-bar-c {
+	border-width: 1px;
+	border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-c,
+.ui-page-theme-c,
+.ui-page-theme-c .ui-panel-wrapper {
+	background-color: #f3f3f3 /*{c-page-background-color}*/;
+	border-color: #454545 /*{c-page-border}*/;
+	color: #454545 /*{c-page-color}*/;
+	text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #f3f3f3 /*{c-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
+.ui-body-c,
+.ui-page-theme-c .ui-body-inherit,
+html .ui-bar-c .ui-body-inherit,
+html .ui-body-c .ui-body-inherit,
+html body .ui-group-theme-c .ui-body-inherit,
+html .ui-panel-page-container-c {
+	background-color: #f3f3f3 /*{c-body-background-color}*/;
+	border-color: #1d1d1d /*{c-body-border}*/;
+	color: #000000 /*{c-body-color}*/;
+	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #f3f3f3 /*{c-body-shadow-color}*/;
+}
+.ui-body-c {
+	border-width: 1px;
+	border-style: solid;
+}
+/* Links */
+.ui-page-theme-c a,
+html .ui-bar-c a,
+html .ui-body-c a,
+html body .ui-group-theme-c a {
+	color: #7c94c5 /*{c-link-color}*/;
+	font-weight: bold;
+}
+.ui-page-theme-c a:visited,
+html .ui-bar-c a:visited,
+html .ui-body-c a:visited,
+html body .ui-group-theme-c a:visited {
+    color: #22aadd /*{c-link-visited}*/;
+}
+.ui-page-theme-c a:hover,
+html .ui-bar-c a:hover,
+html .ui-body-c a:hover,
+html body .ui-group-theme-c a:hover {
+	color: #0088bb /*{c-link-hover}*/;
+}
+.ui-page-theme-c a:active,
+html .ui-bar-c a:active,
+html .ui-body-c a:active,
+html body .ui-group-theme-c a:active {
+	color: #0088bb /*{c-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-c .ui-btn,
+html .ui-bar-c .ui-btn,
+html .ui-body-c .ui-btn,
+html body .ui-group-theme-c .ui-btn,
+html head + body .ui-btn.ui-btn-c,
+/* Button visited */
+.ui-page-theme-c .ui-btn:visited,
+html .ui-bar-c .ui-btn:visited,
+html .ui-body-c .ui-btn:visited,
+html body .ui-group-theme-c .ui-btn:visited,
+html head + body .ui-btn.ui-btn-c:visited {
+	background-color: #333333 /*{c-bup-background-color}*/;
+	border-color: #1f1f1f /*{c-bup-border}*/;
+	color: #ffffff /*{c-bup-color}*/;
+	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #111111 /*{c-bup-shadow-color}*/;
+}
+/* Button hover */
+.ui-page-theme-c .ui-btn:hover,
+html .ui-bar-c .ui-btn:hover,
+html .ui-body-c .ui-btn:hover,
+html body .ui-group-theme-c .ui-btn:hover,
+html head + body .ui-btn.ui-btn-c:hover {
+	background-color: #373737 /*{c-bhover-background-color}*/;
+	border-color: #1f1f1f /*{c-bhover-border}*/;
+	color: #ffffff /*{c-bhover-color}*/;
+	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #111111 /*{c-bhover-shadow-color}*/;
+}
+/* Button down */
+.ui-page-theme-c .ui-btn:active,
+html .ui-bar-c .ui-btn:active,
+html .ui-body-c .ui-btn:active,
+html body .ui-group-theme-c .ui-btn:active,
+html head + body .ui-btn.ui-btn-c:active {
+	background-color: #404040 /*{c-bdown-background-color}*/;
+	border-color: #1f1f1f /*{c-bdown-border}*/;
+	color: #ffffff /*{c-bdown-color}*/;
+	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #111111 /*{c-bdown-shadow-color}*/;
+}
+/* Active button */
+.ui-page-theme-c .ui-btn.ui-btn-active,
+html .ui-bar-c .ui-btn.ui-btn-active,
+html .ui-body-c .ui-btn.ui-btn-active,
+html body .ui-group-theme-c .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-c.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-c .ui-checkbox-on:after,
+html .ui-bar-c .ui-checkbox-on:after,
+html .ui-body-c .ui-checkbox-on:after,
+html body .ui-group-theme-c .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-c:after,
+/* Active flipswitch background */
+.ui-page-theme-c .ui-flipswitch-active,
+html .ui-bar-c .ui-flipswitch-active,
+html .ui-body-c .ui-flipswitch-active,
+html body .ui-group-theme-c .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-c .ui-slider-track .ui-btn-active,
+html .ui-bar-c .ui-slider-track .ui-btn-active,
+html .ui-body-c .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-c .ui-btn-active {
+	background-color: #c7c7c7 /*{c-active-background-color}*/;
+	border-color: #242424 /*{c-active-border}*/;
+	color: #ffffff /*{c-active-color}*/;
+	text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #616161 /*{c-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-c .ui-radio-on:after,
+html .ui-bar-c .ui-radio-on:after,
+html .ui-body-c .ui-radio-on:after,
+html body .ui-group-theme-c .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-c:after {
+	border-color: #c7c7c7 /*{c-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-c .ui-btn:focus,
+html .ui-bar-c .ui-btn:focus,
+html .ui-body-c .ui-btn:focus,
+html body .ui-group-theme-c .ui-btn:focus,
+html head + body .ui-btn.ui-btn-c:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-c .ui-focus,
+html .ui-bar-c .ui-focus,
+html .ui-body-c .ui-focus,
+html body .ui-group-theme-c .ui-focus,
+html head + body .ui-btn-c.ui-focus,
+html head + body .ui-body-c.ui-focus {
+	-webkit-box-shadow: 0 0 12px #c7c7c7 /*{c-active-background-color}*/;
+	-moz-box-shadow: 0 0 12px #c7c7c7 /*{c-active-background-color}*/;
+	box-shadow: 0 0 12px #c7c7c7 /*{c-active-background-color}*/;
+}
+
+
+
+
+/* Structure */
+/* Disabled
+-----------------------------------------------------------------------------------------------------------*/
+/* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
+.ui-disabled,
+.ui-state-disabled,
+button[disabled],
+.ui-select .ui-btn.ui-state-disabled {
+	filter: Alpha(Opacity=30);
+	opacity: .3;
+	cursor: default !important;
+	pointer-events: none;
+}
+/* Focus state outline
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn:focus,
+.ui-btn.ui-focus {
+	outline: 0;
+}
+/* Unset box-shadow in browsers that don't do it right */
+.ui-noboxshadow .ui-shadow,
+.ui-noboxshadow .ui-shadow-inset,
+.ui-noboxshadow .ui-overlay-shadow,
+.ui-noboxshadow .ui-shadow-icon.ui-btn:after,
+.ui-noboxshadow .ui-shadow-icon .ui-btn:after,
+.ui-noboxshadow .ui-focus,
+.ui-noboxshadow .ui-btn:focus,
+.ui-noboxshadow  input:focus,
+.ui-noboxshadow .ui-panel {
+	-webkit-box-shadow: none !important;
+	-moz-box-shadow: none !important;
+	box-shadow: none !important;
+}
+.ui-noboxshadow .ui-btn:focus,
+.ui-noboxshadow .ui-focus {
+	outline-width: 1px;
+	outline-style: auto;
+}

css/base.style.css

@@ -0,0 +1,204 @@
+#sfondo {
+    width: 308px;
+    height: 400px;
+}
+
+.nav-glyphish-example .ui-btn { padding-top: 35px !important; }
+.nav-glyphish-example .ui-btn:after { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
+
+.ui-icon-myHome:after {
+    background: url("../Resources/img/house.png") 50% 50% no-repeat; background-size: 22px 22px;
+    margin-top: -15px !important;
+    width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important;
+}
+
+#favoriteBtn:after { background:  url("../Resources/img/favorite.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#infoBtn:after { background:  url("../Resources/img/info.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#backBtn:after { background:  url("../Resources/img/previous.png") 50% 50% no-repeat;  background-size: 16px 16px; }
+#noteBtn:after { background:  url("../Resources/img/blocco.png") 50% 50% no-repeat; background-size: 22px 22px; }
+#indexBtn:after { background:  url("../Resources/img/ricette.png") 50% 50% no-repeat; background-size: 22px 22px;  }
+#toolsBtn:after { background:  url("../Resources/img/toolbox.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#faqBtn:after { background:  url("../Resources/img/faq.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#searchBtn:after { background:  url("../Resources/img/search.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#moreBtn:after { background:  url("../Resources/img/more.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#settingsBtn:after { background:  url("../Resources/img/settings.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#syncBtn:after { background:  url("../Resources/img/sync.png") 50% 50% no-repeat;  background-size: 22px 22px; }
+#saveBtn:after { background:  url("../Resources/img/save.png") 50% 50% no-repeat;  background-size: 22px 22px;
+    box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}
+
+.loginfb {
+    content: url('../Resources/img/fblogin.png');
+    width: 200px;
+}
+
+.logoutfb {
+    content: url('../Resources/img/fblogout.png');
+    width: 200px;
+}
+
+.logingplus {
+    content: url('../Resources/img/gpluslogin.png');
+    width: 200px;
+}
+
+.logoutgplus {
+    content: url('../Resources/img/gpluslogout.png');
+    width: 200px;
+}
+
+#infoBtn {
+    font-size: x-small;
+}
+
+#backBtn{
+    font-size: x-small;
+}
+
+h1{
+    text-align: center;
+}
+
+/*--------- Fix per FAQ ---------*/
+h4.ui-collapsible-heading a{
+    white-space: normal;
+}
+
+.ui-li-static.ui-collapsible > .ui-collapsible-heading {
+    margin: 0;
+}
+.ui-li-static.ui-collapsible {
+    padding: 0;
+}
+.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
+    border-top-width: 0;
+}
+.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
+.ui-li-static.ui-collapsible > .ui-collapsible-content {
+    border-bottom-width: 0;
+}
+
+
+#faqList p
+{
+    word-wrap: break-word;
+    white-space: normal;
+    font-size: 16px;
+}
+
+/*--------- END Fix per FAQ ---------*/
+
+div.ricettaTitolo{
+    word-wrap: break-word;
+    white-space: normal;
+}
+
+div.ricettaAutore{
+    float:left;
+    font-size: 13px;
+    font-style: italic;
+}
+
+/*--------- gallery style ---------*/
+.gallery { list-style: none; padding: 0; margin: 0; }
+.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
+.gallery li { float: left; width: 33.33333333%; }
+.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
+.gallery li img { display: block; width: 100%; height: auto; }
+
+/*--------- END gallery style ---------*/
+
+/*--------- Remove select possibility ---------*/
+* {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none;
+}
+
+textarea {
+    -webkit-user-select: auto !important;
+}
+
+.ui-input-search input{
+    -webkit-user-select: auto;
+}
+
+.ui-input-text input{
+    -webkit-user-select: auto;
+}
+
+input[type=text] {
+    -webkit-user-select: auto;
+}
+
+input[type=number] {
+    -webkit-user-select: auto;
+}
+
+input[type=password] {
+    -webkit-user-select: auto;
+}
+
+.ui-footer .ui-navbar .ui-btn {
+    font-size: x-small;
+}
+
+.ui-page-theme-a .ui-footer .ui-navbar .ui-btn{
+    background-image: url('sfondo-a.png');
+}
+
+.ui-page-theme-a .ui-bar-inherit{
+    background-image: url('sfondo-a.png');
+}
+
+.ui-page-theme-b .ui-footer .ui-navbar .ui-btn{
+    background-image: url('sfondo.png');
+}
+
+.ui-page-theme-b .ui-bar-inherit{
+    background-image: url('sfondo.png');
+}
+
+.ui-page-theme-c .ui-footer .ui-navbar .ui-btn{
+    background-image: url('sfondo.png');
+}
+
+.ui-page-theme-c .ui-bar-inherit{
+    background-image: url('sfondo.png');
+}
+
+.ui-page-theme-a .ui-footer .ui-navbar .ui-btn.ui-btn-active{
+    background-color: white;
+    border-color: #42609F;
+    text-shadow: 0 1px 0 #42609F;
+    background-image: url('sfondo_selected-a.png');
+}
+
+.ui-page-theme-b .ui-footer .ui-navbar .ui-btn.ui-btn-active{
+    background-color: white;
+    border-color: black;
+    text-shadow: 0 1px 0 black;
+    background-image: url('sfondo_selected.png');
+}
+
+.ui-page-theme-c .ui-footer .ui-navbar .ui-btn.ui-btn-active{
+    background-color: white;
+    border-color: black;
+    text-shadow: 0 1px 0 black;
+    background-image: url('sfondo_selected.png');
+}
+
+
+/*--------- END Remove select possibility ---------*/
+
+label.error {
+    color: red;
+    font-size: 16px;
+    font-weight: normal;
+    line-height: 1.4;
+    margin-top: 0.5em;
+    width: 100%;
+    float: none;
+}