/* Toolbar item in the tool palette. */

#passpet-toolbaritem #passpet-empty-button {
    list-style-image: url(chrome://passpet/skin/empty.png);
}

/* Toolbar item in the browser. */

#passpet-toolbaritem tooltip description {
    margin: 0;
    padding: 0;
}

#passpet-toolbaritem toolbarbutton.passpet-button {
    margin-right: 0;
}

#passpet-toolbaritem [icon="sleeping"] {
    list-style-image: url(chrome://passpet/skin/sleeping.png);
}

#passpet-toolbaritem [icon="request"] {
    list-style-image: url(chrome://passpet/skin/request.png);
}

#passpet-toolbaritem [icon="busy"] {
    list-style-image: url(chrome://global/skin/icons/loading_16.gif);
    padding: 4px 2px;
}

#passpet-toolbaritem [icon="accept"] {
    margin: 0;
    padding: 0;
    list-style-image: url(chrome://passpet/skin/accept.png);
}

#passpet-toolbaritem [icon="accept-warning"] {
    margin: 0;
    padding: 0;
    list-style-image: url(chrome://passpet/skin/accept-warning.png);
}

#passpet-toolbaritem [icon="cancel"] {
    margin: 0;
    padding: 0;
    list-style-image: url(chrome://passpet/skin/cancel.png);
}

#passpet-toolbaritem textbox {
    font-size: 10px;
    margin: 5px 2px 5px 0;
    padding-left: 0;
    width: 80px;
    text-align: left;
}

/* #passpet-toolbaritem[mac] */
#passpet-toolbaritem textbox hbox {
    margin: -1px -2px -2px;
    padding: 4px 2px 2px 2px;
}

#passpet-toolbaritem .passpet-textbox-outline {
    margin-top: 3px;
    padding: 0;
    border: 2px solid #f00;
}

#passpet-toolbaritem textbox[site="none"],
#passpet-toolbaritem textbox[site="none"] hbox,
#passpet-toolbaritem textbox[site="none"] hbox input,
#passpet-toolbaritem textbox[site="local"],
#passpet-toolbaritem textbox[site="local"] input,
#passpet-toolbaritem textbox[site="local"] hbox input {
    color: #888;
    cursor: default;
}

#passpet-toolbaritem textbox[site="named"][ssl="true"] hbox {
    background-color: #d8ffd8;
    color: #000;
}

#passpet-toolbaritem textbox[site="unnamed"][ssl="true"] hbox {
    background-color: #fffed8;
    color: #f00;
    font-weight: bold;
}

#passpet-toolbaritem textbox[site="named"][ssl="false"] hbox {
    background-color: #fcc;
    color: #000;
}

#passpet-toolbaritem textbox[site="unnamed"][ssl="false"] hbox {
    background-color: #fcc;
    color: #f00;
    font-weight: bold;
}

#passpet-toolbaritem hbox.passpet-login {
    font-size: 10px;
}

#passpet-toolbaritem hbox.passpet-login label {
    color: #444;
    margin: 10px 4px 1px 0;
    padding: 0;
}

#passpet-toolbaritem span.passpet-name {
    color: #000;
    font-weight: bold;
}

#passpet-toolbaritem textbox.passpet-login-textbox {
    margin: 5px 4px 5px 0;
    width: 80px;
}

#passpet-toolbaritem > toolbarseparator {
    margin-left: 0;
    margin-right: 0;
    background-image: none;
}

.passpet-leftgrip {
    cursor: w-resize; /* Firefox 1.0 */
    cursor: col-resize; /* CSS 3 */
    cursor: ew-resize; /* Firefox 1.5 */
}

.passpet-rightgrip {
    cursor: e-resize; /* Firefox 1.0 */
    cursor: col-resize; /* CSS 3 */
    cursor: ew-resize; /* Firefox 1.5 */
}

/* Show the left grip only if there are flexible items to the left. */
toolbar > #passpet-toolbaritem > .passpet-leftgrip {
    width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
toolbar > *[flex] ~ #passpet-toolbaritem > .passpet-leftgrip {
    width: 2px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/* Show the right grip only if the left grip is not showing. */
toolbar > #passpet-toolbaritem > .passpet-rightgrip {
    width: 2px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
}
toolbar > *[flex] ~ #passpet-toolbaritem > .passpet-rightgrip {
    width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Styles common to all Passpet dialogs. */

.passpet-dialog vbox.body {
    max-width: 490px;
}

.passpet-dialog label, .passpet-dialog h2 {
    margin: 0;
    padding: 0;
}

.passpet-dialog h4 {
    display: inline;
    margin: 0;
}

.passpet-dialog .p {
    margin-bottom: 12px;
}

/* Space inexplicably appears after some labels. */
.passpet-dialog .p.layout-bug {
    margin-bottom: -6px;
}

.passpet-dialog .p.layout-bug-2 {
    margin-bottom: -44px;
}

.passpet-dialog .persona {
    font-weight: bold;
}

.passpet-dialog strong, .passpet-dialog em {
    font-style: normal;
    color: #800;
}

.passpet-dialog error {
    font-style: normal;
    font-weight: bold;
    color: #800;
}

.passpet-dialog .feedback-bar label {
    width: 120px;
    padding: 2px;
    margin: 1px;
    text-align: center;
    color: #ffffff;
}

.passpet-dialog .inline-textbox {
    margin: 3px 0 -1px 3px;
    padding: 0;
}

.passpet-dialog .inline-textbox hbox {
    margin: 2px 0 -5px;
    padding: 0;
}

/* Persona setup dialog. */

#passpet-setup .busy-icon {
    list-style-image: url(chrome://global/skin/icons/loading_16.gif);
}

#passpet-setup #address-textbox[sample="true"] {
    color: #aaa;
}

#passpet-setup #address-feedback-deck {
    padding-top: 2px;
}

#passpet-setup #address-feedback-busy {
    padding-left: 2px;
}

#passpet-setup #address-feedback[status="blank"] {
    background: transparent;
}

#passpet-setup #address-feedback[status="no-server"] {
    background: #c04040;
}

#passpet-setup #address-feedback[status="invalid"] {
    background: #c04040;
}

#passpet-setup #address-feedback[status="existing"] {
    background: #c0b040;
}

#passpet-setup #address-feedback[status="new"] {
    background: #40c040;
}

#passpet-setup #sample-toolbar {
    text-align: center;
}

#passpet-setup #passpet-toolbaritem {
    padding: 0 15px 0 15px;
}

#passpet-setup #toolbaritem-description {
    width: 100%;
    margin-bottom: 18px;
}

#passpet-setup #toolbaritem-description tr {
    vertical-align: top;
}

#passpet-setup #toolbarbutton-arrow {
    width: 50%;
    text-align: right;
    padding: 0 44px 0 44px;
}

#passpet-setup #textbox-arrow {
    width: 50%;
    text-align: left;
    padding: 0 44px 0 44px;
}

#passpet-setup #toolbarbutton-description {
    width: 50%;
    text-align: right;
    padding: 0 20px 0 20px;
}

#passpet-setup #textbox-description {
    width: 50%;
    text-align: left;
    padding: 0 20px 0 20px;
}

#passpet-setup #address-existing-message table {
    padding-left: 6px;
    padding-top: 10px;
}

#passpet-setup #address-existing-message td {
    padding-left: 2px;
}

#passpet-setup #address-existing-message td#use-existing-label {
    padding-bottom: 8px;
}

#passpet-setup #password-generation {
    margin-top: 6px;
    width: 100%;
    font-size: 12px;
    color: #800;
}

#passpet-setup #password-generation .label {
    width: 160px;
    text-align: right;
}

#passpet-setup #password-generation .arrow {
    font-size: 16px;
    text-align: center;
}

#passpet-setup #password-generation .password {
    width: 200px;
    text-align: left;
}

#passpet-setup #secret-feedback[level="weak"] {
    background: #c04040;
}

#passpet-setup #secret-feedback[level="medium"] {
    background: #c0b040;
}

#passpet-setup #secret-feedback[level="good"] {
    background: #40c040;
}

#passpet-setup #secret-confirm-feedback[match="false"] {
    background: transparent;
}

#passpet-setup #secret-confirm-feedback[match="true"] {
    background: #40c040;
}

#passpet-setup #strength-meter-box {
    text-align: center;
}

#passpet-setup #strength-bar {
    width: 0;
}

#passpet-setup #attacker-time {
    color: #f00;
    font-weight: bold;
}

#passpet-setup h2 image.busy-icon {
    padding-right: 6px;
}

#passpet-setup table.secret-warning {
    width: 485px;
}

#passpet-setup div.secret-warning table {
    margin: 0 auto;
}

#passpet-setup div.secret-warning td {
    text-align: center;
    margin: 0;
    padding: 8px 12px;
    background: #fee;
    border: 1px dotted #f00;
}

/* Collision dialog. */

#passpet-collision #collision-table {
    width: 500px;
}

#passpet-collision #collision-table td {
    width: 250px;
}

#passpet-collision #collision-table th {
    font-weight: normal;
    vertical-align: bottom;
    padding-bottom: 5px;
}

#passpet-collision .colliding-label {
    font-weight: bold;
}

#passpet-collision .current-site-name, #passpet-collision .previous-site-name {
    font-weight: bold;
}

#passpet-collision .site-identifier {
    margin: 5px;
    padding: 5px;
}

#passpet-collision .current.site-identifier {
    color: #800;
    background: #fdd;
    border: 1px dashed #800;
}

#passpet-collision .previous.site-identifier {
    border: 1px solid #000;
    background: #fff;
}

#passpet-collision #previous-site-issuer,
#passpet-collision #current-site-issuer {
    font-weight: bold;
}

#passpet-collision td deck {
    width: 100%;
}

#passpet-collision .identifier {
    margin-bottom: 10px;
}

#passpet-collision .issuer {
    text-align: right;
    font-style: italic;
}

#passpet-collision .no-issuer {
    text-align: right;
    font-weight: bold;
}

#passpet-collision .site-arrow {
    text-align: right;
    padding-right: 40px;
}

#passpet-collision td.issuer-comparison-cell {
    font-weight: bold;
    /*text-align: center;
    padding-left: 120px;*/
    text-align: right;
    padding-right: 40px;
}

#passpet-collision #warning-message {
    padding-top: 18px;
}

/* "About" dialog. */

#passpet-about {
    background: #fff;
    max-width: 500px;
}

#passpet-about description {
    margin: 12px 0 0;
    padding: 12px 6px;
    border-top: 1px solid #ccc;
}

#passpet-about label.text-link {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid blue;
    color: blue;
}

#passpet-about .title {
    font-size: 18px;
    font-weight: bold;
}

#passpet-about .author {
    margin-bottom: 1em;
    color: #888;
}

#passpet-about p {
    margin-top: 1em;
}

#passpet-about p:first-child {
    margin-top: 0;
}

#passpet-about .license {
    margin-top: 12px;
    border-top: 1px solid #ccc;
    font-size: 9px;
    color: #888;
}