1 files changed, 21 insertions, 12 deletions

diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
index 5d8bc20..011831a 100644
--- a/frontend/gamma/css/web.css
+++ b/frontend/gamma/css/web.css
@@ -1,70 +1,68 @@
 /*
 
-Copyright 2008-2011 Clipperz Srl
+Copyright 2008-2013 Clipperz Srl
 
-This file is part of Clipperz Community Edition.
-Clipperz Community Edition is an online password manager.
+This file is part of Clipperz, the online password manager.
 For further information about its features and functionalities please
 refer to http://www.clipperz.com.
 
-* Clipperz Community Edition is free software: you can redistribute
-  it and/or modify it under the terms of the GNU Affero General Public
-  License as published by the Free Software Foundation, either version
-  3 of the License, or (at your option) any later version.
+* Clipperz is free software: you can redistribute it and/or modify it 
+  under the terms of the GNU Affero General Public License as published 
+  by the Free Software Foundation, either version 3 of the License, or 
+  (at your option) any later version.
 
-* Clipperz Community Edition is distributed in the hope that it will
-  be useful, but WITHOUT ANY WARRANTY; without even the implied
-  warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+* Clipperz is distributed in the hope that it will be useful, but 
+  WITHOUT ANY WARRANTY; without even the implied warranty of 
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
   See the GNU Affero General Public License for more details.
 
 * You should have received a copy of the GNU Affero General Public
-  License along with Clipperz Community Edition.  If not, see
-  <http://www.gnu.org/licenses/>.
+  License along with Clipperz. If not, see http://www.gnu.org/licenses/.
 
 */
 
 /*
 
 Color list:
 - login box:
                 light#ff9955
                 dark#ff6622
 - login button:
                 regular#dd5500
                 hover#773311
 - login translations:
         box: #cc6622;
         not-selected:
                         color:  #ddaa99
                         background:#994422
         selected: #772211;
 */
 html {
   height: 100%;
 }
 body {
   font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
   margin: 0px;
 }
 div.modalDialogMask.userInfoBoxMask {
   -moz-opacity: 0.0;
   opacity: .0;
   filter: alpha(opacity=0);
   z-index: 19000;
 }
 .reset-margin {
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
 .clear {
   clear: both;
 }
 .hidden_none {
   display: none;
   visibility: hidden;
 }
 .keepTogether {
   display: inline-block;
   white-space: nowrap;
 }
@@ -169,191 +167,196 @@ Color list:
         box: #cc6622;
         not-selected:
                         color:  #ddaa99
                         background:#994422
         selected: #772211;
 */
 html {
   height: 100%;
 }
 body {
   font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
   margin: 0px;
 }
 div.modalDialogMask.userInfoBoxMask {
   -moz-opacity: 0.0;
   opacity: .0;
   filter: alpha(opacity=0);
   z-index: 19000;
 }
 .reset-margin {
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
 .clear {
   clear: both;
 }
 .hidden_none {
   display: none;
   visibility: hidden;
 }
 .keepTogether {
   display: inline-block;
   white-space: nowrap;
 }
 #mainDiv {
   margin: 0 auto;
 }
 div.tooltip {
   position: absolute;
   z-index: 30001;
 }
 div.tooltip div.tooltip_body {
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
   background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
+  background: linear-gradient(0deg, #555555, #bbbbbb);
   -webkit-box-shadow: 4px 4px 10px #333333;
   -moz-box-shadow: 4px 4px 10px #333333;
   box-shadow: 4px 4px 10px #333333;
   border-top: 1px solid #d4d4d4;
   border-left: 1px solid #a2a2a2;
   border-right: 1px solid #6f6f6f;
   border-bottom: 1px solid #3c3c3c;
 }
 div.tooltip div.tooltip_body span {
   display: block;
   padding: 10px;
   font-size: 10pt;
   color: white;
 }
 div.tooltip div.tooltip_body div.tooltip_text {
   width: 200px;
 }
 div.tooltip div.tooltip_arrow {
   position: absolute;
   width: 0;
   height: 0;
   border: 6px solid transparent;
 }
 div.tooltip.BELOW div.tooltip_arrow {
   top: -12px;
   left: 97px;
   border-bottom: 6px solid #bbbbbb;
 }
 div.tooltip.ABOVE div.tooltip_arrow {
   position: static;
   margin-left: 97px;
   border-top: 6px solid #555555;
 }
 div.tooltip.LEFT div.tooltip_arrow {
   left: 203px;
   top: 10px;
   border-left: 6px solid #747474;
 }
 div.tooltip.LEFT div.tooltip_body div.tooltip_text {
   min-height: 45px;
 }
 div.tooltip.RIGHT div.tooltip_arrow {
   left: -12px;
   top: 10px;
   border-right: 6px solid #9c9c9c;
 }
 div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
   min-height: 45px;
 }
 .button.default {
   display: inline-block;
   height: 20px;
   cursor: pointer;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622));
   background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f);
+  background: linear-gradient(0deg, #ff6622, #ffa76f);
   border-radius: 5;
   -moz-border-radius: 5;
   -webkit-border-radius: 5;
   border: 1px solid #ff7f46;
   padding-top: 4px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 2px;
   color: white;
   font-weight: lighter;
   text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f;
   text-decoration: none;
   font-weight: normal;
 }
 .button.default:hover {
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622));
   background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46);
+  background: linear-gradient(0deg, #ff6622, #ff8e46);
 }
 .button {
   display: inline-block;
   height: 20px;
   cursor: pointer;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999));
   background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf);
+  background: linear-gradient(0deg, #999999, #bfbfbf);
   border-radius: 5;
   -moz-border-radius: 5;
   -webkit-border-radius: 5;
   border: 1px solid #ababab;
   padding-top: 4px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 2px;
   color: white;
   font-weight: lighter;
   text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf;
   text-decoration: none;
 }
 .button:hover {
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999));
   background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab);
+  background: linear-gradient(0deg, #999999, #ababab);
 }
 /*
 
 Color list:
 - login box:
                 light#ff9955
                 dark#ff6622
 - login button:
                 regular#dd5500
                 hover#773311
 - login translations:
         box: #cc6622;
         not-selected:
                         color:  #ddaa99
                         background:#994422
         selected: #772211;
 */
 html {
   height: 100%;
 }
 body {
   font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
   margin: 0px;
 }
 div.modalDialogMask.userInfoBoxMask {
   -moz-opacity: 0.0;
   opacity: .0;
   filter: alpha(opacity=0);
   z-index: 19000;
 }
 .reset-margin {
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
 .clear {
   clear: both;
 }
 .hidden_none {
   display: none;
   visibility: hidden;
 }
 .keepTogether {
   display: inline-block;
   white-space: nowrap;
 }
 #mainDiv {
   margin: 0 auto;
@@ -404,96 +407,97 @@ div.pageHeaderAndBody div.pageHeader div#logoFrame {
   padding: 16px 16px 60px 16px;
   min-height: 44px;
 }
 div.pageHeaderAndBody div.pageHeader div#logoFrame a {
   color: white;
   text-decoration: none;
 }
 div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas {
   margin: 0px;
   padding: 0px;
   border: 0px;
   width: 150px;
   height: 39px;
 }
 div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff {
   font-size: 13pt;
   font-weight: normal;
   white-space: nowrap;
   margin: 0px;
   padding-left: 4px;
 }
 div.pageHeaderAndBody div.pageHeader div#featureTabs table {
   width: 100%;
   padding: 6px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 46px;
 }
 div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td {
   width: 25%;
   vertical-align: top;
   font-size: 11pt;
   color: white;
 }
 div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img {
   float: left;
 }
 div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span {
   display: block;
   padding: 5 10 5 85;
 }
 div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon {
   width: 76px;
   height: 76px;
   display: block;
   float: left;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
   background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
+  background: linear-gradient(0deg, #ff6622, #ffad79);
   border-radius: 38px;
   -moz-border-radius: 38px;
   -webkit-border-radius: 38px;
 }
 div.pageHeaderAndBody div.pageHeader div#news {
   top: -82px;
   left: 240px;
   width: 310px;
   height: 90px;
   position: absolute;
   background-color: #616475;
   -webkit-border-bottom-left-radius: 8px;
   -moz-border-radius-bottomleft: 8px;
   border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-radius-bottomright: 8px;
   border-bottom-right-radius: 8px;
   -webkit-box-shadow: 2px 2px 9px #333333;
   -moz-box-shadow: 2px 2px 9px #333333;
   box-shadow: 2px 2px 9px #333333;
 }
 div.pageHeaderAndBody div.pageHeader div#news div#newsframe {
   margin-left: 10px;
   margin-right: 10px;
   height: 75px;
   overflow: hidden;
 }
 div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe {
   width: 290px;
   border: 0px;
   color: #616475;
   background-color: #616475;
 }
 div.pageHeaderAndBody div.pageHeader div#news div.grip {
   width: 310px;
   height: 6px;
   margin-top: 2px;
   cursor: pointer;
 }
 div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler {
   margin-left: auto;
   margin-right: auto;
   margin-top: 8px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
 }
@@ -570,96 +574,97 @@ body {
 }
 div.modalDialogMask.userInfoBoxMask {
   -moz-opacity: 0.0;
   opacity: .0;
   filter: alpha(opacity=0);
   z-index: 19000;
 }
 .reset-margin {
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
 .clear {
   clear: both;
 }
 .hidden_none {
   display: none;
   visibility: hidden;
 }
 .keepTogether {
   display: inline-block;
   white-space: nowrap;
 }
 #mainDiv {
   margin: 0 auto;
 }
 div#loginBox {
   width: 273px;
   z-index: 19000;
   top: -30px;
   right: 30px;
   position: relative;
   float: right;
 }
 div#loginBox div.header {
   height: 25px;
   width: 273px;
   background-color: #ff9b5a;
   -webkit-border-top-left-radius: 20px;
   -moz-border-radius-topleft: 20px;
   border-top-left-radius: 20px;
   -webkit-border-top-right-radius: 20px;
   -moz-border-radius-topright: 20px;
   border-top-right-radius: 20px;
 }
 div#loginBox div.body {
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
   background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
+  background: linear-gradient(0deg, #ff6622, #ff9b5a);
 }
 div#loginBox div.body h4 {
   color: #ffffff;
   font-size: 16pt;
   font-weight: normal;
   padding-left: 20px;
   margin: 0px;
 }
 div#loginBox div.body form.loginForm {
   padding: 5px 20px 0px;
   margin-bottom: 0px;
 }
 div#loginBox div.body form.loginForm label {
   color: #ffffff;
   font-size: 10pt;
   display: block;
   padding-top: 5px;
 }
 div#loginBox div.body form.loginForm label.checkbox {
   display: inline;
 }
 div#loginBox div.body form.loginForm input {
   width: 230px;
   font-size: 14pt;
   color: #333366;
   background-color: #ffffff;
   border: 1px solid #bb4924;
   padding: 2px 5px;
   height: 28px;
 }
 div#loginBox div.body form.loginForm input.checkbox {
   margin: 10px 8px 0px 0px;
   height: auto;
   width: auto;
   border: 0px;
 }
 div#loginBox div.body form.loginForm input.checkbox:hover {
   cursor: pointer;
 }
 div#loginBox div.body form.loginForm input.otp {
   width: 57px;
   display: inline;
   padding-left: 0px;
   padding-right: 0px;
   height: 28px;
   font: 8pt monospace;
 }
 div#loginBox div.body form.loginForm input.submit {
@@ -847,96 +852,97 @@ Color list:
         box: #cc6622;
         not-selected:
                         color:  #ddaa99
                         background:#994422
         selected: #772211;
 */
 html {
   height: 100%;
 }
 body {
   font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
   margin: 0px;
 }
 div.modalDialogMask.userInfoBoxMask {
   -moz-opacity: 0.0;
   opacity: .0;
   filter: alpha(opacity=0);
   z-index: 19000;
 }
 .reset-margin {
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
 .clear {
   clear: both;
 }
 .hidden_none {
   display: none;
   visibility: hidden;
 }
 .keepTogether {
   display: inline-block;
   white-space: nowrap;
 }
 #mainDiv {
   margin: 0 auto;
 }
 div.userInfoBox {
   position: absolute;
   width: 160px;
   height: 120px;
   top: 100px;
   left: 15px;
   color: white;
   background-color: #ff9955;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
   background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
+  background: linear-gradient(0deg, #ff6723, #ff9a56);
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -webkit-box-shadow: 2px 2px 9px #333333;
   -moz-box-shadow: 2px 2px 9px #333333;
   box-shadow: 2px 2px 9px #333333;
 }
 div.userInfoBox.locked {
   z-index: 19001;
 }
 div.userInfoBox.locked div.header a.lockButton {
   background: url(./images/old/lock/locked.png) no-repeat -5px -2px;
 }
 div.userInfoBox.locked div.header a.lockButton:hover {
   background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px;
 }
 div.userInfoBox.locked div.body a {
   display: none;
 }
 div.userInfoBox div.header {
   height: 30px;
 }
 div.userInfoBox div.header h1 {
   font-size: 8pt;
   font-weight: normal;
   margin: 0px;
   padding-top: 12px;
   padding-left: 12px;
 }
 div.userInfoBox div.header a.lockButton {
   position: absolute;
   top: 8px;
   right: 12px;
   display: block;
   width: 15px;
   height: 20px;
   text-decoration: none;
   background: url(./images/old/lock/unlocked.png) no-repeat -5px -2px;
 }
 div.userInfoBox div.header a.lockButton:hover {
   background: url(./images/old/lock/unlocked_hover.png) no-repeat -5px -2px;
 }
 div.userInfoBox div.body {
   padding: 0px 12px;
 }
 div.userInfoBox div.body h3 {
   font-size: 11pt;
   font-weight: bold;
@@ -1228,145 +1234,148 @@ div.subPanelTabs ul li.selected:hover {
 }
 div.subPanelTabs ul li.selected a {
   color: #444440;
 }
 div.subPanelTabs ul li:hover {
   border-right: 1px solid #d5d5bc;
   background-color: #eef0e3;
 }
 div.subPanelTabs ul li a {
   color: #787872;
   text-decoration: none;
   display: block;
   text-align: center;
   padding-top: 15px;
   padding-left: 20px;
   padding-right: 20px;
   font-size: 13pt;
 }
 div.subPanelContent {
   padding-top: 20px;
   padding-left: 30px;
   padding-right: 30px;
   min-height: 280px;
   color: #787872;
   margin: 0px 6px 0 9px;
 }
 div.subPanelContent h3 {
   margin: 0px;
   border: 0px;
   padding: 0px;
 }
 div.subPanelContent ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
 }
 div.subPanelContent ul li {
   display: none;
 }
 div.subPanelContent ul li.selected {
   display: block;
 }
 .downloadOfflineCopy {
   display: inline-block;
   height: 20px;
   cursor: pointer;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59bc4c), to(#448833));
   background: -moz-linear-gradient(0% 100% 90deg, #448833, #59bc4c);
+  background: linear-gradient(0deg, #448833, #59bc4c);
   border-radius: 5;
   -moz-border-radius: 5;
   -webkit-border-radius: 5;
   border: 1px solid #51a23d;
   padding-top: 4px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 2px;
   color: white;
   font-weight: lighter;
   text-shadow: -1px -1px 1px #448833, 1px 1px 1px #59bc4c;
   text-decoration: none;
 }
 .downloadOfflineCopy:hover {
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49a23d), to(#448833));
   background: -moz-linear-gradient(0% 100% 90deg, #448833, #49a23d);
+  background: linear-gradient(0deg, #448833, #49a23d);
 }
 div.SimpleMessagePanel {
   position: relative;
   left: -225px;
   top: -70px;
   width: 450px;
   height: 140px;
 }
 div.SimpleMessagePanel div.body {
   padding: 20px;
   padding-bottom: 15px;
   background-color: #f1f1ef;
   -webkit-box-shadow: 2px 2px 9px #333333;
   -moz-box-shadow: 2px 2px 9px #333333;
   box-shadow: 2px 2px 9px #333333;
   border-radius: 10;
   -moz-border-radius: 10;
   -webkit-border-radius: 10;
 }
 div.SimpleMessagePanel div.body h3 {
   font-size: 14pt;
   font-weight: normal;
   margin: 0px;
   padding-top: 4px;
   color: #787872;
 }
 div.SimpleMessagePanel div.body div.img {
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 15px;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
   background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
+  background: linear-gradient(0deg, #ff6622, #ff9b5a);
   border-radius: 25px;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
 }
 div.SimpleMessagePanel div.body div.img canvas {
   width: 50px;
   height: 50px;
 }
 div.SimpleMessagePanel div.body p {
   margin: 0;
   font-size: 10pt;
   font-weight: normal;
   color: #787872;
   padding-top: 10px;
   padding-bottom: 5px;
   line-height: 1.3;
 }
 div.SimpleMessagePanel div.body div.buttonArea {
   height: 40px;
   clear: both;
 }
 div.SimpleMessagePanel div.body div.buttonArea > div {
   float: right;
   margin-left: 15px;
   margin-top: 10px;
 }
 div.SimpleMessagePanel div.passphrase {
   padding-left: 65px;
 }
 div.SimpleMessagePanel div.passphrase input {
   width: 250px;
   font-size: 14pt;
   border: 1px solid #bb4924;
   color: #333366;
   background-color: white;
   padding: 2px 5px;
   height: 28px;
 }
 div.SimpleMessagePanel div.progressBarWrapper {
   margin-left: 80px;
 }
 /* @end */
 /* @group Javascript Alert */
 div#javaScriptAlert div.mask {
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;