* {margin:0;padding:0}
body {margin:0;background-color:#ddd;font-family:arial,sans-serif;color:#444444;font-size:85%;line-height:1.4;background-image: url('images/background.jpg');background-position: center; background-repeat: repeat-y;}
a[href] {text-decoration:underline;color:#2B5985}
a.download {background: transparent url('images/download.gif') no-repeat;padding-left:16px}
a.audio {background: transparent url('images/audio.gif') no-repeat;padding-left:16px}
a:hover {color:white;background-color:black}
img {border:0px}
q {font-style:italic}
kbd {padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid}
xabbr[title] {border-bottom:1px dashed;cursor:help}
acronym[title] {border-bottom:1px dashed;cursor:help}
table {font-size:1em;margin-bottom:1em}
th, td {padding:2px}

div.message {padding:10px;text-align:center;font-weight:bold;background-color:#ffff99}
div.notice {margin:10px 0;padding:10px;font-weight:bold;background-color:#eeeeee;color:black;border:1px solid #aaaaaa}

object {margin-top:10px;margin-bottom:10px}
span.message {font-size:1.2em;font-weight:bold;background-color:#ffff99}
p {margin-top:0;margin-bottom:1em}

h3 {font-size:1.3em;font-weight:bold;padding-top:2px;padding-bottom:2px;margin-top:0;margin-bottom:0;clear:both}
h4 {font-size:1.2em;font-weight:bold;font-style:italic;color:#6C528E;background-color:transparent;padding-top:2px;padding-bottom:2px;margin-top:0;margin-bottom:0;clear:both}

div.x-way {margin-left:40px;padding-left:5px;border-left:5px solid #D6E0C9;}

#x-container{width:936px;margin:0 auto;background-color:white;color:#444444;text-align:left}

span.property {background: transparent url('images/property.gif') no-repeat;padding-left:17px;font-style:normal}
span.method {background: transparent url('images/method.gif') no-repeat;padding-left:17px;font-style:normal}
span.event {background: transparent url('images/event.gif') no-repeat;padding-left:17px;font-style:normal}
span.constant {background: transparent url('images/constant.gif') no-repeat;padding-left:17px;font-style:normal}

img.left {float:left;margin-right:3px}
img.right {float:right;margin-left:3px}
hr {width:90%;height:1px}
code {font-family: courier, monospace;border:1px solid silver;color:black;background-color:#eeeeee;padding-left:1px;padding-right:1px}
samp {font-family: courier, monospace;border:1px solid #cccccc;background-color:#ccffcc;padding-left:1px;padding-right:1px}

#x-main h2 code {color:black;font-weight:bold;background-color:transparent;border:none;font-style:normal}
#x-main h3 code {color:black;font-weight:bold;background-color:transparent;border:none;font-style:normal}
#x-main h4 code {color:#6C528E;font-weight:bold;background-color:transparent;border:none;font-style:normal}

li.done {list-style-image: url('images/tick.gif');}

#x-breadcrumbs {
	background: #C8D5DF url('images/breadcrumbs2.gif') bottom repeat-x;
	color: black;
	padding: 5px 3px;
	margin: 0 5px;
	border: 0;
	clear:both;
}

#x-breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#x-breadcrumbs li.x-breadcrumb {
	background: transparent url('images/breadcrumb2.gif') top left no-repeat;
	padding-left: 16px;
}

#x-breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#x-breadcrumbs ul li a {
	color: black;
	background-color: transparent;
}









/* block instruction */
p.instruction {background-color:#E7E6D5; color:black; background-image: url('images/mouse.gif');background-repeat:no-repeat;border:3px solid #DDDCC5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding-left:16px;padding-top:3px;padding-bottom:3px;padding-right:3px;margin:.5em .5em}

/* inline instruction */
span.instruction {background: #E7E6D5 url('images/mouse.gif') no-repeat;border:1px solid #DDDCC5;padding-left:16px;padding-right:3px}


.clear {clear:both}






.harvey {visibility:hidden;position: absolute;left: -10000px;}


label {cursor:pointer}
label.required {background: transparent url('images/required.gif') no-repeat;padding-left:16px}

input:focus, textarea:focus, select:focus {background:#FFFF99;color:black}


div.row {
	clear: both;
	padding: 5px 0;
}

div.row textarea {width:100%}

div.row input {width:100%}


fieldset {
	border: 1px dashed #666666;
	background-color:transparent;
	display:block;
	margin:10px 2px;
	padding:0.75em 0.625em;

}

legend {
	background-color:white;
	color:blue;
	padding-left: 2px;
	padding-right: 2px;
	border: none;
}


fieldset.small {width:30em}














#x-main p {line-height:1.4}
#x-footer {background: #C8D5DF url('images/breadcrumbs2.gif') bottom repeat-x;color:black;clear:both;margin:5px;padding:5px}

#x-footer li {margin-left: 0}

#x-main{float:left;width:680px;padding:5px}
#x-more{float:right;width:230px;padding:5px}


/* main navigation menu top container */
#x-navigation {
	margin:0;
	padding:0;
	color:black;
	background-color:#D6E0C9;
}

/* main navigation menu sub container */
#x-navigation ul {
	text-align:left;
	margin:0;
	padding:0;
}

/* main navigation menu item */
#x-navigation li {
	list-style-type:none;
	margin:1px;
	padding:0px 3px;
	background: transparent url('images/navigation2.gif') repeat-x center
}

/* main navigation menu hyperlink */
#x-navigation a {
	display:block;
	font-size:1em;
	color:black;
	background-color:transparent;
	text-decoration:none;
	background: transparent url('images/breadcrumb2.gif') no-repeat center left;
	padding-left:16px;
	padding-top:3px;
	padding-bottom:3px
}

/* main navigation menu hyperlink hover */
#x-navigation a:hover {
	color:white;background-color:black
}





#x-more div {border:1px solid #dddddd;margin:10px 0}

#x-more div h2 {margin:0;padding:5px;text-align:center;color:black;font-size:1.1em;font-weight:bold;background: #D6E0C9 url('images/navigation2.gif') repeat-x center}

#x-more div p, ol, ul {margin:5px}

#x-more h2 {background-color:transparent;color:black;font-size:1.1em;font-weight:bold;margin-bottom:0;margin-top:10px;}



#x-footer h2 {background-color:transparent;color:black;font-size:1.1em;font-weight:bold;margin-bottom:0}
#x-footer div {width:32%;float:left;margin-bottom:10px;padding:2px}
#x-footer div ul {margin-left:1.5em;margin-top:0;padding-top:0}
#x-copyright {clear:both;margin-top:15px;margin-bottom:0;font-size:.85em;padding:5px}
#x-links {clear:both;margin-top:3px;margin-bottom:3px;font-size:.85em}
#x-buttons {clear:both;margin-top:3px;margin-bottom:3px;line-height:1.5;font-size:.85em;padding:5px}

#x-header {color:black;background: transparent url('images/header.gif') no-repeat top center;height:115px;border:1px solid white}

#x-header h1 {background-color:transparent;color:black;font-size:2em;font-weight:normal;padding:10px;margin-top:60px;line-height:1em;text-align:center}

div.infobox {width:310px;height:20em;margin:5px;padding:5px;border:2px solid #D6E0C9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;float:left}
div.infobox ul {list-style-type:none;margin:0;padding:0}
div.infobox ul li {margin:0;padding:7px 0 16px 50px;background: white url('images/check.gif') no-repeat top left}


dl {margin-bottom: 1em}
dd {margin-left:40px;}
dt {font-weight:bold}

ul {margin-left:.5em;margin-bottom:1em;margin-right:.5em}
ol {margin-left:.5em;margin-bottom:1em;margin-right:.5em}
li {margin-left:1.5em;margin-top:3px;margin-bottom:3px}

blockquote {
	margin: 1em 0;
	padding-left: 40px;
}


ul.code {
	margin: 1em 0;
	padding: 3px 5px 3px 5px;
	font-family: courier, monospace;
	border:1px solid silver;
}

ul.code li {
	list-style-type:none;
	padding: 1px 5px;
	margin: 0;
	background: #eeeeee;
}

ul.code ul li {
	margin-left: 35px;
}

ul.code ul {
	margin:0;
	padding:0;
}


/*
** Code formatting technique from 456bereastreet.com
*/
ol.code-numbered {
	margin: 1em 0;
	padding: 3px 5px 3px 35px;
	font-family: courier, monospace;
	border:1px solid silver;
}

ol.code-numbered li {
	padding: 1px 5px;
	margin: 1px 0;
	background: #eeeeee;
}

ol.code-numbered li.tab1 {
	padding-left: 2.5em;
}

ol.code-numbered li.tab2 {
	padding-left: 5em;
}

ol.code-numbered li.tab3 {
	padding-left: 7.5em;
}

ol.code-numbered li.tab4 {
	padding-left: 10em;
}

ol.code-numbered li.tab5 {
	padding-left: 12.5em;
}

ol.code-numbered li.tab6 {
	padding-left: 15em;
}

ol.code-numbered li.tab7 {
	padding-left: 17.5em;
}

ol.code-numbered li.tab8 {
	padding-left: 20em;
}


ol.code-numbered li code {
	border: none;
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	color: black;
}

ol.code-unnumbered {
	margin: 1em 0;
	padding: 3px 5px 3px 5px;
	font-family: courier, monospace;
	border:1px solid silver;
}

ol.code-unnumbered li {
	list-style-type:none;
	padding: 1px 5px;
	margin: 1px 0;
	background: #eeeeee;
}

ol.code-unnumbered li.tab1 {
	padding-left: 2.5em;
}

ol.code-unnumbered li.tab2 {
	padding-left: 5em;
}

ol.code-unnumbered li.tab3 {
	padding-left: 7.5em;
}

ol.code-unnumbered li.tab4 {
	padding-left: 10em;
}

ol.code-unnumbered li.tab5 {
	padding-left: 12.5em;
}

ol.code-unnumbered li.tab6 {
	padding-left: 15em;
}

ol.code-unnumbered li.tab7 {
	padding-left: 17.5em;
}

ol.code-unnumbered li.tab8 {
	padding-left: 20em;
}

ol.code-unnumbered li code {
	border: none;
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	color: black;
}