@CHARSET "UTF-8";

.avatar_header{
	color:#D1024D;
	font-size:32px;
	padding:0px;
	text-align:center;
	padding-top:5px;
} 
 
.layer{

	top:0px;
	left:0px;
	width:168px;
	height:172px;
	background: transparent;
	margin-top:-2px;
	
}

#preview .layer{position:absolute;}

#selector{
	height: 174px; 
	border: 1px solid grey;
}

#selector_container{

	margin-top:5px;
	width: 506px; 
	height: 176px; 
	float:left;

	
	position:relative;
	 overflow:hidden;
	 
}

.selector_option {
 background:pink;
	margin-top:1px;
	padding-top:0px;
	float:left;
	width:168px;
	height:172px;
	cursor: pointer;
position:relative;
	opacity: .4;filter: alpha(opacity=40);-moz-opacity:.40;
background-color:pink;
}

.selector_selected {
	margin-top:1px;
	padding-top:0px;
	float:left;
	width:168px;
	height:172px;
	background-color:pink;
position:relative;

}

.scroll_left{
float:left;
margin-top:65px;
background: url(../images/arrow_left_big.png) no-repeat;
height:100px;
width:25px;
margin-left:10px;
cursor:pointer;
}


.no_left{
float:left;
margin-top:65px;
height:100px;
width:25px;
margin-left:10px;
}

.scroll_right{
float:left;
margin-top:65px;
background: url(../images/arrow_right_big.png) no-repeat;
height:100px;
width:25px;
cursor:pointer;
}

.no_right{
float:left;
margin-top:65px;
height:100px;
width:25px;
}

/* singup wizard version 2 css mods*/
.avatarSetup{ 
left:24px;
margin:10px;
position:absolute;
top:285px;
width:710px;
}
.avatarSetup img {
border: none;
padding-right:10px;
}
.stepsHolder {
float:right;
font-size: 13px;
}
.stepsIconHolder {
position:relative;
float: left;
}
.stepArrowLeft {
height: 14px;
width: 11px;
display:block;
background:url(../images/arrowLeft.png) 0 0 no-repeat;
position:absolute;
left:0;
}

.stepArrowLeft:hover {
background-position:0 -14px;
}

.stepArrowRight {
height: 14px;
width: 11px;
display:block;
background:url(../images/arrowRight.png) 0 0 no-repeat;
position:absolute;
right:0;
}

.stepArrowRight:hover {
background-position:0 -14px;
}

.stepsList {
list-style-type: none;
padding:0 14px;
margin:0;
position:relative;
}
.stepsList li {
float:left;
display:block;
}

.stepsList li a.stepsIcon {
margin: 0 3px;
border: 1px #333 solid;
height: 12px;
width: 12px;
display:block;
background-color: #E6E6E6;
}
.stepsList li a.stepsIcon:hover {
background-color: #B3B3B3;
}
a.currentStep {
margin: 0 3px;
border: 1px #333 solid;
height: 12px;
width: 12px;
display:block;
background-color: #DB255F;
cursor:default;
}
a.currentStep:hover  {
background-color:#DB255F;
cursor:default;
}