/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}

/* 
----------------------------------------------------------------------------- 
BASE
-----------------------------------------------------------------------------*/
html
{
	height: 100%;
	margin-bottom: 1px;
}

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

p
{
	line-height: 1.4em;
	margin-bottom: 1.0em;
}

table
{
	width: 100%;
}

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

.notice
{
	padding: 0 2px;
}

strong 
{
	font-weight: bold;
}

#preferences a:focus,
#header a:focus,
.tabs a:focus,
.filters a:focus
{
	outline: none;
}

/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header
{
	position: relative;
	font-size: 0.9em;
	line-height: 1.0em;
	
	padding: 13px 10px 12px 62px;
	margin-bottom: 18px;
}

.mini #header h1,
.display #header h1 a,
.preferences #header h1 a
{
	text-indent: -9999px;
	background: url(../images/logo.gif) top left no-repeat;
	display: block;
	width: 52px;
	height: 20px;
	position: absolute;
	top: 6px;
	left: 7px;
}

#header h2
{
	white-space: nowrap;
	overflow: hidden;
}

.display #header,
.preferences #header
{
	margin: 0 18px 18px;
}

.display #header h1,
.preferences #header h1
{
	width: 4px;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.display #header h1 a,
.preferences #header h1 a
{
	top: -24px;
}

.preferences #container
{
	margin: 0 auto;
	width: 754px;
}

.preferences #header
{
	margin: 0 0 18px;
}

/*
----------------------------------------------------------------------------- 
UPDATES AVAILABLE BUTTON
-----------------------------------------------------------------------------*/
a.update-btn
{
	position: absolute;
	top: 9px;
	left: 68px;
	display: block;
}

a.update-btn span
{
	display: block;
	padding: 3px 6px 6px;
}

/* 
----------------------------------------------------------------------------- 
PANES ROW
-----------------------------------------------------------------------------*/
#header .panes
{
	position: absolute;
	top: 4px;
	right: 5px;
	line-height: 24px;
	padding: 0 0 0 4px;
	height: 24px;
	overflow: hidden;
}

#header .panes div
{
	padding: 0 10px 0 4px;
	float: left;
}

#pane-list select
{
	font-size: 1.0em;
	vertical-align: middle;
}

body.display
{
	padding-top: 53px;
}

#mm2
{
	margin: 0;
	padding: 0;
	height: 100%;
}

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

/* 
----------------------------------------------------------------------------- 
PAGE BUTTONS
-----------------------------------------------------------------------------*/
#header .pages
{
	margin-left: 0;
	float: left;
}

#header .pages li
{
	float: left;
	padding: 0 5px 0 6px;
}

#header .pages li a,
#header .pages li a:hover
{
	display: block;
}

#header .pages li.first-child,
#header .pages li.only-child
{
	padding-left: 7px;
}

#header .pages li.last-child,
#header .pages li.only-child
{
	padding-right: 11px;
}

/* 
----------------------------------------------------------------------------- 
FORMS GENERAL
-----------------------------------------------------------------------------*/
form span
{
	display: block;
	margin: 0;
	padding: 1px;
	border: 1px solid #363636;
	background-color: #FFF;
	overflow: hidden;
}

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

input.btn,
input.btn-r
{
	width: 62px;
	height: 22px;
}

input.btn-r
{
	margin: 0 0 0 8px;
}

form th,
form td
{
	padding: 0 8px 5px 0;
	vertical-align: middle;
}

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

form td
{
	padding-right: 0;
}

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

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

span.inline select
{
	min-width: 64px; /* Tried to appease Opera, useless */
}

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

/* 
----------------------------------------------------------------------------- 
SUPPORT STYLES
-----------------------------------------------------------------------------*/

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

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

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

.display div.observe,
.display ul.errors,
.display div.benchmark
{
	margin: 0 18px 18px;
}

/* 
----------------------------------------------------------------------------- 
MINI
-----------------------------------------------------------------------------*/
.mini #container
{
	width: 270px;
	margin: 0 auto;
}

/* 
----------------------------------------------------------------------------- 
MINI PANE
-----------------------------------------------------------------------------*/
.mini .pane
{
	position: relative;
}

.mini .pane .footer
{
	padding: 5px 0 0;
}

.pane h1,
#preferences h1
{
	font: 1.8em/1.0em "Helvetica Neue", Helvetica, Arial;
	padding: 6px 10px 8px;
}

.pane h1
{
	cursor: pointer;
}

.mini .pane form
{
	margin: 0 5px;
}

.mini .pane form h2,
#preferences h5
{
	padding: 7px 5px 9px;
	margin-bottom: -4px;
	font-size: 0.9em;
}

.mini .pane form h2.first-child
{
	margin-top: -7px;
}

.mini .pane form fieldset,
#preferences fieldset
{
	padding: 5px 5px 0;
	font-size: 0.9em;
}

.uninstall form p
{
	font-size: 1.1em;
	line-height: 1.5em;
}

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

.display .pane,
.display .pane-column
{
	position: relative;
	margin: 0 0 18px 18px;
	float: left;
	min-width: 340px;
}

.display .pane-column
{
	margin-bottom: 0;
}

.display .pane-column .pane
{
	float: none;
	width: 100%;
	margin-left: 0;
}

.display .pane .footer div
{
	padding-top: 9px;
}

.display .pane .content
{
	margin: 0 3px 0 5px;
}

.content .content-container
{
	position: relative;
	z-index: 100;
	padding: 2px 4px 0 2px;
}

.display table th
{
	padding: 4px 12px 3px 0;
	font-size: 0.9em;
}

.display table th.first-child
{
	padding-left: 4px;
}

.display table th.last-child
{
	padding-right: 6px;
}

.display table th.focus
{
	font-weight: bold;
}

.display table th.sort
{
	width: 1%;
	text-align: right;
	white-space: nowrap;
}

.display table td
{
	font-size: 0.9em;
	padding: 3px 12px 3px 0;
}

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

.display table td.last-child
{
	padding-right: 4px;
}

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

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

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

.display table td.sort
{
	text-align: right;
	white-space: nowrap;
	width: 1%;
}

/*
----------------------------------------------------------------------------- 
FEED BUTTON
-----------------------------------------------------------------------------*/
a.feed-btn
{
	font-size: 0.9em;
	line-height: 1.0em;
	position: absolute;
	bottom: -2px;
	right: 4px;
	display: block;
}

a.feed-btn span
{
	display: block;
	padding: 3px 6px 4px;
}

/*
----------------------------------------------------------------------------- 
SCROLL
-----------------------------------------------------------------------------*/
.scroll-inline,
.scroll
{
	overflow: auto;
	margin-bottom: -2px;
}

.scroll
{
	height: 288px;
	margin-top: 23px;
}

.scroll-inline
{
	height: 311px;
	padding-right: 2px;
}

.scroll a.feed-btn
{
	bottom: 0px;
	right: 21px;
}

.scroll thead tr
{
	position: absolute;
	top: 2px;
	left: 2px;
	margin: 0 4px 0 0;
	display: block;
}

.scroll-filters
{
	height: 270px;
	margin-top: 41px;
}

.scroll-inline.scroll-filters
{
	height: 293px;
	margin-top: 18px;
}

.scroll-filters thead tr
{
	top: 20px;
}

.scroll-filters ul.filters
{
	position: absolute;
	top: 2px;
	left: 2px;
	right: 4px;
	z-index: 100;
}

.scroll-filters table
{
	min-height: 41px;
}

.scroll thead th
{
	width: 100%;
}

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

/*
----------------------------------------------------------------------------- 
SEARCH FORM SCROLL
-----------------------------------------------------------------------------*/
.scroll.scroll-form
{
	height: 257px;
	margin-top: 54px;
}

.scroll-form form.search-form
{
	margin-top: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 4px;
	z-index: 100;
}

.scroll-form form.search-form table
{
	margin-top: 0;
}

.scroll-form thead tr
{
	top: 33px;
}

/*
----------------------------------------------------------------------------- 
VISITS TABLE
-----------------------------------------------------------------------------*/
.display table.two-columns td.left,
.display table.visits td.left
{
	padding: 0 4px 0 0;
	font-size: 1.0em;
}

.display table.two-columns td.right,
.display table.visits td.right
{
	padding: 0;
	font-size: 1.0em;
}

.display table.two-columns th,
.display table.visits th
{
	white-space: nowrap;
	text-align: right;
}

.display table.two-columns th.focus,
.display table.visits th.focus
{
	text-align: left;
}

.display table.visits td.focus
{
	font-size: 0.9em;
	width: 1%;
	white-space: nowrap;
}

.display table.visits td
{
	text-align: right;
}

/*
----------------------------------------------------------------------------- 
GRAPH TABLE
-----------------------------------------------------------------------------*/

.content .graph
{
	margin-bottom: -2px;
	overflow: hidden;
}

.content .scroll .graph,
.content .scroll-inline .graph
{
	margin-bottom: 0;
}

.content div.graph table tr td
{
	padding: 0;
	line-height: 1.0em;
}

.graph .bar
{
	position: relative;
	padding-top: 1px
}

.graph .label
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
}

.graph .accent .label
{
	z-index: 100;
}

.graph .bar .total
{
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}

.graph .bar .unique
{
	position: relative;
	width: 100%;
}

.graph .key
{
	position: absolute;
	top: -11px;
	left: 5px;
}

.graph .key em
{
	display: block;
	padding: 7px 0 0;
}

.graph .bar span
{
	display: block;
	text-indent: -9999px;
}

.graph .bar .total span
{
	height: 5px;
}

.graph .bar .unique span
{
	height: 3px;
}

.graph .bar .unique span.equal
{
	height: 2px;
}

.graph ul
{
	position: relative;
}

.graph li
{
	position: absolute;
	left: 0px;
	line-height: 12px;
	padding: 0 1px;
}

li.tick-0
{
	top: -272px;
}

li.tick-1
{
	top: -220px;
}

li.tick-2
{
	top: -168px;
}

li.tick-3
{
	top: -116px;
}

li.tick-4
{
	top: -64px;
}

li.tick-5
{
	top: -12px;
}

/*
----------------------------------------------------------------------------- 
COMPARISON GRAPH
-----------------------------------------------------------------------------*/

.compare-graph
{
	height: 292px; /* matches the height of the default Visits pane */
}

.compare
{
	height: 311px;
	position: relative;
}

.compare .increase,
.compare .decrease
{
	position: absolute;
	left: 0;
	top: 155px;
	width: 100%;
}

.compare .increase
{
	background-position: 0 100%;
}

.compare .increase span
{
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 100%;
}

.compare-ticks li
{
	margin-top: 6px;
}

/*
----------------------------------------------------------------------------- 
FOLDER-RELATED
-----------------------------------------------------------------------------*/
tr.folder td,
tr.folder-open td
{
	cursor: pointer;
}

.display table.folder tr th.focus
{
	padding-left: 10px;
}
.display table tr.folder td.focus,
.display table tr.folder-open td.focus
{
	padding-left: 10px;
}

.display table .folder-contents-open tr td.focus
{
	padding-left: 10px;
}

.display table tr.loading td.focus,
.display table tr.insig.loading td.focus
{
	padding-left: 16px;
}

.folder-contents
{
	display: none;
}

.display table .folder-contents-open tr.first-child td,
.display table .folder-contents-open tr.only-child td
{
	padding-top: 4px;
}

/*
----------------------------------------------------------------------------- 
ADDITIONAL INFO
-----------------------------------------------------------------------------*/
.display table .folder-contents-open tr.additional-info th,
.display table .folder-contents-open tr.additional-info td
{
	font-size: 1.0em;
}

.display table .folder-contents-open tr.additional-info td.additional-info-content
{
	padding-left: 10px;
}

.display table .folder-contents-open tr.additional-info  td.additional-info-content th,
.display table .folder-contents-open tr.additional-info  td.additional-info-content td
{
	font-size: 0.9em;
}

.display table .folder-contents-open tr.additional-info td.additional-info-content th
{
	padding: 0 12px 0 0;
}
.display table .folder-contents-open tr.additional-info td.additional-info-content td
{
	padding: 0;
}

/*
----------------------------------------------------------------------------- 
SINGLE COLUMN
-----------------------------------------------------------------------------*/
#single-column
{
	position: relative;
	margin: 0 auto;
}

#single-column .pane
{
	float: none;
	width: 100%;
	margin-left: 0;
}

#single-column #header
{
	margin: 0 auto 18px;
	width: 640px;
}

/*
----------------------------------------------------------------------------- 
PREFERENCES
-----------------------------------------------------------------------------*/
#preferences
{
	position: relative;
}

#preferences #btn-done-top
{
	position: absolute;
	top: 5px;
	right: 3px;
}

#preferences .footer
{
	clear: both; 
	padding-top: 2px;
}

#preferences .footer div
{
	text-align: right;
	padding: 4px 3px 5px;
}

/**/
#preferences .mint-column,
#preferences .pane-column,
#preferences .pepper-column
{
	float: left;
	width: 275px;
	padding: 2px 0 7px;
}

#preferences .pane-column
{
	width: 204px;
}

.pane-column p
{
	margin: 0 8px;
	font-size: 0.9em;
}

#preferences h2
{
	font-size: 0.9em;
	line-height: 1.0em;
	padding: 4px 10px;
}

#preferences fieldset
{
	width: 250px;
	margin-left: 5px;
}

#preferences h5
{
	position: relative;
	margin-left: 5px;
	width: 250px;
	z-index: 100;
}

#preferences .pepper-column fieldset
{
	margin-left: 7px;
}

#preferences .pepper-column h5
{
	margin-left: 7px;
}

#preferences fieldset p.loading
{
	padding-left: 16px;
}

.pepper-column h3
{
	font: 1.8em/1.0em "Helvetica Neue", Helvetica, Arial;
	padding: 15px 64px 0 10px;
}

.pepper-column h4
{
	font-size: 0.9em;
	padding: 3px 10px 12px;
}
.pepper-column p.desc,
.pepper-column div.explanation p
{
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.6;
}

.pepper-prefs,
.pepper-prefs li
{
	position: relative;
}

.pepper-prefs .uninstall,
.pepper-prefs .install
{
	position: absolute;
	top: 16px;
	right: 3px;
}

.request-feedback
{
	padding-bottom: 5px;
}

/* 
----------------------------------------------------------------------------- 
EULA
-----------------------------------------------------------------------------*/
#eula p
{
	margin: 1.0em 2px;
}

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

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

pre
{
	margin: 0 0 1.0em;
}

/* 
----------------------------------------------------------------------------- 
MINI TABS
-----------------------------------------------------------------------------*/
.mini ul.tabs
{
	position: absolute;
	top: 9px;
	right: 5px;
	font-size: 0.9em;
	line-height: 1.0em;
}

.mini ul.tabs li
{
	float: left;
	margin: 0 -5px;
}

.mini ul.tabs li a
{
	display: block;
	padding: 5px 10px 13px;
}

.mini ul.tabs li.last-child.active
{
	margin-right: 0;
}

.mini ul.tabs li.last-child.active a
{
	cursor: default;
	padding-right: 5px;
}

/* 
----------------------------------------------------------------------------- 
DISPLAY TABS
-----------------------------------------------------------------------------*/
.display ul.tabs
{
	position: absolute;
	top: 9px;
	right: 3px;
	padding-right: 2px;
	font-size: 0.9em;
	line-height: 1.0em;
}

.display ul.tabs li
{
	float: left;
	margin: 0 -5px;
}

.display ul.tabs li a
{
	display: block;
	padding: 5px 10px 16px;
}

.display ul.tabs li a.loading,
.display ul.tabs li a.loading:hover
{
	margin-left: 10px;
	padding-left: 16px;
}

.display ul.tabs li.active a,
.display ul.tabs li.active a
{
	cursor: default;
}

.display ul.tabs li.last-child.active,
.display ul.tabs li.only-child.active
{
	margin-right: 0;
}

.display ul.tabs li.last-child.active a,
.display ul.tabs li.only-child.active a
{
	padding-right: 5px;
}

/* 
----------------------------------------------------------------------------- 
PEPPER PREFERENCE TABS
-----------------------------------------------------------------------------*/
.pepper-column ul.tabs
{
	font-size: 0.9em;
	line-height: 1.0em;
	padding: 3px 3px 1px 6px;
}

.pepper-column ul.tabs:after
{
	content: '.';
	display: list-item; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.pepper-column ul.tabs li
{
	float: left;
	margin: 0 3px 4px 0;
}

.pepper-column ul.tabs li a
{
	display: block;
	padding: 2px 6px;
}

.pepper-column ul.tabs li.active a
{
	cursor: default;
}

/* 
----------------------------------------------------------------------------- 
PEPPER FILTERS
-----------------------------------------------------------------------------*/
ul.filters
{
	font-size: 0.9em;
	line-height: 1.0em;
	padding: 1px 0 1px 2px;
}

ul.filters:after
{
	content: '.';
	display: list-item; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.filters li
{
	float: left;
	margin: 0 3px 4px 0;
}

ul.filters li a
{
	display: block;
	padding: 2px 6px;
}

ul.filters li.active a
{
	cursor: default;
}

ul.filters li a.loading
{
	padding-left: 22px;
	cursor: default;
}

a.image-search,
a.clicked
{
	padding-right: 12px;
}

/* 
----------------------------------------------------------------------------- 
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
{
	margin: 0 5px;
}

dl.sortable dt
{
	padding: 7px 5px 5px;
	font-size: 0.9em;
}

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

dl.sortable dd
{
	font-size: 1.0em;
	line-height: 2.0em;
	margin-bottom: 4px;
}

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

dl.sortable dd span
{
	border: none;
	padding: 0 0 0 6px;
}

/* 
----------------------------------------------------------------------------- 
SEARCH FORM
-----------------------------------------------------------------------------*/
form.search-form td
{
	padding-right: 0;
	padding-bottom: 6px;
}

form.search-form tr:hover td
{
	background-color: inherit !important;
}

form.search-form td.first-child
{
	padding-right: 4px;
	width: 100%;
}

/* 
----------------------------------------------------------------------------- 
SEARCH ICON
-----------------------------------------------------------------------------*/
td.search { width: 12px; }
thead th.search { width: auto; }
td.search { padding-top: 5px !important; }
tr.first-child td.search { padding-top: 8px !important; }

/* 
----------------------------------------------------------------------------- 
PROGRESS BAR
-----------------------------------------------------------------------------*/
.progress
{
	position: relative;
	height: 22px;
	width: 270px;
	margin-left: -2px;
}
.progress .bar
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 262px;
	height: 18px;
	text-indent: -3000px;
}

/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#donotremove
{
	padding: 10px 5px;
	font-size: 0.9em;
	line-height: 1.4em;
}

.mini #donotremove
{
	width: 260px;
}

.display #donotremove
{
	margin: 0 18px;
	padding-top: 0;
	clear: left;
}

.display #single-column #donotremove
{
	margin: 0;
}