/*
Devlounge presents, a lightweight version of Mint
Clearmint - White, Light, and Fluff-less
Available at http://www.devlounge.net

Mint is a product of Shaun Inman and may not be reproduced.
/* 
----------------------------------------------------------------------------- 
DEFAULT POSITIONING
-----------------------------------------------------------------------------*/
@import url("../../app/styles/base.css");

/* @group Basic */

body {	
	color: #333;
	background-color: #fff;
	font: 62.5%/1.3em Verdana, 'Lucida Grande', sans-serif;
}

a {
	color: #2b609f;
	-webkit-transition-duration: 250ms;
	-webkit-transition-property: color, background-color;
	-webkit-transition-timing-function: linear;
	-moz-transition-duration: 250ms;
	-moz-transition-property: color, background-color;
	-moz-transition-timing-function: linear;
}

a:hover {
	color: #22aae5;
}

/* @end */


/* @group Header */

#header-container {
	background-color: #fff;
	border-bottom: 1px dotted #ccc;
}

.display #header {
	margin: 4px 18px 7px;
}

.mini #header h1,
.display #header h1 a,
.preferences #header h1 a {
	background: url(images/logo.gif) top left no-repeat;
	padding: 5px;
}

#header a {
	color: #31869e;
}

#header a:hover {
	color: #000;
}

.display #header,
.preferences #header {
	background: #fff;
}

.display #header h1,
.preferences #header h1 {
	background: #fff;
}

/* @end */


/* @group Updates available buttons */

#header a.update-btn {
	color: #000;
	background-color: #F3F076;
}

#header a.update-btn:hover {
	background-color: #F5D807;
	color: #000;
}

#header a.update-btn span:hover {
	background-color: #F5D807;
	color: #000;
}

#header a.update-btn span {
	background-color: #F3F076;
}

/* @end */

.pane {
	/*-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
}

.display .pane {
	margin-top: 8px;
}

/* @group Panes row */

#header .panes {
	margin-top: 2px;
	color: #999;
	-webkit-transition-duration: 250ms;
	-webkit-transition-property: color, background-color;
	-webkit-transition-timing-function: linear;
	-moz-transition-duration: 250ms;
	-moz-transition-property: color, background-color;
	-moz-transition-timing-function: linear;
}

#header .panes:hover {
	color: #333;
}

#header .panes a:hover
{
	color: #1b406c;
}

/* @end */

/* @group Page buttons */

#header .pages li a {
	color: #e27621;
}

#header .pages li a:hover {
	color: #000;
}

#header .pages li.first-child,
#header .pages li.only-child
{
	color: #e27621;
}

/* @end */


/* @group Forms general */

form a
{
	color: #BCE27F;
}

form a:hover
{
	color: #E9F08F;
}

/* @end */



/* @group Mini */


.mini #header {
	background: #2E2E2E url(images/bg-mini-bottom.gif) bottom left no-repeat;
}

/* @end */

/* @group 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;
}

.mini .pane form
{
	color: #999;
	background: #3C3C3C 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-color: #fff;
	margin: 0 0 24px 24px;
}

.display .pane h1
{
	font-family: Futura, Helvetica, sans-serif;
	color: #333;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-shadow: none;
	padding-top: 10px;
}

.display .pane .footer
{
	/*background-color: #fff;*/
}

.display .pane .footer div
{
	/*background-color: #fff;*/
}

.display .pane .content
{
	margin-top: 4px;
}

.content .content-container
{
	background-color: #fff;
}

.content .content-container table table tbody {
	/*font-family: monaco;*/
}

.display table td, .display table th {
	padding: 4px 12px 4px 0;
}

.display table td {
	border-bottom: 1px solid #eee;
}

.display table td a {
	-webkit-transition-duration: 150ms;
	-moz-transition-duration: 150ms;
}

.display table td.left, .display table td.right {
	border: none;
}

.display table td.search a img {
	visibility: hidden;
}

.display table td.search a {
	display: block;
	width: 12px;
	height: 12px;
	background: url(images/search.png) top left no-repeat;
}

.display table td.search a:hover {
	background-position: right top;
}

.display table th
{
	color: #525D43;
	background-color: #f6f6f6;
	background: -webkit-gradient(linear, 0 0, 0 20, color-stop(0.0, #f8f8f8), color-stop(1.0, #f6f6f6));
	border-bottom: 1px solid #eee;
}

.display table tr.first-child td {
	padding-top: 4px;
}

.display table td.focus {
	font-size: 1em;
}

.display table th.focus
{
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: normal;
	padding: 5px 12px 3px 8px;
}

.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: #F8f8f8;*/
}

.display table tr:hover td,
.display table.visits td tr:hover td,
.display table.two-columns td tr:hover td
{
	background-color: #fafadf;
}

.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: #fafadf;
}

.display table td.focus span
{
	color: #999;
}

.display table td.focus span a
{
	color: #777;
}

.display table td.focus span a:hover
{
	color: #3A3417;
}

.display table tr.insig td,
.display table tr td.insig
{
	color: #999;
}

/* @end */


/*
----------------------------------------------------------------------------- 
FEED BUTTON
-----------------------------------------------------------------------------*/
a.feed-btn
{
	color: #FFF;
	background-color: #DE5330;
}

a.feed-btn:hover {
background-color: #C65524;
}

a.feed-btn span:hover {
background-color: #C65524;
}

a.feed-btn span
{
	background-color: #DE5330;
	color: #FFF;
}

/*
----------------------------------------------------------------------------- 
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: #fff;
}

.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;
}

/*
----------------------------------------------------------------------------- 
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.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: #E6F4D3;
}

.display table .folder-contents-open tr.alt td
{
	background-color: #DEF0C6;
}

.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: #D1EBB3;
}

.display table .folder-contents-open tr.insig td
{
	color: #859077;
}

/*
----------------------------------------------------------------------------- 
ADDITIONAL INFO
-----------------------------------------------------------------------------*/
.display table .folder-contents-open tr.additional-info td,
.display table .folder-contents-open tr.additional-info:hover td
{
	color: #FFF;
	background-color: #3C3C3C;
}

.display table .folder-contents-open tr.additional-info td.additional-info-content th
{
	background: none;
	border: none;
	color: #CCC;
}

/*
----------------------------------------------------------------------------- 
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: #ABDB6C 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: none;
}

.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 {
	top: 4px;
}

.mini ul.tabs li a {
	color: #000;
}

.mini ul.tabs li a:hover {
	color: #ca1919;
}


.mini ul.tabs li.active a,
.mini ul.tabs li.active a:hover
{
	color: #FFF;
}

.mini ul.tabs li.last-child.active a
{
	background-color: #e4e4e4;
}

/* 
----------------------------------------------------------------------------- 
DISPLAY TABS
-----------------------------------------------------------------------------*/

.display ul.tabs {
	top: 5px;
}

.display ul.tabs li {
	margin: 0 10px 0 0;
	border-bottom: 1px solid #ddd;
	-webkit-transition-property: border;
	-webkit-transition-timing-function: linear;
	-webkit-transition-duration: 250ms;
}

.display ul.tabs li:hover {
	border-bottom: 1px solid #000;
}

.display ul.tabs li.last-child {
	margin: 0;
}

.display ul.tabs li a
{
	color: #666;
	padding: 5px 0 3px 0;
}

.display ul.tabs li a.loading,
.display ul.tabs li a.loading:hover
{
	background: url(images/loading.gif) 0 4px no-repeat;
	color: #22aae5;
}

.display ul.tabs li a:hover
{
	color: #000;
}

.display ul.tabs li.active
{
	border-bottom: 1px solid #6cacc9;
}

.display ul.tabs li.active a,
.display ul.tabs li.active a:hover
{
	color: #31869e;
}

.display ul.tabs li.last-child.active a,
.display ul.tabs li.only-child.active a
{

}

/* 
----------------------------------------------------------------------------- 
PEPPER PREFERENCE TABS
-----------------------------------------------------------------------------*/
#preferences .pepper-column h2
{
	border-bottom: 1px solid #363E2B;
}

.pepper-column ul.tabs
{
	border-top: 3px solid #404934;
	background-color: #47513A;
}

.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: #666;
}

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;
}

.scroll-filters ul.filters
{
	background-color: #FFF;
}

a.image-search
{
	background: url(images/icon-image-search.png) 100% 3px no-repeat;
}

span a.image-search
{
	background-position: 100% 1px;
}

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;
}

/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#donotremove
{
	color: #525252;
}