body {font:small/1.2em arial,helvetica,clean,sans-serif;font:x-small/1.2em;text-align:center }
html>body {font:83%/1.2em arial,helvetica,clean,sans-serif;}


#u8_main {width:750px; margin:0 auto; text-align:left }
#u8_main {position: relative; margin-bottom: 1em}
#u8_main div {position: absolute; top; 0; right: 0}


#u8_titlebar,#u8_titlebarsec,#bd{position:relative;width:747px;text-align:left;margin:0 auto}


h1,h2,h2 a,.faq h3 a,h4,h5{color:#C8E31E}
h2{font:bold 115% arial}
h3{font:bold 125% arial;margin:2em 0 .7em;clear:left;color:#64720F}
h4{font:bold 110% arial;line-height:1.4em;margin:0;clear:left}
h5{color:#000;margin:1em 0 0}
p{margin:0 0 1.2em;line-height:1.4em}
a{color:#64720F}
hr{clear:both}
cite{font:bold 100% arial}
.faq h3 a{text-decoration:none;font-size:100%}
#content td{font-size:92%}


#bd{margin:1em auto;clear:both}
#logo,#mainlogo{float:left}
#logo{margin-bottom:1.5em}

#title{padding:45px 0 0 152px;text-align:center;width:142px;height:110px;background:url(../pics/logo.png) no-repeat}
#title h1{font:normal 170%/1.2em verdana;margin:5px 0}
#title.sub{text-align:left;width:400px}
#title h1 div{font:normal 77% arial;color:#64720F;margin-top:5px}

#download{float:right;margin-top:2em; }

p.moreinfo{margin-top:1em}
.moreinfo a{font-weight:bold}

.u8_home{width:455px;float:left;margin:0 0 2em;background:transparent url(../pics/dot.gif) top right repeat-y}
#sec{padding:0 20px;float:right;margin:1em 0 0 10px;width:240px}

#content img{float:right;margin-left:20px}
#content img.inline{float:none;margin:0}
#content cite{font:normal 77% verdana;display:block;margin:5px 0}

.hhr{background:transparent url(../pics/dash.gif) bottom left repeat-x;padding:0 0 1px;margin:0 0 10px}
.fixedwidth p{width:480px}
.fixedwidth .u8_context p {width: 280px;}

.u8_examples{position:relative;top:-2em}

pre span{color:#999;font-weight:normal}
pre{font-weight:bold}

h2 em{color:#64720F;font-style:normal}

#content table{border:1px solid #000;border-width:1px 0 0 1px}
#content table td,#content table th{border:1px solid #000;border-width:0 1px 1px 0;padding:3px 4px}

#pri ul{margin:10px;padding:0 0 0 20px}
#pri ul li{margin:0 0 .4em;padding:0}

#sec.home{background:url(../pics/down.png) 100% 8px no-repeat;font-family:arial}
#sec p{width:90%}

#u8_titlebar{margin:1em auto 0}
#u8_titlebar h2{padding:4px 6px 2px;margin:0;font:bold 130% arial;background:#555 url(../pics/titlebar.gif) no-repeat;border-bottom:1px solid #64720F}
#u8_titlebar h2 a{color:#fff;text-decoration:none}

#u8_titlebarsec{background:#F1F8C7;color:#C8E31E;padding:4px 0 6px}
#u8_titlebarsec a{padding:4px 6px 6px;font:bold 85% verdana}
#u8_titlebarsec a.on{background:#E3F18E}

.fixfloat:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
*html .fixfloat{height:.1em}




.u8{
	padding: 5px;
	text-align: center;
}
button.step{
	width: 25px;
	height: 22px;
}
input, select, textarea{
	background-color: #F1F8C7;
}
td{
	vertical-align: top;
}
label{
	white-space: nowrap;
	cursor: help;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
label.status{
	cursor: default;
	border-bottom-width: 0px;
	color: #FFF;
	background-color: #F90;
	font-weight: bold;
}
legend{
	color: #64720F;
	font-weight: bold;
}

.invisible{
	position: absolute;
	visibility: hidden;
}
.hex-prefix{
	width: 8px;
	border-right-width: 0px;
	color: #999999;
}
.hex{
	border-left-width: 0px;
}
.more{
	visibility: hidden;
}
.box_highlight{
	padding: 5px;
	margin: 10px;
	background-color: #F1F8C7;
	border-color: #64720F;
	border-width: 1px;
	border-style: dotted;
}