span.glossary-term {
  border-bottom: solid 1px #aaaaaa; }
  span.glossary-term.current {
    border-top: solid 1px #aaaaaa; }

#allGlossaryItemsPanel,
#glossaryTermPanel {
  position: relative;
  padding: 0;
  border: 2px solid #aaaaaa;
  color: #333333;
  background: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  #allGlossaryItemsPanel .hd, #allGlossaryItemsPanel .bd, #allGlossaryItemsPanel .ft,
  #glossaryTermPanel .hd,
  #glossaryTermPanel .bd,
  #glossaryTermPanel .ft {
    border: none;
    padding: 2px 5px;
    background: none;
    color: #333333; }
    #allGlossaryItemsPanel .hd .action, #allGlossaryItemsPanel .bd .action, #allGlossaryItemsPanel .ft .action,
    #glossaryTermPanel .hd .action,
    #glossaryTermPanel .bd .action,
    #glossaryTermPanel .ft .action {
      cursor: pointer; }
  #allGlossaryItemsPanel .ft,
  #glossaryTermPanel .ft {
    text-align: right; }
  #allGlossaryItemsPanel .container-close,
  #glossaryTermPanel .container-close {
    background: url("close-icon.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    outline: none; }
  #allGlossaryItemsPanel > .bd > dl,
  #glossaryTermPanel > .bd > dl {
    margin: 0; }
    #allGlossaryItemsPanel > .bd > dl > dt,
    #glossaryTermPanel > .bd > dl > dt {
      margin: 0;
      font-weight: bold; }
      #allGlossaryItemsPanel > .bd > dl > dt ~ dt,
      #glossaryTermPanel > .bd > dl > dt ~ dt {
        margin-top: .5em;
        padding-top: .5em;
        border-top: solid 1px #aaaaaa; }
    #allGlossaryItemsPanel > .bd > dl > dd,
    #glossaryTermPanel > .bd > dl > dd {
      margin: 0; }
  #allGlossaryItemsPanel li,
  #glossaryTermPanel li {
    margin: 0 0 0 1em; }

#glossaryTermPanel {
  margin-top: 10px; }
  #glossaryTermPanel:before, #glossaryTermPanel:after {
    content: "\00a0";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: auto;
    right: auto; }
  .pinned #glossaryTermPanel:before, .pinned #glossaryTermPanel:after {
    content: normal; }
  #glossaryTermPanel:before {
    top: -20px;
    left: 5px;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    border-bottom-color: #aaaaaa; }
  #glossaryTermPanel:after {
    top: -14px;
    left: 8px;
    border-style: solid;
    border-width: 7px;
    border-color: transparent;
    border-bottom-color: white; }
  #glossaryTermPanel.right:before {
    left: auto;
    right: 5px; }
  #glossaryTermPanel.right:after {
    left: auto;
    right: 8px; }
  #glossaryTermPanel + .underlay {
    top: 8px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  #glossaryTermPanel .panel-pin {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    outline: none; }
  .pinned #glossaryTermPanel .panel-pin {
    background: url("close-icon.png") no-repeat scroll 0 0 transparent; }

#allGlossaryItemsPanel > .bd {
  overflow: auto; }

.yui-panel-container.pinned {
  position: fixed; }

#glossary {
  display: none; }

.glossary-content p, .glossary-content ol, .glossary-content ul {
  margin-top: 0;
  margin-bottom: 0; }

#glossary-list .selector ul,
#glossary-terms .selector ul {
  margin: 0; }
  #glossary-list .selector ul li,
  #glossary-terms .selector ul li {
    float: left;
    padding-right: 1em;
    list-style: none; }
#glossary-list dl.glossary.terms,
#glossary-terms dl.glossary.terms {
  margin: 1em 0; }
  #glossary-list dl.glossary.terms > dt,
  #glossary-terms dl.glossary.terms > dt {
    margin: 0 0 .25em;
    font-weight: bolder; }
  #glossary-list dl.glossary.terms > dd,
  #glossary-terms dl.glossary.terms > dd {
    margin: 0 0 1em; }