/* For the PortalUI Helper */

.arrow, .arrow-step {
	float: right;
    display: inline-block;
    overflow: hidden;
}

.arrow-step {
    float: left;
}

.arrow-step .head,
.arrow-step .tail,
.arrow .head,
.arrow .tail {
    height: 35px;
    width: 10px;
    float: left;
}

.arrow-step .content {
  float: left;
  background: url(Images/Master/bg-grey-arrow.png) 0px 0px repeat-x;
  display: inline-block;
  height: 25px;
  padding-top: 5px;
  color: white;
}

.arrow-step.active .content {
  background: url(Images/Master/bg-red-arrow.png) 0px 0px repeat-x;
}

.arrow .tail{
    width: 20px;
    background: url(Images/Master/arrow-green.png) 0px 0px no-repeat;
}

.arrow-step .tail {
    width: 20px;
    background: url(Images/Master/arrow-grey.png) 0px 0px no-repeat;
}

.arrow-step.active .tail {
    background: url(Images/Master/arrow-red.png) 0px 0px no-repeat;
}

.arrow-step .head {
    width: 40px;
    background: url(Images/Master/arrow-grey.png) -85px 0px no-repeat;
}

.arrow-step.active .head {
    background: url(Images/Master/arrow-red.png) -85px 0px no-repeat;
}

.arrow .head {
    width: 40px;
    background: url(Images/Master/arrow-green.png) -140px 0px no-repeat;
}

.arrow input {
    background: none;
    border: none;
    float: left;
    padding: 8px 0px;
    height: 35px;
    background: url(Images/Master/bg-green-gradient-border.png) 0px 0px repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

a.secondary {
    font-size: 11px;  
    font-weight: normal;
    text-decoration: none;
    color: #333;
    padding: 5px; 
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: transparent url(Images/Master/bg-gray-gradient.png) repeat-x scroll 0 0;
    text-shadow: 1px 1px 1px #fff;
}

a.primary,
input.primary {
    font-size: 11px;  
    font-weight: bold;
    color: #fff;
    padding: 5px; 
    border: 1px solid #148d01;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: transparent url(Images/Master/bg-green-gradient.png) repeat-x scroll 0 0;
    text-shadow: 1px 1px 1px #333;
    text-transform: uppercase;
}