Diffstat (limited to 'frontend/gamma/css/clipperz.css') (more/less context) (ignore whitespace changes)
| -rw-r--r-- | frontend/gamma/css/clipperz.css | 3725 |
1 files changed, 3725 insertions, 0 deletions
diff --git a/frontend/gamma/css/clipperz.css b/frontend/gamma/css/clipperz.css new file mode 100644 index 0000000..c772c98 --- a/dev/null +++ b/frontend/gamma/css/clipperz.css @@ -0,0 +1,3725 @@ +/* + +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/>. + +*/ + +/* @override + https://www.example.com/DEVELOPMENT/css/clipperz.css + http://www.example.com/DEVELOPMENT/css/clipperz.css + https://www.clipperz.com/gamma/css/clipperz.css + https://www.example.com/iPHONE/css/clipperz.css +*/ +/* + +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%; + color: #e8b81b; +} +body { + /* margin-left: 15px; margin-right: 15px;*/ + + font-family: Helvetica, Arial, Geneva, sans-serif; + margin: 0px; + /* + min-width: 600px; +*/ + + height: 99%; +} +img.favicon { + height: 16px; + width: 16px; +} +/* @group Misc */ +.clear { + clear: both; +} +.hidden_none { + display: none; + visibility: hidden; +} +.keepTogether { + display: inline-block; + white-space: nowrap; +} +body.ext-gecko .keepTogether { + display: -moz-inline-box; +} +/* @end */ +/* @group Loading */ +div#loading { + margin-left: auto; + margin-right: auto; + text-align: center; + margin-top: 60px; + width: 200px; +} +div#loading img { + border: 0px; +} +div#loading h5 { + font-size: 16pt; + padding: 0px; + color: #333366; +} +div#loading h2 { + padding-left: 20px; + color: #ff9200; +} +/* @end */ +/* @group Login page */ +/* @group Header */ +div.pageHeader { + background-color: #1f2148; + min-width: 1013px; +} +div#logoFrame { + padding: 16px 16px 60px 16px; + min-height: 44px; +} +div#logoFrame div#logo { + background: url(../images/old/logo.png); + width: 150px; + height: 39px; +} +div#loading div#logo { + background: url(../images/old/logo_blue.png); + width: 193px; + height: 58px; + display: block; +} +h5.clipperzPayoff { + color: white; + font-size: 13pt; + font-weight: normal; + padding-left: 20px; + white-space: nowrap; + margin: 0px; + padding-left: 4px; +} +/* @group Misc links */ +div#miscLinks { + float: right; +} +div#miscLinks ul { + margin: 12px 0px 0px; + padding: 15px; +} +div#miscLinks ul li { + display: inline; + margin: 0px; + padding: 0px; + border: 0px; +} +div#miscLinks ul li a { + /* + color: #ccccff; +*/ + + color: white; + margin: 0px; + padding: 0px; + border: 0px; + font-weight: normal; + text-decoration: none; + font-size: 12pt; + border-left: 1px solid #45486b; + padding: 15px; + margin: 0px; + min-width: 70px; +} +div#miscLinks ul li a#donateHeaderLink { + border-left: 0px; +} +div#miscLinks ul li a:hover { + color: #ff9200; +} +/* @end */ +/* @group Features Tabs */ +#featureTabs table { + width: 100%; + padding: 6px; + padding-bottom: 46px; +} +#featureTabs table tr td { + width: 25%; + vertical-align: top; + font-size: 11pt; + color: white; +} +#featureTabs table tr td img { + float: left; +} +#featureTabs table tr td span { + display: block; + padding: 5 10 5 85; +} +div#featureTabs canvas.featureIcon { + width: 76px; + height: 76px; + display: block; + float: left; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333)); + background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955); + -webkit-border-radius: 38px; + -moz-border-radius: 38px; + border-radius: 38px; +} +/* +div#featureTabs div.featureIcon.storeIcon { + background-image: url(../images/old/home/features/store.png); +} + +div#featureTabs div.featureIcon.protectIcon { + background-image: url(../images/old/home/features/protect.png); +} + +div#featureTabs div.featureIcon.directLoginIcon { + background-image: url(../images/old/home/features/directLogin.png); +} + +div#featureTabs div.featureIcon.shareIcon { + background-image: url(../images/old/home/features/share.png); +} +*/ +/* +./images/home/features/store.png +./images/home/features/protect.png +./images/home/features/directLogin.png +./images/home/features/share.png +*/ +/* @end */ +/* @group Feature bullets */ +div#featurePoints { + min-width: 400px; + padding-left: 20px; + padding-right: 330px; + padding-top: 15px; + padding-bottom: 20px; +} +div#featurePoints table tbody tr td { + width: 50%; + vertical-align: top; +} +div#featurePoints table tbody tr td.separator { + width: 1px; + border-left: 1px solid #bebebe; +} +div#featurePoints div.block { + padding: 10px; + color: #8e8e8e; +} +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; + list-style-image: url(../images/old/home/features/bullet.png); +} +div#featurePoints div.block ul li { + font-size: 10pt; + padding: 3px 0px; +} +/* @end */ +/* @end */ +/* @group Login box */ +div#loginBox { + width: 273px; + /* z-index: 40000; */ + + z-index: 19000; + position: relative; + top: -30px; + right: 30px; + float: right; +} +div#loginBox div.header { + height: 25px; + width: 273px; + /* background-image: url(../images/old/home/box/box_top.png); */ + + /* background-color: #fe965f; */ + + background-color: #ff9955; + -webkit-border-top-left-radius: 20px; + -webkit-border-top-right-radius: 20px; + -moz-border-radius-topleft: 20px; + -moz-border-radius-topright: 20px; + border-top-left-radius: 20px; + border-top-right-radius: 20px; +} +div#loginBox div.body { + background-color: #ff9955; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333)); + background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955); + /* background: url(../images/old/home/box/box_body.png) repeat-x; */ + +} +div#loginBox div.body h3.loading { + margin: 0px; + text-align: center; + padding-top: 60px; + color: white; + font-size: 30pt; + padding-left: 20px; +} +div#loginBox div.footer { + height: 37px; + width: 273px; + /* background-image: url(../images/old/home/box/box_bottom.png); */ + + background-color: #ff6622; + -webkit-border-bottom-left-radius: 20px; + -webkit-border-bottom-right-radius: 20px; + -moz-border-radius-bottomleft: 20px; + -moz-border-radius-bottomright: 20px; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; +} +/* @group Login form */ +div#loginBox h4 { + color: white; + font-size: 16pt; + font-weight: normal; + padding-left: 20px; + margin: 0px; +} +div#loginBox form.loginForm { + padding: 5px 20px 0px; + margin-bottom: 0px; +} +div#loginBox form.loginForm label { + color: white; + font-size: 10pt; + display: block; + padding-top: 5px; +} +div#loginBox form.loginForm input { + width: 230px; + font-size: 14pt; + border: 1px solid #bb4924; + color: #333366; + background-color: white; + padding: 2px 5px; + height: 28px; +} +div#loginBox form.loginForm label.checkbox { + display: inline; +} +div#loginBox form.loginForm .checkbox:hover { + cursor: pointer; +} +div#loginBox form.loginForm input.checkbox { + margin: 10px 8px 0px 0px; + height: auto; + width: auto; + border: 0px; +} +div#loginBox form.loginForm ul { + list-style-type: none; + padding: 0px; + margin: 0px; +} +div#loginBox form.loginForm ul li { + display: block; +} +div#loginBox form.loginForm input.otp { + width: 57px; + display: inline; + padding-left: 0px; + padding-right: 0px; + height: 28px; + font: 8pt monospace; +} +div#loginBox form.loginForm input.submit { + margin: 0px 45px; + width: 140px; + border: 1px solid white; + color: white; + background-color: #dd5500; + padding: 6px; + font-size: 12pt; + height: auto; +} +div#loginBox form.loginForm input.submit:hover { + background-color: #773311; + color: white; + cursor: pointer; +} +/* @group language chooser */ +div#loginBox form.loginForm div.translations { + margin: 15px -20px; + background-color: #cc6622; +} +div#loginBox form.loginForm div.translations h4 { + font-size: 9pt; + padding: 6px 20px 0px; +} +div#loginBox form.loginForm div.translations ul { + margin: 0px; + padding: 5px 10px 10px; + margin-bottom: 15px; +} +div#loginBox form.loginForm div.translations ul li { + font-size: 8pt; + color: #ddaa99; + display: inline-block; + padding: 2px 4px; + background-color: #994422; + margin: 1px; +} +body.ext-gecko div#loginBox form.loginForm div.translations ul li { + display: -moz-inline-box; +} +div#loginBox form.loginForm div.translations ul li.selected { + background-color: #772211; + color: white; +} +div#loginBox form.loginForm div.translations ul li.selected:hover { + cursor: default; +} +div#loginBox form.loginForm div.translations ul li:hover { + cursor: pointer; + color: white; +} +/* @end */ +/* @end */ +/* @end */ +/* @group Create/Look/Offline */ +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 .keepTogether a { + padding-left: 0px; +} +div.activeFeatures a span.payoff { + display: block; + font-size: 13pt; + font-weight: lighter; + color: #9b9689; + margin: 0px; + padding: 0px; +} +/*body.ext-gecko div.activeFeatures a { + display: -moz-inline-box; +}*/ +div.activeFeatures a:hover span.payoff { + color: #666666; +} +div.activeFeatures a:hover span.link { + /* font-weight: bold;*/ + +} +div.activeFeatures div.keepTogether div { + display: inline-block; + padding-right: 15px; +} +/*body.ext-gecko div.activeFeatures div.keepTogether div { + display: -moz-inline-box; +}*/ +div.activeFeatures div.createAccountLink { + display: inline-block; + width: 282; + height: 65px; + /* background-image: url(../images/old/home/register.png); */ + + margin-right: 20px; +} +/*body.ext-gecko div.activeFeatures div.createAccountLink { + display: -moz-inline-box; +}*/ +div.activeFeatures 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.screenshotLink { + background: url(../images/old/home/look.png) no-repeat 0 -3px; +} + +div.activeFeatures div.offlineLink { + background: url(../images/old/home/download.png) no-repeat 10px -4px; +} +*/ +div.createAccountLink canvas { + width: 282px; + height: 93px; +} +div.activeFeatures .keepTogether canvas { + width: 46px; + height: 46px; + vertical-align: bottom; +} +/* @end */ +/* @end */ +/* @group Footer */ +div.pageHeaderAndBody { + height: 100%; +} +body > div.pageHeaderAndBody { + height: auto; + min-height: 100%; +} +div#pageBody { + min-width: 1013px; + padding-bottom: 90px; +} +div.pageFooter { + margin-top: -90px; + height: 90px; + clear: both; +} +div.footerWrapper { + clear: both; + padding-top: 10px; +} +div.footerContent { + background-color: #eaebe6; + padding: 20px; + font-size: 8pt; +} +/*div.pageFooter div.footerContent div.footerStarIcon {*/ +div.pageFooter div.footerContent canvas.footerStarIcon { + /* background-image: url(../images/old/footer/star.png); */ + + width: 40px; + height: 40px; + float: left; +} +div.pageFooter div.footerContent span.copyright { + padding-left: 10px; + color: #a0a0a0; +} +div.pageFooter div.footerContent a { + padding-left: 50px; + display: block; + color: #888888; + font-weight: bold; + text-decoration: none; +} +div.pageFooter div.footerContent span.applicationVersion { + padding: 8px; + color: #888888; + background-color: #d2d2d2; + position: relative; + top: -40px; + float: right; +} +/* @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; + max-width: 468px; +} +div#javaScriptAlert div.message h1 { + font-size: 16pt; + margin: 0px; + color: #ff5930; +} +div#javaScriptAlert div.message p { + margin-top: 0px; + color: #999999; +} +div#javaScriptAlert div.message h3 { + font-size: 12pt; + margin-bottom: 0px; + color: #ff5930; +} +div#javaScriptAlert div.message h5 { + margin: 0px; + color: #999999; +} +/* @end */ +/* @group Components + */ +/* @group LoginProgress */ +div.LoginProgress { + position: relative; + left: -190px; + top: -100px; + width: 380px; + height: 200px; + /* background: url(../images/old/loginProgress/background.png); */ + + background-color: #d7d7c0; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); + box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); +} +div.LoginProgress div.header { + height: 40px; +} +div.LoginProgress div.header h3 { + font-size: 12pt; + font-weight: normal; + margin: 0px; + color: #777777; + padding-top: 13px; + padding-left: 18px; +} +div.LoginProgress div.body { + height: 120px; + overflow: auto; + padding-left: 20px; + padding-right: 20px; + background-color: #f1f1e9; + /* + margin-left: 19px; + margin-right: 18px; +*/ + +} +div.LoginProgress div.body div.img { + margin: 10px; + width: 50px; + height: 50px; + float: left; +} +div.LoginProgress div.body div.img.ALERT { + /* background-image: url(../images/old/simpleMessageBox/Alert.png); */ + + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333)); + background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955); + -webkit-border-radius: 25px; + -moz-border-radius: 25px; + border-radius: 25px; +} +div.LoginProgress div.body div.img.ALERT canvas { + width: 50px; + height: 50px; + /* background-image: url(../images/old/simpleMessageBox/excalmationPoint.png); */ + +} +div.LoginProgress div.body div.loadingBar { + position: relative; + top: 51px; + left: 60px; +} +div.LoginProgress div.body div.errorBox p { + color: #787872; + padding-top: 20px; + padding-left: 80px; +} +div.LoginProgress div.footer { + margin-left: 19px; + margin-right: 18px; +} +div.LoginProgress div.footer a { + text-decoration: none; + text-align: center; + color: #787872; + display: block; + font-weight: bold; + font-size: 11pt; + width: 100px; + margin-top: 11px; + margin-left: auto; + margin-right: auto; +} +div.LoginProgress div.footer div.button.default { + text-decoration: underline; +} +div.LoginProgress div.buttonArea { + text-align: center; +} +div.LoginProgress div.button { + display: inline-block; +} +div.LoginProgress div.footer a:hover { + color: #515247; +} +/* @end */ +/* @group SimpleMessagePanel */ +div.SimpleMessagePanel { + position: relative; + left: -225px; + top: -70px; + width: 450px; + height: 140px; + /* + background: url(../images/old/loginProgress/background.png); +*/ + +} +div.SimpleMessagePanel div.header { + height: 17px; + background: url(../images/old/simpleMessageBox/background_header.png) no-repeat; +} +div.SimpleMessagePanel div.body { + /* + height: 120px; + overflow: auto; + margin-left: 19px; + margin-right: 18px; +*/ + + background: url(../images/old/simpleMessageBox/background_body.png) repeat-y; + padding-left: 25px; + padding-right: 25px; + padding-top: 10px; +} +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: 66px; + height: 60px; + float: left; +} +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.img.ALERT { + background: url(../images/old/simpleMessageBox/Alert.png) no-repeat; +} +div.SimpleMessagePanel div.body div.img.INFO { + background: url(../images/old/simpleMessageBox/Info.png) no-repeat; +} +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.footer { + height: 25px; + background: url(../images/old/simpleMessageBox/background_footer.png) no-repeat; +} +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 Button */ +div.button_wrapper { + height: 32px; + background: url(../images/old/button/default_left.png) no-repeat; + cursor: pointer; +} +div.button_wrapper.hover { + background: url(../images/old/button/hover_left.png) no-repeat; +} +div.button_wrapper.clicked { + background: url(../images/old/button/clicked_left.png) no-repeat; +} +div.button_bodyWrapper { + height: 32px; + margin-left: 6px; + padding-right: 6px; + background: url(../images/old/button/default_main.png) repeat-x right 0; +} +div.button_wrapper.hover div.button_bodyWrapper { + background: url(../images/old/button/hover_main.png) repeat-x right 0; +} +div.button_wrapper.clicked div.button_bodyWrapper { + background: url(../images/old/button/clicked_main.png) repeat-x right 0; +} +div.button_body { + text-align: center; + min-width: 60px; + padding: 0px 7px; + padding-top: 8px; +} +div.button_body span { + font-size: 11pt; + color: white; +} +div.button_wrapper.default div.button_body span { + font-weight: bold; +} +/* +div.button_footer { + margin: 0px; + height: 31px; + width: 6px; + background: green url(../images/old/button/default_right.png) no-repeat; +} +*/ +/* @end */ +/* @group Password enthropy */ +input.entropyLevelIndicator { + background: url(../images/old/passwordField/background.png) no-repeat 0 26px; +} +div.passwordEntropyWrapper { + padding: 0px; + border: 1px solid #bb4924; + border-top: 0px; + margin-bottom: 4px; + background-color: white; + margin-right: 3px; + margin-top: -2; +} +div.passwordEntropy { + height: 4px; + font-size: 1pt; + background: url(../images/old/entropyBackground.gif) repeat-x 0 0; + line-height: 3px; +} +/* @end */ +/* @end */ +/* @group Main page */ +/* @group User Info Box */ +div.userInfoBox { + position: absolute; + width: 160px; + height: 120px; + top: 100px; + left: 15px; + /* background-image: url(../images/old/main/userInfoBackground.png); */ + + background-color: #ff9955; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723), color-stop(1, #333333)); + background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); + box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); + color: white; +} +div.userInfoBox div.body { + padding: 0px 12px; +} +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.locked { + z-index: 19001; +} +div.modalDialogMask.userInfoBoxMask { + -moz-opacity: 0.0; + opacity: .0; + filter: alpha(opacity=0); + z-index: 19000; +} +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 div.body h3 { + font-size: 11pt; + font-weight: bold; + margin: 0px; +} +div.userInfoBox div.body ul { + /* ##### */ + + list-style-image: url(../images/old/main/userInfoBullet.png); + 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: 8 + px; + border-top: 1px solid white; + padding-top: 6px; + font-size: 10pt; + font-weight: bold; + color: #d15a22; + text-decoration: none; + border-color: #fe9a5f; +} +div.userInfoBox div.body a:hover { + color: #8c3b15; +} +div.userInfoBox.locked div.body a { + display: none; +} +/* @end */ +/* @group Message Box */ +div.messageBox { + position: absolute; + width: 409px; + height: 29px; + top: 23px; + left: 204px; + background: url(../images/old/main/messageBoxBackground.png); +} +div.messageBox h3 { + display: inline-block; + color: #342f6b; + font-weight: bold; + margin: 7px 2px 0px 12px; + font-size: 10pt; +} +body.ext-gecko div.messageBox h3 { + display: -moz-inline-box; +} +div.messageBox h1 { + color: #342f6b; + display: inline; + font-weight: normal; + margin: 0px 1px; + font-size: 9pt; +} +div.messageBox a { + display: block; + width: 20px; + height: 20px; + float: right; + position: absolute; + right: 5px; + top: 4px; + background-image: url(../images/old/main/messageBoxCloseButton.png); +} +div.messageBox a:hover { + background-image: url(../images/old/main/messageBoxCloseButtonActive.png); +} +/* @end */ +/* @group Side panels */ +div.sidePanels { + /* + position: relative; + top: 110px; +*/ + + float: left; + margin-top: 106px; + margin-left: 20px; + width: 160px; +} +/* @group Tab Side Panel */ +div.tabSidePanel { + margin-right: -10px; + /* + position: absolute; + width: 250px; + height: 250px; + top: 250px; + left: 10px; +*/ + +} +div.tabSidePanel ul { + margin: 0px; + padding-left: 0px; + list-style-type: none; + color: #f78b46; +} +/* @group Main tabs */ +div.tabSidePanel ul.mainTabs { + margin: 0px; +} +div.tabSidePanel ul.mainTabs li { + /* margin-bottom: 6px;*/ + +} +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.tabSidePanel ul.mainTabs li div.selectionHighlighter { + display: none; +} +div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter { + display: block; + position: absolute; + left: 154px; + margin-top: -43px; +} +/* +div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter div.selectionHighlighterIcon { + background-image: url(../images/main/tabs/selectionHighligher.png); + width: 50px; + height: 34px; + float: left; + z-index: 35000; + border: 1px solid red; +} +*/ +div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add { + font-size: 14pt; + font-weight: bold; + position: relative; + top: -34px; + right: 16px; + background: none; + color: #c0531b; + padding-left: 15px; +} +div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add:hover { + color: white; +} +div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add span { + font-size: 8pt; + vertical-align: middle; +} +div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add h3 { + display: inline; + padding-left: 5px; +} +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.tabSidePanel ul.mainTabs li.cards.selected a:hover { + background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; +} +div.tabSidePanel ul.mainTabs li.cards a { + background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px; +} +div.tabSidePanel ul.mainTabs li.cards a:hover { + background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px; +} +div.tabSidePanel ul.mainTabs li.directLogins.selected a { + margin-left: -10px; + padding-left: 50px; + color: white; + /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px; */ + + background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; +} +div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { + color: white; + /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px; */ + + background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; +} +div.tabSidePanel ul.mainTabs li.directLogins a { + /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -34px; */ + + background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px; +} +div.tabSidePanel ul.mainTabs li.directLogins a:hover { + /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -67px; */ + + background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px; +} +/* @end */ +/* @group Other tabs */ +div.tabSidePanel ul.otherTabs { + margin: 10px 0px; +} +div.tabSidePanel ul.otherTabs li { + margin-top: -4px; +} +div.tabSidePanel ul.otherTabs li div.selectionHighlighter { + display: none; +} +div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { + display: block; + position: absolute; + left: 154px; + margin-top: -42px; +} +div.tabSidePanel ul.otherTabs a { + display: block; + line-height: 36px; + height: 43px; + padding-left: 40px; + color: #ff6621; + text-decoration: none; + /* background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; */ + +} +div.tabSidePanel ul.otherTabs li.selected a { + /* background: url(../images/old/main/tabs/itemsBackground.png) 0 -1px; */ + + /* background: url(../images/old/main/tabs/itemsBackground.png) 0 -67px; */ + + margin-left: -10px; + padding-left: 50px; + background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px; + color: white; +} +div.tabSidePanel ul.otherTabs a:hover { + /* background: url(../images/old/main/tabs/itemsBackground.png) 0 -34px; */ + + background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; +} +/* @end */ +/* @end */ +/* @group Tag Side Panel */ +div.tagSidePanel { + /* + position: relative; + width: 250px; + min-height: 100px; + left: 10px; +*/ + + 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; +} +/* @end */ +/* @group Group Side Panel */ +div.groupSidePanel { + margin-right: -10px; + /* + position: relative; + width: 250px; + min-height: 100px; + left: 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; +} +/* @end */ +/* @end */ +/* @group MainPanels */ +div.mainPanels { + float: left; + width: 833px; + margin-top: -38px; + /* + position: relative; + width: 100%; + min-height: 600px; + top: -40px; + left: 250px; +*/ + +} +div.mainFooter { + clear: both; +} +/* @end */ +/* @group Grids */ +/* @group grid Component */ +/* @group delete */ +/*div.body div.rows table.rows tbody tr td.delete */ +div.delete, div.new { + padding-left: 5px; + height: 19px; +} +div.new span, div.delete span { + margin: 0px; + padding: 0px; + border: 0px; + display: inline-block; + height: 19px; + padding-right: 6px; +} +div.new span a, div.delete span a { + white-space: nowrap; +} +div.delete:hover { + background: url(../images/old/delete_background_left.png) no-repeat 0; +} +div.delete:hover span { + background: url(../images/old/delete_background.png) no-repeat right 0; +} +div.new:hover { + background: url(../images/old/new_background_left.png) no-repeat 0; +} +div.new:hover span { + background: url(../images/old/new_background.png) no-repeat right 0; +} +/* +tr.selected div.delete { + background: url(../images/old/delete_background_left.png) no-repeat 0; +} +tr.selected div.delete span { + background: url(../images/old/delete_background.png) no-repeat right 0; +} +*/ +div.body div.rows table.rows tbody tr td.delete div.delete span a { + visibility: hidden; + font-size: 8pt; + vertical-align: -13px; + color: black; +} +div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { + visibility: visible; +} +div.body div.rows table.rows tbody tr:hover td.delete div.delete span a { + visibility: visible; +} +div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a { + color: white; +} +/* +div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { + color: white; +} +*/ +/* @end */ +/* @group header */ +div.gridComponent table.rows thead tr th { + text-align: left; + height: 30px; + vertical-align: bottom; +} +div.gridComponent table.rows thead tr th.sortable span { + cursor: pointer; +} +div.gridComponent table.rows thead tr th.sortable span a { + margin-left: 5px; + padding-left: 10px; +} +div.gridComponent table.rows thead tr th.directLoginTH { + width: 420px; +} +div.gridComponent table.rows thead tr th.latestUpdateTH { + width: 100px; +} +div.gridComponent table.rows thead tr th.commandsTH { + width: 150px; +} +div.gridComponent table.rows thead a { + text-decoration: none; +} +div.gridComponent table.rows thead span { + font-weight: normal; + font-size: 9pt; + line-height: 20px; +} +div.gridComponent div.header div.headerSlot { + float: right; +} +/* @end */ +div.mainPanels div.gridComponent div.body table.rows td.favicon { + padding-left: 25px; +} +div.mainPanels div.gridComponent div.body table.rows td.favicon img { + width: 16px; + height: 16px; + border: 0px; +} +/* @end */ +/* @group Card Grid */ +/* @group DirectLogin links */ +div.gridComponent th.directLoginTH span { + margin-left: 7px; +} +td.card_directLogins div { + display: inline-table; +} +td.card_directLogins span { + display: inline-block; +} +/* +td.card_directLogins a { + display: inline-table; + height: 19px; + + padding-right: 7px; +} + +td.card_directLogins a:hover { + background: url(../images/old/directLink_background.png) right 0; +} +*/ +div.card_directLogin { + display: inline-block; + height: 19px; + padding-left: 7px; +} +div.card_directLogin_ellipses span { + padding-bottom: 2px; +} +div.card_directLogin div.card_directLogin_body { + display: inline-block; + height: 19px; + padding-right: 8px; + background-position: left; +} +div.card_directLogin div.card_directLogin_body a { + vertical-align: -14px; +} +/*div.card_directLogin:hover {*/ +div.card_directLogin:hover { + background: url(../images/old/directLink_background_left.png) no-repeat 0 0; +} +/*div.card_directLogin:hover div {*/ +div.card_directLogin:hover div.card_directLogin_body { + background: url(../images/old/directLink_background.png) right 0; +} +/* @group DirectLogin Popup */ +div.DirectLoginListPopup { + position: absolute; + width: 184px; +} +div.DirectLoginListPopup div.DirectLoginListPopup_body { + background-image: url(../images/old/directLogins_background.png); + padding-top: 8px; +} +div.DirectLoginListPopup div.DirectLoginListPopup_footer { + height: 8px; + background-image: url(../images/old/directLogins_background_bottom.png); +} +div.DirectLoginListPopup div.DirectLoginListPopup_body ul { + margin: 0px; + padding-left: 13px; + list-style: none; +} +div.DirectLoginListPopup div.DirectLoginListPopup_body ul li { + padding-top: 4px; + height: 20px; + padding-right: 10px; + white-space: nowrap; +} +div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div { + padding-right: 10px; + overflow: hidden; +} +div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon { + padding-left: 9px; + padding-right: 5px; +} +div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a { + text-decoration: none; + color: white; + font-weight: normal; + font-size: 10pt; + vertical-align: 3px; + white-space: nowrap; + padding-right: 8px; +} +div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover { + /* background-color: #a5a696; */ + + /* background-color: #7b7d70; */ + + background-color: rgba(123, 125, 112, 0.5); +} +div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a { + background: url(../images/old/directLink_no_background.png) right; +} +/* @end */ +/* @end */ +div.mainPanels div.gridComponent div.header { + /* + height: 90px; + background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; +*/ + + background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; + padding-left: 40px; + padding-right: 40px; + padding-top: 20px; + padding-bottom: 10px; +} +div.mainPanels div.gridComponent div.header form.search { + height: 32px; + margin: 0px; +} +div.mainPanels div.gridComponent div.header form.search div.clearSearchButton { + position: absolute; + margin-left: 192px; + width: 22px; + height: 22px; + margin-top: 6px; + background: url(../images/old/filter/clearFilter_notSelected.png) no-repeat; +} +div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover { + background: url(../images/old/filter/clearFilter_selected.png) no-repeat; + cursor: pointer; +} +div.mainPanels div.gridComponent div.header form.search div.search { + display: block; + float: left; + width: 217px; +} +div.mainPanels div.gridComponent div.header form.search input.search { + border: 1px solid #76786a; + color: #666666; + font-size: 12pt; + width: 100%; + padding: 4px; + padding-left: 24px; + padding-right: 26px; + background: #e8ecde url(../images/old/main/grid/search.png) no-repeat 2px 4px; +} +div.mainPanels div.gridComponent div.header form.search input.search.disabled { + disabled: disabled; +} +div.mainPanels div.gridComponent div.header form.search input.search.running { + background: #e8ecde url(../images/old/main/grid/running_search.gif) no-repeat 4px 5px; +} +div.mainPanels div.gridComponent div.body { + clear: both; + background: url(../images/old/main/blocks/cardGridBackground.png) repeat-y -836px; +} +div.mainPanels div.gridComponent div.footer { + background: url(../images/old/main/blocks/cardGridBackground.png) 834px -28px; + height: 35px; +} +div.mainPanels div.gridComponent div.body h1 { + margin: 0px; +} +div.mainPanels div.gridComponent div.body div.rows { + margin-left: 9px; + margin-right: 6px; + min-height: 582px; + background: url(../images/old/main/blocks/cardGridStripes.png) 0 7px; +} +div.mainPanels div.gridComponent.noRows div.body table.rows thead, div.mainPanels div.gridComponent.empty div.body table.rows thead { + visibility: hidden; +} +div.mainPanels div.gridComponent.empty div.body div.rows { + background: #eaebe6 url(../images/old/lock/background_star.png) no-repeat center center; +} +div.mainPanels div.gridComponent.noRows div.body div.rows { + background: #eaebe6; +} +div.mainPanels div.gridComponent div.body table.rows { + display: block; + width: 100%; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected { + background-color: #a5a696; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected { + background-color: #a5a696; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a { + color: #f3f4eb; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.odd { + background-color: #d4d5cf; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.even { + background-color: #eaebe6; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover { + background-color: #a5a696; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover { + background-color: #a5a696; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr td { + height: 23px; + max-height: 23px; + /* + white-space: nowrap; + overflow: hidden; +*/ + +} +div.mainPanels div.gridComponent div.body table.rows tbody tr td span { + color: #828479; + font-size: 10pt; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr td a { + color: #828479; + font-size: 10pt; + text-decoration: none; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span { + color: #f3f4eb; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span { + color: #f3f4eb; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a { + color: #f3f4eb; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a { + font-weight: bold; +} +div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon { + float: right; + padding-right: 6px; +} +/* @group header */ +div.gridComponent table.rows thead img { + padding-left: 10px; + vertical-align: middle; +} +div.gridComponent table.rows thead tr th { + background-color: #eaebe6; + border-bottom: 1px solid #b3b4af; +} +div.gridComponent table.rows thead span { + color: #8c8f7e; +} +div.gridComponent table.rows thead tr th.unsorted span.sortable a { + background-image: url(../images/old/main/grid/unsorted.png); +} +div.gridComponent table.rows thead tr th.descending span.sortable a { + background-image: url(../images/old/main/grid/descending.png); +} +div.gridComponent table.rows thead tr th.ascending span.sortable a { + background-image: url(../images/old/main/grid/ascending.png); +} +div.gridComponent table.rows thead tr th.faviconTH { + width: 53px; +} +div.gridComponent table.rows thead tr th.titleTH { + width: 200px; + max-width: 200px; +} +div.gridComponent table.rows thead tr th.deleteTH { + width: 50px; +} +/* @end */ +/* @end */ +/* @group Direct login Grid */ +/* +div.mainPanels div.directLoginGrid div.header { +/* + height: 90px; + background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; +* / +} + +div.mainPanels div.directLoginGrid div.header form.search { + background: url(../images/old/main/blocks/directLoginGridBackground.png) no-repeat; + padding-left: 40px; + padding-top: 20px; + padding-bottom: 10px; + margin: 0px; +} + +div.mainPanels div.directLoginGrid div.header form.search input.search { + border: 1px solid #76786a; + color: #666666; + font-size: 12pt; + padding: 4px; + background-color: #e8ecde; +} + +div.mainPanels div.directLoginGrid div.header form.search input.searchButton { + background-color: #858877; + border: 0px; + color: white; + font-size: 10pt; +} + +div.mainPanels div.directLoginGrid div.body { + background: url(../images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px; +} + +div.mainPanels div.directLoginGrid div.footer { + background: url(../images/old/main/blocks/directLoginGridBackground.png) 834px -28px; + height: 35px; +} + +div.mainPanels div.directLoginGrid div.body h1 { + margin: 0px; +} + +div.mainPanels div.directLoginGrid div.body div.rows { + margin-left: 9px; + margin-right: 6px; + min-height: 582px; + background: url(../images/old/main/blocks/directLoginGridStripes.png) 0 7px; +} + +div.mainPanels div.directLoginGrid div.body table.rows { + display: block; + width: 100%; +} + +div.mainPanels div.directLoginGrid div.body table.rows img { + border: 0px; +} + +div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even { + background-color: #787666; +} + +div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd { + background-color: #646351; +} + +div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover { + background-color: #d1d4c6; +} + +div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover { + background-color: #d1d4c6; +} + +div.mainPanels div.directLoginGrid div.body table.rows tbody tr td { + height: 23px; + color: #e1e0d6; + font-size: 10pt; +} + +div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td { + color: #777867; +} + +div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title { + font-weight: bold; +} + +div.directLoginGrid div.body table.rows tbody tr a { + color: #e1e0d6; + text-decoration: none; +} + +div.directLoginGrid div.body table.rows tbody tr:hover a { + color: #777867; +} +*/ +/* @group DirectLogin links */ +/* +td.card_directLogins div { + display: inline-table; +} + +td.card_directLogins span { + display: inline-table; +} +*/ +div.directLogin_directLogin { + display: inline-block; + height: 19px; + padding-left: 7px; +} +div.directLogin_directLogin div.directLogin_directLogin_body { + display: inline-block; + height: 19px; + padding-right: 8px; + background-position: left; +} +div.directLogin_directLogin div.directLogin_directLogin_body a { + vertical-align: -14px; +} +div.directLogin_directLogin:hover { + background: url(../images/old/directLink_background_left.png) no-repeat 0 0; +} +div.directLogin_directLogin:hover div.directLogin_directLogin_body { + background: url(../images/old/directLink_background.png) right 0; +} +table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a { + color: #f3f4eb; +} +/* @end */ +/* @group header */ +div.directLoginGrid table.rows thead span { + color: #e1e0d6; +} +div.directLoginGrid table.rows thead tr th { + background-color: #787762; + border-bottom: 1px solid #999883; +} +div.directLoginGrid table.rows thead tr th.faviconTH { + min-width: 53px; + width: 53px; +} +div.directLoginGrid table.rows thead tr th.titleTH { + min-width: 250px; + width: 250px; +} +div.directLoginGrid table.rows thead tr th.titleTH span { + margin-left: 7px; +} +div.directLoginGrid table.rows thead tr th.strengthTH { + width: 100px; +} +div.directLoginGrid table.rows thead tr th.cardTitleTH { + width: 400px; +} +div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH { + width: 64px; +} +div.directLoginGrid table.rows thead tr th.deleteTH { + width: 50px; +} +div.directLoginGrid table.rows thead tr th.latestAccessTH { + width: 100px; +} +div.directLoginGrid table.rows thead tr th.commandsTH { + width: 100px; +} +/* +div.directLoginGrid table.rows thead a { + font-weight: normal; + text-decoration: none; + color: #e9e9df; + font-size: 9pt; + line-height: 20px; +} +*/ +div.directLoginGrid table.rows thead img { + padding-left: 10px; + vertical-align: middle; +} +div.directLoginGrid table.rows thead tr th.unsorted span.sortable a { + background: url(../images/old/main/grid/directLogins/unsorted.png) no-repeat; +} +div.directLoginGrid table.rows thead tr th.descending span.sortable a { + background: url(../images/old/main/grid/directLogins/descending.png) no-repeat; +} +div.directLoginGrid table.rows thead tr th.ascending span.sortable a { + background: url(../images/old/main/grid/directLogins/ascending.png) no-repeat; +} +/* @end */ +/* @end */ +/* @end */ +/* @end */ +/* @group other Panels */ +/* @group common styles */ +div.subPanelTabs ul { + margin: 0px; + margin-right: 7px; + padding: 0px; +} +div.subPanelTabs ul li { + display: inline-block; + vertical-align: middle; + /* width: 130px; */ + + height: 50px; + /* border-right: 1px solid #a5a79c; + border-bottom: 1px solid #a5a79c;*/ + + border-right: 1px solid #eef0e3; + border-bottom: 1px solid #d5d5bc; +} +div.subPanelTabs ul li.first:hover { + /* background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; */ + +} +div.subPanelTabs ul li:hover { + /* background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; */ + + 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.subPanelTabs ul li.first { + /* background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; */ + + -webkit-border-top-left-radius: 20px; + -moz-border-radius-topleft: 20px; + border-top-left-radius: 20px; +} +div.subPanelTabs ul li.selected { + /* background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; */ + + 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.subPanelContent { + padding-top: 20px; + padding-left: 30px; + padding-right: 30px; + min-height: 280px; + color: #787872; + margin: 0px 6px 0 9px; +} +div.subPanelContent ul { + margin: 0px; + padding: 0px; + list-style-type: none; +} +div.subPanelContent ul li.selected { + display: block; +} +div.subPanelContent ul li { + display: none; +} +div.subPanelContent h3 { + margin: 0px; + border: 0px; + padding: 0px; +} +/* @end */ +/* @group mainPanels otherPanel */ +div.mainPanels div.otherPanel { + margin: 5px 10px; + background-color: #eef0e3; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); + box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); +} +div.mainPanels div.otherPanel div.header { + /* background: url(../images/old/main/blocks/otherPanelBackground.png) no-repeat; */ + + /* + height: 90px; +*/ + + background-color: #d5d5bc; + /* padding-left: 9px; + padding-top: 5px; */ + + margin: 0px; + margin-bottom: 0px; + -webkit-border-top-left-radius: 20px; + -webkit-border-top-right-radius: 20px; + -moz-border-radius-topleft: 20px; + -moz-border-radius-topright: 20px; + border-top-left-radius: 20px; + border-top-right-radius: 20px; +} +div.mainPanels div.otherPanel div.body { + /* background: url(../images/old/main/blocks/otherPanelBackground.png) repeat-y -836px; */ + + margin: 0px; + border: 0px; + padding: 0px; +} +div.mainPanels div.otherPanel div.footer { + /* background: url(../images/old/main/blocks/otherPanelBackground.png) 834px -18px; */ + + height: 45px; +} +div.mainPanels div.otherPanel div.body h1 { + margin: 0px; +} +/* @end */ +/* @group Account */ +form.changePassphrase div.currentCredentials, form.changePassphrase div.newPassphrase { + float: left; + padding: 10px 20px; +} +form.changePassphrase label { + display: inline-block; + width: 150px; +} +form.changePassphrase div.confirm { + clear: both; + padding: 10px 20px; +} +form.changePassphrase div.confirm label { + width: 500px; +} +div.accountPanel h3.manageOTP { + margin-top: 20px; + margin-left: -20px; + padding-top: 10px; + padding-left: 20px; + border-top: 1px solid #aaaaaa; +} +/* @end */ +/* @end */ +/* @group Message Panel (?) */ +/* +div.messagePanelWrapper div.mask { + position: fixed; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + + background-color: black; + z-index:50001; + + -moz-opacity: 0.0; + opacity:.0; + filter: alpha(opacity=0); +/ * + -moz-opacity: 0.7; + opacity:.70; + filter: alpha(opacity=70); +* / +} + +div.messagePanelFrame { + border: 1px solid white; + z-index:50002; +/ * + width: 443px; + height: 155px; + position: fixed; + top: 205px; + left: 260px; + margin-left: auto; + margin-right: auto; + max-width: 468px; +* / +} + + +div.messagePanel { + position: fixed; + z-index:50003; + top: 0px; + left: 0px; +/ * + margin-left: auto; + margin-right: auto; + max-width: 468px; + top: 200px; + left: 250px; + left: 100px; + right: 100px; +* / +} + +div.messagePanel div.header { + height: 34px; + width: 468; + background-image: url(../images/old/alert/header.png); +} + +div.messagePanel div.body { + background-image: url(../images/old/alert/body.png); + padding: 0px 20px 10px 20px; + min-height: 100px; +} +/ * +div#javaScriptAlert div.body div.alert { + padding-left: 100px; + background: url(../images/old/alert/alert.png) no-repeat; +} +* / + +div.messagePanel div.body img.alert { + float: left; +} + +div.messagePanel div.body div.alert { + padding-left: 100px; +} + +div.messagePanel div.footer { + height: 34px; + width: 468; + background-image: url(../images/old/alert/footer.png); +} + +div.messagePanel div.message h1 { + font-size: 16pt; + margin: 0px; + color: #ff5930; +} + +div.messagePanel div.message p { + margin-top: 0px; + color: #999999; +} + +div.messagePanel div.message h3 { + font-size: 12pt; + margin-bottom: 0px; + color: #ff5930; +} + +div.messagePanel div.message h5 { + margin: 0px; + color: #999999; +} + + +*/ +/* @end */ +/* @group LoginProgress (?) */ +/* +div#loginProgress { + position: relative; + left: -198px; + top: -118px; + width: 397px; + height: 236px; + background: url(../images/old/loginProgress/background.png); +} + +div#loginProgress div.header { + height: 52px; +} + +div#loginProgress div.header h3 { + font-size: 12pt; + font-weight: normal; + margin: 0px; + color: #787872; + padding-top: 25px; + padding-left: 35px; +} + +div#loginProgress div.body { + height: 120px; + overflow: auto; + margin-left: 19px; + margin-right: 18px; +} + +div#loginProgress div.footer { + margin-left: 19px; + margin-right: 18px; +} + +div#loginProgress div.footer a { + font-weight: bold; + text-decoration: none; + text-align: center; + color: #787872; + display: block; + font-size: 11pt; + width: 100px; + margin-top: 13px; + margin-left: auto; + margin-right: auto; +} + +div#loginProgress div.footer a:hover { + color: #515247; +} + +*/ +/* @end */ +div#modalDialogMask, div.modalDialogMask { + z-index: 20000; + /* position: absolute; */ + + position: fixed; + top: 0; + left: 0; + -moz-opacity: 0.5; + opacity: .50; + filter: alpha(opacity=50); + /* background-color: #cccccc; */ + + background-color: #000000; + width: 100%; + height: 100%; + zoom: 1; +} +div#modalDialogFrame, div.modalDialogFrame { + position: absolute; + /* border: 1px solid white; */ + + -moz-opacity: 0.5; + opacity: .50; + filter: alpha(opacity=50); + background-color: #333333; + z-index: 20001; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; +} +div#modalDialog, div.modalDialog { + z-index: 20001; +} +/*div#modalDialog.scrollable,*/ +div.modalDialog.scrollable { + position: absolute; + top: 0; + left: 50%; +} +/*div#modalDialog.fixed,*/ +div.modalDialog.fixed { + position: fixed; + top: 40%; + left: 50%; +} +div#modalDialog div, div.modalDialog div { + z-index: 20002; + list-style-type: circle; +} +div.modalDialogMask.simpleMessagePanelMask { + z-index: 20010; +} +div.modalDialogFrame.simpleMessagePanelMask { + z-index: 20011; +} +div.modalDialog.simpleMessagePanelMask { + z-index: 20011; +} +div.modalDialog.simpleMessagePanelMask div { + z-index: 20012; +} +/* @group Bookmarklet */ +div.bookmarklet div.bookmarklet_link { + /* + padding-top: 5px; + padding-left: 4px; + padding-right: 3px; + + float: right; + margin-top: 12px; + margin-right: 13px; +*/ + + height: 34px; +} +div.bookmarklet div.bookmarklet_link a { + color: #838975; + text-decoration: none; + font-weight: bold; + font-size: 10pt; + /* + display: block; + text-align: right; + padding-top: 7px; + padding-right: 11px; + padding-bottom: 6px; +*/ + +} +div.bookmarklet div.bookmarklet_link a div.icon { + background: url(../images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0; + float: left; + width: 34px; + height: 34px; +} +div.bookmarklet div.bookmarklet_link a:hover div.icon { + background: url(../images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0; +} +div.bookmarklet div.bookmarklet_link a div.text { + display: block; + float: right; + background: url(../images/old/bookmarklet/placeholder.png) no-repeat right 0; + white-space: nowrap; + height: 34px; +} +div.bookmarklet div.bookmarklet_link a:hover div.text { + background: url(../images/old/bookmarklet/placeholder_selected.png) no-repeat right 0; +} +div.bookmarklet div.bookmarklet_link a div.text span { + display: block; + padding-top: 10px; + padding-right: 10px; + padding-left: 6px; + clear: both; +} +/* @end */ +/* @group Tooltip */ +/* +div#Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode { + position: absolute; + top: 0px; + left: 0px; +} +*/ +div.tooltip { + position: absolute; + z-index: 30001; +} +div.tooltip div.tooltip_body { + position: absolute; +} +div.tooltip div.tooltip_arrow { + position: absolute; +} +div.tooltip.BELOW div.tooltip_arrow { + background: url(../images/old/tooltips/top_arrow.png) no-repeat; +} +div.tooltip.ABOVE div.tooltip_arrow { + background: url(../images/old/tooltips/bottom_arrow.png) no-repeat; +} +div.tooltip.LEFT div.tooltip_arrow { + background: url(../images/old/tooltips/right_arrow.png) no-repeat; +} +div.tooltip.RIGHT div.tooltip_arrow { + /* margin-top: 7px; */ + + background: url(../images/old/tooltips/left_arrow.png) no-repeat; +} +div.tooltip.RIGHT div.tooltip_body { + /* padding-left: 13px; */ + +} +div.tooltip div.tooltip_body div.tooltip_text { + width: 171px; + background: url(../images/old/tooltips/body.png) no-repeat center top; +} +div.tooltip.LEFT div.tooltip_body div.tooltip_text, div.tooltip.RIGHT div.tooltip_body div.tooltip_text { + min-height: 45px; +} +div.tooltip div.tooltip_body span { + display: block; + padding: 10px; + padding-bottom: 4px; + font-size: 10pt; + color: white; +} +div.tooltip div.tooltip_footer { + height: 7px; + background: url(../images/old/tooltips/body_bottom.png) no-repeat; +} +/* @end */ +/* @group News */ +/* +div#news { + top: 11px; + left: 240px; + width: 353px; + height: 85px; + padding-top: 4px; + position: absolute; + overflow: hidden; + background: url(../images/old/note.png) 1px 3px; +} + +div#news.hidden { + display: none; +} + +div#news div.close { + display: inline; + margin-top: 6px; + margin-left: 17px; + float: left; + width: 15px; +} + +div#news div.close a { + text-decoration: none; + color: #929c1b; +} + +div#news div.close a:hover { + text-decoration: none; + color: #3d420b; +} + +div#news div#newsframe { + display: block; + overflow: hidden; + width: 305px; + height: 70px; +} + +div#news div#newsframe iframe { + border: 0px; +} +*/ +/* --------------------------------------- */ +div#news { + top: -82px; + left: 240px; + width: 310px; + height: 90px; + position: absolute; + /* background: url(../images/old/tips/Tips_background.png) 0 -5px; */ + + background-color: #616474; + -webkit-border-bottom-right-radius: 8px; + -webkit-border-bottom-left-radius: 8px; + -moz-border-radius-bottomright: 8px; + -moz-border-radius-bottomleft: 8px; + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; + -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); + box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); +} +/* +div#news.open { + background: url(../images/old/tips/Tips_open.png) 0 -5px; +} + +div#news.hidden { + background: url(../images/old/tips/Tips_close.png) 0 -5px; +} +*/ +div#news div#newsframe { + margin-left: 10px; + margin-right: 10px; + height: 75px; + overflow: hidden; +} +div#news div#newsframe.loading { + background: url(../images/old/loading/news.gif) no-repeat center center; +} +div#news div#newsframe iframe { + width: 290px; + border: 0px; + color: #616474; + background-color: #616474; +} +div#news div.grip { + width: 310px; + height: 12px; + margin-top: 2px; + cursor: pointer; +} +div#news.open div.grip { + background: url(../images/old/tips/close.png) no-repeat center 6px; +} +div#news.hidden div.grip { + background: url(../images/old/tips/open.png) no-repeat center 6px; +} +/* @end */ +/* @group mainDialog */ +div.mainDialog { + position: relative; + left: -263px; + width: 525px; + height: 325px; +} +div.scrollable div.mainDialog { + top: 0px; +} +div.fixed div.mainDialog { + top: -118px; +} +div.mainDialog div.header { + height: 55px; + background: url(../images/old/cardDialog/background_header.png) no-repeat; +} +div.mainDialog div.header div.title { + padding-top: 16px; + padding-left: 20px; + padding-right: 20px; +} +div.mainDialog div.header div.title input { + width: 100%; + display: block; + font-size: 16pt; + margin: 0px; + border: 0px; + padding: 3px 10px; + color: #787872; + border: 1px solid #cccec0; + background-color: #cccec0; +} +div.mainDialog div.header div.title h3 { + display: block; + font-size: 16pt; + color: #787872; + margin: 0px; + border: 0px; + padding: 3px 10px; +} +div.mainDialog div.header div.title.selectedField input, div.mainDialog div.header div.title:hover input { + border: 1px solid #515247; + background-color: #b5b7ab; +} +div.mainDialog div.header div.title.disabled:hover input { + border: 1px solid #cccec0; + background-color: #cccec0; +} +div.mainDialog div.body { + padding-top: 0px; + padding-left: 10px; + padding-right: 9px; + min-height: 200px; + background: url(../images/old/cardDialog/background_body.png) repeat-y; +} +div.mainDialog div.body div.mask { + display: none; +} +div.mainDialog.loading div.body div.mask { + display: block; + position: absolute; + top: 55px; + left: 10px; + right: 9px; + bottom: 70px; + z-index: 1001; + background-color: white; + padding-left: 146px; + padding-right: 146px; + padding-top: 70px; +} +div.mainDialog.loading div.body .tabPanels { + display: none; +} +div.mainDialog.loading div.body div.mask h3.progressDescription { + margin: 0px; + text-align: center; + padding-bottom: 10px; + color: #cccec0; + font-size: 14pt; + font-weight: normal; +} +div.loadingBar { + height: 22px; + width: 214px; + background: url(../images/old/loading/loadingBar.gif) no-repeat center top; +} +div.loadingBar div.loadingBarProgressBox { + padding: 2px; +} +div.loadingBar div.loadingBarProgress { + height: 18px; + width: 0%; + /* background-repeat: no-repeat; */ + + background-color: rgba(248, 79, 0, 0.6); + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; +} +/* +div.loadingBar div.loadingBarProgress div.loadingBarProgress_left { + height: 100%; + max-width: 8px; + background: url(../images/old/loading/loadingBarProgress.png) no-repeat 0; +} + +div.loadingBar div.loadingBarProgress div.loadingBarProgress_right { + position: relative; + height: 100%; + margin-left: 8px; + background: url(../images/old/loading/loadingBarProgress.png) no-repeat right; + top: -22px; +} +*/ +div.mainDialog div.body div ul { + padding: 0px; + clear: both; + margin: 0px; + list-style-type: none; +} +div.mainDialog div.body div.tabs { + height: 20px; +} +div.mainDialog div.body div.tabs ul.tabs { + height: 33px; + /* border-bottom: 1px solid #515247;*/ + + /* background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;*/ + + background: url(../images/old/cardDialog/tabs_background.png) repeat-x; +} +div.mainDialog div.body div.tabs ul.tabs li { + /* width: 150px; */ + + height: 32px; + font-size: 11pt; + text-align: center; + border-right: 1px solid #515247; + float: left; + color: #787872; + border-bottom: 1px solid #515247; + background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px; + cursor: pointer; +} +div.mainDialog div.body div.tabs ul.tabs li div { + display: none; +} +div.mainDialog div.body div.tabs ul.tabs li span { + display: block; + padding-top: 9px; + padding-bottom: 6px; + padding-left: 40px; + padding-right: 40px; +} +div.mainDialog div.body div.tabs ul.tabs li:hover { + color: #515247; +} +div.mainDialog div.body div.tabs ul.tabs li.disabled:hover { + color: #787872; + cursor: default; +} +div.mainDialog div.body div.tabs ul.tabs li.selected { + color: #515247; + background-color: #f1f2e9; + border-bottom: 1px solid #f1f2e9; + cursor: default; +} +div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover { + color: #515247; +} +div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList { + position: absolute; + display: block; + top: 63px; + left: 140; + width: 20px; +} +div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton { + position: absolute; + display: block; + top: 63px; + left: 265px; + width: 20px; +} +div.mainDialog div.body div.tabs ul.tabs li.selected div span { + padding: 0px; + margin: 0px; +} +div.mainDialog div.body div.tabs ul.tabs li.selected div:hover { + cursor: pointer; +} +div.mainDialog div.body .tabPanels { + clear: both; +} +div.mainDialog div.body ul.tabPanels li.tabPanel { + display: none; +} +div.mainDialog div.body ul.tabPanels li.tabPanel.selected { + display: block; +} +div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 { + margin: 0px; + text-align: center; + padding-top: 50px; + color: #787872; +} +div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription { + margin: 0px 20px 10px; + font-size: 10pt; + color: b0b0b0; + font-style: italic; + text-align: center; +} +div.mainDialog div.footer { + height: 70px; + background: url(../images/old/cardDialog/background_footer.png) no-repeat 0 -14px; +} +div.mainDialog div.footer div.buttonArea { + padding-left: 40px; + padding-right: 40px; + padding-top: 15px; +} +div.mainDialog div.footer div.buttonArea div { + padding-left: 20px; + padding-right: 20px; + float: left; + font-weight: bold; + color: #787872; +} +div.mainDialog div.footer div.buttonArea div.disabled { + color: #b1b1a8; +} +div.mainDialog div.footer div.buttonArea div.disabled:hover { + color: #b1b1a8; + cursor: default; +} +div.mainDialog div.footer div.buttonArea div:hover { + color: #515247; + cursor: pointer; +} +div.mainDialog div.footer div.buttonArea div.save { + float: right; +} +/* @end */ +/* @group Card Dialog */ +div.addDirectLoginButton { + height: 20px; + width: 20px ; + background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px; + color: white; + font-weight: bold; +} +div.addDirectLoginButton span { + display: block; + height: 20px; + width: 20px ; +} +div.addDirectLoginButton:hover { + background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px; +} +/* @group Card Dialog - Direct Login */ +div.directLoginsComponentContainer { + overflow: hidden; + /* background-color: green; */ + +} +div.CardDialog div.directLogins { + /* background-color: yellow; */ + + padding-top: 2px; +} +div.CardDialog div.addNewDirectLoginSplash { + margin: 0px 80px; +} +div.CardDialog div.addNewDirectLoginSplash h3 { + color: #aaaaaa; + text-align: center; + font-weight: normal; + font-size: 11pt; +} +div.CardDialog div.addNewDirectLoginSplash a { + display: block; + text-decoration: none; + margin-left: auto; + margin-right: auto; + width: 190px; + /* color: #787878; */ + + color: rgba(255, 98, 6, 0.75); + text-transform: uppercase; + background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right; +} +div.CardDialog div.addNewDirectLoginSplash a span { + text-align: center; +} +div.CardDialog div.addNewDirectLoginSplash a:hover { + color: #ff6206; + background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat right; +} +div.CardDialog div.directLoginItem { + clear: both; + min-height: 32px; + padding-left: 10px; + padding-top: 4px; + padding-bottom: 2px; + /* width: 100px; */ + + max-height: 32px; + overflow: hidden; +} +div.CardDialog div.directLoginItem:hover { + background-color: #cccec0; +} +div.CardDialog div.addDirectLoginListItem { + min-height: 32px; + padding-left: 10px; + padding-top: 4px; + padding-bottom: 2px; + max-height: 32px; + overflow: hidden; + background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0; +} +div.CardDialog div.addDirectLoginListItem a { + display: block; + font-size: 11pt; + padding-top: 6px; + padding-left: 50px; + color: rgba(255, 98, 6, 0.75); + text-decoration: none; + text-transform: uppercase; +} +div.CardDialog div.addDirectLoginListItem:hover { + background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0; + color: #ff6206; + background-color: #cccec0; +} +div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon { + width: 32px; + height: 32px; + float: left; +} +div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input { + float: left; + font-size: 11pt; + border: 0px; + padding: 5px; + color: #787872; + border: 1px solid #ededeb; + background-color: #ededeb; + height: 30px; + margin-left: 10px; + width: 68%; + margin-right: 5px; +} +div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input { + border: 1px solid #515247; + background-color: #b5b7ab; +} +div.CardDialog div.directLoginItem > div.open { + float: left; + margin-top: 5px; + margin-right: 2px; + padding-left: 5px; + visibility: hidden; +} +div.CardDialog div.directLoginItem > div.edit, div.CardDialog div.directLoginItem > div.delete { + float: left; + margin-top: 5px; + margin-left: 3px; + padding-left: 5px; + visibility: hidden; +} +div.CardDialog div.directLoginItem > div.open a { + display: block; + width: 22px; + height: 22px; + background: url(../images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px; +} +div.CardDialog div.directLoginItem > div.open a:hover { + background: url(../images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px; +} +div.CardDialog div.directLoginItem:hover > div.open, div.CardDialog div.directLoginItem:hover > div.edit, div.CardDialog div.directLoginItem:hover > div.delete { + visibility: visible; +} +div.CardDialog div.directLoginItem div.edit span { + padding-right: 6px; + display: block; +} +div.CardDialog div.directLoginItem div.open span a, div.CardDialog div.directLoginItem div.edit span a, div.CardDialog div.directLoginItem div.delete span a { + font-size: 8pt; + color: #666666; + text-decoration: none; + line-height: 19px; +} +div.CardDialog div.directLoginItem div.edit:hover { + background: url(../images/old/new_background_left.png) no-repeat; +} +div.CardDialog div.directLoginItem div:hover span a { + color: white; +} +div.CardDialog div.directLoginItem div.edit:hover span { + background: url(../images/old/new_background.png) no-repeat right center; +} +div.CardDialog div.directLoginItem div.delete:hover { + background: url(../images/old/delete_background_left.png) no-repeat; +} +div.CardDialog div.directLoginItem div.delete:hover span { + background: url(../images/old/delete_background.png) right; +} +/* @group Direct Login Editing */ +div.CardDialog div.directLoginEditDetail { + position: relative; + /* background-color: red; */ + +} +/* +div.CardDialog div.directLoginEditDetail div.back { + float: left; + width: 30px; +} + +div.CardDialog div.directLoginEditDetail div.back a { + display: block; + padding: 5px; + text-decoration: none; + font-weight: bold; + font-size: 14pt; + color: #cccec0; + + background: url(../images/old/cardDialog/back.png) no-repeat 5px 14px; + width: 20px; + height: 200px; +} + +div.CardDialog div.directLoginEditDetail div.back a:hover { + color: #7f7872; + background: url(../images/old/cardDialog/back_selected.png) no-repeat 5px 14px; +} +*/ +form.directLoginEditingForm div.title, form.directLoginEditingForm div.favicon { + padding: 5px 10px; +} +form.directLoginEditingForm div.title.disabled:hover { + background-color: #f1f2e9; +} +form.directLoginEditingForm div.title:hover, form.directLoginEditingForm div.favicon:hover { + background-color: #cccec0; +} +form.directLoginEditingForm div.title input { + /* width: 100%; */ + + margin: 0px; + margin-left: 10px; + width: 440px; +} +form.directLoginEditingForm div.favicon { + padding-left: 10px; +} +/*form.directLoginEditingForm div.favicon img.favicon {*/ +form.directLoginEditingForm img.favicon { + float: left; + width: 32px; + height: 32px; +} +form.directLoginEditingForm div.favicon input { + margin-top: 1px; + width: 465px; +} +form.directLoginEditingForm div.disabled:hover input, form.directLoginEditingForm div input { + font-size: 11pt; + border: 0px; + padding: 5px; + color: #787872; + border: 1px solid #ededeb; + background-color: #ededeb; + height: 30px; +} +form.directLoginEditingForm div:hover input { + border: 1px solid #515247; + background-color: #b5b7ab; +} +/* @group Bindings */ +div.bindings div.binding > span.formFieldName { + display: inline-block; + width: 140px; + overflow: hidden; + margin-right: 10px; + color: #6b5147; + text-overflow: ellipsis; +} +div.bindings div.binding { + padding-bottom: 3px; +} +div.bindings div.binding > input { + margin-right: 10px; + background: #cccec0; + width: 150px; + border: 1px solid #cccec0; +} +div.bindings div.binding:hover > input { + border: 1px solid #cccec0; +} +div.bindings div.binding > select { + font-size: 13pt; +} +div.bindings div.binding span.fieldLock { + display: inline-block; + width: 20px; + height: 20px; + margin-right: 3px; +} +div.bindings div.binding.showLocked input { + background: url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; + /* color: black; */ + + overflow: hidden; + background: #cccec0 url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; + color: rgba(237, 237, 235, 0.1); +} +div.bindings div.binding span.fieldLock a { + display: none; +} +div.bindings div.binding.locked span.fieldLock a { + display: block; + width: 20px; + height: 20px; + text-decoration: none; + background-image: url(../images/old/cardDialog/lock_open.png); +} +div.bindings div.binding.locked.showLocked span.fieldLock a { + background-image: url(../images/old/cardDialog/lock_closed.png); + text-decoration: none; +} +/* @end */ +/* @group FormValues */ +div.formValues { + padding-top: 15px; +} +div.formValues div.formValue div { + margin: 0px; + display: inline-block; +} +div.formValues div.formValue > span.formFieldName { + display: inline-table; + width: 160px; + overflow: hidden; + margin-right: 10px; + color: #6b5147; +} +/* @end */ +/* @group FormValues */ +/* +div.formValues { + padding-top: 15px; +} + +div.formValues div.formValue > span.formFieldName { + display: inline-table; + width: 150px; + overflow: hidden; + margin-right: 35px; + color: #6b5147; +} + +div.formValues div.formValue > select { + padding-left: 20px; +} +*/ +/* @end */ +/* @group Panels */ +div.directLoginEditing { + padding-top: 2px; +} +div.directLoginEditing div.tabContainer { + min-height: 150px; + height: 200px; +} +div.directLoginEditing div.tabContainer > ul.tabs { + display: none; +} +/* +div.directLoginEditing li.configuration, +div.directLoginEditing li.bindings, +div.directLoginEditing li.favicon { + padding: 10px; +} +*/ +div.directLoginEditing li { + padding: 10px; +} +div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { + float: left; + width: 320px; + height: 125px; + font-family: monospace; + font-weight: normal; + font-size: 8pt; + border: 1px solid #ccc; +} +div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { + float: right; +} +div.directLoginEditing li.configuration > textarea.error { + border: 1px solid red; + background-color: rgba(255, 0, 0, 0.1); +} +/* +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer { + padding-top: 10px; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li { + float: left; + padding-left: 10px; + padding-right: 10px; + display: block; + font-size: 10pt; + color: #787872; + cursor: pointer; + + height: 22px; + text-align: center; + border-right: 1px solid #aaa; + border-bottom: 1px solid #aaa; + border-top: 1px solid #aaa; + + background-color: #cccec0; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:first-child { + border-left: 1px solid #aaa; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs { + height: 23px; + padding-left: 10px; + border-bottom: 1px solid #aaa; + margin-left: 10px; + margin-right: 10px; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li > span { + line-height: 23px; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li.selected { + color: #6a5147; + cursor: default; + border-bottom: 1px solid #f1f2e9; + background-color: #f1f2e9; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:hover { + color: #6a5147; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels { + padding-bottom: 5px; + margin-left: 10px; + margin-right: 10px; +} + +div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels > li.selected { + border-bottom: 1px solid #aaa; + border-left: 1px solid #aaa; + border-right: 1px solid #aaa; +} + +div.directLoginEditing li.configuration { + padding: 5px; +} + +div.directLoginEditing li.configuration > textarea { + width: 100%; + height: 100px; + font-family: monospace; + font-weight: normal; + font-size: 8pt; +} +*/ +/* @end */ +/* @end */ +/* @end */ +/* @group Card Dialog FIELDS */ +div.CardDialog div.body { + padding-bottom: 1px; +} +div.CardDialog div.body table.fields { + width: 100%; + padding-top: 8px; + padding-bottom: 1px; +} +div.CardDialog div.body table.fields thead { + background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; +} +div.CardDialog div.body table.fields tfoot { + background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; +} +div.CardDialog div.body table.fields thead th { + text-align: left; + font-weight: normal; + font-size: 9pt; + color: #787872; + padding-left: 10px; + padding-bottom: 3px; + /* + border-bottom: 1px dotted; +*/ + +} +div.CardDialog div.body table.fields thead th.fieldStateTH { + width: 10px; +} +div.CardDialog div.body table.fields tbody td.fieldLabel input { + width: 130px; +} +div.CardDialog div.body table.fields thead th.fieldLockTH { + width: 10px; +} +div.CardDialog div.body table.fields tbody td.fieldValue input { + width: 280px; +} +div.CardDialog div.body table.fields thead th.fieldActionTH { + width: 30px; +} +div.CardDialog div.body table.fields thead th.fieldDeleteTH { + width: 40px; +} +div.CardDialog div.body table.fields tbody tr:hover, div.CardDialog div.body table.fields tbody tr.selectedField { + background-color: #cccec0; +} +div.CardDialog div.body table.fields tbody tr td { + font-size: 11pt; + color: #787872; + height: 35px; +} +div.CardDialog div.body table.fields tbody tr td input { + font-size: 11pt; + border: 0px; + padding: 5px; + color: #787872; + border: 1px solid #ededeb; + background-color: #ededeb; + height: 30px; +} +/* +div.CardDialog div.body table.fields tbody tr td.fieldValue div { + margin-right: 10px; +} + +div.CardDialog div.body table.fields tbody tr td.fieldValue div input { + width: 100%; +} +*/ +div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { + background: #ededeb url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; + color: #ededeb; + color: rgba(237, 237, 235, 0.1); + /* color: black; */ + + /* line-height: 100px; */ + + overflow: hidden; +} +div.locked input.value::-moz-selection { + background: #ff0000; +} +div.locked input.value::selection { + background: #ff0000; +} +div.CardDialog div.body table.fields tbody tr.new.selectedField td input, +div.CardDialog div.body table.fields tbody tr.new:hover td input, +div.CardDialog div.body table.fields tbody tr:hover td input, +div.CardDialog div.body table.fields tbody tr.selectedField td input { + border: 1px solid #515247; + background-color: #b5b7ab; +} +div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { + background: #b5b7ab url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; + color: #b5b7ab; + color: rgba(237, 237, 235, 0.1); +} +div.CardDialog div.body table.fields tbody td.fieldLock div { + width: 20px; + height: 19px; + cursor: pointer; +} +div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { + background-image: url(../images/old/cardDialog/lock_closed.png); +} +div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { + background-image: url(../images/old/cardDialog/lock_open.png); +} +div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { + text-decoration: none; + visibility: hidden; + font-size: 8pt; + vertical-align: -13px; + color: black; +} +div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { + visibility: visible; +} +div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { + visibility: visible; +} +div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a { + color: white; +} +div.CardDialog div.body div.notes { + background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 0; + padding-top: 2px; +} +div.CardDialog div.body div.notes div { + padding-left: 20px; + padding-right: 20px; + padding-top: 4px; + padding-bottom: 4px; +} +div.CardDialog div.body div.notes div:hover, div.CardDialog div.body div.notes.selectedField div { + background-color: #cccec0; +} +div.CardDialog.loading div.body div.notes div textarea { + display: none; +} +div.CardDialog div.body div.notes div textarea { + border: 0; + width: 470px; + /* + width: 100%; + height: 100px; + min-height: 400px; + overflow: hidden; +*/ + + color: #787872; + border: 1px solid #ededeb; + background-color: #ededeb; + display: block; + line-height: 12pt; + min-height: 50px; +} +div.CardDialog div.body div.notes div:hover textarea, div.CardDialog div.body div.notes.selectedField div textarea { + border: 1px solid #515247; + background-color: #b5b7ab; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction { + /* background-color: red; */ + + padding-left: 4px; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction a { + display: inline-block; + text-decoration: none; + text-align: center; + width: 16px; + height: 16px; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction a.email { + background: url(../images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover { + background: url(../images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction a.url { + background: url(../images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover { + background: url(../images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction a.password { + background: url(../images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0; +} +div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover { + background: url(../images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0; +} +/* +/ *div.CardDialog div.body table.fields tbody* / tr.new { + background: yellow; +} + +div.CardDialog div.body table.fields tbody tr.new td input { + border: 1px solid red; + background-color: green; +} +*/ +/* @end */ +/* @end */ +div#disabledZone { + display: block; + visibility: visible; +} +div#messageZone { + display: block; + visibility: visible; +} +div.CardDialog div.error div.img { + margin: 10px; + width: 50px; + height: 50px; + float: left; + background-image: url(../images/old/simpleMessageBox/Alert.png); +} +/* @group Ruler */ +/* +div.rulerExtraWrapper { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + overflow: hidden; + background-color: rgba(255, 0, 0, 0.2); + z-index: 24999; +} +*/ +div.rulerWrapper { + left: -1000px; + margin-top: -30px; + margin-left: 50%; + z-index: 25000; +} +div.rulerWrapper.fixed { + position: fixed; +} +div.rulerWrapper.scrollable { + position: absolute; +} +div.ruler { + /* position: absolute; */ + + width: 541px; + height: 96px; + margin-left: -270px; + background: url(../images/old/ruler/ruler.png) no-repeat; +} +div.ruler a { + position: absolute; + display: block; + width: 15px; + height: 15px; + top: 3px; + text-decoration: none; +} +div.ruler a.exit { + margin-left: 2px; + background: url(../images/old/ruler/exit.png) no-repeat; +} +div.ruler a.exit:hover { + background: url(../images/old/ruler/exit_selected.png) no-repeat; +} +div.ruler a.smallButton.previous { + right: 16px; + background: url(../images/old/ruler/small_previous.png) no-repeat; +} +div.ruler a.smallButton.previous:hover { + cursor: pointer; + background: url(../images/old/ruler/small_previous_selected.png) no-repeat; +} +div.ruler a.smallButton.previous.disabled, div.ruler a.smallButton.previous.disabled:hover { + cursor: default; + background: url(../images/old/ruler/small_previous_disabled.png) no-repeat; +} +div.ruler a.smallButton.next { + right: 3px; + background: url(../images/old/ruler/small_next.png) no-repeat; +} +div.ruler a.smallButton.next:hover { + cursor: pointer; + background: url(../images/old/ruler/small_next_selected.png) no-repeat; +} +div.ruler a.smallButton.next.disabled, div.ruler a.smallButton.next.disabled:hover { + cursor: default; + background: url(../images/old/ruler/small_next_disabled.png) no-repeat; +} +div.ruler div.steps, div.ruler div.dots { + position: absolute; + background-color: rgba(255, 255, 255, 0); + margin-left: 30px; + margin-right: 30px; +} +div.ruler div.steps { + top: 25px; + height: 30px; +} +div.ruler div.dots { + top: 58px; + height: 25px; +} +div.ruler div ul { + list-style-type: none; + margin: 0px; + padding: 0px; +} +div.ruler div ul li { + display: inline-block; + vertical-align: top; +} +div.ruler > div.steps > ul > li:first-child, div.ruler > div.dots > ul > li:first-child { + margin-left: 0px; +} +div.ruler div.steps_3 ul li { + margin-left: 135px; +} +div.ruler div.steps_4 ul li { + margin-left: 67px; +} +div.ruler div.steps_5 ul li { + margin-left: 32px; +} +div.ruler div.steps_6 ul li { + margin-left: 12px; +} +div.ruler div ul li span { + font-weight: bold; + text-align: center; + width: 70px; + display: block; + font-size: 8pt; + overflow: hidden; + color: rgba(0, 0, 0, 0.3); +} +div.ruler div ul li.selected span { + color: black; +} +div.ruler div.dots ul li span { + /* + text-align: center; + width: 26px; + margin-left: 22px; + margin-right: 22px; + height: 25px; + background-color: #e57218; +*/ + + font-size: 40pt; + line-height: 47px; +} +div.ruler div.marker { + position: absolute; + top: -3px; + /* left: -246px; */ + +} +div.ruler div.marker div.markerBody { + width: 77px; + height: 97px; + background: url(../images/old/ruler/marker.png) no-repeat; +} +div.ruler div.marker div.next { + position: absolute; + top: 25px; + left: 76px; + width: 27px; + height: 65px; + background: url(../images/old/ruler/next.png) no-repeat -13px; + z-index: 26000; +} +div.ruler div.marker div.next:hover { + cursor: pointer; + background: url(../images/old/ruler/next.png) no-repeat -2px; +} +div.ruler div.marker div.disabled { + display: none; +} +div.ruler div.marker div.previous { + position: absolute; + top: 25px; + left: -24px; + width: 27px; + height: 65px; + /* background: url(../images/old/ruler/previous.png) no-repeat 13px 1px; */ + + background: url(../images/old/ruler/previous.png) no-repeat 18px 1px; + z-index: 26000; +} +div.ruler div.marker div.previous:hover { + cursor: pointer; + /* background: url(../images/old/ruler/previous.png) no-repeat 2px 1px; */ + + background: url(../images/old/ruler/previous.png) no-repeat 7px 1px; +} +/* @end */ +div.createNewCardSplash { + margin-top: -450px; + margin-left: 250px; + width: 354px; + float: left; + height: 186px; + text-align: center; + background: url(../images/old/main/grid/createNewCardSplash.png) no-repeat; +} +div.createNewCardSplash:hover { + cursor: pointer; + background: url(../images/old/main/grid/createNewCardSplash_selected.png) no-repeat; +} +div.createNewCardSplash span { + display: block; + padding-top: 130px; + font-size: 14pt; + color: #9a9586; +} +div.createNewCardSplash:hover span { + color: #605c4e; +} +/*=============================================*/ +div.NewUserCreation div.tabContainer { + min-height: 150px; + height: 200px; +} +div.NewUserCreation div.tabContainer > ul.tabs { + display: none; +} +ul.createUserStates li.creating { + background: url(../images/old/creatingUser.gif) no-repeat center center; +} +ul.createUserStates li { + height: 100px; +} +ul.createUserStates li span { + display: block; + width: 100%; + text-align: center; + color: #999; + font-style: italic; +} +div.NewUserCreation form.newUserCreationForm ul.tabPanels { + padding-top: 10px; +} +div.NewUserCreation form.newUserCreationForm ul ul { + margin-left: auto; + margin-right: auto; + width: 400px; +} +div.NewUserCreation form.newUserCreationForm ul.credentials li { + height: 45px; +} +div.NewUserCreation form.newUserCreationForm ul.credentials span.label { + text-align: right; + display: inline-block; + font-size: 12pt; + color: #787872; + width: 110px; + vertical-align: baseline; +} +div.NewUserCreation form.newUserCreationForm ul.credentials input { + font-size: 13pt; + color: #787872; + height: 35px; + margin-left: 15px; + padding-left: 5px; +} +div.NewUserCreation form.newUserCreationForm ul.termsOfService li { + padding: 0 0 15 0; +} +div.NewUserCreation form.newUserCreationForm ul.termsOfService input { + display: inline-block; +} +div.NewUserCreation form.newUserCreationForm ul.termsOfService .label { + display: inline-block; + text-align: left; + font-size: 12pt; + color: #787872; + width: 350px; + vertical-align: top; + padding-left: 10px; +} +div.NewUserCreation form.newUserCreationForm ul.termsOfService a { + font-weight: bold; + color: #787872; + text-decoration: none; +} +div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover { + color: #444; +} +div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span { + font-size: 16pt; + color: green; +} +div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span { + font-size: 16pt; + color: red; +} |