/*--------------------------------------
 *
 * G L O B A L
 *
 *--------------------------------------*/
html {
  margin: 0;
  padding: 0;
  height: 100%; }

body {
  font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  /* Resets 1em to 10px */
  color: #222;
  /* !important; */
  background: #FFF;
  text-align: center;
  margin: 0 0 30px;
  overflow: hidden; }
  body img {
    border: none; }
  body a {
    outline: 0; }

/***
****
****  ABOUT DIALOG
****
***/
#about-dialog > * {
  text-align: center; }
#about-dialog > #about-logo {
  background: transparent url("images/logo.png") top left no-repeat;
  width: 64px;
  height: 64px;
  margin-left: 100px; }
#about-dialog > #about-title {
  font-size: 1.3em;
  font-weight: bold; }

/***
****
****  TOOLBAR
****
***/
div#toolbar {
  width: 100%;
  height: 36px;
  margin: 0px;
  padding: 2px;
  border-bottom: 1px solid #AAA;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
  div#toolbar > * {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    border-style: solid;
    border-color: #aaa;
    border-width: 1px;
    padding: 3px;
    width: 34px;
    height: 34px;
    float: left;
    border: none;
    padding: 0px 3px;
    background-position: center center;
    background-repeat: no-repeat; }
  div#toolbar > div#toolbar-separator {
    height: 25px;
    margin-top: 8px;
    margin-bottom: 5px;
    border-left: 1px solid #aaa;
    width: 3px; }
  div#toolbar > div#toolbar-open {
    background-image: url("images/toolbar-folder.png"); }
  div#toolbar > div#toolbar-remove {
    background-image: url("images/toolbar-close.png"); }
  div#toolbar > div#toolbar-start {
    background-image: url("images/toolbar-start.png"); }
  div#toolbar > div#toolbar-pause {
    background-image: url("images/toolbar-pause.png"); }
  div#toolbar > div#toolbar-start-all {
    background-image: url("images/toolbar-start-all.png"); }
  div#toolbar > div#toolbar-pause-all {
    background-image: url("images/toolbar-pause-all.png"); }
  div#toolbar > div#toolbar-inspector {
    background-image: url("images/toolbar-info.png");
    float: right;
    margin-right: 4px; }
  div#toolbar > *.disabled {
    opacity: 0.25; }

/***
****
****  STATUSBAR
****
***/
#statusbar {
  height: 26px;
  width: 100%;
  border-bottom: 1px solid #AAA;
  overflow: hidden;
  position: relative;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
  #statusbar #filter {
    float: left;
    margin-left: 5px; }
    #statusbar #filter input#torrent_search {
      height: 18px;
      width: 100px;
      border-radius: 6px; }
      #statusbar #filter input#torrent_search.blur {
        color: #999; }
    #statusbar #filter #filter-count {
      margin-left: 8px; }
  #statusbar #speed-info {
    float: right;
    margin-top: 5px;
    margin-right: 10px; }
    #statusbar #speed-info * {
      display: inline-block; }
    #statusbar #speed-info #speed-up-icon {
      margin-left: 8px;
      width: 8px;
      height: 8px;
      background: url("images/arrow-up.png") bottom no-repeat; }
    #statusbar #speed-info #speed-dn-icon {
      width: 8px;
      height: 8px;
      background: url("images/arrow-down.png") bottom no-repeat; }
    #statusbar #speed-info #speed-up-container, #statusbar #speed-info #speed-dn-container {
      display: inline; }

/***
****
****  TORRENT CONTAINER
****
***/
div#torrent_container {
  position: fixed;
  top: 68px;
  bottom: 22px;
  right: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

ul.torrent_list {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  cursor: pointer;
  /**
   * Progressbar
   *
   * Each progressbar has three elemens: a parent container and two children,
   * complete and incomplete.
   *
   * The only thing needed to set the progressbar percentage is to set
   * the complete child's width as a percentage. This is because incomplete
   * is pinned to the full width and height of the parent, and complete
   * is pinned to the left side of the parent and has a higher z-index.
   *
   * The progressbar has different colors depending on its state, so there
   * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
   */ }
  ul.torrent_list li.torrent {
    border-bottom: 1px solid #ccc;
    padding: 4px 30px 5px 14px;
    color: #666;
    background-color: white; }
    ul.torrent_list li.torrent.compact {
      padding: 4px; }
    ul.torrent_list li.torrent.even {
      background-color: #F7F7F7; }
    ul.torrent_list li.torrent.selected {
      background-color: #cdcdff; }
    ul.torrent_list li.torrent.compact div.torrent_name {
      color: black; }
    ul.torrent_list li.torrent a {
      float: right;
      position: relative;
      right: -22px;
      top: 1px; }
      ul.torrent_list li.torrent a img {
        position: relative;
        right: -10px; }
      ul.torrent_list li.torrent a div {
        background: url("images/buttons/torrent_buttons.png");
        height: 14px;
        width: 14px; }
      ul.torrent_list li.torrent a div.torrent_pause {
        background-position: left top; }
      ul.torrent_list li.torrent a div.torrent_resume {
        background-position: center top; }
      ul.torrent_list li.torrent a:active div.torrent_pause {
        background-position: left bottom; }
      ul.torrent_list li.torrent a:active div.torrent_resume {
        background-position: center bottom; }
      ul.torrent_list li.torrent a:hover div.torrent_pause {
        background-position: left center; }
      ul.torrent_list li.torrent a:hover div.torrent_resume {
        background-position: center center; }
    ul.torrent_list li.torrent div.torrent_name {
      font-size: 1.3em;
      font-weight: bold;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #222;
      margin-top: 2px;
      margin-bottom: 2px; }
      ul.torrent_list li.torrent div.torrent_name.compact {
        font-size: 1.0em;
        font-weight: normal; }
      ul.torrent_list li.torrent div.torrent_name.paused {
        font-weight: normal;
        color: #777; }
    ul.torrent_list li.torrent div.torrent_progress_details,
    ul.torrent_list li.torrent div.torrent_peer_details {
      clear: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    ul.torrent_list li.torrent div.torrent_progress_details.error,
    ul.torrent_list li.torrent div.torrent_peer_details.error {
      color: #F00; }
    ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
      color: #FFF; }
  ul.torrent_list div.torrent_progress_bar_container {
    height: 10px;
    position: relative; }
    ul.torrent_list div.torrent_progress_bar_container.compact {
      width: 50px;
      position: absolute;
      right: 10px;
      margin-top: 2px;
      /*float: right;*/ }
    ul.torrent_list div.torrent_progress_bar_container.full {
      margin-top: 2px;
      margin-bottom: 5px; }
  ul.torrent_list div.torrent_peer_details.compact {
    margin-top: 2px;
    margin-right: 65px;
    /* leave room on the right for the progressbar */
    float: right;
    /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
  ul.torrent_list div.torrent_progress_bar {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url("images/progress.png");
    background-repeat: repeat-x;
    border: 1px solid #888; }
    ul.torrent_list div.torrent_progress_bar.complete {
      z-index: 2; }
    ul.torrent_list div.torrent_progress_bar.complete.paused {
      background-position: left -30px;
      border-color: #989898; }
    ul.torrent_list div.torrent_progress_bar.complete.magnet {
      background-position: left -20px;
      border-color: #CFCFCF; }
    ul.torrent_list div.torrent_progress_bar.complete.leeching {
      background-position: left   0px;
      border-color: #3D9DEA; }
    ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
      background-position: left -70px;
      border-color: #889CA5; }
    ul.torrent_list div.torrent_progress_bar.complete.seeding {
      background-position: left -40px;
      border-color: #269E30; }
    ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
      background-position: left -60px;
      border-color: #8A998D; }
    ul.torrent_list div.torrent_progress_bar.incomplete {
      z-index: 1;
      width: 100%; }
    ul.torrent_list div.torrent_progress_bar.incomplete.paused {
      background-position: left -20px;
      border-color: #CFCFCF; }
    ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
      background-position: left -50px;
      border-color: #D47778; }
    ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
      background-position: left -20px;
      border-color: #CFCFCF; }
    ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
      background-position: left -80px;
      border-color: #C4C4C4; }
    ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
      background-position: left -10px;
      border-color: #29AD35; }

/***
****
****  PREFERENCES
****
***/
#prefs-dialog.ui-tabs .ui-tabs-panel {
  padding: 0px;
  -moz-user-select: none;
  -webkit-user-select: none; }

.prefs-section {
  margin: 10px;
  text-align: left; }
  .prefs-section > * {
    padding-top: 8px;
    padding-left: 8px; }
  .prefs-section .title {
    font-weight: bold;
    font-size: larger;
    padding-left: 0px; }
  .prefs-section .row .key {
    float: left;
    padding-top: 3px; }
    .prefs-section .row .key > * {
      margin-left: 0px; }
  .prefs-section .row .value {
    margin-left: 150px; }
    .prefs-section .row .value > * {
      width: 100%; }
  .prefs-section .checkbox-row > input {
    margin: 0px; }
  .prefs-section .checkbox-row > label {
    margin-left: 5px; }
  .prefs-section #alternative-speed-limits-title {
    padding-left: 18px;
    background: transparent url("images/blue-turtle.png") no-repeat; }
  .prefs-section #alternative-speed-limits-desc {
    font-size: smaller;
    padding-bottom: 4px; }
  .prefs-section #blocklist-info {
    font-size: smaller;
    margin-top: 3px; }

/***
****
****  TORRENT INSPECTOR
****
***/
div#torrent_inspector {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
  padding: 15px;
  top: 68px;
  position: fixed;
  width: 570px;
  z-index: 5;
  border-left: 1px solid #888;
  bottom: 22px;
  right: 0px;
  /* Files Inspector Tab */ }
  div#torrent_inspector #inspector-close {
    display: none; }
  div#torrent_inspector #inspector-tabs-wrapper {
    width: 100%;
    overflow: hidden;
    text-align: center; }
    div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
      display: inline-block; }
      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        display: inline-block;
        border-style: solid;
        border-color: #aaa;
        border-width: 1px;
        padding: 3px;
        width: 30px;
        height: 20px; }
      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: #dddddd;
        background-image: url("images/inspector-info.png");
        /* fallback */
        background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
        /* Saf4+, Chrome */
        background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
        /* Chrome 10+, Saf5.1+ */
        background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
        /* FF3.6+ */
        background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
        /* IE10 */
        background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
        /* Opera 11.10+ */
        background-position: center;
        background-repeat: no-repeat;
        border-left-width: 1px; }
        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
          background-color: #e6e6ff;
          background-image: url("images/inspector-info.png");
          /* fallback */
          background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
          /* Saf4+, Chrome */
          background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white);
          /* Chrome 10+, Saf5.1+ */
          background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white);
          /* FF3.6+ */
          background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white);
          /* IE10 */
          background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white);
          /* Opera 11.10+ */
          background-position: center;
          background-repeat: no-repeat; }
      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
        background-color: #dddddd;
        background-image: url("images/inspector-peers.png");
        /* fallback */
        background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
        /* Saf4+, Chrome */
        background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
        /* Chrome 10+, Saf5.1+ */
        background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
        /* FF3.6+ */
        background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
        /* IE10 */
        background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
        /* Opera 11.10+ */
        background-position: center;
        background-repeat: no-repeat; }
        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
          background-color: #e6e6ff;
          background-image: url("images/inspector-peers.png");
          /* fallback */
          background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
          /* Saf4+, Chrome */
          background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white);
          /* Chrome 10+, Saf5.1+ */
          background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white);
          /* FF3.6+ */
          background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white);
          /* IE10 */
          background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white);
          /* Opera 11.10+ */
          background-position: center;
          background-repeat: no-repeat; }
      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
        background-color: #dddddd;
        background-image: url("images/inspector-trackers.png");
        /* fallback */
        background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
        /* Saf4+, Chrome */
        background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
        /* Chrome 10+, Saf5.1+ */
        background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
        /* FF3.6+ */
        background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
        /* IE10 */
        background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
        /* Opera 11.10+ */
        background-position: center;
        background-repeat: no-repeat; }
        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
          background-color: #e6e6ff;
          background-image: url("images/inspector-trackers.png");
          /* fallback */
          background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
          /* Saf4+, Chrome */
          background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white);
          /* Chrome 10+, Saf5.1+ */
          background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white);
          /* FF3.6+ */
          background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white);
          /* IE10 */
          background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white);
          /* Opera 11.10+ */
          background-position: center;
          background-repeat: no-repeat; }
      div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #dddddd;
        background-image: url("images/inspector-files.png");
        /* fallback */
        background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
        /* Saf4+, Chrome */
        background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
        /* Chrome 10+, Saf5.1+ */
        background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
        /* FF3.6+ */
        background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
        /* IE10 */
        background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
        /* Opera 11.10+ */
        background-position: center;
        background-repeat: no-repeat; }
        div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
          background-color: #e6e6ff;
          background-image: url("images/inspector-files.png");
          /* fallback */
          background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
          /* Saf4+, Chrome */
          background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white);
          /* Chrome 10+, Saf5.1+ */
          background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white);
          /* FF3.6+ */
          background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white);
          /* IE10 */
          background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white);
          /* Opera 11.10+ */
          background-position: center;
          background-repeat: no-repeat; }
  div#torrent_inspector #inspector_header {
    margin-top: 8px; }
    div#torrent_inspector #inspector_header #torrent_inspector_name {
      font-weight: bold;
      font-size: large; }
  div#torrent_inspector ul.tier_list {
    margin: 2px 0 8px 0;
    width: 100%;
    padding-left: 0px;
    text-align: left;
    display: block;
    cursor: default;
    list-style-type: none;
    list-style: none;
    list-style-image: none;
    clear: both; }
    div#torrent_inspector ul.tier_list li {
      overflow: hidden; }
    div#torrent_inspector ul.tier_list .tracker_activity {
      float: left;
      color: #666;
      width: 330px;
      display: table;
      margin-top: 1px; }
    div#torrent_inspector ul.tier_list .tracker_activity div {
      padding: 2px; }
    div#torrent_inspector ul.tier_list table {
      float: right;
      color: #666; }
    div#torrent_inspector ul.tier_list th {
      text-align: right; }
  div#torrent_inspector li.inspector_tracker_entry {
    padding: 3px 0 3px 2px;
    display: block; }
    div#torrent_inspector li.inspector_tracker_entry.odd {
      background-color: #EEEEEE; }
  div#torrent_inspector div.tracker_host {
    font-size: 1.2em;
    font-weight: bold;
    color: #222; }
  div#torrent_inspector #inspector_file_list {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: left;
    cursor: default;
    overflow: hidden; }
  div#torrent_inspector #inspector_file_list {
    width: 100%;
    margin: 6px 0 0 0;
    padding-top: 6px;
    padding-bottom: 10px;
    text-align: left;
    display: block;
    cursor: default;
    list-style-type: none;
    list-style: none;
    list-style-image: none;
    clear: both; }
  div#torrent_inspector li.inspector_torrent_file_list_entry {
    padding: 3px 0 3px 2px;
    display: block; }
    div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
      color: #666; }
    div#torrent_inspector li.inspector_torrent_file_list_entry.even {
      background-color: #F7F7F7; }
  div#torrent_inspector div.inspector_torrent_file_list_entry_name {
    font-size: 1.2em;
    color: black;
    display: inline;
    margin-left: 0px; }
  div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
    color: #999; }
  div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
    color: #999;
    margin-left: 20px; }
  div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
  div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
    cursor: default; }

/* Peers Inspector Tab */
#inspector_peers_list {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
  cursor: default;
  overflow: hidden; }
  #inspector_peers_list > div.inspector_group {
    padding-bottom: 0;
    margin-bottom: 0; }

table.peer_list {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  cursor: default;
  clear: both;
  table-layout: fixed; }
  table.peer_list .encryptedCol {
    width: 16px; }
  table.peer_list .upCol {
    width: 70px; }
  table.peer_list .downCol {
    width: 70px; }
  table.peer_list .percentCol {
    width: 30px;
    padding-right: 5px;
    text-align: right; }
  table.peer_list .statusCol {
    width: 40px;
    padding-right: 5px; }
  table.peer_list .addressCol {
    width: 180px; }
  table.peer_list .clientCol {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

tr.inspector_peer_entry div.encrypted-peer-cell {
  width: 16px;
  height: 16px;
  background: transparent url("images/lock_icon.png") no-repeat; }
tr.inspector_peer_entry.odd {
  background-color: #EEEEEE; }

/***
****  File Priority Buttons
***/
div.file-priority-radiobox {
  display: inline;
  float: right;
  margin: 4px;
  margin-top: 2px; }
  div.file-priority-radiobox > * {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    border-style: solid;
    border-color: #aaa;
    border-width: 1px;
    padding: 3px;
    width: 20px;
    height: 12px; }
  div.file-priority-radiobox > div.low {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #dcdcdc;
    background-image: url("images/file-priority-low.png");
    /* fallback */
    background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    /* Saf4+, Chrome */
    background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* Chrome 10+, Saf5.1+ */
    background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* FF3.6+ */
    background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* IE10 */
    background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* Opera 11.10+ */
    background-position: center;
    background-repeat: no-repeat;
    border-right-width: 0px; }
    div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {
      background-color: #e6e6ff;
      background-image: url("images/file-priority-low.png");
      /* fallback */
      background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
      /* Saf4+, Chrome */
      background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* FF3.6+ */
      background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* IE10 */
      background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }
  div.file-priority-radiobox > div.normal {
    background-color: #dcdcdc;
    background-image: url("images/file-priority-normal.png");
    /* fallback */
    background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    /* Saf4+, Chrome */
    background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* Chrome 10+, Saf5.1+ */
    background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* FF3.6+ */
    background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* IE10 */
    background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* Opera 11.10+ */
    background-position: center;
    background-repeat: no-repeat; }
    div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {
      background-color: #e6e6ff;
      background-image: url("images/file-priority-normal.png");
      /* fallback */
      background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
      /* Saf4+, Chrome */
      background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* FF3.6+ */
      background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* IE10 */
      background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }
  div.file-priority-radiobox > div.high {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #dcdcdc;
    background-image: url("images/file-priority-high.png");
    /* fallback */
    background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
    /* Saf4+, Chrome */
    background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* Chrome 10+, Saf5.1+ */
    background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* FF3.6+ */
    background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* IE10 */
    background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
    /* Opera 11.10+ */
    background-position: center;
    background-repeat: no-repeat;
    border-left-width: 0px; }
    div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {
      background-color: #e6e6ff;
      background-image: url("images/file-priority-high.png");
      /* fallback */
      background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
      /* Saf4+, Chrome */
      background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* FF3.6+ */
      background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* IE10 */
      background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }

/****
*****
*****  MAIN WINDOW FOOTER
*****
****/
div.torrent_footer {
  height: 22px;
  border-top: 1px solid #555;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 3;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(top, #dddddd, #bbbbbb); }
  div.torrent_footer > div {
    float: left;
    margin: 2px 4px;
    width: 18px;
    height: 12px;
    padding: 2px 8px;
    float: left;
    border: 1px solid #888;
    -moz-user-select: none;
    -webkit-user-select: none; }
  div.torrent_footer #settings_menu {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #dddddd;
    background-image: url("images/settings.png");
    /* fallback */
    background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    /* Chrome 10+, Saf5.1+ */
    background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb);
    /* FF3.6+ */
    background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb);
    /* IE10 */
    background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb);
    /* Opera 11.10+ */
    background-position: center;
    background-repeat: no-repeat; }
    div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected {
      background-color: #e6e6ff;
      background-image: url("images/settings.png");
      /* fallback */
      background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
      /* Saf4+, Chrome */
      background-image: url("images/settings.png"), -webkit-linear-gradient(top, #cdcdff, white);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/settings.png"), -moz-linear-gradient(top, #cdcdff, white);
      /* FF3.6+ */
      background-image: url("images/settings.png"), -ms-linear-gradient(top, #cdcdff, white);
      /* IE10 */
      background-image: url("images/settings.png"), -o-linear-gradient(top, #cdcdff, white);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }
  div.torrent_footer #prefs-button {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #dddddd;
    background-image: url("images/wrench.png");
    /* fallback */
    background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    /* Chrome 10+, Saf5.1+ */
    background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
    /* FF3.6+ */
    background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
    /* IE10 */
    background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
    /* Opera 11.10+ */
    background-position: center;
    background-repeat: no-repeat; }
    div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {
      background-color: #e6e6ff;
      background-image: url("images/wrench.png");
      /* fallback */
      background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
      /* Saf4+, Chrome */
      background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white);
      /* FF3.6+ */
      background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white);
      /* IE10 */
      background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }
  div.torrent_footer #turtle-button {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #dddddd;
    background-image: url("images/turtle.png");
    /* fallback */
    background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    /* Chrome 10+, Saf5.1+ */
    background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
    /* FF3.6+ */
    background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
    /* IE10 */
    background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
    /* Opera 11.10+ */
    background-position: center;
    background-repeat: no-repeat; }
    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
      background-color: #e6e6ff;
      background-image: url("images/turtle.png");
      /* fallback */
      background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
      /* Saf4+, Chrome */
      background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
      /* FF3.6+ */
      background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
      /* IE10 */
      background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }
    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
      background-color: #e6e6ff;
      background-image: url("images/blue-turtle.png");
      /* fallback */
      background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
      /* Saf4+, Chrome */
      background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
      /* FF3.6+ */
      background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
      /* IE10 */
      background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }
  div.torrent_footer #compact-button {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #dddddd;
    background-image: url("images/compact.png");
    /* fallback */
    background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
    /* Chrome 10+, Saf5.1+ */
    background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
    /* FF3.6+ */
    background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
    /* IE10 */
    background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
    /* Opera 11.10+ */
    background-position: center;
    background-repeat: no-repeat; }
    div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {
      background-color: #e6e6ff;
      background-image: url("images/compact.png");
      /* fallback */
      background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
      /* Saf4+, Chrome */
      background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white);
      /* Chrome 10+, Saf5.1+ */
      background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white);
      /* FF3.6+ */
      background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white);
      /* IE10 */
      background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white);
      /* Opera 11.10+ */
      background-position: center;
      background-repeat: no-repeat; }

/****
*****
*****  DIALOGS
*****
****/
div.dialog_container {
  position: absolute;
  top: 0;
  left: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  color: black;
  font-size: 1.1em; }

div.dialog_container div.dialog_window {
  background-color: #eee;
  margin: 0 auto;
  opacity: .95;
  border-top: none;
  text-align: left;
  width: 420px;
  z-index: 10;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
  top: 80px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  div.dialog_container div.dialog_window {
    top: 0;
    margin-top: 71px; } }
div.dialog_container .dialog_logo {
  width: 64px;
  height: 64px;
  margin: 20px 20px 0 20px;
  float: left;
  background: transparent url("images/logo.png") top left no-repeat; }

div.dialog_container div.dialog_window h2.dialog_heading {
  display: block;
  float: left;
  width: 305px;
  font-size: 1.2em;
  color: black;
  margin-top: 20px; }

div.dialog_container div.dialog_window div.dialog_message {
  float: left;
  padding-left: 3px;
  margin-left: -3px;
  width: 305px;
  overflow: hidden; }

div.dialog_container div.dialog_window a {
  display: block;
  float: right;
  margin: 10px 20px 10px -8px;
  padding: 5px;
  background-color: #EEE;
  border: 1px solid #787878;
  width: 50px;
  height: 15px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #323232;
  -webkit-appearance: button;
  font: -webkit-control;
  cursor: default; }

div.dialog_container div.dialog_window a:hover,
div.dialog_container div.dialog_window a:active {
  background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }

div#upload_container div.dialog_window div.dialog_message label {
  margin-top: 15px;
  display: block; }

div#upload_container div.dialog_window div.dialog_message input {
  width: 249px;
  margin: 3px 0 0 0;
  display: block; }

div#upload_container div.dialog_window div.dialog_message input[type=text] {
  width: 245px;
  padding: 2px; }

div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
  margin: 15px 3px 0 0;
  display: inline;
  width: auto; }

div#upload_container div.dialog_window div.dialog_message #auto_start_label {
  display: inline; }

div.dialog_container div.dialog_window form {
  margin: 0;
  padding: 0px; }

div#move_container input#torrent_path {
  width: 286px;
  padding: 2px; }

iframe#torrent_upload_frame {
  display: block;
  /* Don't change this : safari forms won't target hidden frames (they open a new window) */
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 0px;
  height: 0px;
  border: none;
  padding: 0;
  margin: 0; }

/****
*****
*****  POPUP MENU
*****
****/
.ui-menu-item {
  text-align: left;
  white-space: nowrap; }

#torrent_context_menu,
#footer_super_menu {
  font-size: 1em;
  z-index: 3; }
