html, body, th, td, li, dt, dd, p, textarea, input, select {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-weight: normal;
}
html, body, form, img, table, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
body {
	color: #333B40;
	background: #F0EEE8 url(images/bg_header.png) repeat-x;
	font-size: 75%;
}
body.home {
	background-image: url(images/bg_header_home.png);
}
body.m05 {
	background-position: 0 -110px;
}
body.a03 {
	background-image: url(images/bg_header_nomod.png);
}
body.a04 {
	background-image: none;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
form {
	display: block;
}
p, ul, ol, dl, dd {
	margin: 0 0 1em;
	line-height: 1.333em;
}
blockquote {
	margin: 0.4em 2.5em 1.25em;
}
p, dt, dd, textarea, input, select, table, blockquote, form {
	font-size: 1em;
}
img {
	border: 0;
}
table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: separate;
	empty-cells: show;
}
td {
	padding: 0;
}
a {
	text-decoration: underline;
}
a, a:link {
	color: #069;
}
a:visited {
	color: #6C5B8C;
}
a:hover, a:active, a:focus {
	color: #0090D9;
}
ol, ul {
	overflow: auto;
}
ol {
	padding: 0 0 0 2em;
}
ul {
	padding: 0 0 0 1.666em;
	list-style: disc outside none;
}
dt {
	font-weight: bold;
}
dd p {
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #B33C00;
	font-family: "Segoe UI", "Century Gothic", "Futura", "Trebuchet MS";
	font-weight: normal;
}
h1 {
	font-size: 2em;
	font-weight: bold;
}
h2 {
	clear: both;
	font-size: 3em;
	line-height: 1.1em;
}
h2 span.subtitle {
	display: block;
	padding-left: 34px;
	font-size: 0.5em;
	line-height: normal;
}
h3 {
	font-size: 2em;
	font-weight: bold;
}
h4 {
	margin: 2em 0 1em;
	font-size: 1.333em;
	font-weight: bold;
}
h4.title {
	margin-bottom: 0;
}
h5 {
	margin: 1em 0;
	font-size: 1.333em;
}
h5.subtitle {
	margin-top: 0;
	font-size: 1.25em;
}
h6 {
	margin: 1em 0 0;
	color: #000;
	font-size: 1.25em;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	line-height: 1.333em;
}
hr {
	height: 1px;
	margin: 1.333em 0 1em;
	border: 0;
	color: #CCC;
	background-color: #CCC;
}
.hide, .print, .vcard, #access, .clear {
	display: none;
}
sup {
	vertical-align: 45%;
	font-size: 80%;
	font-weight: normal;
	line-height: 80%;
}
h2 sup {
	vertical-align: 80%;
	font-size: 40%;
	line-height: 130%;
}
h3 sup {
	vertical-align: 50%;
	font-size: 50%;
	line-height: 150%;
}
#page:after, .toolbar:after, .columngroup:after, .sidebarwrap:after, .sideblock:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.alert, .task, #sidebar .type1, #sidebar .type2, 
.columngroup .type1, .columngroup .type2 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}


/* Toolbar */
.toolbar {
	clear: both;
	margin: 10px 0;
}
.primary {
	float: left;
}
.secondary {
	float: right;
}
.toolbar ul, .toolbar li {
	float: left;
	display: block;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.toolbar li {
	padding: 1px 5px 1px 0;
}
.toolbar .group {
	float: left;
	padding: 0 5px;
}
.toolbar .firstgroup {
	padding-left: 0;
}
.toolbar .label, .toolbar .data {
	float: left;
	white-space: nowrap;
}


/* Buttons and Tabs */
.wrap {
	float: left;
	background: #2177a8 url(images/bg_btn_left.png) no-repeat;
}
.task .wrap, .type2 .wrap {
	background-image: url(images/bg_btn_left_task.png);
}
.wrap:hover {
	background-color: #2d9bbf;
	background-position: 0 -50px;
}
.wrap a, .wrap span {
	display: block;
	float: left;
	padding: 2px 15px 4px;
	min-height: 18px;
	color: #fff;
	background: transparent url(images/bg_btn_right.png) no-repeat right top;
	font-size: 1.083em;
	white-space: nowrap;
	text-decoration: none;
}
.task .wrap a, .type2 .wrap a {
	background-image: url(images/bg_btn_right_task.png);
}
.wrap a:link, .wrap a:visited, .wrap a:hover, .wrap a:focus, .wrap a:active {
	color: #fff;
}
.wrap a:hover {
	background-position: right -50px;
}

#appheader .wrap, #appheader .wrap a, #appheader .wrap span,
#footer .wrap, #footer .wrap a, #footer .wrap span {
	background: none;
}
#appheader a, #footer a {
	text-decoration: underline;
}
#appheader a, #appheader a:link, #appheader a:visited {
	color: #ACDCF5;
}
#appheader a:hover, #appheader a:active, #appheader a:focus {
	color: #66CAFF;
}
#footer a, #footer a:link, #footer a:visited {
	color: #8C8A7F;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #66CAFF;
}


/* App */
#app {
	margin: 0 auto;
	width: 930px;
	padding-bottom: 20px;
}

/* App Header */
#appheader {
	min-height: 70px;
	color: #CADDE9;
	background: #162f3d url(images/bg_header.png) repeat-x;
}
#appheader .toolbar {
	margin: 0;
	padding: 15px 0 0 35px;
}
#appheader .primary .firstgroup {
	padding: 0 10px 0 0;
}
#appheader .data, #appheader .label {
	padding: 15px 0 0;
}
#appheader ul {
	padding: 17px 0 15px 5px;
}
#appheader li {
	border-left: 1px solid #43525B;
	margin: 0 15px 0 0;
	padding: 0;
}
#appheader li a {
	margin: 0 15px;
	padding: 0;
}
#appheader .primary .data {
	font-size: 1.083em;
}
#appheader .secondary .data {
	font-size: 1.417em;
}


/* Module */
#mod {
	position: relative;
	padding: 20px 35px 0;
	width: 860px;
	height: 110px;
	background: #812500 url(images/mod_01.png) no-repeat;
}
.home #mod {
	padding: 0 0 15px;
	width: 930px;
	height: 320px;
	background: transparent none;
}
#mod .feature {
	padding: 10px 5px;
	background: #21526C url(images/bg_feature.png) no-repeat;
}
#mod .feature img {
	display: block;
}
.m04 #mod, .m05 #mod {	
	background-color: #35708A;
	background-image: url(images/mod_02.png);
}
#mod h2, #mod h3 {
	margin: 0;
	color: #fff;
	line-height: 1.25em;
}
#mod h2 img {
	display: block;
}
#mod h2 span.family {
	display: block;
	font-size: 0.5em;
	font-weight: bold;
	line-height: normal;
	margin: -0.55em 0 -0.2em;
}
.m01 #mod h2 {
	padding-top: 28px;
}
.m02 #mod h2, .m03 #mod h2 {
	padding-top: 5px;
}
.m04 #mod h2 {
	padding-top: 15px;
}
.m05 #mod h2 {
	padding-top: 22px;
}


/* App and Module Toolbar */
#appbar {
	min-height: 40px;
	width: 930px;
	background: #1C4054 url(images/bg_appbar.png) no-repeat;
}
#appbar .toolbar {
	margin: 0;
	padding: 5px;
}
#mod .toolbar {
	position: absolute;
	left: 6px;
	top: 100px;
	width: 888px;
	height: 30px;
	margin: 0;
	padding-left: 30px;
	background: transparent url(images/mod_01_bar.png) no-repeat;
}
#appbar ul {
	border-right: 1px solid #346580;
}
#mod ul {
	border-left: 1px solid #144962;
	border-right: 1px solid #3c7b99;
}
#appbar li, #mod li {
	padding: 0;
}
#appbar .wrap, #mod .wrap {
	background: none;
}
#appbar .wrap a, #appbar .wrap span, #mod .wrap a, #mod .wrap span {
	padding: 6px 30px 4px;
	min-height: 20px;
	color: #CCEDFF;
	outline: 0;
}
#appbar .wrap a, #appbar .wrap span {
	border-left: 1px solid #346580;
	border-right: 1px solid #173746;
	background: transparent url(images/bg_btn_appbar.png) repeat-x;
	font-size: 1.083em;
}
#mod .wrap a, #mod .wrap span {
	border-left: 1px solid #3c7b99;
	border-right: 1px solid #144962;
	background: transparent url(images/bg_btn_modbar_01.png) repeat-x;
}
#appbar .wrap a:hover, #appbar .wrap a:active, #appbar .wrap a:focus,
#mod .wrap a:hover, #mod .wrap a:active, #mod .wrap a:focus {
	border-color: #000 #165B7A #000 #4493B8;
	color: #fff;
	background-color: #2B7493;
	background-position: 0 -50px;
}
#mod .wrap a:hover, #mod .wrap a:active, #mod .wrap a:focus {
	background-color: #4AA4CD;	
}
#mod a:hover, #mod a:active, #mod a:focus {
	border-color: #000 #195a7a #000 #418fb5;
}
#appbar .toolbar .firstitem a, #appbar .toolbar .firstitem span,
#mod .toolbar .firstitem a, #mod .toolbar .firstitem span {
	border-left: 0;
}
#appbar .firstitem a:hover, #appbar .firstitem a:active, #appbar .firstitem a:focus {
	background-position: 0 -100px;
}

#app #appbar .on a, #app #appbar .on span,
#app #mod .on a, #app #mod .on span {
	border-color: #000 #808080 #000 #cfcfcf;
	color: #000;
	background-color: #fff;
	background-position: 0 -150px;
}
#app #appbar .onfirstitem a, #app #appbar .onfirstitem span {
	background-position: 0 -200px;
}


/* Page */
#page {
	position: relative;
	background: #FFF url(images/bg_page.png) repeat-y;
}
.a03 #page, .a04 #page {
	margin-top: 15px;
}


/* Page Body */
#pagebody {
	position: relative;
	padding: 20px 35px 0;
}
.home #pagebody, .a03 #pagebody, .a04 #pagebody {
	background: transparent url(images/bg_page_top.png) no-repeat;
}
.home #pagebody {
	padding-top: 0;
}


/* Footer */
#footer {
	clear: both;
	width: 930px;
	padding: 35px 0 0;
	color: #8C8A7F;
	font-size: 0.9166em;
	background: #F0EEE8 url(images/bg_page_btm.png) no-repeat;
}
#pagebody #footer {
	margin: 0 -35px;	
}
#footer .toolbar {
	margin: 0 35px;
}
#footer .toolbar .firstgroup {
	min-height: 18px;
	padding-left: 49px;
	background: transparent url(images/logo_xfi_ftr.png) no-repeat;
}
#footer .label {
	padding: 3px 5px 0 5px;
}
#footer .data {
	padding: 1px 0 0;
	font-size: 1.273em;
}
#footer .firstgroup .data {
	padding: 3px 0 0;
	font-size: 1em;
}
#footer ul {
	margin-top: 2px;
	padding: 0 0 0 5px;
	border-right: 1px solid #CCC8B8;
}
#footer li {
	border-left: 1px solid #CCC8B8;
	margin: 0;
	padding: 0;
}
#footer li a {
	margin: 0 15px;
	padding: 0;
}
#footer .secondary img {
	padding-top: 1px;
}


/* Sponsor */
.sponsor, .sponsor .toolbar {
	margin: 0;
	padding: 0;
}
.sponsor .data {
	padding: 0 0 0 25px;
	font-size: 0.92em;
}
.sponsor .data img, .sponsor .data .name {
	display: block;
	float: left;
}
.sponsor .data .name {
	padding: 7px 0 0 7px;
	color: #666;
}
.sponsor .data .name a {
	color: #666;
	text-decoration: none;
}
.sponsor .label {
	padding-top: 12px;
	color: #999;
	font-weight: bold;
}



/* Sidebar */
#sidebar {
	position: absolute;
	top: 20px;
	left: 635px;
	width: 260px;
}
#sidebar .sideblock {
	position: relative;
	margin-top: 3em;
}
#sidebar .firstsideblock {
	margin-top: 0;
}
#sidebar .content {
	color: #4C5B66;
	font-size: 0.9231em;
}
#sidebar h5 {
	font-size: 1.5em;
	margin: 0 0 0.5em;
	color: #B36036;
	font-weight: bold;
}
#sidebar h5 img {
	margin-bottom: 0.5em;
}
#sidebar h5 img.icon {
	position: absolute;
	left: 10px;
	margin: 0;
}
#sidebar h6 {
	font-size: 1.083em;
	font-weight: bold;
	line-height: 1.333em;
	color: #4C5B66;
}
#sidebar p {
	clear: left;
}
#sidebar .quote {
	margin: 3em -10px 0;
	border: 1px solid #ccc;
	border-width: 1px 0 1px;
	background: transparent url(images/quote_btm.png) no-repeat bottom right;
}
#sidebar .quote blockquote {
	margin: 0 0 1em;
	padding: 1em 20px 0 40px;
	background: transparent url(images/quote_top.png) no-repeat 8px 7px;
}
#sidebar .quote blockquote p {
	margin: 0 0 0.6em;
	color: #B33C00;
	font: italic normal 1.333em "Segoe UI", "Century Gothic", Futura, "Trebuchet MS";
	line-height: 1.25em;
}
#sidebar .quote blockquote p.byline {
	margin: 0.6em 0 0;
	color: #4C5B66;
	font-size: 1.083em;
	font-style: normal;
}

#sidebar .type2 hr {
	color: #B8D6E6;
	background-color: #B8D6E6;
}
#sidebar .art p {
	margin-top: 0.5em;
}

#sidebar .toolbar, .content .toolbar {
	margin-left: 0;
	margin-right: 0;
}
#sidebar .type1, #sidebar .type2, 
.columngroup .type1, .columngroup .type2 {
	margin: -8px -10px 0;
	padding: 8px 10px 3px;
	background-color: #fff0b5;
}
#sidebar .type1, #sidebar .type2 {
	margin: 0 -10px 20px;
	padding: 5px 10px;
	width: 260px;
}
#sidebar .type2, .columngroup .type2 {
	background-color: #DCF0FA;
}
#sidebar .type1 .content {
	color: #594B43;
}
#sidebar .type2 .content {
	color: #4C5B66;
}
#sidebar .type1 h5, #sidebar .type2 h5 {
	margin: 0 0 0.5em;
}
#sidebar .type1 h5, #sidebar .type2 h5 {
	padding-top: 0.25em;
}


/* Alerts */
div.alert {
	margin: 0 -10px 20px;
	background: #fff2b2 none;
}
div.error {
	background-color: #fcc;
}
div.warning {
	background-color: #ffd8a6;
}
.alertwrap {
	min-height: 29px;
	padding: 1em 10px 1px 52px;
	background: transparent url(images/icon_note_md.png) no-repeat 20px 8px;
}
.error .alertwrap, .warning .alertwrap {
	background-position: 10px 8px;
	min-height: 42px;
}
.error .alertwrap {
	background-image: url(images/icon_error_ml.png);
}
.warning .alertwrap {
	background-image: url(images/icon_warning_ml.png);
}
div.alert h5 {
	float: left;
	margin: 0 0 0.2em;
	font-size: 1em;
	font-weight: bold;
}
div.alert p {
	clear: both;
	margin: 0 0 0.5em;
}
div.error .alertwrap p, div.warning .alertwrap p {
	font-weight: bold;
}


/* Task */
#pageheader {
	margin: 0 0 2em;
}
.sidebar #pageheader, .sidebar #pagebody .content {
	width: 560px;
}
#pageheader .toolbar {
	margin: 0;
	padding-bottom: 0.25em;
}
#pageheader .toolbar li a {
	padding-left: 17px;
	background: transparent url(images/icon_arrow_left_sm.png) no-repeat -2px 0;
}
#pageheader p.subtitle {
	margin: 0;
	color: #B33C00;
	font-size: 1.667em;
}
#pageheader p.author {
	margin: 0.5em 0 0;
	color: #666;
}
.sidebar #pagebody .task {
	width: 560px;
}
.sidebar div.alert {
	width: 580px;
}
.task, .content {
	clear: both;
}
.task {
	margin: 0 -10px 2em;
	padding: 10px;
	background: #DCF0FA none;
}
.taskheader h4 {
	margin: 0 0 0.5em;
	min-height: 16px;
}
.taskbody td, .content td {
	padding: 5px;
	vertical-align: top;
}
.taskbody td label {
	display: block;
	padding-top: 5px;
}
.rowheader {
	text-align: right;
}
.rowgroupheader td {
	padding-top: 15px;
	border-bottom: 1px solid #B8D6E6;
	color: #38708C;
	font-weight: bold;
}
tr.rowgroupheader + tr td {
	padding-top: 10px;
}
.task .toolbar + .toolbar {
	margin: 0 0 5px;
}
.task .key {
	font-size: 0.9166em;
	color: #666;
}
input, textarea {
	padding: 3px;
}
select {
	margin: 3px 0;
}
.taskbody img.icon {
	float: left;
	margin: -4px 4px -4px 0;
}


/* Widths */
.w1 {
	width: 1em;
}
.w2 {
	width: 2em;
}
.w3 {
	width: 3em;
}
.w4 {
	width: 4em;
}
.w5 {
	width: 5em;
}
.w6 {
	width: 6em;
}
.w7 {
	width: 7em;
}
.w8 {
	width: 8em;
}
.w9 {
	width: 9em;
}
.w10 {
	width: 10em;
}
.w11 {
	width: 12em;
}
.w12 {
	width: 14em;
}
.w13 {
	width: 16em;
}
.w14 {
	width: 18em;
}
.w15 {
	width: 20em;
}
.w16 {
	width: 23em;
}
.w17 {
	width: 26em;
}
.w18 {
	width: 29em;
}
.w19 {
	width: 32em;
}
.w20 {
	width: 35em;
}
.w21 {
	width: 38em;
}
.w22 {
	width: 41em;
}
.w23 {
	width: 44em;
}
.w24 {
	width: 47em;
}
.w25 {
	width: 50em;
}

.task div.w11 {
	padding-left: 13.25em;
	width: auto;
}


/* General Content */
.content p, .content ul, .content ol, .content dl, .content td {
	font-size: 1.083em;
	line-height: 1.385em
}
.content dl ul, .content dl ol {
	font-size: 1em;
}
.content dl.smaller {
	font-size: 1em;
	line-height: 1.5em	
}
.content div.image {
	margin-bottom: 1em;
}
.content div.image p {
	margin: 0.5em 0;
	font-style: italic;
}
.content div.start {
	display: block;
	float: left;
	clear: left;
	margin-right: 20px;
}
.content div.end {
	display: block;
	float: right;
	clear: right;
	margin-left: 20px;
}
.content div.center {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
p.listintro {
	margin-bottom: 0;
}
.quote {
	margin: 2em 0;
}
p.intro {
	font-size: 1.25em;
	margin: 1em 0 1.25em;
	line-height: 1.2em;
}
h3 span.title {
	margin-left: 0.5em;
	padding-left: 0.5em;
	border-left: 1px solid #CCC;
	color: #000;
	font-weight: normal;
	font-size: 0.9166em;
}
.content td {
	padding: 3px 5px;
}
.content td.rowheader {
	font-weight: bold;
}
#sidebar .map img {
	display: block;
	margin: 1.75em 0 0.5em;
}

/* Columns */
.columngroup {
	clear: both;
	width: 100%;
}
.columngroup .task {
	margin-bottom: 1.6em;
}
.column1, .column2, .column3 {
	float: left;
}

.layout-50-50 .column1 {
	width: 410px;
	padding-right: 40px;
}
.layout-50-50 .column2 {
	width: 410px;
}

.sidebar .layout-50-50 .column1 {
	width: 260px;
	padding-right: 40px;
}
.sidebar .layout-50-50 .column2 {
	width: 260px;
}

.layout-33-33-33 .column1, .layout-33-33-33 .column2 {
	width: 260px;
	padding-right: 40px;
}
.layout-33-33-33 .column3 {
	width: 260px;
}


/* Diagrams */
.diagram-full {
	width: 860px;
}
.diagram-left {
	float: left;
	margin: 0 0 1em -10px;
	padding-right: 30px;
}
.diagram-right {
	float: right;
	padding: 0 0 20px 20px;
}


/* Key */
p.key {
	margin: 0.6em 0;
	color: #666;
	text-align: right;
}
span.req {
	padding-right: 0.166em;
	color: #930;
	font: bold 1.25em Verdana;
	vertical-align: -20%;
	line-height: 70%;
}
div.req {
	color: #930;
}


/* Content Positioning */
div.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}
div.center {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
p.caption {
	margin-top: 0;
}
img.left {
	float: left;
	margin: 0 2em 2em 0;
}
img.right {
	float: right;
	margin: 0 0 2em 2em;
}
.columngroup img.left {
	float: left;
	margin: 0.333em 1em 0.333em 0;
}
.columngroup img.right {
	float: right;
	margin: 0.333em 0 0.333em 1em;
}


/* Home */
.home .content p, .home .content ul, .home .content td {
	font-size: 1em;
}
.home .columngroup {
	padding-top: 30px;
}
.home h4 {
	margin-top: 0;
	margin-bottom: 0.25em;
}
.home .content {
	margin-bottom: 1.5em;
}

@media print {

.noprint, #appheader ul, #appbar, #mod .toolbar, #pageheader .toolbar, #footer .toolbar .group, .vcard .org {
	display: none;
}
.print, .vcard, #footer .toolbar .firstgroup, #footer .sponsor .group {
	display: block !important;
}
body, #mod .feature, #page, #pagebody, #footer, #footer .sponsor {
	background: transparent none !important;
}
#footer, .sidebar #footer {
	width: auto;
	margin: 3em 0 0;
	padding: 1em 0 0;
	border-top: 1px solid #999;
}
#footer .toolbar {
	margin: 0;
	padding: 0;
}
#footer .sponsor .group {
	padding: 0 30px;
}
#footer .toolbar .firstgroup, #footer .toolbar .data {
	min-height: 0;
	padding: 0;
	background: none;
}
#footer .sponsor .firstgroup {
	padding: 0 30px 0 0;
}
#footer .sponsor .data {
	padding: 0 0 0 30px;
}
.vcard {
	float: right;
}
.vcard abbr {
	border: 0;
}
#footer .vcard a {
	color: #000;
	text-decoration: none;
}
.vcard p {
	float: left;
	margin: 0 0 0 1.5em;
	padding: 0;
}

}