/**
 * 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
 */

html,
body {
  margin: 0;
  padding: 0 !important;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color: #e7e7e7;
  height: 100%;
  position: relative;
}

h1 {
  font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", "DejaVu Serif", FreeSerif, serif;
  font-size: 21px;
  font-weight: 300;
  border: 0;
  margin: 0;
}

h1#netErrorTitle {
  margin: 2px 0 15px 11px;
}

#search-box {
  background: transparent url("chrome://flock/skin/common/netErrorSearchBg.png") top left no-repeat;
  width: 455px;
  height: 79px;
  margin: 10px 0 0 3px
}

#search-box form {
  padding-top: 1em;
}

#search-box form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

#search-box legend {
  display: none;
}

#search-box #yschsp {
  width: 255px;
  position: relative;
  top: 1px;
  left: 80px;
  border: 0;
}

#yschsp {
  margin: 0 .5em;
}

#netErrorPageContainer {
  margin: 30px 0 0 79px;
}

.netErrorBtn {
  border: 0;
  -moz-appearance: none;
  -moz-box-align: stretch;
  margin: 4px 4px 5px 65px;
  padding: 0 5px 0 0;
  min-height: 21px;
  cursor: pointer;
  position: relative;
  top: 5px;
  left: 20px;
  text-transform: uppercase;
}

#retryLi {
  text-align: right;
}

.netErrorBtn#errorTryAgain {
  margin: 0;
  top: -22px;
  left: -60px;
}

.netErrorBtn label {
  background: transparent url("chrome://flock/skin/common/netErrorBtnBg.png") top left repeat-x;
  margin: 0;
  padding: 5px 10px 0 10px !important;
  line-height: 24px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  color: #403f3f;
}

.netErrorBtn #netErrorBtnLeft,
.netErrorBtn #netErrorBtnRight {
  display: block;
  width: 7px;
  height: 24px;
  min-width: 7px;
  min-height: 24px;
  background-image: url("chrome://flock/skin/common/netErrorBtnLeft.png");
}

.netErrorBtn #netErrorBtnRight {
  background-image: url("chrome://flock/skin/common/netErrorBtnRight.png");
}

#errorLongDescription {
  font-size: 12px;
  color: #333333;
}

#errorLongDesc ul {
  list-style-type: disc;
  margin: 5px 0 0 15px;
  font-size: 13px;
}

#errorLongDesc ul li {
  margin: 0 0 15px 0;
}

.notification-container {
  width: 100%;
  margin: 0;
  background: #3e3e3f url("chrome://flock/skin/common/netErrorMsgBg.png") bottom left repeat-x;
  color: #ffffff;
  height: 103px;
  position: relative;
}

#errorTitleText {
  margin: 2px 0 0 0;
}

.netErrorTitleText > p {
  font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", "DejaVu Serif", FreeSerif, serif;
  font-size: 24px;
}

#errorShortDescText {
  margin: 0;
}

#errorShortMultiLineDesc > p {
  font-size: 16px;
  white-space: pre-wrap;
}

#errorLongContent {
  margin: 0 0 0 10px;
}

.notification-container ul {
  float: left;
  list-style-type: none;
  margin: 30px 0 0 30px;
}

.notification-container ul li {
  display: inline;
  float: left;
  margin: 0 5px;
}

.notification-container ul li#retryLi {
  position: absolute;
  right: 0;
  bottom: 0;
}

#exclamationMark {
  background: transparent url("chrome://flock/skin/common/exclamationMark.png") top left no-repeat;
  width: 44px;
  height: 44px;
}

#exclamationMark.certerror {
  background: transparent url("chrome://global/skin/icons/sslWarning.png") top left no-repeat;
  width: 64px;
  height: 64px;
}

#searchResultsDiscoveryContainer {
  position: absolute;
  bottom: 0;
  padding: 10px;
}

#searchResultsDiscoveryLink {
  cursor: pointer;
  color: #666666;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

#searchResultsDiscoveryLink:hover {
  text-decoration: underline;
  color: #000000;
}

/* Instruction panel styling */
#instructionsPanel {
  background: transparent url("chrome://flock/skin/common/netErrorInstructionsPanelTop.png") top left no-repeat;
  font-family: Georgia, "Times New Roman", serif;
  margin: 0;
  min-width: 531px;
  padding: 16px 0 0 0;
  position: absolute;
  bottom: 25px;
  width: 531px;
}

#instructionsPanel .instructionsPanelbottom {
  background: transparent url("chrome://flock/skin/common/netErrorInstructionsPanelBottom.png") top left no-repeat;
  margin: 0;
  padding: 0;
  height: 47px;
  min-height: 47px;
}

#instructionsPanel .instructionsPanelBody {
  background: url("chrome://flock/skin/common/netErrorInstructionsPanelRepeat.png") top left repeat-y;
  padding: 0;
  margin: 0;
}

#instructionsPanel .instructionsPanelBody p {
  font-family: Verdana, Arial, Sans-Serif;
  margin: 3px 15px 0 15px;
  padding: 0 0 5px 10px; 
  font-size: 11px;
  color: #000;
}

#instructionsPanel .instructionsPanelBody h1 {
  padding: 15px 15px 0 25px;
  font-size: 16px;
}

#instructionsPanel #close {
 float: right;
 position: relative;
 cursor: pointer;
 padding: 0;
 margin: 0;
}

#instructionsPanel #close img {
  background: transparent url("chrome://flock/skin/common/netErrorInstructionsPanelClose.png") top left no-repeat;
  display: block;
  height: 13px;
  width: 13px;
  padding: 0;
  margin: 0;
}

#instructionsPanel #close a {
  margin: 0;
  position: absolute;
  top: 5px;
  right: 25px;
}

#instructionsPanel #close span {
  cursor: pointer;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  text-transform: uppercase;
}

#instructionsPanel #close span:hover {
  text-decoration: underline;
}
