password-manager/frontend/gamma/css/web.css
Giulio Cesare Solaroli 25029b9437 Updated /gamma web css
2012-03-17 21:10:14 +00:00

2211 lines
66 KiB
CSS

/*
Copyright 2008-2011 Clipperz Srl
This file is part of Clipperz Community Edition.
Clipperz Community Edition is an 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 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.
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/>.
*/
/*
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;
}
#mainDiv {
margin: 0 auto;
}
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;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-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;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-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;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-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;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-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;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-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;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-webkit-box-shadow: 4px 4px 10px #333333;
-moz-box-shadow: 4px 4px 10px #333333;
box-shadow: 4px 4px 10px #333333;
-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;
}
/*
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%;
}
body > div.pageHeaderAndBody {
height: auto;
min-height: 100%;
}
div.pageHeader {
background-color: #1f2148;
min-width: 1013px;
}
div.pageHeader div#miscLinks {
float: right;
}
div.pageHeader div#miscLinks ul {
margin: 12px 0px 0px;
padding: 15px;
}
div.pageHeader div#miscLinks ul li {
display: inline;
margin: 0px;
padding: 0px;
border: 0px;
}
div.pageHeader div#miscLinks ul li a {
color: #ffffff;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
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.pageHeader div#miscLinks ul li a:hover {
color: #b8bae1;
}
div.pageHeader div#miscLinks ul li a#donateHeaderLink {
border-left: 0px;
}
div.pageHeader div#logoFrame {
padding: 16px 16px 60px 16px;
min-height: 44px;
}
div.pageHeader div#logoFrame a {
color: white;
text-decoration: none;
}
div.pageHeader div#logoFrame a canvas {
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
margin: 0px;
padding: 0px;
border: 0px;
width: 150px;
height: 39px;
}
div.pageHeader div#logoFrame a h5.clipperzPayoff {
font-size: 13pt;
font-weight: normal;
white-space: nowrap;
margin: 0px;
padding-left: 4px;
}
div.pageHeader div#featureTabs table {
width: 100%;
padding: 6px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 46px;
}
div.pageHeader div#featureTabs table tr td {
width: 25%;
vertical-align: top;
font-size: 11pt;
color: white;
}
div.pageHeader div#featureTabs table tr td img {
float: left;
}
div.pageHeader div#featureTabs table tr td span {
display: block;
padding: 5 10 5 85;
}
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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
border-radius: 38px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
}
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-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-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-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-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-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-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-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-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-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-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-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-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-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-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;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
}
div.pageHeader div#news div#newsframe {
margin-left: 10px;
margin-right: 10px;
height: 75px;
overflow: hidden;
}
div.pageHeader div#news div#newsframe iframe {
width: 290px;
border: 0px;
color: #616475;
background-color: #616475;
}
div.pageHeader div#news div.grip {
width: 310px;
height: 12px;
margin-top: 2px;
cursor: pointer;
}
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.pageHeader div#news.open div.grip div.gripHandler {
border-bottom: 5px solid #e9e9ec;
}
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 span.applicationVersion {
padding: 8px;
color: #888888;
background-color: #d2d2d2;
position: relative;
top: -40px;
float: right;
}
/*
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-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-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;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-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;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-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;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-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;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-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;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-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;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
background: -moz-linear-gradient(0% 100% 90deg, #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 {
cursor: default;
}
div#loginBox div.body form.loginForm div.translations ul li:hover {
cursor: pointer;
color: #ffffff;
}
div#loginBox div.footer {
height: 37px;
width: 273px;
background-color: #ff6622;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}
body.ext-gecko div#loginBox form.loginForm div.translations ul li {
display: -moz-inline-box;
}
div#featurePoints {
min-width: 400px;
padding-top: 15px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 330px;
}
div#featurePoints table tbody tr td {
width: 50%;
vertical-align: top;
}
div#featurePoints div.block {
padding: 10px;
color: #86858e;
}
div#featurePoints div.block h3 {
font-weight: normal;
font-size: 12pt;
margin: 0px;
padding: 5px 0px;
}
div#featurePoints div.block ul {
margin: 0px;
margin-left: 20px;
padding: 0px;
list-style-position: outside;
}
div#featurePoints div.block ul li {
font-size: 10pt;
padding: 3px 0px;
}
div.activeFeatures {
float: left;
margin-left: 20px;
height: 100px;
}
div.activeFeatures a {
display: inline-block;
padding-left: 46px;
color: #ff5906;
text-decoration: none;
font-size: 10pt;
}
div.activeFeatures a span.payoff {
display: block;
font-size: 13pt;
font-weight: lighter;
color: #9b9689;
margin: 0px;
padding: 0px;
}
div.activeFeatures a:hover span.payoff {
color: #666666;
}
div.activeFeatures div.keepTogether a {
padding-left: 0px;
}
div.activeFeatures div.keepTogether div {
display: inline-block;
padding-right: 15px;
}
div.activeFeatures div.keepTogether canvas {
width: 46px;
height: 46px;
vertical-align: bottom;
}
div.activeFeatures div.createAccountLink {
display: inline-block;
width: 282;
height: 65px;
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 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: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
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;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-webkit-box-shadow: 2px 2px 9px #333333;
-moz-box-shadow: 2px 2px 9px #333333;
box-shadow: 2px 2px 9px #333333;
-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;
text-shadow: #000000 0 0 0;
}
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;
padding-left: 40px;
color: #ff6621;
margin: 0px;
font-weight: normal;
font-size: 13pt;
text-decoration: none;
}
div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter {
display: none;
}
div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add {
font-size: 14pt;
font-weight: bold;
position: relative;
top: -34px;
right: 16px;
background: none;
color: #c0531b;
padding-left: 15px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add:hover {
color: white;
}
div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add span {
font-size: 8pt;
vertical-align: middle;
}
div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add h3 {
display: inline;
padding-left: 5px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter {
display: block;
position: absolute;
left: 154px;
margin-top: -43px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.cards a {
background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover {
background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a {
margin-left: -10px;
padding-left: 50px;
color: white;
background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a:hover {
background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a {
background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a:hover {
background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a {
margin-left: -10px;
padding-left: 50px;
color: white;
background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
}
div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover {
color: white;
background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px;
}
div.sidePanels div.tabSidePanel ul.otherTabs {
margin: 10px 0px;
}
div.sidePanels div.tabSidePanel ul.otherTabs li {
margin-top: -4px;
}
div.sidePanels div.tabSidePanel ul.otherTabs li div.selectionHighlighter {
display: none;
}
div.sidePanels div.tabSidePanel ul.otherTabs li a {
display: block;
line-height: 36px;
height: 43px;
padding-left: 40px;
color: #ff6621;
text-decoration: none;
}
div.sidePanels div.tabSidePanel ul.otherTabs li a:hover {
background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;
}
div.sidePanels div.tabSidePanel ul.otherTabs li.selected a {
margin-left: -10px;
padding-left: 50px;
background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px;
color: white;
}
div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter {
display: block;
position: absolute;
left: 154px;
margin-top: -42px;
}
div.tagSidePanel {
/*
margin-right: -8px;
div.tagSidePanel div.header {
height: 50px;
background-image: url(../images/old/main/tabs/tagsBackground.png);
}
div.tagSidePanel div.header h1 {
padding-left: 52px;
padding-top: 14px;
font-size: 14pt;
font-weight: normal;
color: #888888;
}
div.tagSidePanel div.body {
background: url(../images/old/main/tabs/tagsBackground.png) -255px;
}
div.tagSidePanel div.footer {
height: 10px;
background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px;
}
div.tagSidePanel ul.tags {
margin: 0px;
list-style-type: none;
padding: 0px;
}
div.tagSidePanel ul.tags li a {
display: block;
font-size: 9pt;
text-decoration: none;
color: #ff6621;
padding: 0px 4px 0px 15px;
line-height: 20px;
}
div.tagSidePanel ul.tags li a:hover {
background-color: #dddddd;
}
div.tagSidePanel ul.tags li span.tagCardinality {
float: right;
font-size: 8pt;
color: #999999;
margin-right: 15px;
margin-top: -17px;
}
div.tagSidePanel ul.tags li.selected a {
background-color: #d4d5cf;
}
div.tagSidePanel ul.tags li.selected a:hover {
background-color: #d4d5cf;
}
div.tagSidePanel ul.tags li.selected a {
font-weight: bold;
}
*/
}
div.groupSidePanel {
/*
margin-right: -10px;
div.groupSidePanel div.header {
height: 50px;
background-image: url(../images/old/main/tabs/groupsBackground.png);
}
div.groupSidePanel div.header h1 {
padding-left: 52px;
padding-top: 14px;
font-size: 14pt;
font-weight: normal;
color: white;
}
div.groupSidePanel div.header a {
float: right;
margin-top: -30px;
margin-right: 20px;
text-decoration: none;
color: #666666;
font-size: 9pt;
line-height: 18px;
}
div.groupSidePanel div.header a:hover {
color: #444444;
}
div.groupSidePanel div.body {
background: url(../images/old/main/tabs/groupsBackground.png) -255px;
}
div.groupSidePanel div.footer {
height: 10px;
background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px;
}
div.groupSidePanel ul.groups {
margin: 0px;
list-style-type: none;
padding: 0px;
}
div.groupSidePanel ul.groups li a {
display: block;
font-size: 9pt;
text-decoration: none;
color: white;
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;
}
*/
}