/**
 * $Horde: skeleton/themes/screen.css,v 1.1 2004-11-25 02:22:34 chuck Exp $
 */
@import url("../screen.css");

/** already in ../screen.css
.loading {
  background: url("../../../themes/default/graphics/redbox_spinner.gif") no-repeat center center;
}
**/

#horde-content {
  position:relative;
}

#horde-navigation a.horde-mainnavi-active {
  color:white;
}

/* there is a problem with the sidebar!  Just position it for now */
#horde-contentwrapper #horde-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}
#horde-content>#player_frame_head_info {
    position: fixed !important;
    top: 5px;
    left: auto;
    right: 30px !important;
    z-index: 100;
    font-size:smaller;
    font-weight:normal;
    pointer-events: none;
}
#horde-content>#player_frame_head_info tr:nth-child(3) {
    color:white; /*the last row will overlap the black background.  So make the text white */
}

#horde-sidebar .horde-subnavi .horde-subnavi-icon a,
#horde-sidebar .horde-subnavi .horde-subnavi-icon .icon {
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
  padding:0;
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw_tree_green ~ .horde-subnavi-point {
  background:#00FF00; /* in case the browser doesn't support gradients */
  background: -moz-linear-gradient(left,  rgba(0,255,0,0.5) 0%, rgba(153,153,153,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,255,0,0.5)), color-stop(100%,rgba(153,153,153,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8000ff00', endColorstr='#00999999',GradientType=1 ); /* IE6-9 */
}

#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw_tree_yellow ~ .horde-subnavi-point {
  background:#FFFF00; /* in case the browser doesn't support gradients */
  background: -moz-linear-gradient(left,  rgba(255,255,0,0.5) 0%, rgba(153,153,153,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,0,0.5)), color-stop(100%,rgba(153,153,153,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(255,255,0,0.5) 0%,rgba(153,153,153,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffff00', endColorstr='#00999999',GradientType=1 ); /* IE6-9 */
}

#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw_tree_red ~ .horde-subnavi-point {
  background:#FF0000; /* in case the browser doesn't support gradients */
  background: -moz-linear-gradient(left,  rgba(255,0,0,0.5) 0%, rgba(153,153,153,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,0,0,0.5)), color-stop(100%,rgba(153,153,153,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,0,0,0.5) 0%,rgba(153,153,153,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,0,0,0.5) 0%,rgba(153,153,153,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,0,0,0.5) 0%,rgba(153,153,153,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(255,0,0,0.5) 0%,rgba(153,153,153,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff0000', endColorstr='#00999999',GradientType=1 ); /* IE6-9 */
}

#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-hotw a {
  background-image:url(../graphics/hotw.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-icon_trophy_small a {
  background-image:url(../graphics/icon_trophy_small.gif);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-star a {
  background-image:url(../graphics/star.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-history a {
  background-image:url(../graphics/history.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-table a {
  background-image:url(../graphics/table.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-map a {
  background-image:url(../graphics/map.png),radial-gradient(#3b2e07 0, transparent 80%);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-notepads a {
  background-image:url(../graphics/notepads.png);
}

#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-epoch1 a {
  background-image:url(../graphics/epoch1.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-epoch2 a {
  background-image:url(../graphics/epoch2.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-epoch3 a {
  background-image:url(../graphics/epoch3.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-epoch4 a {
  background-image:url(../graphics/epoch4.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-epoch5 a {
  background-image:url(../graphics/epoch5.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-epoch6 a {
  background-image:url(../graphics/epoch6.png);
}
#horde-sidebar .horde-subnavi .horde-subnavi-icon.hotw-sidebar-epoch7 a {
  background-image:url(../graphics/epoch7.png);
}