html, body {background-color: #181818; color: #999999; }
:root {
  --menu-color: #666666;
  --menu-background-color: #181818;

  --menu-disabled-color: #333333;

  --menu-border-color: #333333;
  --menu-highlight-color: #111111;
  --menu-highlight-background-color: #888888;

  --settings-background-color: #181818;
}
button, input.Button {
  color: #111111;
  background-image: url(./images/h.gif);
  background-color: #999999;
  border-color: #333333;
}
button:not([disabled]):hover, input.Button:not([disabled]):hover {
  background-color: #999999;
  filter: brightness(1.2);
}
button:not([disabled]):hover:active, input.Button:not([disabled]):hover:active {
  background-color: #999999;
  filter: brightness(1.3);
}

#CatList, category-list {
  border: 1px solid #333333;
  background-color: #181818;
}

category-panel {
  --open-background-image: url(../plugins/theme/themes/Dark/images/pnl_open.gif);
  --close-background-image: url(../plugins/theme/themes/Dark/images/pnl_close.gif);
}

category-panel::part(heading) {
  background-color: #111111;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
}

panel-label {
  border-color: #181818;
  --prefix-color: #FFF;
  --badge-color: #666666;
  --badge-background-color: #111111;
  --status-image: url(../plugins/theme/themes/Dark/images/tstatus.png);
}

panel-label[selected] {
  background-color: #888888;
  color:#111111;
  border-color: #888888;
  --badge-color: #111111;
  --badge-background-color: #999999;
}
div#preload {width: 0px; height: 0px; display: none; background-image: url(./images/toolbar.png); background-image: url(./images/tstatus.png); background-image: url(./images/t_bg.png); background-image: url(./images/r_bg.gif); background-image: url(./images/i_bg.gif); background-image: url(./images/asc.gif); background-image: url(./images/desc.gif); background-image: url(./images/pnl_open.gif); background-image: url(./images/pnl_close.gif)}
div#cover {background: #181818}
div#msg {background: #181818; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
div#sc {border: 1px solid #333333; background-color: #181818}
div#sc li.se_act div {background-color: #333333; color: #888888}
div#lng {background-color:#181818; border:1px solid #333333}
ul.CMenu {border: 1px solid #333333; border-right: 2px solid #333333; border-bottom: 2px solid #333333; background: #181818; }
ul.CMenu li hr {border-top: 1px solid #333333}
ul.CMenu li a.exp {background: transparent url(./images/menuexp.gif) no-repeat scroll 140px center; }
ul.CMenu li a.sel {background: transparent url(./images/menusel.gif) no-repeat scroll 4px center}

#sel {border: 1px dotted #555555;}

div#t {background: #181818 url(./images/t_bg.png) repeat-x center center; border-bottom: 1px solid #333333;}
div#t a:hover {background: transparent url(./images/tb_bg.gif) no-repeat scroll center center}
div#t div.TB_Separator {background-color: #333333}
div#t div#add {background: transparent url(./images/toolbar.png) no-repeat -24px center}
div#t div#create {background: transparent url(./images/toolbar.png) no-repeat -48px center}
div#t div#remove {background: transparent url(./images/toolbar.png) no-repeat -72px center}
div#t div#start {background: transparent url(./images/toolbar.png) no-repeat -96px center}
div#t div#pause {background: transparent url(./images/toolbar.png) no-repeat -120px center}
div#t div#stop {background: transparent url(./images/toolbar.png) no-repeat -144px center}
div#t div#moveu {background: transparent url(./images/toolbar.png) no-repeat -168px center}
div#t div#moved {background: transparent url(./images/toolbar.png) no-repeat -192px center}
div#t div#search {background: transparent url(./images/toolbar.png) no-repeat -216px center}
div#t div#rss {background: transparent url(./images/toolbar.png) no-repeat -240px center}
div#t div#setting {background: transparent url(./images/toolbar.png) no-repeat -264px center}

div#t div#help {background: transparent url(./images/quest.gif) no-repeat 0px center}
div#t div#go {background: transparent url(./images/toolbar.png) no-repeat -96px center}
div#t div#plugins {background: transparent url(./images/plugin.png) no-repeat 0px center}

input.Textbox, input.Button, select {border: 1px solid #333333}
Input.TextboxShort {border: 1px solid #333333}
Input.TextboxMid {border: 1px solid #333333}
Input.TextboxLarge {border: 1px solid #333333}
Input.TextboxVShort {border: 1px solid #333333}
a {color: #686868}

.stable-icon {background-image: url(./images/tstatus.png); }
.Icon_File {background: transparent url(./images/file.gif) no-repeat left center}
.Icon_Dir {background: transparent url(./images/dir.gif) no-repeat left center}
.Icon_Share {background: transparent url(./images/dir.gif) no-repeat left center}

div.tab {background: #181818}
div#lcont {background: #181818}
div#gcont table td.Header {background: #181818}
div.graph_tab {background-color: #181818}
.graph_tab_legend { color: #FFF; background-color: #181818; }
.graph_tab_tooltip { color: #FFF; background-color: #606060; border: 1px solid #606060; }
div.table_tab {background-color: #181818}
div#List {border: 1px solid #333333;}

div#modalbg {background-color: #181818;}

div#List {border: 1px solid #333333; background-color: #181818}
div#FileList, div#TrackerList, div#PeerList, div#Speed {background-color: #181818}

div#stg { background-color: #181818; color: #888888; border: 1px solid #333333}

div#stg-header {background-color: #181818; border-bottom: 1px solid #333333}
div#stg .lm {background-color: #181818; border: 1px solid #333333}

.lm li {background: transparent url(./images/bul.gif) no-repeat scroll left center}
.lm li.first {background: transparent url(./images/bul_f.gif) no-repeat scroll left bottom}
.lm li.last {background: transparent url(./images/bul_l.gif) no-repeat scroll left top}
.lm li div.toggle {background: transparent url(./images/exp.gif) no-repeat scroll center center}
.lm li a {color: #888888}
.lm li a.focus {background-color: #333333}
.stg_con {background-color: #181818}
* > fieldset {border: 1px solid #333333}
input.disabled {background-color: #181818; color: #333333; border: 1px solid #333333}
td.disabled, label.disabled, span.disabled, div.disabled {color: #333333}
legend {color: #888888}
select.cols {border: 1px solid #333333}
div#dragmask {border: 1px dotted #333333}
div#tdetails {background-color: #181818}
div#tdcont {background: #181818; border: 1px solid #333333}

div#tadd {background-color: #181818; border: 1px solid #333333}
div#tadd-header {background-color: #181818; border-bottom: 1px solid #333333}
.tabbar li a {border: 1px solid #333333; }
.tabbar li a:hover {border-top: 2px solid #222222}
.tabbar li.selected a {border-top: 2px solid #999999; background: #181818; color: #888888}

div#dlgProps textarea#prop-trackers {background: #181818; border: 1px solid #333333}
div.dlg-window {background-color: #181818; color: #888888; border: 1px solid #333333;}
div.dlg-header { background-color: #181818; border-bottom: 1px solid #333333}

div.tab {background-color: #181818}

div#t div#ind {background: transparent url(./images/ajax-loader.gif) no-repeat 0px center;}

span#loadimg {background: transparent url(./images/ajax-loader.gif) no-repeat center center; }

#StatusBar { border-top: 1px solid #333333; background-color: #181818; color: #888888 }
#st_up { background:url(./images/status_up.gif) 6px no-repeat; }
#st_down { background:url(./images/status_down.gif) 6px no-repeat; }
.statuscell {border-right: 1px solid #333333;}
