BODY {
	font-size: small;
}

PRE, TABLE, TR, TD, TH {
	font-size: inherit;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: .75em;
}

A:link, A:visited {
	text-decoration: none;
}
A:hover, A:active {
	text-decoration: underline;
}

.error {
	font-weight: bold;
	color: red;
	background-color: white;
	border: 1px solid;
	border-color: red;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}
BODY {
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 13px;
	background-color: white;
	color: black;
}

P {
	text-indent: 2em;
}

P,
LI {
	text-align: justify;
}

TD > P:first-child,
TH > P:first-child {
	margin-top: 0;
}

H1 {
	font-size: 2em;
	margin: 1.5em 0 0 0;
}

A {
	transition-property: color, text-decoration;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: color, text-decoration;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: color, text-decoration;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: color, text-decoration;
	-o-transition-duration: 1s;
	-o-transition-timing-function: ease-in-out;
}
A:hover {
	transition-duration: .21s;
	-moz-transition-duration: .21s;
	-webkit-transition-duration: .21s;
	-o-transition-duration: .21s;
}

HR {
	margin: 1em 0;
}
HR.hr {
	height: 6px;
}

DIV.blurb {
	font-size: x-small;
	margin-bottom: 3em;
}

UL.ilist {
	margin: 0;
	padding: 0;
	text-align: center;
}

UL.ilist LI {
	display: inline;
	padding: 0 .5em;
}

UL.noindent {
	margin: 0;
	padding: 0 1.4em;
	list-style-type: square;
}

UL.detach LI {
	margin: .5em 0;
}

.para {
	margin: 1em 0;
}

.center {
	text-align: center;
}
.align-left {
	text-align: left;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.margin {
	margin: 1em;
}

.overflow {
	overflow: auto;
}

P.msg.ok,
DIV.msg.ok,
P.msg.err {
	text-align: center;
	text-indent: 0;
	margin: 2em;
	padding: 1em;
}

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

#top {
	width: 100%;
	min-width: 820px;
	height: 39px;
	position: absolute;
	top: 0;
	left: 0;
}

#top .left {
	float: left;
	width: 19px;
	height: 39px;
}

#top .right {
	height: 39px;
	padding-right: 19px;
	line-height: 37px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}

#top .right A {
	text-decoration: none;
}

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

#wrapper {
	position: relative;
	padding: 10px 10px;
	width: 800px;
	margin: auto;
	margin-top: 39px;
}

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

#navig {
	float: left;
	width: 249px;
	margin: 40px 15px 40px 0;
}

#navig.right {
	float: right;
	margin: 40px 0 40px 65px;
}

#navig.wnd.bold LI {
	font-weight: bold;
}

#navig.wnd DIV.bottom {
	margin-bottom: 25px;
}

#navig DIV.dev-news {
	text-align: center;
	font-size: .8em;
	margin: 40px 1em 0 1em;
	border-top: 1px dotted gray;
	padding: 5px;
}

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


#tail {
	padding-top: 13px;
	clear: both;
}

#tail DIV.a,
#tail DIV.b {
	float: left;
	height: 19px;
	width: 1px;
}
#tail DIV.b {
	float: right;
}
#tail DIV.c {
	height: 19px;
}

#tail DIV.in {
	border: 1px solid black;
	border-top: none;
	padding: 1em;
	text-align: right;
	font-size: .8em;
}

#tail .button {
	float: left;
	clear: left;
}

#tail .button.made IMG {
	border: 0;
}

#tail HR {
	display: none;
}

#tail UL.ilist {
	text-align: right;
}

#tail A,
#tail I,
#tail SPAN {
	white-space: nowrap;
}

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

DIV.wnd {
	width: 249px;
	overflow: hidden;
}

DIV.wnd H2 {
	height: 45px;
	overflow: hidden;
	line-height: 50px;
	font-size: 20px;
	padding: 0 20px;
	margin: 0;
}

DIV.wnd DIV.in {
	padding: 13px 26px;
}

DIV.wnd UL {
	margin: 0;
	padding: .5em 0;
}

DIV.wnd UL LI {
	display: block;
	margin: .5em 6px;
}

DIV.wnd DIV.hr {
	height: 6px;
	margin: 13px -13px;
}

DIV.wnd DIV.bottom {
	height: 12px;
}

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

DIV.lightbox-top {
	height: 24px;
}
DIV.lightbox-top-out {
	height: 24px;
	padding-left: 24px;
}

DIV.lightbox-body {
	padding: 0 24px 1px 0;
}
DIV.lightbox-body-out {
	padding-left: 24px;
}

DIV.lightbox-bottom {
	height: 24px;
}
DIV.lightbox-bottom-out {
	padding-left: 24px;
}

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

DIV.table.fill {
	margin: 20px 0;
}

DIV.table.fill DIV.top {
	height: 110px;
	position: relative;
	top: -10px
}

DIV.table.fill DIV.body {
	padding: 25px;
	min-height: 350px;
	margin-top: -120px;
	position: relative;
	bottom: -10px
}

DIV.table.fill.small DIV.body {
	padding: 6px 25px 0 25px;
	min-height: 165px;
}

DIV.table.fill.clear {
	clear: both;
	margin: 2em 0 5em 0;
}

DIV.table.fill DIV.share {
	float: right;
	margin: 10px 6px;
	padding: 2px 6px;
}

DIV.table.fill DIV.fbook,
DIV.table.fill DIV.plus1 {
	float: left;
	margin: 10px 6px;
	padding: 2px 6px;
}

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

DIV.table.poll {
	margin: 3em 0 5em 0;
}

DIV.table.poll TABLE {
	border-spacing: 13px 6px;
}

DIV.table.poll TH {
	padding-bottom: 2em;
}

DIV.table.poll TR.foot TD {
	padding-top: 2em;
}

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

DIV.social-bookmarks {
	text-align: center;
}

DIV.social-bookmarks .sbimg {
	background: url("../../images/bookmarks/bookmarks.png") no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
}

DIV.social-bookmarks:hover IMG,
DIV.social-bookmarks:hover .sbimg {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

DIV.social-bookmarks:hover IMG:hover,
DIV.social-bookmarks:hover .sbimg:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	outline: 1px dotted blue;
}

DIV.social-bookmarks IMG,
DIV.social-bookmarks .sbimg,
DIV.social-bookmarks:hover IMG,
DIV.social-bookmarks:hover .sbimg {
	transition-property: opacity;
	transition-duration: .71s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: opacity;
	-moz-transition-duration: .71s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .71s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: opacity;
	-o-transition-duration: .71s;
	-o-transition-timing-function: ease-in-out;
}
DIV.social-bookmarks:hover IMG:hover,
DIV.social-bookmarks:hover .sbimg:hover {
	transition-duration: .21s;
	-moz-transition-duration: .21s;
	-webkit-transition-duration: .21s;
	-o-transition-duration: .21s;
}

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

DIV.donate {
	float: right;
	margin: 0 25px 25px 25px;
}

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

.linebar {
	width: 50px;
	height: 50px;
	background-color: red;
	color: red;
}
#intro {
	margin: 1em 0;
}

#intro .title {
	height: 110px;
}
#intro .title * {
	display: none;
}

#intro .bottom {
	height: 309px;
	overflow: hidden;
}

#intro .text {
	height: 184px;
	overflow: auto;
}
#intro .text .padding {
	margin: 30px 40px 10px 40px;
}
#intro .text B {
	font-weight: normal;
}
#intro .text A B {
	font-weight: bold;
}

#intro .left {
	float: left;
	width: 416px;
	height: 77px;
}
#intro .left DIV.fbook,
#intro .left DIV.plus1 {
	position: relative;
	top: 0;
	margin: .5em 2em;
	padding: .2em .5em;
	width: 240px;
}
#intro .left DIV.fbook DIV,
#intro .left DIV.plus1 DIV {
	font-size: .8em;
	padding: 0 2em;
}

#intro .button {
	float: left;
}
#intro .button A {
	display: block;
	width: 308px;
	height: 77px;
}
#intro .button A,
#intro .button A:hover {
	transition-property: background-image;
	transition-duration: .71s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: background-image;
	-moz-transition-duration: .71s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: background-image;
	-webkit-transition-duration: .71s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: background-image;
	-o-transition-duration: .71s;
	-o-transition-timing-function: ease-in-out;
}
#intro .button A SPAN {
	display: none;
}

#intro .right {
	float: left;
	width: 76px;
	height: 77px;
}

#intro .notes {
	clear: both;
	padding: 2px 80px 0 320px;
	font-size: 10px;
	height: 40px;
	overflow-y: auto;
}
#intro .notes P {
	text-align: right;
	text-indent: 0;
	margin: 0;
}
#intro .notes P SPAN {
	display: none;
}

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

#insight {
	margin: 2em 0 0 0;
	width: 530px;
	float: right;
}

#insight .pager {
	height: 55em;
	overflow: hidden;
}

#insight .page {
	height: 54em;
	padding: 0 2em;
	position: relative;
	margin-bottom: 3em;
	overflow: hidden;
}

#insight .navig {
	margin: 2em 0 1em 0;
}

#insight .navig UL.ilist {
	text-align: center;
	padding: 0 2em;
	margin: 0;
	font-size: .8em;
}

#insight .page H3 {
	padding: 0;
	margin: 0 0 1em 0;
	font-size: 1.5em;
}
#insight .page H4 {
	text-align: center;
	text-decoration: underline;
	margin: .5em 0;
	padding: 0;
}

#insight .page H4 + P {
	margin-top: .5em;
}

#insight .page .scroll {
	margin: 0 -1em;
	padding: 0 1em;
	height: 44em;
	overflow: auto;
}

#insight TABLE.awards TD {
	text-align: center;
}

#insight TABLE.awards IMG {
	margin: .5em;
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

#insight TABLE.awards IMG:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

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

TABLE.features {
	margin: auto;
	border-spacing: 6px 4px;
}

TABLE.features THEAD TH,
TABLE.features TFOOT TH {
	padding: 2px .5em;
	empty-cells: hide;
}

TABLE.features TBODY TH,
TABLE.features TBODY TD {
	padding: 2px .5em;
	empty-cells: hide;
	font-size: .85em;
}

TABLE.features TBODY TH {
	font-weight: normal;
	text-align: left;
}

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

DIV.download.table DIV.body {
	padding: 1em 1.5em;
}
DIV.download.table.small DIV.body {
	padding: 1em 1.5em;
}

DIV.download.table H2 {
	margin: 40px 0 6px 0;
	font-size: 1em;
}

DIV.download.table H2 SPAN {
	padding: 2px 1em;
}

DIV.download.table H2 SMALL {
	margin-left: 3em;
}

DIV.download.table DIV.text,
DIV.download.table DIV.links {
	padding: .5em;
}

DIV.download.table DIV.type {
	clear: both;
	margin: .5em 0;
}

DIV.download.table H3 {
	float: left;
	width: 150px;
	margin: .2em 0;
	font-size: .8em;
	font-weight: normal;
}

DIV.download.table DIV.link {
	float: left;
	width: 290px;
}

DIV.download.table DIV.share,
DIV.download.table DIV.fbook,
DIV.download.table DIV.plus1 {
	margin-top: 4em;
}

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

DIV.langs.table DIV.body {
	padding: 13px 20px 60px 20px;
}

DIV.langs.table DIV.text {
	padding: 6px;
}

DIV.langs.table TABLE {
	margin: 40px 0;
}

DIV.langs.table TD {
	padding: 4px 12px;
}

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

DIV.filters.table TABLE {
	border-spacing: 2px 12px;
	font-size: 13px;
	width: 100%;
}

DIV.filters.table TH {
	margin: 2em 0 0 0;
	padding: 2px 12px;
	width: 50%;
}

DIV.filters.table TR TD {
	vertical-align: top;
	padding: 0 12px;
}

DIV.filters.table TR TD:first-child {
	text-align: right;
	width: 25%;
}

DIV.filters.table TABLE PRE {
	margin: 0;
	padding: 2px 12px;
	overflow: auto;
}

DIV.filters.table TR.break TD {
	height: 40px;
}

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

#shots {
	text-align: center;
}

#shots IMG {
	margin: 10px;
	border: 0;
}

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

#changes DL {
	margin: 2em 0;
}

#changes DT {
	font-weight: bold;
	font-size: 1.3em;
}

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

#bugs {
	margin: 40px;
}

#bugs H2 {
	font-size: 1.3em;
}

#bugs LI {
	margin-top: .5em;
}

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

#buttons {
	text-align: center;
}

#buttons TABLE {
	display: inline;
}

#buttons TABLE TD {
	text-align: center;
	padding: 25px;
}

#buttons TABLE A {
	text-decoration: none;
}

#buttons TABLE IMG {
	border: 0;
	margin: 6px;
}

PRE.buttons {
	font-size: .9em;
	padding: 13px;
	background-color: white;
	color: black;
}

PRE.buttons B {
	font-weight: normal;
	color: blue;
}

PRE.buttons I {
	color: red;
}

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

#author IMG {
	margin: 0 13px;
	border: 0;
}

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

DIV.faq {
	margin: 1em 0;
}
DIV.faq H3 {
	margin: 0;
	font-weight: normal;
}
DIV.faq H3 U {
	margin: 0;
	font-weight: bold;
}

DIV.faq DIV.answ {
	margin: 0 1em;
	overflow: hidden;
	background-color: white;
}
DIV.faq DIV.answ,
DIV.faq DIV.lightbox-body,
DIV.faq DIV.lightbox-body-out,
DIV.faq.lightbox {
	transition-property: height;
	transition-duration: .41s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: height;
	-moz-transition-duration: .41s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: height;
	-webkit-transition-duration: .41s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: height;
	-o-transition-duration: .41s;
	-o-transition-timing-function: ease-in-out;
}

DIV.faq DIV.answ DIV.vote {
	text-align: right;
}

BODY.faq-get {
	margin: 2em;
}

BODY.faq-get P {
	text-indent: 0;
}

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

DIV.howto-replace {
	padding: 13px 26px;
	margin: 60px 13px;
	background-color: white;
	color: black;
}

DIV.howto-replace H2 {
	margin: 0 0 2em 0;
}

DIV.howto-replace I,
DIV.howto-replace CODE {
	color: green;
}

DIV.howto-replace PRE {
	border: 1px solid gray;
	padding: 6px 26px;
	overflow: auto;
}

DIV.howto-replace DIV.helpful {
	margin-top: 5em;
	text-align: right;
	font-size: .8em;
}

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

DIV.fools.table DIV.body {
	padding: 26px 45px 40px 45px;
}

DIV.fools.table H1 {
	margin-top: 0;
}

DIV.fools.results {
	margin: 60px;
}

DIV.fools.results:hover {
	color: inherit;
}

DIV.fools.results HR {
	display: none;
}

DIV.fools.results P {
	text-indent: 0;
	margin: 2em 0;
}

DIV.fools.results LI {
	margin: .5em;
}

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

DIV.letters {
	position: relative;
}

DIV.letters DIV.letter {
	float: left;
	width: 200px;
	border: 1px dashed gray;
	padding: 16px;
	margin: 16px;
}

DIV.letters DIV.letter.long {
	float: none;
	clear: both;
	width: auto;
}

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

DIV.intro-extra {
	position: absolute;
	right: -16.5em;
	top: 26px;
	width: 15em;
	padding: 0 .5em;
}

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

DIV.thanks {
	position: relative;
}

DIV.thanks DIV.one,
DIV.thanks DIV.two {
	float: left;
	width: 350px;
	padding: 20px;
}

DIV.thanks DIV.two {
	float: right;
}

DIV.thanks H2 {
	text-align: center;
}

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

DIV.social.option {
	margin: 2em;
}
DIV.social.option IMG {
	margin: 10px 30px;
	margin-left: 0;
}

DIV.social.option DIV.desc {
	margin-left: 160px;
}
A:link,
A:visited {
	color: #007;
}

A:hover,
A:active {
	color: #700;
}

HR.hr {
	background: url("line.png") center center no-repeat;
	border: none;
}

P.msg.ok,
DIV.msg.ok {
	border: 1px solid black;
	background-color: #ccf;
	color: #008;
}

P.msg.err {
	border: 1px solid black;
	background-color: #fcc;
	color: #800;
}

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

#top {
	background: url("top.png") center center repeat-x;
}

#top .left {
	background: url("top.png") left top no-repeat;
}

#top .right {
	background: url("top.png") right bottom no-repeat;
}

#top .right A {
	color: #003;
}
#top .right A:hover {
	color: #800;
}

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

#navig.wnd DIV.wmark {
	background: url("wmark.png") right bottom no-repeat;
}

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

#tail DIV.a,
#tail DIV.b {
	background: url("tail-top.png") center top no-repeat;
}

#tail DIV.c {
	background: url("tail-top.png") center bottom repeat-x;
}

#tail DIV.in {
	background-color: #fffed2;
}

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

#intro .title {
	background: url("intro.png") center top no-repeat;
}

#intro .bottom {
	background: url("table-bottom.png") center bottom no-repeat;
}

#intro .left DIV.fbook,
#intro .left DIV.plus1 {
	border: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: url("white70.png") repeat;
}

#intro .button {
	background: url("intro-button.png") center top no-repeat;
}
#intro .button A:hover {
	background: url("intro-button.png") center bottom no-repeat;
}

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

#insight .page H4 {
	color: gray;
}

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

DIV.wnd H2 {
	background: url("wnd.png") left top no-repeat;
}

DIV.wnd DIV.out {
	background: url("wnd.png") center center repeat-y;
}

DIV.wnd DIV.in {
	background: url("wnd.png") right bottom no-repeat;
}

DIV.wnd DIV.hr {
	background: url("wnd.png") -13px -94px no-repeat;
}

DIV.wnd DIV.bottom {
	background: url("wnd.png") left bottom no-repeat;
}

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

DIV.lightbox-top-out {
	background: url("lightbox-top.png") left bottom no-repeat;
}
DIV.lightbox-top {
	background: url("lightbox-top.png") right top no-repeat;
}

DIV.lightbox-body-out {
	background: url("lightbox-middle.png") left center repeat-y;
}
DIV.lightbox-body {
	background: url("lightbox-middle.png") right center repeat-y;
}

DIV.lightbox-bottom-out {
	background: url("lightbox-bottom.png") left bottom no-repeat;
}
DIV.lightbox-bottom {
	background: url("lightbox-bottom.png") right top no-repeat;
}

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

DIV.table.fill {
	background: url("table-mid.png") center center repeat-y;
}

DIV.table.fill DIV.top {
	background: url("table-top.png") center top no-repeat;
}

DIV.table.fill DIV.body {
	background: url("table-bottom.png") center bottom no-repeat;
}

DIV.table.fill.small DIV.body {
	background: url("table-bottom-small.png") center bottom no-repeat;
}

DIV.table.fill DIV.share,
DIV.table.fill DIV.fbook,
DIV.table.fill DIV.plus1 {
	border: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: url("white30.png") repeat;
}

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

TABLE.features THEAD TH,
TABLE.features TFOOT TH {
	border: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: url("white50.png") repeat;
}

TABLE.features TBODY TH,
TABLE.features TBODY TD {
	border: 1px solid #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: url("white30.png") repeat;
}

TABLE.features TBODY TH {
	background: url("white50.png") repeat;
}

TABLE.features TBODY TH:hover,
TABLE.features TBODY TD:hover {
	background: url("white70.png") repeat;
}

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

DIV.download.table H2 SPAN {
	border: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: url("white30.png") repeat;
}

DIV.download.table DIV.links {
	border: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: url("white30.png") repeat;
}

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

DIV.filters.table TH {
	border: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: url("white30.png") repeat;
}

DIV.filters.table TABLE PRE {
	border: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: url("white50.png") repeat;
}

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

DIV.faq H3 B,
DIV.faq H3 U {
	color: black;
}

DIV.faq H3 A:hover *,
DIV.faq H3 A:active * {
	color: #700;
}

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

PRE.buttons {
	border: 1px dotted black;
}

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

DIV.thanks {
	background: url("hline.png") center center no-repeat;
}

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

DIV.howto-replace {
	border: 1px dotted black;
}

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

DIV.fools.results {
	color: gray;
}
A:link,
A:visited {
	color: #040;
}

A:hover,
A:active {
	color: #007;
}

#top .right A {
	color: #030;
}
#top .right A:hover {
	color: #04e;
}

#tail DIV.in {
	background-color: #ebffd8;
}

DIV.table.fill A {
	color: #005;
}

DIV.table.fill A:hover,
DIV.table.fill A:active {
	color: #00a;
}

#faq DIV.questions LI B,
#faq DIV.answ H3 B {
	color: maroon;
}