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,118 +1,116 @@
 /*
 
-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;
 }
 #mainDiv {
   margin: 0 auto;
 }
 /*
 
 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;
 }
@@ -121,593 +119,600 @@ div.modalDialogMask.userInfoBoxMask {
 }
 div#loading {
   width: 100%;
   height: 100%;
   display: table;
   background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
   /* IE10 */
   background-image: -moz-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
   /* Mozilla Firefox */
   background-image: -o-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
   /* Opera */
   background-image: -webkit-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
   /* Webkit (Chrome 11+) */
   background-image: radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%);
   /* Proposed W3C Markup */
   background-image: -webkit-gradient(radial, center center, 0, center center, 495, color-stop(0, #4d52b3), color-stop(1, #1f2148));
   /* Webkit (Safari/Chrome 10) */
 }
 div#loading div {
   display: table-cell;
   vertical-align: middle;
   width: 100%;
   text-align: center;
 }
 div#loading div h1 {
   font-size: 40pt;
   color: #ffffff;
   text-shadow: -1px -1px 2px #2e316c, 1px 1px 1px #454aa1;
 }
 div#loading div h3 {
   font-size: 18pt;
   text-shadow: -1px -1px 1px #2e316c, 1px 1px 1px #454aa1;
   color: #1f2148;
 }
 div#loading div h5 {
   padding-left: 20px;
   color: #ff9200;
 }
 /*
 
 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;
 }
 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;
 }
 div.pageHeaderAndBody {
   height: 100%;
 }
 div.pageHeaderAndBody div#pageBody {
   min-width: 1013px;
   padding-bottom: 90px;
 }
 div.pageHeaderAndBody div.pageHeader {
   background-color: #1f2148;
   min-width: 1013px;
 }
 div.pageHeaderAndBody div.pageHeader div#miscLinks {
   float: right;
 }
 div.pageHeaderAndBody div.pageHeader div#miscLinks ul {
   margin: 12px 0px 0px;
   padding: 15px;
 }
 div.pageHeaderAndBody div.pageHeader div#miscLinks ul li {
   display: inline;
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
 div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a {
   color: #ffffff;
   margin: 0px;
   padding: 0px;
   border: 0px;
   padding: 15px;
   border-left: 1px solid #3e428f;
   font-weight: normal;
   text-decoration: none;
   font-size: 12pt;
   min-width: 70px;
 }
 div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover {
   color: #b8bae1;
 }
 div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink {
   border-left: 0px;
 }
 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;
 }
 div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler {
   border-bottom: 5px solid #e9e9ec;
 }
 div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler {
   border-top: 5px solid #e9e9ec;
 }
 div.pageFooter {
   margin-top: -90px;
   height: 90px;
   clear: both;
 }
 div.pageFooter div.footerWrapper {
   clear: both;
   padding-top: 10px;
 }
 div.pageFooter div.footerWrapper div.footerContent {
   background-color: #eaebe6;
   padding: 20px;
   font-size: 8pt;
 }
 div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon {
   width: 40px;
   height: 40px;
   float: left;
 }
 div.pageFooter div.footerWrapper div.footerContent span.copyright {
   padding-left: 10px;
   color: #a0a0a0;
 }
 div.pageFooter div.footerWrapper div.footerContent a {
   padding-left: 50px;
   display: block;
   color: #888888;
   font-weight: bold;
   text-decoration: none;
 }
 div.pageFooter div.footerWrapper div.footerContent div.applicationVersion {
   padding: 8px;
   color: #888888;
   background-color: #d2d2d2;
   position: relative;
   top: -40px;
   float: right;
 }
 div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a {
   padding-left: 0px;
   display: inline;
 }
 /*
 
 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;
 }
 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 {
   margin: 0px 45px;
   width: 140px;
   color: #ffffff;
   background-color: #d44100;
   border: 1px solid #bb4924;
   padding: 6px;
   font-size: 12pt;
   height: auto;
 }
 div#loginBox div.body form.loginForm input.submit:hover {
   color: #ffffff;
   background-color: #7e2700;
   cursor: pointer;
 }
 div#loginBox div.body form.loginForm ul {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
 }
 div#loginBox div.body form.loginForm ul li {
   display: block;
 }
 div#loginBox div.body form.loginForm div.translations {
   margin: 15px -20px;
   background-color: #c87b59;
 }
 div#loginBox div.body form.loginForm div.translations h4 {
   font-size: 9pt;
   padding: 6px 20px 0px;
 }
 div#loginBox div.body form.loginForm div.translations ul {
   margin: 0px;
   padding: 5px 10px 10px;
   margin-bottom: 15px;
 }
 div#loginBox div.body form.loginForm div.translations ul li {
   font-size: 8pt;
   color: #ddaa99;
   background-color: #994422;
   display: inline-block;
   padding: 2px 4px;
   margin: 1px;
 }
 div#loginBox div.body form.loginForm div.translations ul li.selected {
   color: #ffffff;
   background-color: #772211;
 }
 div#loginBox div.body form.loginForm div.translations ul li.selected:hover {
@@ -799,192 +804,193 @@ div.activeFeatures div.keepTogether canvas {
 }
 div.activeFeatures div.createAccountLink {
   display: inline-block;
   width: 282;
   height: 65px;
   background-image: url(./images/old/home/register.png);
   margin-right: 20px;
 }
 div.activeFeatures div.createAccountLink a.createAccountLink {
   position: relative;
   top: -92px;
   left: 5px;
 }
 div.activeFeatures div.createAccountLink a.createAccountLink span.payoff {
   margin-top: 23px;
   margin-left: 40px;
   font-size: 17pt;
   color: #64626c;
 }
 div.activeFeatures div.createAccountLink a.createAccountLink span.link {
   padding-left: 40px;
   padding-right: 50px;
   padding-bottom: 10px;
   font-size: 12pt;
 }
 div.activeFeatures div.createAccountLink:hover {
   background-image: url(./images/old/home/register_selected.png);
 }
 div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff {
   color: #54535a;
 }
 div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link {
   color: white;
 }
 div.activeFeatures div.createAccountLink canvas {
   width: 282px;
   height: 93px;
 }
 /*
 
 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;
 }
 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;
   margin: 0px;
 }
 div.userInfoBox div.body ul {
   font-size: 8pt;
   padding: 0px;
   margin: 4px 0px;
   list-style-position: inside;
 }
 div.userInfoBox div.body ul li span.number {
   font-weight: bold;
   padding-right: 3px;
 }
 div.userInfoBox div.body a {
   display: block;
   margin-top: 8px;
   border-top: 1px solid white;
   padding-top: 6px;
   font-size: 10pt;
   font-weight: bold;
   color: #d15a22;
   border-color: #fe9a5f;
   text-decoration: none;
 }
 div.userInfoBox div.body a:hover {
   color: #8c3b15;
 }
 div.sidePanels {
   float: left;
   margin-top: 106px;
   margin-left: 20px;
   width: 160px;
 }
 div.sidePanels div.tabSidePanel {
   margin-right: -10px;
 }
 div.sidePanels div.tabSidePanel ul {
   margin: 0px;
   padding-left: 0px;
   list-style-type: none;
   color: #f78b46;
 }
 div.sidePanels div.tabSidePanel ul.mainTabs {
   margin: 0px;
 }
 div.sidePanels div.tabSidePanel ul.mainTabs li a {
   display: block;
   line-height: 30px;
   height: 43px;
@@ -1180,241 +1186,244 @@ div.groupSidePanel {
                 padding: 0px 4px 0px 15px;
                 line-height: 20px;
         }
         div.groupSidePanel ul.groups li a:hover {
                 background-color: #aaaaaa;
         }
         div.groupSidePanel ul.groups li span.groupCardinality {
                 float: right;
                 font-size: 8pt;
                 color: #dddddd;
                 margin-right: 15px;
                 margin-top: -17px;
         }
         div.groupSidePanel ul.groups li.selected a {
                 background-color: #bbbbbb;
         }
         div.groupSidePanel ul.groups li.selected a:hover {
                 background-color: #bbbbbb;
         }
         div.groupSidePanel ul.groups li.selected a {
                 font-weight: bold;
         }
 */
 }
 div.subPanelTabs ul {
   margin: 0px;
   margin-right: 7px;
   padding: 0px;
 }
 div.subPanelTabs ul li {
   display: inline-block;
   vertical-align: middle;
   height: 50px;
   border-right: 1px solid #eef0e3;
   border-bottom: 1px solid #d5d5bc;
 }
 div.subPanelTabs ul li.first {
   -webkit-border-top-left-radius: 20px;
   -moz-border-radius-topleft: 20px;
   border-top-left-radius: 20px;
 }
 div.subPanelTabs ul li.selected {
   background-color: #eef0e3;
   border-bottom: 1px solid #eef0e3;
   border-right: 1px solid #d5d5bc;
 }
 div.subPanelTabs ul li.selected:hover {
   border-right: 1px solid #d5d5bc;
 }
 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;
   bottom: 0px;
   background-color: black;
   z-index: 1001;
   -moz-opacity: 0.7;
   opacity: .70;
   filter: alpha(opacity=70);
 }
 div#javaScriptAlert div.header {
   height: 34px;
   width: 468;
   background-image: url(./images/old/alert/header.png);
 }
 div#javaScriptAlert div.body {
   background-image: url(./images/old/alert/body.png);
   padding: 0px 20px 10px 20px;
 }
 /*
 div#javaScriptAlert div.body div.alert {
         padding-left: 100px;
         background: url(./images/old/alert/alert.png) no-repeat;
 }
 */
 /*div#javaScriptAlert div.body img.alert {*/
 div#javaScriptAlert div.body div.alertLogo {
   float: left;
   background-image: url(./images/old/alert/alert.png);
   width: 88px;
   height: 88px;
 }
 div#javaScriptAlert div.body div.alert {
   padding-left: 100px;
 }
 div#javaScriptAlert div.footer {
   height: 34px;
   width: 468;
   background-image: url(./images/old/alert/footer.png);
 }
 div#javaScriptAlert div.message {
   position: relative;
   top: -150px;
   z-index: 1002;
   /*
         left: 100px;
         right: 100px;
 */
 
   margin-left: auto;
   margin-right: auto;