/* General */
body
{
	background: #ced4da;
	padding: 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 100%;
}

a
{
	text-decoration: none;
	color: #03c;
}

a:visited
{
	text-decoration: none;
	color: #039;
}

a:hover
{
	text-decoration: underline;
	color: #36f;
}

a.selected
{
	font-weight: bold;
	color: #88969e;
}

img { border: none; }

fieldset, legend, label
{
	border: none;
	margin: 0;
	padding: 0;
}
label {font-weight: bold;}
legend, .hide { display: none; }
.nobreak {white-space: nobreak;}
.basic {font-weight: normal;}

/* OSTG Navbar */
ul.ostgnavbar
{
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
	width: 100%;
}

ul.ostgnavbar li
{
	padding: 0;
	margin: 0;
	display: inline;
	list-style: none;
	font-size: 70%;
	color: #ddd;
}

ul.ostgnavbar li:before { content: "-"; }
ul.ostgnavbar li.begin:before { content: ""; }
ul.ostgnavbar li.begin { font-weight: bold; }

ul.ostgnavbar li a
{
	padding: 0 .1em;
	color: #fff;
}

ul.ostgnavbar li a:visited { color: #fff; }

/* Masthead */
#head
{
	background: #000 url("/images/sfx/bg.gif") repeat-x bottom;
	margin: 0;
	padding: 0;
	position: relative;
}

#masthead
{
	margin: 0 0 -.05em 0;
	padding: 0 0 3px 0;
	position: relative;
	background: #ced4da;
	border-bottom: 1px solid #fff;
}

#top
{
	background: #f2f2f4 url("/images/sfx/top_bg.gif") repeat-x bottom;
	border-top: 2px solid #8c9398;
	margin: 1em 0 0 0;
	height: 1.65em;
	padding: .3em 2em 0 0;
	text-align: right;
}

html > body h1 a { margin: -.42em 0 0 0; }

h1 a
{
	text-indent: -700em;
	display: block;
	text-decoration: none;
	left: 0;
	position: absolute;
	width: 202px;
	height: 1.44em;
	background: url("/images/sfx/logo.gif") no-repeat bottom left;
	margin: -.41em 0 0 0;
	padding: 0;
	z-index: 1;
}

.leftCol { margin: 0 351px 0 0; position: relative; }
.leftCol .title, .rightCol .title { border: 1px solid #CCD6EB; margin: 0; position: relative; padding: 3px; background: #fff; clear: left;}
.leftCol .title h3, .rightCol .title h3 { font-size: 100%; margin: 0; padding: 3px 60px 3px 11px; background: #CCD6EB; }
html > body .leftCol .title h3 small {top: -1px; right: -31px;}
.leftCol .title h3 small { font-size: 10px; position: absolute; top: 0; right: 358px; margin: 0; height: 27px; padding: 5px 0 0 30px; background: url(images/sfx1_bgz.gif) top left no-repeat; width:63px; }

/* Search and user account */
html > body .yahoo { top: -.9em; }

.yahoo
{
	position: absolute;
	top: -1.1em;
	right: 2.2em;
	display: block;
	margin: 0;
	color: #fff;
}

form.top fieldset, form.top legend, form.top label
{
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
}

form.top legend { display: none; }
form input.searchword { width: 8em; }

form.top
{
	float: right;
	position: relative;
	margin: 0 .5em;
	z-index: 2;
}

form.top input, form.top  select
{
	font-size: 72.3%;
	margin: 0;
}

html > body .account { margin: .3em 0 0 0; }

.account
{
	color: #88969e;
	font-size: 70%;
	position: relative;
	display: block;
	margin: .8em 0 0 0;
	z-index: 1;
}

.account a
{
	font-weight: bold;
	color: #56626d;
}

.account a.logout { font-weight: normal; }
html > body #myfav { margin: 0 0 0 .5em; }
#myfav { margin: 1px 0 0 .5em; }

/* Main nav */

#nav
{
	background: #6c0006 url("/images/sfx/nav_bg.gif") repeat-x;
	padding: .1em 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 78%;
	border-top: 2px solid #6c0006;
	border-bottom: 2px solid #6c0006;
	position: relative;
}

#nav li
{
	display: inline;
	list-style: none;
	padding: 0 1em;
	margin: 0;
}

#nav li a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: .2em 1em;
	margin: 0;
}

html > body #nav li.begin { margin: 0 0 0 1.4em; }
#nav li.begin { margin: 0 0 0 2em; }
#nav li a:hover, #high li a:hover { text-decoration: none; }

/* Highlights for main nav */
#high a, #high li.select a
{
	color: #fff !important;
	background: #adb8c4 url("/images/sfx/xbg_sub.gif") repeat-x top !important;
	padding: .2em 1em !important;
	margin: 0;
	border: 1px solid #789;
	border-top: 1px solid #56626d;
	border-bottom: 1px solid #adb8c4;
}

/* Current main nav selected */
#nav li.select a
{
	color: #fff;
	background: #6c0006;
	padding: .2em 1em !important;
}

/* subnav */
html > body #nav li ul
{
	top: 1.5em;
}
#nav li ul
{
	display: none;
	background: url("/images/sfx/main_select_bg.gif") top repeat-x #789;
	padding: .2em 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 1.9em;
	z-index: 2;
	width: 100%;
	border-bottom: 1px solid #56626d;
}

#nav li ul li
{
	padding: .2em;
	margin: 0;
}

#nav li ul li a, #nav li.select ul li a
{
	color: #fff !important;
	font-weight: normal;
	border: none;
	background: transparent !important;
	padding: .2em .4em !important;
}
html > body #nav li ul li.begin { margin: 0 0 0 1.8em !important; }
#nav li ul li.begin { margin: 0 0 0 2.5em !important; }

#nav li ul li a:hover
{
	color: #56626d !important;
}

/* Current subnav selected */

html > body #nav li.select ul, html > body #nav li#high.select ul
{
	top: 1.5em;
}
#nav li.select ul, #nav li#high.select ul
{
	z-index: 1;
	display: inline;
	top: 1.9em;
}
#nav li.select ul
{
	z-index: 1;
	display: inline;
	top: 1.85em;
}


#nav li ul li a.subscribe
{
	color: #56626d !important;
	padding: 0 1.8em 0 .2em !important;
	background: url("/images/sfx/subscribe.gif") no-repeat top right !important;
}

/* Breadcrumb */
.usernav
{
	background: #fff url("/images/sfx/usernav_bg.gif") repeat-x bottom;
	padding: 1.6em 0 0 0;
	margin: 0 0 -.8em 0;
}

#breadcrumb
{
	padding: 0 0 0 0;
	margin: 0 0 0 2.8em;
	font-size: 70%;
}

#breadcrumb li
{
	display: inline;
	padding: 0;
	margin: 0;
	color: #789;
	list-style: none;
}

#breadcrumb li:before { content: "\00BB \0020"; }
#breadcrumb li:first-child:before { content: ""; }
#breadcrumb li a { color: #56626d; }
#breadcrumb li.selected a { font-weight: bold; }

/* IE browsers*/
* html #breadcrumb li
{
	background: url("/images/sfx/arrowb.gif") no-repeat 0 50%;
	padding: 0 0 0 .8em;
	margin: 0 .2em 0 0;
}

* html #breadcrumb li.begin { background: none; }
* html #breadcrumb li:first-child { background: none; }
html > body #status { margin: 0 1em 0 0; }

#status
{
	margin: -.5em .5em 0 0;
	float: right;
}

#status a span { display: none; }

#status a:hover span
{
	display: inline;
	text-decoration: none;
	color: #56626d;
}

#status a.button b
{
	margin: 0 .5em;
	padding: 0 0;
}

#status a.button
{
	font-size: 65%;
	padding: 0 .5em;
	margin: 0;
	color: #56626d;
}

#status a:hover.button
{
	display: inline;
	text-decoration: none;
	padding: 0 .5em;
	margin: 0;
}

.online { background: #063; }
.offline { background: url("/images/sfx/status1.gif") no-repeat; }

/* Hide lists */
html > body .up { margin: 0; }

.up
{
	margin: 0 0 0 -1em;
	padding: 0 .4em;
	text-decoration: none;
	background: url("/images/sfx/minus.gif") 0 .1em no-repeat;
	left: 0;
	position: absolute;
	z-index: 2;
}

html > body .dwn { margin: 0; }

.dwn
{
	margin: 0 0 0 -1em;
	padding: 0 .4em;
	text-decoration: none;
	background: url("/images/sfx/plus.gif") 0 .1em no-repeat;
	left: 0;
	position: absolute;
	z-index: 1;
}

.column li span, #searchform span
{
	display: none;
	padding: .1em;
}

#pdetails li span, #parea li span
{
	display: inline;
	padding: .1em;
}

.column li span { font-size: 85%; }
html >body .ups { right: -1.4em; }

.ups
{
	margin: 0 0 0 -.3em;
	padding: 0 .3em;
	text-decoration: none;
	background: url("/images/sfx/minus.gif") 0 .2em no-repeat;
	right: -1.3em;
	position: absolute;
	z-index: 2;
}

html >body .dwns { right: -1.4em; }

.dwns
{
	margin: 0;
	padding: 0 .3em;
	text-decoration: none;
	background: url("/images/sfx/plus.gif") 0 .2em no-repeat;
	right: -1.3em;
	top: 0;
	position: absolute;
	z-index: 1;
}

#frame .column
{
	float: left;
	width: 21%;
	margin: .5em 0 1em 1em;
	padding: 0;
	border: none;
	position: relative;
}

#frame .column li, #frame #pdetails li, #frame #parea li
{
	padding: .3em 0 .3em 1.2em;
	position: relative;
}

#frame #pdetails li, #frame #parea li
{
	padding: .3em 0;
	position: static;
}

/* Marquee */
#sfmarquee h4
{
	font-size: 85%;
	font-weight: normal;
	height: 100px;
	padding: 0 0 0 2em;
	float: left;
	width: 50%;
	position: relative;
	margin: .8em 0 0 0;
}

#sfmarquee h4 strong
{
	font-size: 130%;
	font-weight: bold;
	padding: 0 0 0 1em;
}

#sfmarquee h4 a { color: #56626d; }
#sfmarquee h4 a:hover { text-decoration: none; }

#frame .highlights
{
	border: none;
	margin: -1em 11.5em 0 375px;
	padding: 0;
	position: relative;
}

#frame .highlights li
{
	font-size: 70%;
	color: #56626d;
	text-align: right;
	margin: 0 0 0 .3em;
	padding: .5em 40px .3em 0;
}

#frame .highlights li a
{
	font-weight: bold;
	font-size: 110%;
	color: #56626d;
}

#frame .highlights li.top { background: url("/images/sfx/potm_icon.gif") right no-repeat; }

#frame .highlights li.bottom
{
	border: none;
	background: url("/images/sfx/tf_icon.gif") right no-repeat;
}

html > body div.stats { margin: .3em 0 0 .3em; }

div.stats
{
	position: relative;
	float: right;
	width: 14.8em;
	font-size: 70%;
	color: #56626d;
	border-left: 1px solid #c1cacf;
	margin: -1em 0 0 .3em;
	padding: 0 .3em 0 .6em;
	line-height: 130%;
}

div.stats a { color: #56626d; }
div.stats b { white-space: nowrap; }

#frame ol li
{
	border: none;
	list-style: decimal;
	padding: .1em 0;
}

#frame ol
{
	margin-top: 0;
	margin-bottom: 0;
}

/* Ads */
#ad1
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#ad2
{
	text-align: center;
	z-index: 0;
}

#ad6
{
	float: right;
	width: 330px;
	text-align: left;
	z-index: 0;
}

#ad10
{
	float: left;
	margin: .5em .4em 1em .4em;
	width: 28%;
}

#ad11
{
	float: left;
	margin: .5em .4em 1em .4em;
	width: 28%;
}

#ad12
{
	float: left;
	margin: .5em .4em 1em .4em;
	width: 28%;
}

#ad13
{
	float: left;
	margin: .5em .4em 1em .4em;
	width: 20%;
}

#ad33
{
	float: left;
	margin: .5em .5em 1em .5em;
	width: 23%;
}

#ad34 { margin: 0 0 1em 0; }

#btmad #ad34
{
	float: left;
	margin: .5em .5em 1em .5em;
	width: 22%;
}

#ad7
{
	float: left;
	margin: .5em .5em 1em .5em;
	width: 22%;
}

#adpg
{
	float: left;
	margin: .5em .5em 1em .5em;
	width: 22%;
}

#adpg table.Outlines
{
	border: none;
	width: 100%;
}

#adpg table.Outlines span.font11 { display: none; }

#ostgservices
{
	float: left;
	margin: .5em .5em 1em .5em;
	width: 23%;
}

/* Layout */
#frame { margin: 1em; }
#innerframe { margin: 1em; }
.sponsor { text-align: center; }
.onewide { margin: 0 230px 0 0; }
.onewidetop { margin: 0 335px 1em 0; }

.onewidebtm
{
	margin: 0;
	clear: both;
}

.one
{
	float: left;
	width: 98%;
	margin: 0;
}

.two
{
	float: left;
	width: 48%;
	clear: left;
}

.three
{
	float: left;
	width: 48%;
	margin: 0 0 0 1em;
}

.project .two
{
	float: left;
	width: 55%;
	clear: left;
}

.project .three
{
	float: left;
	width: 38%;
	margin: 0 0 0 1em;
}

.four
{
	float: right;
	width: 220px;
	clear: right;
}

.five
{
	float: right;
	width: 328px;
	clear: right;
}

#btmad { margin: 0 -.5em; }
#frame #btmad ul { border: none; }

/* General Titlebar */
div.tbar, div.tbarhigh, div.tbarwrap, div.tbarerr, div.tbarpos { background: transparent; }

div.tbar h3, div.tbarhigh h3, div.tbardwn h3, div.tbarerr h3, div.tbarmsg h3, div.tbarpos h3
{
	margin: 0;
	font-size: 82.3%;
	color: #fff;
	border: 0;
	padding: .3em 1em;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	position: relative;
	display: block;
}

div.tbar h3 small
{
	font-size: 70%;
	font-weight: normal;
	position: absolute;
	right: 1em;
	border: 1px solid #ccc;
	background: #f60;
}

#frame div.tbar h3 small a, #frame .project h2 small span.rss a
{
	padding: 0 .2em;
	color: #fff;
}

div.tbar h3 small a:hover, .project h2 small span.rss a:hover { background: #f90; }

.ttop, .tbtm, .ttopw, .tbtmw
{
	display: block;
	background: transparent;
	font-size: 1px;
}

.t1, .t2, .t1w, .t2w
{
	display: block;
	overflow: hidden;
}

div.tbar .t2
{
	background: #fff;
	padding: 0 1px;
	border-left: 1px solid #789;
	border-right: 1px solid #789;
	height: 1px;
	margin: 0 1px;
}

div.tbar .tbg
{
	background: #fff;
	border-left: 1px solid #789;
	border-right: 1px solid #789;
}

div.tbar .t1
{
	height: 1px;
	margin: 0 2px;
	background: #789;
}

div.tbar .tbox
{
	display: block;
	background: url("/images/sfx/xbg.gif") repeat-x #789;
	border: 0 solid #789;
	border-top: 1px solid #789;
	border-width: 0 1px;
}

/* Highlighted titlebar */
div.tbarhigh .t2
{
	background: #fff;
	padding: 0 1px;
	border-left: 1px solid #39f;
	border-right: 1px solid #39f;
	height: 1px;
	margin: 0 1px;
}

div.tbarhigh .tbg
{
	background: #fff;
	border-left: 1px solid #39f;
	border-right: 1px solid #39f;
}

div.tbarhigh .t1
{
	height: 1px;
	margin: 0 2px;
	background: #39f;
}

div.tbarhigh .tbox
{
	display: block;
	background: url("/images/sfx/xbghigh.gif") repeat-x #03c;
	border: 0 solid #39f;
	border-top: 1px solid #39f;
	border-width: 0 1px;
}

/* Download titlebar */
div.tbardwn
{
	width: 17em;
	margin: 0 0 .3em 1em;
}

#frame div.tbardwn .tbox h3 { padding-right: 3em; }
#frame div.tbardwn .tbox h3 a { color: #fff; }

#frame div.tbardwn .tbox h3 a:hover
{
	color: #fff;
	text-decoration: none;
}

#frame div.tbardwn h3 small
{
	color: #fff;
	padding: 10px;
	position: absolute;
	right: 10px;
	top: -6px;
	background: url("/images/sfx/dwnl_arrow.gif") top right no-repeat;
}

div.tbardwn .t2
{
	background: #fff;
	padding: 0 1px;
	border-left: 1px solid #093;
	border-right: 1px solid #093;
	height: 1px;
	margin: 0 1px;
}

div.tbardwn .tbg
{
	background: #fff;
	border-left: 1px solid #093;
	border-right: 1px solid #093;
}

div.tbardwn .t1
{
	height: 1px;
	margin: 0 2px;
	background: #093;
}

div.tbardwn .tbox
{
	display: block;
	background: #093;
	border: 0 solid #093;
	border-top: 1px solid #093;
	border-width: 0 1px;
}

/* Error message */
div.tbarerr h3, div.tbarpos h3 { padding: .3em .3em .3em 48px; }
div.tbarerr, div.tbarpos { margin-bottom: 1em; }

div.tbarerr h3 span, div.tbarpos h3 span
{
	display: block;
	font-weight: normal;
	font-size: 95%;
}

div.tbarerr .t2
{
	background: #fff;
	padding: 0 1px;
	border-left: 1px solid #900;
	border-right: 1px solid #900;
	height: 1px;
	margin: 0 1px;
}

div.tbarerr .tbg
{
	background: #fff;
	border-left: 1px solid #900;
	border-right: 1px solid #900;
}

div.tbarerr .t1
{
	height: 1px;
	margin: 0 2px;
	background: #900;
}

div.tbarerr .tbox
{
	display: block;
	background: #900 url("/images/sfx/erricon.gif") top left no-repeat;
	border: 0 solid #900;
	border-top: 1px solid #900;
	border-width: 0 1px;
}

/* Positive message */
div.tbarpos .t2
{
	background: #fff;
	padding: 0 1px;
	border-left: 1px solid #060;
	border-right: 1px solid #060;
	height: 1px;
	margin: 0 1px;
}

div.tbarpos .tbg
{
	background: #fff;
	border-left: 1px solid #060;
	border-right: 1px solid #060;
}

div.tbarpos .t1
{
	height: 1px;
	margin: 0 2px;
	background: #060;
}

div.tbarpos .tbox
{
	display: block;
	background: #060 url("/images/sfx/posicon.gif") top left no-repeat;
	border: 0 solid #060;
	border-top: 1px solid #060;
	border-width: 0 1px;
}

/* Main content wrapper */
div.tbarwrap .wrap
{
	margin: 0;
	font-size: 1em;
	color: #000;
	border: none;
	padding: 0 1px;
	border-left: 1px solid #789;
	border-right: 1px solid #789;
}

div.tbarwrap .wrap small
{
	color: #56626d;
}

div.tbarwrap .wrap small a
{
	font-weight: bold;
	color: #56626d;
}

div.tbarwrap .tbgw
{
	background: #789;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

div.tbarwrap .t1w
{
	height: 1px;
	margin: 0 2px;
	background: #fff;
}

div.tbarwrap .tboxw
{
	display: block;
	background: #fff;
	border: 0 solid #fff;
	border-top: 1px solid #fff;
	border-width: 0 1px;
	margin: 0;
	padding: 0;
}

div.tbarwrap .t2w
{
	background: #789;
	padding: 0 1px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 1px;
	margin: 0 1px;
}

.tshade
{
	border-top: 1px solid #ccc;
	background: #ddd;
	height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #eee;
}

.bshade
{
	border-top: 1px solid #eee;
	background: #ddd;
	height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #ccc;
	clear: both;
}

/* Sectional header and project header */
.topnav { position: relative; }

.project h2 small
{
	font-size: 60%;
	font-weight: bold;
	position: absolute;
	right: 3em;

}

.project h2 span.rss
{
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	border: 1px solid #ccc;
	background: #f60;
	margin: 0 0 0 1em;
}

.project h2 small a { padding: 0 .2em; }
.project h2 span { padding: 0 22em 0 0; }

.project h2
{
	font-size: 115%;
	border-bottom: 1px solid #789;
	margin: -.5em 0 0 0;
	padding: 0 0 .1em 0;
}

.project h2 small a.donate
{
	background: url("/images/sfx/donate.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}
.project h2 small a.acceptdonate
{
	background: url("/images/sfx/acceptdonate.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}
.project h2 small a.eclipse
{
	background: url("/images/sfx/eclipse.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}

.project h2 small a.stats
{
	background: url("/images/sfx/stats.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}

small a.security, small b.security
{
	background: url("/images/sfx/security.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}

small a.help
{
	background: url("/images/sfx/help.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}

.project h2 small a.monitor
{
	background: url("/images/sfx/monitor.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}

.project h2 small a.monitor_stop
{
	background: url("/images/sfx/monitor_stop.gif") 6px 0px no-repeat;
	padding: 0 0 0 2em;
}

.project li a.potm
{
	background: url("/images/sfx/potm.gif") no-repeat;
	padding: 0 0 0 1em;
}

#frame .project ul.nav
{
	border: none;
	margin: .3em;
	padding: 0;
}

#frame .project ul.nav li
{
	border: none;
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#frame .project ul.nav li a
{
	border-left: 1px solid #789;
	padding: 0 .2em 0 .4em;
}

#frame .project ul.nav li.begin a
{
	border: none;
	padding: 0 .2em 0 0;
}

#frame .project ul.nav li.select a
{
	font-weight: bold;
	color: #56626d;
}

#frame .project ul
{
	margin: .5em 1em 1em 1em;
	padding: 0;
	border-top: none;
}

#frame .project ul li ul
{
	padding: 0;
	margin: 0;
	border-bottom: none;
	font-size: 100%;
}

#frame .project ul li li
{
	padding: .5em 0;
	border-bottom: none;
	font-size: 100%;
}

/* Project */
#frame p.brief
{
	margin: 1em 0 1em 2em;
	line-height: 130%;
	font-size: 70%;
	color: #56626d;
}

#frame p.brief a { color: #56626d; }

/* Tables */
#frelease tr { background: #e6eaed; }

#frelease
{
	font-family: arial, sans-serif;
	font-size: 80%;
	width: 94%;
	margin: 0 auto;
	border: 1px solid #789;
}

#frelease tr th
{
	padding: .2em;
	background: #46525d;
	color: #fff;
	text-align: center;
	border-left: 1px solid #789;
}

#frelease td
{
	text-align: center;
	padding: .1em .2em;
	border-top: 1px solid #fff;
	border-left: 1px solid #ddd;
}

#frelease th small { color: #fff; }
#frelease small { font-weight: normal; }
#frelease col.date { width: 10em; }
#frelease col.release { width: 7em; }
#stripes tr { border-top: 1px solid #d6dbdf; }

#stripes
{
	border: 1px solid #789;
	font-family: arial, sans-serif;
	font-size: 80%;
	width: 100%;
}

#stripes tr th
{
	padding: .2em;
	background: #46525d;
	color: #fff;
	text-align: left;
}

#stripes tr.package
{
	background: #789;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
}

#stripes td { padding: .1em .2em; }

#stripes tr.release
{
	background: #fff;
	font-weight: bold;
}

#stripes tr.release td
{
	padding: .2em;
	border-top: 2px solid #789;
}

#stripes th small { color: #fff; }
#stripes small { font-weight: normal; }

#stripes tr.footer
{
	background: #789;
	color: #fff;
	font-weight: bold;
}

#stripes col.package { width: 5em; }
#stripes col.release { width: 7em; }

/* General formating */
#frame p
{
	margin: .5em 1.4em 1em 1.4em;
	font-size: 82.3%;
	line-height: 130%;
}

#frame ul
{
	margin: .5em 1em 1em 1em;
	padding: 0;
	border-top: 1px solid #c1cacf;
}

#frame li
{
	margin: 0;
	padding: .5em .1em;
	list-style: none;
	border-bottom: 1px solid #c1cacf;
	font-size: 82.3%;
}

.break { clear: both; }
.breakleft { clear: left; }

.screenshot
{
	float: right;
	margin: .6em;
}

/* Docs */
div#innerframe.docs h2
{
	background: transparent;
	text-align: center;
	border: none;
	font-size: 120%;
}

div#innerframe.docs h2 a#top
{
	color: #000;
	background: transparent;
	text-align: center;
	border: none;
}

div#innerframe.docs ul
{
	margin: .5em 1em .5em 3em;
	border: none;
}

div#innerframe.docs li
{
	list-style: disc;
	padding: 0 0 .5em 0;
	border: none;
}

div#innerframe.docs dt
{
	padding: 0 0 0 3.7em;
	border: none;
}

/* alternate docs styles if innerframe not workable 
.SD h2 {background: transparent; text-align: center; border: none; font-size: 120%;}
.SD h2 a#top {color: #000; background: transparent; text-align: center; border: none;}
.SD ul {margin: .5em 1em .5em 3em; border: none;}
.SD li {list-style: disc; padding: 0 0 .5em 0; border: none;}
.SD dt {padding: 0 0 0 3.7em; border: none;}
*/

div.SDleftcol
{
	width: 30%;
	float: left;
	font-size: 120%;
	font-weight: bold;
	clear: left;
	margin: 0;
	padding: 0;
}

div.SDleftcol a { color: #666; }

div.SDrightcol
{
	margin-left: 30%;
	width: 70%;
}

div.SDbottom
{
	margin: 4em auto;
	width: 70%;
	padding: .5em 0;
	background: #ccc;
	border: 3px groove #666;
}

div.SDtoc
{
	background: #ccc;
	border: 1px solid #999;
	margin: 0 auto 2em auto;
	width: 70%;
}

div.SDtoc p
{
	font-weight: bold;
	text-align: center;
}

/* Footer */
#footer
{
	clear: both;
	margin: 1em;
	text-align: center;
}

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li
{
	margin: 0;
	padding: 0;
	display: inline;
}

#footer ul li a, #footer p
{
	font-size: 70%;
	margin: 0;
	padding: 0 .6em;
	display: inline;
}

/* Example */
#formname
{
	margin: 0 0 1em 1.3em;
	font-size: 80%;
}

form label
{
	display: block;
	margin: 0;
	padding: 0;
}

form label small
{
	display: block;
	margin: .2em;
}
form small
{
	white-space: normal;
}