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, 0 insertions, 3725 deletions
diff --git a/frontend/gamma/css/clipperz.css b/frontend/gamma/css/clipperz.css deleted file mode 100644 index c772c98..0000000 --- a/frontend/gamma/css/clipperz.css +++ b/dev/null @@ -1,3725 +0,0 @@ -/* - -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; -} |