@charset "utf-8";
/* ==========================================================================
   Barnardos.ie Legacy Stylesheet
   ========================================================================== */
   
   
   .justifyright {
	float: right;
	margin: 10px;
   }

   .justifyleft {
	float: left;
	margin: 10px;
   }
  
  
 /* Big Toddle Register Steps */
 


.steps ul {
   font-family: "proxima-nova", Helvetica, Helvetica Neue, Arial;
   margin-left:0px;
   margin-bottom:30px;
   list-style-image: none;
  
}

.steps ul li {
background-color: #7ab800;
width: 100px;
font-size: 15px;
font-weight: bold;
color: #fff;
display: inline-block;
    line-height: 120%;
}

.last{
border-right:none!important;
}

/*.steps ul li:before {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    left: -2px;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
}

.steps ul li:first-child:before {
    border-color: transparent;
}

.steps ul li a:after {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    right: -20px;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #ccc;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(transparent));
	background-image: -webkit-linear-gradient(left, #fff, transparent);
	background-image: -moz-linear-gradient(left, #fff, transparent);
	background-image: -o-linear-gradient(left, #fff, transparent);
    z-index: 10;
}*/

.steps ul li.active{
color:#fff;
    background: #b91c27;

}

.steps ul li.left-rounded{
border-radius:10px 0px 0px 10px;
-moz-border-radius:10px 0px 0px 10px;
-webkit-border-radius:10px 0px 0px 10px;
-o-border-radius:10px 0px 0px 10px;
behavior: url(/assets/templates/toddle2012/border-radius.htc);
}

.steps ul li.right-rounded{
border-radius:0px 10px 10px 0px;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-radius:0px 10px 10px 0px;
-o-border-radius:0px 10px 10px 0px;
behavior: url(/assets/templates/toddle2012/border-radius.htc);
}

/*.steps ul li.active a:after {
    border-left-color: orange;
}*/

.steps ul li a {
   display: block;
	/*background: rgba(238,238,238,1);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 );*/
	color: #999;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
}

/*.steps ul li a:hover {
    background: pink;
}

.steps ul li a:hover:after {
    border-color: transparent transparent transparent pink; 
}*/

		
		
		/*tooltip*/
span.tooltip,span.tooltip1{color:#666; text-decoration:none; cursor:pointer; cursor:hand;

}
span.tooltip:hover,span.tooltip1:hover {background:#FBEEEE; text-decoration:none; color:#DC2341;} /*BG color is a must for IE6*/
span.tooltip1:hover {background:#ECD0D5;} /*BG color is a must for IE6*/
span.tooltip span,span.tooltip1 span {display:none; padding:2px 3px; margin-left:8px; width:230px;}
span.tooltip:hover span,span.tooltip1:hover span{display:inline; position:absolute; background:#fff; border:1px solid #666; color:#666; padding:7px;}