/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * 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.
 *
 * The Original Code is Thunderbird.
 *
 * The Initial Developer of the Original Code is
 * Mozilla Foundation.
 * Portions created by the Initial Developer are Copyright (C) 2010
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 * */

@import url("box.css");

* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  list-style-type: none;
  position: relative;

}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #0a0a0a;
}

#preferences {
  width: 960px;
  margin: 1em auto;
}

form {
  display: block;
  margin-bottom: 1em;
}
label {
  -moz-user-select: none;
}
.section {
  padding: 1em;
}
.section .sub {
  margin-left: 1em;
}
[requires],
[unless] {
  display: none;
}
.default {
  color: GrayText;
}
.default:before {
  content: "(";
}
.default:after {
  content: ")";
}

.graph {
  width: 200px;
  height: 200px;
}

#add-ons {
  margin-top: 3em;
}

.add-on .img {
  vertical-align: middle;
  min-width: 32px;
  max-width: 48px;
  text-align: center;
}

.add-on .name {
  font-weight: bold;
  margin: 0 0.25em;
}

.add-on .version {
  color: GrayText;
  margin: 0 0.25em;
}

.add-on .prefs {
  text-align: right;
}

/* accordian ui */
.ui-accordion-header {
  cursor: pointer;
  margin-top: 0.5em;
  padding: 0.25em;
  background-image: -moz-linear-gradient(center top , #efefef 0%, #efefef 50%, #E1E1E1 50%, #E1E1E1 100%);
}

.ui-accordion-header:hover,
.ui-accordion-header.ui-state-active {
  background-image: -moz-linear-gradient(center top , #fafafa 0%, #fafafa 50%, #eee 50%, #eee 100%);
}

.ui-corner-all {
  -moz-border-radius: 4px;
}

.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
}

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1C94C4;
  outline: none;
  font-weight: bold;
  text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #EB8F00;
  outline: none;
  font-weight: bold;
  text-decoration: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  border: 1px solid #CCCCCC;
  color: #1C94C4;
  font-weight: bold;
  outline: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid #FBD850;
  color: #EB8F00;
  font-weight: bold;
  outline: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #D3D3D3;
  color: #555555;
  font-weight: normal;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #AAAAAA;
  border-bottom: none;
  color: #212121;
  font-weight: normal;
}

.ui-accordion-content-active {
  border: 1px solid #aaa;
  border-top: none;
  color: #333333;
}

.accounts .ui-selecting { background: #FECA40; }
.accounts .ui-selected { background: #F39814; color: white; }
.accounts { width: 20em; }
.accounts li { cursor: pointer; margin: 3px; padding: 0.4em; border: 1px solid #DDDDDD; color: #333333; }