/*
  styles for the help popup dialog and content

  (C) Copyright 2009, Biro Networks, Inc.

  >> keep in mind:
   > font-size is set @ 62.5% @site.css, so the em font-sizes are on base10
     (i.e. 1.2em == 12px)

  Custom styles for FAQ content displayed in the help popup can be controlled via the "Help_Styles"
  text block in the database.
*/

.popup-help {
  background: transparent url(images/helpicon.png) no-repeat scroll 0 0;
  margin-left: 5px;
  background-position: center center;
  cursor: pointer;
  min-width: 13px;
  min-height: 13px;
  height: 100%;
  display: block;
  float: left;
  width: 13px;
}

div.popup-help-dialog {
  display: hidden;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
}

div.ui-dialog div.popup-help-dialog h1 {
  font-size: 1.7em;
  line-height: 1.7em;
  float: none;
  padding: 0;
  letter-spacing: 0;
  border-bottom: 1px solid #ECECEC;
  color: #3972CD;
}

div.ui-dialog div.popup-help-dialog p {
  color: #666666;
  font-size: 1.1em;
}

div.ui-dialog div.popup-help-dialog span.vbar {
  margin-left: 5px;
  margin-right: 5px;
  border-left: 1px solid #ECECEC;
}

div.ui-dialog div.popup-help-dialog a {
  color: #3972CD;
  font-weight: bold;
}
div.ui-dialog div.popup-help-dialog a:hover {
  text-decoration:underline;
}