#right #reference {
	margin: 0 0 24px 0;
    padding: 0;
	width: 220px;
	float: left;
}
#right #reference h3 {
	background: url("pic/rightbox_header.gif") 0 0 no-repeat;
    height: 25px;
    padding: 15px 14px 0;
    width: 192px;
	margin:0;
	font-size: 14px;
	color: #467F9C;
}
#right #reference .content {
	background: url("pic/rightbox_content.gif") 0 0 repeat-y;
	width: 220px;
}
#right #reference .box_footer {
	background: url("pic/rightbox_footer.gif") 0 0 no-repeat;
	width: 220px;
	height: 25px;
}
#right #reference {
	margin: 0 0 24px 0;
}
/*#right #reference .content .bg {
	background: url("pic/rightbox_gradient.gif") no-repeat;
}*/
#reference #ref_scroll {
	height: 181px;
    width: 192px;
	overflow: hidden;
    position: absolute;
	margin: 5px 14px 0;
}
#reference #ref_steps {
    position: absolute;
    width: 1200px;
}
#reference .refstep {
	float: left;
    position: relative;
	margin: 0;
	padding: 0;
    width: 192px;
	height: 181px;
}
#reference .refpic {
	width: 189px;
	height: 155px;
	display: block;
	position: absolute;
	border: 1px dotted #bbb;
}
#reference .refstep .tab {
	display: none;
	position: absolute;
	font-size: 10px !important;
	font-weight: normal !important;
	width: 192px;
	height: 158px;
}
#reference .refstep .tab i, #reference .refstep .tab strong{
	display: inline;
}
#reference .navi {
    margin: 0 auto;
    padding: 190px 0 0 35px;
	width: 100px;
	height: 10px;
}
#reference .navi a {
    background: url("pic/middle_menu.gif") no-repeat left top;
    float: left;
    height: 8px;
    margin: 0 4px 0 0;
    padding: 0;
    text-align: center;
    width: 8px;
}
#reference .navi a:hover, #reference .navi a.active {
    background: url("pic/middle_menu.gif") no-repeat right top;
}
#right #reference p{
	margin: 0;
	padding: 2px 0 8px;
	font-size: 10px;
	font-weight: bold;
}
#right #reference .step img {
	border: 1px solid #bbb;*
}
#right #reference p.refname a {
	color: #4b4b4b;
	text-decoration: none;
}
#right #reference p.refname a:hover {
	color: #7C920C;
}