/* -------------------------- *\
   -- Progressbar
\* -------------------------- */
#progressBar_holder {
   float:left;
   overflow:hidden;
   position:relative;
}

#progressBar_holder.afterHeaderProgressBar,
#progressBar_holder.beforeHeaderProgressBar { margin: 0px 1% 1em 4.15%; float: right }
#progressBar_holder.beforeFooterProgressBar { margin: 0px auto 1em auto; }

#ProgressBar {

   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#ProgressBar .progressBarHandle { display: none }

.progressBarSection {


	display: inline;
	float: right;
	margin: 0;

	text-align: center;
	vertical-align: middle;
	border-width: 0px;
	border-style: solid;
	border-right-width: 0;
	border-bottom-width: 0;
	text-decoration: none;
	margin: 0px 10px 14px 0;
	white-space: nowrap;
	   display:block;
   float:left;
   list-style:none;
   padding:0;

   position:relative;
   right:50%;
}

.sectionHeader {
	font-weight: bold;
	padding: 0px 0px 4px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;	
}

.ProgressBarStep .navigation {
	display: block;
	border-style: solid; 
	border-width: 0px;
	border-right-width: 1px;
	padding: 3px 5px;
	float: left;
}
.lastStep .navigation {
	border-right-width:0px;
}
.ProgressBarStep .navigation:hover {
	text-decoration: none;
}

.ProgressBarStep input.navigation {
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

.ProgressBarStep input.navigation[class] {  /* IE < 7 ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}


/* TOC-style progress bar */
.toc .cellQuestionText1
{ background-color: #004480; color: white; border-radius: 6px 6px 0px 0px; }

.toc .cellQuestionText2
{ background-color: #e8f5fb; margin: 0px; padding: 0.6em; }

.toc #progressBar_holder 
{ width: 100%; background-color: #e8f5fb; display: block; border-radius: 0px 0px 6px 6px; }

.toc .textQHead
{padding: 0.6em 0.6em 0.6em 0.6em; margin-bottom: 0px; border-bottom: 0px}

.toc #progressBar_holder.afterHeaderProgressBar, #progressBar_holder.beforeHeaderProgressBar
{ margin: 0px 0px 0px 50px; float: none; }

.toc #ProgressBar
{ float: none; left: auto; text-align: left; }

.toc .progressBarSection
{ margin: 1.4em 0.3em 1em 0.3em; text-align: left; right: auto; white-space: normal; float: none; }



.toc .progressBarSection .sectionHeader
{ color: black; display: block; }

.toc .ProgressBarStep input.navigation
{ border-style: none; float: none; font-weight: bold; color: #004480; background-image: none; 
text-overflow: ellipsis; }

html>/**/body  .toc .ProgressBarStep input.navigation[class]  /* IE <= 7 ignores this */
 { width: auto; color: #004480  /*cancel margin fix for other browsers */ }

.toc .ProgressBarStep input.navigation 
{ width: 0;  /* IE table-cell margin fix */ overflow: visible; }



.toc .ProgressBarStep input.navigation[class]:hover,
.toc .ProgressBarStep input.submitHover[class]
 { color: #1d9ad6; }

.toc .sectionHeader
{ background: transparent url(/images/icons/32x32/book.png) left center no-repeat; padding-left: 36px; padding-top: 5px; }

.toc .sectionPassed .sectionHeader
{ background-image: url(/images/icons/32x32/book_accept.png); }

.toc .section .sectionHeader
{ background-image: url(/images/icons/32x32/book_warning.png); }

.toc .sectionHeader  span
{ font-size: 1em; }

.currentStep input.navigation[class]  {
background-position: 0px 0px;
}

.toc #ProgressBar .progressBarHandle,
.toc #ProgressBar  .sectionHeader,
.toc #ProgressBar .ProgressBarStep .navigation[class]  { display: block; }