@charset "ISO-8859-1";

/* start zapper */
* {margin: 0; padding: 0; font-size: 1em; font-weight: normal; font-variant: normal; font-style: normal; text-indent: 0; text-align: left; color: #000000; background: #FFFFFF; line-height: normal}
:link, :visited {text-decoration: none}
:active {cursor: progress}
a:hover, a:active {cursor: default}
ul, ol {list-style:inside none}
a img, table, table th, table td {border:none}
/* end zapper */

/* general */

body {color: black; background: white; margin-left: 1%; margin-right: 2%; font-family: "Trebuchet MS", sans-serif; margin-bottom: 1%}
p, li, hr {max-width: 70ex}
p {margin: 0; text-indent: 2ex}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.2em}
h1, h2, h3, h4, h5, h6 {font-weight: bold; margin-bottom: 1ex; margin-top: 1ex; text-shadow: 0.4ex 0.4ex 0.4ex #CCCCCC}
li h4, li h5, li h6 {margin: 0}

table {margin-top: 1em; margin-bottom: 1em; border-collapse: collapse}
caption {text-align: center; font-size: 1.2em; font-style: italic; font-weight: bold;text-shadow: 0.4ex 0.4ex 0.4ex #CCCCCC}
th {font-weight: bold}

em {font-style: italic}
strong {font-weight: bold}
code {font-family: monospace}
blockquote {font-family: monospace; margin-top: 2em; margin-bottom: 2em; padding-left: 1em; display: block; border-left: solid black 0.2em}
blockquote blockquote {margin-top: 1em; margin-bottom: 1em}
blockquote p {margin-top: 1em; text-indent: 0}

a[href] {text-decoration: underline /*; white-space: nowrap */} /* a[href] {white-space: pre-line} */
a:link {color: blue; background: inherit}
a:visited {color: purple; background: inherit}
a:link:hover, a:link:active, A:visited:hover, A:visited:active {color: white; background: #6666FF}
a:link:hover *[title], a:link:active *[title], a:visited:hover *[title], a:visited:active *[title] {color: white; background: #6666FF}
a:hover, a:active {cursor: pointer}

ul, ol {margin-left:3em; padding-left: 0; list-style: outside}
ul ul, ol ol {margin-left:2.5em}
li {list-style-type: square}

body *[hreflang]:after {content: " [" attr(hreflang) "]"; font-size: 0.9em; vertical-align: super}

abbr.firstinstance[title], acronym.firstinstance[title] {border-bottom: dotted 1px black}
abbr[title], acronym[title] {border-bottom: none}
abbr[title]:hover, acronym[title]:hover {color: gray; background: inherit}

[title] {border-bottom: dotted 1px black; cursor: help}
img[title] {border-bottom: inherit}
input[title] {border-bottom: none} /* required only by Opera, 9.0 */
a:link *[title], a:visited *[title] {border-bottom: none}
a:link *[title] {color: blue; background: inherit}
a:visited *[title] {color: purple; background: inherit}

/* indicate non-web pages */
body *[type="application/rss+xml"]:after {content: "[RSS]"; font-size: 0.9em; vertical-align: super}

/* liven up: */
h2 + p:first-letter {font-family: Textile, "Marker Felt", sans-serif;color: #6666FF; background: inherit; float: left; padding: 0 1ex 0 0; font-size: 4ex; font-style: italic; font-weight: bold; text-shadow: 0.4ex 0.4ex 7px #CCCCCC}
h2 + p {text-indent: 0; margin-bottom: 1em}

/* Sections */

div.top h1 {color: #6666FF; background: inherit; text-align: right; margin: 0; padding: 0; text-shadow: #CCCCCC 4px 4px 4px}
div.menu {position: fixed; top: 10%; left: 0}
div.content {margin-left: 25ex; padding-left: 2ex; border-top: 1px dashed black}
div.footer {position: fixed; bottom: 1em; left: 1em; font-size: 0.9em}
div.footer div.rss {margin-bottom: 1em}
div.footer div.rss img {width: 1.5em; height: 1.5em}
div#moddate {color: gray; background: inherit; font-size: 0.9em; float: left}

/* .menu {border-left: solid medium gray} */
.menu * {white-space: nowrap}
.menu [title] {border-bottom: none}
.menu li {list-style-type: none; margin-top: 0.5ex; margin-bottom: 0.5ex}
.menu * {font-variant: small-caps}
.menu li.current {list-style-type: square; color: #6666FF; background: inherit}
/* but a list-style-type on small-caps screws up webkit */
.menu li.current * {list-style-type: none; color: black; background: inherit}
.menu ul {margin-left: 1.5em; padding-left: 0}
.menu ul ul {margin-left: 1.5em}
.menu a {text-decoration: none; color: inherit; background: inherit}
.menu a:hover, .menu a:active {color: white; background: #6666FF/* #DDDDDD */; text-decoration: none}

/* might aid screen readers: */ .menu #navheading {display:none}

/* .menu H3 {font-size: 1em; font-weight: normal; font-variant: normal; color: #333; text-indent: 0.5em; border-bottom: thin solid #6666FF} */


/* Specific */

/* home page */

div.topvoted {margin-left: 2em; margin-top: 3ex; margin-bottom: 1em; padding-left: 1em; padding-top: 0; width: 20%; border-left: 1px black dashed; border-bottom: 1px black dashed; float: right}
div.topvoted>* {margin-top: 0; padding-top: 0}
div.topvoted table {width: 90%}
div.topvoted table tr td {padding-left: 0.4ex; padding-right: 0.4ex; text-align: left}

.must, .should, .bonus {font-variant: small-caps; font-weight: bold}
.must {color: red; background: inherit}
.should {color: #900; background: inherit}
.bonus {color: #000; background: inherit}

table#CMSs {border-collapse: collapse; margin-bottom: 1em; width: 100%}
/* table#CMSs tbody {overflow: auto; height: 60ex} */
table#CMSs th, table#CMSs td {border: thin black solid; padding: 0.5ex 0.5ex 0.5ex 0.5ex; vertical-align: top; text-align: center}

/*
table#CMSs TD:first-child:before {content:  counter(item) ". "; counter-increment: item; color: grey; font-size: 0.8em; display: block; float:left; width: 5ex}
table#CMSs td:first-child a {margin-left: 5ex; display:block}
*/

table#CMSs col {text-align: center}
table#CMSs col#col_name {}
table#CMSs col#col_vote {text-align: left} /* else td.votes overrides in iCab */
table#CMSs col#col_p_lang {}
table#CMSs col#col_oss {}
table#CMSs col#col_function {}
table#CMSs col#col_os {}
table#CMSs col#col_server {}
table#CMSs col#col_dbase {}
table#CMSs col#col_remarks {}
table#CMSs thead *, table#CMSs tfoot * {color: inherit; background: #eee}
table#CMSs td.votes {text-align: left} /*else col#col_vote overrides in Safari*/
table#CMSs td.votes span.votepercentage {}
table#CMSs td input.voteselector {float: right}


/* table#filter td, table#filter th {padding-left: 0.5ex; padding-right: 0.5ex} */
div#filter {}
div#filter fieldset {border: none}
div#filter label {}

table#CMSs th#thName {}
table#CMSs th#thVotes {}
table#CMSs th#thPlang {}
table#CMSs th#thOss {}
table#CMSs th#thFunction {}
table#CMSs th#thRunReq {}
table#CMSs th#thOs {}
table#CMSs th#thServer {}
table#CMSs th#thDbase {}

/*
div#CMSsNav {padding-top: 1em; padding-bottom: 1em; border: solid thin black; margin-bottom: 1em}
div#CMSsNav INPUT {display: inline}
div#CMSsNav INPUT[name="previous"] {float: left}
div#CMSsNav INPUT[value="all"] {margin-left: 45%; margin-right: 45%}
div#CMSsNav INPUT[name="next"] {float: right}
*/
div#CMSsNav {display: table; width: 100%; margin-bottom: 1em}
div#CMSsNavRow {display: table-row}
div.CMSsNavCell {display: table-cell; text-align: center; empty-cells: show; width: 33.3%/*; border: solid thin black*/}
div.CMSsNavCell input[name="all"] {text-align: center}
div.CMSsNavCell input[name="previous"] {float: left}
div.CMSsNavCell input[name="next"] {float: right}

/* for news pages */
/* make news item dates function as list item markers */
ul.newslist {margin-top: 2ex; margin-left: 0; padding-left: 0}
ul.newslist > li {margin-bottom: 1em; list-style-type: none}
ul.newslist h3.newsdate {display: inline; font-size: 1em; font-weight: normal}
/* present teaser as a sort of sub-header; makes it easier/quicker for RSS users to recognise they (probably) already read this bit */
.teaser {font-weight: bold; margin-bottom: 1em}
/* don't do that when only listing the teasers */
/* ul.newslist li .teaser {font-weight: normal} */
ul.newslist li a.permalink {font-size: 0.9em; vertical-align: super}
ul.newslist li a.permalink:before {content:"["}
ul.newslist li a.permalink:after {content:"]"}
ul.newslist div.newsitemcontent {margin-top: 1em; margin-left: 2em}
/* rules to achieve that "more" link is displayed inline */
ul.newslist div.newsitemcontent > * {display:inline}
ul.newslist div.newsitemcontent > * + * {display:block}
ul.newslist div.newsitemcontent > * + .more {display:inline}
/* redo sitewide text-indent on paragraphs */
ul.newslist li .teaser {padding-left: 2ex}
#backlink {margin-top: 2em}

/* for Requirements page */
/*
ul.reqs li {list-style-type: none}
ul.reqs li:before {content: attr(id) ":"; font-weight: bold; display: block; margin-top: 1em}
*/
ul.reqs li {margin-bottom: 1em; list-style-type: none}
ul.reqs li ul li {list-style-type: square; margin-bottom: 0}

@media print
{
	body {color: black; background: white; margin: 0; padding: 0}
	p, li {max-width: 70ex}
	p {margin: 0; text-indent: 2ex}
	p:first-letter {font-size: 1.2em}
	
	div.top h1 {/*text-shadow: none*/}
	div.menu {display: none}
	div.content {margin-left: 0; border-top: 1px dashed black}
	div.footer {position: static; font-size: 0.9em; margin-top: 2em}
	a {text-decoration:none; color: black; background: inherit}
	
	p, ul, ol, li, code, table, thead, tbody, tr, td {page-break-inside: avoid}
	h1, h2, h3, h4, h5, h6 {page-break-after: avoid; text-shadow: none}
	caption {text-shadow: none}
	
	a[href] {white-space: normal; text-decoration: none; color: inherit; background: inherit}
	[title] {border-bottom: none}
	
	abbr.firstinstance[title], acronym.firstinstance[title] {border-bottom: none}
	/* requires that CMSs is marked up as abbr, not just CMS
	abbr.firstinstance:after[title], acronym.firstinstance:after[title] {content: " [" attr(title) "]"; font-size: 0.9em}
	*/
	
	body *[hreflang]:after {content:""}
	
	table#CMSs {border-collapse: collapse; margin-bottom: 1em}
	table#CMSs th, table#CMSs td {border: thin black solid; padding: 0.5ex 0.5ex 0.5ex 0.5ex}

	div#moddate {display: none /*color: grey; background: inherit; font-size: 0.9em*/}
	.must, .should, .bonus {font-variant: small-caps; font-weight: bold}
	.must {color: black}
	.should {color: black}
	
	table#CMSs td input.voteselector {display: none}
	table#CMSs td.votes {text-align: center}
	
	div#CMSsNav {display: none}
	
	table#filter {display: none}	
	div#filter {display: none}
	
	div.footer div.rss, ul.newslist li a.permalink, p#backlink {display: none}

	/*
	a[href]:after {content:" <" attr(href) ">"}
	[title]:after {content: " (" attr(title)") "; font-size: 80%}
	*/
}

@media aural /* CSS 2.0 */
{	
	abbr {speak: spell-out}
	acronym {speak: normal}
	em {volume: loud; pitch: high; pause: 50%; speech-rate: slower}
	code {speak-punctuation: code}
	a:link[href^="http://"]:after {content: " off-site link"}
	.menu a:link[href^="http://"]:after {content: ""}

	
	div#moddate {speak-numeral: continuous}
	table#CMSs col#col_oss {speak-punctuation: code}
	
}
@media speech /* CSS 2.1 */
{	
	abbr {speak: spell-out}
	acronym {speak: normal}
	em {volume: loud; pitch: high; pause: 50%; speech-rate: slower}
	code {speak-punctuation: code}
	a:link[href^="http://"]:after {content: " off-site link"}
	.menu a:link[href^="http://"]:after {content: ""}
	
	div#moddate {speak-numeral: continuous}
	table#CMSs col#col_oss {speak-punctuation: code}
	
}
@media handheld
{
	.menu * {margin-bottom: 0}
	
	div.content {margin-left: 0}
	div.menu {position: static}

}