html
{
	background: #ccc;
	margin: 0;
	padding: 0 8px;
}
body
{
	background: #fff no-repeat right top;
	border: 1px solid #666;
	color: #000;
	font-family: "Arial", "Helvetica", sans-serif;
	line-height: 1.4;
	margin: 8px auto;
	max-width: 80em;
	outline: 1px solid #bbb;
	padding: 4px 4px 0;
	position: relative;
}
body.logged-in
{
	background-position: right .75em;
	margin-top: 19px;
}
#account_header
{
	background: #e3e3e3 url("/style/images/account-bg.png") repeat-x top;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	font-size: .75em;
	line-height: 1;
	outline: 1px solid #666;
	margin: -15px -4px 5px;
	text-align: right;
	padding: 4px;
}
#tophomelink
{
	margin: 0;
	position: relative;
	z-index: 1;
}
#tophomelink a
{
	background: url("/style/images/pageflap.png") no-repeat 0 48px;
	display: block;
	height: 32px;
	left: -5px;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	text-indent: 48px;
	top: -5px;
	white-space: nowrap;
	width: 32px;
}
#tophomelink a:hover, #tophomelink a:focus
{
	background-position: 0 0;
	height: 48px;
	width: 48px;
}
#tophomelink a:focus
{
	outline: 0;
}
hr
{
	display: block;
	background: #b8b8b8;
	border-style: solid;
	border: 0 solid #000;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #eee;
	clear: both;
	height: auto;
	margin: 0 -4px;
	margin-top: 1em;
	padding: 1px 0 0;
	position: relative;
	top: 4px;
}
#footer
{
	background: #f8f8f8;
	border-top: 1px solid #f0f0f0;
	clear: both;
	margin: 4px -4px 0;
	padding: 4px;
}
#footer:before
{
	background: #f6f6f6;
	border-bottom: 1px solid #f7f7f7;
	border-top: 1px solid #f4f4f4;
	content: "";
	display: block;
	height: 1px;
	margin: -4px;
	margin-bottom: -6px;
	padding: 0 4px;
	width: 100%;
}
#footer:after
{
	background: url("/style/images/main_bg.png") repeat-x bottom;
	content: url("/style/images/main_bg2.png");
	display: block;
	height: 48px;
	line-height: 0px;
	margin: -44px -4px -4px;
	text-align: right;
}
body:after
{
	background: url("/style/images/main_bg3.png") no-repeat left bottom;
	content: "";
	display: block;
	height: 48px;
	margin: -48px -4px 0;
	max-width: 80em;
}
.homelink
{
	font-size: .8em;
}
.homelink a:link, .homelink a:visited, .homelink a:hover
{
	text-decoration: none;
}
.homelink a span
{
	text-decoration: underline;
}

/* Links */

table.support a:link, table.support a:visited
{
	color: #000;
	text-decoration: none;
}
a:link, caption:hover a:link, tr:hover a:link, table.support a:link:hover
{
	color: #00f;
	cursor: pointer;
}
a:visited, caption:hover a:visited, tr:hover a:visited, table.support a:visited:hover
{
	color: #400080;
	cursor: pointer;
}
a:link *, a:visited *
{
	cursor: pointer;
}
a:hover,
caption:hover a:link, tr:hover a:link, table.support a:link:hover,
caption:hover a:visited, tr:hover a:visited, table.support a:visited:hover
{
	text-decoration: underline;
}

/* Basic styles */

abbr, acronym
{
	border-bottom: 1px dotted #000;
}
blockquote
{
	background: #fcfcff;
	border: solid #cce;
	border-width: 1px 1em;
	margin: 1em;
	padding: 0 1em;
}
cite
{
	font-style: normal;
}
code
{
	font-family: monospace;
}
dd>*:first-child
{
	margin-top: 0;
}
dd ol, dd ul, dd li
{
	margin-left: 0;
	padding-left: 0;
}
dfn
{
	border-bottom: 1px dashed #080;
	color: #008000;
	cursor: help;
	font-style: normal;
	font-weight: bold;
}
div div, body.homepage div div div
{
	clear: both;
	margin-top: .5em;
	padding-top: 24px;
}
div div div
{
	clear: both;
	margin-top: 0;
	padding-top: 0;
}
body.homepage div div
{
	clear: none;
}
em 
{
	font-style: italic;
}
em cite
{
	font-style: italic;
}
fieldset
{
	border: 1px solid #999;
	margin: 0 auto 1em auto;
	padding: .5em;
}
fieldset br
{
	display: none;
}
fieldset label
{
	margin-right: 1em;
	white-space: nowrap;
}
fieldset input#q
{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: 25em;
}
fieldset legend+p
{
	margin-top: 0;
}
fieldset dt
{
	background: #eee;
	border-top: 1px solid #fff;
	clear: left;
	display: block;
	float: left;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 11em;
}
fieldset dt label
{
	display: block;
	margin: 0;
	padding: .5em;
	width: 10em;
}
fieldset dd
{
	background: #f7f7f7;
	border-left: 11em solid #eee;
	border-top: 1px solid #fff;
	display: block;
	font-size: 1em;
	margin: 0;
	padding: .5em;
	text-align: left;
}
form
{
	margin: 0;
	text-align: center;
}
div form div
{
	margin: 0;
	padding: 0;
}
p, ul
{
	line-height: 1.4;
}
h1
{
	background: #eee url("/style/images/mainheading_bg.png") repeat-y left;
	border: 1px solid #666;
	font-size: 175%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
	min-height: 40px;
	outline: 1px solid #ccc;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
}
h1:before
{
	background: url("/style/images/mainheading_bg2.png") no-repeat left top;
	border-left: 1px solid #f7f7f7;
	border-top: 1px solid #f7f7f7;
	content: "";
	display: block;
	height: 10em;
	margin-bottom: -10em;
}
h1:after
{
	background: url("/style/images/heading_bg2.png") no-repeat right bottom;
	border-bottom: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	content: "";
	bottom: 0;
	display: block;
	height: 10em;
	margin-left: -1px;
	margin-top: -10em;
	position: absolute;
	right: 0;
	text-align: right;
	width: 100%;
}
div h2, p.error, p.success, h2.error, h2.success, div.protest
{
	background: url("/images/bg.png?eee");
	border: 1px solid #999;
	clear: both;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5;
	margin: .6em 0;
	outline: 1px solid #ddd;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
div h2:before, p.error:before, p.success:before, h2.error:before, h2.success:before, div.protest:before
{
	background: url("/style/images/mainheading_bg2.png") no-repeat left top;
	border-left: 1px solid #f7f7f7;
	border-top: 1px solid #f7f7f7;
	content: "";
	display: block;
	height: 10em;
	margin-bottom: -10em;
}
div h2:after, p.error:after, p.success:after, h2.error:after, h2.success:after, div.protest:after
{
	background: url("/style/images/heading_bg2.png") no-repeat right bottom;
	border-bottom: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	content: "";
	display: block;
	height: 10em;
	margin-top: -10em;
	text-align: right;
}
div.protest h1
{
	background: none;
	border: 0;
	font: 1em;
	line-height: 1.4;
	min-height: 0;
	outline: 0;
	overflow: visible;
	position: static;
}
html>body div.protest h1
{
	background: none;
}
div.protest h1:before, div.protest h1:after
{
	content: none;
	display: none;
}
div div h3
{
	background: url("/images/bg.png?eee");
	border: 1px solid #ddd;
	font-size: 125%;
	line-height: 1.0;
	margin: 0 0 .6em;
	padding: .2em 4px .2em 52px;
	vertical-align: bottom;
}
div div h3:before
{
	background-repeat: no-repeat;
	content: "";
	display: block;
	height: 48px;
	margin-bottom: -20px;
	margin-left: -52px;
	margin-top: -28px;
	position: relative;
	width: 48px;
	z-index: 1;
}
div div h3:after
{
	background: url("/style/images/heading_bg2.png") no-repeat right bottom;
	content: "";
	display: block;
	height: 48px;
	line-height: 0em;
	margin-bottom: -.2em;
	margin-left: -52px;
	margin-right: -4px;
	margin-top: -44px;
	text-align: right;
}
iframe
{
	display: block;
	height: 24em;
	width: 100%;
}
kbd
{
	background: #f8f8ff;
	border: 1px solid #cce;
	color: #000080;
	font-family: monospace;
}
ol, ul, p.list
{
	margin-left: 0;
	padding-left: 2.5em;
}
li
{
	margin-left: 0;
	padding-left: 0;
}
samp
{
	color: #000080;
}
span.quote
{
	color: #000080;
}
strong
{
	font-weight: bolder;
}
textarea, input, button
{
	font-size: inherit;
}
a.external:link, a.external:visited
{
	background-image: url("/style/images/external.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 13px;
}
a.external:visited
{
	background-image: url("/style/images/external-visited.gif");
}
code a.external:link, code a.external:visited
{
	background-image: none;
	padding-right: 0;
}

/* Page ratings */

#page-rating
{
	background: url("/images/rating.png") no-repeat 0 1em;
	bottom: 4px;
	float: none;
	height: 24px;
	margin: 0;
	min-width: 0;
	overflow: hidden;
	padding: 1em 0 0;
	position: absolute;
	right: 4px;
	white-space: nowrap;
	width: 120px;
	z-index: 2;
}

#page-rating:before
{
	content: "";
	display: block;
	height: 24px;
	white-space: nowrap;
	width: 120px;
}

#page-rating p
{
	margin: 0;
}

#page-rating p.rating a:link
{
	color: #7c7cfb;
}

#page-rating p.rating a:visited
{
	color: #9c7cbc;
}

#page-rating p.rating a:link:hover
{
	color: #00f;
}

#page-rating p.rating a:visited:hover
{
	color: #400080;
}

#page-rating span
{
	display: block;
	font-size: .6667em;
	height: 1.5em;
	left: 0;
	line-height: 1.5em;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 0;
	white-space: nowrap;
	width: 120px;
}

#page-rating p.rate span
{
	text-indent: 200%;
}

#page-rating p.rate:hover span
{
	text-indent: 0;
}

#page-rating p.rate:hover+p.rating span
{
	text-indent: 200%;
}

#page-rating a.pc100:before
{
	background: url("/images/rating.png") no-repeat 0 -24px;
	content: "";
	display: block;
	height: 24px;
	width: 0;
}

#page-rating.pc0 a.pc100:before
{
	width: 20%;
}

#page-rating.pc5 a.pc100:before
{
	width: 24%;
}

#page-rating.pc10 a.pc100:before
{
	width: 28%;
}

#page-rating.pc15 a.pc100:before
{
	width: 32%;
}

#page-rating.pc20 a.pc100:before
{
	width: 36%;
}

#page-rating.pc25 a.pc100:before
{
	width: 40%;
}

#page-rating.pc30 a.pc100:before
{
	width: 44%;
}

#page-rating.pc35 a.pc100:before
{
	width: 48%;
}

#page-rating.pc40 a.pc100:before
{
	width: 52%;
}

#page-rating.pc45 a.pc100:before
{
	width: 56%;
}

#page-rating.pc50 a.pc100:before
{
	width: 60%;
}

#page-rating.pc55 a.pc100:before
{
	width: 64%;
}

#page-rating.pc60 a.pc100:before
{
	width: 68%;
}

#page-rating.pc65 a.pc100:before
{
	width: 72%;
}

#page-rating.pc70 a.pc100:before
{
	width: 76%;
}

#page-rating.pc75 a.pc100:before
{
	width: 80%;
}

#page-rating.pc80 a.pc100:before
{
	width: 84%;
}

#page-rating.pc85 a.pc100:before
{
	width: 88%;
}

#page-rating.pc90 a.pc100:before
{
	width: 92%;
}

#page-rating.pc95 a.pc100:before
{
	width: 96%;
}

#page-rating.pc100 a.pc100:before
{
	width: 100%;
}

#page-rating p.rate a
{
	background: url("/images/rating.png") no-repeat 0 24px;
	height: 24px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 200%;
	top: 1em;
	white-space: nowrap;
}

#page-rating p.rate a:hover
{
	background-position: 0 -48px;
}

#page-rating p.rate a.pc100:hover:before, #page-rating p.rate a:hover+a.pc100:before,
#page-rating p.rate a:hover+a+a.pc100:before, #page-rating p.rate a:hover+a+a+a.pc100:before,
#page-rating p.rate a:hover+a+a+a+a.pc100:before
{
	background-position: 0 24px;
}

#page-rating a.pc0
{
	width: 24px;
	z-index: 4;
}

#page-rating a.pc25
{
	width: 48px;
	z-index: 3;
}

#page-rating a.pc50
{
	width: 72px;
	z-index: 2;
}

#page-rating a.pc75
{
	width: 96px;
	z-index: 1;
}

#page-rating a.pc100
{
	width: 120px;
	z-index: 0;
}

/* Tables */

caption
{
	background: url("/images/bg.png?eee");
	font-weight: bolder;
	margin: 4px 0;
}
table
{
	background: #fff;
	border: 1px solid #666;
	outline: 1px solid #ddd;
	overflow: hidden; /* KHTML puts the outline around the caption, which we
	                     don't want. Luckily, KHTML also has a bug that
	                     hides the outline when overflow is hidden. No
	                     outline for you! */
	table-layout: fixed;
	width: 100%;
}
html:first-child table
{
	/* Dirty hack for an Opera clipping issue, but fairly inconsequential
	   considering that the overflow: hidden; only really affected KHTML
	   anyway. */
	overflow: visible;
}
tbody th.header
{
	background-color: #e7e7e7;
}
tbody th.feature
{
	background-color: #f7f7f7;
	font-weight: normal;
}
tbody th.feature .set
{
	color: #008;
}
td
{
	background: #f7f7f7;
	text-align: center;
}
td.info
{
	cursor: help;
	text-decoration: overline;
}
*.hastitle
{
	cursor: help;
}
*.hastitle *
{
	cursor: auto;
}
td abbr, td acronym
{
	border: 0;
}
th
{
	background-color: #dedede;
}
thead th.feature
{
	width: 40%;
}
thead th.ua
{
	width: 20%;
}
tr.summary_total td, tr.summary_total th.feature
{
	font-weight: bold;
}
#support-doctypes th.feature
{
	font-size: .75em;
}

/* Page headers */


body.article
{
	background-image: url("/style/images/article-bg.jpg");
}
body.article h1
{
	background: #80e64d;
	border-color: #407327;
}
html>body.article h1
{
	background: url("/images/bg.png?80e64d");
}
body.article h1:before, body.article h1:after
{
	border-color: #c0f3a6;
}

body.browser-info
{
	background-image: url("/style/images/browser-info-bg.jpg");
}
body.browser-info h1
{
	background: #ccf;
	border-color: #666680;
}
html>body.browser-info h1
{
	background: url("/images/bg.png?ccf");
}
body.browser-info h1:before, body.browser-info h1:after
{
	border-color: #e6e6ff;
}

body.dev-tools
{
	background-image: url("/style/images/dev-tools-bg.jpg");
}
body.dev-tools h1
{
	background: #9cf;
	border-color: #4d6680;
}
html>body.dev-tools h1
{
	background: url("/images/bg.png?9cf");
}
body.dev-tools h1:before, body.dev-tools h1:after
{
	border-color: #cce6ff;
}

body.david-hammond
{
	background-image: url("/style/images/david-hammond-bg.jpg");
}
body.david-hammond h1
{
	background: #f66;
	border-color: #803333;
}
html>body.david-hammond h1
{
	background: url("/images/bg.png?f66");
}
body.david-hammond h1:before, body.david-hammond h1:after
{
	border-color: #ffb3b3;
}

body.firefox
{
	background-image: url("/style/images/firefox-bg.jpg");
}
body.firefox h1
{
	background: #f96;
	border-color: #804d33;
}
html>body.firefox h1
{
	background: url("/images/bg.png?f96");
}
body.firefox h1:before, body.firefox h1:after
{
	border-color: #ffccb3;
}

body.ie
{
	background-image: url("/style/images/ie-bg.jpg");
}
body.ie h1
{
	background: #39f;
	border-color: #1a4d80;
}
html>body.ie h1
{
	background: url("/images/bg.png?39f");
}
body.ie h1:before, body.ie h1:after
{
	border-color: #99ccff;
}

body.opera
{
	background-image: url("/style/images/opera-bg.jpg");
}
body.opera h1
{
	background: #f66;
	border-color: #803333;
}
html>body.opera h1
{
	background: url("/images/bg.png?f66");
}
body.opera h1:before, body.opera h1:after
{
	border-color: #ffb3b3;
}

body.profile
{
	background-image: url("/style/images/profile-bg.jpg");
}
body.profile h1
{
	background: #e6b300;
	border-color: #735a00;
}
html>body.profile h1
{
	background: url("/images/bg.png?e6b300");
}
body.profile h1:before, body.profile h1:after
{
	border-color: #f3d980;
}

body.security
{
	background-image: url("/style/images/security-bg.jpg");
}
body.security h1
{
	background: #f99;
	border-color: #804d4d;
}
html>body.security h1
{
	background: url("/images/bg.png?f99");
}
body.security h1:before, body.security h1:after
{
	border-color: #ffcccc;
}

body.web-devout
{
	background-image: url("/style/images/web-devout-bg.jpg");
}
body.web-devout h1
{
	background: #9cf;
	border-color: #4d6680;
}
html>body.web-devout h1
{
	background: url("/images/bg.png?9cf");
}
body.web-devout h1:before, body.web-devout h1:after
{
	border-color: #cce6ff;
}

body.web-standards
{
	background-image: url("/style/images/web-standards-bg.jpg");
}
body.web-standards h1
{
	background: #9cf;
	border-color: #4d6680;
}
html>body.web-standards h1
{
	background: url("/images/bg.png?9cf");
}
body.web-standards h1:before, body.web-standards h1:after
{
	border-color: #cce6ff;
}

/* Misc */

p.error, h2.error, div.protest
{
	background: #f99;
	border: 1px solid #92383e;
	margin: 5px 0;
}
div.protest
{
	margin-top: 0;
	position: relative;
}
div.protest input.hide
{
	background: url(/images/basic/close-x.png) no-repeat 0 0;
	border: 0;
	display: block;
	height: 0;
	opacity: .6;
	padding: 33px 0 0 0;
	position: absolute;
	right: 4px;
	top: 5px;
	width: 33px;
}
div.protest input.hide:hover
{
	opacity: 1;
}
div.protest input.hide:hover:active
{
	background-position: 1px 1px;
}
div.protest input.hide:focus
{
	opacity: 1;
}
html>body p.error, html>body h2.error, html>body div.protest
{
	background: url("/images/bg.png?f99");
}
p.error:before, h2.error:before, div.protest:before
{
	border-left-color: #fcc;
	border-top-color: #fcc;
}
p.error:after, h2.error:after, div.protest:after
{
	border-bottom-color: #fcc;
	border-right-color: #fcc;
}

p.success, h2.success
{
	background: #80e64d;
	border: 1px solid #407327;
	margin: 5px 0;
}
html>body p.success, html>body h2.success
{
	background: url("/images/bg.png?80e64d");
}
p.success:before, h2.success:before
{
	border-left-color: #c0f3a6;
	border-top-color: #c0f3a6;
}
p.success:after, h2.success:after
{
	border-bottom-color: #c0f3a6;
	border-right-color: #c0f3a6;
}

p.quote-source
{
	margin-left: 1em;
}

p.notice
{
	background: #eee;
	margin: 4px 0;
	text-align: center;
}
.longtext li
{
	margin: 1em 0 0 0;
	padding: 0;
}
a.toplink:link, a.toplink:visited
{
	background: url("/images/up.png") no-repeat 0 0;
	color: #bfd9bf;
	display: block;
	float: right;
	font-size: smaller;
	height: 24px;
	margin: 4px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-indent: 32px;
	top: -.6em;
	width: 24px;
	z-index: 1;
}
a.toplink:hover
{
	background-position: 0 -24px;
	color: #060;
}
dl.websites dd
{
	margin-top: 1em;
	margin-bottom: 1em;
}
body.homepage div div, body.web-standards #dom div
{
	float: left;
	margin: -.75em 1% 0;
	min-width: 256px;
	width: 48%;
}
body.homepage div div div
{
	float: none;
	margin: 0 !important;
	min-width: 0;
	width: auto !important;
}
body.web-standards #dom .toplink
{
	margin-bottom: -100%;
}
body.web-standards #dom div
{
	margin-top: 0;
}
body.web-standards #usage div
{
	padding-top: 0;
}
body.web-standards #usage div
{
	display: table;
	border-collapse: collapse;
	margin: 0;
}
body.web-standards #usage div div
{
	display: table-cell;
}
body.web-standards #usage div .toplink,
body.web-standards #usage-general h3
{
	display: none;
}
body.web-standards .usage_general
{
	padding-right: .5em;
}
body.web-standards .usage_attributes
{
	border-left: 1px solid #ccc;
	padding-left: .5em;
}
body.web-standards .usage_attributes h3
{
	background: transparent;
	border: 0;
	font-size: 1em;
	outline: 0;
	padding: 0;
	text-align: center;
}
body.web-standards .usage_attributes h3:before,
body.web-standards .usage_attributes h3:after
{
	background: transparent;
	content: "";
}
body.web-standards .usage_attributes ul
{
	margin-left: 0;
	margin-right: 0;
}
body.web-standards .usage_attributes li
{
	white-space: nowrap;
}
.license, .site_info
{
	color: #666;
	font-size: .6667em;
	position: relative;
	z-index: 1;
}

.site_info
{
	margin: .5em 128px;
	padding: 0;
	text-align: center;
}

.site_info li
{
	border-left: .09em solid #666;
	display: inline;
	margin-left: .1em;
	padding-left: .4em;
}

.site_info li.first-child
{
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

body.homepage div div a.external:link, body.homepage div div a.external:visited,
.license a.external:link, .license a.external:visited,
.site_info a.external:link, .site_info a.external:visited
{
	background-image: none;
	padding-right: 0;
}

span.match
{
	font-weight: bolder;
}
#results li
{
	margin-bottom: 1em;
}
#results li p
{
	margin: 0;
}
#results li .source
{
	color: #009900;
	font-size: .8em;
}
#pageselect
{
	text-align: center;
}

body.david-hammond .photo
{
	display: block;
	margin: 0 auto;
}

body.david-hammond .vcard .photo
{
	float: right;
	margin: 0 .25em;
}

/* Fixed column widths */

table.cols1 thead th
{
	width: 100%;
}
table.cols2 thead th
{
	width: 50%;
}
table.cols3 thead th
{
	width: 33%;
}
table.cols4 thead th
{
	width: 25%;
}
table.cols5 thead th
{
	width: 20%;
}
table.cols6 thead th
{
	width: 17%;
}
table.cols7 thead th
{
	width: 14%;
}
table.cols8 thead th
{
	width: 13%;
}
table.cols9 thead th
{
	width: 11%;
}

table.cols2 thead th.feature
{
	width: 50%;
}
table.cols2 thead th.ua
{
	width: 50%;
}
table.cols3 thead th.feature
{
	width: 50%;
}
table.cols3 thead th.ua
{
	width: 25%;
}
table.cols4 thead th.feature
{
	width: 40%;
}
table.cols4 thead th.ua
{
	width: 20%;
}
table.cols5 thead th.feature
{
	width: 40%;
}
table.cols5 thead th.ua
{
	width: 15%;
}
table.cols6 thead th.feature
{
	width: 40%;
}
table.cols6 thead th.ua
{
	width: 12%;
}
table.cols7 thead th.feature
{
	width: 40%;
}
table.cols7 thead th.ua
{
	width: 10%;
}
table.cols8 thead th.feature
{
	width: 30%;
}
table.cols8 thead th.ua
{
	width: 10%;
}
table.cols9 thead th.feature
{
	width: 28%;
}
table.cols9 thead th.ua
{
	width: 9%;
}

#continue
{
	display: list-item;
	list-style-image: url("/images/basic/continue.gif");
	list-style-position: inside;
}
.skiplist
{
	display: none;
}
.nav
{
	text-align: center;
}
.malware
{
	background: #fcc;
	padding: 0 .2em;
}
#firefox_news-feeds
{
	display: none;
}
#firefox_news-feedlist
{
	display: block;
}
#firefox_news-feedlist li
{
	display: inline;
}
a.feed
{
	background: #f60;
	border-color: #f93 #c30 #c30 #f93;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-size: .75em;
	font-weight: bolder;
	padding: 0 .125em;
	text-decoration: none;
}

/* Feature support colors */

td.pc0, td.no
{
	background-color: #ff99ac;
}
td.pc5
{
	background-color: #ffa6ab;
}
td.pc10
{
	background-color: #ffb2aa;
}
td.pc15
{
	background-color: #ffbbaa;
}
td.pc20
{
	background-color: #ffc5a9;
}
td.pc25
{
	background-color: #ffcea8;
}
td.pc30
{
	background-color: #ffd6a7;
}
td.pc35
{
	background-color: #ffdda6;
}
td.pc40
{
	background-color: #ffe3a6;
}
td.pc45
{
	background-color: #ffe9a5;
}
td.pc50, td.incomplete
{
	background-color: #ffefa4;
}
td.pc55
{
	background-color: #fcf2a4;
}
td.pc60
{
	background-color: #f2f5a4;
}
td.pc65
{
	background-color: #e8f8a3;
}
td.pc70
{
	background-color: #defba3;
}
td.pc75
{
	background-color: #d4fea3;
}
td.pc80
{
	background-color: #cbffa2;
}
td.pc85
{
	background-color: #c0ffa2;
}
td.pc90
{
	background-color: #b4ffa2;
}
td.pc95
{
	background-color: #a7ffa1;
}
td.pc100, td.yes
{
	background-color: #99ffa1;
}

td.unknown
{
	background-color: #ffffff;
}
td.err
{
	background-color: #cc6666;
	font-weight: bolder;
}

td.rmq
{
	background-color: #ff9999;
}
td.rma
{
	background-color: #e6b3e6;
}
td.rms
{
	background-color: #ccccff;
}

/* Information bubbles */

#infobubble
{
	margin: 9px 0 0 16px;
	max-width: 33%;
	padding: 7px 0 0 0;
	position: fixed;
	z-index: 10;
}

#infobubble.off
{
	display: none;
}
#infobubble.on
{
	display: block;
}

#infobubble *
{
	background: #ffc;
	border-color: #000;
	border-style: solid;
	border-width: 0 1px;
	font-size: 1em;
	margin: 0;
	outline: 0;
	padding: 2px;
	padding-top: 1em;
	text-align: left;
}
#infobubble * *
{
	background: transparent;
	border: 0;
	padding: 0;
}

#infobubble h1
{
	background: transparent url("/images/details.gif") no-repeat left top;
	border: 0;
	height: 8px;
	left: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: 256px;
	top: 0;
	white-space: nowrap;
	width: 15px;
}
#infobubble h1:before, #infobubble h1:after,
#infobubble h2:before, #infobubble h2:after
{
	display: none;
}

#infobubble ul, #infobubble ol
{
	list-style-position: inside;
}

#infobubble *.after-heading
{
	padding-top: 0;
}
#infobubble *.first-child
{
	border-top-width: 1px;
	padding-top: 2px;
}
#infobubble *.last-child
{
	border-bottom-width: 1px;
}

/* Content editing */

td.editing
{
	background: #eef;
	padding: 0;
	text-decoration: none !important;
	vertical-align: top;
}
td.editing input
{
	background: #eef;
	border: 0;
	display: block;
	font: inherit;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
td.editing textarea
{
	background: #ddf;
	border: 0;
	border-top: 1px solid #000;
	display: block;
	height: 5em;
	margin: 0;
	overflow: auto;
	padding: 0;
	width: 100%;
}
.submitchanges
{
	display: block;
	margin: 1em 0;
}

/* Statistics */

.graph img
{
	display: inline;
}

.stat_graphs .graph
{
	background: #9cf;
	display: block;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative;
	width: 100%;
}
.stat_graphs .graph img, .stat_graphs .graph object
{
	display: block;
	position: relative;
	z-index: 1;
}

.graph dl
{
	margin: -219px 1px 0;
	height: 219px;
	padding: 0;
	position: relative;
}
.graph dt
{
	background: #ffc;
	border-left: 1px solid #8ab8e6;
	border-right: 1px solid #8ab8e6;
	height: 219px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: 200%;
	top: 0;
	white-space: nowrap;
	z-index: 0;
}
.graph dd
{
	height: 219px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: 200%;
	top: 0;
	white-space: nowrap;
	z-index: 2;
}

/* Meta data profiles */

dl.profile dt
{
	font-weight: bolder;
}

