/************* reset & general ************/

*:focus { outline: none; } /* all elements implement their own focus effect */
*::-moz-focus-inner { border: none; } /* remove dotted outline on focused input.button in firefox */

p,div,li,th,td { font-family: Verdana,Geneva,sans-serif; font-size: 14px; }
pre  { font-family: "Lucida Console",Monaco,monospace; font-size: 13px; line-height: 17px; }
code { font-family: "Lucida Console",Monaco,monospace; font-size: 13px; color: #800; background: transparent; }
ul { list-style-type: square; margin-top: 2px; margin-bottom: 2px; }
li { margin: 3px; }
li.gap { list-style-type: none; }
small { font-size: 75%; }
p { margin: 14px 0px; }
p.error { color: #800; font-size: 16px; font-weight: bold; text-align: center; }

.nowrap { white-space: nowrap; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

div.cvs { color: #000; background: #aaa; border: 1px solid #555; margin: 15px; padding: 5px; font-weight: bold; text-align: center; }

.red { color: #800; background: transparent; }
.yellow { color: #660; background: transparent; }
.green { color: #070; font-weight: bold; background: transparent; }

p.blockquote { margin: 1em 2em 2em; font-family: Verdana,Geneva,sans-serif; font-size: 14px; }
p.blockquote_topnews { margin: 2px 2em 7px; }
p.morenews { margin: 0px; text-align: right; }
span.news_page { border: 1px solid #777; padding: 0px 4px 2px; }

img.icon { vertical-align: top; }

/****************** body ******************/

body		{ color: #000; margin: 0px; padding: 0px; font-family: Verdana,Geneva,sans-serif; font-size: 14px;
				background: #ccc; background: url(images/bg.png); background-repeat: repeat;
}
body div.body { margin: 14px 14px 35px; padding: 0px; }
hr			{ color: #222; background: #222; border: none; border-top: 2px solid #222; }
hr.center	{ color: #222; background: #222; border: none; border-top: 2px solid #222; width: 50%; margin: 0px auto; }
hr.faint	{ color: #aaa; background: #aaa; border: none; border-top: 2px solid #aaa; }

a			{ color: #33e; background: transparent; text-decoration: underline; padding: 0px 4px 2px; border: 1px solid transparent; white-space: nowrap; display: inline-block; }
a:visited	{ color: #632ea2; }
a:active,
a:hover		{ color: #33e; background: #ddd; text-decoration: none; border-color: #fff; border-right-color: #444; border-bottom-color: #444;
		background: -moz-linear-gradient(top, #eee, #ccc);
		background: -webkit-linear-gradient(top, #eee, #ccc);
		background: -o-linear-gradient(top, #eee, #ccc);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#cccccc");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#cccccc")';
}
a:focus		{ outline: 1px dotted #fff; }

a.img { color: #77d; background: transparent; text-decoration: underline; padding: 0px; border: none; white-space: nowrap; }
a.img:visited { color: #77d; }
a.img:active,
a.img:hover,
a.img:focus {
	color: #fff; background: transparent; padding: 0px; border: none; filter: none; -ms-filter: none; outline: 1px dotted #fff;
	/* IE8 needs filter:none, padding:0 and border:none */
}
a.img img { border: none; vertical-align: bottom; }

/*************** black body ***************/

body.black	{ color: #f00; background: #000; margin: 0px; padding: 0px; font-family: Verdana,Geneva,sans-serif; font-size: 14px; }
body.black div.body	{ margin: 0px 0px 35px; padding: 0px; }
hr.black	{ color: #700; background: #700; border: none; border-top: 2px solid #700; margin: 0px 15px; }

a.black			{ color: #ddd; background: transparent; text-decoration: none; font-weight: bold; padding: 0px; border: none; }
a.black:visited	{ color: #aaa; }
a.black:active,
a.black:hover	{ color: #1e1; background: transparent; padding: 0px; border: none; filter: none; -ms-filter: none; } /* IE8 needs filter:none, padding:0 and border:none */
a.black:focus	{ color: #1e1; background: transparent; outline: 1px dotted #1e1; }

a.blackimg { color: #ddd; background: transparent; text-decoration: none; font-weight: bold; padding: 0px; border: none; }
a.blackimg:visited { color: #ddd; }
a.blackimg:active,
a.blackimg:hover,
a.blackimg:focus {
	color: #1e1; background: transparent; padding: 0px; border: none; filter: none; -ms-filter: none; outline: 1px dotted #1e1;
	/* IE8 needs filter:none, padding:0 and border:none */
}
a.blackimg img { border: none; vertical-align: bottom; }

/********** title navigation bar **********/	/* (non project pages) */

p.titlenav { border-width: 0px; border-bottom: 3px solid #222; margin: 0px; padding: 0px 0px 0px; font-weight: bold; text-align: right; font-size: 12px; }

p.titlenav a { color: #ddd; background: #000; text-decoration: none; font-size: 12px; padding: 2px 7px 2px 6px; border: 1px solid #222; border-bottom: none;
		background: -moz-linear-gradient(top, #666, #000);
		background: -webkit-linear-gradient(top, #666, #000);
		background: -o-linear-gradient(top, #666, #000);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#666666", endColorStr="#000000");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#666666", endColorStr="#000000")';
}
p.titlenav a:visited { color: #ddd; }
p.titlenav a:active,
p.titlenav a:hover	{ color: #1e1; }
p.titlenav a:focus	{ outline: 1px dotted #fff; }

/************* navigation bar *************/

p.nav			{ width: 100%; margin: 0px 0px 12px; padding: 2px 0px 0px; border: none; text-align: left; font-size: 11px; }
p.nav span		{                        padding: 2px 7px 2px 6px; border: none; font-weight: bold; font-size: 13px; }
p.nav a			{ text-decoration: none; padding: 2px 7px 2px 6px; border: none; font-weight: bold; }
p.nav a:visited	{ }
p.nav a:active,
p.nav a:hover	{ text-decoration: none; padding: 2px 7px 2px 6px; border: none; font-weight: bold; }
p.nav a:focus	{ outline: 1px dotted #fff; }

.black p.nav			{ border-bottom: 3px solid #666; margin-top: 1px; }
.black p.nav span		{ color: #000; background: #666; border: 1px solid #555; border-bottom: none;
		-moz-border-radius: 2px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px;
		-webkit-border-radius: 2px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;
		border-radius: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
		background: -moz-linear-gradient(top, #777, #666);
		background: -webkit-linear-gradient(top, #777, #666);
		background: -o-linear-gradient(top, #777, #666);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#777777", endColorStr="#666666");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#777777", endColorStr="#666666")';
}
.black p.nav a { color: #ddd; background: #111;
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		background: -moz-linear-gradient(top, #444, #000);
		background: -webkit-linear-gradient(top, #444, #000);
		background: -o-linear-gradient(top, #444, #000);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#444444", endColorStr="#000000");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#444444", endColorStr="#000000")';
}
.black p.nav a:visited { color: #ddd; }
.black p.nav a:active,
.black p.nav a:hover,
.black p.nav a:focus    { color: #f00; background: #0a0;
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		background: -moz-linear-gradient(top, #1a1, #000);
		background: -webkit-linear-gradient(top, #1a1, #000);
		background: -o-linear-gradient(top, #1a1, #000);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#11aa11", endColorStr="#000000");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#11aa11", endColorStr="#000000")';
}
.black p.nav a:focus	{ outline: 1px dotted #f00; }

.pagebox p.nav			{ border-bottom: 3px solid #aaa; }
.pagebox p.nav span		{ color: #000; background: #aaa; border: 1px solid #888; border-bottom: none;
		-moz-border-radius: 2px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px;
		-webkit-border-radius: 2px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;
		border-radius: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
		background: -moz-linear-gradient(top, #bbb, #aaa);
		background: -webkit-linear-gradient(top, #bbb, #aaa);
		background: -o-linear-gradient(top, #bbb, #aaa);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#bbbbbb", endColorStr="#aaaaaa");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#bbbbbb", endColorStr="#aaaaaa")';
}
.pagebox p.nav a { color: #000; background: #bbb;
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		background: -moz-linear-gradient(top, #aaa, #ccc);
		background: -webkit-linear-gradient(top, #aaa, #ccc);
		background: -o-linear-gradient(top, #aaa, #ccc);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#aaaaaa", endColorStr="#cccccc");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#aaaaaa", endColorStr="#cccccc")';
}
.pagebox p.nav a:visited { color: #000; }
.pagebox p.nav a:active,
.pagebox p.nav a:hover,
.pagebox p.nav a:focus	{ color: #fff; background: #55c;
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		background: -moz-linear-gradient(top, #77d, #cce);
		background: -webkit-linear-gradient(top, #77d, #cce);
		background: -o-linear-gradient(top, #77d, #cce);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#7777dd", endColorStr="#ccccee");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#7777dd", endColorStr="#ccccee")';
}
.pagebox p.nav a:focus  { outline: 1px dotted #fff; }

/*********** header and footer ************/

h2.title { margin: 0px; font-family: Verdana,Geneva,sans-serif; font-size: 24px; text-align: center; } /* page name above p.titlenav */

table.title		{ margin: 0px; padding: 0px; border: none; border-spacing: 0px; width: 100%; } /* project header */
table.title th	{ text-align: left;  padding: 0px 25px; } /* project name\logo and description */
table.title td	{ text-align: right; padding: 0px 25px; font-size: 10px; } /* sf logo and sf project page link */
img.title	{ margin-bottom: 4px; } /* sf project logo */
h1.title	{ margin: 0px 0px 4px; font-size: 36px; color: #922; } /* project name - no logo */
b.title		{ margin: 0px; font-size: 12px; font-weight: bold; } /* description below project name\logo */

div.title { display: inline; } /* no longer used? */

div.qzxlogo { display: inline; float: right; margin-top: 5px; padding: 10px; background: #171717;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
div.qzxmini { margin: auto; width: 105px; background: #171717; padding: 5px; text-align: center;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.qzxface { display: inline; float: right; margin-top: 5px; margin-left: 8px; padding: 0px; }

p.copyright { margin: 0px; text-align: center; font-size: 12px; }

/*********** content and forms ************/

div.pagebox { margin: 15px 30px; color: #000; border: 3px solid #bbb; padding: 6px; min-width: 700px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	background: #ccc; background: url(images/bg.png); background-repeat: repeat;
}
body.black * div.pagebox { border-color: #777; }

table.pagebox	 { margin: 5px; } /* cellpadding=3 */
table.pagebox th { color: #000; border: 2px solid #000; padding: 5px; text-align: center; background: #ccc; background: url(images/bg.png); background-repeat: repeat; }
table.pagebox td { color: #000; border: 1px solid #000; padding: 5px; text-align: left; background: #ccc; background: url(images/bg.png); background-repeat: repeat; }

div.subbox { margin: 15px; color: #000; background: #c3c3c3; border: 2px solid #aaa; padding: 6px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

input, textarea { color: #000; background: #fff; border: 1px solid #999; padding: 6px 6px 5px; font-family: "Lucida Console",Monaco,monospace; font-size: 14px; line-height: 14px;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	outline: none;
}
textarea { line-height: 17px; }
input:hover,
textarea:hover { border-color: #000; }
input:focus,
textarea:focus { border-color: #000; -moz-box-shadow: 0 0 5px #444; -webkit-box-shadow: 0 0 5px #444; box-shadow: 0 0 5px #444; }

/**************** buttons *****************/

input.button:default,
input.default-button { outline: 1px dotted #77f; outline-offset: -3px; }
input.button	{ color: #000; background: #ccc; font-family: Verdana,Geneva,sans-serif; font-weight: bold; font-size: 12px; line-height: 12px; padding: 7px 10px; margin: 2px 5px;
				  border: 1px solid #fff; border-right-color: #444; border-bottom-color: #444; min-width: 20px; }
input.button:hover,
input.button:focus { color: #000; background: #ddd; outline: 1px dotted #77f; outline-offset: -3px; cursor: pointer; -moz-box-shadow: 0 0 5px #33e; -webkit-box-shadow: 0 0 5px #33e; box-shadow: 0 0 5px #33e; }

/***************** tables *****************/

table.grid th { border: 1px solid #666; padding: 3px 4px; color: #aaa; background: #4e4d55; font-weight: bold; text-align: left; }
table.grid td { border: 1px solid #666; padding: 3px 4px 4px; color: #000; background: transparent; }
table.grid td.empty	  { color: #000; background: transparent; border: 1px solid transparent; } /* transparent hack for webkit */
table.grid td.topline { color: #000; background: transparent; border: 1px solid transparent; border-top: 1px solid #666; padding-bottom: 10px; padding-top: 5px; }

/**************** lightbox ****************/

/* auto-centering won't work properly if margins are used -- padding and borders are okay */
div.lightboxArrowBuffer { margin: 0px; padding: 0px; border: none; cursor: pointer;
		background: transparent; back\ground-color: transparent; background-image: url(lightbox/blank.gif); }
div.lightboxArrow { margin: 0px; padding: 20px; border: none; background: #500; opacity:0.70; filter: alpha(opacity=70);
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
div.lightboxArrow img { margin: 0px; padding: 0px; border: none; }
#lightboxScaledImagePopup { margin: 0px; padding: 20px; border: none; background: #500; opacity:0.80; filter: alpha(opacity=80);
		color: #fff; font-size: 20px; font-weight: bold; text-align: center;
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#lightbox { margin: 0px; padding: 20px 20px 8px; border: none; background: #ccc;
		-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lightboxContent { margin: 0px; padding: 0px; color: #000; background: #ccc; border: none; }
#lightboxDetails { margin: 0px; padding: 3px 0px 0px; border: none; border-top: 1px solid #999; }
#lightboxCaption { margin: 0px; padding: 3px 0px 0px; border: none; font-size: 18px; color: #000; text-align: left; }
#lightboxKeyboard { margin: 0px; padding: 0px; border: none; font-size: 11px; color: #000; text-align: right; }
#lightbox img { margin: 0px; padding: 0px; border: none; clear: both; }
#lightbox a { margin: 0px; padding: 0px; border: none; }
#lightboxCloseButton { margin: 0px; padding: 0px; border: none; top: 0px; right: 0px; }
#lightboxLoadingImage { margin: 0px; padding: 0px; border: none; }
#lightboxOverlay { margin: 0px; padding: 0px; border: none; background-image: url(lightbox/overlay.png); }
* html #lightboxOverlay { background-color: #333; back\ground-color: transparent; background-image: url(lightbox/blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lightbox/overlay.png', sizingMethod='scale'); }

/******************************************************************************************************************************/

/****************** asui ******************/

a.installer { color: #000; background: #8c8; text-decoration: none; padding: 1px 4px 2px;
		border: 1px solid #ddd; border-right-color: #aaa; border-bottom-color: #aaa;
		background: -moz-linear-gradient(top, #9d9, #7b7);
		background: -webkit-linear-gradient(top, #9d9, #7b7);
		background: -o-linear-gradient(top, #9d9, #7b7);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#99dd99", endColorStr="#77bb77");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#99dd99", endColorStr="#77bb77")';
}
a.installer:visited { color: #000; }
a.installer:active,
a.installer:hover,
a.installer:focus { border-color: #fff; border-right-color: #444; border-bottom-color: #444; }

table.asui td { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
table.asui td.main-button { border-width: 2px; }

div.todo_note { display: none; color: #000; background: transparent; border: 1px solid #444; border-top-width: 0px; padding: 5px; font-weight: normal; }

/****************** brix ******************/

h3.title { text-align: center; text-decoration: underline; font-weight: bold; font-size: 16px; }

span.notes { display: block; text-align: right; margin-right: 5px; }
span.notes a { text-decoration: none; margin: 0px; }
span.rednote { color: #800; background: transparent; }
div.notes { display: none; color: #000; background: #ccc; border: 1px solid #444; padding: 5px; margin: 2px 5px 40px; border-width: 0px 1px 3px; }

/* temporary notes (visible) */
ul.todo { color: #008; background: #ccc; border: 2px solid #00a; padding: 5px; margin: 15px 5px; list-style-type: square; }
ul.todo li { margin: 3px; margin-left: 12px; }

a.unfinished		{ color: #22c; background: transparent; text-decoration: line-through; padding: 0px 4px 2px; border: 1px solid transparent; white-space: nowrap; font-weight: bold; }
a.unfinished:visited{ color: #551a8b; }
a.unfinished:active,
a.unfinished:hover	{ color: #22c; background: #bbb; text-decoration: none; border-color: #ddd; border-right-color: #222; border-bottom-color: #222;
		background: -moz-linear-gradient(top, #eee, #ccc);
		background: -webkit-linear-gradient(top, #eee, #ccc);
		background: -o-linear-gradient(top, #eee, #ccc);
		filter:      progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#cccccc");
		-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee", endColorStr="#cccccc")';
}
a.unfinished:focus	{ outline: 1px dotted #fff; }

div.code { color: #000; background: #bbb; border: 2px solid #333; padding: 5px; margin-left: 20px; margin-right: 20px; }
div.code ul { margin-bottom: 0px; }

p.conbar { color: #000; background: #b0c0b0; margin: 0px; text-align: center; padding: 1px 1px; }
h1.contitle { color: #000; background: #bbb; font-size: 20px; font-weight: bold; text-align: center; padding: 0px 0px 2px; }

pre.xn { color: #000; background: transparent; margin: 0px; } /* license.html */
pre.xo { color: #800; background: transparent; margin: 0px; } /* license.html */
pre.xi { color: #070; background: transparent; margin: 0px; } /* license.html */

/*************** openspace ****************/

span.update   { color: #800; background: transparent; }

table.graybox { margin: 8px auto; width: 95%; border: none; }
table.graybox td { color: #000; background: transparent; border: 1px solid #999; }

/****************** nano ******************/

b.jumbo { color: #000; background: #bbb; padding: 3px; }

div.cmd { border-width: 0px 0px 0px 1px; border-style: solid; border-color: #070; padding: 5px; margin: 20px 5px 10px; }
div.cmd span { color: #070; }
div.cmd pre { margin: 0px 20px 0px; color: #000; background: #c0c0c0; padding: 3px; }
div.cmd p.blockquote { margin: 0px 20px 0px; }
div.cmd p.blockquote span { color: #070; }

div.newcmd { border-width: 0px 0px 0px 1px; border-style: solid; border-color: #800; padding: 5px; margin: 20px 5px 10px; }
div.newcmd pre { margin: 0px 20px 0px 20px; color: #000; background: #c0c0c0; padding: 3px; }
div.newcmd p.blockquote { margin: 0px 20px 0px; }
div.newcmd p.blockquote span { color: #800; }

/***************** pc-gpe *****************/

td.pcgpe { border-left: 1px solid #777; border-right: 0px; border-top: 0px; border-bottom: 0px; }
div.pcgpe { margin: 10px; }

/***************** ideas ******************/

span.revision { color: #fff; background: #800; padding: 0px 2px; }