/*
styles to show what step they're on
*/

div.stepIndicator {
    height: 33px;
    padding-top: 4px;
    width: 761px;
    margin-left: -7px;
	/*
    float: left;
    clear: left; */
}

div.stepIndicator.top {
    background: url(../img/innertop.gif) left top no-repeat;
    margin-bottom: 30px;
}

div.stepIndicator.bottom {
    background: url(../img/innerbottom.gif) left top no-repeat;
    margin-top: 30px;
}

div.box div.stepIndicator ul {
    float: right;
    clear: right;
    margin: 0 10px 0 0;
    padding: 0;
}

.generalcontent div.box div.stepIndicator li {
    float: left;
    list-style: none;
    margin: 0;
}

div.stepIndicator li span {
    line-height: 30px;
    margin-right: 10px;
}

div.stepIndicator li a {
    height: 30px;
    width: 30px;
    display: block;
    overflow: hidden;
    background-position: left bottom;
    background-repeat: no-repeat;
    text-indent: -500px;
}

div.stepIndicator li.active a {
    background-position: left top;
}

div.stepIndicator li a:hover {
    background-position: left center;
}

li.one a {
    background-image: url(../img/number_one.gif);
}

li.two a {
    background-image: url(../img/number_two.gif);
}

li.three a {
    background-image: url(../img/number_three.gif);
}

li.four a {
    background-image: url(../img/number_four.gif);
}

li.five a {
    background-image: url(../img/number_five.gif);
}

#m-challSteps .cont {padding:5px 0 12px 0}
#m-challSteps img {margin-bottom:-12px;}
#m-challSteps .hr {width:266px; margin:0 0 4px 0; clear:both;}
#m-challSteps .c {padding:6px 13px 13px 13px;}
#m-challSteps .t { background-image: url(../img/tab_red.png); height:52px;}
#m-challSteps .stepIndicator { background-image: url(../img/tabs-chSteps.png); height:36px; width:288px}
#m-challSteps .stepIndicator ul {float:left; margin:0 0 0 10px;}
#m-challSteps h2 {color:#FFF; font-size:16px; padding:18px}
#m-challSteps .stepText {
   float:left;
   font-size:1.2em;
   font-weight:bold;
   padding-left:10px;
}