/*  Default Style Sheet: Fortified
Copyright 2007 Fortified Holdings. All rights reserved. */

/* -------------------------------- Reboot ------------------------------------ */

* { margin: 0; padding: 0; }

/* -------------------------------- Basics ------------------------------------ */

html, body { height: 100%; }

body {
  margin: 0;
  padding: 0;
  color: #444;
  font: 76% Verdana, Arial, Helvetica, Sans-serif;
  text-align: center;
  background: #eee;
}

a { color: #386BC8; text-decoration: underline; }
a:visited { color: purple; }
a:hover { color: #FFA800; text-decoration: none; }

a img { border: 0; }


h1 { 
  position: relative;
  margin: 0;
  padding: 2em 0; 
  font-size: 170%; 
  font-weight: bold; 
}

h1 span {
  display: block;
	width: 65%;
	padding: 0 0 0 8px;
  color: #838a53;
  background: transparent;
  border: 0px dashed #ff0000;
}

h2, caption { 
  margin: 0 0 .5em 0; 
  color: #838a53;
  font-size: 150%; 
  font-weight: bold;
  text-align: left; 
}

* html caption { padding-bottom: .5em; }

h2 em { 
	color: #000; 
  font-size: 75%; 
  font-family:  Trebuchet MS, Trebuchet, Myriad, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}

h3 { font-size: 120%; margin: 0 0 .5em 0;  }
h4 { font-size: 100%; }

p { margin: 0 0 1em 0; line-height: 130%; }
blockquote { margin: 0 16px .5em 16px; }

ul, ol { margin: 0 0 0 2em; }

hr { clear: both; height: 1px; width: 100%; margin: 4px auto; color: #dddada; background: #dddada; border: 0px; }
:root body hr { margin: 16px auto; }
hr.rem { display: none; }
hr.noviz { visibility: hidden;}


address {
  display: block;
  margin: 0 0 1em 0;
  padding: 0;
  font-style: normal;
}

abbr, acronym, dfn {
  font-style: normal;
  border-bottom: 1px dotted #ccc;
  cursor: help;
}

* html span.abbr {
  border-bottom: 1px dashed #ccc;
  cursor: help;
}

	
/* --------  Form Elements ---------- */

fieldset {
  margin: 2em 0;
  border: 0;
}

label {
  width: 10em;
  float: left;
  text-align: right;
  margin: 0 1em 1em 0;
  padding: 2px;
  clear: both;
	cursor: help;
}

label.plain {
  width: auto;
  float: none;
  text-align: left;
}

input, select, textarea, .fauxput, .errMark {
  float: left;
  margin: 0 .25em .5em 0;
	padding: 1px;
  background: #f3f2f2 url('../img/bg-tbox.gif') top left no-repeat;
}

.fauxput, .errMark {
  font-weight: bold;
  background: transparent;
}

select, textarea,
input[type=text], 
input[type=password] {
  border: 1px inset; 
}

select:focus, textarea:focus,
input[type=text]:focus,
input[type=password]:focus {
  background: #fff;
}

input.textbox, select.selectbox {
	padding: 2px;
}

input.formbuttons {
  float: none;
  margin: 0 .25em .25em 0;
  background: #fff url('../img/bg-grad-u.gif') bottom left repeat-x;
}

label span {
  vertical-align: middle;
}

input.checkbox {
  width: auto;
  float: none;
  margin: 0 .75em;
  border: 0;
  background: transparent;
}

* html input.checkbox {
  position: relative;
  top: 4px;
  left: 2px;
}

input.jsErrText {
  color: #ff0000;
  background: transparent;
	border: 0;
}

form .error, span.error { color: #ff0000; }
p.error { margin: 0 0 1em 1.25em; }

form#reg hr,
form#login hr { visibility: hidden; }

#notify { clear: both; }

.help { cursor: help; }

/* -------------------------------- Utilities ------------------------------------ */

.clearfix { height: 1%; }
:root body .clearfix { 	height: auto; }

/*
html>body .clearfix {
	display: inline-block; 
	width: 100%;
	height: auto;
}
*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


/* -------------------------------- Generic Wrapper ------------------------------------ */

#wrapper {
  position: relative;
  top: 0;
  height: auto;
  width: auto;
  margin: 0 auto;
  padding: 0 0;
  background: #fff url('../img/bg-grad-0.jpg') top left repeat-x;
  text-align: center;
}


#top {
   position: relative; 
	 top: 4px;
	 left: 0;
	 z-index: 100;
	 color: #eee;
	 font-size: .75em;
	 text-align: center;
	 background: transparent;
}

#top a { color: #eee; text-decoration: none; }
#top a:hover { color: #ff9900; }




/* -------------------------------- Core Block ------------------------------------ */

#container {
  position: relative;
  width: 80%;
  min-width: 760px;
  max-width: 100em;
  margin: -8px auto 0 auto;
  text-align: left;
}

body#home #container,
body.products #container,
body.download #container,
body.contact #container { min-width: 760px; }

* html body#home #container { width: 80em; }



/* -------------------------------- Branding ------------------------------------ */

#masthead {
  position: relative;
  height: 85px;
  width: auto;
  border-bottom: 0px solid #ccc;
}

#logo {
  display: block;
  position: relative;
  top: 16px;
  left: 0px;
	width: 220px;
	height: 64px;
	overflow: hidden;
	background: transparent url('../img/logo-small.gif') top left no-repeat;
	border: 0px dashed red;
}

#logo img { display: none; }



/* -------------------------------- Global Nav ------------------------------------ */

#nav {
  position: absolute;
  top: 50px;
  right: 0;
  margin: 0 .5em 0 0;
  color: #a5a5a5;
  font-size: .75em;
  text-transform: lowercase;
}

#nav ul { 
  list-style: none;
  padding: 0;
}

#nav li {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 .5em 0 1em;
  border-left: 1px solid #ccc;
	cursor: default;
}

li#btnhome {
  border-left: 0px;
}

#nav a { color: #838a53; text-decoration: none; }
#nav a:hover { color: #FFA800; }



/* -------------------------------- Primary Nav (tabs) -------------------------------- */

#tabs {
  position: relative;
	top: 0px;
	left: 0px;
  background: #fff url('../img/bg-grad-u.jpg') bottom left repeat-x;
	border: 0px dashed red;
}

* html ul#tabnav { height: 1%; }

ul#tabnav { 
	list-style-type: none; 
  margin: 1em 0 0px 0; 
	padding: 3px 0 3px 10px; 
	text-align: left;
	font-size: .9em;  
	font-family: Arial, Verdana, sans-serif;  
	text-transform: lowercase;
	border-bottom: 1px solid #ccc; 
}

* html ul#tabnav li { height: 1%; }
ul#tabnav li { display: inline; }

/* settings for selected tab */
ul#tabnav li.active { 
   background-color: #fff; /* set background color to match above border color */
   border-bottom: 1em solid #fff; /* set border color to parent block background color */
}

/* settings for selected tab link */
ul#tabnav li.active a { 
  position: relative;
  top: 1px;
  color: #999; /* set selected tab link color as desired */
  padding-top: 4px; /* must change with respect to padding (X) above and below */
  background: #fff; /* set selected tab background color as desired */
  border: 1px solid #ccc;
  cursor: default;
}

ul#tabnav li a { 
  position: relative; 
	top: 0px; 
	padding: 3px 16px; 
	color: #000; 
	text-decoration: none;
	background: #fff url('../img/bg-grad-a.jpg') top left repeat-x;
  border: 1px solid #ccc;
	border-bottom: none; 
}


ul#tabnav li.active a:hover {  color: #999; background: #fff; }
ul#tabnav a:hover { color: #a3ab6e; background: #fff; }
html>body ul#tabnav a:hover { background: #fff url('../img/bg-grad-u.jpg') bottom left repeat-x; }




/* -------------------------------- Heading ------------------------------------ */

#heading {
  height: 1%;
  position: relative;
	overflow: visible;
  background: #fff url('../img/bg-head.jpg') top right no-repeat;
  border-bottom: 1px solid #ccc;
}

:root body #heading { height: auto; }


body#test #heading { padding: 0 0; background: #fff url(../img/bg-head-b.jpg) top right no-repeat; }
body#test #heading h1 { padding: 3em 0; }


/* -- Page specific rules -- */

body#home #heading { height: auto; border-bottom: 0px solid #ccc; }
body.error #heading { border-top: 1px solid #ccc; }

body.download #heading { padding: .25em 0; background: #fff url(../img/bg-grad-a.jpg) top left repeat-x; }
body#download #heading,
body.gateway #heading { padding: 0 0; background: #fff url(../img/bg-head.jpg) top right no-repeat; }
body.stages #heading { padding: .25em 0; background: #fff url(../img/bg-grad-up.jpg) bottom left repeat-x; }


body#componentGIX #heading { background: transparent url(../img/promo-compgix1.jpg) top right no-repeat; }
body#componentGIX h1 { padding: 4em 0; background: transparent; }

body.product-info #heading { }
body.product-info #h1 { font-size: 150%; }


/* --- Level 1 Heading Elements --- */

body#home h1 {  padding-left: .5em; }
body#home h1 span { display: none; }

body.products h1 { background: transparent url(../img/bg-h1-products.gif) top left no-repeat; }
body.download h1 { background: transparent url(../img/bg-h1-download.gif) top left no-repeat; }
body.services h1 { background: transparent url(../img/bg-h1-services.gif) top left no-repeat; }
body.support h1 { background: transparent url(../img/bg-h1-support.gif) top left no-repeat; }
body.company h1 { background: transparent url(../img/bg-h1-about.gif) top left no-repeat; } 
body.contact h1 { background: transparent url(../img/bg-h1-contact.gif) top left no-repeat; } 
body.help h1 { background: transparent url(../img/bg-h1-help.gif) top left no-repeat; } 
body.legal h1 { background: transparent url(../img/bg-h1-legal.gif) top left no-repeat; } 




/* -------------------------------- Banner (home) ------------------------------------ */

* html #banner { height: 216px; }

#banner {
  position: relative;
  height: auto;
	min-height: 216px;
  overflow: hidden;
	padding: 0 0 2.5em 0;
	background: #fff url(../img/bg-banner.jpg) top left no-repeat;
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
}

body.splash #banner {
	background: #fff url(../img/bg-banner-splash.jpg) top left no-repeat;
}

#promo {
  display: block;
  position: absolute;
	top: 34px;
	right: 16px;
	height: 180px;
	width: 580px;
	text-align: right;
	border: 0px dashed red;
}


#go {
  display: block;
  position: absolute;
	top: 84px;
	right: -30px;
	height: 64px;
	width: 64px;
  color: #838a53;
	text-align: right;
  vertical-align: middle;
	font-size: 4em;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../img/bg-go.gif) center center no-repeat;
	border: 0px dashed red;
}

a#go:hover { color: #ff9900; }

#go span {
  display: none;
  line-height: 64px;
  vertical-align: middle;
}




/* -------------------------------- Content ------------------------------------ */

#content {
  position: relative;
	z-index: 10;
  margin: 0;
}

body#products #content {
  position: relative;
	z-index: 10;
  background: transparent url('../img/bg-head-prd.jpg') top right no-repeat;
}


body#intake-form #content {
  position: relative;
	z-index: 10;
  background: transparent url('../img/bg-mesh0.jpg') bottom right no-repeat;
}

body#component-gix #content {
  background: #fff url('../img/promo-compgix1.jpg') top right no-repeat;
}

body#vantagepoint #content {
  background: #fff url('../img/promo-vpd.jpg') top right no-repeat;
}

body#screenshots #content {
  position: relative;
	z-index: 10;
  background: transparent url('../img/bg-head-a.jpg') top right no-repeat;
}


#main {
  position: relative;
	z-index: 12;
  margin: 0;
  padding: 1em 0;
  font-size: .9em;
}

body#home #main {
  padding: 1em 0 0 0;
}


/* -------------------------------- Split content region (1) ------------------------------------ */

.split { margin: 0; padding: 0 16px; }

.split1 {
	float: left;
	width: 46.5%;
	padding: 0 1em 0 0;
}

.split2 {
	float: right;
	width: 46.5%;
	padding: 0 0 0 1em;
}



/* -------------------------------- Split content region (2) ------------------------------------ */

#intro {
  float: left;
  display: block;
  width: 69%;
  border: 0px dashed #ccc;
  border-right: 0px dashed #ccc;
}

html>body #intro { width: 71%; }

#extra {
 z-index: 200;
 float: right;
 display: block;
 width: 29%;
 margin: -2em 0 2em 0;
 padding: 0 0 0 4px;
 text-align: left;
 font-size: .8em;
 border-left: 0px dashed #ccc;
}

html>body #extra { width: 27%; }


body#home #extra { 
	padding-top: 1em; 
	background: #fff url(../img/bg-grad-a.jpg) top left repeat-x; 
	border-top: 1px solid #ccc; 
}


#extra h2 { font-size: 140%; text-align: left; }

#extra div, #extra h2, #extra h3, 
#extra p, #extra ul, #extra ol, #extra hr { margin-left: 8px; margin-right: 8px; }

#extra a:hover img { border: 0px solid #ff9900; }



/* -------------------------------- Assorted Classes ------------------------------------ */

.title {
  z-index: 1;
	position: relative;
  margin: 0 0 0 0;
  height: 120px;
  background: #fff url(../img/) top left repeat-x;
}

.promo {
  height: 120px;
	width: 370px;
	margin-top: -44px;
	border: 0px dashed pink;
}

.promo span { display: none; }


h2.shout {
  font-size: 1.25em;
	padding: 2em 0 2em .5em;
	background: #fff url('../img/bg-grad-a.jpg') top left repeat-x;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


.componentLayout {
  padding: 1em .5em;
	margin: 0 0 .75em 0;
	background: #fff url('../img/bg-grad-a.jpg') top left repeat-x;
  border-top: 1px solid #ccc;
}

.componentLayout h2 { 
  font-weight: bold;
	color: #000;
}

.componentLayout h2 sup {
  margin: 0 0 0 .5em;
  color: #999;
  font-size: .6em;
	vertical-align: baseline;
}

p.componentLayoutLinks {
	 color: #777;
   margin: 1.75em 0 1em 0;
	 vertical-align: middle;
}

.componentLayout .info {
  padding: 1em;
  background: #f7f7f7;
  border: 1px solid #ccc;
}




img.inline { margin-top: 2px; line-height: 100% }

.thumb {
  float: right;
  margin: 0 0 1em 1em;
  padding: 2px;
  border: 1px solid #ccc;
}

.gap { padding: 6px; }
a.gap:hover { border: 1px solid #ff9900; }


.thumbM {
  float: right;
  margin: 1em 2em 1em .5em;
  padding: 2px;
}

.floater {
  float: right;
  margin: -1em 0 1em 1em;
  padding: 0;
}

.sinker {
  float: left;
  margin: 0 1em 1em 0;
  padding: 0;
}

#poweredby { clear:both; margin-top: 0em; }
#poweredby img { margin: .25em; }

.notes { font-size: .8em; }
.price { color: #ff0000; }
.hot { color: #ff0000; }
.cold { color: #999; }

em.hot { color: red; font-style: normal; }
em.cold { color: #ccc; font-style: normal; }

.more { padding: .25em 0; }
.lil { font-size: .7em; font-weight: normal; }




/* -------------------------------- Download & Buy Buttons ------------------------------------ */

.getProdNav { padding-bottom: 1em; }
:root body .getProdNav { padding-bottom: 0em; }

.getProdNav {
  background: #fff url('../img/bg-grad-u.jpg') bottom left repeat-x;
  border-top: 1px solid #eee;
}

.btn {
  display: block;
  height: 3em;
	width: 10em;
	float: left;
	padding: 4px 4px 4px 42px;
	margin: 1em 10px 1em 0;
  color: #386BC8;
	text-decoration: none;
}

html>body .btn { height: auto; }

.btn:visited { color: #386BC8; }
.btn:hover { color: #ff9900; }

.btn-det { background: transparent url(../img/button-det.gif) center left no-repeat; }
.btn-dl { background: transparent url(../img/button-dl.gif) center left no-repeat; }
.btn-buy { background: transparent url(../img/button-cart.gif) center left no-repeat; }
.btn-view { background: transparent url(../img/button-view.gif) center left no-repeat; }
.btn-cap { background: transparent url(../img/button-cap.gif) center left no-repeat; }


.dltext { padding: 2px 0 0 0; font-size: 1.25em; font-weight: bold; }
.dlsize { font-size: .9em; }





a.viewDetails {
 color: #386BC8;
 padding: 1.5em 0 1.5em 36px;
 font-size: 1em;
 background: transparent url(../img/bg-doc-pages.gif) center left no-repeat;
}

a.viewDetails:hover { color: #ff9900; }

a.viewDiagram {
 background: transparent url(../img/bg-doc-diagram.gif) center left no-repeat;
}

a.viewScreenshot {
 background: transparent url(../img/bg-doc-screen.gif) center left no-repeat;
}



/* -------------------------------- Basic List w/ custom bullets (arrows) ------------------------------------ */

ul.alist {
  margin: 0 .75em 1em .75em;
  padding: 0;
  list-style: none;
}

* html ul.alist li { height: 1%; }

ul.alist li {
  margin: .5em 0 0 0;
  padding: 0 1.25em;
  background: transparent url('../img/bg-li-arr.gif') center left no-repeat;
}

ul.alist  li a {
  color: #7CA54F;
}

ul.alist li a:hover {
  color: #FFA800;
  text-decoration: none;
}

ul.gap li {
  margin: 1.5em 0;
}

ul.spread {
  width: 25%;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}




ul.blist { list-style: none; margin-left: 0; }
ul.blist li { display: inline; margin: 0 1em 0 0; }
ul.blist li a { color: #777; }
ul.blist li a:hover { color: #ff9900; }




/* -------------------------------- Scrolling Box ------------------------------------ */

#eulaBlock {
  position: relative;
  height: 343px;
	overflow: visible;
  background: #fff url('../img/bg-grad-vrn.jpg') top left repeat-x;
}

#scrollDownArrow {
  position: absolute;
	bottom: 2px;
	right: .15em;
	color: #ff0000;
	font-size: 175%;
	border-bottom: 1px dotted #ff0000;
}

.prebox {
  overflow: auto;
  padding: 0 1em;
  font-family: Arial, Verdana, Sans-serif;
  background: #eee;
  border: 1px solid #ccc;
}

#eulatc {
  height: 340px;
  margin-right: 1.25em;
}


/* -------------------------------- Multiline Columnar Lists ------------------------------------ */

.multiline {
  background: #fff url('../img/bg-grad-b.jpg') top left repeat-x;
  border: 1px solid #ccc;
}

body#geo-sys .multiline {
  padding: 1em 1em 1em 2em;
  height: 320px;
	overflow: auto;
}

:root body#geo-sys .multiline { height: auto; } 

:root body .multiline { padding: 1em 1em 1em 1em; }


#TB_window .multiline {
  background: transparent;
	font-size: .9em;
}


/* -------------------------------- Preview Cells ------------------------------------ */

#previewCells {
  width: 100%;
  margin: 0;
  padding: 0;
}

#previewCells td {
  height: 64px;
  border: 1px solid #ccc;
}


/* -------------------------------- Cellular Layout ------------------------------------ */

.cellular {
  width: 100%;
  margin: 0;
  padding: 0;
}

.bound {
  margin: 0 0 1em 0;
  border: 1px solid #ccc;
}

.cellular a { 
  font-weight: bold;
}

.cellular td {
  width: 33%;
  padding: 0;
  font-size: .8em;
  vertical-align: top;
}

.cellular th {
  height: 44px;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Verdana,  Arial, Helvetica, Sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  text-indent: .5em;
  background: #fff url('../img/bg-grad-a.jpg') top left repeat-x;
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.cellular th a { color: #000; text-decoration: none; }
.cellular th a:hover {color: #FFA800; }

.cellular th span {
  padding: 0 0 0 18px;
  background: transparent url('../img/bg-th-ico.gif') center left no-repeat;
}


.tdmid p {
  margin: 0;
  padding: .5em .25em;
  background: transparent;
}

.cellular td.tdmid {
  padding: .25em 8px .5em 8px;
}

.cellular td.tdmid ul {
  margin: .5em 1em;
  padding: .5em .75em ;
}

.cellular td.tdmid .card {
  margin: 1em 1em;
}

.card a {
  font-weight: normal;
}

.cellular td.tdbot {
  padding: .5em 0;
  vertical-align: middle;
  border-top: 1px solid #ccc;
}

.cellular thead td,
.cellular tfoot td {
  padding: .5em 1em;
  border-top: 1px solid #ccc;
}

a.speclink {
  margin: 0 0 0 8px;
  padding: .5em 0 .5em 20px;
  text-indent: 0;
  background: transparent url('../img/bg-arr-a.gif') center left no-repeat;
}

* html a.speclink {
  padding-bottom: .25em;
}

* html .cellular td a.speclink {
	display: block;
	width: 94%;
}

.cellular td a.speclink {
	display: block;
	width: auto;
}

.cellular td a.speclink:hover {
  background-color: #fff2df;
}

.outlined {
  margin: .5em 0 1em 0;
  padding: 1em;
  font-size: .9em;
  font-family: Arial, Verdana, Sans-serif;
  background: #f9f9f9;
  border: 1px solid #777;
}





/* -------------------------------- Zebra-striped Tables ------------------------------------ */

table.zebra {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 background: #fff;
 border: 1px solid #ccc;
 text-align: center; 
}

table.zebra thead th {
 color: #f1f2ed;
 margin: 0;
 padding: .5em;
 background-color: #98a280;
 cursor: help;
}

table.zebra tfoot td {
 font-size: 80%;
 color: #777;
 background: #ebebeb;
 vertical-align: middle;
 margin: 0;
 padding: 8px;
}

table.zebra tbody th {
 vertical-align: middle;
 margin: 0;
 padding: 2px;
 font-weight: normal;
 background: #eee;
}

table.zebra tbody td {
 vertical-align: middle;
 margin: 0;
 padding: 2px;
}

table.zebra tbody td img {
 border: 0;
}

table.zebra .orznumber {
 display: none;
}
	
table.zebra .cellleft {
 text-align: left;
}




/* These classes are used by a script for a rollover effect on table rows */

* .tableRollOverEffect1 {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}

html>body.product-info table.zebra tbody tr:hover td {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}


* .tableRowClickEffect1 {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx2.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}


html>body.product-info table.zebra tbody tr.tableRowClickEffect1 td {
  background-color: #fff;
  background-image: url(../img/bg-cell-fx2.gif);
  background-repeat: repeat-x;
  background-position: center left;
}




/* -------------------------------- Product Table ------------------------------------ */

table#viewprod {
  width: 100%;
}

table#viewprod th, table#viewprod td {
 vertical-align: top;
 margin: 0;
 padding: .5em .5em;
}

tr.oddrow th,
tr.oddrow td { background: #f2f2f2; }

table#viewprod  th.group-name { padding: 1em .5em; text-align: left; color: #777; background: #eee; border-bottom: 1px solid #ccc; }
th.group-name a { color: #555; text-decoration: none; }
th.group-name a:hover { color: #999; }
th.product-name { width: 25%; text-align: left; font-weight: normal; }

table#viewprod th.product-name { background: #fff; }
td.product-desc { width: 50%; text-align: left; }
td.product-links {width: 25%; text-align: center; }




/* -------------------------------- Progress Indicator ------------------------------------ */


#progressbar {
  width: 100%;
	margin: 0;
	padding: 0;
}

#progressbar td { 
  position: relative;
  width: 33.3%; 
	padding: .5em .5em 0 .5em; 
	text-align: center; 
	vertical-align: top; 
	color: #ded4b9; 
	border: solid #ccc; 
	border-width: 0px 1px; 
}

#progressbar td strong { font-size: 2em; }
#progressbar td.stepActive { color: #838a53; border: 1px solid #ded4b9; }

#progressbar td a { color: #ded4b9; }
#progressbar td a:hover { color: #ff9900; }


td#step1 { border-left: 0px; }
td#step3 { border-right: 0px; }


div.marker { 
  position: relative;
	z-index: 100;
	bottom: -12px;
	width: 32px;
	height: 14px;
	margin: 0 auto;
	padding-top: 1px;
}
div.marked { background: transparent url(../img/marker.gif) center bottom no-repeat; border-top: 4px solid #ff9900; }




/* -------------------------------- Split Layout (Screenshots) ------------------------------------ */

#screensLayout {
  width: 100%;
	margin: 0;
	padding: 0;
}

#screensLayout caption {
  text-align: right;
	font-size: 80%;
}

#screensLayout td {
  width: 50%;
  vertical-align: top;
	text-align: center;
}

td#slbox1 {
	padding: 0;
}

td#slbox2 {
	padding: 8px;
	vertical-align: middle;
}

#screensLayout td p {
  margin: 8px 0;
}





/* -------------------------------- For the Site Map ------------------------------------ */

.sitefolder {
  height: 36px;
  margin: 0 0 1em 0;
  padding: 8px 0 0 52px;
	background: #fff url('../img/bg-sitefolder.gif') 8px 0 no-repeat;
	border-bottom: 1px solid #dddada;
}

html>body .sitefolder {
  height: auto;
	min-height: 36px;
}

.sitefolder ul.alist {
  margin-top: 1em;
}



/* -------------------------------- Supplemental Nav ------------------------------------ */

#pgnav {
  padding: 1em 0;
  font-size: .75em;
  font-weight: bold;
  text-align: center;
  background: #fff url('../img/bg-grad-u.jpg') bottom left repeat-x;
	border-top: 1px solid #eee;
}

#pgnav a, #pgnav a:visited, #pgnav span {
 padding: 0 0 0 10px;
 color: #a5a5a5;
 text-decoration: none;
}

#pgnav a:hover { color: #FFA800; }


#back {
 position: absolute; 
 left: 2px;
 background: transparent url('../img/bg-arr-back.gif') center left no-repeat;
}
noscript #back { cursor: default; }


#uptop { font-weight: bold; }
#pgnav a#uptop, #pgnav a#uptop:visited { padding: 0 0 0 0; }
#pgnav a#next, #pgnav a#next:visited { padding: 0 10px 0 0; }


#next {
  position: absolute; 
  right: 2px;
	padding: 0 0 .25em 0;
  background: transparent url('../img/bg-arr-forward.gif') center right no-repeat;
}




/* -------------------------------- Secondary Nav ------------------------------------ */

#bnav {
  height: 3.75em;
  margin: .25em auto .5em auto;
	padding: 0 0 0.5em 0;
  font-size: .75em;
  font-weight: bold;
  text-align: center;
  text-transform: lowercase;
  color: #a5a5a5;
  background: #fff url('../img/bg-grad-a.jpg') top left repeat-x;
  border-top: 1px solid #ccc;
}

#bnav ul { 
  width: auto;
  list-style: none;
  margin: 1em auto 0 auto;
  padding: .5em 0 0 0;
}

#bnav li {
  display: inline;
  margin: 0 2px 0 0;
  padding: 0 0 0 6px;
}

#bnav a { color: #838a53; text-decoration: underline; }
#bnav a:hover { color: #FFA800; text-decoration: none; }

#bnav li span {
   color: #ccc;
	 cursor: default;
}

#bnav p {
  margin: 1.5em 0 0 0;
}




/* -------------------------------- Footer ------------------------------------ */

#footer {
  min-width: 560px;
  margin: 0 0 0 0;
  padding: 1.5em 0 5em 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  font-weight: normal;
  text-align: center;
  color: #999;
  background: #eee url('../img/bg-grad-1.jpg') top left repeat-x;
  border-top: 1px solid #999;
}

#footer a { color: #999; text-decoration: none; }
#footer a:hover { color: #777; text-decoration: underline; }

#footer p { margin: 0; padding: 0; }

#footer p#commitment { margin: .35em 0 0 0; }