html {
	background:transparent url(../../res/img/bkgd.gif) repeat scroll 198px 0;
	font-size:14px;
	height:100%;
	margin:0;
	width:100%;
}
body {
	font-family:Arial,"Lucida Grande",sans-serif;
	font-size:14px;
	height:100%;
	margin:0;
	padding:0px;
	position:relative;
}
a.img {
	text-decoration:none;
}
a, a:visited {
	background-color:inherit;
	color:#0066FF;
	font-weight:900;
}
#contents p a {
	background-color:#FFF9F0;
}
a:active {
	background-color:#FFFFFF;
	color:#FF0000;
}
ins {
	color:#CC0000;
	text-decoration:none;
}
del {
	font-weight:400;
	text-decoration:line-through;
}
h1 {
	font-family:Arial,"Lucida Grande",sans-serif;
	font-size:26px;
	margin-top:20px;
}
h2 {
	font-family:"Trebuchet MS",Arial,sans-serif;
	text-align:center;
}
p {
	font-family:Arial,"Lucida Grande",sans-serif;
	font-size:14px;
}
img {
	border:0 none;
}
abbr {
	border:0 none;
}
pre {
	overflow:auto;
}
pre {
	background:#FFFEFC url(../../res/img/code_tabstop.gif) repeat-x scroll 0 1px;
	border:1px dotted #D9C09E;
	line-height:16px;
	padding:12px;
}
pre, code {
	background-color:#FFFEFC;
	color:#003300;
	font-size:12px;
}

/* News Stuff */
a[href^="http://bclary.com/2004/11/07/"] {
	color: #090;
}

td {
    font-family: courier-new, monospace;
    white-space: pre !important;
}

blockquote {
	background: #FFF;
	border: 1px solid #EEE9E6;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-opera-border-radius: 1em;
	padding: 2px 2px 2px 6px;
}
/*Test stuff---------------------------------------------------------------*/
	.result td, .correct, .result .correct {
		padding-left: 2px;
		background-color: #CFB;
        color: #000;
	}
    .result .noresult {
        background: transparent;
    }
    .result pre {
        background: transparent;
        border: 0;
        margin:0;
    }
    .nonstandard td {
        background-color: #FFE;
     }
    .nonstandard .correct {
        background: #DFC;
        color: #000;
    }
	table td.incorrect, .incorrect {
		background: #FFC9AF;
		border-color: #F00;
		color: #100;
		font-weight: bold;
	}
	td.error {
		color: #100;
		background: #FA9;
		font-style: italic;
		border-color: #FFA000;
	}
 	
    body *.unexpected {
        background: #FF3;
        font-weight: bold;
    }
    .unsupported {
        border: 1px solid #F84;
    }
    td.patched {
        border: 1px solid #f84
	}
	
	tbody.pre  {
		white-space: pre;
		font-family: courier new, courier, monospace;
        font-size: smaller;
 	    text-indent: 0;
	}

	.smaller {
		font-size: 10px;
	}
/*------------------------------------------------------------------------------*/
.keyword {
	color:#0000CC;
	font-weight:900;
}
.tag {
	color:#0000CC;
	font-weight:900;
}
pre .error {
	color: #c00;
}

.atag {
	color:#993300;
}
pre .comment {
	color:#303;
}
.jsdoc {
	color: #030;
}

.q {
	color:#991100;
}
.attr {
	color:#660066;
	font-weight:400;
}
.attval {
	color:#0000CC;
}
.txt {
	color:#000000;
	font-weight:400;
}
form td {
	padding-left:20px;
}
form td.req {
}
ul {
	line-height:15px;
	list-style-image:url(../../res/img/bul_br.gif);
	list-style-position:outside;
	list-style-type:disc;
}
ul li ul li {
	list-style-image:url(../../res/img/bul_y.gif);
	list-style-position:outside;
	list-style-type:disc;
}
ul.err {
	list-style-image:url(../../res/img/bul_g.gif);
	list-style-position:outside;
	list-style-type:disc;
}
ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
}
ul.productlist {
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.productlist li, .compat tr, .alternating-rows tr {
	background-color:#FFFEFC;
	border:1px solid #D9C09E;
	font-weight:bold;
	list-style-image:none;
	margin:0;
	padding:2ex 0.5em 0.2ex 1em;
}
ul.productlist li.first {
	border-top-width:1px;
}
ul.productlist li.alt, table tr.alt {
	background-color:#FFF3E2;
	border-top-width:0px;
}
ul.productlist li p {
	font-weight:normal;
	margin-left:1.8em;
}
tr {
	background:transparent none repeat scroll 0%;
}
table, td, th {
	border-color:#D9C09E;
}
table.alternating-rows {
	border:1px solid #D9C09E;
	font-size:14px;
	width:560px;
}
table.alternating-rows tr {
	vertical-align:top;
}
table.alternating-rows .property {
	font-weight:900;
	text-indent:2em;
}
table.alternating-rows td {
	padding:4px 0;
}
li table.alternating-rows {
	width:auto;
}
li table.alternating-rows td {
	padding:4px;
}
li table.alternating-rows td code {
	background:transparent none repeat scroll 0%;
	color:#003300;
}
tr td {
	font-weight:normal;
}
img.thumb {
	height:16px;
	width:12px;
}
.first-words {
	float:left;
	font-weight:900;
	margin-right:0.1em;
}
a.example {
	background-color:#FFFDFA;
	border:3px solid #D9C09E;
	float:right;
	padding:12px;
}
.gotcha {
	background-color:#FFFDFA;
	border:1px dotted #D9C09E;
	margin:2px 4px;
	padding:4px;
}
.gotcha img {
	float:left;
	height:23px;
	vertical-align:top;
	width:24px;
}
.gotcha h5 {
	font-size:14px;
	margin:0;
	padding:4px;
}
.gotcha p {
	font-size:11px;
	margin:4px;
}
a code {
	color:inherit;
	font-size:inherit;
	text-decoration:inherit;
}
.example-pointer {
	background:transparent url(../../res/img/arrows_anim.gif) no-repeat scroll 100% 50%;
	float:left;
	padding-right:40px;
}
a.example:hover {
	background-color:#FFFFFF;
}
a:hover, a:focus, a:hover code {
	color:#CC6600;
}
a:hover var {
	color:#003300;
}
br, hr {
	clear:both;
}
h3#products {
	background:#221100 none repeat scroll 0%;
	color:#FFFFEE;
	font-family:"Lucida Grande",Arial,sans-serif;
	font-size:16px;
	height:1.215em;
	margin:0 0 8px;
	text-align:center;
}
.nav-header {
	margin: 2px;
}

div.terms-of-use {
	background-color:#FFFEFC;
	border:1px solid #D9C09E;
	height:200px;
	margin:auto auto 4px;
	overflow:auto;
	padding:0 4px;
	width:400px;
}
div#demoviewer {
	border:1px solid #D9C09E;
	float:right;
	height:200px;
	margin-top:20px;
	width:200px;
}
li a.hover {
	background:transparent url(../../res/img/arrows_anim.gif) no-repeat scroll 100% 50%;
	color:#009900;
	padding-right:30px;
}
#contentScripts, .Animtree {
	background-color:#FFBD52;
	border-bottom:1px solid #19150F;
	border-right:1px solid #5E503E;
	height:100%;
	left:-12em;
	margin-top:-2.4px;
	padding-bottom:3px;
	position:absolute;
	top:0;
	width:12em;
	z-index:500;
}

#leftnav {
	background-repeat:no-repeat;
	border-right:1px solid #19150F;
	height:100%;
	left:-12em;
	position:absolute;
	top:-108px;
	width:798px;
	z-index:200;
}
.button {
	cursor:default;
	font-family:Arial Rounded MT Bold,"Lucida Grande",Arial,"Trebuchet MS";
	letter-spacing:0.2em;
	z-index:100000;
}
.buttonlabel {
	-moz-border-radius:16px;
	background-color:transparent;
	background-image:none;
	border-color:#FFBD52;
	border-style:solid;
	border-width:1px 6px;
	color:#1E1100;
	cursor:default;
	display:block;
	font-size:13px;
	font-weight:800;
	height:2.5ex;
	margin-top:3px;
	text-align:left;
	text-indent:0.5em;
}
.buttonlabel img {
	border:0 none;
	height:13px;
	margin-right:4px;
	vertical-align:-2px;
	width:13px;
}
.labelHover {
	background-color:#FFC578;
	border-color:#FFD399;
	border-left:6px solid #FFD399;
	border-right:6px solid #FFD399;
	border-style:solid;
	border-top:1px solid #FFD399;
}
.labelDown {
	-moz-border-radius: 0 16px;
	background-color:#FFD8A4;
	border-color:#FFD092;
	border-left:6px solid #FFD092;
	border-right:6px solid #FFD092;
	border-style:solid;
	color:#231613;
	text-indent:0.5em;
}
.labelHover.labelDown {
	border-right:6px solid #FFD399;
	color:#3A2000;
}
a.menuNode, span.menuNode, .button.menuNode {
	background-color:transparent;
	background-image:url(../../res/img/tree_leaf.gif);
	background-position:1px 0;
	background-repeat:no-repeat;
	color:#281700;
	display:block;
	font-size:11px;
	font-weight:400;
	height: 1.44em;
	line-height:1.2em;
	padding:0px 0px 0px 8px;
	text-decoration:none;
	text-indent:8px;
	width:auto;
}
a.menuNode:visited {
	color:#281700;
	font-weight:400;
}
a.menuNode:hover, a.menuNode:focus, html body div.AnimTree div.menu span.disabled,
#EnumerationTOC ul li {
	background-color:#FFE3C2;
	color:#5E503E;
	text-decoration:none;
}
html body div.AnimTree div.menu span.disabled {
	background-image:url(../../res/img/tree_leaf.gif);
}
div.menu .menuNode.last, html body div.AnimTree div.menu a.last, 
	html body div.AnimTree div.menu .menuNode.last.disabled {
	background-image:url(../../res/img/tree_leafEnd.gif);
}
.menu {
	-moz-border-radius: 0 16px;
	background-color:#FFD8A4;
	border-bottom:1px solid #FFD092;
	border-left:6px solid #FFD092;
	border-right:6px solid #FFD092;
	border-style:solid;
	border-width:0 6px 1px;
	font-family:Trebuchet MS,Arial,sans-serif;
	margin-bottom:3px;
	margin-top:-2px;
	padding-bottom:0.6em;
	padding-left:8px;
	padding-top:1px;
	position:relative;
}
.button.menuNode {
	background-color:#FFE3C2;
	background-image:url(../../res/img/tree_leaf.gif);
	background-repeat:no-repeat;
	border-bottom:0 none;
	border-left:0 none;
}
.menu .menu {
	background:#FFE3C2 url(../../res/img/tree_branch.gif) repeat-y scroll 1px 0;
	border:0 solid #FFECD2;
	margin-bottom:-1px;
	padding-left:5px;
}
.menu .menu .menu .menuNode {
	font-size:11px !important;
}
.menu .menu .menuNode {
	background-color:#FFE8CC;
	color:#472901;
	margin-left:9px;
}
.menu span.buttonlabel {
	background: #FFE3C2;
	border-bottom:1px solid #FFE3C2;
	border-color:#FFE4C0 rgb(255, 228, 192) rgb(255, 227, 194);
	border-left-width:4px;
	border-top-width:1px;
	height:13px;
	margin-top:0;
	overflow:visible;
}
.menu span.buttonlabel img {
	margin-left:-4px;
}
.menu .menu .menuNode.subNode {
	background-color:#FFF3DB;
}
.menu .menu a.menuNode:hover, .menu .menu a.menuNode:focus {
	background-color:#FFF3E2;
}
menu.menuNode {
	margin:0 !important;
}
#draglibModulesMenu .menu {
	margin-left:9px;
}
body .AnimTree .menu .menu span.disabled {
	background-color:#FFF9F0;
}
#logo {
	background-color:#FFC866;
	background-image: url(../../res/img/gui_gen_top.jpg);
	background-repeat:no-repeat;
	border-right:1px solid #19150F;
	height:120px;
	line-height:0;
	padding:0;
	position:absolute;
	right:-1px;
	top:-106px;
	width:57.16em;
border-left: 1px solid white;
}
#logo img {
	height:80px;
	line-height:0;
	margin-bottom:-10px;
	margin-left: 2.3em;
	margin-top:20px;
	width:150px;
}
#logo a{
	background-color:#fff;
}

#navbar { 
	background-color:#555;
	border-bottom:1px solid #555;
	border-right:1px solid #19150F;
	font-family:"Lucida Grande",Arial,sans-serif;
	font-size:13px;
	height:1.44em;
	left:0;
	margin-bottom:10px;
	position:absolute;
	text-align:right;
	top:-2px;
	width:48.7em;
	z-index:200;
}

#navbar a, #navbar .curentTab {
	background-color:transparent;
	color:#E3F4FF;
	font-size:13px;
	font-weight:900;
	line-height:14px;
	padding:2px 0.36em;
	text-decoration:none;
	vertical-align:-2px;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}
a#feed-icon {
	float: left;
	font-size: 16px;
	padding: .05em .2em;
	line-height: 1.1em;
}

#navbar a:hover, #navbar a:focus {
	background:#726350 none repeat scroll 0%;
	color:#FFF3E2;
}
#navbar a:active, #navbar a:focus {
	color:#FFF9F0;
}
#navbar a.curentTab {
	background:#FFF9F0 none repeat scroll 0%;
	color:#19150F;
}
#contents {
	background:#FFF9F0 url(../../res/img/bg_tomato.gif) no-repeat scroll 450px 10px;
	border-bottom:1px solid #19150F;
	border-right:1px solid #19150F;
	color:#000000;
	height:auto;
	left:12em;
	min-height:440px;
	padding:20px;
	position:absolute;
	top:106px;
	width:42.36em;
}
#contents.g-content {
	background:#FFF9F0 url(../../res/img/chips.gif) no-repeat scroll 100% 0;
}
#contents.l-content {
	background:#FFF9F0 url(../../res/img/bg_orange.jpg) no-repeat scroll 100% 0;
}
#footer {
	background-color:#CCCCCC;
	bottom:0;
	color:#444444;
	font-size:small;
	left:0;
	letter-spacing:0.3em;
	position:absolute;
	text-align:center;
	text-indent:12px;
	width:100%;
}
#footer a, #footer a:visited {
	color:#333333;
	font-size:12px;
}
#copyright {
	left:0;
	position:absolute;
	top:0;
	width:200px;
}
#footer * {
	letter-spacing:0;
}
#ad {
	margin-left:-210px;
	position:absolute;
	top:550px;
	z-index:500;
}
.weblogtitle {
	margin-bottom:4px;
}
p.date {
	color:#444444;
	font-size:smaller;
	margin-top:0;
}

#calendar {
	float:right;
	height:8.8em;
	overflow:hidden;
	position:relative;
	right:-19px;
	width:13.4em;
	margin: 0;
	border: 0;
	padding: 0;
}

small.date {
	font: .4em normal;
}

.entry {
	border-bottom: 1px solid #333;
	padding-bottom: 18px;
}