/*
	CSS for the Custom.WizardMultiView
*/

/* Steps */
#prog {float: left; padding-bottom: 9px; border-bottom: 0px solid #ccc; width: 100%;margin-bottom: 5px;}
#prog ul li {float: left; margin-left: 3px; padding-left: 17px; background: url(../img/wizard/wiz-triangle-16.gif) no-repeat left center;}
#prog ul li em {font-style: normal;}

#prog ul li.prog1 {float: left; padding-left: 0px; background: none; }

#prog ul li em, #prog ul li strong {padding: 10px 0 10px 25px; line-height: 23px;}
#prog ul li.prog1 em {background: url(img/wizard/step-1.gif) no-repeat left center;}
#prog ul li.prog2 em {background: url(img/wizard/step-2.gif) no-repeat left center;}
#prog ul li.prog3 em {background: url(img/wizard/step-3.gif) no-repeat left center;}
#prog ul li.prog4 em {background: url(img/wizard/step-4.gif) no-repeat left center;}
#prog ul li.prog5 em {background: url(img/wizard/step-5.gif) no-repeat left center;}

#prog ul li.prog1 strong {background: url(img/wizard/step-1-sel.gif) no-repeat left center;}
#prog ul li.prog2 strong {background: url(img/wizard/step-2-sel.gif) no-repeat left center;}
#prog ul li.prog3 strong {background: url(img/wizard/step-3-sel.gif) no-repeat left center;}
#prog ul li.prog4 strong {background: url(img/wizard/step-4-sel.gif) no-repeat left center;}
#prog ul li.prog5 strong {background: url(img/wizard/step-5-sel.gif) no-repeat left center;}

#step .title {clear: left;}

/* nav */
.nav {margin-top:31px; clear: left;float: left;white-space: nowrap; width: 100%;}
.nav a.back {float: left; margin: 10px 11px 0 0;}
.nav a.next { float: left;color: #000; text-decoration: none; background: url(../img/wizard/nav-next-left.gif) no-repeat top left;}
.nav a.next strong {padding: 10px 31px 11px 11px; float: left; background: url(../img/wizard/nav-next-right.gif) no-repeat top right; cursor: pointer;}

.skip {display: block; margin-bottom: 25px;}

.cancel-nav {padding: 4px 0 0 50px; float:left;}
.cancel-nav a {padding-left: 17px; background: url(img/cancel-16.gif) no-repeat left center;}