/*

Dark Pepper Mint Style

  http://alanunleashed.com/dark-pepper-mint/

  v1.00 - Released 31 July 2007 by Alan Edwardes
  

Original "Pepper Mint" mint style by Sam Brown @ massiveblue.net/pepperminttea

----------------------------------------------------------------------------- 
DEFAULT POSITIONING
-----------------------------------------------------------------------------*/
@import url("../../app/styles/base.css");
/* 
----------------------------------------------------------------------------- 
BASIC
-----------------------------------------------------------------------------*/
body { color: #999; background-color: #333; }
a { color: #bce27f; }
a:hover { color: #e9f08f; }
/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header { border-top: 1px solid #252525; background-color: #2E2E2E; color: #CCC; }
.mini #header h1, .display #header h1 a, .preferences #header h1 a { background: url(images/logo.gif) top left no-repeat; }
#header a { color: #BCE27F; }
#header a:hover { color: #E9F08F; }
.display #header, .preferences #header { background: #2E2E2E url(images/bg-round-bottom-right.gif) bottom right no-repeat; }
.display #header h1, .preferences #header h1 { background: #2E2E2E url(images/bg-round-bottom-left.gif) bottom right no-repeat; }
/*
----------------------------------------------------------------------------- 
UPDATES AVAILABLE BUTTON
-----------------------------------------------------------------------------*/
#header a.update-btn { color: #FFF; background: url(images/bg-update-right.gif) top right no-repeat; }
#header a.update-btn span { background: url(images/bg-update-left.gif) top left no-repeat; }
/* 
----------------------------------------------------------------------------- 
PANES ROW
-----------------------------------------------------------------------------*/
#header .panes { background: #3c3c3c url(images/bg-panes-left.gif) top left no-repeat; color: #999; }
#header .panes a:hover { color: #E9F08F; }
#header-container { background: url(images/bg-fog.png) bottom left repeat-x; }
/* 
----------------------------------------------------------------------------- 
PAGE BUTTONS
-----------------------------------------------------------------------------*/
#header .pages { background: #3c3c3c url(images/bg-pages-right.gif) top right no-repeat; }
#header .pages li { background: url(images/bg-pages-divider.gif) top left no-repeat; }
#header .pages li a, #header .pages li a:hover { color: #FFF; }
#header .pages li.first-child, #header .pages li.only-child { background-image: url(images/bg-pages-left.gif); }
/* 
----------------------------------------------------------------------------- 
FORMS GENERAL
-----------------------------------------------------------------------------*/
form a { color: #BCE27F; }
form a:hover { color: #E9F08F; }
/* 
----------------------------------------------------------------------------- 
MINI
-----------------------------------------------------------------------------*/
.mini #header { background: #2E2E2E url(images/bg-mini-bottom.gif) bottom left no-repeat; }
/* 
----------------------------------------------------------------------------- 
MINI PANE
-----------------------------------------------------------------------------*/
.mini .pane { color: #CCC; background: #2E2E2E url(images/bg-mini-top.gif) top left no-repeat; }
.mini .pane .footer { background: url(images/bg-mini-bottom.gif) bottom left no-repeat; }
.pane h1, #preferences h1 { color: #CCC; text-shadow: #111 2px 2px 1px; }
.mini .pane form { color: #999; background: #323232 url(images/bg-mini-form-well-top.gif) top left no-repeat; }
.mini .pane form h2, #preferences h5 { background: #2E2E2E url(images/bg-mini-form-well-top.gif) bottom left no-repeat; }
.mini .pane form fieldset, #preferences fieldset { color: #FFF; background: url(images/bg-mini-form-well-bottom.gif) bottom left no-repeat; }
.mini .pane form strong { color: #FFF; }
.display .pane { background: #262626 url(images/bg-round-top-left.gif) top left no-repeat; color: #fff; }
.display .pane h1 { background: url(images/bg-round-top-right.gif) top right no-repeat; }
.display .pane .footer { background: url(images/bg-pane-bottom-left.gif) bottom left no-repeat; }
.display .pane .footer div { background: url(images/bg-pane-bottom-right.gif) bottom right no-repeat; }
.display .pane .content { background: #323232 url(images/bg-pane-right.gif) top right repeat-y; }
.content .content-container { background: url(images/bg-pane-top-left.gif) top left no-repeat; }
.display table th { color: #333; background-color: #728b5c; background-repeat: no-repeat; border-bottom: 1px solid #292929; }
.display table th.first-child { background-image: url(images/bg-th-left.gif); background-position: top left; }
.display table th.last-child { background-image: url(images/bg-th-right.gif); background-position: top right; }
.display table th.focus { color: #292F21; }
.display table.striped tr.alt td, .display table.visits table.striped tr.alt td, .display table.two-columns table.striped tr.alt td { background-color: #373737; }
.display table tr:hover td, .display table.visits td tr:hover td, .display table.two-columns td tr:hover td { background-color: #424242; }
.display table.striped tr:hover td, .display table.visits table.striped tr:hover td, .display table.two-columns table.striped tr:hover td, .display table.striped tr.alt:hover td, .display table.visits table.striped tr.alt:hover td, .display table.two-columns table.striped tr.alt:hover td { background-color: #424242; }
.display table td.focus span { color: #999; }
.display table td.focus span a { color: #bce27f; }
.display table td.focus span a:hover { color: #fff; }
.display table tr.insig td, .display table tr td.insig { color: #999; }
/*
----------------------------------------------------------------------------- 
FEED BUTTON
-----------------------------------------------------------------------------*/
a.feed-btn { color: #FFF; background: url(images/bg-feed-right.gif) top right no-repeat; }
a.feed-btn span { background: url(images/bg-feed-left.gif) top left no-repeat; }
/*
----------------------------------------------------------------------------- 
VISITS TABLE
-----------------------------------------------------------------------------*/
.display table.visits tr:hover td, .display table.two-columns tr:hover td { background-color: transparent; }
.display table.visits td.focus { color: #999; }
/*
----------------------------------------------------------------------------- 
GRAPH TABLE
-----------------------------------------------------------------------------*/

.content .graph { background: #FFF url(images/bg-graph.gif) bottom left repeat; }
.content div.graph table tr:hover td, .content div.graph table tr:hover td { background-color: transparent; }
.content div.graph table th { background: transparent; border: none; }
.content div.graph table tr td.accent { background: url(images/bg-graph-accent.gif) bottom left repeat; }
.graph .label { color: #999; }
.graph .accent .label { background-color: #929292; color: #fff; }
.graph .bar .total { background: url(images/bg-graph-total.gif) bottom left repeat; }
.graph .bar .unique { background: url(images/bg-graph-unique.gif) bottom left repeat; }
.graph .key { color: #FFF; }
.graph .key em { color: #566E3D; }
.graph .bar .total span { background: url(images/bg-graph-total-top.gif) top left no-repeat; }
.graph .bar .unique span { background: url(images/bg-graph-unique-top.gif) top left no-repeat; }
.graph .bar .unique span.equal { background: url(images/bg-graph-unique-top.gif) bottom left no-repeat; }
.graph .accent .bar .total { background-image: url(images/bg-graph-total-accent.gif); }
.graph .accent .bar .unique { background-image: url(images/bg-graph-unique-accent.gif); }
.graph .accent .bar .total span { background-image: url(images/bg-graph-total-accent-top.gif); }
.graph .accent .bar .unique span { background-image: url(images/bg-graph-unique-accent-top.gif); }
.graph li { background-color: #FFF; color: #666; }
/*
----------------------------------------------------------------------------- 
FOLDER-RELATED
-----------------------------------------------------------------------------*/
.display table tr.folder td.focus, .display table tr.folder-open td.focus { background-image: url(images/bg-arrow.gif); background-position: 0 2px; background-repeat: no-repeat; }
.display table tr.insig.folder td.focus, .display table tr.insig.folder-open td.focus { background-image: url(images/bg-arrow-insig.gif); }
.display table tr.first-child.folder td.focus { background-position: 0 4px; }
.display table tr.folder-open td.focus { background-position: 0 -78px; }
.display table tr.first-child.folder-open td.focus { background-position: 0 -76px; }
.display table tr.loading td.focus, .display table tr.insig.loading td.focus { background-image: url(images/spinner-w.gif); background-position: 0 4px; background-repeat: no-repeat; }
.display table tr.first-child.loading td.focus { background-position: 0 6px; }
.folder-contents-open tr td { background-color: #323232; }
.display table .folder-contents-open tr.first-child td, .display table .folder-contents-open tr.only-child td { background: #323232 url(images/bg-folder-content-top.gif) top left repeat-x; }
.display table .folder-contents-open tr.last-child td { background: #333 url(images/bg-folder-content-bottom.gif) bottom left repeat-x; }
.display table .folder-contents-open tr.alt td { background-color: #282828; }
.display table .folder-contents-open tr:hover td { background-color: #D8EEBD; }
.display table .folder-contents-open tr:hover td, .display table .folder-contents-open tr.alt:hover td { background-color: #424242; }
.display table .folder-contents-open tr.insig td { color: #859077; }
/*
----------------------------------------------------------------------------- 
PREFERENCES
-----------------------------------------------------------------------------*/
#preferences { background: #2E2E2E url(images/bg-prefs-top.gif) top left no-repeat; color: #CCC; }
#preferences form { background: url(images/bg-prefs-form.gif) top left repeat-y; }
#preferences .footer { background: url(images/bg-prefs-form-divider.gif) top left repeat-x; }
#preferences .footer div { background: #2E2E2E url(images/bg-prefs-bottom.gif) bottom left no-repeat; }
#preferences .mint-column, #preferences .pane-column, #preferences .pepper-column { background: url(images/bg-prefs-form-divider.gif) top left repeat-x; }
.pane-column p { color: #CCC; }
#preferences h2 { background: #728b5c url(images/bg-prefs-head.gif) right top repeat-y; border-bottom: 1px solid #292929; color: #333; }
#preferences .pepper-column h2 { background-image: none; }
#preferences fieldset { background-color: #3c3c3c; }
.pepper-column h3 { text-shadow: #111 2px 2px 1px; }
.pepper-prefs li { background: url(images/bg-prefs-form-divider.gif) top left repeat-x; }
.pepper-prefs li.first-child { background-image: none; }
.request-feedback { color: #E9F08F; }
/* 
----------------------------------------------------------------------------- 
EULA
-----------------------------------------------------------------------------*/
#eula span { border-color: #EEE; }
/* 
----------------------------------------------------------------------------- 
MINI TABS
-----------------------------------------------------------------------------*/
.mini ul.tabs li a { color: #BCE27F; }
.mini ul.tabs li a:hover { color: #E9F08F; }
.mini ul.tabs li.active { background: #323232 url(images/bg-form-tab-left.gif) top left no-repeat; }
.mini ul.tabs li.active a, .mini ul.tabs li.active a:hover { color: #FFF; background: url(images/bg-form-tab-right.gif) top right no-repeat; }
.mini ul.tabs li.last-child.active a { background: url(images/bg-form-tab-last.gif) top right no-repeat; }
/* 
----------------------------------------------------------------------------- 
DISPLAY TABS
-----------------------------------------------------------------------------*/
.display ul.tabs { background: url(images/bg-pane-top-right.gif) bottom right no-repeat; }
.display ul.tabs li a { color: #BCE27F; }
.display ul.tabs li a.loading, .display ul.tabs li a.loading:hover { background: url(images/spinner.gif) 0 4px no-repeat; color: #999; }
.display ul.tabs li a:hover { color: #E9F08F; }
.display ul.tabs li.active { background: #323232 url(images/bg-tab-left.gif) top left no-repeat; }
.display ul.tabs li.active a, .display ul.tabs li.active a:hover { color: #fff; background: url(images/bg-tab-right.gif) top right no-repeat; }
.display ul.tabs li.last-child.active a, .display ul.tabs li.only-child.active a { background: url(images/bg-tab-last.gif) top right no-repeat; }
/* 
----------------------------------------------------------------------------- 
PEPPER PREFERENCE TABS
-----------------------------------------------------------------------------*/
#preferences .pepper-column h2 { border-bottom: 1px solid #363E2B; }
.pepper-column ul.tabs { border-top: 3px solid #404934; background-color: #333; }
.pepper-prefs { background: url(images/bg-prefs-pepper-top.gif) top left repeat-x; }
.pepper-column ul.tabs li a { color: #FFF; }
.pepper-column ul.tabs li a:hover { color: #BCE27F; }
.pepper-column ul.tabs li.active { background: url(images/bg-prefs-tab-left.gif) top left no-repeat; }
.pepper-column ul.tabs li.active a, .pepper-column ul.tabs li.active a:hover { color: #FFF; background: url(images/bg-prefs-tab-right.gif) top right no-repeat; }
#preferences h3 a { color: #CCC; }
.explanation { color: #E9F08F; }
/* 
----------------------------------------------------------------------------- 
PEPPER FILTERS
-----------------------------------------------------------------------------*/
ul.filters li a { color: #888; }
ul.filters li a:hover { color: #8ABF43; }
ul.filters li.active { background: url(images/bg-filter-left.gif) top left no-repeat; }
ul.filters li.active a, ul.filters li.active a:hover { color: #FFF; background: url(images/bg-filter-right.gif) top right no-repeat; }
ul.filters li a.loading { background: url(images/spinner-w.gif) 6px 0 no-repeat; color: #666; }
a.image-search { background: url(images/icon-image-search.png) 100% 3px no-repeat; }
a.clicked { background: url(images/icon-clicked.png) 100% 0 no-repeat; }
/* 
----------------------------------------------------------------------------- 
SORTABLE LIST STYLES
-----------------------------------------------------------------------------*/
dl.sortable dt { color: #FFF; }
dl.sortable dt span { color: #C9C9C9; }
dl.sortable dd { background: url(images/bg-drag.gif) top left no-repeat; }
dl.sortable dd:hover, dl.sortable .drag { background-position: 0 -24px; }
dl.sortable dd span { color: #FFF; background-color: transparent; }
dl.sortable dd.disabled span { color: #666; }
/* 
----------------------------------------------------------------------------- 
PROGRESS BAR
-----------------------------------------------------------------------------*/
.progress { background: url(images/bg-progress.gif) left top no-repeat; }
.progress .bar { background: url(images/bg-progress-bar.gif) right top no-repeat; }
/*
----------------------------------------------------------------------------- 
ADDITIONAL INFO
-----------------------------------------------------------------------------*/
.display table .folder-contents-open tr.additional-info th, .display table .folder-contents-open tr.additional-info td { background:#262626 }
.display table .folder-contents-open tr.additional-info td.additional-info-content th { color:#888;  }
/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#donotremove { color: #525252; }