@charset "utf-8";
/* CSS Document */

#solutions{
	float:left;	
	padding-left:40px;
	padding-top:7px;
	width:500px;
}
#solutions .solution{
	display:none;	
}
#solutions .display{
	display:block !important;	
}

#problems{
	border-left:7px solid #f5f5f0;
	border-top:7px solid #f5f5f0;
	border-bottom:7px solid #f5f5f0;
	width:306px;
	float:left;
}
#problems span{ display: none; }
#problems .border{
	border-bottom:7px solid #f5f5f0;
}
#problems .problem a{
	background-position: 0% 0%;
	width:306px;
	display:block;

}
#problems .problem a.selected{
	background-position: 0% 100% !important;
}
#problems .problem a:hover{
	background-position:0% 100%;
}

a#problem_1{
	background-image:url(../images/problems/problem-1.gif);	
	height:46px;
}
a#problem_2{
	background-image:url(../images/problems/problem-2.gif);	
	height:47px;
}
a#problem_3{
	background-image:url(../images/problems/problem-3.gif);	
	height:45px;
}
a#problem_4{
	background-image:url(../images/problems/problem-4.gif);	
	height:47px;
}
a#problem_5{
	background-image:url(../images/problems/problem-5.gif);	
	height:47px;
}
a#problem_6{
	background-image:url(../images/problems/problem-6.gif);	
	height:45px;
}
a#problem_7{
	background-image:url(../images/problems/problem-7.gif);	
	height:48px;
}
a#problem_8{
	background-image:url(../images/problems/problem-8.gif);	
	height:47px;
}
a#problem_9{
	background-image:url(../images/problems/problem-9.gif);	
	height:49px;
}
a#problem_10{
	background-image:url(../images/problems/problem-10.gif);	
	height:45px;
}
a#problem_11{
	background-image:url(../images/problems/problem-11.gif);	
	height:50px;
}
a#problem_12{
	background-image:url(../images/problems/problem-12.gif);	
	height:45px;
}