From ef68436ac04da078ffdcacd7e1f785473a303d45 Mon Sep 17 00:00:00 2001 From: Giulio Cesare Solaroli Date: Sun, 02 Oct 2011 23:56:18 +0000 Subject: First version of the newly restructured repository --- (limited to 'frontend/gamma/css/clipperz/clipperz.css') diff --git a/frontend/gamma/css/clipperz/clipperz.css b/frontend/gamma/css/clipperz/clipperz.css new file mode 100644 index 0000000..dba4d57 --- a/dev/null +++ b/frontend/gamma/css/clipperz/clipperz.css @@ -0,0 +1,4520 @@ +/* + +Copyright 2008-2011 Clipperz Srl + +This file is part of Clipperz's Javascript Crypto Library. +Javascript Crypto Library provides web developers with an extensive +and efficient set of cryptographic functions. The library aims to +obtain maximum execution speed while preserving modularity and +reusability. +For further information about its features and functionalities please +refer to http://www.clipperz.com + +* Javascript Crypto Library 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. + +* Javascript Crypto Library 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 Javascript Crypto Library. If not, see + . + +*/ + +/* @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%; +} + +body { +/* margin-left: 15px; margin-right: 15px;*/ + font-family: Helvetica, Arial, Geneva, sans-serif; + margin: 0px; +/* + min-width: 600px; +*/ + height: 100%; +} + +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.selected a:hover { +} + +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.selected a:hover { +} + +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.gridComponent table.rows tbody tr td.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 { +} + +div.subPanelTabs ul { + margin: 0px; + margin-right: 7px; + padding: 0px; +} + +div.subPanelTabs ul li.first { +} + +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 { +} + +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.currentCredentials { +} + +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 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.addDirectLoginListItem:hover { +} + + +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 { +} + +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 thead th.fieldLabelTH { +} + +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 thead th.fieldValueTH { +} + +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 tbody td.fieldAction div { +} + +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.steps ul li span { +} + +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; +} \ No newline at end of file -- cgit v0.9.0.2