/******************************************************************************
 Mint CSS

 Copyright 2004-2005 Shaun Inman. This code cannot be redistributed without
 permission from http://www.shauninman.com/

 More info at: http://www.haveamint.com/
 
******************************************************************************
BASE STYLES
-----------------------------------------------------------------------------*/
html
{
	height: 100%; margin-bottom: 1px;
}

body
{
	font: 62.5%/1.3em "Lucida Grande", Verdana, sans-serif; 
	color: #4C4C4C; 
	margin: 0; 
	padding: 4.7em 0 0; 
}

/*tr:hover a, */
a
{
	color: #27552E; 
	text-decoration: none;
}

/*a:visited
{
	color: #707070;
}
*/
a:hover
{
	color: #63914A;
}

a img
{
	border: none;
}

abbr
{
	
	font-style: normal; 
	border-style: none;
}

body *
{
	margin: 0;
	padding: 0;
}

body p
{
	margin-bottom: 1.0em; 
}
	
h1,h2,h3,h4,h5,h6
{
	font-size: 1.0em;
	font-weight: normal;
}


/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
#container
{
	margin: 0 16px;
	font-size: 1.0em;
}

#container:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.notice
{
	margin-bottom: 1.0em;
}

ul.errors
{
	list-style: none;
	border: 1px solid #F2F2C2;
	background-color: #FFC;
	padding: 0.8em 1.0em;
	margin-bottom: 1.0em;
}

ul.errors li 
{
	margin-bottom: 1.0em;
}

ul.errors li.only-child,
ul.errors li.last-child 
{
	margin-bottom: 0;
}

ul.errors li img
{
	vertical-align: middle;
}


div.benchmark
{
	border: 8px solid #710101;
	border-bottom: 6px solid #710101;
	border-right: 6px solid #710101;
	margin: 1.0em 0;
}
div.benchmark pre
{
	border-bottom: 2px solid #600000;
	border-right: 2px solid #600000;
	padding: 0.8em 1.0em;
	margin: 0;
	overflow: auto;
}

/*
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header-container
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

#header
{
	position: relative;
	background: url(../images/bg-header.png) right bottom no-repeat;
	border-top: 2px solid #BCE27F;
	margin: 0 16px 1.6em;
}

#header h1
{
	background: url(../images/bg-header-mint.png) left bottom no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	text-shadow: 2px 2px 1px #3D3D3D;
	margin: 0;
	border-top: 1px solid #616161;
	padding: 0.72em 11px 0.78em 33px;
}

.display #header h1
{
	padding-left: 10px;
}

#header h1 a.refresh
{
	color: #FFF;
	padding: 0 0 0 23px;
}

#header h1 span
{
	font-weight: normal;
	color: #BBB;
}

#header #util
{
	margin-left: 32px;
}

/** /
#header div.panes a.preferences
{
	margin-left: 32px;
	padding-left: 16px;
	background: url(../images/icon-preferences.png) left center no-repeat;
}
/**/

#header h1 a.update
{
	text-indent: -9999px;
	padding: 1px 3px 0 0;
	background: url(../images/btn-update-available.png) 0 2px no-repeat;
}
 
#header h1 a.update span
{
	visibility: hidden;
}
#header select
{
	margin-top: -2px;
	font-size: 1.0em;
}
	
/*
----------------------------------------------------------------------------- 
PANE STYLES
-----------------------------------------------------------------------------*/
div.pane
{
	float: left;
	width: 348px;
	
	background: url(../images/bg-pane.png) right top no-repeat;
	position: relative;
	margin: 0 16px 1.6em 0;
}

div.content
{
	position: relative;
}


/*
----------------------------------------------------------------------------- 
SCROLL/THEAD FIX
For some reason, something about this makes borders applied to tds in the 
affected tables display properly. Go figure.
-----------------------------------------------------------------------------*/
div.scroll-inline
{
	overflow: auto;
	height: 328px;
}

div.scroll
{
	overflow: auto;
	height: 300px;
	margin-top: 28px;
}

div.scroll table,
div.scroll table thead
{
	display: inline; /* eliminates unexplained space, `block` confuses the folder JS (both in Safari) */
}

div.scroll thead tr
{
	position: absolute;
	top: -28px;
	left: 0;
	display: block;
}

div.scroll thead th
{
	width: 100%;
}

div.scroll thead th.last-child
{
	padding-right: 26px;
}

div.content a.rss
{
	position: absolute;
	left: 12px;
	bottom: -15px;
	z-index: 100;
	display: block;
	width: 34px;
	height: 11px;
	text-indent: -9999px;
	background: url(../images/btn-rss.png) left top no-repeat;
}
 
div.pane h1
{
	background: url(../images/bg-pane-head.png) left top no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	text-shadow: 2px 2px 1px #3D3D3D;
	margin: 0;
	padding: 0.78em 11px;
}

#header div.panes,
div.pane div.tabs
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.9em 11px 0;
	margin: 0;
	font-size: 0.9em; 
	color: #CCC;
	text-shadow: 2px 2px 1px #3D3D3D;
	white-space: nowrap;
}

#header div.panes a,
div.pane div.tabs a
{
	color: #FFF;
}

#header div.panes a.active,
div.pane div.tabs a.active
{
	color: #B8E07C;
}

#header div.panes a:hover,
div.pane div.tabs a:hover
{
	color: #BBB;
}

#header div.panes a:active,
div.pane div.tabs a:active
{
	color: #C6FF9C;
}

div.pane div.footer
{
	background: url(../images/bg-table-footer.png) left bottom no-repeat;
}

div.pane div.footer div
{
	padding: 1.9em 0 0;
	background: url(../images/bg-table-footer-right.png) right bottom no-repeat;
}


/*
----------------------------------------------------------------------------- 
BASIC TABLE STYLES
-----------------------------------------------------------------------------*/
table
{
	width: 100%; margin: 0; padding: 0; border-collapse: collapse;
}

th,td.last-child
{
	font-size: 0.9em;
}

td.first-child
{
	width: 100%;
}

td.last-child
{
	white-space: nowrap; width: 1%;
}

th,td
{
	vertical-align: top; text-align: left;
}

/**/td a
{
	font-weight: bold;
}
 /**/
td span
{
	font-size: 0.9em; color: #999;
}

/*tr:hover td span a,*/
td span a
{
	
	font-weight: normal;
	color: #63914A;
}

/*td span a:visited
{
	color: #AAA;
}
*/
td span a:hover
{
	color: #27552E;
}

th
{
	font-weight: normal;
	padding: 0.22em 11px 1.55em;
	border-top: 1px solid #595959;
	background: #BCE27F url(../images/bg-table-head.png) left bottom repeat-x;
	color: #333;
	white-space: nowrap;
}

th.first-child,
th.only-child
{
	background-color: #7B9F53;
	color: #FFF;
	text-shadow: 2px 2px 1px #648326;
}

td
{
	padding: 0.48em 11px;
	background-color: #F0F7E2;
	border-top: 1px solid #E7F0D0;
}

td.first-child
{
	padding-left: 11px;
}

td.last-child
{
	padding: 0.48em 11px;
}

tr.alt td
{
	background-color: #FFF;
}

tr.last-child td
{
	border-bottom: 1px solid #E7F0D0;
}



/*
----------------------------------------------------------------------------- 
FOLDER-RELATED
-----------------------------------------------------------------------------*/
table.folder td.first-child
{
	
	padding-left: 22px;
}

tr.folder td,
tr.folder-open td
{
	cursor: pointer;
}

tr.folder td.first-child,
tr.folder-open td.first-child
{
	background-image: url(../images/bg-arrow.gif);
	background-position: 11px 2px;
	background-repeat: no-repeat;
}

tr.folder-open td.first-child
{
	background-position: 11px -80px;
}

.folder td.last-child
{
	font-size: 0.9em; text-align: right;
}

.folder-contents
{
	display: none;
}

.folder-contents-open tr td
{
	
	background-color: #D5E8B1;
}

.folder-contents-open tr.alt td
{
	
	background-color: #E2EFC8;
	border-top: 1px solid #CCE1A3;
}

.folder-contents-open tr.first-child td,
.folder-contents-open tr.only-child td
{
	border-top: none;
	background-image: url(../images/bg-folder-contents-top.png);
	background-repeat: repeat-x;
	padding-top: 0.84em;
}

.folder-contents-open tr.last-child td
{
	background-image: url(../images/bg-folder-contents-bottom.png);
	background-position: right bottom;
	background-repeat: repeat-x;
	padding-top: 0.84em;
}

.folder-contents-open tr.only-child td
{
	border-bottom: 1px solid #CCD8B4 !important;
}


/*
----------------------------------------------------------------------------- 
VISITS TABLE
-----------------------------------------------------------------------------*/
table.visits
{
	margin: 0;
}

table.visits td
{
	width: auto;
}

table.visits table td.first-child
{
	font-size: 0.9em; white-space: nowrap;
}

table.visits table td.last-child
{
	font-size: 1.0em;
}

td.left,
td.right
{
	padding: 0;
	border-style: none;
}

td.left th.last-child
{
	background-image: url(../images/bg-table-head-left.png);
	background-position: right bottom;
}

td.right th.first-child
{
	background-image: url(../images/bg-table-head-right.png);
	background-position: left bottom;
}

table.inline th
{
	border-top: none;
	background-image: url(../images/bg-table-inline-head.png);
}

td.left table.inline th.last-child
{
	background-image: url(../images/bg-table-inline-head-left.png);
}

td.right table.inline th.first-child
{
	background-image: url(../images/bg-table-inline-head-right.png);
}

td.left,
td.left td.last-child
{
	background-image: url(../images/bg-table-left.png);
	background-position: right bottom;
	background-repeat: repeat-y;
}

td.right td.first-child
{
	background-image: url(../images/bg-table-right.png);
	background-position: left bottom;
	background-repeat: repeat-y;
}

table.day td.first-child,
table.year td.first-child
{
	text-align: right;
}


table.inline-foot tr.last-child td,
table.inline-foot tr.only-child td
{
	padding-bottom: 17px;
	background-image: url(../images/bg-table-inline-foot.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-bottom: none;
}

td.left table.inline-foot tr.last-child td.last-child,
td.left table.inline-foot tr.only-child td.last-child
{
	background-position: right bottom;
	background-image: url(../images/bg-table-inline-foot-left.png);
}

td.right table.inline-foot tr.last-child td.first-child,
td.right table.inline-foot tr.only-child td.first-child
{
	background-image: url(../images/bg-table-inline-foot-right.png);
}


/*
----------------------------------------------------------------------------- 
MINI STYLES
-----------------------------------------------------------------------------*/
body.mini
{
	padding: 0;
}

.mini #container
{
	margin: 0 auto;
	width: 270px;
}

.mini #header
{
	margin: 0 0 16px;
}

.mini div.pane
{
	width: 100%;
	margin: 0 0 16px;
}

.mini div.pane div.content
{
	padding: 4px 0 0;
	background: #BCE27F url(../images/bg-form-top.png) left top repeat-x;
	/** /overflow: hidden;/**/
}

div.pane div.content form
{
	margin: 0;
	background-color: #666;
	color: #FFF;
	text-shadow: 2px 2px 1px #3D3D3D;
	padding: 8px 0 0;
}

.install div.pane div.content form
{
	padding: 0 11px;
}

.login div.pane div.content form
{
	padding: 8px 11px 4px;
}

/* Reset everything inside the form so I'm not fighting with existing styles */
form table,
form th,
form td
{
	background-color: transparent;
	background-image: none;
	border-style: none;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: 1.0em;
}

form th,
form td
{
	padding: 0 11px 6px 0;
	font-size: 0.9em;
	vertical-align: middle;
}

form td td
{
	padding-bottom: 0;
	font-size: 1.0em;
}

form td
{
	padding-right: 0;
}

.mini div.pane div.footer
{
	position: relative;
	margin: -4px 0 0;
	background-image: url(../images/bg-corner-bottom-left.png);
}

.mini div.pane div.footer div
{
	padding: 4px 0 0;
	background-image: url(../images/bg-corner-bottom-right.png);
}

form label
{
	color: #FFF;
}

form a
{
	color: #BCE27F;
}

form a:hover
{
	color: #FFF;
}

form h2
{
	font-size: 0.9em;
	margin: 0 -11px 8px;
	font-weight: normal;
	padding: 2px 11px;
	background-color: #BCE27F;
	border-top: 1px solid #595959;
	border-bottom: 1px solid #595959;
	color: #333;
	white-space: nowrap;
	text-shadow: none;
}

form h2.first-child
{
	margin-top: -8px;
}


/*
----------------------------------------------------------------------------- 
PREFERENCES STYLES
-----------------------------------------------------------------------------*/
#pane-preferences-content .footer
{
	clear: both;
	background: url(../images/bg-preferences-footer.png) left top no-repeat;
	padding: 2px 11px 0;
	margin: 0 0 -4px;
}

#pane-preferences-content .footer div
{
	background-image: none;
	background-color: #666;
	padding: 5px 0;
	text-align: right;
}
#btn-done-top
{
	position: absolute;
	top: -25px;
	right: 11px;
}

#pane-preferences-content pre,
#pane-preferences-content code
{
	color: #92DAFF;
}

.preferences #container
{
	width: 544px;
}

.preferences div.pane div.content
{
	padding: 0;
	background: transparent none;
}

.preferences .general-column
{
	padding: 0 13px 0 11px;
	width: 248px;
	float: left;
	position: relative;
}

.preferences .general-column h2
{
	margin-right: -13px;
	background: #BCE27F url(../images/bg-preferences-general-head.png) right top repeat-y;
}

.preferences .general-column h2.first-child
{
	background-image: url(../images/bg-preferences-general-left.png);
}

div.general-column h3,
div.pepper-prefs h5
{
	font-size: 0.9em;
	margin: 0 -11px 8px;
	font-weight: normal;
	padding: 2px 11px;
	background-color: #6E6E6E;
	border-top: 1px solid #616161;
	border-bottom: 1px solid #616161;
	color: #FFF;
	text-shadow: 2px 2px 1px #3D3D3D;
}

div.general-column h3
{
	margin-right: -13px;
	background: #6E6E6E url(../images/bg-preferences-general-head.png) right top repeat-y;
}

.preferences .pepper-column
{
	padding: 0 11px;
	width: 250px;
	float: left;
}

.preferences div.pane div.content form
{
	padding-bottom: 4px;
	background: #666 url(../images/bg-preferences-general-left.png) 265px 0 repeat-y;
}

.preferences form:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.preferences div.pane div.tabs
{
	position: relative;
	top: auto;
	right: auto;
	
	
	padding: 3px 11px;
	margin: -9px -11px 0;
	
	background-color: #7B9F53;
	border-bottom: 1px solid #595959;
	text-shadow: 2px 2px 1px #648326;
	white-space: normal;
}

.preferences div.pane div.tabs a
{
	color: #C5FF85;
}

.preferences div.pane div.tabs a.active,
.preferences div.pane div.tabs a:hover
{
	color: #FFF;
}


div.pepper-prefs
{
	position: relative;
	margin: 0 -11px;
	padding: 2.0em 11px 0;
}

div.pepper-prefs a
{
	color: #C5FF85;
}

div.pepper-prefs a:hover
{
	color: #BBB;
}

div.pepper-prefs h3
{
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 64px 0 0;
}

div.pepper-prefs h3 a
{
	color: inherit;
}

div.pepper-prefs h3 a:hover
{
	color: #BBB;
}

div.pepper-prefs h4
{
	font-size: 0.9em;
	font-weight: normal;
	color: #BBB;
	margin: 0 70px 1.0em 0;
}

div.pepper-prefs h4 a
{
	color: #FFF;
}

div.pepper-prefs h4 a:hover
{
	color: #C5FF85;
}

div.pepper-prefs p.desc
{
	line-height: 1.6em;
	margin-bottom: 1.0em;
}

div.pepper-prefs div.explanation
{
	color: #FFC;
}

div.pepper-prefs .install,
div.pepper-prefs .uninstall
{
	position: absolute;
	top: 0.6em;
	right: 9px;
}

div.pepper-prefs .uninstall
{
	top: 1.6em;
}

div.pepper-prefs .scroll-container
{
	padding: 5px 0;
	background: url(../images/bg-preferences-scroll.png) top left no-repeat;
}

div.pepper-prefs .scroll
{
	margin: 0;
	height: 216px;
}

div.pepper-prefs .scroll table
{
	display: table;
	width: 226px;
	padding: 100px;
}

div.pepper-prefs .scroll table td
{
	vertical-align: top;
	padding: 2px 0 4px;
	background: url(../images/bg-preferences-scroll-row.png) top left repeat-x;
	border: none;
}

div.pepper-prefs .scroll table tr td.first-child
{
	padding-top: 4px;
	padding-left: 6px;
}
div.pepper-prefs .scroll table tr td.last-child
{
	padding-right: 3px;
}

div.pepper-prefs .scroll table tr.first-child td,
div.pepper-prefs .scroll table tr.only-child td
{
	padding-top: 0;
	background: none;
}

div.pepper-prefs .scroll table tr.alt td
{
	background: url(../images/bg-preferences-scroll-row-alt.png) top left repeat-x;
}

div.pepper-prefs .scroll strong
{
	color: #FFC;
}

/* 
----------------------------------------------------------------------------- 
UNINSTALLED PEPPER PANE
-----------------------------------------------------------------------------*/
#pepper-uninstalled
{
	padding-top: 1.0em;
}

#pepper-uninstalled ul
{
	list-style: none;
	margin: 0 -11px;
}

#pepper-uninstalled li
{
	position: relative;
	padding: 1.0em 11px 0;
}

#pepper-uninstalled li.alt
{
	background-color: #6E6E6E;
	border-top: 1px solid #616161;
	border-bottom: 1px solid #616161;
}


/* 
----------------------------------------------------------------------------- 
INPUT STYLES
-----------------------------------------------------------------------------*/
form span
{
	display: block;
	margin: 0;
	padding: 1px;
	border: 1px solid #5C5C5C;
	background-color: #FFF;
}

form span input,
form span textarea,
form span select
{
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	
	font-size: 10px;
	line-height: 12px;
	width: 100%;
}

input.btn
{
	margin: 0 0 0 8px;
	width: 62px;
	height: 22px;
}

	
/* 
----------------------------------------------------------------------------- 
CUSTOM FORM STYLES
-----------------------------------------------------------------------------*/
table.snug
{
	width: auto;
}

span.inline
{
	float: left; margin: 0 6px;
}

.cinch
{
	width: 24px;
}
.btn-row
{
	text-align: right;
}


/* 
----------------------------------------------------------------------------- 
SORTABLE LIST STYLES
-----------------------------------------------------------------------------*/
dl.sortable, 
dl.sortable dt, 
dl.sortable dd, 
dl.sortable dd span
{
	display: block;		/* REQUIRED FOR JS TO WORK */
	position: relative;	/* REQUIRED FOR JS TO WORK */
}

dl.sortable dt
{
	margin: 0 0 0.7em }
dl.sortable dt#disable
{
	margin-top: 1.0em;
}

dl.sortable dt#disable span
{
	border: none;
	background-color: transparent;
	color: #C9C9C9;
	display: inline;
	font-size: 1.0em;
}

dl.sortable dd
{
	font-size: 1.2em;
	line-height: 2.0em;
	background: url(../images/bg-pane-order-right.png) right center no-repeat;
	padding-right: 6px;
	margin-bottom: 6px;
}

dl.sortable .drag
{
	opacity: .6;
	-moz-opacity: 60%;
}

dl.sortable dd span
{
	color: #FFF;
	border: none;
	background: transparent url(../images/bg-pane-order.png) left center no-repeat;
	padding: 0 0 0 6px;
}

dl.sortable dd.disabled span
{
	color: #ADADAD;
}

	
/* 
----------------------------------------------------------------------------- 
INSTALL & EULA
-----------------------------------------------------------------------------*/
#eula
{
	margin: 0 0 1.0em;
}

#eula p
{
	margin: 1.0em 0;
}

#eula p label
{
	color: #4C4C4C;
}

#eula span
{
	border-color: #EEE;
}

#eula textarea
{
	padding: 0 0 0 4px;
	font: 9px/14px Monaco, "Courier New", Courier, monospace;
}

pre,
code
{
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 1.1em;
	color: #6B8DA6;
}

pre
{
	margin: 0 0 1.0em;
}



/* 
----------------------------------------------------------------------------- 
PROGRESS BAR
-----------------------------------------------------------------------------*/
.progress
{
	position: relative;
	height: 22px;
	background: url(../images/bg-progress.png) left top no-repeat;
}
.progress .bar
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 262px;
	height: 18px;
	text-indent: -3000px;
	background: url(../images/bg-progress-bar.png) right top no-repeat;
}


/* 
----------------------------------------------------------------------------- 
COPYRIGHT & CREDIT
-----------------------------------------------------------------------------*/
#donotremove
{
	clear: both;
	margin-bottom: 1.0em;
}
#donotremove span
{
	color: #999;
}