#picture_personality_overlay{ 
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 499;
	width: 100%; 
	height: 100%; 
	background-color: #000; 	
}

#picture_personality_loading{		
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 500;
	float:left;
	padding:10px;
	background-color:#ffffff;
}

#picture_personality_loading #progressBar{			
	color:#FFFFFF;	
	font-weight:bold;
	position:absolute;
	text-align:center;
	width:126px;
}

#picture_personality_test{
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 501;	
	width:721px;
	height:475px;
	padding:5px;
	background-color: #fff; 
}

#picture_personality_footer_stauts_bar{
	padding:0px;
	margin:0px;
	width:250px;
	height:6px;
	border:1px solid #9D9D9D;
	margin-top:5px;
	float:left;
	text-align:left;		
}

#picture_personality_footer_stauts_slider{
	background-color:#2D57A2;
	height:6px;
	width:0%;
	padding:0px;
	margin:0px;
}

#picture_personality_footer{
	width:100%;
	height:20px;
}

#picture_personality_header{
	width:100%;
	height:20px;
}

#picture_personality_content{
	width:721px;
	height:440px;
}

#picture_personality_content div{
	float:left;
	border:1px solid #000;
	margin:1px;	
}

#picture_personality_content .selected{
	border:1px solid #ff0000;
}

#picture_personality_header_controls{
	float:right;
}

#picture_personality_header_title{
	float:left;
	font-weight:bold;
	font-size:14px;
	font-family:Arial;	
	margin-left:3px;
}

#picture_personality_footer_controls{
	float:right;
}

#picture_personality_footer_controls a{
	font-weight:bold !important;
	font-size:14px;
	color:#000;
	font-family:Arial;	
	padding:0px 20px;	
	cursor:pointer;	
}

#picture_personality_footer_controls a:hover{
	text-decoration:underline;
}

#presonality_test_block .discription{
	margin-top:10px;	
	margin-bottom:10px;
}

#presonality_test_block .result_block{
	margin-top:5px;	
}

#presonality_test_block .selected_image{
	padding:2px;
	margin:2px;
	float:left;	
	margin-bottom:5px;
}

#presonality_test_block .image_discription{
	margin-top:2px;
}

#presonality_test_block .image_discription_text{
	font-weight:bold;
}

#presonality_test_block .progress_bar{
	width:111px;
	background:url(/dp_plugins/personality_picture_test_block/images/progress_back_bg.jpg);	
	background-position:left center;
	background-repeat:no-repeat;	
	height:6px !important;
	margin:0px;
	padding:0px;	
}

#presonality_test_block .progress_bar_slider{	
	background:url(/dp_plugins/personality_picture_test_block/images/progress_match_top_bg.gif);	
	background-position:left center;
	background-repeat:repeat-x;	
	height:6px !important;
	margin:0px;	
	margin-left:2px;
	padding:0px;	
	float:left;
	width:0px;
}

#presonality_test_block .progress_bar img{
	float:left;
	width:2px;
	height:6px;
	padding:0px;
	margin:0px;	
}

#presonality_test_block .step_discription{
	font-weight:bold;
}

#presonality_test_block .result_discription{
	margin-top:0px;
	height:auto;
}

#presonality_test_block .not_registerd_user{
	clear:both;
	margin:10px 0px; 
	font-weight:bold;
}

#presonality_test_block .not_registerd_user a{
	font-weight:bold !important;
	text-decoration:underline;
}

#presonality_test_block .result_discription ul{
	display:list-item !important;	
	list-style-type:none;
	padding:3px 3px 3px 10px;
	margin-top:3px;
	background-image:url(/dp_plugins/personality_picture_test_block/images/bullet.jpg);
	background-position:left center;
	background-repeat:no-repeat;	

}