/*
    BEGIN FLOCK GPL

    Copyright Flock Inc. 2005-2009
    http://flock.com

    This file may be used under the terms of the
    GNU General Public License Version 2 or later (the "GPL"),
    http://www.gnu.org/licenses/gpl.html

    Software distributed under the License is distributed on an "AS IS" basis,
    WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
    for the specific language governing rights and limitations under the
    License.

    END FLOCK GPL
*/

page {
  background: #EEEDEE;
  padding-top: 0px;
  -moz-appearance: none;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.container {
  padding: 0px;
  margin: 0px 0px;
  background: #FFFFFF;
}

/* My Accounts or currently active account list */
.container-activeAccounts {
  padding: 0px;
  margin: 0px 0px;
}

#availableServicesSection {
  margin: 1px 0 0 0 !important;
}

#noEnabledAccountsSection {
  background: #ffffff !important;
}

#noEnabledAccountsSection > description {
  margin: 5px !important;
  font-size: 9pt;
}

#availableServicesMessage > description {
  padding: 0 5px;
}

.accountCardBoxArea {
  border: 1px solid #EEEDEE; 
}

accountCard .svcFavIcon {
  min-height: 16px;
  min-width: 16px;
  background-color: transparent;
  margin: 0 0 0 1px;
}

.svcStatusIcon {
  min-height: 18px;
  min-width: 18px;
  top: 20px;
}

.svcStatusIcon,
accountCard[disabled="true"] .svcStatusIcon {
  list-style-image: url("chrome://flock/skin/services/common/not_connected.png");
}

.svcStatusIcon[connected="true"] {
  list-style-image: url("chrome://flock/skin/services/common/connected.png");
}

.svcNameText {
  font-weight: bold;
  font-size: 9pt;
  margin-top: 4px;
  color: #000000;
}

.svcNameText:hover {
  text-decoration: underline;
  cursor: pointer;
}

.usernameText {
  font-size: 11px;
  margin: -2px 0 2px 0;
  color: #000000;
}

accountCard[disabled="true"] .svcNameText,
accountCard[disabled="true"] .svcNameText:hover,
accountCard[disabled="true"] .usernameText {
  color: #aaaaaa;
  text-decoration: none;
  cursor: default;
}

.actionLabel {
  color: #2f64da;
  font-size: 9px;
  margin: 0;
}

.actionLabel:hover {
  cursor: pointer;
  text-decoration: underline;
}

.actionLabel[disabled="true"],
.actionLabel[disabled="true"]:hover {
  cursor: default;
  text-decoration: none;
}

label[anonid="actionSeparator"] {
  margin: 0 4px;
}

accountCard[disabled="true"] label[anonid="actionSeparator"],
accountCard[disabled="true"] label[anonid="actionButton"] {
  display: none;
}

.accountCardArea {
  max-height: 40px;
}

#activeAccountsSection {
  min-height: 30px;
}
  #activeAccountsSection > description {
    margin-right: 0px; margin-left: 0px;
  }

#availableServicesHeader {
  font-weight: bold;
}

#availableServicesMessage {
  font-style: italic;
}

#availableServicesList {
  overflow: auto;
}

#avilableServicesSection,
#activeAccountsSection > description  {
  padding-left: 5px;
  padding-right: 5px;
}

richlistitem .extendedAccountInfo {
  padding: 2px;
}

accountCard {
  margin: 0;
}

richtreefolder .folder-title-container {
  border-top-width: 0 !important
}

richtree:last-child richtreefolder richtreeitem {
  border-bottom-width: 1px !important;
}

richlistitem accountCard {
  padding: 2px 5px 5px 5px;
  background: #ffffff url("chrome://flock/skin/people/friendcardBackground.png") top left repeat-x !important;
  border-bottom: 1px solid #c8c8c8;
}

richlistitem image {
  padding-top: 4px;
}

#activeAccountsList {
  background: transparent;
  -moz-appearance: none;
}

#accounts-splitter {
  background-color: #ececec;
  padding: 0;
  margin: 0;
  border-top: 1px solid #909090;
  min-height: 8px !important;
}

#accounts-splitter grippy {
  background: transparent url("chrome://flock/skin/common/grippyHorizontal.png") 50% 50% no-repeat;
  padding: 0;
  margin: 0;
  min-height: 5px !important;
  cursor: ns-resize;
}

#availableServicesList richtreefolder .folder-title-container description {
  position: relative !important;
  top: 2px !important;
  margin: 0 !important;
  bottom: 0 !important;
}

#availableServicesList richtreeitem,
#availableServicesList richtreeitem  hbox > label {
  padding-top: 4px;
}

#availableServicesList richtreeitem:hover,
#availableServicesList richtreeitem  hbox > label:hover {
  cursor: pointer;
}

richtree {
  border-top: 1px solid #909090;
  padding-top: 1px;
}
