
/* core resets and canvas styling */
*
{
	margin:0;
	padding:0;
	list-style-type:none;
	font:normal normal normal 12px/1.3 sans-serif;
}

html, body
{
	background:ButtonFace;
	color:ButtonText;
}

body.full
{
	border-bottom:2px groove #999;
}


/* group URL header */
h2
{
	font-size:13px;
	background:#ccc;
	color:#000;
	padding:5px 30px 3px 5px;
	border:1px solid #999;
	display:table;
	width:100%;
	-moz-box-sizing:border-box;
	cursor:default;
	position:relative;
}

h2:focus
{
	background:#55b;
	color:#fff;
	outline:none;
}

h2.mark
{
	background-image:url(mark.png);
	background-repeat:no-repeat;
	background-position:98% center;
}



/* group summary / message */
h3
{
	font-weight:bold;
	padding:5px 5px 3px 5px;
	color:#333;
	cursor:default;
}


/* output data groups */
div.group
{
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:2px groove #999;
	color:#000;
}

div.group:last-child
{
	border-bottom:none;
}

/* different colors for no redundent selectors (okay), 
   redundent selectors (warning), and an error (error) */
h3.okay
{
	background:#beb;
}

div.okay
{
	background:#eaf5ea;
}

div.okay li
{
	border-bottom:1px dotted #caeaca;
}

div.okay li cite
{
	color:#575;
}


h3.warning
{
	background:#fc9;
}

div.warning
{
	background:#fed;
}

div.warning li
{
	border-bottom:1px dotted #edc;
}

div.warning li cite
{
	color:#964;
}

h3.error
{
	background:#fbb;
}

div.error
{
	background:#fee;
}


/* toggle styling */
h3.toggle
{
	cursor:pointer;
	background-image:url(minus.png);
	background-repeat:no-repeat;
	background-position:6px 50%;
	padding-left:22px;
}
h3.toggle.closed
{
	background-image:url(plus.png);
}

h3.okay.toggle
{
	background-image:url(minus-used.png);
}

h3.okay.toggle.closed
{
	background-image:url(plus-used.png);
}


/* selectors list */
div.group ul
{
	padding:4px;
}

div.group li
{
	overflow:hidden;
	white-space:nowrap;
	padding:2px 3px 0 3px;
}

div.group li:focus
{
	outline:none;
}

div.group li:last-child
{
}

div.group li q, div.group li del
{
	font-family:monospace;
	float:left;
	cursor:default;
	quotes:none;
}

div.group li cite
{
	font-size:11px;
	float:right;
	text-align:right;
	padding-top:2px;
	cursor:default;
}


/* selected items */
div.group li.selected
{
	background:#55b;
	border-bottom-style:solid;
	border-bottom-color:#55b;
}

div.group li.selected q, div.group li.selected cite
{
	color:#fff;
}

div.group li.half-selected
{
	background:#bbc;
	border-bottom-style:solid;
	border-bottom-color:#bbc;
}

div.group li.half-selected q, div.group li.half-selected cite
{
	color:#000;
}


/* spider log */
div.spiderlog
{
	border:1px solid #999;
	border-top-width:0;
	border-bottom:none;
	color:#000;
}

div.spiderlog ol
{
	list-style-position:inside;
	list-style-type:decimal;
}

div.spiderlog li
{
	background:#eee;
	border-bottom:1px dotted #ddd;
	white-space:nowrap;
	padding:3px 5px 0 5px;
	line-height:1.2;
	display:table;
	width:100%;
	-moz-box-sizing:border-box;
	cursor:default;
}

div.spiderlog li.checked
{
	background:#cec;
	border-bottom:1px dotted #bdb;
}

div.spiderlog li.skipped
{
	background:#ade;
	border-bottom:1px dotted #9cd;
}

div.spiderlog li.notchecked
{
	background:#fcc;
	border-bottom:1px dotted #ebb;
}

div.spiderlog li q
{
	display:block;
	font-size:11px;
	quotes:none;
}

div.spiderlog li.checked q
{
	color:#686;
}

div.spiderlog li.skipped q
{
	color:#467;
}

div.spiderlog li.notchecked q
{
	color:#955;
}

